react-simple-keyboard 3.6.53 → 3.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (15) hide show
  1. package/.vscode/launch.json +13 -0
  2. package/README.md +75 -75
  3. package/build/components/Keyboard.d.ts +5 -5
  4. package/build/components/KeyboardModern.d.ts +5 -5
  5. package/build/css/index.css +1 -1
  6. package/build/index.d.ts +5 -5
  7. package/build/index.js +1 -1
  8. package/build/index.modern.d.ts +4 -4
  9. package/build/index.modern.esm.js +17 -0
  10. package/build/index.modern.esm.js.map +1 -0
  11. package/build/index.modern.js +1 -1
  12. package/build/index.modern.js.map +1 -1
  13. package/build/interfaces.d.ts +759 -759
  14. package/build/services/Utilities.d.ts +56 -56
  15. package/package.json +131 -130
package/build/services/Utilities.d.ts CHANGED
@@ -1,56 +1,56 @@
1
- import { KeyboardReactInterface } from "../interfaces";
2
- export declare const parseProps: (props: KeyboardReactInterface["options"]) => {
3
- theme: string;
4
- layout?: import("../interfaces").KeyboardLayoutObject | undefined;
5
- layoutName?: string | undefined;
6
- display?: {
7
- [button: string]: string;
8
- } | undefined;
9
- mergeDisplay?: boolean | undefined;
10
- buttonTheme?: import("../interfaces").KeyboardButtonTheme[] | undefined;
11
- buttonAttributes?: import("../interfaces").KeyboardButtonAttributes[] | undefined;
12
- debug?: boolean | undefined;
13
- newLineOnEnter?: boolean | undefined;
14
- tabCharOnTab?: boolean | undefined;
15
- inputName?: string | undefined;
16
- maxLength?: any;
17
- syncInstanceInputs?: boolean | undefined;
18
- physicalKeyboardHighlight?: boolean | undefined;
19
- physicalKeyboardHighlightPress?: boolean | undefined;
20
- physicalKeyboardHighlightPressUseClick?: boolean | undefined;
21
- physicalKeyboardHighlightPressUsePointerEvents?: boolean | undefined;
22
- physicalKeyboardHighlightTextColor?: string | undefined;
23
- physicalKeyboardHighlightBgColor?: string | undefined;
24
- physicalKeyboardHighlightPreventDefault?: boolean | undefined;
25
- preventMouseDownDefault?: boolean | undefined;
26
- preventMouseUpDefault?: boolean | undefined;
27
- stopMouseDownPropagation?: boolean | undefined;
28
- stopMouseUpPropagation?: boolean | undefined;
29
- useButtonTag?: boolean | undefined;
30
- disableCaretPositioning?: boolean | undefined;
31
- inputPattern?: any;
32
- useTouchEvents?: boolean | undefined;
33
- autoUseTouchEvents?: boolean | undefined;
34
- useMouseEvents?: boolean | undefined;
35
- disableButtonHold?: boolean | undefined;
36
- rtl?: boolean | undefined;
37
- enableLayoutCandidates?: boolean | undefined;
38
- layoutCandidates?: {
39
- [key: string]: string;
40
- } | undefined;
41
- excludeFromLayout?: {
42
- [key: string]: string[];
43
- } | undefined;
44
- layoutCandidatesPageSize?: number | undefined;
45
- layoutCandidatesCaseSensitiveMatch?: boolean | undefined;
46
- disableCandidateNormalization?: boolean | undefined;
47
- enableLayoutCandidatesKeyPress?: boolean | undefined;
48
- onRender?: ((instance?: import("../interfaces").SimpleKeyboard | undefined) => void) | undefined;
49
- onInit?: ((instance?: import("../interfaces").SimpleKeyboard | undefined) => void) | undefined;
50
- onChange?: ((input: string, e?: MouseEvent | undefined) => any) | undefined;
51
- onChangeAll?: ((inputObj: import("../interfaces").KeyboardInput, e?: MouseEvent | undefined) => any) | undefined;
52
- onKeyPress?: ((button: string, e?: MouseEvent | undefined) => any) | undefined;
53
- onKeyReleased?: ((button: string, e?: MouseEvent | undefined) => any) | undefined;
54
- keyboardRef?: ((r: any) => void) | undefined;
55
- };
56
- export declare const changedProps: (prevProps: KeyboardReactInterface["options"], props: KeyboardReactInterface["options"]) => string[];
1
+ import { KeyboardReactInterface } from "../interfaces";
2
+ export declare const parseProps: (props: KeyboardReactInterface["options"]) => {
3
+ theme: string;
4
+ layout?: import("../interfaces").KeyboardLayoutObject | undefined;
5
+ layoutName?: string | undefined;
6
+ display?: {
7
+ [button: string]: string;
8
+ } | undefined;
9
+ mergeDisplay?: boolean | undefined;
10
+ buttonTheme?: import("../interfaces").KeyboardButtonTheme[] | undefined;
11
+ buttonAttributes?: import("../interfaces").KeyboardButtonAttributes[] | undefined;
12
+ debug?: boolean | undefined;
13
+ newLineOnEnter?: boolean | undefined;
14
+ tabCharOnTab?: boolean | undefined;
15
+ inputName?: string | undefined;
16
+ maxLength?: any;
17
+ syncInstanceInputs?: boolean | undefined;
18
+ physicalKeyboardHighlight?: boolean | undefined;
19
+ physicalKeyboardHighlightPress?: boolean | undefined;
20
+ physicalKeyboardHighlightPressUseClick?: boolean | undefined;
21
+ physicalKeyboardHighlightPressUsePointerEvents?: boolean | undefined;
22
+ physicalKeyboardHighlightTextColor?: string | undefined;
23
+ physicalKeyboardHighlightBgColor?: string | undefined;
24
+ physicalKeyboardHighlightPreventDefault?: boolean | undefined;
25
+ preventMouseDownDefault?: boolean | undefined;
26
+ preventMouseUpDefault?: boolean | undefined;
27
+ stopMouseDownPropagation?: boolean | undefined;
28
+ stopMouseUpPropagation?: boolean | undefined;
29
+ useButtonTag?: boolean | undefined;
30
+ disableCaretPositioning?: boolean | undefined;
31
+ inputPattern?: any;
32
+ useTouchEvents?: boolean | undefined;
33
+ autoUseTouchEvents?: boolean | undefined;
34
+ useMouseEvents?: boolean | undefined;
35
+ disableButtonHold?: boolean | undefined;
36
+ rtl?: boolean | undefined;
37
+ enableLayoutCandidates?: boolean | undefined;
38
+ layoutCandidates?: {
39
+ [key: string]: string;
40
+ } | undefined;
41
+ excludeFromLayout?: {
42
+ [key: string]: string[];
43
+ } | undefined;
44
+ layoutCandidatesPageSize?: number | undefined;
45
+ layoutCandidatesCaseSensitiveMatch?: boolean | undefined;
46
+ disableCandidateNormalization?: boolean | undefined;
47
+ enableLayoutCandidatesKeyPress?: boolean | undefined;
48
+ onRender?: ((instance?: import("../interfaces").SimpleKeyboard | undefined) => void) | undefined;
49
+ onInit?: ((instance?: import("../interfaces").SimpleKeyboard | undefined) => void) | undefined;
50
+ onChange?: ((input: string, e?: MouseEvent | undefined) => any) | undefined;
51
+ onChangeAll?: ((inputObj: import("../interfaces").KeyboardInput, e?: MouseEvent | undefined) => any) | undefined;
52
+ onKeyPress?: ((button: string, e?: MouseEvent | undefined) => any) | undefined;
53
+ onKeyReleased?: ((button: string, e?: MouseEvent | undefined) => any) | undefined;
54
+ keyboardRef?: ((r: any) => void) | undefined;
55
+ };
56
+ export declare const changedProps: (prevProps: KeyboardReactInterface["options"], props: KeyboardReactInterface["options"]) => string[];
package/package.json CHANGED
@@ -1,130 +1,131 @@
1
- {
2
- "name": "react-simple-keyboard",
3
- "version": "3.6.53",
4
- "description": "React.js Virtual Keyboard",
5
- "main": "build/index.js",
6
- "scripts": {
7
- "start": "webpack serve --config webpack.config.demo.js",
8
- "build": "npm run generate-types && webpack && npm run build-modern && tsc",
9
- "build-modern": "webpack --config webpack.config.modern.js",
10
- "test": "jest --silent",
11
- "coverage": "npm run test -- --coverage",
12
- "prepare": "npm run build",
13
- "trypublish": "npm publish || true",
14
- "generate-types": "node scripts/generateKeyboardTypes.js"
15
- },
16
- "repository": {
17
- "type": "git",
18
- "url": "https://github.com/hodgef/react-simple-keyboard"
19
- },
20
- "author": "Francisco Hodge <hello@franciscohodge.com> (https://github.com/hodgef)",
21
- "bugs": {
22
- "url": "https://github.com/hodgef/react-simple-keyboard/issues"
23
- },
24
- "homepage": "https://virtual-keyboard.js.org/",
25
- "keywords": [
26
- "react",
27
- "reactjs",
28
- "digital",
29
- "keyboard",
30
- "onscreen",
31
- "virtual",
32
- "component",
33
- "screen-keyboard",
34
- "component",
35
- "virtual-keyboard",
36
- "touchscreen",
37
- "touch-screen",
38
- "kiosk",
39
- "osk",
40
- "js"
41
- ],
42
- "license": "MIT",
43
- "devDependencies": {
44
- "@babel/cli": "^7.22.10",
45
- "@babel/core": "^7.22.8",
46
- "@babel/plugin-proposal-class-properties": "^7.16.7",
47
- "@babel/plugin-transform-typescript": "^7.22.3",
48
- "@babel/preset-env": "^7.22.10",
49
- "@babel/preset-react": "^7.22.3",
50
- "@babel/preset-typescript": "^7.22.5",
51
- "@types/enzyme": "^3.10.12",
52
- "@types/jest": "^27.5.0",
53
- "@types/react": "^18.0.9",
54
- "@types/react-dom": "^18.0.3",
55
- "@typescript-eslint/eslint-plugin": "^4.33.0",
56
- "@typescript-eslint/parser": "^4.32.0",
57
- "@wojtekmaj/enzyme-adapter-react-17": "^0.8.0",
58
- "autoprefixer": "^10.4.15",
59
- "babel-eslint": "^10.1.0",
60
- "babel-loader": "^9.1.3",
61
- "babel-preset-minify": "^0.5.2",
62
- "copy-webpack-plugin": "^11.0.0",
63
- "core-js": "^3.32.0",
64
- "css-loader": "^6.8.1",
65
- "css-minimizer-webpack-plugin": "^5.0.1",
66
- "dts-bundle": "^0.7.3",
67
- "enzyme": "^3.11.0",
68
- "eslint": "^7.32.0",
69
- "file-loader": "^6.2.0",
70
- "html-webpack-plugin": "^5.5.3",
71
- "jest": "^26.6.3",
72
- "mini-css-extract-plugin": "^2.7.6",
73
- "postcss": "^8.4.28",
74
- "postcss-loader": "^7.3.3",
75
- "react": "^16.0.0 || ^17.0.0 || ^18.0.0",
76
- "react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0",
77
- "simple-keyboard": "3.6.42",
78
- "style-loader": "^3.2.1",
79
- "terser-webpack-plugin": "^5.3.9",
80
- "typescript": "^4.9.5",
81
- "url-loader": "^4.1.1",
82
- "webpack": "^5.88.2",
83
- "webpack-cli": "^5.1.4",
84
- "webpack-dev-server": "4.13.3"
85
- },
86
- "peerDependencies": {
87
- "react": "^16.0.0 || ^17.0.0 || ^18.0.0",
88
- "react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0"
89
- },
90
- "jest": {
91
- "roots": [
92
- "<rootDir>/src"
93
- ],
94
- "collectCoverageFrom": [
95
- "src/**/*.{js,jsx,ts,tsx}",
96
- "!src/**/*.d.ts",
97
- "!src/lib/index.js",
98
- "!src/lib/polyfills.js",
99
- "!src/demo/**",
100
- "!src/utils/**",
101
- "!src/**/*.d.ts",
102
- "!**/tests/**"
103
- ],
104
- "testMatch": [
105
- "<rootDir>/src/**/__tests__/**/*.{js,jsx,ts,tsx}",
106
- "<rootDir>/src/**/*.{spec,test}.{js,jsx,ts,tsx}"
107
- ],
108
- "transformIgnorePatterns": [
109
- "[/\\\\]node_modules[/\\\\].+\\.(js|jsx|ts|tsx)$",
110
- "^.+\\.module\\.(css|sass|scss)$"
111
- ],
112
- "modulePaths": [],
113
- "moduleNameMapper": {
114
- "\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$": "<rootDir>/scripts/testMock.js",
115
- "\\.(css|less)$": "<rootDir>/scripts/testMock.js"
116
- },
117
- "moduleFileExtensions": [
118
- "web.js",
119
- "js",
120
- "web.ts",
121
- "ts",
122
- "web.tsx",
123
- "tsx",
124
- "json",
125
- "web.jsx",
126
- "jsx",
127
- "node"
128
- ]
129
- }
130
- }
1
+ {
2
+ "name": "react-simple-keyboard",
3
+ "version": "3.7.0",
4
+ "description": "React.js Virtual Keyboard",
5
+ "main": "build/index.js",
6
+ "scripts": {
7
+ "start": "webpack serve --config webpack.config.demo.js",
8
+ "build": "npm run generate-types && webpack && npm run build-modern && npm run build-modern-esm && tsc",
9
+ "build-modern": "webpack --config webpack.config.modern.js",
10
+ "build-modern-esm": "webpack --config webpack.config.modern_esm.js",
11
+ "test": "jest --silent",
12
+ "coverage": "npm run test -- --coverage",
13
+ "prepare": "npm run build",
14
+ "trypublish": "npm publish || true",
15
+ "generate-types": "node scripts/generateKeyboardTypes.js"
16
+ },
17
+ "repository": {
18
+ "type": "git",
19
+ "url": "https://github.com/hodgef/react-simple-keyboard"
20
+ },
21
+ "author": "Francisco Hodge <hello@franciscohodge.com> (https://github.com/hodgef)",
22
+ "bugs": {
23
+ "url": "https://github.com/hodgef/react-simple-keyboard/issues"
24
+ },
25
+ "homepage": "https://virtual-keyboard.js.org/",
26
+ "keywords": [
27
+ "react",
28
+ "reactjs",
29
+ "digital",
30
+ "keyboard",
31
+ "onscreen",
32
+ "virtual",
33
+ "component",
34
+ "screen-keyboard",
35
+ "component",
36
+ "virtual-keyboard",
37
+ "touchscreen",
38
+ "touch-screen",
39
+ "kiosk",
40
+ "osk",
41
+ "js"
42
+ ],
43
+ "license": "MIT",
44
+ "devDependencies": {
45
+ "@babel/cli": "^7.22.10",
46
+ "@babel/core": "^7.22.8",
47
+ "@babel/plugin-proposal-class-properties": "^7.16.7",
48
+ "@babel/plugin-transform-typescript": "^7.22.3",
49
+ "@babel/preset-env": "^7.22.10",
50
+ "@babel/preset-react": "^7.22.3",
51
+ "@babel/preset-typescript": "^7.22.5",
52
+ "@types/enzyme": "^3.10.12",
53
+ "@types/jest": "^27.5.0",
54
+ "@types/react": "^18.0.9",
55
+ "@types/react-dom": "^18.0.3",
56
+ "@typescript-eslint/eslint-plugin": "^4.33.0",
57
+ "@typescript-eslint/parser": "^4.32.0",
58
+ "@wojtekmaj/enzyme-adapter-react-17": "^0.8.0",
59
+ "autoprefixer": "^10.4.15",
60
+ "babel-eslint": "^10.1.0",
61
+ "babel-loader": "^9.1.3",
62
+ "babel-preset-minify": "^0.5.2",
63
+ "copy-webpack-plugin": "^11.0.0",
64
+ "core-js": "^3.32.0",
65
+ "css-loader": "^6.8.1",
66
+ "css-minimizer-webpack-plugin": "^5.0.1",
67
+ "dts-bundle": "^0.7.3",
68
+ "enzyme": "^3.11.0",
69
+ "eslint": "^7.32.0",
70
+ "file-loader": "^6.2.0",
71
+ "html-webpack-plugin": "^5.5.3",
72
+ "jest": "^26.6.3",
73
+ "mini-css-extract-plugin": "^2.7.6",
74
+ "postcss": "^8.4.28",
75
+ "postcss-loader": "^7.3.3",
76
+ "react": "^16.0.0 || ^17.0.0 || ^18.0.0",
77
+ "react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0",
78
+ "simple-keyboard": "3.6.42",
79
+ "style-loader": "^3.2.1",
80
+ "terser-webpack-plugin": "^5.3.9",
81
+ "typescript": "^4.9.5",
82
+ "url-loader": "^4.1.1",
83
+ "webpack": "^5.88.2",
84
+ "webpack-cli": "^5.1.4",
85
+ "webpack-dev-server": "4.13.3"
86
+ },
87
+ "peerDependencies": {
88
+ "react": "^16.0.0 || ^17.0.0 || ^18.0.0",
89
+ "react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0"
90
+ },
91
+ "jest": {
92
+ "roots": [
93
+ "<rootDir>/src"
94
+ ],
95
+ "collectCoverageFrom": [
96
+ "src/**/*.{js,jsx,ts,tsx}",
97
+ "!src/**/*.d.ts",
98
+ "!src/lib/index.js",
99
+ "!src/lib/polyfills.js",
100
+ "!src/demo/**",
101
+ "!src/utils/**",
102
+ "!src/**/*.d.ts",
103
+ "!**/tests/**"
104
+ ],
105
+ "testMatch": [
106
+ "<rootDir>/src/**/__tests__/**/*.{js,jsx,ts,tsx}",
107
+ "<rootDir>/src/**/*.{spec,test}.{js,jsx,ts,tsx}"
108
+ ],
109
+ "transformIgnorePatterns": [
110
+ "[/\\\\]node_modules[/\\\\].+\\.(js|jsx|ts|tsx)$",
111
+ "^.+\\.module\\.(css|sass|scss)$"
112
+ ],
113
+ "modulePaths": [],
114
+ "moduleNameMapper": {
115
+ "\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$": "<rootDir>/scripts/testMock.js",
116
+ "\\.(css|less)$": "<rootDir>/scripts/testMock.js"
117
+ },
118
+ "moduleFileExtensions": [
119
+ "web.js",
120
+ "js",
121
+ "web.ts",
122
+ "ts",
123
+ "web.tsx",
124
+ "tsx",
125
+ "json",
126
+ "web.jsx",
127
+ "jsx",
128
+ "node"
129
+ ]
130
+ }
131
+ }