Merge pull request #22 from qlik-oss/bugfix/QB-296-take-snapshot

fix: enabling take snapshot flag for Network and Radar chart
2019-12-16 12:28:31 +05:30 · 2019-12-11 16:21:49 +05:30 · 2019-09-20 16:04:08 +02:00 · 2019-09-20 14:20:10 +02:00 · 2019-07-16 16:24:35 +02:00 · 2019-07-16 10:13:39 +02:00
41 changed files with 606 additions and 412 deletions
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -19,8 +19,13 @@ jobs:
          name: Install dependencies
          command: npm install
      - run:
-          name: Run tests
-          command: npm run test-once
+          name: BlackDuck scan
+          command: curl -s https://detect.synopsys.com/detect.sh | bash -s -- \
+            --blackduck.url="https://qliktech.blackducksoftware.com" \
+            --blackduck.trust.cert=true \
+            --blackduck.username="svc-blackduck" \
+            --blackduck.password=${svc_blackduck} \
+            --detect.project.name="viz-bundle-qlik-network-chart"

  bump-version:
    <<: *defaults
@@ -48,16 +53,18 @@ jobs:
          command: |
            export VERSION=$(scripts/get-bumped-version.sh)
            echo "Version: ${VERSION}"
-            npm run build
+            npm run build:zip
+            sudo chmod +x scripts/verify-files.sh
+            scripts/verify-files.sh
          environment:
            NODE_ENV: production
      - persist_to_workspace:
          root: ~/qlik-network-chart
          paths:
-            - build
+            - dist
      - store_artifacts:
-          path: build
-          destination: build
+          path: dist
+          destination: dist
  deploy:
    <<: *defaults
    steps:
@@ -92,4 +99,3 @@ workflows:
            branches:
              only:
                - master
-                - project-configuration
--- a/.gitignore
+++ b/.gitignore
@@ -1,3 +1,3 @@
 node_modules/
-build/
+dist/
 BUMPED_VERSION
--- a/22
+++ b/22
@@ -0,0 +1,22 @@
+The MIT License
+
+Copyright (c) 2018-present QlikTech International AB
+Copyright (c) 2016 Michael Laenen
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
--- a/LICENSE.md
+++ b/LICENSE.md
@@ -1,24 +0,0 @@
-**2 Dimensional Heatmap** Visualization Extension for Qlik Sense is licensed under the "MIT" license:
-
-> 
-> The MIT License (MIT)
-> 
-> Copyright (c) 2016 Michael Laenen
-> 
-> Permission is hereby granted, free of charge, to any person obtaining a copy
-> of this software and associated documentation files (the "Software"), to deal
-> in the Software without restriction, including without limitation the rights
-> to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-> copies of the Software, and to permit persons to whom the Software is
-> furnished to do so, subject to the following conditions:
-> 
-> The above copyright notice and this permission notice shall be included in all
-> copies or substantial portions of the Software.
-> 
-> THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-> IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-> FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-> AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-> LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-> OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-> SOFTWARE.
--- a/assets/network.png
+++ b/assets/network.png
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -1,20 +1,61 @@
 var gulp = require('gulp');
+var gutil = require('gulp-util');
 var zip = require('gulp-zip');
 var del = require('del');
-var settings = require('./settings');
 var webpackConfig = require('./webpack.config');
 var webpack = require('webpack');
-var WebpackDevServer = require('webpack-dev-server');
-var jeditor = require("gulp-json-editor");
+var pkg = require('./package.json');

