react-simple-keyboard 3.4.0 → 3.4.4

package/build/services/Utilities.d.ts

@@ -1,49 +1,49 @@
-import { KeyboardReactInterface } from "../interfaces";
-export declare const parseProps: (props: KeyboardReactInterface["options"]) => {
-    theme: string;
-    layout?: import("simple-keyboard/build/interfaces").KeyboardLayoutObject | undefined;
-    layoutName?: string | undefined;
-    display?: {
-        [button: string]: string;
-    } | undefined;
-    mergeDisplay?: boolean | undefined;
-    buttonTheme?: import("simple-keyboard/build/interfaces").KeyboardButtonTheme[] | undefined;
-    buttonAttributes?: import("simple-keyboard/build/interfaces").KeyboardButtonAttributes[] | undefined;
-    debug?: boolean | undefined;
-    newLineOnEnter?: boolean | undefined;
-    tabCharOnTab?: boolean | undefined;
-    inputName?: string | undefined;
-    maxLength?: any;
-    syncInstanceInputs?: boolean | undefined;
-    physicalKeyboardHighlight?: boolean | undefined;
-    physicalKeyboardHighlightPress?: boolean | undefined;
-    physicalKeyboardHighlightPressUseClick?: boolean | undefined;
-    physicalKeyboardHighlightTextColor?: string | undefined;
-    physicalKeyboardHighlightBgColor?: string | undefined;
-    preventMouseDownDefault?: boolean | undefined;
-    preventMouseUpDefault?: boolean | undefined;
-    stopMouseDownPropagation?: boolean | undefined;
-    stopMouseUpPropagation?: boolean | undefined;
-    useButtonTag?: boolean | undefined;
-    disableCaretPositioning?: boolean | undefined;
-    inputPattern?: any;
-    useTouchEvents?: boolean | undefined;
-    autoUseTouchEvents?: boolean | undefined;
-    useMouseEvents?: boolean | undefined;
-    disableButtonHold?: boolean | undefined;
-    rtl?: boolean | undefined;
-    enableLayoutCandidates?: boolean | undefined;
-    layoutCandidates?: {
-        [key: string]: string;
-    } | undefined;
-    excludeFromLayout?: {
-        [key: string]: string[];
-    } | undefined;
-    layoutCandidatesPageSize?: number | undefined;
-    onRender?: ((instance?: import("simple-keyboard/build/components/Keyboard").default | undefined) => void) | undefined;
-    onInit?: ((instance?: import("simple-keyboard/build/components/Keyboard").default | undefined) => void) | undefined;
-    onChange?: ((input: string, e?: MouseEvent | undefined) => any) | undefined;
-    onChangeAll?: ((inputObj: import("simple-keyboard/build/interfaces").KeyboardInput, e?: MouseEvent | undefined) => any) | undefined;
-    keyboardRef?: ((r: any) => void) | undefined;
-};
-export declare const changedProps: (prevProps: KeyboardReactInterface["options"], props: KeyboardReactInterface["options"]) => string[];
+import { KeyboardReactInterface } from "../interfaces";
+export declare const parseProps: (props: KeyboardReactInterface["options"]) => {
+    theme: string;
+    layout?: import("simple-keyboard/build/interfaces").KeyboardLayoutObject | undefined;
+    layoutName?: string | undefined;
+    display?: {
+        [button: string]: string;
+    } | undefined;
+    mergeDisplay?: boolean | undefined;
+    buttonTheme?: import("simple-keyboard/build/interfaces").KeyboardButtonTheme[] | undefined;
+    buttonAttributes?: import("simple-keyboard/build/interfaces").KeyboardButtonAttributes[] | undefined;
+    debug?: boolean | undefined;
+    newLineOnEnter?: boolean | undefined;
+    tabCharOnTab?: boolean | undefined;
+    inputName?: string | undefined;
+    maxLength?: any;
+    syncInstanceInputs?: boolean | undefined;
+    physicalKeyboardHighlight?: boolean | undefined;
+    physicalKeyboardHighlightPress?: boolean | undefined;
+    physicalKeyboardHighlightPressUseClick?: boolean | undefined;
+    physicalKeyboardHighlightTextColor?: string | undefined;
+    physicalKeyboardHighlightBgColor?: string | undefined;
+    preventMouseDownDefault?: boolean | undefined;
+    preventMouseUpDefault?: boolean | undefined;
+    stopMouseDownPropagation?: boolean | undefined;
+    stopMouseUpPropagation?: boolean | undefined;
+    useButtonTag?: boolean | undefined;
+    disableCaretPositioning?: boolean | undefined;
+    inputPattern?: any;
+    useTouchEvents?: boolean | undefined;
+    autoUseTouchEvents?: boolean | undefined;
+    useMouseEvents?: boolean | undefined;
+    disableButtonHold?: boolean | undefined;
+    rtl?: boolean | undefined;
+    enableLayoutCandidates?: boolean | undefined;
+    layoutCandidates?: {
+        [key: string]: string;
+    } | undefined;
+    excludeFromLayout?: {
+        [key: string]: string[];
+    } | undefined;
+    layoutCandidatesPageSize?: number | undefined;
+    onRender?: ((instance?: import("simple-keyboard/build/components/Keyboard").default | undefined) => void) | undefined;
+    onInit?: ((instance?: import("simple-keyboard/build/components/Keyboard").default | undefined) => void) | undefined;
+    onChange?: ((input: string, e?: MouseEvent | undefined) => any) | undefined;
+    onChangeAll?: ((inputObj: import("simple-keyboard/build/interfaces").KeyboardInput, e?: MouseEvent | undefined) => any) | undefined;
+    keyboardRef?: ((r: any) => void) | undefined;
+};
+export declare const changedProps: (prevProps: KeyboardReactInterface["options"], props: KeyboardReactInterface["options"]) => string[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-simple-keyboard",
-  "version": "3.4.0",
+  "version": "3.4.4",
   "description": "React.js Virtual Keyboard",
   "main": "build/index.js",
   "scripts": {
@@ -54,11 +54,12 @@
     "@types/react-dom": "^17.0.10",
     "@typescript-eslint/eslint-plugin": "^4.33.0",
     "@typescript-eslint/parser": "^4.32.0",
+    "@wojtekmaj/enzyme-adapter-react-17": "^0.6.5",
     "autoprefixer": "^10.4.0",
     "babel-eslint": "^10.1.0",
     "babel-loader": "^8.2.3",
     "babel-preset-minify": "^0.5.0",
-    "core-js": "^3.19.1",
+    "core-js": "^3.19.2",
     "css-loader": "^6.5.1",
     "enzyme": "^3.11.0",
     "enzyme-adapter-react-16": "^1.15.6",
@@ -68,13 +69,13 @@
     "jest": "^26.6.3",
     "mini-css-extract-plugin": "^2.4.5",
     "optimize-css-assets-webpack-plugin": "^6.0.1",
-    "postcss": "^8.4.1",
+    "postcss": "^8.4.4",
     "postcss-loader": "^6.2.0",
     "prettier": "^2.5.0",
     "prettier-webpack-plugin": "^1.2.0",
     "react": "^16.14.0 || ^17.0.0",
     "react-dom": "^16.14.0 || ^17.0.0",
-    "simple-keyboard": "3.4.1",
+    "simple-keyboard": "3.4.3",
     "style-loader": "^3.2.1",
     "terser-webpack-plugin": "^5.2.5",
     "typescript": "^4.5.2",

package/tsconfig.json

@@ -1,20 +1,20 @@
-{
-    "compilerOptions": {
-      "noImplicitAny": true,
-      "outDir": "build",
-      "module": "esnext",
-      "target": "es5",
-      "allowJs": true,
-      "sourceMap": true,
-      "declaration": true,
-      "emitDeclarationOnly": true,
-      "suppressImplicitAnyIndexErrors": true,
-      "lib": ["es2020", "dom"],
-      "moduleResolution": "node",
-      "downlevelIteration": true,
-      "jsx": "react",
-      "strict": true
-    },
-    "include": ["src/lib"],
-    "exclude": ["src/lib/**/tests"],
+{
+    "compilerOptions": {
+      "noImplicitAny": true,
+      "outDir": "build",
+      "module": "esnext",
+      "target": "es5",
+      "allowJs": true,
+      "sourceMap": true,
+      "declaration": true,
+      "emitDeclarationOnly": true,
+      "suppressImplicitAnyIndexErrors": true,
+      "lib": ["es2020", "dom"],
+      "moduleResolution": "node",
+      "downlevelIteration": true,
+      "jsx": "react",
+      "strict": true
+    },
+    "include": ["src/lib"],
+    "exclude": ["src/lib/**/tests"],
 }

package/webpack.config.demo.js

@@ -1,53 +1,53 @@
-const path = require('path');
-const MiniCssExtractPlugin = require("mini-css-extract-plugin");
-const HtmlWebpackPlugin = require('html-webpack-plugin');
-
-module.exports = {
-  mode: "development",
-  devtool: 'cheap-module-source-map',
-  entry: './src/demo/index.tsx',
-  output: {
-    path: path.resolve(__dirname, 'demo'),
-    filename: 'index.js'
-  },
-  optimization: {
-    minimize: false,
-  },
-  devServer: {
-    open: true,
-    hot: true,
-    host: "localhost",
-    port: 9000
-  },
-  module: {
-    rules: [
-      {
-        test: /\.(m|j|t)sx?$/,
-        exclude: /(node_modules|bower_components)/,
-        use: {
-          loader: 'babel-loader'
-        }
-      },
-      {
-        test: /\.(sa|sc|c)ss$/,
-        use: [
-          MiniCssExtractPlugin.loader,
-          { loader: "css-loader", options: { sourceMap: true } },
-        ],
-      },
-      {
-        test: /\.(png|jpe?g|gif|svg|eot|ttf|woff|woff2)$/,
-        use: ['url-loader'],
-      }
-    ]
-  },
-  plugins: [
-    new MiniCssExtractPlugin({
-      filename: 'css/index.css'
-    }),
-    new HtmlWebpackPlugin(),
-  ],
-  resolve: {
-    extensions: ['.ts', '.tsx', '.js', '.json']
-  }
+const path = require('path');
+const MiniCssExtractPlugin = require("mini-css-extract-plugin");
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+
+module.exports = {
+  mode: "development",
+  devtool: 'cheap-module-source-map',
+  entry: './src/demo/index.tsx',
+  output: {
+    path: path.resolve(__dirname, 'demo'),
+    filename: 'index.js'
+  },
+  optimization: {
+    minimize: false,
+  },
+  devServer: {
+    open: true,
+    hot: true,
+    host: "localhost",
+    port: 9000
+  },
+  module: {
+    rules: [
+      {
+        test: /\.(m|j|t)sx?$/,
+        exclude: /(node_modules|bower_components)/,
+        use: {
+          loader: 'babel-loader'
+        }
+      },
+      {
+        test: /\.(sa|sc|c)ss$/,
+        use: [
+          MiniCssExtractPlugin.loader,
+          { loader: "css-loader", options: { sourceMap: true } },
+        ],
+      },
+      {
+        test: /\.(png|jpe?g|gif|svg|eot|ttf|woff|woff2)$/,
+        use: ['url-loader'],
+      }
+    ]
+  },
+  plugins: [
+    new MiniCssExtractPlugin({
+      filename: 'css/index.css'
+    }),
+    new HtmlWebpackPlugin(),
+  ],
+  resolve: {
+    extensions: ['.ts', '.tsx', '.js', '.json']
+  }
 };

package/webpack.config.modern.js

@@ -1,94 +1,94 @@
-/**
- * Config to support modern browsers only (build/index.modern.js)
- */
-const path = require('path');
-const webpack = require('webpack');
-const TerserPlugin = require('terser-webpack-plugin');
-const getPackageJson = require('./scripts/getPackageJson');
-
-const {
-  version,
-  name,
-  license,
-  repository,
-  author,
-} = getPackageJson('version', 'name', 'license', 'repository', 'author');
-
-const banner = `
-  ${name} v${version} (index.modern.js - Modern Browsers bundle)
-  ${repository.url}
-
-  NOTE: This modern browsers bundle (index.modern.js) removes all polyfills
-  included in the standard version. Use this if you are supporting
-  modern browsers only. Otherwise, use the standard version (index.js).
-
-  Copyright (c) ${author.replace(/ *<[^)]*> */g, " ")} and project contributors.
-
-  This source code is licensed under the ${license} license found in the
-  LICENSE file in the root directory of this source tree.
-`;
-
-module.exports = {
-  mode: "production",
-  entry: './src/lib/index.modern.ts',
-  target: 'es5',
-  output: {
-    filename: 'index.modern.js',
-    path: path.resolve(__dirname, 'build'),
-    library: "ReactSimpleKeyboard",
-    libraryTarget: 'umd',
-    globalObject: 'this'
-  },
-  optimization: {
-    minimize: true,
-    minimizer: [
-      new TerserPlugin({ extractComments: false }),
-    ],
-  },
-  externals: {
-    react: {
-      root: 'React',
-      commonjs2: 'react',
-      commonjs: 'react',
-      amd: 'react'
-    },
-    'react-dom': {
-      root: 'ReactDOM',
-      commonjs2: 'react-dom',
-      commonjs: 'react-dom',
-      amd: 'react-dom'
-    }
-  },
-  module: {
-    rules: [
-      {
-        test: /\.(js|json|ts|tsx)$/,
-        exclude: /(node_modules|bower_components)/,
-        use: {
-          loader: 'babel-loader',
-          options: {
-            presets: [
-              "@babel/preset-react",
-              "@babel/env",
-              "@babel/preset-typescript"
-            ],
-            plugins: [
-              ["@babel/plugin-proposal-class-properties"],
-              ["@babel/plugin-transform-typescript"]
-            ]
-          }
-        }
-      },
-      {
-        test: /\.(sa|sc|c)ss$/,
-        use: path.resolve('scripts/loaderMock.js')
-      }
-    ]
-  },
-  plugins: [
-    new webpack.BannerPlugin(banner)
-  ],
-  resolve: {
-    extensions: ['.ts', '.tsx', '.js', '.json']
-  }
+/**
+ * Config to support modern browsers only (build/index.modern.js)
+ */
+const path = require('path');
+const webpack = require('webpack');
+const TerserPlugin = require('terser-webpack-plugin');
+const getPackageJson = require('./scripts/getPackageJson');
+
+const {
+  version,
+  name,
+  license,
+  repository,
+  author,
+} = getPackageJson('version', 'name', 'license', 'repository', 'author');
+
+const banner = `
+  ${name} v${version} (index.modern.js - Modern Browsers bundle)
+  ${repository.url}
+
+  NOTE: This modern browsers bundle (index.modern.js) removes all polyfills
+  included in the standard version. Use this if you are supporting
+  modern browsers only. Otherwise, use the standard version (index.js).
+
+  Copyright (c) ${author.replace(/ *<[^)]*> */g, " ")} and project contributors.
+
+  This source code is licensed under the ${license} license found in the
+  LICENSE file in the root directory of this source tree.
+`;
+
+module.exports = {
+  mode: "production",
+  entry: './src/lib/index.modern.ts',
+  target: 'es5',
+  output: {
+    filename: 'index.modern.js',
+    path: path.resolve(__dirname, 'build'),
+    library: "ReactSimpleKeyboard",
+    libraryTarget: 'umd',
+    globalObject: 'this'
+  },
+  optimization: {
+    minimize: true,
+    minimizer: [
+      new TerserPlugin({ extractComments: false }),
+    ],
+  },
+  externals: {
+    react: {
+      root: 'React',
+      commonjs2: 'react',
+      commonjs: 'react',
+      amd: 'react'
+    },
+    'react-dom': {
+      root: 'ReactDOM',
+      commonjs2: 'react-dom',
+      commonjs: 'react-dom',
+      amd: 'react-dom'
+    }
+  },
+  module: {
+    rules: [
+      {
+        test: /\.(js|json|ts|tsx)$/,
+        exclude: /(node_modules|bower_components)/,
+        use: {
+          loader: 'babel-loader',
+          options: {
+            presets: [
+              "@babel/preset-react",
+              "@babel/env",
+              "@babel/preset-typescript"
+            ],
+            plugins: [
+              ["@babel/plugin-proposal-class-properties"],
+              ["@babel/plugin-transform-typescript"]
+            ]
+          }
+        }
+      },
+      {
+        test: /\.(sa|sc|c)ss$/,
+        use: path.resolve('scripts/loaderMock.js')
+      }
+    ]
+  },
+  plugins: [
+    new webpack.BannerPlugin(banner)
+  ],
+  resolve: {
+    extensions: ['.ts', '.tsx', '.js', '.json']
+  }
 };