handsontable 0.34.1 → 0.34.5

package/.travis.yml

@@ -8,9 +8,11 @@ node_js:
 before_script:
   - export TZ=Europe/Warsaw
   - chmod ugo+x test/scripts/trigger-hot-builder-tests.sh
+  - chmod ugo+x test/scripts/trigger-pro-tests.sh
 
 after_success:
   - "./test/scripts/trigger-hot-builder-tests.sh"
+  - "./test/scripts/trigger-pro-tests.sh"
 
 notifications:
   email: false

package/README.md

@@ -1,13 +1,40 @@
-# [![Build Status](https://raw.githubusercontent.com/handsontable/static-files/master/Images/Logo/Handsontable/Handsontable-logo-300-74.png)](https://handsontable.com)
+<br/>
+<div align="center">
+  <a href="//handsontable.com" target="_blank"><img src="https://raw.githubusercontent.com/handsontable/static-files/master/Images/Logo/Handsontable/Handsontable-logo-300-74-new.png" alt="Handsontable Community Edition logo" /></a>
+</div>
 
-[**Handsontable**](https://handsontable.com) is a pure JavaScript/HTML5 spreadsheet component with an Excel-like appearance. It can easily integrate with any data source and comes with a variety of useful features like data binding, validation, sorting or powerful custom context menu. Actively supported by the [Handsoncode team](https://handsontable.com/team.html) team and [many contributors](https://github.com/handsontable/handsontable/graphs/contributors).
+<br/><br/>
 
-[![Build status](https://travis-ci.org/handsontable/handsontable.png?branch=master)](https://travis-ci.org/handsontable/handsontable)
-[![npm](https://img.shields.io/github/contributors/handsontable/handsontable.svg)](https://github.com/handsontable/handsontable/graphs/contributors)
-[![npm](https://img.shields.io/github/license/mashape/apistatus.svg)](https://github.com/handsontable/handsontable/blob/master/LICENSE)
+[**Handsontable Community Edition (CE)**](//handsontable.com) is an open source JavaScript/HTML5 UI Spreadsheet component for web apps. It easily integrates with any data source and comes with a variety of useful features like data binding, validation, sorting or powerful context menu. Actively supported by the Handsoncode team and many contributors.
 
-## What to use it for?
-We have seen Handsontable being used in many different, sometimes completely unexpected fields. The list below is just to give you a rough idea on what you can do with Handsontable, but it doesn't limit you in any way.
+If you are looking for a commercial version, try out [Handsontable Pro](//github.com/handsontable/handsontable-pro).
+
+[![Build status](https://travis-ci.org/handsontable/handsontable.png?branch=master)](//travis-ci.org/handsontable/handsontable)
+[![Known Vulnerabilities](https://snyk.io/test/github/handsontable/handsontable/badge.svg)](//snyk.io/test/github/handsontable/handsontable)
+[![npm](https://img.shields.io/npm/dm/handsontable.svg)](//npmjs.com/package/handsontable)
+[![npm](https://img.shields.io/github/contributors/handsontable/handsontable.svg)](//github.com/handsontable/handsontable/graphs/contributors)
+
+<br/>
+
+## Table of contents
+
+1. [What to use it for?](#what-to-use-it-for)
+1. [Installation](#installation)
+2. [Basic usage](#basic-usage)
+3. [Examples](#examples)
+4. [Features](#features)
+5. [Screenshot](#screenshot)
+6. [Resources](#resources)
+7. [Wrappers](#wrappers)
+8. [Support](#support)
+9. [Contributing](#contributing)
+10. [Community](#community)
+11. [License](#license)
+
+<br/>
+
+### What to use it for?
+The list below gives a rough idea on what you can do with Handsontable CE, but it shouldn't limit you in any way:
 
 - Database editing
 - Configuration controlling
@@ -16,55 +43,32 @@ We have seen Handsontable being used in many different, sometimes completely une
 - Sales reporting
 - Financial analysis
 
-## Installation
-There are many ways to install Handsontable but we suggest using one of available package managers.
+<br/>
 
+### Installation
+There are many ways to install Handsontable CE, but we suggest using npm:
 ```
-npm install handsontable --save
-```
-or 
-```
-bower install handsontable --save
-```
-
-### Alternative installation
-- [Download ZIP](https://github.com/handsontable/handsontable/archive/master.zip)
-- [Download from nuget](https://www.nuget.org/packages/Handsontable/)
-
-### AMD support
-If you use a modular script loader then you can require Handsontable just like any other module:
-
-```javascript
-require(['handsontable'], function(Handsontable) {
-    var hot = new Handsontable(document.getElementById('example'), {
-      data: [[1, 2, 3, 4], [1, 2, 3, 4]]
-    });
-});
+npm install handsontable
 ```
 
-### CommonJS module support
-If you use a CommonJS compatible environment you can use the `require` function to import Handsontable:
-
-```javascript
-var handsontable = require('handsontable');
-```
-To bundle Handsontable with [Browserify](http://browserify.org) you must specify the module names of all required modules:
+**Alternative ways to install**
+- See the [download section](//handsontable.com/ce-download.html) on how to install Handsontable CE using nuget, bower, yarn and more.
 
-`browserify main.js -o bundle.js -r moment -r pikaday -r numbro`
+<br/>
 
-## Basic usage
-Assuming you have already installed Handsontable, add an empty `<div>` element that will be turned into a spreadsheet:
+### Basic usage
+Assuming that you have already installed Handsontable CE, create an empty `<div>` element that will be turned into a spreadsheet:
 
 ```html
 <div id="example"></div>
 ```
-In the next step, pass a reference to that `<div>` element and fill it with sample data:
+In the next step, pass a reference to that `<div>` element into the Handsontable CE constructor and fill the instance with sample data:
 ```javascript
 var data = [
-  ["", "Ford", "Volvo", "Toyota", "Honda"],
-  ["2016", 10, 11, 12, 13],
-  ["2017", 20, 11, 14, 13],
-  ["2018", 30, 15, 12, 13]
+  ["", "Tesla", "Volvo", "Toyota", "Honda"],
+  ["2017", 10, 11, 12, 13],
+  ["2018", 20, 11, 14, 13],
+  ["2019", 30, 15, 12, 13]
 ];
 
 var container = document.getElementById('example');
@@ -75,57 +79,84 @@ var hot = new Handsontable(container, {
 });
 ```
 
-## Examples
-- [Explore our features](https://handsontable.com/examples.html)
-- [Basic demo](http://jsfiddle.net/handsoncode/s6t768pq)
-- [Handling a large dataset](http://jsfiddle.net/handsoncode/Lp4qn55v)
-- [Finance](http://jsfiddle.net/handsoncode/b2g2h7oh)
-- [Sport](http://jsfiddle.net/handsoncode/b5rvw5zk)
-- [Science](http://jsfiddle.net/handsoncode/g1hnaxtt)
-
-## Resources
-- [API Reference](http://docs.handsontable.com/Core.html)
-- [List of features](http://docs.handsontable.com/tutorial-features.html)
-- [Compatibility](http://docs.handsontable.com/tutorial-compatibility.html)
-- [Performance tips](http://docs.handsontable.com/tutorial-performance-tips.html)
-- [Roadmap](https://trello.com/b/PztR4hpj/handsontable-roadmap-2016)
-- [Known limitations](http://docs.handsontable.com/tutorial-known-limitations.html)
-
-## Commercial version
-[Handsontable Pro](https://handsontable.com/pricing.html) is a commercial spreadsheet solution packed with additional, business-ready features. It comes with a dedicated support and a [forum support](https://forum.handsontable.com), where you can find the answers to common questions.
-
-| Pro Feature                 | Description                                                                            	|
-|---------------------------	|----------------------------------------------------------------------------------------	|
-| Binding rows with headers 	| Bind rows with headers to lock the row number and always display one beside the other. 	|
-| Collapsing columns        	| Expand and collapse columns to better fit the content.                                 	|
-| Column summary            	| Carry out pre-defined calculations and display the results in Handsontable.                 	|
-| Dropdown menu             	| Add a menu to the heading to enable additional operations for the columns.             	|
-| Export to file            	| Export data to a flat file like CSV or a string.                                       	|
-| Filtering                 	| Display rows that meet your criteria and hide the rest.                                	|
-| Gantt Chart               	| Create a simple Gantt Chart using Handsontable.                                        	|
-| Header tooltips           	| Display the header label in a tooltip.                                                 	|
-| Hiding columns            	| Hide specific columns and show the rest.                                               	|
-| Hiding rows               	| Hide specific rows and show the rest.                                                  	|
-| Nested headers            	| Create a nested, hierarchical structure of headers to get your data into groups.       	|
-| Trimming rows             	| Exclude specific rows from the rendering process so they won't be displayed.           	|
-
-Have questions regarding the Pro version? [Contact us](https://handsontable.com/contact.html?category=general_question) or take a look at the [Frequently Asked Questions](https://handsontable.com/faq.html).
-
-## Screenshot
-<p align="center">
-<img src="https://raw.githubusercontent.com/handsontable/static-files/master/Images/Screenshots/handsontable-showcase.png" align="center" alt="Handsontable Screenshot"/>
-</p>
-
-## Community
-- [Forum](https://forum.handsontable.com)
-- [Google group](https://groups.google.com/forum/#!forum/handsontable)
-- [GitHub](https://github.com/handsontable/handsontable/issues)
-- [Twitter](https://twitter.com/handsontable)
-
-## Contributing
-If you would like to help us in writing the code, please take a look into [CONTRIBUTING.md](https://github.com/handsontable/handsontable/blob/master/CONTRIBUTING.md)
-
-## Copyright and license
-Handsontable is released under the [MIT license](https://github.com/handsontable/handsontable/blob/master/LICENSE).
+<br/>
+
+### Examples
+- [See a live demo](//handsontable.com/examples.html)
+
+<br/>
+
+### Features
+
+**Some of the most popular features include:**
+
+- Sorting data
+- Data validation
+- Conditional formatting
+- Freezing rows/columns
+- Merging cells
+- Defining custom cell types
+- Moving rows/columns
+- Resizing rows/columns
+- Context menu
+- Adding comments to cells
+- Dragging fill handle to populate data
+
+[See a comparison table](//docs.handsontable.com/tutorial-features.html)
+
+<br/>
+
+### Screenshot
+<div align="center">
+<a href="//handsontable.com/examples.html">
+<img src="https://raw.githubusercontent.com/handsontable/static-files/master/Images/Screenshots/handsontable-ce-showcase.png" align="center" alt="Handsontable Community Edition Screenshot"/>
+</a>
+</div>
+
+<br/>
+
+### Resources
+- [API Reference](//docs.handsontable.com/Core.html)
+- [Compatibility](//docs.handsontable.com/tutorial-compatibility.html)
+- [Change log](//docs.handsontable.com/tutorial-release-notes.html)
+- [Roadmap](//trello.com/b/PztR4hpj)
+- [Newsroom](//twitter.com/handsontable)
+
+<br/>
+
+### Wrappers
+Handsontable CE comes with wrappers and directives for most popular frameworks:
+
+- [Angular](//github.com/handsontable/angular-handsontable)
+- [Angular 1](//github.com/handsontable/ngHandsontable)
+- [React](//github.com/handsontable/react-handsontable)
+- [Vue](//github.com/handsontable/vue-handsontable-official)
+- [Polymer](//github.com/handsontable/hot-table)
+- [Typescript file](//github.com/handsontable/handsontable/blob/master/handsontable.d.ts)
+
+<br/>
+
+### Support
+Report all the suggestions and problems on [GitHub Issues](//github.com/handsontable/handsontable/issues).
+
+An open source version doesn't include a commercial support. You need to purchase [Handsontable Pro](//github.com/handsontable/handsontable-pro) license or [contact us](//handsontable.com/contact.html) directly in order to obtain a technical support from the Handsoncode team.
+
+<br/>
+
+### Contributing
+If you would like to help us to develop Handsontable, please take a look at this [guide for contributing](//github.com/handsontable/handsontable/blob/master/CONTRIBUTING.md).
+
+<br/>
+
+### Community
+- [GitHub issues](//github.com/handsontable/handsontable/issues)
+- [Stackoverflow](//stackoverflow.com/tags/handsontable)
+- [Forum](//forum.handsontable.com)
+- [Twitter](//twitter.com/handsontable)
+
+<br/>
+
+### License
+Handsontable Community Edition is released under the MIT license. [Learn more](//github.com/handsontable/handsontable/blob/master/LICENSE).
 
 Copyrights belong to Handsoncode sp. z o.o.

package/commonjs/core.js

@@ -1115,7 +1115,7 @@ function Core(rootElement, userSettings) {
               if (result === false && cellProperties.allowInvalid === false) {
                 changes.splice(i, 1); // cancel the change
                 cellProperties.valid = true; // we cancelled the change, so cell value is still valid
-                var cell = instance.getCell(cellProperties.row, cellProperties.col);
+                var cell = instance.getCell(cellProperties.visualRow, cellProperties.visualCol);
                 (0, _element.removeClass)(cell, instance.getSettings().invalidCellClassName);
                 --i;
               }
@@ -1358,7 +1358,10 @@ function Core(rootElement, userSettings) {
       document.body.focus();
     }
 
-    activeGuid = instance.guid;
+    if (instance && !instance.isListening()) {
+      activeGuid = instance.guid;
+      instance.runHooks('afterListen');
+    }
   };
 
   /**
@@ -1371,6 +1374,7 @@ function Core(rootElement, userSettings) {
   this.unlisten = function () {
     if (this.isListening()) {
       activeGuid = null;
+      instance.runHooks('afterUnlisten');
     }
   };
 
@@ -3117,7 +3121,6 @@ function Core(rootElement, userSettings) {
       selection.setRangeEnd(new _src.CellCoords(endRow, endCol), scrollToCell);
     }
     instance.selection.finish();
-
     return true;
   };
 
@@ -3220,10 +3223,12 @@ function Core(rootElement, userSettings) {
     }
     dataSource = null;
 
-    var nextSibling = instance.rootElement.nextSibling;
+    if ('ce' !== '\x63\x65' && (0, _rootInstance.isRootInstance)(instance)) {
+      var licenseInfo = document.querySelector('#hot-display-license-info');
 
-    if ((0, _rootInstance.isRootInstance)(instance) && nextSibling) {
-      instance.rootElement.parentNode.removeChild(nextSibling);
+      if (licenseInfo) {
+        licenseInfo.parentNode.removeChild(licenseInfo);
+      }
     }
     (0, _element.empty)(instance.rootElement);
     eventManager.destroy();

package/commonjs/helpers/dom/element.js

@@ -331,7 +331,7 @@ if (classListSupport) {
 
   _hasClass = function _hasClass(element, className) {
     // http://snipplr.com/view/3561/addclass-removeclass-hasclass/
-    return element.className !== void 0 && element.className.test(createClassNameRegExp(className));
+    return element.className !== void 0 && createClassNameRegExp(className).test(element.className);
   };
 
   _addClass = function _addClass(element, className) {
@@ -653,10 +653,11 @@ function getScrollableElement(element) {
       }
     }
 
-    if (el.clientHeight <= el.scrollHeight && (props.indexOf(overflowY) !== -1 || props.indexOf(overflow) !== -1 || props.indexOf(computedOverflow) !== -1 || props.indexOf(computedOverflowY) !== -1)) {
+    // The '+ 1' after the scrollHeight/scrollWidth is to prevent problems with zoomed out Chrome.
+    if (el.clientHeight <= el.scrollHeight + 1 && (props.indexOf(overflowY) !== -1 || props.indexOf(overflow) !== -1 || props.indexOf(computedOverflow) !== -1 || props.indexOf(computedOverflowY) !== -1)) {
       return el;
     }
-    if (el.clientWidth <= el.scrollWidth && (props.indexOf(overflowX) !== -1 || props.indexOf(overflow) !== -1 || props.indexOf(computedOverflow) !== -1 || props.indexOf(computedOverflowX) !== -1)) {
+    if (el.clientWidth <= el.scrollWidth + 1 && (props.indexOf(overflowX) !== -1 || props.indexOf(overflow) !== -1 || props.indexOf(computedOverflow) !== -1 || props.indexOf(computedOverflowX) !== -1)) {
       return el;
     }
     el = el.parentNode;

package/commonjs/helpers/mixed.js

@@ -13,10 +13,14 @@ exports.isEmpty = isEmpty;
 exports.isRegExp = isRegExp;
 exports._injectProductInfo = _injectProductInfo;
 
-var _element = require('./dom/element');
+var _moment = require('moment');
+
+var _moment2 = _interopRequireDefault(_moment);
 
 var _templateLiteralTag = require('./templateLiteralTag');
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
 /**
@@ -103,7 +107,7 @@ var _cp = function _cp(v) {
   return v['\x63\x6F\x64\x65\x50\x6F\x69\x6E\x74\x41\x74'](0) - 65;
 };
 var _norm = function _norm(v) {
-  return v.replace(/\-/g, '');
+  return ('' + v).replace(/\-/g, '');
 };
 var _extractTime = function _extractTime(v) {
   return _hd(_ss(_norm(v), _hd('12'), _cp('\x46'))) / (_hd(_ss(_norm(v), _cp('\x42'), ~~![][_m])) || 9);
@@ -124,7 +128,7 @@ function _injectProductInfo(key, element) {
 
   if (trial || schemaValidity) {
     if (schemaValidity) {
-      var releaseTime = Math.floor(moment('06/09/2017', 'DD/MM/YYYY').toDate().getTime() / 8.64e7);
+      var releaseTime = Math.floor((0, _moment2.default)('12/10/2017', 'DD/MM/YYYY').toDate().getTime() / 8.64e7);
       var keyGenTime = _extractTime(key);
 
       if (keyGenTime > 45000 || keyGenTime !== parseInt(keyGenTime, 10)) {
@@ -155,7 +159,7 @@ function _injectProductInfo(key, element) {
   if (showDomMessage && element.parentNode) {
     var message = document.createElement('div');
 
-    (0, _element.addClass)(message, 'display-license-info');
+    message.id = 'hot-display-license-info';
     message.appendChild(document.createTextNode('Evaluation version of Handsontable Pro.'));
     message.appendChild(document.createElement('br'));
     message.appendChild(document.createTextNode('Not licensed for production use.'));

package/commonjs/index.js

@@ -1,5 +1,7 @@
 'use strict';
 
+exports.__esModule = true;
+
 require('core-js/modules/es6.map');
 
 require('core-js/modules/es6.set');
@@ -203,9 +205,9 @@ Handsontable.DefaultSettings = _defaultSettings2.default;
 Handsontable.EventManager = _eventManager2.default;
 Handsontable._getListenersCounter = _eventManager.getListenersCounter; // For MemoryLeak tests
 
-Handsontable.buildDate = '06/09/2017 13:08:31';
+Handsontable.buildDate = '12/10/2017 10:11:09';
 Handsontable.packageName = 'handsontable';
-Handsontable.version = '0.34.1';
+Handsontable.version = '0.34.5';
 
 var baseVersion = '';
 
@@ -305,5 +307,4 @@ arrayHelpers.arrayEach(Object.getOwnPropertyNames(plugins), function (pluginName
 
 Handsontable.plugins.registerPlugin = _plugins.registerPlugin;
 
-// Export Handsontable
-module.exports = Handsontable;
+exports.default = Handsontable;

package/commonjs/pluginHooks.js

@@ -1116,7 +1116,7 @@ var REGISTERED_HOOKS = [
 /**
  * Fired after values are pasted into table.
  *
- * @event Hooks#afterePaste
+ * @event Hooks#afterPaste
  * @since 0.31.1
  * @param {Array} data An array of arrays which contains the pasted data.
  * @param {Array} coords An array of objects with ranges of the visual indexes (`startRow`, `startCol`, `endRow`, `endCol`)
@@ -1493,7 +1493,23 @@ var REGISTERED_HOOKS = [
  * @param {Number} row Row index of the edited cell.
  * @param {Number} column Column index of the edited cell.
  */
-'afterBeginEditing'];
+'afterBeginEditing',
+
+/**
+ * Fired after the listening is turned on.
+ *
+ * @event Hooks#afterListen
+ * @since 0.34.5
+ */
+'afterListen',
+
+/**
+ * Fired after the listening is turned off.
+ *
+ * @event Hooks#afterUnlisten
+ * @since 0.34.5
+ */
+'afterUnlisten'];
 
 var Hooks = function () {
   _createClass(Hooks, null, [{

package/commonjs/plugins/copyPaste/clipboardData.js

@@ -0,0 +1,31 @@
+"use strict";
+
+exports.__esModule = true;
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+var ClipboardData = function () {
+  function ClipboardData() {
+    _classCallCheck(this, ClipboardData);
+
+    this.data = {};
+  }
+
+  _createClass(ClipboardData, [{
+    key: "setData",
+    value: function setData(type, value) {
+      this.data[type] = value;
+    }
+  }, {
+    key: "getData",
+    value: function getData(type) {
+      return this.data[type] || void 0;
+    }
+  }]);
+
+  return ClipboardData;
+}();
+
+exports.default = ClipboardData;

package/commonjs/plugins/copyPaste/contextMenuItem/copy.js

@@ -7,8 +7,7 @@ function copyItem(copyPastePlugin) {
     key: 'copy',
     name: 'Copy',
     callback: function callback() {
-      copyPastePlugin.setCopyableText();
-      copyPastePlugin.copy(true);
+      copyPastePlugin.copy();
     },
     disabled: function disabled() {
       return !copyPastePlugin.hot.getSelected();

package/commonjs/plugins/copyPaste/contextMenuItem/cut.js

@@ -7,8 +7,7 @@ function cutItem(copyPastePlugin) {
     key: 'cut',
     name: 'Cut',
     callback: function callback() {
-      copyPastePlugin.setCopyableText();
-      copyPastePlugin.cut(true);
+      copyPastePlugin.cut();
     },
     disabled: function disabled() {
       return !copyPastePlugin.hot.getSelected();