-gulp.task('remove-build-folder', function(){
-  return del([settings.buildDestination], { force: true });
+var DIST = './dist';
+var VERSION = process.env.VERSION || 'local-dev';
+
+gulp.task('qext', function () {
+	var qext = {
+		name: 'Network chart',
+		type: 'visualization',
+		description: pkg.description + '\nVersion: ' + VERSION,
+		version: VERSION,
+		icon: 'bubbles',
+		preview: 'network.png',
+		keywords: 'qlik-sense, visualization',
+		author: pkg.author,
+		homepage: pkg.homepage,
+		license: pkg.license,
+		repository: pkg.repository,
+		dependencies: {
+			'qlik-sense': '>=5.5.x'
+		}
+	};
+	if (pkg.contributors) {
+		qext.contributors = pkg.contributors;
+	}
+	var src = require('stream').Readable({
+		objectMode: true
+	});
+	src._read = function () {
+		this.push(new gutil.File({
+			cwd: '',
+			base: '',
+			path: pkg.name + '.qext',
+			contents: Buffer.from(JSON.stringify(qext, null, 4))
+		}));
+		this.push(null);
+	};
+	return src.pipe(gulp.dest(DIST));
+});
+
+gulp.task('clean', function(){
+  return del([DIST], { force: true });
 });

 gulp.task('zip-build', function(){
-  return gulp.src(settings.buildDestination + '/**/*')
-    .pipe(zip(settings.name + '_' + settings.version + '.zip'))
-    .pipe(gulp.dest(settings.buildDestination));
+  return gulp.src(DIST + '/**/*')
+    .pipe(zip(`${pkg.name}_${VERSION}.zip`))
+    .pipe(gulp.dest(DIST));
+});
+
+gulp.task('add-assets', function(){
+  return gulp.src('./assets/**/*').pipe(gulp.dest(DIST));
 });

 gulp.task('webpack-build', done => {
@@ -33,39 +74,13 @@ gulp.task('webpack-build', done => {
  });
 });

-gulp.task('update-qext-version', function () {
-  return gulp.src("./build/" + settings.name + ".qext")
-    .pipe(jeditor({
-      'version': settings.version
-    }))
-  .pipe(gulp.dest("./build"));
-})
-
 gulp.task('build',
-  gulp.series('remove-build-folder', 'webpack-build', 'update-qext-version', 'zip-build')
+  gulp.series('clean', 'webpack-build', 'qext', 'add-assets')
 );

-gulp.task('watch', () => new Promise((resolve, reject) => {
-  webpackConfig.entry.unshift('webpack-dev-server/client?http://localhost:' + settings.port);
-  const compiler = webpack(webpackConfig);
-  const originalOutputFileSystem = compiler.outputFileSystem;
-  const devServer = new WebpackDevServer(compiler, {
-    headers: {
-      "Access-Control-Allow-Origin": "*"
-    },
-  }).listen(settings.port, 'localhost', error => {
-    compiler.outputFileSystem = originalOutputFileSystem;
-    if (error) {
-      console.error(error); // eslint-disable-line no-console
-      return reject(error);
-    }
-
-    // eslint-disable-next-line no-console
-    console.log('Listening at localhost:' + settings.port);
-
-    resolve(null, devServer);
-  });
-}));
+gulp.task('zip',
+  gulp.series('build', 'zip-build')
+);

 gulp.task('default',
  gulp.series('build')
--- a/karma.conf.js
+++ b/karma.conf.js
@@ -1,35 +0,0 @@
-const settings = require('./settings');
-
-module.exports = (config) => {
-  config.set({
-    browsers: ['SlimChromeHeadless'],
-    customLaunchers: {
-      SlimChromeHeadless: {
-        base: 'ChromeHeadless',
-        flags: ['--headless', '--disable-gpu', '--disable-translate', '--disable-extensions']
-      }
-    },
-    files: [
-      { pattern: 'src/*.spec.js', watched: false }
-    ],
-    frameworks: ['jasmine'],
-    preprocessors: {
-      'src/*.spec.js': ['webpack', 'sourcemap']
-    },
-    webpack: {
-      devtool: 'source-map',
-      mode: settings.mode,
-      module: {
-        rules: [
-          {
-            test: /\.js$/,
-            exclude: [/node_modules/],
-            loaders: ['babel-loader']
-          },
-          { test: /\.less$/, loader: 'ignore-loader' },
-          { test: /\.json$/, loader: 'ignore-loader' }
-        ]
-      }
-    }
-  });
-};
--- a/package-lock.json
+++ b/package-lock.json
@@ -3222,6 +3222,11 @@
        "minimalistic-crypto-utils": "^1.0.0"
      }
    },
+    "emitter-component": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/emitter-component/-/emitter-component-1.1.1.tgz",
+      "integrity": "sha1-Bl4tvtaVm/RwZ57avq95gdEAOrY="
+    },
    "emojis-list": {
      "version": "2.1.0",
      "resolved": "https://registry.npmjs.org/emojis-list/-/emojis-list-2.1.0.tgz",
@@ -4397,7 +4402,8 @@
        "ansi-regex": {
          "version": "2.1.1",
          "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
        },
        "aproba": {
          "version": "1.2.0",
@@ -4418,12 +4424,14 @@
        "balanced-match": {
          "version": "1.0.0",
          "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
        },
        "brace-expansion": {
          "version": "1.1.11",
          "bundled": true,
          "dev": true,
+          "optional": true,
          "requires": {
            "balanced-match": "^1.0.0",
            "concat-map": "0.0.1"
@@ -4438,17 +4446,20 @@
        "code-point-at": {
          "version": "1.1.0",
          "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
        },
        "concat-map": {
          "version": "0.0.1",
          "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
        },
        "console-control-strings": {
          "version": "1.1.0",
          "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
        },
        "core-util-is": {
          "version": "1.0.2",
@@ -4565,7 +4576,8 @@
        "inherits": {
          "version": "2.0.3",
          "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
        },
        "ini": {
          "version": "1.3.5",
@@ -4577,6 +4589,7 @@
          "version": "1.0.0",
          "bundled": true,
          "dev": true,
+          "optional": true,
          "requires": {
            "number-is-nan": "^1.0.0"
          }
@@ -4591,6 +4604,7 @@
          "version": "3.0.4",
          "bundled": true,
          "dev": true,
+          "optional": true,
          "requires": {
            "brace-expansion": "^1.1.7"
          }
@@ -4598,12 +4612,14 @@
        "minimist": {
          "version": "0.0.8",
          "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
        },
        "minipass": {
          "version": "2.2.4",
          "bundled": true,
          "dev": true,
+          "optional": true,
          "requires": {
            "safe-buffer": "^5.1.1",
            "yallist": "^3.0.0"
@@ -4622,6 +4638,7 @@
          "version": "0.5.1",
          "bundled": true,
          "dev": true,
+          "optional": true,
          "requires": {
            "minimist": "0.0.8"
          }
@@ -4702,7 +4719,8 @@
        "number-is-nan": {
          "version": "1.0.1",
          "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
        },
        "object-assign": {
          "version": "4.1.1",
@@ -4714,6 +4732,7 @@
          "version": "1.4.0",
          "bundled": true,
          "dev": true,
+          "optional": true,
          "requires": {
            "wrappy": "1"
          }
@@ -4799,7 +4818,8 @@
        "safe-buffer": {
          "version": "5.1.1",
          "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
        },
        "safer-buffer": {
          "version": "2.1.2",
@@ -4835,6 +4855,7 @@
          "version": "1.0.2",
          "bundled": true,
          "dev": true,
+          "optional": true,
          "requires": {
            "code-point-at": "^1.0.0",
            "is-fullwidth-code-point": "^1.0.0",
@@ -4854,6 +4875,7 @@
          "version": "3.0.1",
          "bundled": true,
          "dev": true,
+          "optional": true,
          "requires": {
            "ansi-regex": "^2.0.0"
          }
@@ -4897,12 +4919,14 @@
        "wrappy": {
          "version": "1.0.2",
          "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
        },
        "yallist": {
          "version": "3.0.2",
          "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
        }
      }
    },
@@ -5480,6 +5504,11 @@
        "glogg": "^1.0.0"
      }
    },
+    "hammerjs": {
+      "version": "2.0.8",
+      "resolved": "https://registry.npmjs.org/hammerjs/-/hammerjs-2.0.8.tgz",
+      "integrity": "sha1-BO93hiz/K7edMPdpIJWTAiK/YPE="
+    },
    "handle-thing": {
      "version": "1.2.5",
      "resolved": "https://registry.npmjs.org/handle-thing/-/handle-thing-1.2.5.tgz",
@@ -6684,6 +6713,11 @@
        }
      }
    },
+    "keycharm": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/keycharm/-/keycharm-0.2.0.tgz",
+      "integrity": "sha1-+m6i5DuQpoAohD0n8gddNajD5vk="
+    },
    "killable": {
      "version": "1.0.1",
      "resolved": "https://registry.npmjs.org/killable/-/killable-1.0.1.tgz",
@@ -7315,6 +7349,11 @@
        "minimist": "0.0.8"
      }
    },
+    "moment": {
+      "version": "2.22.2",
+      "resolved": "https://registry.npmjs.org/moment/-/moment-2.22.2.tgz",
+      "integrity": "sha1-PCV/mDn8DpP/UxSWMiOeuQeD/2Y="
+    },
    "move-concurrently": {
      "version": "1.0.1",
      "resolved": "https://registry.npmjs.org/move-concurrently/-/move-concurrently-1.0.1.tgz",
@@ -8566,6 +8605,14 @@
      "integrity": "sha1-mEcocL8igTL8vdhoEputEsPAKeM=",
      "dev": true
    },
+    "propagating-hammerjs": {
+      "version": "1.4.6",
+      "resolved": "https://registry.npmjs.org/propagating-hammerjs/-/propagating-hammerjs-1.4.6.tgz",
+      "integrity": "sha1-/tAOmwB2f/1C0U9bUxvEk+tnLjc=",
+      "requires": {
+        "hammerjs": "^2.0.6"
+      }
+    },
    "proto-list": {
      "version": "1.2.4",
      "resolved": "https://registry.npmjs.org/proto-list/-/proto-list-1.2.4.tgz",
@@ -11197,6 +11244,18 @@
        "vinyl": "^2.0.0"
      }
    },
+    "vis": {
+      "version": "4.21.0",
+      "resolved": "https://registry.npmjs.org/vis/-/vis-4.21.0.tgz",
+      "integrity": "sha1-3XFji/9/ZJXQC8n0DCU1JhM97Ws=",
+      "requires": {
+        "emitter-component": "^1.1.1",
+        "hammerjs": "^2.0.8",
+        "keycharm": "^0.2.0",
+        "moment": "^2.18.1",
+        "propagating-hammerjs": "^1.4.6"
+      }
+    },
    "vm-browserify": {
      "version": "0.0.4",
      "resolved": "https://registry.npmjs.org/vm-browserify/-/vm-browserify-0.0.4.tgz",
--- a/package.json
+++ b/package.json
@@ -1,18 +1,15 @@
 {
  "name": "qlik-network-chart",
  "version": "0.0.1",
-  "description": "Network chart",
-  "keywords": "network chart qliksense extension",
+  "description": "Displays hierarchical or relational dimensions as nodes and edges´, with measures to show the significance of its links.",
+  "homepage": "",
  "repository": "https://github.com/qlik-oss/network-vis-chart",
  "author": "Michael Laenen (miclae76) <m.laenen@contactoffice.net>",
  "license": "MIT",
  "scripts": {
    "build": "gulp build",
-    "eslint": "eslint src",
-    "eslint:fix": "eslint --fix src",
-    "test": "karma start karma.conf.js",
-    "test-once": "karma start karma.conf.js --single-run",
-    "watch": "gulp watch"
+    "build:zip": "gulp zip",
+    "eslint": "eslint src"
  },
  "devDependencies": {
    "@babel/core": "7.1.5",
@@ -20,28 +17,22 @@
    "@babel/preset-env": "7.1.5",
    "babel-eslint": "10.0.1",
    "babel-loader": "8.0.4",
-    "copy-webpack-plugin": "4.6.0",
    "css-loader": "1.0.1",
    "del": "3.0.0",
    "eslint": "5.8.0",
    "eslint-loader": "2.1.1",
    "file-loader": "2.0.0",
    "gulp": "4.0.0",
-    "gulp-json-editor": "2.4.3",
+    "gulp-util": "^3.0.7",
    "gulp-zip": "4.2.0",
-    "jasmine-core": "3.3.0",
-    "karma": "3.1.1",
-    "karma-chrome-launcher": "2.2.0",
-    "karma-jasmine": "1.1.2",
-    "karma-sourcemap-loader": "0.3.7",
-    "karma-webpack": "3.0.5",
    "less": "3.8.1",
    "less-loader": "4.1.0",
    "style-loader": "0.23.1",
    "stylelint": "9.7.1",
    "stylelint-webpack-plugin": "0.10.5",
-    "webpack": "4.25.1",
-    "webpack-cli": "3.1.2",
-    "webpack-dev-server": "3.1.10"
+    "webpack": "4.25.1"
+  },
+  "dependencies": {
+    "vis": "4.21.0"
  }
 }
--- a/readme.md
+++ b/readme.md
@@ -1,44 +1,20 @@
 # Qlik Network Chart
+This extension is part of the extension bundles for Qlik Sense. The repository is maintained and moderated by Qlik RD.

-[![CircleCI](https://circleci.com/gh/qlik-oss/network-vis-chart.svg?style=svg)](https://circleci.com/gh/qlik-oss/network-vis-chart)
+Feel free to fork and suggest pull requests for improvements and bug fixes. Changes will be moderated and reviewed before inclusion in future bundle versions. Please note that emphasis is on backward compatibility, i.e. breaking changes will most likely not be approved.

-<h2>Qlik Sense extension to visualize networks data</h2>
-<hr>
-Based on library vis.js (http://visjs.org)
-<br>Tested with Qlik Sense 2.2.3.
-<hr>
-<h3>Dimensions</h3>
-4 dimensions are mandatory :
-<ol>
-  <li>node identifier</li>
-  <li>node label</li>
-  <li>node parent identifier</li>
-  <li>node group</li>
-</ol>
+Usage documentation for the extension is available at https://help.qlik.com.

-<h3>Measures</h3>
-The measures are optional
-<ol>
-  <li>tooltip : expression that will be push in the tooltip when hover on a node</li>
-  <li>node value : used to scale the node size</li>
-  <li>edge value : used to scale the edge width</li>
-</ol>
+# Developing the extension
+If you want to do code changes to the extension follow these simple steps to get going.

-<h3>Additional network settings</h3>
-<ul>
-<li>Edge Type : select type of curve between nodes</li>
-<li>Node Shape : dot, square, diamond, triangle ...</li>
-<li>Display Edge Value : switch to display the measures on edge curves</li>
-<li>Position Edge Label : top, bottom, middle, horizontal</li>
-<li>Display Shadow : switch to enable shadow effects behind edge and nodes</li>
-</ul>
-
-<h3>Sample</h3>
-QVF based on characters from Victor Hugo's novel , Les Misérables.
-![Network chart](resources/network_chart_v1.png)
+1. Get Qlik Sense Desktop
+1. Create a new app and add Network chart to a sheet.
+2. Clone the repository
+3. Run `npm install`
+4. Run `npm run build` - to build a dev-version to the /dist folder.
+5. Move the content of the /dist folder to the extension directory. Usually in `C:/Users/<user>/Documents/Qlik/Sense/Extensions/qlik-network-chart`.

 # Original Author
-
 **Michael Laenen**
-
 * [github.com/miclae76](https://github.com/miclae76)
--- a/resources/Network
+++ b/resources/Network
--- a/scripts/create-release.sh
+++ b/scripts/create-release.sh
@@ -2,8 +2,8 @@
 set -o errexit

 echo "Creating release for version: $VERSION"
-echo "Artifact name: ./build/${3}_${VERSION}.zip"
-$HOME/bin/ghr -t ${ghoauth} -u ${CIRCLE_PROJECT_USERNAME} -r ${CIRCLE_PROJECT_REPONAME} -c ${CIRCLE_SHA1} -delete ${VERSION} "./build/${3}_${4}.zip"
+echo "Artifact name: ./dist/${3}_${VERSION}.zip"
+$HOME/bin/ghr -t ${ghoauth} -u ${CIRCLE_PROJECT_USERNAME} -r ${CIRCLE_PROJECT_REPONAME} -c ${CIRCLE_SHA1} ${VERSION} "./dist/${3}_${4}.zip"


 # Usage
--- a/scripts/verify-files.sh
+++ b/scripts/verify-files.sh
@@ -0,0 +1,25 @@
+#!/bin/bash
+# The build script has a known race-condition that sometimes causes it to not include all files
+# in the built zip. This script verifies the that the zip contains the correct number of files.
+
+set -o errexit
+
+echo "Verifying built file count"
+
+while read line; do
+    if [[ $line =~ ^\"name\": ]]; then
+        name=${line#*: \"}
+        name=${name%\"*}
+    fi
+done < package.json
+
+expected_file_count=$(($(find dist -type f | wc -l)-1))
+zip_file_count=$(zipinfo dist/${name}_${VERSION}.zip | grep ^- | wc -l)
+
+if [ "${expected_file_count}" -ne "${zip_file_count}" ]; then
+    # File count is incorrect
+    echo "Expected file count ${expected_file_count}, but was ${zip_file_count}"
+    exit 1
+fi
+echo "File count OK"
+exit 0
--- a/settings.js
+++ b/settings.js
@@ -1,13 +0,0 @@
-const path = require('path');
-const packageJSON = require('./package.json');
-
-const defaultBuildDestination = path.resolve("./build");
-
-module.exports = {
-  buildDestination: process.env.BUILD_PATH || defaultBuildDestination,
-  mode: process.env.NODE_ENV || 'development',
-  name: packageJSON.name,
-  version: process.env.VERSION || 'local-dev',
-  url: process.env.BUILD_URL || defaultBuildDestination,
-  port: 8082
-};
--- a/src/assets/network.png
+++ b/src/assets/network.png
--- a/src/index.js
+++ b/src/index.js
@@ -5,9 +5,36 @@ Tested on Qlik Sense 2.2.3
 Agilos.com takes no responsibility for any code.
 Use at your own risk.
 */
-import "@babel/polyfill";
+if (!window._babelPolyfill) { // eslint-disable-line no-underscore-dangle
+  require('@babel/polyfill'); // eslint-disable-line global-require
+}
+
 import paint from './paint';
-import './styles/vis.min.css';
+import './styles/main.less';
+
+const dimDesc = [
+  "Node Identifier",
+  "Node Label",
+  "Node Parent",
+  "Node Group"
+];
+
+const dimLongDesc = [
+  "Node Identifier - a field in the dataset which should be presented as a node in the network diagram."
+  + " these control the actual elements presented in the network diagram.",
+  "Node Label - controls what field holds the data that described the nodes in the network"
+  + " diagram. The field content will be presented as label.",
+  "Node Parent - is used to determine the ancestor node for the individual nodes."
+  + " This field will be used for describing the relationships between network elements.",
+  "Node Group - is a field which describes groups of a node in the network."
+  + " This is used to apply the same color to several nodes."
+];
+
+const measureDesc = [
+  "Tooltip",
+  "Node size",
+  "Edge size"
+];

 const component = {
  initialProperties: {
@@ -22,30 +49,62 @@ const component = {
    }
  },
  //property panel
+  data: {
+    dimensions: {
+      min: 3,
+      max: 4,
+      description(properties, index) {
+        return dimDesc[index];
+      }
+      /*
+      1. Dimension: Node ID, numeric (Event ID or else) or String
+      2. Dimension: Node Label
+      3. Dimension: Node Parent ID, numeric (Event ID or else) or String
+      4. Dimension: Node Cluster
+      */
+    },
+    measures: {
+      min: 0,
+      max: 3,
+      description(properties, index) {
+        return measureDesc[index];
+      }
+      /*
+      1. Measure: title text for tooltip (optional)
+      2. Measure: node value
+      3. Measure: edge value
+      */
+    }
+  },
  definition: {
    type: "items",
    component: "accordion",
    items: {
-      dimensions: {
-        uses: "dimensions",
-        min: 4,
-        max: 4
-        /*
-        1. Dimension: Node ID, numeric (Event ID or else) or String
-        2. Dimension: Node Label
-        3. Dimension: Node Parent ID, numeric (Event ID or else) or String
-        4. Dimension: Node Cluster
-        */
-      },
-      measures: {
-        uses: "measures",
-        min: 0,
-        max: 3
-        /*
-        1. Measure: title text for tooltip (optional)
-        2. Measure: node value
-        3. Measure: edge value
-        */
+      data: {
+        uses: "data",
+        items:{
+          dimensions:{
+            disabledRef: "",
+            items: {
+              helpDesc: {
+                component: 'text',
+                style: 'qlik-network-chart-italic-property',
+                label: function(properties, handler) {
+                  var index;
+                  handler.getDimensions().forEach((element, i) => {
+                    if(element.qDef.cId === properties.qDef.cId) {
+                      index = i;
+                    }
+                  });
+                  return dimLongDesc[index];
+                }
+              }
+            }
+          },
+          measures: {
+            disabledRef: ""
+          }
+        }
      },
      sorting: {
        uses: "sorting"
@@ -59,13 +118,14 @@ const component = {
        }
      },
      settings: {
-        uses: "settings",
+        type: "items",
+        label: "Settings",
        items: {
          edgeType: {
            ref: "edgeType",
            type: "string",
            component: "dropdown",
-            label: "Egde Type",
+            label: "Edge Type",
            options: [
              { value: 'dynamic' },
              { value: 'continuous' },
@@ -74,8 +134,8 @@ const component = {
              { value: 'straightCross' },
              { value: 'horizontal' },
              { value: 'vertical' },
-              { value: 'curveCW' },
-              { value: 'curveCCW' },
+              { value: 'curvedCW' },
+              { value: 'curvedCCW' },
              { value: 'cubicBezier' }
            ],
            defaultValue: "dynamic"
@@ -134,14 +194,36 @@ const component = {
            defaultValue: false
          }
        }
+      },
+      about: {
+        component: 'items',
+        label: 'About',
+        items: {
+          header: {
+            label: 'Network chart',
+            style: 'header',
+            component: 'text'
+          },
+          paragraph1: {
+            label: `Network chart is Qlik Sense chart which allows you to draw a network of connected nodes and edges from a data set to a sheet.`,
+            component: 'text'
+          },
+          paragraph2: {
+            label: 'Network chart is based upon an extension created by Michael Laenen.',
+            component: 'text'
+          }
+        }
      }
    }
  },
-
+  support: {
+    export: true,
+    snapshot: true,
+    exportData: true
+  },
  snapshot: {
    canTakeSnapshot: true
  },
-
  paint: paint
 };

--- a/src/paint.js
+++ b/src/paint.js
@@ -1,146 +1,230 @@
-import vis from './scripts/vis.min';
+import { Network } from 'vis/index-network';
+import qlik from 'qlik';
+import { createTooltipHTML } from './tooltip';
+import { escapeHTML } from './utilities';

 function isTextCellNotEmpty(c) {
  return (c.qText && !(c.qIsNull || c.qText.trim() == ''));
 }

-function paint ( $element, layout ) {
-  var _this = this,
-    qData = layout.qHyperCube.qDataPages[0],
-    id = layout.qInfo.qId,
-    containerId = 'network-container_' + id;
+function getColor (index, colors) {
+  return colors[index % colors.length];
+}

+function paint ( $element, layout, qTheme, component ) {

-  if(qData && qData.qMatrix) {
-    $element.empty().append($('<div />')
-      .attr({ id: containerId })
-      .css({
-        height: $element.height(),
-        width: $element.width(),
-        overflow: 'auto'
-      }));
+  return new qlik.Promise(function(resolve) {

-    var dataSet = qData.qMatrix.map(function(e){
-      var dataItem = {
-        id: e[0].qNum,
-        label: e[1].qText,
-        group: e[3].qText,
-        parentid : e[2].qNum
+    const colorScale = qTheme.properties.palettes.data[0];
+    const numDimensions = layout.qHyperCube.qDimensionInfo.length;
+    const numMeasures = layout.qHyperCube.qMeasureInfo.length;
+
+    var qData = layout.qHyperCube.qDataPages[0],
+      id = layout.qInfo.qId,
+      containerId = 'network-container_' + id;
+
+    if(qData && qData.qMatrix) {
+      $element.empty().append($('<div />')
+        .attr({ id: containerId })
+        .toggleClass('is-edit-mode', component.inEditState())
+        .css({
+          height: $element.height(),
+          width: $element.width(),
+          overflow: 'auto'
+        }));
+
+      var dataSet = qData.qMatrix.map(function(e){
+        const nodeName = e[1].qText;
+        let groupNumber;
+
+        const dataItem = {
+          id: e[0].qText,
+          eNum: e[0].qElemNumber,
+          label: nodeName,
+          parentid : e[2].qText
+        };
+
+        if(numDimensions === 4) {
+          groupNumber = e[3].qText;
+          dataItem.group = groupNumber;
+        }
+
+        // optional measures set
+        if (numMeasures > 0) {
+          const tooltip = e[numDimensions];
+
+          if (isTextCellNotEmpty(tooltip)) {
+            const tooltipText = tooltip.qText;
+            dataItem.title = escapeHTML(tooltipText);
+          } else if(numMeasures > 1) {
+            // This part is a bit fishy and should be tested
+            const nodeMeasure = e[numDimensions+1].qText;
+            dataItem.title = createTooltipHTML({
+              name: nodeName,
+              groupNumber,
+              nodeMeasure
+            });
+          }
+        }
+
+        if (numMeasures > 1) {
+          if (e[numDimensions+1].qNum) {
+            // node value - to scale node shape size
+            dataItem.nodeValue = e[5].qNum;
+          }
+        }
+
+        if (numMeasures > 2) {
+          if (e[numDimensions+2].qNum) {
+            // edge value - to scale edge width
+            dataItem.edgeValue = e[numDimensions+2].qNum;
+          }
+        }
+
+        return dataItem;
+      });
+
+      // Require 2 arrays :  nodes and edges -  nodes array must be unique values of IDs !
+      var uniqueId = [];
+      var nodes = [];
+      var edges = [];
+      const groups = {};
+
+      for(let i = 0; i< dataSet.length; i++){
+        if (layout.displayEdgeLabel && dataSet[i].edgeValue !== undefined) {
+          edges.push({
+            "from":dataSet[i].id,
+            "to":dataSet[i].parentid,
+            "value":dataSet[i].edgeValue,
+            "label": `${dataSet[i].edgeValue}`
+          }); // with labels
+        } else {
+          edges.push({
+            "from":dataSet[i].id,
+            "to":dataSet[i].parentid,
+            "value":dataSet[i].edgeValue
+          }); // create edges
+        }
+
+        // process uniqueness
+        if(uniqueId.indexOf(dataSet[i].id) === -1) {
+          uniqueId.push(dataSet[i].id);
+
+          var nodeItem = {
+            id: dataSet[i].id,
+            eNum: dataSet[i].eNum,
+            label: dataSet[i].label,
+            title: dataSet[i].title,
+            group: dataSet[i].group,
+            value: dataSet[i].nodeValue
+          };
+          nodes.push(nodeItem); // create node
+          groups[nodeItem.group] = {};
+        }
+      }
+      const colors = colorScale.scale[Math.min(Object.keys(groups).length-1, colorScale.scale.length-1)];
+
+      Object.keys(groups).forEach(function(g,i) {
+        groups[g].color = getColor(i, colors);
+      });
+
+      // create dataset for \\
+      var data = {
+        nodes: nodes,
+        edges: edges
      };

-      // optional measures set
-      if (e.length > 4) {
-        // tooltip
-        if (isTextCellNotEmpty(e[4])) {
-          dataItem.title = e[4].qText;
-        } else {
-          dataItem.title = "*** Default Tooltip ***" + "<BR/>" + "Name:" + e[1].qText + "<BR/>" + "Group:" + e[3].qText;
+      // create a network
+      var container = document.getElementById(containerId);
+
+      var options = {
+        groups: groups,
+        layout: {
+          randomSeed: 1
+        },
+        nodes: {
+          shape:layout.nodeShape,
+          shadow:layout.shadowMode
+        },
+        edges: {
+          shadow:layout.shadowMode,
+          font: {
+            align: layout.posEdgeLabel
+          },
+          smooth: {
+            type: layout.edgeType
+          }
+        },
+        interaction: {
+          hideEdgesOnDrag: true,
+          tooltipDelay: 100
+        },
+        physics: {
+          forceAtlas2Based: {
+            gravitationalConstant: -100,
+            centralGravity: 0.005,
+            springLength: 230,
+            springConstant: 0.18
+          },
+          maxVelocity: 146,
+          solver: 'forceAtlas2Based',
+          timestep: 0.35,
+          stabilization: { iterations: 150 }
        }
-      }
+      };
+      var network = new Network(container, data, options);
+      network.fit();

-      if (e.length > 5) {
-        if (e[5].qNum) {
-          // node value - to scale node shape size
-          dataItem.nodeValue = e[5].qNum;
+      // Handle Selection on 1-node
+      $("#"+containerId).css('cursor','default');
+
+      network.on('select', function (properties) {
+        if (properties.hasOwnProperty("nodes")) {
+          if (properties.nodes.length > 0) {
+            // find connected nodes to selection
+            var connectedNodes = network.getConnectedNodes(properties.nodes[0]);
+            // append node to the array
+            connectedNodes.push(properties.nodes[0]);
+            const toSelect = [];
+            connectedNodes.forEach(function(node) {
+              var id;
+              data.nodes.forEach(function(dataNode) {
+                // Find match, ignore null
+                if(dataNode.id === node && node !== "-") {
+                  id = dataNode.eNum;
+                }
+              });
+              if(id !== undefined) {
+                // Remove duplicates
+                toSelect.indexOf(id) === -1 && toSelect.push(id);
+              }
+            });
+            //Make the selections
+            component.backendApi.selectValues(0,toSelect,false);
+          }
        }
-      }
+      });

-      if (e.length > 6) {
-        if (e[6].qNum) {
-          // edge value - to scale edge width
-          dataItem.edgeValue = e[6].qNum;
-        }
-      }
-
-      return dataItem;
-    });
-
-    // Require 2 arrays :  nodes and edges -  nodes array must be unique values of IDs !
-    var uniqueId = [];
-    var nodes = [];
-    var edges = [];
-
-    for(let i = 0; i< dataSet.length; i++){
-      if (layout.displayEdgeLabel) {
-        edges.push( { "from":dataSet[i].id, "to":dataSet[i].parentid, "value":dataSet[i].edgeValue, "label":dataSet[i].edgeValue } ); // with labels
-      } else {
-        edges.push( { "from":dataSet[i].id, "to":dataSet[i].parentid, "value":dataSet[i].edgeValue } ); // create edges
-      }
-
-      // process uniqueness
-      if(uniqueId.indexOf(dataSet[i].id) === -1) {
-        uniqueId.push(dataSet[i].id);
-
-        var nodeItem = {
-          "id": dataSet[i].id,
-          "label": dataSet[i].label,
-          "title": dataSet[i].title,
-          "group": dataSet[i].group,
-          "value": dataSet[i].nodeValue
-        };
-        nodes.push(nodeItem); // create node
-      }
+      network.on('stabilizationIterationsDone', function() {
+        resolve();
+      });
+    } else {
+      resolve();
    }
+  });
+}

-    // create dataset for \\
-    var data = {
-      nodes: nodes,
-      edges: edges
-    };
+function themePaint ($element, layout) {
+  const component = this;
+  try {
+    const app = qlik.currApp(this);

-    // create a network
-    var container = document.getElementById(containerId);
-
-    var options = {
-      nodes: {
-        shape:layout.nodeShape,
-        shadow:layout.shadowMode
-      },
-      edges: {
-        shadow:layout.shadowMode,
-        font: {
-          align: layout.posEdgeLabel
-        },
-        smooth: {
-          type: layout.edgeType
-        }
-      },
-      interaction: {
-        hideEdgesOnDrag: true,
-        tooltipDelay: 100
-      },
-      physics: {
-        forceAtlas2Based: {
-          gravitationalConstant: -100,
-          centralGravity: 0.005,
-          springLength: 230,
-          springConstant: 0.18
-        },
-        maxVelocity: 146,
-        solver: 'forceAtlas2Based',
-        timestep: 0.35,
-        stabilization: { iterations: 150 }
-      }
-    };
-    var network = new vis.Network(container, data, options);
-
-    // Handle Selection on 1-node
-    $("#"+containerId).css('cursor','default');
-
-    network.on('select', function (properties) {
-      if (properties.hasOwnProperty("nodes")) {
-        if (properties.nodes.length > 0) {
-          // find connected nodes to selection
-          var connectedNodes = network.getConnectedNodes(properties.nodes[0]);
-          // append node to the array
-          connectedNodes.push(properties.nodes[0]);
-
-          //Make the selections
-          _this.backendApi.selectValues(0,connectedNodes,false);
-        }
-      }
+    return app.theme.getApplied().then( function( qTheme ) {
+      return paint($element, layout, qTheme, component);
    });
+  } catch (exception) {
+    console.error(exception); // eslint-disable-line no-console
  }
 }

-export default paint;
+export default themePaint;
--- a/src/paint.spec.js
+++ b/src/paint.spec.js
@@ -1,7 +0,0 @@
-import paint from './paint';
-
-describe('paint', () => {
-  it('should be defined', () => {
-    expect(paint).toBeDefined();
-  });
-});
--- a/src/qlik-network-chart.qext
+++ b/src/qlik-network-chart.qext
@@ -1,9 +0,0 @@
-{
-	"name" : "Network Chart",
-	"description" : "NetWork Chart",
-	"icon" : "extension",
-	"type" : "visualization",
-	"version": "1.0",
-	"preview" : "network.png",
-	"author": "Michael Laenen , agilos.com"
-}
--- a/src/scripts/vis.min.js
+++ b/src/scripts/vis.min.js
--- a/src/styles/img/network/acceptDeleteIcon.png
+++ b/src/styles/img/network/acceptDeleteIcon.png
--- a/src/styles/img/network/addNodeIcon.png
+++ b/src/styles/img/network/addNodeIcon.png
--- a/src/styles/img/network/backIcon.png
+++ b/src/styles/img/network/backIcon.png
--- a/src/styles/img/network/connectIcon.png
+++ b/src/styles/img/network/connectIcon.png
--- a/src/styles/img/network/cross.png
+++ b/src/styles/img/network/cross.png
--- a/src/styles/img/network/cross2.png
+++ b/src/styles/img/network/cross2.png
--- a/src/styles/img/network/deleteIcon.png
+++ b/src/styles/img/network/deleteIcon.png
--- a/src/styles/img/network/downArrow.png
+++ b/src/styles/img/network/downArrow.png
--- a/src/styles/img/network/editIcon.png
+++ b/src/styles/img/network/editIcon.png
--- a/src/styles/img/network/leftArrow.png
+++ b/src/styles/img/network/leftArrow.png
--- a/src/styles/img/network/minus.png
+++ b/src/styles/img/network/minus.png
--- a/src/styles/img/network/plus.png
+++ b/src/styles/img/network/plus.png
--- a/src/styles/img/network/rightArrow.png
+++ b/src/styles/img/network/rightArrow.png
--- a/src/styles/img/network/upArrow.png
+++ b/src/styles/img/network/upArrow.png
--- a/src/styles/img/network/zoomExtends.png
+++ b/src/styles/img/network/zoomExtends.png
--- a/src/styles/img/timeline/delete.png
+++ b/src/styles/img/timeline/delete.png
--- a/src/styles/main.less
+++ b/src/styles/main.less
@@ -0,0 +1,17 @@
+.is-edit-mode > div {
+  pointer-events: none;
+}
+
+.vis-tooltip {
+  position: absolute;
+  background-color: #333;
+  opacity: 0.95;
+  border-radius: 5px;
+  color: #eee;
+  padding: 10px;
+  max-width: 200px;
+}
+
+.qlik-network-chart-italic-property {
+  font-style: italic;
+}
--- a/src/styles/vis.min.css
+++ b/src/styles/vis.min.css
--- a/src/tooltip.js
+++ b/src/tooltip.js
@@ -0,0 +1,28 @@
+function createEntry(header, value) {
+  const entry = document.createElement('div');
+  const nameHeader = document.createElement('span');
+  const nameHeaderValue = document.createTextNode(header);
+  const nameValueContainer = document.createElement('b');
+  const nameValue = document.createTextNode(value);
+
+  nameHeader.appendChild(nameHeaderValue);
+  nameValueContainer.appendChild(nameValue);
+
+  entry.appendChild(nameHeader);
+  entry.appendChild(nameValueContainer);
+
+  return entry;
+}
+
+export function createTooltipHTML({ name, groupNumber, nodeMeasure }) {
+  const tooltip = document.createElement('div');
+  const nameEntry = createEntry('Name: ', name);
+  const groupNumberEntry = createEntry('Group number: ', groupNumber);
+  const nodeMeasureEntry = createEntry('Node measure: ', nodeMeasure);
+
+  tooltip.appendChild(nameEntry);
+  tooltip.appendChild(groupNumberEntry);
+  tooltip.appendChild(nodeMeasureEntry);
+
+  return tooltip.innerHTML;
+}
--- a/src/utilities.js
+++ b/src/utilities.js
@@ -0,0 +1,5 @@
+export function escapeHTML(str){
+  var span = document.createElement('span');
+  span.appendChild(document.createTextNode(str));
+  return span.innerHTML;
+}
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -1,19 +1,31 @@
-const CopyWebpackPlugin = require('copy-webpack-plugin');
 const StyleLintPlugin = require('stylelint-webpack-plugin');
-const settings = require('./settings');
+const packageJSON = require('./package.json');
+const path = require('path');
+const webpack = require('webpack');

-console.log('Webpack mode:', settings.mode); // eslint-disable-line no-console
+const DIST = path.resolve("./dist");
+const MODE = process.env.NODE_ENV || 'development';
+
+console.log('Webpack mode:', MODE); // eslint-disable-line no-console

 const config = {
  devtool: 'source-map',
  entry: [
    './src/index.js'
  ],
-  mode: settings.mode,
+  mode: MODE,
  output: {
-    path: settings.buildDestination,
-    filename: settings.name + '.js',
-    libraryTarget: 'umd'
+    filename: `${packageJSON.name}.js`,
+    libraryTarget: 'amd',
+    path: DIST
+  },
+  externals: {
+    qlik: {
+      amd: 'qlik',
+      commonjs: 'qlik',
+      commonjs2: 'qlik',
+      root: '_'
+    }
  },
  module: {
    rules: [
@@ -26,6 +38,16 @@ const config = {
          failOnError: true
        }
      },
+      {
+        test: /node_modules[\\\/]vis[\\\/].*\.js$/,
+        use: {
+          loader: 'babel-loader',
+          options: {
+            cacheDirectory: true,
+            presets: ['@babel/preset-env']
+          }
+        }
+      },
      {
        test: /.js$/,
        exclude: /node_modules/,
@@ -52,10 +74,8 @@ const config = {
    ]
  },
  plugins: [
-    new CopyWebpackPlugin([
-      'src/' + settings.name + '.qext'
-    ], {}),
-    new StyleLintPlugin()
+    new StyleLintPlugin(),
+    new webpack.ContextReplacementPlugin(/moment[\\\/]locale$/, /^\.\/en$/),
  ]
 };
Author	SHA1	Message	Date
sauravqlik	f4441ef683	Merge pull request #22 from qlik-oss/bugfix/QB-296-take-snapshot fix: enabling take snapshot flag for Network and Radar chart	2019-12-16 12:28:31 +05:30
SAURAV	3a832e7d6a	fix: enabling take snapshot flag for Network and Radar chart	2019-12-11 16:21:49 +05:30
Philip Olsén	22da42de9f	Merge pull request #21 from qlik-oss/pol/bd Update black duck link	2019-09-20 16:04:08 +02:00
Philip Olsén	fddf286a8e	Update black duck link	2019-09-20 14:20:10 +02:00
Purwa Shrivastava	e6692b8779	Merge pull request #20 from qlik-oss/atq/AboutInfo Atq/about info	2019-07-16 16:24:35 +02:00
Purwa Shrivastava	4341fdb5db	Typos in About Info.	2019-07-16 10:13:39 +02:00
Purwa Shrivastava	d02852b2ed	Added an About Info section to the properties panel.	2019-07-16 10:05:00 +02:00
Albert Backenhof	25f6593f35	Merge pull request #19 from qlik-oss/DEB-136/readme Updated github readme	2019-05-20 09:09:09 +02:00
Albert Backenhof	76a22121a9	Updated github readme Issue: DEB-136	2019-05-20 07:29:18 +02:00
Albert Backenhof	d4154fde09	Merge pull request #18 from qlik-oss/DEB-133 Aligned build to Dashboard bundle extension builds	2019-05-10 09:11:55 +02:00
Albert Backenhof	d65b619546	Aligned build to Dashboard bundle extension builds -Part of the work to streamline how the extensions are handled, irregardless of what bundle. Issue: DEB-130, DEB-133	2019-03-27 13:05:38 +01:00
Tobias Åström	d15b246db4	Merge pull request #17 from qlik-oss/tsm/QLIK-94112-promise Make sure promise resolves properly	2019-03-08 14:58:33 +01:00
Tobias Åström	fc8e9b0ba4	Make sure promise resolves properly	2019-03-08 11:17:35 +01:00
John Lunde	b443deca27	Merge pull request #16 from qlik-oss/feature/QPE-592 [QPE-592] only load babel if not already loaded	2019-02-14 13:01:43 +01:00
Kristoffer Lind	8a24c3ee92	only load babel if not already loaded	2019-02-13 15:02:12 +01:00
Tobias Åström	464d137095	Add blackduck	2019-02-04 16:51:08 +01:00
John Lunde	903a2caa1d	Merge pull request #15 from qlik-oss/caele/QPE-524 Fix issue with coloring	2019-01-11 14:56:14 +01:00
Tobias Åström	d68b2ed863	Fix issue with coloring	2019-01-10 13:12:14 +01:00
Piotr Nestorow	f87bc3ea88	Merge pull request #14 from qlik-oss/caele-test Simplification of Network chart data	2019-01-10 09:04:53 +01:00
Tobias Åström	b7753143fd	Hide undefined edge labels	2018-12-19 08:46:49 +01:00
Tobias Åström	8f239687f3	Correct selections and add descriptions	2018-12-18 16:54:36 +01:00
Tobias Åström	d970d05711	Make the last dimension optional	2018-12-14 11:09:31 +01:00
Tobias Åström	192f4a8597	Update coloring	2018-12-12 16:47:35 +01:00
Tobias Åström	6eff5e1fd0	Change to allow strings instead of only numerics for IDs	2018-12-12 16:47:02 +01:00
Martin Walter	ad63832d18	Merge pull request #13 from qlik-oss/feature/QPE-416 [QPE-416] Removed delete/replace flag	2018-12-05 13:53:24 +01:00
Martin Walter	28b3aeb676	[QPE-416] Removed delete/replace flag	2018-12-05 13:37:39 +01:00
Tobias Åström	321c71825e	disable snapshot	2018-11-30 13:35:23 +01:00
Tobias Åström	6433daee95	Merge branch 'master' of https://github.com/qlik-oss/network-vis-chart	2018-11-30 13:31:24 +01:00
Tobias Åström	d210ad3908	disable snapshot	2018-11-30 13:31:05 +01:00
Tobias Åström	f461493b0f	Added data clarification and example	2018-11-29 11:10:36 +01:00
Tobias Åström	4312078951	Added data sample	2018-11-29 11:06:49 +01:00
Tobias Åström	7c53f8811b	Update qlik-network-chart.qext	2018-11-28 09:47:37 +01:00
Tobias Åström	51ea042580	Update qlik-network-chart.qext	2018-11-27 14:55:39 +01:00
Martin Walter	f9242dff27	Merge pull request #12 from qlik-oss/Caele-qext-update Update qlik-network-chart.qext	2018-11-23 10:42:37 +01:00
Martin Walter	50fc4289e0	[QPE-331] Updated preview	2018-11-23 10:39:52 +01:00
Tobias Åström	71944b4a9e	Update qlik-network-chart.qext	2018-11-23 09:10:25 +01:00
Christopher Lebond	401944e837	Merge pull request #11 from qlik-oss/feature/QPE-332 Correction of spelling	2018-11-19 16:11:36 +01:00
Christopher Lebond	67b1e97951	Corection of spelling	2018-11-19 15:18:14 +01:00
John Lunde	8079887f10	Merge pull request #8 from qlik-oss/standardize-object-properties [QPE-236] Standardize object properties	2018-11-19 13:39:32 +01:00
Martin Walter	43c5856986	Merge pull request #4 from qlik-oss/fix-tooltip-xss-vulnerability [QPE-261] Fix tooltip xss vulnerability	2018-11-19 13:01:02 +01:00
John Lunde	ec98314793	Merge pull request #10 from qlik-oss/revert-the-reverted Revert	2018-11-19 11:00:06 +01:00
Martin Walter	0953911571	Revert	2018-11-19 10:58:50 +01:00
Piotr Nestorow	0a673631b2	Merge pull request #9 from qlik-oss/revert-5-data-limit Revert "[QPE-233] Data limit"	2018-11-16 15:43:01 +01:00
John Lunde	b1ade90e8b	Revert "[QPE-233] Data limit"	2018-11-16 15:40:30 +01:00
Kristoffer Lind	4fa54e3fb2	fix broken tooltip and edge label	2018-11-16 14:31:35 +01:00
Kristoffer Lind	ba89c2108f	responsive: scale to fit	2018-11-16 14:26:16 +01:00
Kristoffer Lind	e9a28e4f0b	patch tooltip xss vulnerability	2018-11-16 14:26:16 +01:00
John Lunde	c088774e75	Merge pull request #5 from qlik-oss/data-limit [QPE-233] Data limit	2018-11-16 14:05:37 +01:00
John Lunde	7d6bd5696a	Merge pull request #7 from qlik-oss/disable-edit-mode-interactions [QPE-303] Disable edit mode interactions	2018-11-16 14:04:56 +01:00
John Lunde	dd30f94b34	Merge pull request #6 from qlik-oss/use-qlik-theme-colors [QPE-237] Use qlik theme colors	2018-11-16 13:01:08 +01:00
ahmed-Bazzara	2eef3679c7	-pulling sorting and addons out from data property - add "disableRef" to Data property to delete "adding alternatives" in Data panel	2018-11-16 11:28:33 +01:00
Kristoffer Lind	7518b6c9ce	standardize object properties	2018-11-15 09:36:25 +01:00
Kristoffer Lind	11f2bad2bd	disable pointer events when is-edit-mode	2018-11-15 08:10:01 +01:00
Kristoffer Lind	06a28a2ae7	set is-edit-mode class when in edit mode	2018-11-15 08:09:13 +01:00
Kristoffer Lind	5c84aeb8ee	update karma webpack config	2018-11-14 16:48:38 +01:00
Kristoffer Lind	fe1c3d90e2	use colors from qlik theme color scale	2018-11-14 16:42:09 +01:00
Kristoffer Lind	78a441036c	expose qlik as available import	2018-11-14 16:41:02 +01:00
John Lunde	7cba160828	Merge pull request #3 from qlik-oss/enable-printing [QPE-235] enable printing	2018-11-13 14:54:41 +01:00
Kristoffer Lind	15be850423	document data limitation	2018-11-13 12:54:56 +01:00
John Lunde	6087cb5619	Merge pull request #2 from qlik-oss/replace-checked-in-vis-js [QPE-246][QPE-248] Replace checked in vis.js	2018-11-13 10:10:17 +01:00
Kristoffer Lind	2af87e2d42	enable printing	2018-11-09 11:30:41 +01:00
Kristoffer Lind	925fcb8824	update renamed options in new version of vis	2018-11-09 11:00:06 +01:00
Kristoffer Lind	c7ee067b95	remove checked in vis and use updated version from npm	2018-11-09 10:59:47 +01:00
Kristoffer Lind	68bdaa7411	include vis from npm	2018-11-09 10:57:37 +01:00
Martin Walter	9bd45c2f9d	Merge pull request #1 from qlik-oss/project-configuration [QPE-138][QPE-244][QPE-245] Project configuration	2018-11-08 15:43:10 +01:00
Kristoffer Lind	83326a4c4c	use buildDestination from settings for qext versioning	2018-11-08 14:29:53 +01:00
Martin Walter	54ed377394	[QPE-138] Updating LICENSE, README and qext-file	2018-11-08 10:24:30 +01:00