diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..3c3629e --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +node_modules diff --git a/dist/1.0.0/incentro.BarcodeScanTorch.mpk b/dist/1.0.0/incentro.BarcodeScanTorch.mpk index be42005..eaf9281 100644 Binary files a/dist/1.0.0/incentro.BarcodeScanTorch.mpk and b/dist/1.0.0/incentro.BarcodeScanTorch.mpk differ diff --git a/dist/tmp/widgets/incentro/barcodescantorch/BarcodeScanTorch.js b/dist/tmp/widgets/incentro/barcodescantorch/BarcodeScanTorch.js index f82131a..f2f27c9 100644 --- a/dist/tmp/widgets/incentro/barcodescantorch/BarcodeScanTorch.js +++ b/dist/tmp/widgets/incentro/barcodescantorch/BarcodeScanTorch.js @@ -193,13 +193,13 @@ const localStyle = react_native__WEBPACK_IMPORTED_MODULE_1__["StyleSheet"].creat margin: 5, width: 300, borderBottomWidth: 1, - borderBottomColor: '#ec7404', + borderBottomColor: '#de712b', }, switchOn: { height: 45, margin: 5, borderRadius: 30, - backgroundColor: '#ec7404', + backgroundColor: '#de712b', alignItems: 'center', justifyContent: 'center', width: '85%', @@ -210,7 +210,7 @@ const localStyle = react_native__WEBPACK_IMPORTED_MODULE_1__["StyleSheet"].creat borderRadius: 30, backgroundColor: 'white', borderWidth: 1, - borderColor: '#ec7404', + borderColor: '#de712b', alignItems: 'center', justifyContent: 'center', width: '85%', @@ -222,13 +222,13 @@ const localStyle = react_native__WEBPACK_IMPORTED_MODULE_1__["StyleSheet"].creat fontWeight: 'bold', }, textOff: { - color: '#ec7404', + color: '#de712b', fontSize: 16, margin: 50, fontWeight: 'bold', }, textBarcode: { - color: '#ec7404', + color: '#de712b', fontSize: 16, fontWeight: 'bold', } diff --git a/dist/tmp/widgets/incentro/barcodescantorch/BarcodeScanTorch.js.map b/dist/tmp/widgets/incentro/barcodescantorch/BarcodeScanTorch.js.map index 71631e7..111ff88 100644 --- a/dist/tmp/widgets/incentro/barcodescantorch/BarcodeScanTorch.js.map +++ b/dist/tmp/widgets/incentro/barcodescantorch/BarcodeScanTorch.js.map @@ -1 +1 @@ -{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./src/BarcodeScanTorch.tsx","webpack:///external \"react\"","webpack:///external \"react-native\"","webpack:///external \"react-native-camera\""],"names":[],"mappings":"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","file":"widgets/incentro/barcodescantorch/BarcodeScanTorch.js","sourcesContent":[" \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = \"./src/BarcodeScanTorch.tsx\");\n","import { Component, createElement } from \"react\";\nimport { View, StyleSheet, TouchableOpacity, Text, TextInput, Vibration } from \"react-native\";\nimport { RNCamera } from \"react-native-camera\";\nimport { ValueStatus } from \"mendix\";\nimport { Style } from \"./utils/common\";\n\nexport interface BarcodeScanTorchStyle extends Style {\n};\n\nimport { BarcodeScanTorchProps } from \"../typings/BarcodeScanTorchProps\";\n\nexport type Props = BarcodeScanTorchProps;\n\ninterface State {\n torchON?: boolean;\n autoDetect?: boolean;\n textboxValue?: string;\n}\n\nexport class BarcodeScanTorch extends Component {\n onBarCodeReadHandler = this.onBarCodeRead.bind(this);\n manualBarcodeHandler = this.manualBarcode.bind(this);\n constructor(props: Props){\n super(props)\n this.toggleTorch = this.toggleTorch.bind(this)\n this.toggleAutoDetect = this.toggleAutoDetect.bind(this)\n this.state = {\n torchON: false,\n autoDetect: true,\n textboxValue: '',\n }\n }\n\n toggleTorch(){\n this.setState({torchON: !this.state.torchON})\n }\n\n toggleAutoDetect(){\n this.setState({autoDetect: !this.state.autoDetect})\n }\n\n render(){\n return (\n \n \n \n \n ↯ Lamp {this.state.torchON ? \"aan\" : \"uit\"}\n \n \n ║█║ Detectie {this.state.autoDetect ? \"aan\" : \"uit\"}\n \n {this.state.autoDetect ? : \n \n Barcode: \n this.setState({textboxValue: text})}/>\n \n Naar machine\n \n \n }\n \n \n );\n }\n // Internal button for testing\n //\n //\n //Zaklamp {this.state.torchON ? \"uit\" : \"aan\"}\n //\n //\n //\n \n\n private onBarCodeRead(event: { data: string }): void {\n if (this.state.autoDetect) {\n if (this.props.barcode.status !== ValueStatus.Available || event.data === this.props.barcode.value) {\n return;\n }\n\n this.props.barcode.setValue(event.data);\n\n if (this.props.onDetect && this.props.onDetect.canExecute) {\n Vibration.vibrate(400);\n this.props.onDetect.execute();\n }\n }\n else {\n if (this.state.textboxValue !== event.data) {\n Vibration.vibrate(400);\n this.setState({textboxValue: event.data})\n return;\n }\n }\n }\n\n private manualBarcode() {\n this.props.barcode.setValue(this.state.textboxValue);\n this.props.onDetect?.execute();\n }\n}\n\nconst localStyle = StyleSheet.create({\n container: {\n flex: 1,\n backgroundColor: 'black'\n },\n preview: {\n flex: 1,\n alignItems: 'center',\n },\n bottom:{\n justifyContent: 'flex-end',\n backgroundColor: 'white',\n alignItems: 'center',\n },\n textBox:{\n backgroundColor: 'white',\n alignItems: 'center',\n },\n textInput:{\n height: 45,\n margin: 5,\n width: 300,\n borderBottomWidth: 1,\n borderBottomColor: '#ec7404',\n },\n switchOn: {\n height: 45,\n margin: 5,\n borderRadius: 30,\n backgroundColor: '#ec7404',\n alignItems: 'center',\n justifyContent: 'center',\n width: '85%',\n },\n switchOff: {\n height: 45,\n margin: 5,\n borderRadius: 30,\n backgroundColor: 'white',\n borderWidth: 1,\n borderColor: '#ec7404',\n alignItems: 'center',\n justifyContent: 'center',\n width: '85%',\n },\n textOn: {\n color: 'white',\n fontSize: 16,\n margin: 50,\n fontWeight: 'bold',\n },\n textOff: {\n color: '#ec7404',\n fontSize: 16,\n margin: 50,\n fontWeight: 'bold',\n },\n textBarcode: {\n color: '#ec7404',\n fontSize: 16,\n fontWeight: 'bold',\n }\n })","module.exports = require(\"react\");","module.exports = require(\"react-native\");","module.exports = require(\"react-native-camera\");"],"sourceRoot":""} \ No newline at end of file +{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./src/BarcodeScanTorch.tsx","webpack:///external \"react\"","webpack:///external \"react-native\"","webpack:///external \"react-native-camera\""],"names":[],"mappings":"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","file":"widgets/incentro/barcodescantorch/BarcodeScanTorch.js","sourcesContent":[" \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = \"./src/BarcodeScanTorch.tsx\");\n","import { Component, createElement } from \"react\";\r\nimport { View, StyleSheet, TouchableOpacity, Text, TextInput, Vibration } from \"react-native\";\r\nimport { RNCamera } from \"react-native-camera\";\r\nimport { ValueStatus } from \"mendix\";\r\nimport { Style } from \"./utils/common\";\r\n\r\nexport interface BarcodeScanTorchStyle extends Style {\r\n};\r\n\r\nimport { BarcodeScanTorchProps } from \"../typings/BarcodeScanTorchProps\";\r\n\r\nexport type Props = BarcodeScanTorchProps;\r\n\r\ninterface State {\r\n torchON?: boolean;\r\n autoDetect?: boolean;\r\n textboxValue?: string;\r\n}\r\n\r\nexport class BarcodeScanTorch extends Component {\r\n onBarCodeReadHandler = this.onBarCodeRead.bind(this);\r\n manualBarcodeHandler = this.manualBarcode.bind(this);\r\n constructor(props: Props){\r\n super(props)\r\n this.toggleTorch = this.toggleTorch.bind(this)\r\n this.toggleAutoDetect = this.toggleAutoDetect.bind(this)\r\n this.state = {\r\n torchON: false,\r\n autoDetect: true,\r\n textboxValue: '',\r\n }\r\n }\r\n\r\n toggleTorch(){\r\n this.setState({torchON: !this.state.torchON})\r\n }\r\n\r\n toggleAutoDetect(){\r\n this.setState({autoDetect: !this.state.autoDetect})\r\n }\r\n\r\n render(){\r\n return (\r\n \r\n \r\n \r\n \r\n ↯ Lamp {this.state.torchON ? \"aan\" : \"uit\"}\r\n \r\n \r\n ║█║ Detectie {this.state.autoDetect ? \"aan\" : \"uit\"}\r\n \r\n {this.state.autoDetect ? : \r\n \r\n Barcode: \r\n this.setState({textboxValue: text})}/>\r\n \r\n Naar machine\r\n \r\n \r\n }\r\n \r\n \r\n );\r\n }\r\n // Internal button for testing\r\n //\r\n //\r\n //Zaklamp {this.state.torchON ? \"uit\" : \"aan\"}\r\n //\r\n //\r\n //\r\n \r\n\r\n private onBarCodeRead(event: { data: string }): void {\r\n if (this.state.autoDetect) {\r\n if (this.props.barcode.status !== ValueStatus.Available || event.data === this.props.barcode.value) {\r\n return;\r\n }\r\n\r\n this.props.barcode.setValue(event.data);\r\n\r\n if (this.props.onDetect && this.props.onDetect.canExecute) {\r\n Vibration.vibrate(400);\r\n this.props.onDetect.execute();\r\n }\r\n }\r\n else {\r\n if (this.state.textboxValue !== event.data) {\r\n Vibration.vibrate(400);\r\n this.setState({textboxValue: event.data})\r\n return;\r\n }\r\n }\r\n }\r\n\r\n private manualBarcode() {\r\n this.props.barcode.setValue(this.state.textboxValue);\r\n this.props.onDetect?.execute();\r\n }\r\n}\r\n\r\nconst localStyle = StyleSheet.create({\r\n container: {\r\n flex: 1,\r\n backgroundColor: 'black'\r\n },\r\n preview: {\r\n flex: 1,\r\n alignItems: 'center',\r\n },\r\n bottom:{\r\n justifyContent: 'flex-end',\r\n backgroundColor: 'white',\r\n alignItems: 'center',\r\n },\r\n textBox:{\r\n backgroundColor: 'white',\r\n alignItems: 'center',\r\n },\r\n textInput:{\r\n height: 45,\r\n margin: 5,\r\n width: 300,\r\n borderBottomWidth: 1,\r\n borderBottomColor: '#de712b',\r\n },\r\n switchOn: {\r\n height: 45,\r\n margin: 5,\r\n borderRadius: 30,\r\n backgroundColor: '#de712b',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n width: '85%',\r\n },\r\n switchOff: {\r\n height: 45,\r\n margin: 5,\r\n borderRadius: 30,\r\n backgroundColor: 'white',\r\n borderWidth: 1,\r\n borderColor: '#de712b',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n width: '85%',\r\n },\r\n textOn: {\r\n color: 'white',\r\n fontSize: 16,\r\n margin: 50,\r\n fontWeight: 'bold',\r\n },\r\n textOff: {\r\n color: '#de712b',\r\n fontSize: 16,\r\n margin: 50,\r\n fontWeight: 'bold',\r\n },\r\n textBarcode: {\r\n color: '#de712b',\r\n fontSize: 16,\r\n fontWeight: 'bold',\r\n }\r\n })","module.exports = require(\"react\");","module.exports = require(\"react-native\");","module.exports = require(\"react-native-camera\");"],"sourceRoot":""} \ No newline at end of file diff --git a/package-lock.json b/package-lock.json index a8e185d..2cc990f 100644 --- a/package-lock.json +++ b/package-lock.json @@ -11421,7 +11421,8 @@ "js-tokens": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz", - "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==" + "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==", + "dev": true }, "js-yaml": { "version": "3.14.0", @@ -12189,6 +12190,7 @@ "version": "1.4.0", "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz", "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==", + "dev": true, "requires": { "js-tokens": "^3.0.0 || ^4.0.0" } @@ -14505,7 +14507,8 @@ "object-assign": { "version": "4.1.1", "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz", - "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=" + "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=", + "dev": true }, "object-copy": { "version": "0.1.0", @@ -15565,6 +15568,7 @@ "version": "15.7.2", "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.7.2.tgz", "integrity": "sha512-8QQikdH7//R2vurIJSutZ1smHYTcLpRWEOlHnzcWHmBYrOGUysKwSsrC89BCiFj3CbrfJ/nXFdJepOVrY1GCHQ==", + "dev": true, "requires": { "loose-envify": "^1.4.0", "object-assign": "^4.1.1", @@ -15873,7 +15877,8 @@ "react-is": { "version": "16.13.1", "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", - "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==" + "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==", + "dev": true }, "react-lifecycles-compat": { "version": "3.0.4", @@ -16357,6 +16362,7 @@ "version": "3.40.0", "resolved": "https://registry.npmjs.org/react-native-camera/-/react-native-camera-3.40.0.tgz", "integrity": "sha512-Ur0hZqZcl3SntTVMB9GxuiLYpQxqwgzhQVb+7EGae4WjfDzQEwlGF0bJ7UpZyeUTb1oZmsiSib58xUckn11XMw==", + "dev": true, "requires": { "prop-types": "^15.6.2" } diff --git a/package.json b/package.json index aa6dda1..cd95a73 100644 --- a/package.json +++ b/package.json @@ -29,6 +29,5 @@ "@types/react-native": "~0.61.23", "react-native-camera": "^3.40.0" }, - "dependencies": { - } + "dependencies": {} } diff --git a/src/BarcodeScanTorch.tsx b/src/BarcodeScanTorch.tsx index 05d0cbb..3630176 100644 --- a/src/BarcodeScanTorch.tsx +++ b/src/BarcodeScanTorch.tsx @@ -128,13 +128,13 @@ const localStyle = StyleSheet.create({ margin: 5, width: 300, borderBottomWidth: 1, - borderBottomColor: '#ec7404', + borderBottomColor: '#de712b', }, switchOn: { height: 45, margin: 5, borderRadius: 30, - backgroundColor: '#ec7404', + backgroundColor: '#de712b', alignItems: 'center', justifyContent: 'center', width: '85%', @@ -145,7 +145,7 @@ const localStyle = StyleSheet.create({ borderRadius: 30, backgroundColor: 'white', borderWidth: 1, - borderColor: '#ec7404', + borderColor: '#de712b', alignItems: 'center', justifyContent: 'center', width: '85%', @@ -157,13 +157,13 @@ const localStyle = StyleSheet.create({ fontWeight: 'bold', }, textOff: { - color: '#ec7404', + color: '#de712b', fontSize: 16, margin: 50, fontWeight: 'bold', }, textBarcode: { - color: '#ec7404', + color: '#de712b', fontSize: 16, fontWeight: 'bold', }