Build update

Bumps [mini-css-extract-plugin](https://github.com/webpack-contrib/mini-css-extract-plugin) from 0.6.0 to 0.7.0.
- [Release notes](https://github.com/webpack-contrib/mini-css-extract-plugin/releases)
- [Changelog](https://github.com/webpack-contrib/mini-css-extract-plugin/blob/master/CHANGELOG.md)
- [Commits](https://github.com/webpack-contrib/mini-css-extract-plugin/compare/v0.6.0...v0.7.0)

build/css/index.css

@@ -1,6 +1,6 @@
 /*!
  * 
- *   simple-keyboard v2.21.0
+ *   simple-keyboard v2.22.0
  *   https://github.com/hodgef/simple-keyboard
  * 
  *   Copyright (c) Francisco Hodge (https://github.com/hodgef)

build/css/simple-keyboard.css

@@ -1,6 +1,6 @@
 /*!
  * 
- *   simple-keyboard v2.21.0 (Non-minified build)
+ *   simple-keyboard v2.22.0 (Non-minified build)
  *   https://github.com/hodgef/simple-keyboard
  * 
  *   Copyright (c) Francisco Hodge (https://github.com/hodgef)

build/index.d.ts

@@ -1,7 +1,7 @@
 declare module 'simple-keyboard' {
   interface KeyboardLayoutObject {
     default: string[];
-    shift?: string[];
+    shift?: any;
     [key: string]: string[];
   }
 
@@ -220,6 +220,11 @@ declare module 'simple-keyboard' {
      * @param  {string} button The button layout name to select
      */
     getButtonElement(button: string): HTMLElement | HTMLElement[];
+
+    /**
+     * Clears keyboard listeners and DOM elements.
+     */
+    destroy(): void;
   }
 
   export default Keyboard;

build/simple-keyboard.js

@@ -1,6 +1,6 @@
 /*!
  * 
- *   simple-keyboard v2.21.0 (Non-minified build)
+ *   simple-keyboard v2.22.0 (Non-minified build)
  *   https://github.com/hodgef/simple-keyboard
  * 
  *   Copyright (c) Francisco Hodge (https://github.com/hodgef)
@@ -823,6 +823,7 @@
      * @property {boolean} useTouchEvents Instructs simple-keyboard to use touch events instead of click events.
      * @property {boolean} autoUseTouchEvents Enable useTouchEvents automatically when touch device is detected.
      * @property {boolean} useMouseEvents Opt out of PointerEvents handling, falling back to the prior mouse event logic.
+     * @property {function} destroy Clears keyboard listeners and DOM elements.
      */        this.options = options;
         this.options.layoutName = this.options.layoutName || "default";
         this.options.theme = this.options.theme || "hg-theme-default";
@@ -1294,6 +1295,20 @@
           });
         }
         /**
+   * Destroy keyboard listeners and DOM elements
+   */      }, {
+        key: "destroy",
+        value: function destroy() {
+          /**
+     * Remove listeners
+     */ document.removeEventListener("keyup", this.caretEventHandler);
+          document.removeEventListener("mouseup", this.caretEventHandler);
+          document.removeEventListener("touchend", this.caretEventHandler);
+          /**
+     * Clear DOM
+     */          this.clear();
+        }
+        /**
    * Process buttonTheme option
    */      }, {
         key: "getButtonTheme",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "simple-keyboard",
-  "version": "2.21.0",
+  "version": "2.22.0",
   "description": "On-screen Javascript Virtual Keyboard",
   "main": "build/index.js",
   "types": "build/index.d.ts",
@@ -40,41 +40,42 @@
   ],
   "license": "MIT",
   "devDependencies": {
-    "@babel/core": "7.4.4",
+    "@babel/core": "7.4.5",
     "@babel/plugin-proposal-class-properties": "^7.4.4",
     "@babel/preset-env": "^7.4.4",
     "@babel/preset-react": "^7.0.0",
-    "@svgr/webpack": "4.2.0",
-    "@typescript-eslint/eslint-plugin": "1.7.0",
-    "@typescript-eslint/parser": "1.7.0",
+    "@babel/runtime": "^7.4.4",
+    "@svgr/webpack": "4.3.0",
+    "@typescript-eslint/eslint-plugin": "1.9.0",
+    "@typescript-eslint/parser": "1.9.0",
     "babel-eslint": "10.0.1",
-    "babel-jest": "24.7.1",
-    "babel-loader": "8.0.5",
+    "babel-jest": "24.8.0",
+    "babel-loader": "8.0.6",
     "babel-plugin-named-asset-import": "^0.3.2",
-    "babel-preset-react-app": "^8.0.0",
+    "babel-preset-react-app": "^9.0.0",
     "case-sensitive-paths-webpack-plugin": "2.2.0",
-    "copy-webpack-plugin": "^5.0.2",
+    "copy-webpack-plugin": "^5.0.3",
     "css-loader": "2.1.1",
-    "dotenv": "7.0.0",
+    "dotenv": "8.0.0",
     "dotenv-expand": "5.1.0",
     "eslint": "^5.16.0",
-    "eslint-config-react-app": "^4.0.0",
+    "eslint-config-react-app": "^4.0.1",
     "eslint-loader": "2.1.2",
-    "eslint-plugin-flowtype": "3.6.1",
-    "eslint-plugin-import": "2.17.2",
+    "eslint-plugin-flowtype": "3.9.1",
+    "eslint-plugin-import": "2.17.3",
     "eslint-plugin-jsx-a11y": "6.2.1",
-    "eslint-plugin-react": "7.12.4",
+    "eslint-plugin-react": "7.13.0",
     "eslint-plugin-react-hooks": "^1.5.0",
     "file-loader": "3.0.1",
-    "fs-extra": "7.0.1",
+    "fs-extra": "8.0.1",
     "html-webpack-plugin": "4.0.0-beta.5",
     "identity-obj-proxy": "3.0.0",
     "is-wsl": "^2.0.0",
-    "jest": "24.7.1",
+    "jest": "24.8.0",
     "jest-environment-jsdom-fourteen": "0.1.0",
-    "jest-resolve": "24.7.1",
-    "jest-watch-typeahead": "0.3.0",
-    "mini-css-extract-plugin": "0.6.0",
+    "jest-resolve": "24.8.0",
+    "jest-watch-typeahead": "0.3.1",
+    "mini-css-extract-plugin": "0.7.0",
     "optimize-css-assets-webpack-plugin": "5.0.1",
     "pnp-webpack-plugin": "1.4.3",
     "postcss-flexbugs-fixes": "4.1.0",
@@ -85,20 +86,20 @@
     "prettier": "^1.17.0",
     "prettier-webpack-plugin": "^1.2.0",
     "react": "^16.8.6",
-    "react-app-polyfill": "^1.0.0",
-    "react-dev-utils": "^9.0.0",
+    "react-app-polyfill": "^1.0.1",
+    "react-dev-utils": "^9.0.1",
     "react-dom": "^16.8.6",
-    "resolve": "1.10.1",
+    "resolve": "1.11.0",
     "sass-loader": "7.1.0",
-    "semver": "6.0.0",
+    "semver": "6.1.1",
     "style-loader": "0.23.1",
-    "terser-webpack-plugin": "1.2.3",
+    "terser-webpack-plugin": "1.3.0",
     "uglifyjs-webpack-plugin": "^2.1.2",
     "url-loader": "1.1.2",
-    "webpack": "4.30.0",
-    "webpack-dev-server": "3.3.1",
+    "webpack": "4.32.2",
+    "webpack-dev-server": "3.5.0",
     "webpack-manifest-plugin": "2.0.4",
-    "workbox-webpack-plugin": "4.3.0"
+    "workbox-webpack-plugin": "4.3.1"
   },
   "eslintConfig": {
     "extends": "react-app",

src/lib/@types/index.d.ts

@@ -1,7 +1,7 @@
 declare module 'simple-keyboard' {
   interface KeyboardLayoutObject {
     default: string[];
-    shift?: string[];
+    shift?: any;
     [key: string]: string[];
   }
 
@@ -220,6 +220,11 @@ declare module 'simple-keyboard' {
      * @param  {string} button The button layout name to select
      */
     getButtonElement(button: string): HTMLElement | HTMLElement[];
+
+    /**
+     * Clears keyboard listeners and DOM elements.
+     */
+    destroy(): void;
   }
 
   export default Keyboard;

src/lib/components/Keyboard.js

@@ -64,6 +64,7 @@ class SimpleKeyboard {
      * @property {boolean} useTouchEvents Instructs simple-keyboard to use touch events instead of click events.
      * @property {boolean} autoUseTouchEvents Enable useTouchEvents automatically when touch device is detected.
      * @property {boolean} useMouseEvents Opt out of PointerEvents handling, falling back to the prior mouse event logic.
+     * @property {function} destroy Clears keyboard listeners and DOM elements.
      */
     this.options = options;
     this.options.layoutName = this.options.layoutName || "default";
@@ -646,6 +647,23 @@ class SimpleKeyboard {
     });
   }
 
+  /**
+   * Destroy keyboard listeners and DOM elements
+   */
+  destroy() {
+    /**
+     * Remove listeners
+     */
+    document.removeEventListener("keyup", this.caretEventHandler);
+    document.removeEventListener("mouseup", this.caretEventHandler);
+    document.removeEventListener("touchend", this.caretEventHandler);
+
+    /**
+     * Clear DOM
+     */
+    this.clear();
+  }
+
   /**
    * Process buttonTheme option
    */

src/lib/components/tests/Keyboard.test.js

@@ -1222,4 +1222,14 @@ it('Keyboard inputName change will trigget caretPosition reset', () => {
   keyboard.getButtonElement("b").onpointerdown();
 
   expect(keyboard.caretPosition).toBe(null);
+});
+
+it('Keyboard destroy will work', () => {
+  testUtil.setDOM();
+
+  let keyboard = new Keyboard();
+
+  keyboard.destroy();
+
+  expect(keyboard.keyboardDOM.innerHTML).toBeFalsy();
 });