{"_id":"@arkondata/react-bpmn-modeler","_rev":"38-134ee23bea1097dcf5b0a622f9524f96","name":"@arkondata/react-bpmn-modeler","dist-tags":{"latest":"0.1.22","beta":"0.1.24-beta.14"},"versions":{"0.1.0":{"name":"@arkondata/react-bpmn-modeler","version":"0.1.0","private":false,"author":{"name":"JavierMolina"},"license":"MIT","description":"React bpmn modeler","directories":{"lib":"lib"},"repository":{"type":"git","url":"git+https://github.com/Grupo-Abraxas/react-bpmn-modeler.git"},"keywords":["react-bpmn-modeler"],"bugs":{"url":"https://github.com/Grupo-Abraxas/react-bpmn-modeler/issues"},"homepage":"https://github.com/Grupo-Abraxas/react-bpmn-modeler#readme","main":"lib/index.js","types":"lib","pearDependencies":{"react":"<=16.0.0"},"dependencies":{"@material-ui/core":"^4.9.11","@material-ui/icons":"^4.9.1","@testing-library/jest-dom":"^4.2.4","@testing-library/react":"^9.3.2","@testing-library/user-event":"^7.1.2","bpmn-js":"^6.4.2","bpmn-js-in-color":"github:bpmn-io/bpmn-js-in-color","bpmn-js-properties-panel":"^0.33.2","camunda-bpmn-moddle":"^4.4.0","css-loader":"^3.5.2","diagram-js-minimap":"^2.0.3","node-sass":"^4.13.1","react":"^16.13.1","react-dom":"^16.13.1","react-full-screen":"^0.2.4","react-scripts":"3.4.1","react-xml-parser":"^1.1.6","style-loader":"^1.1.4"},"scripts":{"start":"react-scripts start","build":"tsc -p .","test":"react-scripts test","eject":"react-scripts eject","docker:build":"docker build -t react-bpmn-modeler_img .","docker:run":"docker run -d -p 80:80 --name react-bpmn-modeler react-bpmn-modeler_img","docker:stop":"docker rm -f react-bpmn-modeler"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@types/jest":"^25.2.2","@types/node":"^14.0.1","@types/react":"^16.9.35","@types/react-dom":"^16.9.8","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","eslint-config-import":"^0.13.0","eslint-config-prettier":"^6.11.0","eslint-plugin-import":"^2.20.2","eslint-plugin-prettier":"^3.1.3","eslint-plugin-react":"^7.20.0","eslint-plugin-react-hooks":"^4.0.2","eslint-plugin-simple-import-sort":"^5.0.3","husky":"^4.2.5","lint-staged":"^10.2.2","prettier":"^2.0.5","typescript":"^3.8.3","@testing-library/react":"^9.3.2","@testing-library/user-event":"^7.1.2"},"lint-staged":{"src/**/*.{js,jsx,ts,tsx}":["eslint --fix","prettier --write"],"src/**/*.{css,scss,md,json}":["prettier --write"]},"husky":{"hooks":{"pre-commit":"lint-staged"}},"gitHead":"c2e80c2ce98179fd343569e53b07e657208cd00f","_id":"@arkondata/react-bpmn-modeler@0.1.0","_nodeVersion":"12.15.0","_npmVersion":"6.14.2","dist":{"integrity":"sha512-6xJImudi9obO5O0sG/akIGgQsk+OgNj/10XOAP1gJLyzgS5rez8I0GPMkaxdHm8Dn1plyedvHDlCg4zk85MYhA==","shasum":"fb2858240297431ef9d33dce6ca6b72e6bc10193","tarball":"https://registry.npmjs.org/@arkondata/react-bpmn-modeler/-/react-bpmn-modeler-0.1.0.tgz","fileCount":136,"unpackedSize":481569,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexb1xCRA9TVsSAnZWagAAueEP/1Trc8I41L1P27i9pvJ5\nAaR03zJzJekpLXqmS38C0loigB5CERH6oxhxUuKcUjm+SR1BD6ROAOvMJfRx\na7BVaZyvam1A7OK8aS6rOVKl/aHwcsZENa9mEJ0JJpvZYtdzwpxVx5FaZfcb\nlPm/WcTtrzzmmb8i5KhMo0StAcie1TkBtLjWAkEQyNOjsf/GB9TQut1DCEsm\nK0JjGN0SLX46VXjfStV7JOeTPJsQ6fXkNieLZTI0c+yxpjxInIO6RYfzHxiE\nECMMscfqh+Ivf9QgesOzxsnJ4ergXsMvIOR5dFuskVj7ha4ecWlCD48X2tZN\nOUlEemLJMNCZE7yp7ZsghEYsIoMgw/HUs3/yr3iWF3ZISRmeKVlheJ+znC7x\nIqQOmEho/Db9C7SBX/uO4Q8yJU+2Z35ec/Cm6aqwIXkgTQP27E6SSrDOzXla\nuiYhVXywZEj5R1i7DNivW+rPPB7ucY8lRIgIhAv0HwC2J9YuB4IrIE7yRPo2\nnXqWBASGPdnEIFNIBl83fbl1JNs0kXOxgNHseMXsP4xbblTrhX9fgtq7+JqX\nHSPK8elLaTNfx0tSC9/eYJMrdmxdfSTxlIu5qqOzngD23tzbZN3S0wV8Wlu3\nKpMc1n1Pi25onn8K55K4OuMzHsoywgtGnIlHP68DxsNtQB6eEx2g+UW8KBoz\nOcHg\r\n=IFSJ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD/MpsnysS8K0FR0JvpP0vK/G1f2v5OcsdpCjvfzEVNCQIgaUwzrFU9MJbl4eVbTie5ps2pQpfA6CZi52MnrdzxGYA="}]},"maintainers":[{"name":"juananto11","email":"juananto11@hotmail.com"},{"name":"rreyes24","email":"rreyesvar@gmail.com"},{"name":"javiermolina","email":"ing.molina.h@gmail.com"},{"name":"services_arkondata","email":"services@arkondata.com"}],"_npmUser":{"name":"javiermolina","email":"ing.molina.h@gmail.com"},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-bpmn-modeler_0.1.0_1590017393430_0.9916537355221333"},"_hasShrinkwrap":false},"0.1.1":{"name":"@arkondata/react-bpmn-modeler","version":"0.1.1","private":false,"author":{"name":"JavierMolina"},"license":"MIT","description":"React bpmn modeler","directories":{"lib":"lib"},"repository":{"type":"git","url":"git+https://github.com/Grupo-Abraxas/react-bpmn-modeler.git"},"keywords":["react-bpmn-modeler"],"bugs":{"url":"https://github.com/Grupo-Abraxas/react-bpmn-modeler/issues"},"homepage":"https://github.com/Grupo-Abraxas/react-bpmn-modeler#readme","main":"lib/index.js","types":"lib","pearDependencies":{"react":"<=16.0.0"},"dependencies":{"@material-ui/core":"^4.9.11","@material-ui/icons":"^4.9.1","@testing-library/jest-dom":"^4.2.4","@testing-library/react":"^9.3.2","@testing-library/user-event":"^7.1.2","bpmn-js":"^6.4.2","bpmn-js-in-color":"github:bpmn-io/bpmn-js-in-color","bpmn-js-properties-panel":"^0.33.2","camunda-bpmn-moddle":"^4.4.0","css-loader":"^3.5.2","diagram-js-minimap":"^2.0.3","node-sass":"^4.13.1","react":"^16.13.1","react-dom":"^16.13.1","react-full-screen":"^0.2.4","react-scripts":"3.4.1","react-xml-parser":"^1.1.6","style-loader":"^1.1.4"},"scripts":{"start":"react-scripts start","build":"tsc -p .","test":"react-scripts test","eject":"react-scripts eject","docker:build":"docker build -t react-bpmn-modeler_img .","docker:run":"docker run -d -p 80:80 --name react-bpmn-modeler react-bpmn-modeler_img","docker:stop":"docker rm -f react-bpmn-modeler"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@types/jest":"^25.2.2","@types/node":"^14.0.1","@types/react":"^16.9.35","@types/react-dom":"^16.9.8","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","eslint-config-import":"^0.13.0","eslint-config-prettier":"^6.11.0","eslint-plugin-import":"^2.20.2","eslint-plugin-prettier":"^3.1.3","eslint-plugin-react":"^7.20.0","eslint-plugin-react-hooks":"^4.0.2","eslint-plugin-simple-import-sort":"^5.0.3","husky":"^4.2.5","lint-staged":"^10.2.2","prettier":"^2.0.5","typescript":"^3.8.3","@testing-library/react":"^9.3.2","@testing-library/user-event":"^7.1.2"},"lint-staged":{"src/**/*.{js,jsx,ts,tsx}":["eslint --fix","prettier --write"],"src/**/*.{css,scss,md,json}":["prettier --write"]},"husky":{"hooks":{"pre-commit":"lint-staged"}},"gitHead":"c2e80c2ce98179fd343569e53b07e657208cd00f","_id":"@arkondata/react-bpmn-modeler@0.1.1","_nodeVersion":"12.15.0","_npmVersion":"6.14.2","dist":{"integrity":"sha512-B30GuCz4WNjagK7I//ywT5qMGwGIOlP6OFhDZV59okOcoeFyKjFqe1KBsxyYhTrlfKC55tzhf8aJF40lwbWY4A==","shasum":"f2cea299a9b586730bd1b5f4ce5c3da9b488c59d","tarball":"https://registry.npmjs.org/@arkondata/react-bpmn-modeler/-/react-bpmn-modeler-0.1.1.tgz","fileCount":136,"unpackedSize":481626,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexfDnCRA9TVsSAnZWagAAYnEP/3p85nkjfTxiltfeTZ9T\nNNBLcgiObBOfL9G2ujBQCOcLwj94XbrFjU0RG/qJ7fgUyfLUXqacRAqX/wWV\nJZZY6i1B5KehZnXgJ18pwmVfItC2kmxN9QsfhWEWNzcTVpVHeo42jItSDENQ\nhSvceAuqX/5oSEmeND6gWIYS7qzzh63vdLg4Lq83lqeCppv5g5EUfL6tUZhM\nyjHLx6/a7ABvn8nP4GnLs/82o7pf9KZ2UdalsUbb+9XDjpk7KylNbI3pSHC5\nyI1LBqDCC3flZTzT6EKG1KsT4buiSoyVpTSQX2JiC0xVJ7dV6bM0nkAnuM2T\ny2Nyz/nhUimFHqUNS7WL7tiatb/qPYvuM3pXpYfLFn5X8BQVoleuIgC14VNH\nUMaVAvgQkt/Sg5GubANjwFIKLNPZnCHhyv/fpfuxmsYZeTyhbmpuBcsFGDKy\nqXCcO0DHjQFO6+jD/l7yr3OB9vP/0Fsf1BDC3oejhxnwWy2+6QdQd8qXSqzT\nyIrHqzPQYr1gjd9pTUmGbjaGrx8WIyroxgzFRj5E3JWdzb+uhLfwYG1LzFTq\nz7xFJ1RXGF0To1YPOYdr+UHARvizQ6X7K+beUP5VOm2X/lFoFqdvQxzXnqgH\n//zWKv3XjYmbYAn2uYg9QAJGtxumD4STUKtBx1Rkfzgw/GiIvx3YVPLUv+Su\nQKLN\r\n=n5AV\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCEv+A6crRXobt2WH3xA2VxxYruNEoGwRXhcef4IjhGnAIgSQpQvAXOnWTWLEb3abMdbWghKvmU0vtkXoxJRGTcIDM="}]},"maintainers":[{"name":"javiermolina","email":"ing.molina.h@gmail.com"},{"name":"juananto11","email":"juananto11@hotmail.com"},{"name":"rreyes24","email":"rreyesvar@gmail.com"},{"name":"services_arkondata","email":"services@arkondata.com"}],"_npmUser":{"name":"javiermolina","email":"ing.molina.h@gmail.com"},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-bpmn-modeler_0.1.1_1590030566948_0.5103917833578584"},"_hasShrinkwrap":false},"0.1.2":{"name":"@arkondata/react-bpmn-modeler","version":"0.1.2","private":false,"author":{"name":"JavierMolina"},"license":"MIT","description":"React bpmn modeler","directories":{"lib":"lib"},"repository":{"type":"git","url":"git+https://github.com/Grupo-Abraxas/react-bpmn-modeler.git"},"keywords":["react-bpmn-modeler"],"bugs":{"url":"https://github.com/Grupo-Abraxas/react-bpmn-modeler/issues"},"homepage":"https://github.com/Grupo-Abraxas/react-bpmn-modeler#readme","main":"lib/index.js","types":"lib","pearDependencies":{"react":"<=16.0.0"},"dependencies":{"@material-ui/core":"^4.9.11","@material-ui/icons":"^4.9.1","@testing-library/jest-dom":"^4.2.4","@testing-library/react":"^9.3.2","@testing-library/user-event":"^7.1.2","bpmn-js":"^6.4.2","bpmn-js-in-color":"github:bpmn-io/bpmn-js-in-color","bpmn-js-properties-panel":"^0.33.2","camunda-bpmn-moddle":"^4.4.0","css-loader":"^3.5.2","diagram-js-minimap":"^2.0.3","node-sass":"^4.14.1","react":"^16.13.1","react-dom":"^16.13.1","react-full-screen":"^0.2.4","react-scripts":"3.4.1","react-xml-parser":"^1.1.6","style-loader":"^1.1.4","yarn-run-all":"^3.1.1"},"scripts":{"build:css":"node-sass src/ -o src/ ","watch:css":"yarn build:css && node-sass src/ -o src/ -w -r","start:js":"react-scripts start","start":"npm-run-all -p watch:css start:js","build:js":"tsc -p .","build":"npm-run-all build:*","test":"react-scripts test","eject":"react-scripts eject","docker:build":"docker build -t react-bpmn-modeler_img .","docker:run":"docker run -d -p 80:80 --name react-bpmn-modeler react-bpmn-modeler_img","docker:stop":"docker rm -f react-bpmn-modeler"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@testing-library/react":"^9.3.2","@testing-library/user-event":"^7.1.2","@types/jest":"^25.2.2","@types/node":"^14.0.1","@types/node-sass":"^4.11.1","@types/react":"^16.9.35","@types/react-dom":"^16.9.8","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","eslint-config-import":"^0.13.0","eslint-config-prettier":"^6.11.0","eslint-plugin-import":"^2.20.2","eslint-plugin-prettier":"^3.1.3","eslint-plugin-react":"^7.20.0","eslint-plugin-react-hooks":"^4.0.2","eslint-plugin-simple-import-sort":"^5.0.3","husky":"^4.2.5","lint-staged":"^10.2.2","prettier":"^2.0.5","typescript":"^3.8.3"},"lint-staged":{"src/**/*.{js,jsx,ts,tsx}":["eslint --fix","prettier --write"],"src/**/*.{css,scss,md,json}":["prettier --write"]},"husky":{"hooks":{"pre-commit":"lint-staged"}},"gitHead":"c2e80c2ce98179fd343569e53b07e657208cd00f","_id":"@arkondata/react-bpmn-modeler@0.1.2","_nodeVersion":"12.15.0","_npmVersion":"6.14.2","dist":{"integrity":"sha512-dAx8VNCTNxnhk2sHXA3eOcUkN3rAhrOQ0T0qCFYQWWHmMdRBSmQmmIwx12wBc7tdRFzm1xlCGyRImZleLXI5cg==","shasum":"7d47150b0bee819a6def5e65b7724c1fcb5bd9af","tarball":"https://registry.npmjs.org/@arkondata/react-bpmn-modeler/-/react-bpmn-modeler-0.1.2.tgz","fileCount":137,"unpackedSize":498380,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexfhDCRA9TVsSAnZWagAAyMMP/iABu9qgUmUVaFhDFlXn\nravLn25LSRqtFECkte8zAirJkx24rMG4kTcepLKPr57QpO6XshKwT0IFTOxG\nqRMqNj5bJE1ltdOqgVKCs8B8lSwoHls1cHs15JsNYAnQWShfAh0hi+1ALJUm\nbRtE4iviKqPrRTaTOV05YHpS9JpeDBWqVTSOxmU2GahEcCzf8czjB6JiVmns\nFC0YFq+0T1T6Ja53cSvMhypKXJyc/vKPMzLJgLUmUFMXN0uvP6AUL6LOOMYz\nHWysWNhP0fNIu7x3iSFEEi0zfVEUMk1jsvkeyFgmv9y0nOVKr8POfYZmD9Ad\nL39F3tGT3zXp1mEBKI3G0yA0r8iNtxKc94mtL2xFCfVZuU4a8YgsBlpY3iyM\nfVC6DVp1PWURJYxXuBSFIE8hD9PZcjtGsBDK0n9rm3Jj+fm5LYgjjGDtnzNe\n0nDUK/eGmmOSsCJOaPk0vIoB7bSrCwnAKe+QQ2FY27DU6j9UJ6C0HWWS7e9X\nzRxthuSEfe9yPRjXNTJqaGDxQsalHFOrpylef+3BPOyztjaltfnzX0X/itK9\n9qU7Km1Bu5afipg8DIYwVss5e6TD/qYDnqVyiRIGsHq2Qx7JOW4e3sO5M7d6\nOQ6N+gM/D4MMBB64L9BQfbZM2v+2qk3wViS19DNhYCgRpaIiXSqfkwtOtDpC\nY40h\r\n=b/hC\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGXhyIJzEC7n2LjLVLugxQodytPAt2AUDlNtw+QE7+iRAiEAxJwZDJ9g0lO6JUpuzeSTZj+yyUsY3jG+Bh+4qDJeE2w="}]},"maintainers":[{"name":"javiermolina","email":"ing.molina.h@gmail.com"},{"name":"juananto11","email":"juananto11@hotmail.com"},{"name":"rreyes24","email":"rreyesvar@gmail.com"},{"name":"services_arkondata","email":"services@arkondata.com"}],"_npmUser":{"name":"javiermolina","email":"ing.molina.h@gmail.com"},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-bpmn-modeler_0.1.2_1590032450989_0.8815638920328173"},"_hasShrinkwrap":false},"0.1.3":{"name":"@arkondata/react-bpmn-modeler","version":"0.1.3","private":false,"author":{"name":"JavierMolina"},"license":"MIT","description":"React bpmn modeler","directories":{"lib":"lib"},"repository":{"type":"git","url":"git+https://github.com/Grupo-Abraxas/react-bpmn-modeler.git"},"keywords":["react-bpmn-modeler"],"bugs":{"url":"https://github.com/Grupo-Abraxas/react-bpmn-modeler/issues"},"homepage":"https://github.com/Grupo-Abraxas/react-bpmn-modeler#readme","main":"lib/index.js","types":"lib","pearDependencies":{"react":"<=16.0.0"},"dependencies":{"@material-ui/core":"^4.9.11","@material-ui/icons":"^4.9.1","@testing-library/jest-dom":"^4.2.4","@testing-library/react":"^9.3.2","@testing-library/user-event":"^7.1.2","bpmn-js":"^6.4.2","bpmn-js-in-color":"github:bpmn-io/bpmn-js-in-color","bpmn-js-properties-panel":"^0.33.2","camunda-bpmn-moddle":"^4.4.0","css-loader":"^3.5.2","diagram-js-minimap":"^2.0.3","node-sass":"^4.14.1","react":"^16.13.1","react-dom":"^16.13.1","react-full-screen":"^0.2.4","react-scripts":"3.4.1","react-xml-parser":"^1.1.6","style-loader":"^1.1.4","yarn-run-all":"^3.1.1"},"scripts":{"build:css":"node-sass src/ -o lib/ && cp -r src/bpmn-font lib/","watch:css":"yarn build:css && node-sass src/ -o lib/ -w -r","start:js":"react-scripts start","start":"npm-run-all -p watch:css start:js","build:js":"tsc -p .","build":"npm-run-all build:*","test":"react-scripts test","eject":"react-scripts eject","docker:build":"docker build -t react-bpmn-modeler_img .","docker:run":"docker run -d -p 80:80 --name react-bpmn-modeler react-bpmn-modeler_img","docker:stop":"docker rm -f react-bpmn-modeler"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@testing-library/react":"^9.3.2","@testing-library/user-event":"^7.1.2","@types/jest":"^25.2.2","@types/node":"^14.0.1","@types/node-sass":"^4.11.1","@types/react":"^16.9.35","@types/react-dom":"^16.9.8","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","eslint-config-import":"^0.13.0","eslint-config-prettier":"^6.11.0","eslint-plugin-import":"^2.20.2","eslint-plugin-prettier":"^3.1.3","eslint-plugin-react":"^7.20.0","eslint-plugin-react-hooks":"^4.0.2","eslint-plugin-simple-import-sort":"^5.0.3","husky":"^4.2.5","lint-staged":"^10.2.2","prettier":"^2.0.5","typescript":"^3.8.3"},"lint-staged":{"src/**/*.{js,jsx,ts,tsx}":["eslint --fix","prettier --write"],"src/**/*.{css,scss,md,json}":["prettier --write"]},"husky":{"hooks":{"pre-commit":"lint-staged"}},"gitHead":"c2e80c2ce98179fd343569e53b07e657208cd00f","_id":"@arkondata/react-bpmn-modeler@0.1.3","_nodeVersion":"12.15.0","_npmVersion":"6.14.2","dist":{"integrity":"sha512-XyAkLvwBbu5buT8YXsDsgKO8q6vNpKZjRAgrFJB/OEwAupnBJaWZcAizr+2Y2zbSuWz7lzSRd7bsKi5nb+MQcw==","shasum":"e22927123ed21d0d9d7e7e25062477a2c90debc3","tarball":"https://registry.npmjs.org/@arkondata/react-bpmn-modeler/-/react-bpmn-modeler-0.1.3.tgz","fileCount":54,"unpackedSize":446809,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexh3ZCRA9TVsSAnZWagAAyHYP/1rUai2fQ9DBx1f+GWUf\n/3RSzajHZMOba9YfqvKEIp+EFkjxN4zwYahMG3+9SyCKZW6Z49gcQJSsw5lH\ncDX8w/b15Gb933HahE8U48xZAx/00DwuUhrlCmLm2g+SyRqRSqrdhwefMcy6\nhkN5rb5maD00LpVmvU399NHuEzYuTlsstlOiDy/hed3j7nSTSO2UJNUHrOyO\nZJF+aeLloqXLfkch0/A4NKy+gmpqDyV8swofxqlW8iKZfaV/ptm3+UkP0rQZ\nobIPPBkfKyYCzmiCGDJYA2Tu9MkkR1Q455BEdIDllOZ8g73jUAPMtPK5Eai9\nneliJSsiRXxHlU5Ypsq7kOW2GpLsylos0L8fHSONFGFuxVtzb+YoxEY8Qv1F\nUKZ/5K1NwjxzFn0mQPsfoaHOKT5nSF+b5041AaS4llNLK6Rv6dg5ozhr8JS8\nB6hVkgWZqsInDsZbEut0t+Fot/c4EwznuNvsD1TjJd98PtJdCi1tBO6d3TYK\nVmn/tySrlM6BPThbmIKQx5kUel+vVHa7UwkspqBfmP1HPGrtUEBQ6NDd1pn1\nHac44/LvAetBFLpKnE7qAv2hJlcNJ/wQ81i0CuxH7GIY6Ye6PY5kC5ABeEx3\nydz7UT7rCbhEOp6HqzCR04M+Do4WHZUFhiBz06bIQ7smlxLe/PFhW7yCO+LV\nzyX1\r\n=NyFI\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIH3q23IGQMwWozHB0dxl846vIGUmKGD4J8cesYMgtHaoAiAf52whXaOaLLodWOcHX8Vw5NDe1lBnJa6TpVSh81N0/w=="}]},"maintainers":[{"name":"javiermolina","email":"ing.molina.h@gmail.com"},{"name":"juananto11","email":"juananto11@hotmail.com"},{"name":"rreyes24","email":"rreyesvar@gmail.com"},{"name":"services_arkondata","email":"services@arkondata.com"}],"_npmUser":{"name":"javiermolina","email":"ing.molina.h@gmail.com"},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-bpmn-modeler_0.1.3_1590042073126_0.8725879938946102"},"_hasShrinkwrap":false},"0.1.4":{"name":"@arkondata/react-bpmn-modeler","version":"0.1.4","private":false,"author":{"name":"JavierMolina"},"license":"MIT","description":"React bpmn modeler","directories":{"lib":"lib"},"repository":{"type":"git","url":"git+https://github.com/Grupo-Abraxas/react-bpmn-modeler.git"},"keywords":["react-bpmn-modeler"],"bugs":{"url":"https://github.com/Grupo-Abraxas/react-bpmn-modeler/issues"},"homepage":"https://github.com/Grupo-Abraxas/react-bpmn-modeler#readme","main":"lib/index.js","types":"lib","pearDependencies":{"react":"<=16.0.0"},"dependencies":{"@material-ui/core":"^4.9.11","@material-ui/icons":"^4.9.1","@testing-library/jest-dom":"^4.2.4","@testing-library/react":"^9.3.2","@testing-library/user-event":"^7.1.2","bpmn-js":"^6.4.2","bpmn-js-in-color":"github:bpmn-io/bpmn-js-in-color","bpmn-js-properties-panel":"^0.33.2","camunda-bpmn-moddle":"^4.4.0","css-loader":"^3.5.2","diagram-js-minimap":"^2.0.3","node-sass":"^4.14.1","react":"^16.13.1","react-dom":"^16.13.1","react-full-screen":"^0.2.4","react-scripts":"3.4.1","react-xml-parser":"^1.1.6","style-loader":"^1.1.4","yarn-run-all":"^3.1.1"},"scripts":{"build:css":"node-sass src/ -o lib/ && cp -r src/bpmn-font lib/","watch:css":"yarn build:css && node-sass src/ -o lib/ -w -r","start:js":"react-scripts start","start":"npm-run-all -p watch:css start:js","build:js":"tsc -p .","build":"npm-run-all build:*","test":"react-scripts test","eject":"react-scripts eject","docker:build":"docker build -t react-bpmn-modeler_img .","docker:run":"docker run -d -p 80:80 --name react-bpmn-modeler react-bpmn-modeler_img","docker:stop":"docker rm -f react-bpmn-modeler"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@testing-library/react":"^9.3.2","@testing-library/user-event":"^7.1.2","@types/jest":"^25.2.2","@types/node":"^14.0.1","@types/node-sass":"^4.11.1","@types/react":"^16.9.35","@types/react-dom":"^16.9.8","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","eslint-config-import":"^0.13.0","eslint-config-prettier":"^6.11.0","eslint-plugin-import":"^2.20.2","eslint-plugin-prettier":"^3.1.3","eslint-plugin-react":"^7.20.0","eslint-plugin-react-hooks":"^4.0.2","eslint-plugin-simple-import-sort":"^5.0.3","husky":"^4.2.5","lint-staged":"^10.2.2","prettier":"^2.0.5","typescript":"^3.8.3"},"lint-staged":{"src/**/*.{js,jsx,ts,tsx}":["eslint --fix","prettier --write"],"src/**/*.{css,scss,md,json}":["prettier --write"]},"husky":{"hooks":{"pre-commit":"lint-staged"}},"gitHead":"a00da8ce2b8aff4711152d4ddff0a78a20fba088","_id":"@arkondata/react-bpmn-modeler@0.1.4","_nodeVersion":"12.15.0","_npmVersion":"6.14.2","dist":{"integrity":"sha512-/YOq73nhWRcAQEbwAfFY7q+YnnZtPL8ZgqTxWDQwzCv3n/V46+gvScQNIJ8xIOd10YGMUOufyQTs5OW2oOOrNg==","shasum":"9ab5cc2bd80523caa6e9024c763bcbd5f9a72b99","tarball":"https://registry.npmjs.org/@arkondata/react-bpmn-modeler/-/react-bpmn-modeler-0.1.4.tgz","fileCount":108,"unpackedSize":459120,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexiKQCRA9TVsSAnZWagAAaIsQAKHbxmIRnAYR6mFjdehq\n0QdaA8mDAeK0PqUpD46en1xJ6VtStpDxtwL222+3LHuHtiCQ2XI26a/sxVhT\nllJieXA4jVeKYqJpf8CCfLcrk+7ggsTN50nWGc5ethNTV+mJXM/J5aKSt4ag\nTRK4vdsMi6DvUhyzQfZzKvXRyI0Heal9hZ5SkeXl8m3XKGzf2JxMMGtX1jEs\nYQxFAmO7yMgssl1ktxwXAIYOcZlReC5mj5hJ2kCW2M/AiIoKpTWQks4WaMjR\nTbfoymrgtpEz4TuZxtPYta0OvH98Sf2znkGNtyxqPXCUmGVz6K7DqpjJQ7g5\n7K1MeTPED4J93TAMCq2FHhF0fQaL5vwAmuwAc/BNL+XN/Txt5GepYECDanEm\nfTYTWNozIW9UUjmmPByo0BwV2Amg4L5vYhTR3/Cr1gyQmq0iAZxfyHOxv0Vd\nJpAeK7kVIbtm4118Ye6qhnrJJBxpV7V5cVXlRhlzBcqt2r2AAijawJNgPEfb\nPWsl9qs+ns+CIhYqLl0t9Twu5njxjxfB+91VMdKT9MLguEMa0RWkMqAwYfUG\nR+PiLXIx7GffJQkoWb+07YX+HAd8P/LoB349q911AlvTPZMOmXgXyp1QVEHZ\nZDwHkafZtbhhYTgnwYsXydQiccGWljWh3F6xOnk75ne29MPml3x+GkWCDHwC\nuPHp\r\n=sIcE\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDfynubuWPmEfe6ANjT2HLlf9e4GxvyQdyahnWSHM8lsgIhAM7DNc/QT+rAMji0gJysRukjuLhpaT6dLd39cQWzVFDF"}]},"maintainers":[{"name":"javiermolina","email":"ing.molina.h@gmail.com"},{"name":"juananto11","email":"juananto11@hotmail.com"},{"name":"rreyes24","email":"rreyesvar@gmail.com"},{"name":"services_arkondata","email":"services@arkondata.com"}],"_npmUser":{"name":"javiermolina","email":"ing.molina.h@gmail.com"},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-bpmn-modeler_0.1.4_1590043280477_0.10009246337490163"},"_hasShrinkwrap":false},"0.1.5":{"name":"@arkondata/react-bpmn-modeler","version":"0.1.5","private":false,"author":{"name":"JavierMolina"},"license":"MIT","description":"React bpmn modeler","directories":{"lib":"lib"},"repository":{"type":"git","url":"git+https://github.com/Grupo-Abraxas/react-bpmn-modeler.git"},"keywords":["react-bpmn-modeler"],"bugs":{"url":"https://github.com/Grupo-Abraxas/react-bpmn-modeler/issues"},"homepage":"https://github.com/Grupo-Abraxas/react-bpmn-modeler#readme","main":"lib/index.js","types":"lib","scripts":{"build:css":"node-sass src/ -o src/ && cp -r src/bpmn-font lib/ && cp -r src/styles lib/","watch:css":"yarn build:css && node-sass src/ -o src/ -w -r","start:js":"react-scripts start","start":"npm-run-all -p watch:css start:js","build:js":"tsc -p .","build":"npm-run-all build:*","test":"react-scripts test","eject":"react-scripts eject","docker:build":"docker build -t react-bpmn-modeler_img .","docker:run":"docker run -d -p 80:80 --name react-bpmn-modeler react-bpmn-modeler_img","docker:stop":"docker rm -f react-bpmn-modeler"},"pearDependencies":{"react":"<=16.0.0"},"dependencies":{"@material-ui/core":"^4.9.11","@material-ui/icons":"^4.9.1","@testing-library/jest-dom":"^4.2.4","@testing-library/react":"^9.3.2","@testing-library/user-event":"^7.1.2","bpmn-js":"^6.4.2","bpmn-js-in-color":"github:bpmn-io/bpmn-js-in-color","bpmn-js-properties-panel":"^0.33.2","camunda-bpmn-moddle":"^4.4.0","css-loader":"^3.5.2","diagram-js-minimap":"^2.0.3","node-sass":"^4.14.1","react":"^16.13.1","react-dom":"^16.13.1","react-full-screen":"^0.2.4","react-scripts":"3.4.1","react-xml-parser":"^1.1.6","style-loader":"^1.1.4","yarn-run-all":"^3.1.1"},"devDependencies":{"@testing-library/react":"^9.3.2","@testing-library/user-event":"^7.1.2","@types/jest":"^25.2.2","@types/node":"^14.0.1","@types/node-sass":"^4.11.1","@types/react":"^16.9.35","@types/react-dom":"^16.9.8","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","eslint-config-import":"^0.13.0","eslint-config-prettier":"^6.11.0","eslint-plugin-import":"^2.20.2","eslint-plugin-prettier":"^3.1.3","eslint-plugin-react":"^7.20.0","eslint-plugin-react-hooks":"^4.0.2","eslint-plugin-simple-import-sort":"^5.0.3","husky":"^4.2.5","lint-staged":"^10.2.2","prettier":"^2.0.5","typescript":"^3.8.3"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"lint-staged":{"src/**/*.{js,jsx,ts,tsx}":["eslint --fix","prettier --write"],"src/**/*.{css,scss,md,json}":["prettier --write"]},"husky":{"hooks":{"pre-commit":"lint-staged"}},"gitHead":"a00da8ce2b8aff4711152d4ddff0a78a20fba088","_id":"@arkondata/react-bpmn-modeler@0.1.5","_nodeVersion":"12.15.0","_npmVersion":"6.14.2","dist":{"integrity":"sha512-dwxZrczcq/ims7xVzMbg8vjJTgPT6CtddZ8uH0UJoJXaLQzm1+34uRWBvT9DGGCRismMnRi26/vaSgHpG9wxmQ==","shasum":"0fa1823edd24bffd0f72bac8ff54226ffe53240d","tarball":"https://registry.npmjs.org/@arkondata/react-bpmn-modeler/-/react-bpmn-modeler-0.1.5.tgz","fileCount":114,"unpackedSize":476335,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexlDWCRA9TVsSAnZWagAATAIP/iP1EyLkbl8ALiByRLJv\nF20ELJA2S93O+6CkJ4/sQ4kFwIf0kXVX3mjy+9zZdLDy7/hiah3YLPoKwE0n\ng9iWT3Wrk3adR25vbCCFJJTNG8Zgaf7C08KP9v8PBq+7JN/aQ2ri+unxtM1h\n1mVnIHODY56oPfTT+fAkudK3XIIDZRE0E03H78jHZ0gLPamajsklDMi7+gr0\nuk9UK5Wwzu4zLbK2AvQT9ulB/SL0QMbT0pfKBTUJGJjbc3anHUxpwRg98sKo\nAp0EX+HoNL+bN3IJdqWNqMvnELkOi5Y9DaU2rPrwKMc52V8elAnj2ZRvWwD6\nKWm/qy2ImDfg2W14gQ1gtjeR6VKgocwLBaePlMUXF/uHsqqkw3uDlc0m2e8Q\nVjOzwkjQQ8z1vf0ge9XxF9SYfisWyFKeVW9vNKOnF6o9YutPLrW/RH/r1Abz\n3cw727AkEdlJmYsLMFV73a6qqNqcpiwO11u16tSQXaSE60ZSaLjNOafsWe55\nk5Nt2DrOKQ81nVGJSMdxyWAajFpINLiQaw8+RG6WaTiOG6ExZ/1JSwrtqwiY\npeLux36plZK7qKmO4iHm4eRG5xlUZRaOkkf5bcQhLpzLI5lklDtJEMq+F8vS\nchKnbB6GXMixWCOFcEi42RELe1jZCUhYZrVh/FJgOQhECM4/k0/GkkuDm9ho\nCvwK\r\n=l4gc\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIB75cm2obUMtvofHHQ2eohiwcRm2zscQCW7BMX4MzBtZAiEAmnZZImglm28hS18PqvPGtdbOtDZEsbmupB7cgZK7z9o="}]},"maintainers":[{"name":"javiermolina","email":"ing.molina.h@gmail.com"},{"name":"juananto11","email":"juananto11@hotmail.com"},{"name":"rreyes24","email":"rreyesvar@gmail.com"},{"name":"services_arkondata","email":"services@arkondata.com"}],"_npmUser":{"name":"javiermolina","email":"ing.molina.h@gmail.com"},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-bpmn-modeler_0.1.5_1590055125851_0.43515810885639983"},"_hasShrinkwrap":false},"0.1.6":{"name":"@arkondata/react-bpmn-modeler","version":"0.1.6","private":false,"author":{"name":"JavierMolina"},"license":"MIT","description":"React bpmn modeler","directories":{"lib":"lib"},"repository":{"type":"git","url":"git+https://github.com/Grupo-Abraxas/react-bpmn-modeler.git"},"keywords":["react-bpmn-modeler"],"bugs":{"url":"https://github.com/Grupo-Abraxas/react-bpmn-modeler/issues"},"homepage":"https://github.com/Grupo-Abraxas/react-bpmn-modeler#readme","main":"lib/index.js","types":"lib","scripts":{"build:css":"node-sass src/ -o src/ && cp -r src/bpmn-font lib/ && cp -r src/styles lib/","watch:css":"yarn build:css && node-sass src/ -o src/ -w -r","start:js":"react-scripts start","start":"npm-run-all -p watch:css start:js","build:js":"tsc -p .","build":"npm-run-all build:*","test":"react-scripts test","eject":"react-scripts eject","docker:build":"docker build -t react-bpmn-modeler_img .","docker:run":"docker run -d -p 80:80 --name react-bpmn-modeler react-bpmn-modeler_img","docker:stop":"docker rm -f react-bpmn-modeler"},"pearDependencies":{"react":"<=16.0.0"},"dependencies":{"@material-ui/core":"^4.9.11","@material-ui/icons":"^4.9.1","@testing-library/jest-dom":"^4.2.4","@testing-library/react":"^9.3.2","@testing-library/user-event":"^7.1.2","bpmn-js":"^6.4.2","bpmn-js-in-color":"github:bpmn-io/bpmn-js-in-color","bpmn-js-properties-panel":"^0.33.2","camunda-bpmn-moddle":"^4.4.0","css-loader":"^3.5.2","diagram-js-minimap":"^2.0.3","node-sass":"^4.14.1","react":"^16.13.1","react-dom":"^16.13.1","react-full-screen":"^0.2.4","react-scripts":"3.4.1","react-xml-parser":"^1.1.6","style-loader":"^1.1.4","yarn-run-all":"^3.1.1"},"devDependencies":{"@testing-library/react":"^9.3.2","@testing-library/user-event":"^7.1.2","@types/jest":"^25.2.2","@types/node":"^14.0.1","@types/node-sass":"^4.11.1","@types/react":"^16.9.35","@types/react-dom":"^16.9.8","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","eslint-config-import":"^0.13.0","eslint-config-prettier":"^6.11.0","eslint-plugin-import":"^2.20.2","eslint-plugin-prettier":"^3.1.3","eslint-plugin-react":"^7.20.0","eslint-plugin-react-hooks":"^4.0.2","eslint-plugin-simple-import-sort":"^5.0.3","husky":"^4.2.5","lint-staged":"^10.2.2","prettier":"^2.0.5","typescript":"^3.8.3"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"lint-staged":{"src/**/*.{js,jsx,ts,tsx}":["eslint --fix","prettier --write"],"src/**/*.{css,scss,md,json}":["prettier --write"]},"husky":{"hooks":{"pre-commit":"lint-staged"}},"gitHead":"167273ba7ce4bc1876a646b31ea201cb9615c7af","_id":"@arkondata/react-bpmn-modeler@0.1.6","_nodeVersion":"12.15.0","_npmVersion":"6.14.2","dist":{"integrity":"sha512-oD1OieZqM9Gg1MgVGYbVeVvLNyhbgAHdJO8ztDfvhxPjmOPuB6qPuw9BruGS5VnFU4LBIAO8em53HC5MnxrGZQ==","shasum":"1967601fb955c86fa3085e0dcbb6b8168dab5ff6","tarball":"https://registry.npmjs.org/@arkondata/react-bpmn-modeler/-/react-bpmn-modeler-0.1.6.tgz","fileCount":118,"unpackedSize":477270,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexw4WCRA9TVsSAnZWagAAe/wP/1wdSBUtGG86PWv4/53C\nJJrD8G4ckOfFKmHb5eHYHlcVJ/5kj6ZGSSIUmNEC0G6rGIC1raLIs0m2RETV\nqPXx0ym4CkMQRi21aOSqs3P+pWHBuhpy63SyUPHjAZ0C9yRNEXg4f7ALoYB1\n+urPjkpOpwdf522za2ft8LknCXpg3R2KBSYDgLHoA0vFscUDLaoh4/LxI6ha\n2t6L9VF440WdrqOZR3UETSNDrtKC7fWHvyGVMhPioelcz9jt9MSCiHZiTfbs\nwQneJA1vRycBQfjMeNt6cLOLPbDLtgahJycWq12trqaMt2CB/+wOye6AqLeq\nI1bYixbd4XpTcd/TJ8LJCdXZQCdZw00AZUHmpDDsxSk0WZ/ihPQdDesexGFl\nXcaDx3AgpDjqkjCBsIgJ47PSKo4gCrmzwCCgG3inkF9bMl/hn0a9biInJ0U8\nusDRGozMMMikRdZm6V6l+pWts5pAxBs2SFBsxp0KU17O8epHTjHYDg6y2q4N\n2tULvcsia9M9Iph3vOChGaNHPayHSpgOeuLHo/VxyNXxYX/bQ48lLxltjjYT\nTtZiPjRHBRSaRh71xkgFuIScexNZhN8ARklDUA3qrp8e+UCzUJbRfH/Svzo7\nqVCA6IMcztHhuo0fLQGNJQDhnEDT8cl7bz75zDcvDx5pB6v4PEO/Gjy7j4RZ\n9UK5\r\n=/+b6\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBBa0tRC2jsA7jbyDDdgqDy4nIwPcsPKMruBYXHwLQEXAiAxdShcO0/4Zqm3vs7oIJ7Xj82kBv698CB1V+SGy4fvkQ=="}]},"maintainers":[{"name":"javiermolina","email":"ing.molina.h@gmail.com"},{"name":"juananto11","email":"juananto11@hotmail.com"},{"name":"rreyes24","email":"rreyesvar@gmail.com"},{"name":"services_arkondata","email":"services@arkondata.com"}],"_npmUser":{"name":"javiermolina","email":"ing.molina.h@gmail.com"},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-bpmn-modeler_0.1.6_1590103573601_0.20754236086254885"},"_hasShrinkwrap":false},"0.1.7":{"name":"@arkondata/react-bpmn-modeler","version":"0.1.7","private":false,"author":{"name":"JavierMolina"},"license":"MIT","description":"React bpmn modeler","directories":{"lib":"lib"},"repository":{"type":"git","url":"git+https://github.com/Grupo-Abraxas/react-bpmn-modeler.git"},"keywords":["react-bpmn-modeler"],"bugs":{"url":"https://github.com/Grupo-Abraxas/react-bpmn-modeler/issues"},"homepage":"https://github.com/Grupo-Abraxas/react-bpmn-modeler#readme","main":"lib/index.js","types":"lib","scripts":{"build:css":"node-sass src/ -o src/ && cp -r src/bpmn-font lib/ && cp -r src/styles lib/","watch:css":"yarn build:css && node-sass src/ -o src/ -w -r","start:js":"react-scripts start","start":"npm-run-all -p watch:css start:js","build:js":"tsc -p .","build":"npm-run-all build:*","test":"react-scripts test","eject":"react-scripts eject","docker:build":"docker build -t react-bpmn-modeler_img .","docker:run":"docker run -d -p 80:80 --name react-bpmn-modeler react-bpmn-modeler_img","docker:stop":"docker rm -f react-bpmn-modeler"},"pearDependencies":{"react":"<=16.0.0"},"dependencies":{"@material-ui/core":"^4.9.11","@material-ui/icons":"^4.9.1","@testing-library/jest-dom":"^4.2.4","@testing-library/react":"^9.3.2","@testing-library/user-event":"^7.1.2","bpmn-js":"^6.4.2","bpmn-js-in-color":"github:bpmn-io/bpmn-js-in-color","bpmn-js-properties-panel":"^0.33.2","camunda-bpmn-moddle":"^4.4.0","css-loader":"^3.5.2","diagram-js-minimap":"^2.0.3","node-sass":"^4.14.1","react":"^16.13.1","react-dom":"^16.13.1","react-full-screen":"^0.2.4","react-scripts":"3.4.1","react-xml-parser":"^1.1.6","style-loader":"^1.1.4","yarn-run-all":"^3.1.1"},"devDependencies":{"@testing-library/react":"^9.3.2","@testing-library/user-event":"^7.1.2","@types/jest":"^25.2.2","@types/node":"^14.0.1","@types/node-sass":"^4.11.1","@types/react":"^16.9.35","@types/react-dom":"^16.9.8","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","eslint-config-import":"^0.13.0","eslint-config-prettier":"^6.11.0","eslint-plugin-import":"^2.20.2","eslint-plugin-prettier":"^3.1.3","eslint-plugin-react":"^7.20.0","eslint-plugin-react-hooks":"^4.0.2","eslint-plugin-simple-import-sort":"^5.0.3","husky":"^4.2.5","lint-staged":"^10.2.2","prettier":"^2.0.5","typescript":"^3.8.3"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"lint-staged":{"src/**/*.{js,jsx,ts,tsx}":["eslint --fix","prettier --write"],"src/**/*.{css,scss,md,json}":["prettier --write"]},"husky":{"hooks":{"pre-commit":"lint-staged"}},"gitHead":"5723922c020638f66a306158f62dce368dcb2fce","_id":"@arkondata/react-bpmn-modeler@0.1.7","_nodeVersion":"12.15.0","_npmVersion":"6.14.2","dist":{"integrity":"sha512-bgz8f1mpY9/LgHQhIBBXSie0pik77/dPgNYXrfWK4cAm9WUww+2ZCzX9tcMM/inu6mkMBicTL55yW9YOp5KXSA==","shasum":"f2c8c7c564dde3b8e1891ea3c36761a6f6f2a844","tarball":"https://registry.npmjs.org/@arkondata/react-bpmn-modeler/-/react-bpmn-modeler-0.1.7.tgz","fileCount":118,"unpackedSize":477270,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexw75CRA9TVsSAnZWagAAzG4P/11HYgSL3FBf50guN4AJ\na915mj8yapigL3soWXvU3Y/aZtLxYuuwUCz7vya0SNDUX+fxg0Gt7a/rw4Jg\nWEsyyjcxnPZIWhBmAqgdV92/1gkd+We9eF+E2h2HiBTGrXWI3EmFmWtWR2hd\nc2hu5EPaFP1Rxc3PCETAyCE52dQpuPgizRnTXGFpcrVQTGZU54yi7Om1VXVK\nJugKlOEG7Tb2TqUSaYl90qJids+ZPZb9U+tf4di/ivyPg6ZOHQ9hc2JMkGMf\nNfN/2D1pYtLl3FSu2Un3i1EEjk3o+YI0/c865DsFPJLPfs87tRUqxcFwe+DW\nSn45AqnyAmeFj5puzSQSN14WNkCZq68T5wc5IBDVXcqZhFG7yowX/ClrcAQZ\n8Ygq+vv/2lvowH+ic3Qqwux7cbunxnxmaj0Qy/s7ZTRRo466xcqjL4pQWp6v\n9i62NzbfFDDTA9LfXxaDAGKKTiI9gr4mg3x2ZtYml3TfjytkQEpq6sm3SBhf\nMo3dGqSYjmNAzavUdlqz1kNEG/WYcuJFY5V2Gaf0NZrDHSJGRIE5bXkPQDcC\n61/ZKW/bf/x+JV6JdGWD58IMb521cZNnTTlIYx6X+UHVQ8VUxODi+aECB054\nIjlmOHv1cqGVEZdxzlkbZ8LrnA7TeeqgGcSqXjzR5Qgi5Sbn2wx7d1+ibStR\nDpdf\r\n=lZXi\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAdmsTaxXBBLuNTryPauTttZ25kiZ0Do3ov6fFPKrk6hAiA4IfiDiwE97CaxsTpA3qi29GKRo9fBbAiZj0FpVEBhRQ=="}]},"maintainers":[{"name":"javiermolina","email":"ing.molina.h@gmail.com"},{"name":"juananto11","email":"juananto11@hotmail.com"},{"name":"rreyes24","email":"rreyesvar@gmail.com"},{"name":"services_arkondata","email":"services@arkondata.com"}],"_npmUser":{"name":"javiermolina","email":"ing.molina.h@gmail.com"},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-bpmn-modeler_0.1.7_1590103800575_0.40108150753007954"},"_hasShrinkwrap":false},"0.1.8":{"name":"@arkondata/react-bpmn-modeler","version":"0.1.8","private":false,"author":{"name":"JavierMolina"},"license":"MIT","description":"React bpmn modeler","directories":{"lib":"lib"},"repository":{"type":"git","url":"git+https://github.com/Grupo-Abraxas/react-bpmn-modeler.git"},"keywords":["react-bpmn-modeler"],"bugs":{"url":"https://github.com/Grupo-Abraxas/react-bpmn-modeler/issues"},"homepage":"https://www.arkondata.com","main":"lib/index.js","types":"lib","scripts":{"build:css":"node-sass src/ -o src/ && cp -r src/bpmn-font lib/ && cp -r src/styles lib/","watch:css":"yarn build:css && node-sass src/ -o src/ -w -r","start:js":"react-scripts start","start":"npm-run-all -p watch:css start:js","build:js":"tsc -p .","build":"npm-run-all build:*","test":"react-scripts test","eject":"react-scripts eject","docker:build":"docker build -t react-bpmn-modeler_img .","docker:run":"docker run -d -p 80:80 --name react-bpmn-modeler react-bpmn-modeler_img","docker:stop":"docker rm -f react-bpmn-modeler"},"pearDependencies":{"react":"<=16.0.0"},"dependencies":{"@material-ui/core":"^4.9.11","@material-ui/icons":"^4.9.1","@testing-library/jest-dom":"^4.2.4","@testing-library/react":"^9.3.2","@testing-library/user-event":"^7.1.2","bpmn-js":"^6.4.2","bpmn-js-in-color":"github:bpmn-io/bpmn-js-in-color","bpmn-js-properties-panel":"^0.33.2","camunda-bpmn-moddle":"^4.4.0","css-loader":"^3.5.2","diagram-js-minimap":"^2.0.3","node-sass":"^4.14.1","react":"^16.13.1","react-dom":"^16.13.1","react-full-screen":"^0.2.4","react-scripts":"3.4.1","react-xml-parser":"^1.1.6","style-loader":"^1.1.4","yarn-run-all":"^3.1.1"},"devDependencies":{"@testing-library/react":"^9.3.2","@testing-library/user-event":"^7.1.2","@types/jest":"^25.2.2","@types/node":"^14.0.1","@types/node-sass":"^4.11.1","@types/react":"^16.9.35","@types/react-dom":"^16.9.8","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","eslint-config-import":"^0.13.0","eslint-config-prettier":"^6.11.0","eslint-plugin-import":"^2.20.2","eslint-plugin-prettier":"^3.1.3","eslint-plugin-react":"^7.20.0","eslint-plugin-react-hooks":"^4.0.2","eslint-plugin-simple-import-sort":"^5.0.3","husky":"^4.2.5","lint-staged":"^10.2.2","prettier":"^2.0.5","typescript":"^3.8.3"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"lint-staged":{"src/**/*.{js,jsx,ts,tsx}":["eslint --fix","prettier --write"],"src/**/*.{css,scss,md,json}":["prettier --write"]},"husky":{"hooks":{"pre-commit":"lint-staged"}},"gitHead":"5723922c020638f66a306158f62dce368dcb2fce","_id":"@arkondata/react-bpmn-modeler@0.1.8","_nodeVersion":"12.15.0","_npmVersion":"6.14.2","dist":{"integrity":"sha512-/P0EhFCBLDZDLvTUO4P1Jsl6jlqN0WrdhyU/ouoI/1NW62SI/OpTTqHtWJ0iTWIdrOANzGKBa4Z9V1+MFPTLJg==","shasum":"f0007f37f5e40e8b0775faba785792d869ad15cb","tarball":"https://registry.npmjs.org/@arkondata/react-bpmn-modeler/-/react-bpmn-modeler-0.1.8.tgz","fileCount":118,"unpackedSize":477237,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexxI2CRA9TVsSAnZWagAA6+YP+gKSHHV4lcvFaXUwLG0o\n+oBXiAbR4H6sxJEOjTPyyoeVeK09IzXkM/Vfho3BGgxRKKwBYj0aMzVgoZXs\ntzkSpBJNdqiUI/W13CPeb+v5tjN4j/tq+AvsmuiFnaIz78BMrZmjeT2sannm\ntqfVBgAZ1B01klMkjpj0zEYWKUEiFo860lNzNvObM1d/gVM7/QfZFcmhlz9x\nawmfS0a5BaxPN0nFYpXM5tTBTeZMRayQs5BzfB4jUhIyw7SjiLYETzOnN958\nEwkhYncv5je7DWi4tDHrRjnbkfxZ+cLxXhc6YJn9qAxSntSbbU70keTeYG+Z\nz/8Cx+b7aqqYZGwHWaO2rGLGlinc6yXArkJ5NVN7am/LoZcK9hf+08HCEUbS\nI7azUi82G5dV0V5uC2LGshG18zB0N7AlmboluR22sWPu8igWWTzq6u3jaqqP\nzA5q6W/Occ9rMwvhrkFaXE86gfB17/edMhTXiMHGV+QRgF72LnjvhLrdXIkG\nWtrjirqTDuozrfHT/SzZMmNqxDMNCX7laqUPOjG3+sYHxJ10Gh8CRZ1/ibVS\nN3ekvvhpCiZSkUrK+nzyhvZiMqjIW7eM2PhqivJq5JadeSFO5N6pqUjN3rZf\ntputyeYEg3B3fMAZDKKaz2YkLs8oGMbhJ6RWsKv+9mQirAijtx/iL/8b+ZD9\nN3s7\r\n=QpKR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCyOrO7b3KkCFd9rbgc6qvJEzuszaGRSU0dLxSTwfsqRwIgCxzs5n17HjNyJIymWVFd8NZZAoEABw77anZ/3eN9/aM="}]},"maintainers":[{"name":"javiermolina","email":"ing.molina.h@gmail.com"},{"name":"juananto11","email":"juananto11@hotmail.com"},{"name":"rreyes24","email":"rreyesvar@gmail.com"},{"name":"services_arkondata","email":"services@arkondata.com"}],"_npmUser":{"name":"javiermolina","email":"ing.molina.h@gmail.com"},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-bpmn-modeler_0.1.8_1590104630333_0.143569839684472"},"_hasShrinkwrap":false},"0.1.9":{"name":"@arkondata/react-bpmn-modeler","version":"0.1.9","private":false,"author":{"name":"JavierMolina"},"license":"MIT","description":"React bpmn modeler","directories":{"lib":"lib"},"repository":{"type":"git","url":"git+https://github.com/Grupo-Abraxas/react-bpmn-modeler.git"},"keywords":["react-bpmn-modeler"],"bugs":{"url":"https://github.com/Grupo-Abraxas/react-bpmn-modeler/issues"},"homepage":"https://www.arkondata.com","main":"lib/index.js","types":"lib","scripts":{"build:css":"node-sass src/ -o src/ && cp -r src/bpmn-font lib/ && cp -r src/styles lib/","watch:css":"yarn build:css && node-sass src/ -o src/ -w -r","start:js":"react-scripts start","start":"npm-run-all -p watch:css start:js","build:js":"tsc -p .","build":"npm-run-all build:*","test":"react-scripts test","eject":"react-scripts eject","docker:build":"docker build -t react-bpmn-modeler_img .","docker:run":"docker run -d -p 80:80 --name react-bpmn-modeler react-bpmn-modeler_img","docker:stop":"docker rm -f react-bpmn-modeler"},"pearDependencies":{"react":"<=16.0.0"},"dependencies":{"@material-ui/core":"^4.9.11","@material-ui/icons":"^4.9.1","@testing-library/jest-dom":"^4.2.4","@testing-library/react":"^9.3.2","@testing-library/user-event":"^7.1.2","bpmn-js":"^6.4.2","bpmn-js-in-color":"github:bpmn-io/bpmn-js-in-color","bpmn-js-properties-panel":"^0.33.2","camunda-bpmn-moddle":"^4.4.0","css-loader":"^3.5.2","diagram-js-minimap":"^2.0.3","node-sass":"^4.14.1","react":"^16.13.1","react-dom":"^16.13.1","react-full-screen":"^0.2.4","react-scripts":"3.4.1","react-xml-parser":"^1.1.6","style-loader":"^1.1.4","yarn-run-all":"^3.1.1"},"devDependencies":{"@testing-library/react":"^9.3.2","@testing-library/user-event":"^7.1.2","@types/jest":"^25.2.2","@types/node":"^14.0.1","@types/node-sass":"^4.11.1","@types/react":"^16.9.35","@types/react-dom":"^16.9.8","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","eslint-config-import":"^0.13.0","eslint-config-prettier":"^6.11.0","eslint-plugin-import":"^2.20.2","eslint-plugin-prettier":"^3.1.3","eslint-plugin-react":"^7.20.0","eslint-plugin-react-hooks":"^4.0.2","eslint-plugin-simple-import-sort":"^5.0.3","husky":"^4.2.5","lint-staged":"^10.2.2","prettier":"^2.0.5","typescript":"^3.8.3"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"lint-staged":{"src/**/*.{js,jsx,ts,tsx}":["eslint --fix","prettier --write"],"src/**/*.{css,scss,md,json}":["prettier --write"]},"husky":{"hooks":{"pre-commit":"lint-staged"}},"gitHead":"5396208185a5d267349c3226b3608a798fcd1b6e","_id":"@arkondata/react-bpmn-modeler@0.1.9","_nodeVersion":"12.15.0","_npmVersion":"6.14.2","dist":{"integrity":"sha512-3vjPv/IMz+4c+Nf+rSbj8VV/qVIccl7bIHBn++9op00kQ61ReZY6oD4oS7c/Dp4m/hRfg9BYg4BhQ4/vBCWq6g==","shasum":"17b824597e314895444a3ea2bccb999b2054c2ce","tarball":"https://registry.npmjs.org/@arkondata/react-bpmn-modeler/-/react-bpmn-modeler-0.1.9.tgz","fileCount":126,"unpackedSize":839795,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJex+g5CRA9TVsSAnZWagAAUisP+watcWzw5quY+5HQxOSD\nUqU3/851u79J6j1sqD1XcDm4eckj8k0GnamvLvmHVXeKXairFz1dgMTzMU3P\nfsv+mB9oj011HuORPPm597Ne2/rYkXwc/2fZK1y8j5R0dH1SfJXL45w36AQR\nk2GyAEO1Fbo5POO4gdd9B7ftH4Hfmj4XZqNqaqG/VDr2b+LKh0X5duANoDUW\n21DyEngvWBZJbeHbv+93iKzsbWXxpg0Let/i5Q4z/A6Jfg7v6BDI1YV4gcth\nGtcoBHGjEoLDiUBSFxaUG7TkP8YKuoATZ913NKF7j3Etd1VKG2nZ283kjtm/\n6HZIilXKnChBLZJTSrXDTMWKmMGRVCY3Ek8rLHXe60b5JYw3SVzsPGZeotOu\nmWQIM5vzwBBG5TedCZQfC3ydFg18jV43pQ6fw8PBzDLM+BIjs8x+0azvw3rS\njv4dAQxJYjFMWDsMnE8MEcgtd6tN5osnNyhymjfH8+AFeIfYXW9a1ZTYlrTR\nL5oVWH3jAceO//wofpTYBc9Lc3D47VUGOnDiC7lGVutU1vqIoI+bNw1/P+AN\njaUfuAnXAD80jMmmHfK77z67lkkAwF19wul7qh/qnvP3urxy2ZNmIjtGZRZv\nl1yExOjo3Lkj/3C7GlF7YuQEfj0wHx/eUxt1rYBT2xC5o/gEEQ3AvnoQcFVc\nwMCd\r\n=nf7g\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIERhpi7Jt4y7YQ+3ntaUaRgvViK+cPUxUrPRzSA1J/zjAiEAoO6VOBfj4Ky/nHI/7ACfm1uSTYSGtfAkUr/NMaDDh3g="}]},"maintainers":[{"name":"javiermolina","email":"ing.molina.h@gmail.com"},{"name":"juananto11","email":"juananto11@hotmail.com"},{"name":"rreyes24","email":"rreyesvar@gmail.com"},{"name":"services_arkondata","email":"services@arkondata.com"}],"_npmUser":{"name":"javiermolina","email":"ing.molina.h@gmail.com"},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-bpmn-modeler_0.1.9_1590159416526_0.07713919049791218"},"_hasShrinkwrap":false},"0.1.10":{"name":"@arkondata/react-bpmn-modeler","version":"0.1.10","private":false,"author":{"name":"JavierMolina"},"license":"MIT","description":"React bpmn modeler","directories":{"lib":"lib"},"repository":{"type":"git","url":"git+https://github.com/Grupo-Abraxas/react-bpmn-modeler.git"},"keywords":["react-bpmn-modeler"],"bugs":{"url":"https://github.com/Grupo-Abraxas/react-bpmn-modeler/issues"},"homepage":"https://www.arkondata.com","main":"lib/index.js","types":"lib","scripts":{"build:css":"rm -rf .lib/ && node-sass src/ -o src/ && cp -r src/bpmn-font lib/ && cp -r src/styles lib/","watch:css":"yarn build:css && node-sass src/ -o src/ -w -r","start:js":"react-scripts start","start":"npm-run-all -p watch:css start:js","build:js":"tsc -p .","build":"npm-run-all build:*","test":"react-scripts test","eject":"react-scripts eject","docker:build":"docker build -t react-bpmn-modeler_img .","docker:run":"docker run -d -p 80:80 --name react-bpmn-modeler react-bpmn-modeler_img","docker:stop":"docker rm -f react-bpmn-modeler"},"pearDependencies":{"react":"<=16.0.0"},"dependencies":{"@material-ui/core":"^4.9.11","@material-ui/icons":"^4.9.1","@testing-library/jest-dom":"^4.2.4","@testing-library/react":"^9.3.2","@testing-library/user-event":"^7.1.2","bpmn-js":"^6.4.2","bpmn-js-in-color":"github:bpmn-io/bpmn-js-in-color","bpmn-js-properties-panel":"^0.33.2","camunda-bpmn-moddle":"^4.4.0","css-loader":"^3.5.2","diagram-js-minimap":"^2.0.3","node-sass":"^4.14.1","react":"^16.13.1","react-dom":"^16.13.1","react-full-screen":"^0.2.4","react-scripts":"3.4.1","react-xml-parser":"^1.1.6","style-loader":"^1.1.4","yarn-run-all":"^3.1.1"},"devDependencies":{"@testing-library/react":"^9.3.2","@testing-library/user-event":"^7.1.2","@types/jest":"^25.2.2","@types/node":"^14.0.1","@types/node-sass":"^4.11.1","@types/react":"^16.9.35","@types/react-dom":"^16.9.8","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","eslint-config-import":"^0.13.0","eslint-config-prettier":"^6.11.0","eslint-plugin-import":"^2.20.2","eslint-plugin-prettier":"^3.1.3","eslint-plugin-react":"^7.20.0","eslint-plugin-react-hooks":"^4.0.2","eslint-plugin-simple-import-sort":"^5.0.3","husky":"^4.2.5","lint-staged":"^10.2.2","prettier":"^2.0.5","typescript":"^3.8.3"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"lint-staged":{"src/**/*.{js,jsx,ts,tsx}":["eslint --fix","prettier --write"],"src/**/*.{css,scss,md,json}":["prettier --write"]},"husky":{"hooks":{"pre-commit":"lint-staged"}},"gitHead":"5396208185a5d267349c3226b3608a798fcd1b6e","_id":"@arkondata/react-bpmn-modeler@0.1.10","_nodeVersion":"12.15.0","_npmVersion":"6.14.2","dist":{"integrity":"sha512-qlh6uuS8i9CjqOS5EisxMoKOuuqQ+lUGP3aB3tdw2ecxclKmhsKoP9i13mY0HVfzdVFClLQYKHVm9PvwlB5O8A==","shasum":"268e8384a2fbf85ced9113228627f3b90bef5053","tarball":"https://registry.npmjs.org/@arkondata/react-bpmn-modeler/-/react-bpmn-modeler-0.1.10.tgz","fileCount":118,"unpackedSize":477459,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeyDElCRA9TVsSAnZWagAAw58P/RLdCNSWHuHWU7YvzZU/\nX6qs17MzSzeGQ+WX5dXnE6ZwqRZbBbMLlOY+f4OszNiI3GgA54t55uNhgcWb\nufCwA1aG0UtbY2Rkd0YLCWHmXR3HBrqe0t6cDGjODq3MZhZc0Q7nJ3lzyBjm\nCutJXuxkVEsKY6lXEsv1QJrX8h85/FWQVreoTUMjXtzg3xUeddA1BjOhxRkI\nyrKPaz/GRz6H7CcHSylpgQXHUp00UOs0GX/QXgHarUYfg/+sklIcqaQv+2DQ\nB8jyU8NLNEZjCpAeEKe3GAigulJAhYqQpNyQGHiHHzrT6KF7TXhsIxS7Qb6k\nTotFss9Wem+4Hd8N+HbVCUajMvJ6SgrDU54Ren/+jFsmsHe3QPFVwnhxCs8L\n3cGcqK2n/796PNE8HJdxAB1iMciJ+PW+BBNmAiy36rIaBQQ8Qa2I24xoUCbT\nnlQWr9n9lQnkOTnXB8qEH2K21N1fVDhP5jFKNMCmxLAOXrF/V5uC8CgykJu6\nmcA28gTfcZDpJCAl+ETS6jvV6ua+iTTxO4WZaOkBrkC3gAFSLdhjFaSbYr5v\nMa2660uQmbW0zPtE8LQwfhfU9NxWgMbyZ0Lf6pD96ykV96r9p5hkgP4LV9NT\n4hOEo7CM7QJPQKSQ6oS0Jdw4jekRougUQeWy9u4UPfFTh+fs6U7rVrmOp7Yf\nXVJH\r\n=WprZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDQ/5JETRy7nq99IeS6SqyQTUfabTBxb/ZT/LOeu5+5jAIgG1dJlHs6p936T9PqsdBzxCU0FyGb3IjZWgjqjaCCSFg="}]},"maintainers":[{"name":"javiermolina","email":"ing.molina.h@gmail.com"},{"name":"juananto11","email":"juananto11@hotmail.com"},{"name":"rreyes24","email":"rreyesvar@gmail.com"},{"name":"services_arkondata","email":"services@arkondata.com"}],"_npmUser":{"name":"javiermolina","email":"ing.molina.h@gmail.com"},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-bpmn-modeler_0.1.10_1590178084654_0.6418223454544256"},"_hasShrinkwrap":false},"0.1.11":{"name":"@arkondata/react-bpmn-modeler","version":"0.1.11","private":false,"author":{"name":"JavierMolina"},"license":"MIT","description":"React bpmn modeler","directories":{"lib":"lib"},"repository":{"type":"git","url":"git+https://github.com/Grupo-Abraxas/react-bpmn-modeler.git"},"keywords":["react-bpmn-modeler"],"bugs":{"url":"https://github.com/Grupo-Abraxas/react-bpmn-modeler/issues"},"homepage":"https://www.arkondata.com","main":"lib/index.js","types":"lib","scripts":{"build:css":"rm -rf .lib/ && node-sass src/ -o src/ && cp -r src/bpmn-font lib/ && cp -r src/styles lib/","watch:css":"yarn build:css && node-sass src/ -o src/ -w -r","start:js":"react-scripts start","start":"npm-run-all -p watch:css start:js","build:js":"tsc -p .","build":"npm-run-all build:*","test":"react-scripts test","eject":"react-scripts eject","docker:build":"docker build -t react-bpmn-modeler_img .","docker:run":"docker run -d -p 80:80 --name react-bpmn-modeler react-bpmn-modeler_img","docker:stop":"docker rm -f react-bpmn-modeler"},"pearDependencies":{"react":"<=16.0.0"},"dependencies":{"@material-ui/core":"^4.9.11","@material-ui/icons":"^4.9.1","@testing-library/jest-dom":"^4.2.4","@testing-library/react":"^9.3.2","@testing-library/user-event":"^7.1.2","bpmn-js":"^6.4.2","bpmn-js-in-color":"github:bpmn-io/bpmn-js-in-color","bpmn-js-properties-panel":"^0.33.2","camunda-bpmn-moddle":"^4.4.0","css-loader":"^3.5.2","diagram-js-minimap":"^2.0.3","node-sass":"^4.14.1","react":"^16.13.1","react-dom":"^16.13.1","react-full-screen":"^0.2.4","react-scripts":"3.4.1","react-xml-parser":"^1.1.6","style-loader":"^1.1.4","yarn-run-all":"^3.1.1"},"devDependencies":{"@testing-library/react":"^9.3.2","@testing-library/user-event":"^7.1.2","@types/jest":"^25.2.2","@types/node":"^14.0.1","@types/node-sass":"^4.11.1","@types/react":"^16.9.35","@types/react-dom":"^16.9.8","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","eslint-config-import":"^0.13.0","eslint-config-prettier":"^6.11.0","eslint-plugin-import":"^2.20.2","eslint-plugin-prettier":"^3.1.3","eslint-plugin-react":"^7.20.0","eslint-plugin-react-hooks":"^4.0.2","eslint-plugin-simple-import-sort":"^5.0.3","husky":"^4.2.5","lint-staged":"^10.2.2","prettier":"^2.0.5","typescript":"^3.8.3"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"lint-staged":{"src/**/*.{js,jsx,ts,tsx}":["eslint --fix","prettier --write"],"src/**/*.{css,scss,md,json}":["prettier --write"]},"husky":{"hooks":{"pre-commit":"lint-staged"}},"gitHead":"28a6ab2e9e73aada16fbcb6791e364c507b4ddac","_id":"@arkondata/react-bpmn-modeler@0.1.11","_nodeVersion":"12.15.0","_npmVersion":"6.14.2","dist":{"integrity":"sha512-vgo6+Gtd151U+9FU7/94F7jEnbP2l1c7e/iiitkgrlK0p5TNBKr1MTcGmcnnAnRAMaTmatNrY1gPDwZrOrr4Mg==","shasum":"ebc3d67b194467d70ca4904a31bc31a2eedbf1a1","tarball":"https://registry.npmjs.org/@arkondata/react-bpmn-modeler/-/react-bpmn-modeler-0.1.11.tgz","fileCount":126,"unpackedSize":840124,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeyD0oCRA9TVsSAnZWagAAEqMP/j/Cs7lXID5jsxyFQ1Dx\ndcZ7/T8KktxwdFI831+t/J6UYHMjn2J8aGC3Rv+7rIXbODp4l0MLdpFQT9Go\nXEOhuv6kfu9/hRcJOvvA+C0RKIQufS8fa1+QGf9B0m3JXnIcsjtywkJWzwMa\nWztj8zm5atvoZ13ofRFOh2SM1W3Ezr9E1KmdTxi+ScovtP8db0WjSbyzfssH\n++pWvuV5pY8NM+sZ/a5e5XJuyr3bVEZoegUXueQXBWHYwJcGRE/3w1LCh8/A\nnIcQUlk5Ea5hu8DEEsKsoP0PVS+4tnK+R1g12HRbVR9p5upKyg0cFMT5/7bl\njTlhxTdGUHnQtxwITXwm5jRcqejuIFbqRdj59YR54MDlKWkcXFlx/sjxAUnj\n/B+Cm9jjn85Ke2jOU4xzenVx9ORhserejDicPcRqPAMODhSOSPmrh9IrIGkl\n5kKG+QRmlgKriMwVi14Kfcp1znCAR3C4SW5Tcl0OLBjA20fBxbMuh4NV1xyB\nkb2TFJuVgBGCeA3ukML1Atw6WUMhJHrZFxNWxKETKINT8Kwh1jDHxSnOx9GR\n5CdUxKBaOWsHkcdlLBMNbncDxkM6RibLJspkCUPjZMPxVDXWiF7ZHr3rmepg\nlQYpZaJXNmzo4c+AZ6d6YKRt0p0nXaeaQs4u5OFxJlpeaCGmQSD+bk8ETwxe\npJGS\r\n=iRXs\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFcWhXiAJqgH6SYqx4D7+ga/G2rOmJ+hXqx1+YjN/qmuAiA6MWvB+DfduRfJc9go5hYHv9ze4PfZik5sUm5c88Ig6Q=="}]},"maintainers":[{"name":"javiermolina","email":"ing.molina.h@gmail.com"},{"name":"juananto11","email":"juananto11@hotmail.com"},{"name":"rreyes24","email":"rreyesvar@gmail.com"},{"name":"services_arkondata","email":"services@arkondata.com"}],"_npmUser":{"name":"javiermolina","email":"ing.molina.h@gmail.com"},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-bpmn-modeler_0.1.11_1590181160009_0.128339956389101"},"_hasShrinkwrap":false},"0.1.12":{"name":"@arkondata/react-bpmn-modeler","version":"0.1.12","private":false,"author":{"name":"JavierMolina"},"license":"MIT","description":"React bpmn modeler","directories":{"lib":"lib"},"repository":{"type":"git","url":"git+https://github.com/Grupo-Abraxas/react-bpmn-modeler.git"},"keywords":["react-bpmn-modeler"],"bugs":{"url":"https://github.com/Grupo-Abraxas/react-bpmn-modeler/issues"},"homepage":"https://www.arkondata.com","main":"lib/index.js","types":"lib","scripts":{"build:css":"rm -rf .lib/ && node-sass src/ -o src/ && cp -r src/bpmn-font lib/ && cp -r src/styles lib/","watch:css":"yarn build:css && node-sass src/ -o src/ -w -r","start:js":"react-scripts start","start":"npm-run-all -p watch:css start:js","build:js":"tsc -p .","build":"npm-run-all build:*","test":"react-scripts test","eject":"react-scripts eject","docker:build":"docker build -t react-bpmn-modeler_img .","docker:run":"docker run -d -p 80:80 --name react-bpmn-modeler react-bpmn-modeler_img","docker:stop":"docker rm -f react-bpmn-modeler"},"pearDependencies":{"react":"<=16.0.0"},"dependencies":{"@material-ui/core":"^4.9.11","@material-ui/icons":"^4.9.1","@testing-library/jest-dom":"^4.2.4","@testing-library/react":"^9.3.2","@testing-library/user-event":"^7.1.2","bpmn-js":"^6.4.2","bpmn-js-in-color":"github:bpmn-io/bpmn-js-in-color","bpmn-js-properties-panel":"^0.33.2","camunda-bpmn-moddle":"^4.4.0","css-loader":"^3.5.2","diagram-js-minimap":"^2.0.3","node-sass":"^4.14.1","react":"^16.13.1","react-dom":"^16.13.1","react-full-screen":"^0.2.4","react-scripts":"3.4.1","react-xml-parser":"^1.1.6","style-loader":"^1.1.4","yarn-run-all":"^3.1.1"},"devDependencies":{"@testing-library/react":"^9.3.2","@testing-library/user-event":"^7.1.2","@types/jest":"^25.2.2","@types/node":"^14.0.1","@types/node-sass":"^4.11.1","@types/react":"^16.9.35","@types/react-dom":"^16.9.8","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","eslint-config-import":"^0.13.0","eslint-config-prettier":"^6.11.0","eslint-plugin-import":"^2.20.2","eslint-plugin-prettier":"^3.1.3","eslint-plugin-react":"^7.20.0","eslint-plugin-react-hooks":"^4.0.2","eslint-plugin-simple-import-sort":"^5.0.3","husky":"^4.2.5","lint-staged":"^10.2.2","prettier":"^2.0.5","typescript":"^3.8.3"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"lint-staged":{"src/**/*.{js,jsx,ts,tsx}":["eslint --fix","prettier --write"],"src/**/*.{css,scss,md,json}":["prettier --write"]},"husky":{"hooks":{"pre-commit":"lint-staged"}},"gitHead":"e2eaae026b4abbad55f8bafeb60b34df6efb16b5","_id":"@arkondata/react-bpmn-modeler@0.1.12","_nodeVersion":"12.15.0","_npmVersion":"6.14.2","dist":{"integrity":"sha512-2RO1RWXJ06uaHFYw2Q5x0ErvvA1JVrzXkLtgFlop3cb8vkHZoZ+QyDUlnlBDz0fCkhneFN7L24IpfwGKQWo2SA==","shasum":"56806f09c23a7868844231537b27bde1df2e17a9","tarball":"https://registry.npmjs.org/@arkondata/react-bpmn-modeler/-/react-bpmn-modeler-0.1.12.tgz","fileCount":126,"unpackedSize":840142,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeyD/ZCRA9TVsSAnZWagAAAbAP/0XpGvRCImYg7COZoGy8\nQxj3PUljxwXode0YBSDZuBc8/HwesjJSUuphVDhIO3nvtLlZe2mcva5MK9To\ns768oAyLwwLg8B2r85BQB6VLiizmk4jPGYaoaw0ibsv9bsL6ddJt3I0iK3oa\nEiYNDrIrliPif6MVfbQC5mV+m2mOLbiuwMjkgUv8pztcfZudkNnBYMph/0qm\n5MsxEoReUHO420HxIBc2wQvNMdVoatjHuxLLAc8H6xG9MOydtalt2bW12wKv\nClKiborcylaum1f/W2okeNOHrCcT8SRCoVtFAwk9fDK5APar61BjK+7p7Pzu\nGlDLQppCnDzCaYo3K2B6xicKgAXPgD5YIIiqlT8DOX8iLUXx9I8uQwuy2qjW\nttLeM8ErenuOHd0KjXcrvtjTBcwJnUONGGoisF1zybBx2Algb7wMgZoVLyHE\npKTr3AC3/4BAUI0VVUV60JfxIcfV9XmpCwXxXatDZuzfX+esMDXhYUr0H8LI\n44RFLqiZpCRQ61Bz/sxmsW9Q1vc8MXhzVLfwdo4zwHu5pVZChQ0IzYyy3ODk\nBizpwjBlvNLRzRKUpCK/4IQKKZKk/S8DWVyp9yg5OPmM6nWh0iir3ooIN3E2\nh2C/F46daCxdny4x37jJu8KuO/I2IDDWPDjcpe+AEyKS8M5FGMvHFF4DMRr8\n0TI4\r\n=wHnU\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCt0ve3X2jfjfmUeE/91wo5Fnw7Z0Nd6fFSWeU4R3WmlwIgLvtuPEHVPEkmvJMKhzWAY3FF8ZaG0yUS6Ya3o2ne0/0="}]},"maintainers":[{"name":"javiermolina","email":"ing.molina.h@gmail.com"},{"name":"juananto11","email":"juananto11@hotmail.com"},{"name":"rreyes24","email":"rreyesvar@gmail.com"},{"name":"services_arkondata","email":"services@arkondata.com"}],"_npmUser":{"name":"javiermolina","email":"ing.molina.h@gmail.com"},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-bpmn-modeler_0.1.12_1590181849115_0.9693006975602914"},"_hasShrinkwrap":false},"0.1.13":{"name":"@arkondata/react-bpmn-modeler","version":"0.1.13","private":false,"author":{"name":"JavierMolina"},"license":"MIT","description":"React bpmn modeler","directories":{"lib":"lib"},"repository":{"type":"git","url":"git+https://github.com/Grupo-Abraxas/react-bpmn-modeler.git"},"keywords":["react-bpmn-modeler"],"bugs":{"url":"https://github.com/Grupo-Abraxas/react-bpmn-modeler/issues"},"homepage":"https://www.arkondata.com","main":"lib/index.js","types":"lib","scripts":{"build:css":"rm -rf .lib/ && node-sass src/ -o src/ && cp -r src/bpmn-font lib/ && cp -r src/styles lib/","watch:css":"yarn build:css && node-sass src/ -o src/ -w -r","start:js":"react-scripts start","start":"npm-run-all -p watch:css start:js","build:js":"tsc -p .","build":"npm-run-all build:*","test":"react-scripts test","eject":"react-scripts eject","docker:build":"docker build -t react-bpmn-modeler_img .","docker:run":"docker run -d -p 80:80 --name react-bpmn-modeler react-bpmn-modeler_img","docker:stop":"docker rm -f react-bpmn-modeler"},"pearDependencies":{"react":"<=16.0.0"},"dependencies":{"@material-ui/core":"^4.9.11","@material-ui/icons":"^4.9.1","@testing-library/jest-dom":"^4.2.4","@testing-library/react":"^9.3.2","@testing-library/user-event":"^7.1.2","bpmn-js":"^6.4.2","bpmn-js-in-color":"github:bpmn-io/bpmn-js-in-color","bpmn-js-properties-panel":"^0.33.2","camunda-bpmn-moddle":"^4.4.0","css-loader":"^3.5.2","diagram-js-minimap":"^2.0.3","node-sass":"^4.14.1","react":"^16.13.1","react-dom":"^16.13.1","react-full-screen":"^0.2.4","react-scripts":"3.4.1","react-xml-parser":"^1.1.6","style-loader":"^1.1.4","yarn-run-all":"^3.1.1"},"devDependencies":{"@testing-library/react":"^9.3.2","@testing-library/user-event":"^7.1.2","@types/jest":"^25.2.2","@types/node":"^14.0.1","@types/node-sass":"^4.11.1","@types/react":"^16.9.35","@types/react-dom":"^16.9.8","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","eslint-config-import":"^0.13.0","eslint-config-prettier":"^6.11.0","eslint-plugin-import":"^2.20.2","eslint-plugin-prettier":"^3.1.3","eslint-plugin-react":"^7.20.0","eslint-plugin-react-hooks":"^4.0.2","eslint-plugin-simple-import-sort":"^5.0.3","husky":"^4.2.5","lint-staged":"^10.2.2","prettier":"^2.0.5","typescript":"^3.8.3"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"lint-staged":{"src/**/*.{js,jsx,ts,tsx}":["eslint --fix","prettier --write"],"src/**/*.{css,scss,md,json}":["prettier --write"]},"husky":{"hooks":{"pre-commit":"lint-staged"}},"gitHead":"bf6bf97c5dfa0852c7c187a6249f5efb65db1a4b","_id":"@arkondata/react-bpmn-modeler@0.1.13","_nodeVersion":"12.16.3","_npmVersion":"6.14.4","dist":{"integrity":"sha512-fLzjihxbRWUy8s0Ai1N71vGukC3lAhMguLEnpufwfrRRyfC9D2Vg2HfMAGDbtoFqzCMAXWbeMhDku6mBHfa1RA==","shasum":"40918344b1215a3f54802179629f22a2b90527ea","tarball":"https://registry.npmjs.org/@arkondata/react-bpmn-modeler/-/react-bpmn-modeler-0.1.13.tgz","fileCount":16,"unpackedSize":29471,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJey+cmCRA9TVsSAnZWagAAeiYP/0ul6Ao9H87/hFW3M6ZZ\nPRNef/X/48c210MwsGZxPLSiKAvADAQo9VT6/RA+iDCyYOamSwSu6zo/p99T\nsEvs055aTEL8W1VX3NT5YQOVwuUbG9w9JJVZKoMCN8avzLTRQTHqMto9BBz8\np1pOZHc1kSLSV2GMbGgBsfTIRuhAhOo/lAHBa0XPFyKzuT9fZ3j4YMZ8Y4IM\nQ+5OTbIrSjQM7F2Tv3WBu5DSJnq/xvLLxqASIjiHiS5ze4zStRBQYXleVXB3\nG66WREbL0cT/NFIMGOP7WPj3hYKblk+slHkjo66XyB+98/ksVoyrFB6S0sXF\n3+NVrZ56ifEQAPIMpw1OZHuRMZpkHNS35CE0O9yUkhXzHQltLEb2/o7s7TSH\nT9Xz+OosUXywfguHGbyrQZKLGdknl9yP3YHr3rxWUnRLXVxO4cufrnocEq02\nqJubWd8REwiSNReup/NW2t1MyHjchnrVzVycdoNkAdb4H2BoshWANmNh2MdX\nIo2Krv4dasXYmou5gyEb0FSFN1hlA7BaeO5nt1ggsbKTvzdEnd5bNPOMKxdD\n0pifXQrABa2zPiRx7JBMystPrHffne7ZglUp4Vpe0zPtD7eO9CvPVXD/uAlZ\nHn4cV961qeevNIxnZfZCBfPGyqqFVn5KTRSOFr1PQOF+E2ar0s8bpYRCmMeE\nsLSZ\r\n=Nlau\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDzGOePIZb3Z9waPDTtvuWvCwGe7+1Lx5ac1cqEYDc9PwIgQ/42CsFaTrZd7XRANNMyCXfAWgCPrMyiZzrJJ0p3vPs="}]},"maintainers":[{"name":"javiermolina","email":"ing.molina.h@gmail.com"},{"name":"juananto11","email":"juananto11@hotmail.com"},{"name":"rreyes24","email":"rreyesvar@gmail.com"},{"name":"services_arkondata","email":"services@arkondata.com"}],"_npmUser":{"name":"services_arkondata","email":"services@arkondata.com"},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-bpmn-modeler_0.1.13_1590421285472_0.5877264706997678"},"_hasShrinkwrap":false},"0.1.14":{"name":"@arkondata/react-bpmn-modeler","version":"0.1.14","private":false,"author":{"name":"JavierMolina"},"license":"MIT","description":"React bpmn modeler","directories":{"lib":"lib"},"repository":{"type":"git","url":"git+https://github.com/Grupo-Abraxas/react-bpmn-modeler.git"},"keywords":["react-bpmn-modeler"],"bugs":{"url":"https://github.com/Grupo-Abraxas/react-bpmn-modeler/issues"},"homepage":"https://www.arkondata.com","main":"lib/index.js","types":"lib","scripts":{"build:css":"rm -rf .lib/ && node-sass src/ -o src/ && cp -r src/bpmn-font lib/ && cp -r src/styles lib/","watch:css":"yarn build:css && node-sass src/ -o src/ -w -r","start:js":"react-scripts start","start":"npm-run-all -p watch:css start:js","build:js":"tsc -p .","build":"npm-run-all build:*","test":"react-scripts test","eject":"react-scripts eject","docker:build":"docker build -t react-bpmn-modeler_img .","docker:run":"docker run -d -p 80:80 --name react-bpmn-modeler react-bpmn-modeler_img","docker:stop":"docker rm -f react-bpmn-modeler"},"pearDependencies":{"react":"<=16.0.0"},"dependencies":{"@material-ui/core":"^4.9.11","@material-ui/icons":"^4.9.1","@testing-library/jest-dom":"^4.2.4","@testing-library/react":"^9.3.2","@testing-library/user-event":"^7.1.2","bpmn-js":"^6.4.2","bpmn-js-in-color":"github:bpmn-io/bpmn-js-in-color","bpmn-js-properties-panel":"^0.33.2","camunda-bpmn-moddle":"^4.4.0","css-loader":"^3.5.2","diagram-js-minimap":"^2.0.3","node-sass":"^4.14.1","react":"^16.13.1","react-dom":"^16.13.1","react-full-screen":"^0.2.4","react-scripts":"3.4.1","react-xml-parser":"^1.1.6","style-loader":"^1.1.4","yarn-run-all":"^3.1.1"},"devDependencies":{"@testing-library/react":"^9.3.2","@testing-library/user-event":"^7.1.2","@types/jest":"^25.2.2","@types/node":"^14.0.1","@types/node-sass":"^4.11.1","@types/react":"^16.9.35","@types/react-dom":"^16.9.8","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","eslint-config-import":"^0.13.0","eslint-config-prettier":"^6.11.0","eslint-plugin-import":"^2.20.2","eslint-plugin-prettier":"^3.1.3","eslint-plugin-react":"^7.20.0","eslint-plugin-react-hooks":"^4.0.2","eslint-plugin-simple-import-sort":"^5.0.3","husky":"^4.2.5","lint-staged":"^10.2.2","prettier":"^2.0.5","typescript":"^3.8.3"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"lint-staged":{"src/**/*.{js,jsx,ts,tsx}":["eslint --fix","prettier --write"],"src/**/*.{css,scss,md,json}":["prettier --write"]},"husky":{"hooks":{"pre-commit":"lint-staged"}},"gitHead":"0e6d2c1723f9892f9de4fc6fd5d404ee3e81c7f2","_id":"@arkondata/react-bpmn-modeler@0.1.14","_nodeVersion":"12.16.3","_npmVersion":"6.14.4","dist":{"integrity":"sha512-QASp+EEM/Ywh0Dw2r1iowf+NEeepii1DdT8QKVXRhxk0LoLKgebw+yNb8gbHYK8Xuy5O6F+T8H1v6pVmjTF6OQ==","shasum":"62b189de0c29699d73e7e9568a9c9d7a2a849c50","tarball":"https://registry.npmjs.org/@arkondata/react-bpmn-modeler/-/react-bpmn-modeler-0.1.14.tgz","fileCount":16,"unpackedSize":30390,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeza3sCRA9TVsSAnZWagAAdycP/jAMwkAUwayZBMXM1AvC\navCtmgfYFK5jXUAvChDSiiPAQRgHpc3/dlGHRkmtDepGxgJN1tGeWcfH93Ep\nqVgH5KJ7rwPQdrqRdWw8yAeJuWzy18HNtBGoSrBnNFRULhHsl6uhN4UwnKql\nOIoKig34gooOAsrWUXA/VZhoFoTg7VYo9ewTdUJuE/412Kj9fAflsPXCJf6e\nVEuzIs20e8v1FSluh0b3t0gTb9c8zG0T1cXc1Jxp3N0Qnr9OCon0Bq2AJdSO\nBJVA6S9JvHOs0R9CZcDZMqP+eUeCH3iuCY3rPCL1qHGIyF+K6fjGX7pZVM7m\nb6Q2IZhvYt7UP3AIV/pbd0tPKnY/tVbjUJlZBzQJKCFjZ3vApT1Mve+BWU9J\nYxDl0/yJI6ArDi4p40NeDRMLH8C1/ifKmVA0lb2KlB0FOYCNeoF3qMhRJP9Q\nM9YRwmN2mtNWoZJJhlezskD4UXjDVqlC+z5bMIpiaktbWxqsPrC251ECxK3g\nOCpnZbOZQRHnmof231gyM0PhA6DvHOwGUrrp950JYwKdAAL35KZ1LyQHazLM\nkzu06l5NQBb9Pv5/fQJ8ZUJzrkjLpBjx2ThuVpW4LTPOgv+nQ/UaSh2xKQ2+\n+NIh/4T1XntOE3HsML2/WaUinU+XRGfgQySXHPHXlHNwR2QEIOVwrgOam73A\naFJF\r\n=+N+L\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCRnCIlbhrckLRoHsKiWAokjICeE96k/2u61NvV8rQhaAIgDyytxq4GGIq0U04TynB0dbNs/NHQF+e8lvTuPDRneHM="}]},"maintainers":[{"name":"javiermolina","email":"ing.molina.h@gmail.com"},{"name":"juananto11","email":"juananto11@hotmail.com"},{"name":"rreyes24","email":"rreyesvar@gmail.com"},{"name":"services_arkondata","email":"services@arkondata.com"}],"_npmUser":{"name":"services_arkondata","email":"services@arkondata.com"},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-bpmn-modeler_0.1.14_1590537707832_0.29331174899815027"},"_hasShrinkwrap":false},"0.1.15":{"name":"@arkondata/react-bpmn-modeler","version":"0.1.15","private":false,"author":{"name":"JavierMolina"},"license":"MIT","description":"React bpmn modeler","directories":{"lib":"lib"},"repository":{"type":"git","url":"git+https://github.com/Grupo-Abraxas/react-bpmn-modeler.git"},"keywords":["react-bpmn-modeler"],"bugs":{"url":"https://github.com/Grupo-Abraxas/react-bpmn-modeler/issues"},"homepage":"https://www.arkondata.com","main":"lib/index.js","types":"lib","scripts":{"build:css":"rm -rf .lib/ && node-sass src/ -o src/ && cp -r src/bpmn-font lib/ && cp -r src/styles lib/","watch:css":"yarn build:css && node-sass src/ -o src/ -w -r","start:js":"react-scripts start","start":"npm-run-all -p watch:css start:js","build:js":"tsc -p .","build":"npm-run-all build:*","test":"react-scripts test","eject":"react-scripts eject","docker:build":"docker build -t react-bpmn-modeler_img .","docker:run":"docker run -d -p 80:80 --name react-bpmn-modeler react-bpmn-modeler_img","docker:stop":"docker rm -f react-bpmn-modeler"},"pearDependencies":{"react":"<=16.0.0"},"dependencies":{"@material-ui/core":"^4.9.11","@material-ui/icons":"^4.9.1","@testing-library/jest-dom":"^4.2.4","@testing-library/react":"^9.3.2","@testing-library/user-event":"^7.1.2","bpmn-js":"^6.4.2","bpmn-js-in-color":"github:bpmn-io/bpmn-js-in-color","bpmn-js-properties-panel":"^0.33.2","camunda-bpmn-moddle":"^4.4.0","css-loader":"^3.5.2","diagram-js-minimap":"^2.0.3","node-sass":"^4.14.1","react":"^16.13.1","react-dom":"^16.13.1","react-full-screen":"^0.2.4","react-scripts":"3.4.1","react-xml-parser":"^1.1.6","style-loader":"^1.1.4","yarn-run-all":"^3.1.1"},"devDependencies":{"@testing-library/react":"^9.3.2","@testing-library/user-event":"^7.1.2","@types/jest":"^25.2.2","@types/node":"^14.0.1","@types/node-sass":"^4.11.1","@types/react":"^16.9.35","@types/react-dom":"^16.9.8","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","eslint-config-import":"^0.13.0","eslint-config-prettier":"^6.11.0","eslint-plugin-import":"^2.20.2","eslint-plugin-prettier":"^3.1.3","eslint-plugin-react":"^7.20.0","eslint-plugin-react-hooks":"^4.0.2","eslint-plugin-simple-import-sort":"^5.0.3","husky":"^4.2.5","lint-staged":"^10.2.2","prettier":"^2.0.5","typescript":"^3.8.3"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"lint-staged":{"src/**/*.{js,jsx,ts,tsx}":["eslint --fix","prettier --write"],"src/**/*.{css,scss,md,json}":["prettier --write"]},"husky":{"hooks":{"pre-commit":"lint-staged"}},"gitHead":"04c15db2ebc43d8673a1b58df5e0814e575d4cbf","_id":"@arkondata/react-bpmn-modeler@0.1.15","_nodeVersion":"12.16.3","_npmVersion":"6.14.4","dist":{"integrity":"sha512-yjX1WOvZg533BpTYl73s04luglUhX1wqJBYHspmpHfwgXXdivonMaP+5gFqYniZe2pwI+3ZTxxLzH7IKoZHpSQ==","shasum":"79272cd0c2c4166b5010dde60bb008909159d6b5","tarball":"https://registry.npmjs.org/@arkondata/react-bpmn-modeler/-/react-bpmn-modeler-0.1.15.tgz","fileCount":16,"unpackedSize":30390,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJezeobCRA9TVsSAnZWagAAnSUP/jVnBALe82K3v/4zroV6\njS2xCYVolOtHYYvHEHMgglRhrLQP+pn2/NJFT5JwJCoGu5L8Ty2KDaMUhdXW\ny/BFMzdKPLzNJc2EdmWpaAww1PCTwBzQNSQTC5jzAvcZQQ1qmx/ZyE+dsrCV\nFVoOrf07zWxTF95+b4V44kL39eeN6uWONdYk3oQGyb6COqak0W/jVIpbrHiy\nkilBMgFdRpAr9EWcP1gL2E8dKH0hY83h40voZgLM74Z6V3Ca9de5DDnzI5f0\nAqAKo6cod6eYBUElRmfjWk8FylbklzWYVEirREinq+VAF793BXKh/Mof8Dsz\ns8+hNisy3eNbNU/8uQSUqSJvqep7wTLzbfFU4xyAW0DoX4IDPftrak7iZ8QQ\nHU68nsBUY0DkhivBRd8i4ZSg1qv64/C6MGHPAmddL+Rorg0Gup3+DF/6KRmR\nYPihljFUPcLWTU59Utfb8bbYwsBnaD59CMhWZ3GO5nLVZ/+n3lBfYzV/O3dl\n4iC+hWLBZaBVxw3LP4utlIl6F1awznDxwQtBCJ3Pv4l2fJoqx8CR7I3BCd68\nV3ecVhQAEvQbgQxlz+pCy1sTDI1wFzX4i/oe8ipJ5wA80fOofVAH+lyZRha+\nRkxhvgzur/GRWXrj7dQPlOasr7CmRgswhufWVt2SpDOs7XScqTdJURbW4j4O\newrq\r\n=1MU8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC2zetjTIVCOCpe2GWOije/vxRo+PljaoKWG5cospCuGQIgd/y0xKBhYUBHxI4/h7Av1CY3QloJyiNNKnpSCcUeeEc="}]},"maintainers":[{"name":"javiermolina","email":"ing.molina.h@gmail.com"},{"name":"juananto11","email":"juananto11@hotmail.com"},{"name":"rreyes24","email":"rreyesvar@gmail.com"},{"name":"services_arkondata","email":"services@arkondata.com"}],"_npmUser":{"name":"services_arkondata","email":"services@arkondata.com"},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-bpmn-modeler_0.1.15_1590553115299_0.2924982453926428"},"_hasShrinkwrap":false},"0.1.16":{"name":"@arkondata/react-bpmn-modeler","version":"0.1.16","private":false,"author":{"name":"JavierMolina"},"license":"MIT","description":"React bpmn modeler","directories":{"lib":"lib"},"repository":{"type":"git","url":"git+https://github.com/Grupo-Abraxas/react-bpmn-modeler.git"},"keywords":["react-bpmn-modeler"],"bugs":{"url":"https://github.com/Grupo-Abraxas/react-bpmn-modeler/issues"},"homepage":"https://www.arkondata.com","main":"lib/index.js","types":"lib","scripts":{"build:css":"rm -rf .lib/ && node-sass src/ -o src/ && cp -r src/bpmn-font lib/ && cp -r src/styles lib/","watch:css":"yarn build:css && node-sass src/ -o src/ -w -r","start:js":"react-scripts start","start":"npm-run-all -p watch:css start:js","build:js":"tsc -p .","build":"npm-run-all build:*","test":"react-scripts test","eject":"react-scripts eject","docker:build":"docker build -t react-bpmn-modeler_img .","docker:run":"docker run -d -p 80:80 --name react-bpmn-modeler react-bpmn-modeler_img","docker:stop":"docker rm -f react-bpmn-modeler"},"pearDependencies":{"react":"<=16.0.0"},"dependencies":{"@material-ui/core":"^4.9.11","@material-ui/icons":"^4.9.1","@testing-library/jest-dom":"^4.2.4","@testing-library/react":"^9.3.2","@testing-library/user-event":"^7.1.2","bpmn-js":"^6.4.2","bpmn-js-in-color":"github:bpmn-io/bpmn-js-in-color","bpmn-js-properties-panel":"^0.33.2","camunda-bpmn-moddle":"^4.4.0","css-loader":"^3.5.2","diagram-js-minimap":"^2.0.3","node-sass":"^4.14.1","react":"^16.13.1","react-dom":"^16.13.1","react-full-screen":"^0.2.4","react-scripts":"3.4.1","react-xml-parser":"^1.1.6","style-loader":"^1.1.4","yarn-run-all":"^3.1.1"},"devDependencies":{"@testing-library/react":"^9.3.2","@testing-library/user-event":"^7.1.2","@types/jest":"^25.2.2","@types/node":"^14.0.1","@types/node-sass":"^4.11.1","@types/react":"^16.9.35","@types/react-dom":"^16.9.8","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","eslint-config-import":"^0.13.0","eslint-config-prettier":"^6.11.0","eslint-plugin-import":"^2.20.2","eslint-plugin-prettier":"^3.1.3","eslint-plugin-react":"^7.20.0","eslint-plugin-react-hooks":"^4.0.2","eslint-plugin-simple-import-sort":"^5.0.3","husky":"^4.2.5","lint-staged":"^10.2.2","prettier":"^2.0.5","typescript":"^3.8.3"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"lint-staged":{"src/**/*.{js,jsx,ts,tsx}":["eslint --fix","prettier --write"],"src/**/*.{css,scss,md,json}":["prettier --write"]},"husky":{"hooks":{"pre-commit":"lint-staged"}},"gitHead":"33f603c5bddfd7cd6e20161dfb4d80afd34c27f1","_id":"@arkondata/react-bpmn-modeler@0.1.16","_nodeVersion":"12.16.3","_npmVersion":"6.14.4","dist":{"integrity":"sha512-ca296gq1Gh8RYIdtzjltQ0y5JfKL/QR9Z3WO+DNRSEXhAlDZSUOE1mx54t7VuYqPINXtahfuPTdb6x+dzA7xlQ==","shasum":"690b6a1d3143b690ff00d4da35726c2f1ea97ba6","tarball":"https://registry.npmjs.org/@arkondata/react-bpmn-modeler/-/react-bpmn-modeler-0.1.16.tgz","fileCount":119,"unpackedSize":482411,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJezeupCRA9TVsSAnZWagAAgFcP/RlibIC50OVAuPbVg0Mw\nTlD8m6g+iAcBUf7vzqCNVThvYrCtyPzWGBvwHJSFA8LYcGbbpgPPsAc7RzXO\nwdzXm2OBXWFfWH+ezjzZIbY/x6N83/zCkQF35wgsfRsL8bp6C6Y3RU7INGUz\nxx3tF4SXDHRrKiA41D2vPnyKCj2ff8/vF/T67P6Ixvxvol1IHlxPbbRyusy2\nAl+LXC2rho66UIg3iDZ9Dfrs68r3hAoaD97jq8zsPYDJjmTwb0sCJ0oYpV/n\nhjVJuslNa3gOikGhzacFDxXr9hlc3yxOM6k7SpX0nVvm5EILBGQ7ophFOp79\ndzwQAlEe5nE7qcvazyhTThLAaaRh3LaUYtx9jS4MGC0mr4R67n95E+ASrpaA\nQ1DU4oRIiVCaI6OODun0IzFjuy56Hpcyr0rrWNI59BV5mxpboDehKL+dcAcH\ntodiJqOwQwumLBCJ8/C9t5vjb45YEhAxWGJb6wAHtG/95e2+eE99XLRYWkv+\nJoLSuJo+9xb/8DJbI0T8kWknSixsmgTZ35FPLbTVv/CiSpK25VUvL+I4T2hF\n2J4yAynxbwBO7eoebUszrnFBd197QTONbVDoj49BOgr2z4UTQnn1FvuUbHLW\n08GUrEW6m71rrgA3Ev+OQ1lIU8UE0cab9UdD8/jsXSaBym+dK1QbHOlQML1c\nfPaS\r\n=f60F\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD120EVzFyhcWCjcF51OhstOVFVRbNZjFomiphRuCmGOQIhANKF2hAdODYd4Y8xfTZkZuyS6qFN0NUfx7llYhlXrfSa"}]},"maintainers":[{"name":"javiermolina","email":"ing.molina.h@gmail.com"},{"name":"juananto11","email":"juananto11@hotmail.com"},{"name":"rreyes24","email":"rreyesvar@gmail.com"},{"name":"services_arkondata","email":"services@arkondata.com"}],"_npmUser":{"name":"services_arkondata","email":"services@arkondata.com"},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-bpmn-modeler_0.1.16_1590553512755_0.9262550845832336"},"_hasShrinkwrap":false},"0.1.17":{"name":"@arkondata/react-bpmn-modeler","version":"0.1.17","private":false,"author":{"name":"JavierMolina"},"license":"MIT","description":"React bpmn modeler","directories":{"lib":"lib"},"repository":{"type":"git","url":"git+https://github.com/Grupo-Abraxas/react-bpmn-modeler.git"},"keywords":["react-bpmn-modeler"],"bugs":{"url":"https://github.com/Grupo-Abraxas/react-bpmn-modeler/issues"},"homepage":"https://www.arkondata.com","main":"lib/index.js","types":"lib","scripts":{"build:css":"rm -rf .lib/ && node-sass src/ -o src/ && cp -r src/bpmn-font lib/ && cp -r src/styles lib/","watch:css":"yarn build:css && node-sass src/ -o src/ -w -r","start:js":"react-scripts start","start":"npm-run-all -p watch:css start:js","build:js":"tsc -p .","build":"npm-run-all build:*","test":"react-scripts test","eject":"react-scripts eject","docker:build":"docker build -t react-bpmn-modeler_img .","docker:run":"docker run -d -p 80:80 --name react-bpmn-modeler react-bpmn-modeler_img","docker:stop":"docker rm -f react-bpmn-modeler"},"pearDependencies":{"react":"<=16.0.0"},"dependencies":{"@material-ui/core":"^4.9.11","@material-ui/icons":"^4.9.1","@testing-library/jest-dom":"^4.2.4","@testing-library/react":"^9.3.2","@testing-library/user-event":"^7.1.2","bpmn-js":"^6.4.2","bpmn-js-in-color":"github:bpmn-io/bpmn-js-in-color","bpmn-js-properties-panel":"^0.33.2","camunda-bpmn-moddle":"^4.4.0","css-loader":"^3.5.2","diagram-js-minimap":"^2.0.3","node-sass":"^4.14.1","react":"^16.13.1","react-dom":"^16.13.1","react-full-screen":"^0.2.4","react-scripts":"3.4.1","react-xml-parser":"^1.1.6","style-loader":"^1.1.4","yarn-run-all":"^3.1.1"},"devDependencies":{"@testing-library/react":"^9.3.2","@testing-library/user-event":"^7.1.2","@types/jest":"^25.2.2","@types/node":"^14.0.1","@types/node-sass":"^4.11.1","@types/react":"^16.9.35","@types/react-dom":"^16.9.8","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","eslint-config-import":"^0.13.0","eslint-config-prettier":"^6.11.0","eslint-plugin-import":"^2.20.2","eslint-plugin-prettier":"^3.1.3","eslint-plugin-react":"^7.20.0","eslint-plugin-react-hooks":"^4.0.2","eslint-plugin-simple-import-sort":"^5.0.3","husky":"^4.2.5","lint-staged":"^10.2.2","prettier":"^2.0.5","typescript":"^3.8.3"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"lint-staged":{"src/**/*.{js,jsx,ts,tsx}":["eslint --fix","prettier --write"],"src/**/*.{css,scss,md,json}":["prettier --write"]},"husky":{"hooks":{"pre-commit":"lint-staged"}},"gitHead":"3997c90068a627aa77fcc2af44e87314f77f0e30","_id":"@arkondata/react-bpmn-modeler@0.1.17","_nodeVersion":"12.16.3","_npmVersion":"6.14.4","dist":{"integrity":"sha512-VslOn+xKoIv0AlPwRin61ziZWoohjDbUqwnAGk2FoXjiIjIgCVPuwzwiMyRFr18pDdu3MrvZH4UKh6hoXK/8lw==","shasum":"dd42785823ce50409f805c8c6959e8d52f857efc","tarball":"https://registry.npmjs.org/@arkondata/react-bpmn-modeler/-/react-bpmn-modeler-0.1.17.tgz","fileCount":119,"unpackedSize":482411,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJezfW8CRA9TVsSAnZWagAAu9IP/RM36NdHgqr9YwUsbMdL\nDIdaBV7a2cGItvr0tsgw8NYi8MFDv5fiBGhn2mniVeioLl/0h4581kIAIDn+\ncZBUOmCaZ0jyoCN6/eDj3KdGCTlQqwAcydHAS8sHT+Ld72Ql5y+8j81gyE8M\n9Wb+AEIIA4BJQclKfLfMptTp5oWklk9H5e+niMny5TXGhySuEGAm0a0xOJfb\nO7ZVI5qAIxrOwbH5Wcurq2H955cEpUkbbXhN08xt/727fd2tha6dpRU6sUs2\nX1bQK99XIy6qvJatlQOt6ESlbJtFWD1WPKdglM/tKdl8iS6ZCtz/SxHfRA5X\nRAr8DAE8pBvmmb6b44MzMl5BiNlKEbFARFuaIapyo21gMHzI5DWcgFS69awI\nMWXaFQ4mkfPj1vSct65fWkpY/rPYM287Gsjqi70KXhZ8tml8yH6gAcxCasQH\nqDrfZktYoCD7HR79lcMcieGto1qp7M6lYOqBIcsGAu/8qzTyaALBAD0FHgS7\n9tlAz30j3onP9bEpc480IfqRLrkrr6ABNcwphIzsr3aj8fMkCfkgNf0eS7zH\n6HUdyUn6EjHpXRu7rfhSkpqByoLiZZqrWp6o5PqNSaJFW96aUuIiXBUx+nMh\n4xxHguT3Lkj2yBtVpDFddMTmc0cuailuyCgHf2IU8zzB6AnCj8hoK5FaBudC\nt0wx\r\n=xF00\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFdJhHYv2zb0mrIq6YHB3Ym8zf+At91SX0PZUgAo3PfJAiBcS/6cxijkUHu6QzcNHgHZBsYIvfK6nVwsDnupdwe2wA=="}]},"maintainers":[{"name":"javiermolina","email":"ing.molina.h@gmail.com"},{"name":"juananto11","email":"juananto11@hotmail.com"},{"name":"rreyes24","email":"rreyesvar@gmail.com"},{"name":"services_arkondata","email":"services@arkondata.com"}],"_npmUser":{"name":"services_arkondata","email":"services@arkondata.com"},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-bpmn-modeler_0.1.17_1590556092160_0.21035151428823107"},"_hasShrinkwrap":false},"0.1.18":{"name":"@arkondata/react-bpmn-modeler","version":"0.1.18","private":false,"author":{"name":"JavierMolina"},"license":"MIT","description":"React bpmn modeler","directories":{"lib":"lib"},"repository":{"type":"git","url":"git+https://github.com/Grupo-Abraxas/react-bpmn-modeler.git"},"keywords":["react-bpmn-modeler"],"bugs":{"url":"https://github.com/Grupo-Abraxas/react-bpmn-modeler/issues"},"homepage":"https://www.arkondata.com","main":"lib/index.js","types":"lib","scripts":{"build:css":"rm -rf ./lib/ && node-sass src/ -o src/ && mkdir -p lib/styles && cp -r src/styles lib/styles","build:font":"mkdir -p lib/bpmn-font && cp -r src/bpmn-font lib/bpmn-font","watch:css":"yarn build:css && node-sass src/ -o src/ -w -r","start:js":"react-scripts start","start":"npm-run-all -p watch:css start:js","build:js":"tsc -p .","build":"npm-run-all build:*","test":"react-scripts test","eject":"react-scripts eject","docker:build":"docker build -t react-bpmn-modeler_img .","docker:run":"docker run -d -p 80:80 --name react-bpmn-modeler react-bpmn-modeler_img","docker:stop":"docker rm -f react-bpmn-modeler"},"pearDependencies":{"react":"<=16.0.0"},"dependencies":{"@material-ui/core":"^4.9.11","@material-ui/icons":"^4.9.1","@testing-library/jest-dom":"^4.2.4","@testing-library/react":"^9.3.2","@testing-library/user-event":"^7.1.2","bpmn-js":"^6.4.2","bpmn-js-in-color":"github:bpmn-io/bpmn-js-in-color","bpmn-js-properties-panel":"^0.33.2","camunda-bpmn-moddle":"^4.4.0","css-loader":"^3.5.2","diagram-js-minimap":"^2.0.3","node-sass":"^4.14.1","react":"^16.13.1","react-dom":"^16.13.1","react-full-screen":"^0.2.4","react-scripts":"3.4.1","react-xml-parser":"^1.1.6","style-loader":"^1.1.4","yarn-run-all":"^3.1.1"},"devDependencies":{"@testing-library/react":"^9.3.2","@testing-library/user-event":"^7.1.2","@types/jest":"^25.2.2","@types/node":"^14.0.1","@types/node-sass":"^4.11.1","@types/react":"^16.9.35","@types/react-dom":"^16.9.8","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","eslint-config-import":"^0.13.0","eslint-config-prettier":"^6.11.0","eslint-plugin-import":"^2.20.2","eslint-plugin-prettier":"^3.1.3","eslint-plugin-react":"^7.20.0","eslint-plugin-react-hooks":"^4.0.2","eslint-plugin-simple-import-sort":"^5.0.3","husky":"^4.2.5","lint-staged":"^10.2.2","prettier":"^2.0.5","typescript":"^3.8.3"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"lint-staged":{"src/**/*.{js,jsx,ts,tsx}":["eslint --fix","prettier --write"],"src/**/*.{css,scss,md,json}":["prettier --write"]},"husky":{"hooks":{"pre-commit":"lint-staged"}},"gitHead":"eb60715cfba8e9db93e4db3c315a2096129b1e1d","_id":"@arkondata/react-bpmn-modeler@0.1.18","_nodeVersion":"12.16.3","_npmVersion":"6.14.4","dist":{"integrity":"sha512-/U3OOC/4BCJyPlrXKalu/n0SpxwK2EratSb1ttZbHEgP4pXNKwB2UTx1N4j5EJ1jeymmmmTHqRrxv2ZT1iVxWA==","shasum":"6dd6fd7ad1d20b0962f0c0266dd9a891ca7a8073","tarball":"https://registry.npmjs.org/@arkondata/react-bpmn-modeler/-/react-bpmn-modeler-0.1.18.tgz","fileCount":119,"unpackedSize":482494,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJezgHJCRA9TVsSAnZWagAAmXcP+wTOM7gqHz3M1JDLvYze\nmN3g6C3l/0VeXBChyKTIzFmgZwqur1PUW4t83bKEH7fRL/QCkNFw3grO6VyU\nM3nfLVVzIVIh5F9yiE6JOG0lrmNbXeEPi8r7QU1R/h2Ds+dHsdNPgE1Ghwxd\niQQc72626tfIKUl2pTykvNUZUVRdhFFJWKanZs7Ij2LJOI6nSvV/PtiD3BnS\n8CAIZlyiq8Wn9w5owfLed4xHZRdvb6WKc2FVK+fN1u75ryoV4Hmi0P7LYXqN\nR9nJ1P3UKH+hvKiJRlGHZLrWnfL6j0ttYS41NDft66DlB+C68+2ZmVqBKLO3\nf+J8nJZVWYpg2swhI8XFUzTTdMUiS0jwB1qxhGKLY1d2DwzDJXznl+YnekyX\nolir1QkObyFJ++stBQOf2lVe1U1kf3yQgB1jHkNPmE8EpVJA8UDbAFrn/wkw\nB3OETJk1cTrfOJXt7Dcnuk3CLRxdRyeTwNMUQ9mTVCWt0BMaV1m0yBRMQJ7h\nAF8FqpDRedUcu1Q2lNqQaI7BS/Exc6jZT+BQgYec+xp9YQe7683Uu1wuQFB+\nSD3OFh4pWUB54siHJWfu5njKu+TrWZe/TFwhzrdNTxVJsx237yLDd8cZUI80\nR2QdOBa3mjBphSvqTOXMMfIR8L3hKAUuBKT5l/eh+1zlT/pB2KXf6NRWj/JQ\noobJ\r\n=i86T\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDvwhDN5IlATYVO2TTeqgDiuAttk8crSL2I82quxEeoxQIhAP/JfLarjf8ZsBk3KHXekg5ZdugFydu+XHanw+yT+y6f"}]},"maintainers":[{"name":"javiermolina","email":"ing.molina.h@gmail.com"},{"name":"juananto11","email":"juananto11@hotmail.com"},{"name":"rreyes24","email":"rreyesvar@gmail.com"},{"name":"services_arkondata","email":"services@arkondata.com"}],"_npmUser":{"name":"services_arkondata","email":"services@arkondata.com"},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-bpmn-modeler_0.1.18_1590559177077_0.47449440384054387"},"_hasShrinkwrap":false},"0.1.19":{"name":"@arkondata/react-bpmn-modeler","version":"0.1.19","private":false,"author":{"name":"JavierMolina"},"license":"MIT","description":"React bpmn modeler","directories":{"lib":"lib"},"repository":{"type":"git","url":"git+https://github.com/Grupo-Abraxas/react-bpmn-modeler.git"},"keywords":["react-bpmn-modeler"],"bugs":{"url":"https://github.com/Grupo-Abraxas/react-bpmn-modeler/issues"},"homepage":"https://www.arkondata.com","main":"lib/index.js","types":"lib","scripts":{"build:css":"rm -rf ./lib/ && node-sass src/ -o src/","build:styles":"mkdir -p lib/styles && cp -r src/styles lib/","build:font":"mkdir -p lib/bpmn-font && cp -r src/bpmn-font lib/","watch:css":"yarn build:css && node-sass src/ -o src/ -w -r","start:js":"react-scripts start","start":"npm-run-all -p watch:css start:js","build:js":"tsc -p .","build":"npm-run-all build:*","test":"react-scripts test","eject":"react-scripts eject","docker:build":"docker build -t react-bpmn-modeler_img .","docker:run":"docker run -d -p 80:80 --name react-bpmn-modeler react-bpmn-modeler_img","docker:stop":"docker rm -f react-bpmn-modeler"},"pearDependencies":{"react":"<=16.0.0"},"dependencies":{"@material-ui/core":"^4.9.11","@material-ui/icons":"^4.9.1","@testing-library/jest-dom":"^4.2.4","@testing-library/react":"^9.3.2","@testing-library/user-event":"^7.1.2","bpmn-js":"^6.4.2","bpmn-js-in-color":"github:bpmn-io/bpmn-js-in-color","bpmn-js-properties-panel":"^0.33.2","camunda-bpmn-moddle":"^4.4.0","css-loader":"^3.5.2","diagram-js-minimap":"^2.0.3","node-sass":"^4.14.1","react":"^16.13.1","react-dom":"^16.13.1","react-full-screen":"^0.2.4","react-scripts":"3.4.1","react-xml-parser":"^1.1.6","style-loader":"^1.1.4","yarn-run-all":"^3.1.1"},"devDependencies":{"@testing-library/react":"^9.3.2","@testing-library/user-event":"^7.1.2","@types/jest":"^25.2.2","@types/node":"^14.0.1","@types/node-sass":"^4.11.1","@types/react":"^16.9.35","@types/react-dom":"^16.9.8","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","eslint-config-import":"^0.13.0","eslint-config-prettier":"^6.11.0","eslint-plugin-import":"^2.20.2","eslint-plugin-prettier":"^3.1.3","eslint-plugin-react":"^7.20.0","eslint-plugin-react-hooks":"^4.0.2","eslint-plugin-simple-import-sort":"^5.0.3","husky":"^4.2.5","lint-staged":"^10.2.2","prettier":"^2.0.5","typescript":"^3.8.3"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"lint-staged":{"src/**/*.{js,jsx,ts,tsx}":["eslint --fix","prettier --write"],"src/**/*.{css,scss,md,json}":["prettier --write"]},"husky":{"hooks":{"pre-commit":"lint-staged"}},"gitHead":"bc5b8dd9c0a87b735631bd0f86cda23f7393f5db","_id":"@arkondata/react-bpmn-modeler@0.1.19","_nodeVersion":"12.16.3","_npmVersion":"6.14.4","dist":{"integrity":"sha512-QsMiMpqft53jjwf+5iUWvYDa+C/rQFGDTyC88OidSk85eaotlN1Q33rvAYKTdZ/yIQ9ZK1lRoQHoTTeY4tTpPw==","shasum":"f9609a16755bfdce060025dc60efc7fc39602bb0","tarball":"https://registry.npmjs.org/@arkondata/react-bpmn-modeler/-/react-bpmn-modeler-0.1.19.tgz","fileCount":119,"unpackedSize":482499,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJezghvCRA9TVsSAnZWagAAShYP/1OrJyZzJVKWwIsuVPEX\nf3nL5S0Eywc3jkHigiHsYxnyhX5BB4x83gfbHmFigQ1sK5S7kmYiI5/FozlQ\nIJ7NNRGlLXRNkknxryKmNKnZKX0Ne87OIqWDkRmnO95Ny7YY6ReXvwTaW2hf\nXOeXOKOmXVo1RJOwl8XGtA2BfXKEEPmhOKWvImOolwUuRX3gdPFOfV3ThO6H\nUOXGHLGzBADtNkRtGxYgq26YJa0O55FJIH2UxYZZxNAEOt59uuiG+frqU2tx\nNDgGKAdBABFTIgj4jklPizs2Hs2wd1ADI7oB58ZfoaJjIxHUc60YwZOihul8\noHlg5b0X4+Rb1JW4ijhPrdANR3qmBYycupp53oEbaOjNJvtTXf/wQsCUDUe6\nmN2+CDy2/YGfs5bNPjGWO4n1awKYO/CbHkYx7FOB02AdaM2v2gMb3nwFb39M\n7kt0IRHi8on596rutiKHJePkqXjzv8SpQw3dIoMr02wqjVmXceLXmuz9ULEO\nq+8Y7ygBPt2osxrKisvnw9hTDy2YUiw6127/dRnJzeX107UrdYHn4FjsuDWP\nG+pEBtX3fvZq9KjXRnGJiRN9aiDAoO8+WRypM77yt33Qx7q51EhcHnsHYULk\nOiGftBhlOclF/p7foP7x5dsUccxlzjNHc2hEWsvmx83Kgqyv+5zZg7JEsynl\nP2dg\r\n=BQSV\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFHXf50FuHQhL5zmCLTAv4Yu3fqSYIrZz6KbQ+nMTFIrAiBNEm9BUR90B8/MjVTdGpCAFYrVRk5r1W0eNlf/si+CUw=="}]},"maintainers":[{"name":"javiermolina","email":"ing.molina.h@gmail.com"},{"name":"juananto11","email":"juananto11@hotmail.com"},{"name":"rreyes24","email":"rreyesvar@gmail.com"},{"name":"services_arkondata","email":"services@arkondata.com"}],"_npmUser":{"name":"services_arkondata","email":"services@arkondata.com"},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-bpmn-modeler_0.1.19_1590560879395_0.8520126562862065"},"_hasShrinkwrap":false},"0.1.20":{"name":"@arkondata/react-bpmn-modeler","version":"0.1.20","private":false,"author":{"name":"JavierMolina"},"license":"MIT","description":"React bpmn modeler","directories":{"lib":"lib"},"repository":{"type":"git","url":"git+https://github.com/Grupo-Abraxas/react-bpmn-modeler.git"},"keywords":["react-bpmn-modeler"],"bugs":{"url":"https://github.com/Grupo-Abraxas/react-bpmn-modeler/issues"},"homepage":"https://www.arkondata.com","main":"lib/index.js","types":"lib","scripts":{"build:css":"rm -rf ./lib/ && node-sass src/ -o src/","build:styles":"mkdir -p lib/styles && cp -r src/styles lib/","build:font":"mkdir -p lib/bpmn-font && cp -r src/bpmn-font lib/","watch:css":"yarn build:css && node-sass src/ -o src/ -w -r","start:js":"react-scripts start","start":"npm-run-all -p watch:css start:js","build:js":"tsc -p .","build":"npm-run-all build:*","test":"react-scripts test","eject":"react-scripts eject","docker:build":"docker build -t react-bpmn-modeler_img .","docker:run":"docker run -d -p 80:80 --name react-bpmn-modeler react-bpmn-modeler_img","docker:stop":"docker rm -f react-bpmn-modeler"},"pearDependencies":{"react":"<=16.0.0"},"dependencies":{"@testing-library/jest-dom":"^4.2.4","@testing-library/react":"^9.3.2","@testing-library/user-event":"^7.1.2","bpmn-js":"^6.4.2","bpmn-js-properties-panel":"^0.33.2","camunda-bpmn-moddle":"^4.4.0","css-loader":"^3.5.2","diagram-js-minimap":"^2.0.3","node-sass":"^4.14.1","react":"^16.13.1","react-dom":"^16.13.1","react-full-screen":"^0.2.4","react-scripts":"3.4.1","style-loader":"^1.1.4","yarn-run-all":"^3.1.1"},"devDependencies":{"@testing-library/react":"^9.3.2","@testing-library/user-event":"^7.1.2","@types/jest":"^25.2.2","@types/node":"^14.0.1","@types/node-sass":"^4.11.1","@types/react":"^16.9.35","@types/react-dom":"^16.9.8","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","eslint-config-import":"^0.13.0","eslint-config-prettier":"^6.11.0","eslint-plugin-import":"^2.20.2","eslint-plugin-prettier":"^3.1.3","eslint-plugin-react":"^7.20.0","eslint-plugin-react-hooks":"^4.0.2","eslint-plugin-simple-import-sort":"^5.0.3","husky":"^4.2.5","lint-staged":"^10.2.2","prettier":"^2.0.5","typescript":"^3.8.3"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"lint-staged":{"src/**/*.{js,jsx,ts,tsx}":["eslint --fix","prettier --write"],"src/**/*.{css,scss,md,json}":["prettier --write"]},"husky":{"hooks":{"pre-commit":"lint-staged"}},"gitHead":"e228c93d4810a54c0f33b7f3a96bb2510352012c","_id":"@arkondata/react-bpmn-modeler@0.1.20","_nodeVersion":"12.16.3","_npmVersion":"6.14.4","dist":{"integrity":"sha512-enbrLjUiTHzkAuB+CZE5mEaA1kuC544XGkdp7hTdZ391Wn3bD8xOEGkX77UQp7KXQfVYLV7vacG1GSx1vIa0IQ==","shasum":"7a3210cba15bdf1e83509e21bc613f974c43a8d7","tarball":"https://registry.npmjs.org/@arkondata/react-bpmn-modeler/-/react-bpmn-modeler-0.1.20.tgz","fileCount":112,"unpackedSize":482741,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe1W6nCRA9TVsSAnZWagAADC4P+wZTJX4pl1whQZ66x8kh\nyy0aWrNtQ7eMW9IYKe24IJf8/3kFnsRVsKYb59Rhod/5jEvKtM8iY5MJNBim\ndq5dy7uo3yytG/yLTnLUYLdYYpsn1AOEA0MjJry45WOQJTXs67orAGewE5Nj\nbNm7H9G7aM9eg7IX7JgWQoHA5vmHG9ZI9e2m15VAfX1dAQao+X3S9umCkPg+\nfcjRMmaYXkHx9QxI5AlIMquEiOZdKuYTQXR2GTB6XHjBMawD+TXfFUrofY3e\nxRkLkfb2ulcRZZ+lOnsFPIkXKKp3gF/yg4qvndHEdc1J4IA1ilqen3lpBNnJ\nmySUUp0jDeKjtjYSpx/NFN3KXLwb/lscmZ3/NSxXBaTH/E/GsWzQ0qXsurU8\nV8OrrIRptAlLzDz127O+5KQgCfHKIm/plhAIpnfDecsvd1Sap2sQxgIu4Qkr\nAWTgFJ3UIC6glbvRcNQ12SeT6E38wjRbpHy+i4AGsSKiRmtr156a5fm8BfOD\nXJdpXfV1cgJ+DtvK0EYgpCU/sntGXf6NS9k4QyVp0qlfz/dwy99p3josqacV\noE5ndX1SJPANz9lrriUwMF833giube5ZwId9UoIDPWRk/ZoHdIG+q5reTZcw\nPc/0rP3digduhnb6vPf7QPzsHJdR18zkyIKJqfErOw0ZAY1fwTd7jpjN1Crn\nE8HL\r\n=RvnP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFZeF+PhjJilEEwW6Q0/gKhDbedKjZQHG+T9/mSMQuhKAiBkWy6SJx4OszaayasLt2jrw2b7xR7I+BiuzT3KKODS7g=="}]},"maintainers":[{"name":"javiermolina","email":"ing.molina.h@gmail.com"},{"name":"juananto11","email":"juananto11@hotmail.com"},{"name":"rreyes24","email":"rreyesvar@gmail.com"},{"name":"services_arkondata","email":"services@arkondata.com"}],"_npmUser":{"name":"services_arkondata","email":"services@arkondata.com"},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-bpmn-modeler_0.1.20_1591045798287_0.3887128942834641"},"_hasShrinkwrap":false},"0.1.21":{"name":"@arkondata/react-bpmn-modeler","version":"0.1.21","private":false,"author":{"name":"JavierMolina"},"license":"MIT","description":"React bpmn modeler","directories":{"lib":"lib"},"repository":{"type":"git","url":"git+https://github.com/Grupo-Abraxas/react-bpmn-modeler.git"},"keywords":["react-bpmn-modeler"],"bugs":{"url":"https://github.com/Grupo-Abraxas/react-bpmn-modeler/issues"},"homepage":"https://www.arkondata.com","main":"lib/index.js","types":"lib","scripts":{"build:css":"rm -rf ./lib/ && node-sass src/ -o src/","build:styles":"mkdir -p lib/styles && cp -r src/styles lib/","build:font":"mkdir -p lib/bpmn-font && cp -r src/bpmn-font lib/","watch:css":"yarn build:css && node-sass src/ -o src/ -w -r","start:js":"react-scripts start","start":"npm-run-all -p watch:css start:js","build:js":"tsc -p .","build":"npm-run-all build:*","test":"react-scripts test","eject":"react-scripts eject","docker:build":"docker build -t react-bpmn-modeler_img .","docker:run":"docker run -d -p 80:80 --name react-bpmn-modeler react-bpmn-modeler_img","docker:stop":"docker rm -f react-bpmn-modeler"},"pearDependencies":{"react":"<=16.0.0"},"dependencies":{"@testing-library/jest-dom":"^4.2.4","@testing-library/react":"^9.3.2","@testing-library/user-event":"^7.1.2","bpmn-js":"^6.4.2","bpmn-js-properties-panel":"^0.33.2","camunda-bpmn-moddle":"^4.4.0","css-loader":"^3.5.2","diagram-js-minimap":"^2.0.3","node-sass":"^4.14.1","react":"^16.13.1","react-dom":"^16.13.1","react-full-screen":"^0.2.4","react-scripts":"3.4.1","style-loader":"^1.1.4","yarn-run-all":"^3.1.1"},"devDependencies":{"@testing-library/react":"^9.3.2","@testing-library/user-event":"^7.1.2","@types/jest":"^25.2.2","@types/node":"^14.0.1","@types/node-sass":"^4.11.1","@types/react":"^16.9.35","@types/react-dom":"^16.9.8","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","eslint-config-import":"^0.13.0","eslint-config-prettier":"^6.11.0","eslint-plugin-import":"^2.20.2","eslint-plugin-prettier":"^3.1.3","eslint-plugin-react":"^7.20.0","eslint-plugin-react-hooks":"^4.0.2","eslint-plugin-simple-import-sort":"^5.0.3","husky":"^4.2.5","lint-staged":"^10.2.2","prettier":"^2.0.5","typescript":"^3.8.3"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"lint-staged":{"src/**/*.{js,jsx,ts,tsx}":["eslint --fix","prettier --write"],"src/**/*.{css,scss,md,json}":["prettier --write"]},"husky":{"hooks":{"pre-commit":"lint-staged"}},"gitHead":"f9390f5c3575d4972c4a1875d1c79ce36adfb0d5","_id":"@arkondata/react-bpmn-modeler@0.1.21","_nodeVersion":"12.16.3","_npmVersion":"6.14.4","dist":{"integrity":"sha512-RBw1V0K1dYShyUE/ZBaIhkvGkUG43t6SLsg6aaavWfPUKTh4L9McWAuRVRg8ZWh48RHBgMhLHtxqiB4On1w+Gw==","shasum":"887ba21292d1a1558006db0cd41d1648af3c479b","tarball":"https://registry.npmjs.org/@arkondata/react-bpmn-modeler/-/react-bpmn-modeler-0.1.21.tgz","fileCount":112,"unpackedSize":482318,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe1fWHCRA9TVsSAnZWagAAh10P/2r7h+qAJAN5kvKhcuwv\nkhJlNp2/IX2iStXUIWi4tUHFaHFgj2be7Bv5A+S+I01VkExtimyk37wTQk1W\n7RT3HrbNcW/2iAeRPINidA+KAqAYZ3VqC4OZBZUjQXUC9apx4y7k8hiex2A1\n+RKnJMAu5qq49NAVxcSCCQYZcUkGo9A+3WJTTpFfiYyQxUDA3e3HSqKWo8cb\nXEOGnLbHHX4io/HN/QlCoE97MhjS33EKm01Ri7QBWN1AhEEZDvrJPoySb7uL\nEV651ytBa3zRO74WO2Z3cx4hmrdiidm/ULEV5UvlVtG9kz0N6xelSssIy70V\n5+asJaICKxMHpgJ3mWrAs+a14a+gdbkRo7UHChwPSUQrsNF4vL2pPgF3EANK\n+C6bC9+Z31QGScb602CjCkj5VRGkk6HeObVtkdWBmE+xFwaa+G7AYlZ89nfU\n9c3moPMlbkcZaWXcaUQDRD+MBo7OspkNA/lvFZlNtD4bcFZoKkcKJl74wRxD\nz1s4DxZ4/f1FIL4ySZcZxxi1ZC7ZexWdk3ygKp7+aEwL2g9j/xjsP+3FBrJ9\ncvYOEYG9v4+961i+uCK7qbsAfqBnF2ac0DLlPx7+ZthJJAyG0K6xOxnGrDmd\n7MwmwKGbFDdPSejwUTE5/PeVY+tSm2wt5NIzJUMLVf7NN+hbEjno7hlVvtxj\nDezw\r\n=HZPP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHpAhhnjhFCwuVWUIplt6fj48hcSoeR9rN/Tp8V3LabFAiEA4EvPYbZr0IIGQgE7lFpFKrj10gCee/08gyphdt04ECs="}]},"maintainers":[{"name":"javiermolina","email":"ing.molina.h@gmail.com"},{"name":"juananto11","email":"juananto11@hotmail.com"},{"name":"rreyes24","email":"rreyesvar@gmail.com"},{"name":"services_arkondata","email":"services@arkondata.com"}],"_npmUser":{"name":"services_arkondata","email":"services@arkondata.com"},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-bpmn-modeler_0.1.21_1591080327216_0.7545349178991314"},"_hasShrinkwrap":false},"0.1.22":{"name":"@arkondata/react-bpmn-modeler","version":"0.1.22","private":false,"author":{"name":"JavierMolina"},"license":"MIT","description":"React bpmn modeler","directories":{"lib":"lib"},"repository":{"type":"git","url":"git+https://github.com/Grupo-Abraxas/react-bpmn-modeler.git"},"keywords":["react-bpmn-modeler"],"bugs":{"url":"https://github.com/Grupo-Abraxas/react-bpmn-modeler/issues"},"homepage":"https://www.arkondata.com","main":"lib/index.js","types":"lib","scripts":{"build:css":"rm -rf ./lib/ && node-sass src/ -o src/","build:styles":"mkdir -p lib/styles && cp -r src/styles lib/","build:font":"mkdir -p lib/bpmn-font && cp -r src/bpmn-font lib/","watch:css":"yarn build:css && node-sass src/ -o src/ -w -r","start:js":"react-scripts start","start":"npm-run-all -p watch:css start:js","build:js":"tsc -p .","build":"npm-run-all build:*","test":"react-scripts test","eject":"react-scripts eject","docker:build":"docker build -t react-bpmn-modeler_img .","docker:run":"docker run -d -p 80:80 --name react-bpmn-modeler react-bpmn-modeler_img","docker:stop":"docker rm -f react-bpmn-modeler"},"pearDependencies":{"react":"<=16.0.0"},"dependencies":{"@testing-library/jest-dom":"^4.2.4","@testing-library/react":"^9.3.2","@testing-library/user-event":"^7.1.2","bpmn-js":"^6.4.2","bpmn-js-properties-panel":"^0.33.2","camunda-bpmn-moddle":"^4.4.0","css-loader":"^3.5.2","diagram-js-minimap":"^2.0.3","node-sass":"^4.14.1","react":"^16.13.1","react-dom":"^16.13.1","react-full-screen":"^0.2.4","react-scripts":"3.4.1","style-loader":"^1.1.4","yarn-run-all":"^3.1.1"},"devDependencies":{"@testing-library/react":"^9.3.2","@testing-library/user-event":"^7.1.2","@types/jest":"^25.2.2","@types/node":"^14.0.1","@types/node-sass":"^4.11.1","@types/react":"^16.9.35","@types/react-dom":"^16.9.8","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","eslint-config-import":"^0.13.0","eslint-config-prettier":"^6.11.0","eslint-plugin-import":"^2.20.2","eslint-plugin-prettier":"^3.1.3","eslint-plugin-react":"^7.20.0","eslint-plugin-react-hooks":"^4.0.2","eslint-plugin-simple-import-sort":"^5.0.3","husky":"^4.2.5","lint-staged":"^10.2.2","prettier":"^2.0.5","typescript":"^3.8.3"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"lint-staged":{"src/**/*.{js,jsx,ts,tsx}":["eslint --fix","prettier --write"],"src/**/*.{css,scss,md,json}":["prettier --write"]},"husky":{"hooks":{"pre-commit":"lint-staged"}},"gitHead":"7ec8f762b3149c9eaacda0f818b6a8b5b9f797ab","_id":"@arkondata/react-bpmn-modeler@0.1.22","_nodeVersion":"12.16.3","_npmVersion":"6.14.4","dist":{"integrity":"sha512-xCHKQmOnzxgG3RKJfHm54zh/Zv4rPepnwXrihYrsmZ24kb3b+ckVRMBVfjE34SWheRe38haIuHZVj9bkLEuDyw==","shasum":"2b23e562ac11fafcc543abbc94f89f9d68882dbf","tarball":"https://registry.npmjs.org/@arkondata/react-bpmn-modeler/-/react-bpmn-modeler-0.1.22.tgz","fileCount":112,"unpackedSize":487026,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe3KWbCRA9TVsSAnZWagAA6AMP/0Jecd51hV4TYZxIX5/d\n2CfAK0/d4Q3x1tw886B/S2ebyh4KGqrpjiL3PgBeGUL9IMUJZ9Pd9DZzQQT+\niP5iX6c2WIB2W7r2kdNWJCLzYtNnzl9XV/TUNAUjd7Nyn+8N1SeXfN1JQCIm\nYc3/5BPEqbRoraxHrWAEsWCuGpSu9+P/bASekL7UB49ZSNUJ5klMX49HDeAk\nfQ9FGTuqbSCHwCyONbxSYxpUBXcT03Dgm4IDKDuEELoycUGlEAqQ6FwbSWP9\nkImSfHzBFfZUvhTuCeDTjeco6A2rL51GPNrTctDvPmicB/ZSOCtnYieV3DqW\n6q/iN6WVPTN4ix2YQGzbJfkBDYek5zJA2lCiUyEy0gcFBcRkTZCvNOYX/YeK\nZTJ/L9WNcUMkPMMh9tFhdaPiefVOkjVaV7KvF7xnwjCADUfDy8lk07DeaTEz\nbraOAAwrKVNsPOqOcYzTOKFxO848IgTpPmH0iYxiBz/FauDZocIjFc1C0Idl\nWRq74qUWGa4nYOnm5VUKlEP08nYlHRtCWvAXfnITv8X6PBFTuEu/2QvbcR58\nRCynu4Pm73WbY2aQmiWxZy5XwK5aPwtFb9W/bytObCWMEgI0V3qsLZj2legM\nAVp/49ijTz52qoy3Wim6HOMiN0JYz41kZRKK0iANeJJfirpl3L7Y1a6Ifgcc\ngNBc\r\n=Iog+\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCMLlEq+nZKG/UDS/Dmf665xoCnwEJ/ijmv6lYMEICCLAIhAMUiYOJVF7sgX+aDm1u7E/k/XOpRPwn38DDJ94w7nsud"}]},"maintainers":[{"name":"javiermolina","email":"ing.molina.h@gmail.com"},{"name":"juananto11","email":"juananto11@hotmail.com"},{"name":"rreyes24","email":"rreyesvar@gmail.com"},{"name":"services_arkondata","email":"services@arkondata.com"}],"_npmUser":{"name":"services_arkondata","email":"services@arkondata.com"},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-bpmn-modeler_0.1.22_1591518618563_0.27168404724078754"},"_hasShrinkwrap":false},"0.1.23-beta.0":{"name":"@arkondata/react-bpmn-modeler","version":"0.1.23-beta.0","private":false,"author":{"name":"JavierMolina"},"license":"MIT","description":"React bpmn modeler","repository":{"type":"git","url":"git+https://github.com/Grupo-Abraxas/react-bpmn-modeler.git"},"keywords":["react-bpmn-modeler"],"bugs":{"url":"https://github.com/Grupo-Abraxas/react-bpmn-modeler/issues"},"homepage":"https://www.arkondata.com/","main":"lib/index.js","types":"lib","scripts":{"build:css":"rm -rf ./lib/ && node-sass src/ -o src/","build:styles":"mkdir -p lib/styles && cp -r src/styles lib/","build:font":"mkdir -p lib/bpmn-font && cp -r src/bpmn-font lib/","watch:css":"yarn build:css && node-sass src/ -o src/ -w -r","start:js":"react-scripts start","start":"npm-run-all -p watch:css start:js","build:js":"tsc -p .","build":"npm-run-all build:*","test":"react-scripts test","eject":"react-scripts eject","docker:build":"docker build -t react-bpmn-modeler_img .","docker:run":"docker run -d -p 80:80 --name react-bpmn-modeler react-bpmn-modeler_img","docker:stop":"docker rm -f react-bpmn-modeler"},"pearDependencies":{"react":"<=16.0.0"},"dependencies":{"@testing-library/jest-dom":"^4.2.4","@testing-library/react":"^9.3.2","@testing-library/user-event":"^7.1.2","bpmn-js":"^6.4.2","bpmn-js-properties-panel":"^0.33.2","camunda-bpmn-moddle":"^4.4.0","css-loader":"^3.5.2","diagram-js-minimap":"^2.0.3","node-sass":"^4.14.1","react":"^16.13.1","react-dom":"^16.13.1","react-full-screen":"^0.2.4","react-scripts":"3.4.1","style-loader":"^1.1.4","yarn-run-all":"^3.1.1"},"devDependencies":{"@types/jest":"^25.2.2","@types/node":"^14.0.1","@types/node-sass":"^4.11.1","@types/react":"^16.9.35","@types/react-dom":"^16.9.8","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","eslint-config-import":"^0.13.0","eslint-config-prettier":"^6.11.0","eslint-plugin-import":"^2.20.2","eslint-plugin-prettier":"^3.1.3","eslint-plugin-react":"^7.20.0","eslint-plugin-react-hooks":"^4.0.2","eslint-plugin-simple-import-sort":"^5.0.3","husky":"^4.2.5","lint-staged":"^10.2.2","prettier":"^2.0.5","typescript":"^3.8.3"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"lint-staged":{"src/**/*.{js,jsx,ts,tsx}":["eslint --fix","prettier --write"],"src/**/*.{css,scss,md,json}":["prettier --write"]},"husky":{"hooks":{"pre-commit":"lint-staged"}},"readmeFilename":"README.md","readme":"# react-bpmn-modeler #\n\nReact bpmn modeler (Beta)\n\n## How to install ##\n\nWith npm\n\n```bash\nnpm install @arkondata/react-bpmn-modeler\n```\n\nWith yarn\n\n```bash\nyarn add @arkondata/react-bpmn-modeler\n```\n\n## How to use ##\n\nWith React Typescript\n\n```tsx\nimport React, { FC, useRef, useState, useCallback, useEffect } from 'react'\nimport { Bpmn } from '@arkondata/react-bpmn-modeler/lib/components'\nimport { BpmnModelerType, PadEntriesType } from '@arkondata/react-bpmn-modeler/lib/components/types'\n\n//load bpmnStringFile from anywere\nconst getBpmnFile = (): string => `<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<bpmn:definitions xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xmlns:bpmn=\"http://www.omg.org/spec/BPMN/20100524/MODEL\" xmlns:bpmndi=\"http://www.omg.org/spec/BPMN/20100524/DI\" xmlns:dc=\"http://www.omg.org/spec/DD/20100524/DC\" xmlns:di=\"http://www.omg.org/spec/DD/20100524/DI\" id=\"Definitions_1\" targetNamespace=\"http://bpmn.io/schema/bpmn\">\n  <bpmn:collaboration id=\"Collaboration_0nai2jf\">\n    <bpmn:participant id=\"Participant_0n01i1w\" processRef=\"Process_1\" />\n  </bpmn:collaboration>\n  <bpmn:process id=\"Process_1\" isExecutable=\"false\">\n    <bpmn:startEvent id=\"Event_0sd8xgt\" name=\"Start\">\n      <bpmn:outgoing>Flow_094auwy</bpmn:outgoing>\n    </bpmn:startEvent>\n    <bpmn:task id=\"Activity_02384jl\" name=\"Example task label\">\n      <bpmn:incoming>Flow_094auwy</bpmn:incoming>\n    </bpmn:task>\n    <bpmn:sequenceFlow id=\"Flow_094auwy\" sourceRef=\"Event_0sd8xgt\" targetRef=\"Activity_02384jl\" />\n  </bpmn:process>\n  <bpmndi:BPMNDiagram id=\"BPMNDiagram_1\">\n    <bpmndi:BPMNPlane id=\"BPMNPlane_1\" bpmnElement=\"Collaboration_0nai2jf\">\n      <bpmndi:BPMNShape id=\"Participant_0n01i1w_di\" bpmnElement=\"Participant_0n01i1w\" isHorizontal=\"true\">\n        <dc:Bounds x=\"-400\" y=\"-320\" width=\"600\" height=\"250\" />\n      </bpmndi:BPMNShape>\n      <bpmndi:BPMNEdge id=\"Flow_094auwy_di\" bpmnElement=\"Flow_094auwy\">\n        <di:waypoint x=\"-282\" y=\"-210\" />\n        <di:waypoint x=\"-230\" y=\"-210\" />\n      </bpmndi:BPMNEdge>\n      <bpmndi:BPMNShape id=\"Event_0sd8xgt_di\" bpmnElement=\"Event_0sd8xgt\">\n        <dc:Bounds x=\"-318\" y=\"-228\" width=\"36\" height=\"36\" />\n        <bpmndi:BPMNLabel>\n          <dc:Bounds x=\"-312\" y=\"-185\" width=\"24\" height=\"14\" />\n        </bpmndi:BPMNLabel>\n      </bpmndi:BPMNShape>\n      <bpmndi:BPMNShape id=\"Activity_02384jl_di\" bpmnElement=\"Activity_02384jl\">\n        <dc:Bounds x=\"-230\" y=\"-250\" width=\"100\" height=\"80\" />\n      </bpmndi:BPMNShape>\n    </bpmndi:BPMNPlane>\n  </bpmndi:BPMNDiagram>\n</bpmn:definitions>`\n\n// Item classes to remove from the item popup panel\nexport const elementClassesToRemove = [\n  'bpmn-icon-subprocess-collapsed',\n  'bpmn-icon-subprocess-expanded',\n  'bpmn-icon-business-rule',\n  'bpmn-icon-service',\n  'bpmn-icon-start-event-condition',\n  'bpmn-icon-start-event-signal',\n  'bpmn-icon-data-object',\n  'bpmn-icon-data-store'\n]\n\n// Item classes to remove from the item lateral pad\n\nexport const customPadEntries: PadEntriesType = {\n  StartEvent: [],\n  IntermediateThrowEvent: [],\n  IntermediateCatchEvent: [],\n  EndEvent: [],\n  CallActivity: [],\n  SubProcess: [],\n  Gateway: [],\n  SequenceFlow: ['bpmn-icon-custom-sequence-flow-configuration'],\n  TextAnnotation: [],\n  Participant: [],\n  Lane: [],\n  DataStoreReference: [],\n  DataObjectReference: [],\n  label: [],\n  Association: [],\n  Group: [],\n  Task: ['bpmn-icon-custom-task-documentation', 'bpmn-icon-custom-task-settings']\n}\n\nconst App: FC = () => {\n  const modelerRef = useRef<BpmnModelerType>()\n  const [model, setModel] = useState<JSX.Element>()\n  const [bpmnStringFile, setBpmnStringFile] = useState('')\n\n  const onTaskConfigurationClick = (event: CustomEvent): void => alert(JSON.stringify(event.detail))\n\n  const onTaskDocumentationClick = (event: CustomEvent): void => {\n    // Example of editing properties of an element\n    const elementRegistry = modelerRef.current?.get('elementRegistry')\n    const modeling = modelerRef.current?.get('modeling')\n    const moddle = modelerRef.current?.get('moddle')\n    const element = elementRegistry.get(event.detail.id)\n    const newText = 'Documentation text'\n    const documentation = moddle.create('bpmn:Documentation', { text: newText })\n    modeling.updateProperties(element, { documentation: [documentation] })\n  }\n\n  const onElementChange = (xml: string): void => alert(xml)\n\n  const onSequenceFlowConfigurationClick = (event: CustomEvent): void => {\n    // Example of creating conditionExpression of a gateway element\n    const elementRegistry = modelerRef.current?.get('elementRegistry')\n    const modeling = modelerRef.current?.get('modeling')\n    const moddle = modelerRef.current?.get('moddle')\n    const element = elementRegistry.get(event.detail.id)\n\n    if (element.businessObject.sourceRef.$type.toLowerCase().includes('gateway')) {\n      const sequenceFlowElement = elementRegistry.get(element.businessObject.id)\n      const sequenceFlow = sequenceFlowElement.businessObject\n      const newFormalCondition = `$\\{true}`\n      const newConditionName = 'Yes'\n      const newCondition = moddle.create('bpmn:FormalExpression', {\n        body: newFormalCondition\n      })\n      sequenceFlow.conditionExpression = newCondition\n      modeling.updateProperties(sequenceFlowElement, {\n        name: newConditionName,\n        conditionExpression: newCondition\n      })\n    }\n  }\n\n  const updateCurrentShapeId = (elementId: string): void => {\n    // Example of changing the Id of an element and its references.\n    const elementRegistry = modelerRef.current?.get('elementRegistry')\n    const modeling = modelerRef.current?.get('modeling')\n    const element = elementRegistry.get(elementId)\n    modeling.updateProperties(element, { id: `${elementId}_customId` })\n  }\n\n  const onRootShapeUpdate = (id: string, type: string): void =>\n    alert(`${id} ${type} root shape updated!`)\n\n  const onError = (error: Error): void => alert(error)\n\n  const setModeler = useCallback(\n    (): JSX.Element => (\n      <Bpmn\n        modelerRef={modelerRef}\n        bpmnStringFile={bpmnStringFile}\n        modelerInnerHeight={window.innerHeight}\n        defaultStrokeColor={'#5F84CF'}\n        elementClassesToRemove={elementClassesToRemove}\n        customPadEntries={customPadEntries}\n        // It is executed by clicking the \"Task configuration\" button on the side pad of the Task element.\n        onTaskConfigurationClick={onTaskConfigurationClick}\n        // It is executed by clicking the \"Task documentation\" button on the side pad of the Task element.\n        onTaskDocumentationClick={onTaskDocumentationClick}\n        // It is executed by clicking the \"Sequence Flow configuration\" button on the side pad of the Task element.\n        onSequenceFlowConfigurationClick={onSequenceFlowConfigurationClick}\n        // It is executed when listening to the event \"elements.changed\",\n        // it returns the xml file generated by the bpmn modeler after a change of any element of the diagram.\n        onElementChange={onElementChange}\n        // It is executed when listening to the event \"commandStack.shape.create.postExecuted\",\n        // returns the Id of the created element\n        onShapeCreate={updateCurrentShapeId}\n        // It is executed when listening to the event \"commandStack.canvas.updateRoot.postExecute\",\n        // returns the Id and type of the root shape\n        onRootShapeUpdate={onRootShapeUpdate}\n        onError={onError}\n      />\n    ),\n    [bpmnStringFile]\n  )\n\n  useEffect(() => {\n    setBpmnStringFile(getBpmnFile())\n  }, [setBpmnStringFile])\n\n  useEffect(() => {\n    if (bpmnStringFile && !model) {\n      setModel(setModeler)\n    }\n  }, [bpmnStringFile, model, setModeler])\n\n  return <>{model}</>\n}\n\nexport default App\n\n```\n\nWith React\n\n```jsx\n\nimport React, { FC, useRef, useState, useCallback, useEffect } from 'react'\nimport { Bpmn } from '@arkondata/react-bpmn-modeler/lib/components'\n\n//load bpmnStringFile from anywere\nconst getBpmnFile = () => `<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<bpmn:definitions xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xmlns:bpmn=\"http://www.omg.org/spec/BPMN/20100524/MODEL\" xmlns:bpmndi=\"http://www.omg.org/spec/BPMN/20100524/DI\" xmlns:dc=\"http://www.omg.org/spec/DD/20100524/DC\" xmlns:di=\"http://www.omg.org/spec/DD/20100524/DI\" id=\"Definitions_1\" targetNamespace=\"http://bpmn.io/schema/bpmn\">\n  <bpmn:collaboration id=\"Collaboration_0nai2jf\">\n    <bpmn:participant id=\"Participant_0n01i1w\" processRef=\"Process_1\" />\n  </bpmn:collaboration>\n  <bpmn:process id=\"Process_1\" isExecutable=\"false\">\n    <bpmn:startEvent id=\"Event_0sd8xgt\" name=\"Start\">\n      <bpmn:outgoing>Flow_094auwy</bpmn:outgoing>\n    </bpmn:startEvent>\n    <bpmn:task id=\"Activity_02384jl\" name=\"Example task label\">\n      <bpmn:incoming>Flow_094auwy</bpmn:incoming>\n    </bpmn:task>\n    <bpmn:sequenceFlow id=\"Flow_094auwy\" sourceRef=\"Event_0sd8xgt\" targetRef=\"Activity_02384jl\" />\n  </bpmn:process>\n  <bpmndi:BPMNDiagram id=\"BPMNDiagram_1\">\n    <bpmndi:BPMNPlane id=\"BPMNPlane_1\" bpmnElement=\"Collaboration_0nai2jf\">\n      <bpmndi:BPMNShape id=\"Participant_0n01i1w_di\" bpmnElement=\"Participant_0n01i1w\" isHorizontal=\"true\">\n        <dc:Bounds x=\"-400\" y=\"-320\" width=\"600\" height=\"250\" />\n      </bpmndi:BPMNShape>\n      <bpmndi:BPMNEdge id=\"Flow_094auwy_di\" bpmnElement=\"Flow_094auwy\">\n        <di:waypoint x=\"-282\" y=\"-210\" />\n        <di:waypoint x=\"-230\" y=\"-210\" />\n      </bpmndi:BPMNEdge>\n      <bpmndi:BPMNShape id=\"Event_0sd8xgt_di\" bpmnElement=\"Event_0sd8xgt\">\n        <dc:Bounds x=\"-318\" y=\"-228\" width=\"36\" height=\"36\" />\n        <bpmndi:BPMNLabel>\n          <dc:Bounds x=\"-312\" y=\"-185\" width=\"24\" height=\"14\" />\n        </bpmndi:BPMNLabel>\n      </bpmndi:BPMNShape>\n      <bpmndi:BPMNShape id=\"Activity_02384jl_di\" bpmnElement=\"Activity_02384jl\">\n        <dc:Bounds x=\"-230\" y=\"-250\" width=\"100\" height=\"80\" />\n      </bpmndi:BPMNShape>\n    </bpmndi:BPMNPlane>\n  </bpmndi:BPMNDiagram>\n</bpmn:definitions>`\n\n// Item classes to remove from the item popup panel\nexport const elementClassesToRemove = [\n  'bpmn-icon-subprocess-collapsed',\n  'bpmn-icon-subprocess-expanded',\n  'bpmn-icon-business-rule',\n  'bpmn-icon-service',\n  'bpmn-icon-start-event-condition',\n  'bpmn-icon-start-event-signal',\n  'bpmn-icon-data-object',\n  'bpmn-icon-data-store'\n]\n\n// Item classes to remove from the item lateral pad\nexport const customPadEntries = {\n  StartEvent: [],\n  IntermediateThrowEvent: [],\n  IntermediateCatchEvent: [],\n  EndEvent: [],\n  CallActivity: [],\n  SubProcess: [],\n  Gateway: [],\n  SequenceFlow: ['bpmn-icon-custom-sequence-flow-configuration'],\n  TextAnnotation: [],\n  Participant: [],\n  Lane: [],\n  DataStoreReference: [],\n  DataObjectReference: [],\n  label: [],\n  Association: [],\n  Group: [],\n  Task: ['bpmn-icon-custom-task-documentation', 'bpmn-icon-custom-task-settings']\n}\n\nconst App = () => {\n  const modelerRef = useRef()\n  const [model, setModel] = useState()\n  const [bpmnStringFile, setBpmnStringFile] = useState('')\n\n  const onTaskConfigurationClick = event => alert(JSON.stringify(event.detail))\n\n  const onTaskDocumentationClick = event => {\n    // Example of editing properties of an element\n    const elementRegistry = modelerRef.current?.get('elementRegistry')\n    const modeling = modelerRef.current?.get('modeling')\n    const moddle = modelerRef.current?.get('moddle')\n    const element = elementRegistry.get(event.detail.id)\n    const newText = 'Documentation text'\n    const documentation = moddle.create('bpmn:Documentation', { text: newText })\n    modeling.updateProperties(element, { documentation: [documentation] })\n  }\n\n  const onElementChange = xml => alert(xml)\n\n  const onSequenceFlowConfigurationClick = event => {\n    // Example of creating conditionExpression of a gateway element\n    const elementRegistry = modelerRef.current?.get('elementRegistry')\n    const modeling = modelerRef.current?.get('modeling')\n    const moddle = modelerRef.current?.get('moddle')\n    const element = elementRegistry.get(event.detail.id)\n\n    if (element.businessObject.sourceRef.$type.toLowerCase().includes('gateway')) {\n      const sequenceFlowElement = elementRegistry.get(element.businessObject.id)\n      const sequenceFlow = sequenceFlowElement.businessObject\n      const newFormalCondition = `$\\{true}`\n      const newConditionName = 'Yes'\n      const newCondition = moddle.create('bpmn:FormalExpression', {\n        body: newFormalCondition\n      })\n      sequenceFlow.conditionExpression = newCondition\n      modeling.updateProperties(sequenceFlowElement, {\n        name: newConditionName,\n        conditionExpression: newCondition\n      })\n    }\n  }\n\n  const updateCurrentShapeId = elementId => {\n    // Example of changing the Id of an element and its references.\n    const elementRegistry = modelerRef.current?.get('elementRegistry')\n    const modeling = modelerRef.current?.get('modeling')\n    const element = elementRegistry.get(elementId)\n    modeling.updateProperties(element, { id: `${elementId}_customId` })\n  }\n\n  const onRootShapeUpdate = (id, type) =>\n    alert(`${id} ${type} root shape updated!`)\n\n  const onError = error => alert(error)\n\n  const setModeler = useCallback(\n    () => (\n      <Bpmn\n        modelerRef={modelerRef}\n        bpmnStringFile={bpmnStringFile}\n        modelerInnerHeight={window.innerHeight}\n        defaultStrokeColor={'#5F84CF'}\n        elementClassesToRemove={elementClassesToRemove}\n        customPadEntries={customPadEntries}\n        // It is executed by clicking the \"Task configuration\" button on the side pad of the Task element.\n        onTaskConfigurationClick={onTaskConfigurationClick}\n        // It is executed by clicking the \"Task documentation\" button on the side pad of the Task element.\n        onTaskDocumentationClick={onTaskDocumentationClick}\n        // It is executed by clicking the \"Sequence Flow configuration\" button on the side pad of the Task element.\n        onSequenceFlowConfigurationClick={onSequenceFlowConfigurationClick}\n        // It is executed when listening to the event \"elements.changed\",\n        // it returns the xml file generated by the bpmn modeler after a change of any element of the diagram.\n        onElementChange={onElementChange}\n        // It is executed when listening to the event \"commandStack.shape.create.postExecuted\",\n        // returns the Id of the created element\n        onShapeCreate={updateCurrentShapeId}\n        // It is executed when listening to the event \"commandStack.canvas.updateRoot.postExecute\",\n        // returns the Id and type of the root shape\n        onRootShapeUpdate={onRootShapeUpdate}\n        onError={onError}\n      />\n    ),\n    [bpmnStringFile]\n  )\n\n  useEffect(() => {\n    setBpmnStringFile(getBpmnFile())\n  }, [setBpmnStringFile])\n\n  useEffect(() => {\n    if (bpmnStringFile && !model) {\n      setModel(setModeler)\n    }\n  }, [bpmnStringFile, model, setModeler])\n\n  return <>{model}</>\n}\n\nexport default App\n\n```\n\n## Params ##\n\n* **modelerRef:** It's the reference to the \"div\" of the \"container\" of the bpmn modeler. **\\***\n\n* **bpmnStringFile:** A .bpmn file in text string, if not provided an empty .bpmn file will be generated. **\\***\n\n* **modelerInnerHeight:** Window height setting, if not provided, takes the size of the current window by default.\n\n* **actionButtonClassName:** React className of action button.\n\n* **zStep:** Number of zoom step of zoom in/out action button.\n\n* **defaultStrokeColor:** Default color of stroke shape elements, accepts definition of css colors in a text string.\n\n* **elementClassesToRemove:** Item classes to remove from the item popup panel.\n\nexist\n\n```typescript\nconst customPadClassNames = [\n  'bpmn-icon-custom-task-settings',\n  'bpmn-icon-custom-task-documentation',\n  'bpmn-icon-custom-sequence-flow-configuration'\n]\n```\n\n* **customPadEntries:** Item html-css classes of icon to remove from the item lateral pad.\n\n* **onElementChange:** A function that runs every time a bpmn modeler element changes, accepts as a parameter a variable that contains the exported file in a text string.\n\n* **onTaskConfigurationClick:** It is a function that is executed when you click on the gear icon in the side pad of a task element, it accepts a function that receives as event parameter of the selected element.\n\n*event.detail* returns\n\n```typescript\n{\n  id: string\n  $type: string\n  $parent: {\n    id: string\n    $type: string\n  }\n}\n```\n\n* **onTaskDocumentationClick:** It is a function that is executed when you click on the document icon in the side pad of a task element, it accepts a function that receives as event parameter of the selected element.\n\n*event.detail* returns\n\n```typescript\n{\n  id: string\n  $type: string\n  $parent: {\n    id: string\n    $type: string\n  }\n}\n```\n\n* **onRootShapeUpdate** It is a function that is executed when a Pool/Participant is created or deleted.\n\n*event.detail* returns\n\n```typescript\nid: string\ntype: string\n```\n\n* **onError:** It is executed in case of error, it accepts a function that receives the error as a parameter. **\\***\n\n*Required params*  *\n","_id":"@arkondata/react-bpmn-modeler@0.1.23-beta.0","dist":{"shasum":"7bd824fe14b003249ec1291db4cff100c5c15438","integrity":"sha512-x0jQVGvRIy4ijhGcCa5Z0s/GoUBm1iXPV6L6ixDM/sV2SJU5eshAhdJ00W00eaSCfi1p5qUtUVYDRu7q0u8VlQ==","tarball":"https://registry.npmjs.org/@arkondata/react-bpmn-modeler/-/react-bpmn-modeler-0.1.23-beta.0.tgz","fileCount":131,"unpackedSize":520621,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8EmHCRA9TVsSAnZWagAA/eAP/Rk6gyTwepUktv8lwq5s\nmGRieK9AKDwak3ufVOwyI70TmWq79XHlDuaK9BN7+z6l4DFU861k70mpYCVW\nY3eXJ5q8UM4tg+IKcCdhy2OHPeekKGQX86g3igD+eFpKq6L8KGARDwo7TuVv\nHM4ytqULQE5UytH5zbzp0JodfwftppppNN9RCcuCSwkUjg7EXbcB3yGdcLuJ\nLEz0jyx2csr9N8H+fQF0RVvASybvJlfr99wUp1hkc92lv1Ex9AtYnjxEVLWj\nN/e7pyTsiCrxP8Cnj7YAVk6Zc5FJQCD1LnM5KLEwn0D/zVcrOnF4ZCbWUoYJ\njxet4LGicHVe/2zsKHIUmOiQEoNfXpubYWSE2ZkhrjY4FnBS9ppp/acTxet3\n4kEHnIvwpwaElA58y+6OJq1L7hPOX6nMNBzSuOQpOiDsMXxNXTivsNN95P1G\npyYSGlRIaTm62FtJOrgxhO2xcDVIiaFVFj2/KcOKeVc+BL+kqehac38hUFfa\ndCjdbgm244p4tbqDqcuJCtdzpPe5O633g0flvHuRO/3YgZ4EYWD7byYZavTk\n3c1J4aaCYfhXQykPVzVS0jH9hu09L3TfIqKAE2px8x+XJZHBT/FisLcYDbki\n/GBLoyz5mptNp33HgFGy7goIoR25JunYSmzJUISsV4kiF2hPnU3q505GXOjc\nrVfB\r\n=D9QS\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEAsy5MlT7yLn3A5OfX6VIZq3fzxaIiwovxYQat5D73OAiEAtcECzS+GicmQmhKn7gfv0ixEr8dRDXMVL3+SzCFqII4="}]},"maintainers":[{"name":"javiermolina","email":"ing.molina.h@gmail.com"},{"name":"juananto11","email":"juananto11@hotmail.com"},{"name":"rreyes24","email":"rreyesvar@gmail.com"},{"name":"services_arkondata","email":"services@arkondata.com"}],"_npmUser":{"name":"javiermolina","email":"ing.molina.h@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-bpmn-modeler_0.1.23-beta.0_1592805766565_0.72011256293617"},"_hasShrinkwrap":false},"0.1.24-beta.1":{"name":"@arkondata/react-bpmn-modeler","version":"0.1.24-beta.1","private":false,"author":{"name":"JavierMolina"},"license":"MIT","description":"React bpmn modeler","repository":{"type":"git","url":"git+https://github.com/Grupo-Abraxas/react-bpmn-modeler.git"},"keywords":["react-bpmn-modeler"],"bugs":{"url":"https://github.com/Grupo-Abraxas/react-bpmn-modeler/issues"},"homepage":"https://www.arkondata.com/","main":"lib/index.js","types":"lib","scripts":{"build:css":"rm -rf ./lib/ && node-sass src/ -o src/","build:styles":"mkdir -p lib/styles && cp -r src/styles lib/","build:font":"mkdir -p lib/bpmn-font && cp -r src/bpmn-font lib/","watch:css":"yarn build:css && node-sass src/ -o src/ -w -r","start:js":"react-scripts start","start":"npm-run-all -p watch:css start:js","build:js":"tsc -p .","build":"npm-run-all build:*","test":"react-scripts test","eject":"react-scripts eject","docker:build":"docker build -t react-bpmn-modeler_img .","docker:run":"docker run -d -p 80:80 --name react-bpmn-modeler react-bpmn-modeler_img","docker:stop":"docker rm -f react-bpmn-modeler"},"pearDependencies":{"react":"<=16.0.0"},"dependencies":{"@testing-library/jest-dom":"^4.2.4","@testing-library/react":"^9.3.2","@testing-library/user-event":"^7.1.2","bpmn-js":"^6.4.2","bpmn-js-properties-panel":"^0.33.2","camunda-bpmn-moddle":"^4.4.0","css-loader":"^3.5.2","diagram-js-minimap":"^2.0.3","node-sass":"^4.14.1","react":"^16.13.1","react-dom":"^16.13.1","react-full-screen":"^0.2.4","react-scripts":"3.4.1","style-loader":"^1.1.4","yarn-run-all":"^3.1.1"},"devDependencies":{"@types/jest":"^25.2.2","@types/node":"^14.0.1","@types/node-sass":"^4.11.1","@types/react":"^16.9.35","@types/react-dom":"^16.9.8","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","eslint-config-import":"^0.13.0","eslint-config-prettier":"^6.11.0","eslint-plugin-import":"^2.20.2","eslint-plugin-prettier":"^3.1.3","eslint-plugin-react":"^7.20.0","eslint-plugin-react-hooks":"^4.0.2","eslint-plugin-simple-import-sort":"^5.0.3","husky":"^4.2.5","lint-staged":"^10.2.2","prettier":"^2.0.5","typescript":"^3.8.3"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"lint-staged":{"src/**/*.{js,jsx,ts,tsx}":["eslint --fix","prettier --write"],"src/**/*.{css,scss,md,json}":["prettier --write"]},"husky":{"hooks":{"pre-commit":"lint-staged"}},"readmeFilename":"README.md","readme":"# react-bpmn-modeler #\n\nReact bpmn modeler (Beta)\n\n## How to install ##\n\nWith npm\n\n```bash\nnpm install @arkondata/react-bpmn-modeler\n```\n\nWith yarn\n\n```bash\nyarn add @arkondata/react-bpmn-modeler\n```\n\n## How to use ##\n\nWith React Typescript\n\n```tsx\nimport React, { FC, useRef, useState, useCallback, useEffect } from 'react'\nimport { Bpmn } from '@arkondata/react-bpmn-modeler/lib/components'\nimport { BpmnModelerType, PadEntriesType } from '@arkondata/react-bpmn-modeler/lib/components/types'\n\n//load bpmnStringFile from anywere\nconst getBpmnFile = (): string => `<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<bpmn:definitions xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xmlns:bpmn=\"http://www.omg.org/spec/BPMN/20100524/MODEL\" xmlns:bpmndi=\"http://www.omg.org/spec/BPMN/20100524/DI\" xmlns:dc=\"http://www.omg.org/spec/DD/20100524/DC\" xmlns:di=\"http://www.omg.org/spec/DD/20100524/DI\" id=\"Definitions_1\" targetNamespace=\"http://bpmn.io/schema/bpmn\">\n  <bpmn:collaboration id=\"Collaboration_0nai2jf\">\n    <bpmn:participant id=\"Participant_0n01i1w\" processRef=\"Process_1\" />\n  </bpmn:collaboration>\n  <bpmn:process id=\"Process_1\" isExecutable=\"false\">\n    <bpmn:startEvent id=\"Event_0sd8xgt\" name=\"Start\">\n      <bpmn:outgoing>Flow_094auwy</bpmn:outgoing>\n    </bpmn:startEvent>\n    <bpmn:task id=\"Activity_02384jl\" name=\"Example task label\">\n      <bpmn:incoming>Flow_094auwy</bpmn:incoming>\n    </bpmn:task>\n    <bpmn:sequenceFlow id=\"Flow_094auwy\" sourceRef=\"Event_0sd8xgt\" targetRef=\"Activity_02384jl\" />\n  </bpmn:process>\n  <bpmndi:BPMNDiagram id=\"BPMNDiagram_1\">\n    <bpmndi:BPMNPlane id=\"BPMNPlane_1\" bpmnElement=\"Collaboration_0nai2jf\">\n      <bpmndi:BPMNShape id=\"Participant_0n01i1w_di\" bpmnElement=\"Participant_0n01i1w\" isHorizontal=\"true\">\n        <dc:Bounds x=\"-400\" y=\"-320\" width=\"600\" height=\"250\" />\n      </bpmndi:BPMNShape>\n      <bpmndi:BPMNEdge id=\"Flow_094auwy_di\" bpmnElement=\"Flow_094auwy\">\n        <di:waypoint x=\"-282\" y=\"-210\" />\n        <di:waypoint x=\"-230\" y=\"-210\" />\n      </bpmndi:BPMNEdge>\n      <bpmndi:BPMNShape id=\"Event_0sd8xgt_di\" bpmnElement=\"Event_0sd8xgt\">\n        <dc:Bounds x=\"-318\" y=\"-228\" width=\"36\" height=\"36\" />\n        <bpmndi:BPMNLabel>\n          <dc:Bounds x=\"-312\" y=\"-185\" width=\"24\" height=\"14\" />\n        </bpmndi:BPMNLabel>\n      </bpmndi:BPMNShape>\n      <bpmndi:BPMNShape id=\"Activity_02384jl_di\" bpmnElement=\"Activity_02384jl\">\n        <dc:Bounds x=\"-230\" y=\"-250\" width=\"100\" height=\"80\" />\n      </bpmndi:BPMNShape>\n    </bpmndi:BPMNPlane>\n  </bpmndi:BPMNDiagram>\n</bpmn:definitions>`\n\n// Item classes to remove from the item popup panel\nexport const elementClassesToRemove = [\n  'bpmn-icon-subprocess-collapsed',\n  'bpmn-icon-subprocess-expanded',\n  'bpmn-icon-business-rule',\n  'bpmn-icon-service',\n  'bpmn-icon-start-event-condition',\n  'bpmn-icon-start-event-signal',\n  'bpmn-icon-data-object',\n  'bpmn-icon-data-store',\n]\n\n// Item classes to remove from the item lateral pad\nexport const customPadEntries: PadEntriesType = {\n  StartEvent: ['bpmn-icon-custom-remove'],\n  IntermediateThrowEvent: ['bpmn-icon-custom-remove'],\n  IntermediateCatchEvent: ['bpmn-icon-custom-remove'],\n  EndEvent: ['bpmn-icon-custom-remove'],\n  CallActivity: ['bpmn-icon-custom-remove'],\n  SubProcess: ['bpmn-icon-custom-remove'],\n  Gateway: ['bpmn-icon-custom-remove'],\n  SequenceFlow: [\n    'bpmn-icon-custom-sequence-flow-configuration',\n    'bpmn-icon-custom-remove'\n  ],\n  TextAnnotation: ['bpmn-icon-custom-remove'],\n  Participant: ['bpmn-icon-custom-remove'],\n  Lane: ['bpmn-icon-custom-remove'],\n  DataStoreReference: ['bpmn-icon-custom-remove'],\n  DataObjectReference: ['bpmn-icon-custom-remove'],\n  label: ['bpmn-icon-custom-remove'],\n  Association: ['bpmn-icon-custom-remove'],\n  Group: ['bpmn-icon-custom-remove'],\n  Task: [\n    'bpmn-icon-custom-task-documentation',\n    'bpmn-icon-custom-task-settings',\n    'bpmn-icon-custom-remove'\n  ],\n}\n\nconst App: FC = () => {\n  const modelerRef = useRef<BpmnModelerType>()\n  const [model, setModel] = useState<JSX.Element>()\n  const [bpmnStringFile, setBpmnStringFile] = useState('')\n\n  const onTaskConfigurationClick = (event: CustomEvent): void => alert(JSON.stringify(event.detail))\n\n  const onTaskDocumentationClick = (event: CustomEvent): void => {\n    // Example of editing properties of an element\n    const elementRegistry = modelerRef.current?.get('elementRegistry')\n    const modeling = modelerRef.current?.get('modeling')\n    const moddle = modelerRef.current?.get('moddle')\n    const element = elementRegistry.get(event.detail.id)\n    const newText = 'Documentation text'\n    const documentation = moddle.create('bpmn:Documentation', { text: newText })\n    modeling.updateProperties(element, { documentation: [documentation] })\n  }\n  const onRemoveClick = (event: CustomEvent): void => {\n    // Example of remove shape confirmation\n    const deleteIt = window.confirm('Are you sure to delete the element?')\n    if (deleteIt) {\n      const elementRegistry = modelerRef.current?.get('elementRegistry')\n      const modeling = modelerRef.current?.get('modeling')\n      const element = elementRegistry.get(event.detail.id)\n      modeling.removeShape(element)\n    }\n  }\n\n  const onElementChange = (xml: string): void => alert(xml)\n\n  const onSequenceFlowConfigurationClick = (event: CustomEvent): void => {\n    // Example of creating conditionExpression of a gateway element\n    const elementRegistry = modelerRef.current?.get('elementRegistry')\n    const modeling = modelerRef.current?.get('modeling')\n    const moddle = modelerRef.current?.get('moddle')\n    const element = elementRegistry.get(event.detail.id)\n\n    if (element.businessObject.sourceRef.$type.toLowerCase().includes('gateway')) {\n      const sequenceFlowElement = elementRegistry.get(element.businessObject.id)\n      const sequenceFlow = sequenceFlowElement.businessObject\n      const newFormalCondition = `$\\{true}`\n      const newConditionName = 'Yes'\n      const newCondition = moddle.create('bpmn:FormalExpression', {\n        body: newFormalCondition\n      })\n      sequenceFlow.conditionExpression = newCondition\n      modeling.updateProperties(sequenceFlowElement, {\n        name: newConditionName,\n        conditionExpression: newCondition\n      })\n    }\n  }\n\n  const updateCurrentShapeId = (elementId: string): void => {\n    // Example of changing the Id of an element and its references.\n    const elementRegistry = modelerRef.current?.get('elementRegistry')\n    const modeling = modelerRef.current?.get('modeling')\n    const element = elementRegistry.get(elementId)\n    modeling.updateProperties(element, { id: `${elementId}_customId` })\n  }\n\n  const onRootShapeUpdate = (id: string, type: string): void =>\n    alert(`${id} ${type} root shape updated!`)\n\n  const onError = (error: Error): void => alert(error)\n\n  const setModeler = useCallback(\n    (): JSX.Element => (\n      <Bpmn\n        modelerRef={modelerRef}\n        bpmnStringFile={bpmnStringFile}\n        modelerInnerHeight={window.innerHeight}\n        defaultStrokeColor={'#5F84CF'}\n        elementClassesToRemove={elementClassesToRemove}\n        customPadEntries={customPadEntries}\n        // It is executed by clicking the \"Task configuration\" button on the side pad of the Task element.\n        onTaskConfigurationClick={onTaskConfigurationClick}\n        // It is executed by clicking the \"Task documentation\" button on the side pad of the Task element.\n        onTaskDocumentationClick={onTaskDocumentationClick}\n        // It is executed by clicking the \"Sequence Flow configuration\" button on the side pad of the Task element.\n        onSequenceFlowConfigurationClick={onSequenceFlowConfigurationClick}\n        // It is executed by clicking the \"Remove\" button on the side pad of the Task element.\n        onRemoveClick={onRemoveClick}\n        // It is executed when listening to the event \"elements.changed\",\n        // it returns the xml file generated by the bpmn modeler after a change of any element of the diagram.\n        onElementChange={onElementChange}\n        // It is executed when listening to the event \"commandStack.shape.create.postExecuted\",\n        // returns the Id of the created element\n        onShapeCreate={updateCurrentShapeId}\n        // It is executed when listening to the event \"commandStack.canvas.updateRoot.postExecute\",\n        // returns the Id and type of the root shape\n        onRootShapeUpdate={onRootShapeUpdate}\n        onError={onError}\n      />\n    ),\n    [bpmnStringFile]\n  )\n\n  useEffect(() => {\n    setBpmnStringFile(getBpmnFile())\n  }, [setBpmnStringFile])\n\n  useEffect(() => {\n    if (bpmnStringFile && !model) {\n      setModel(setModeler)\n    }\n  }, [bpmnStringFile, model, setModeler])\n\n  return <>{model}</>\n}\n\nexport default App\n\n```\n\n## Params ##\n\n* **modelerRef:** It's the reference to the \"div\" of the \"container\" of the bpmn modeler. **\\***\n\n* **bpmnStringFile:** A .bpmn file in text string, if not provided an empty .bpmn file will be generated. **\\***\n\n* **modelerInnerHeight:** Window height setting, if not provided, takes the size of the current window by default.\n\n* **actionButtonClassName:** React className of action button.\n\n* **zStep:** Number of zoom step of zoom in/out action button.\n\n* **defaultStrokeColor:** Default color of stroke shape elements, accepts definition of css colors in a text string.\n\n* **elementClassesToRemove:** Item classes to remove from the item popup panel.\n\nexist\n\n```typescript\nconst customPadClassNames = [\n  'bpmn-icon-custom-task-settings',\n  'bpmn-icon-custom-task-documentation',\n  'bpmn-icon-custom-sequence-flow-configuration'\n]\n```\n\n* **customPadEntries:** Item html-css classes of icon to remove from the item lateral pad.\n\n* **onElementChange:** A function that runs every time a bpmn modeler element changes, accepts as a parameter a variable that contains the exported file in a text string.\n\n* **onTaskConfigurationClick:** It is a function that is executed when you click on the gear icon in the side pad of a task element, it accepts a function that receives as event parameter of the selected element.\n\n*event.detail* returns\n\n```typescript\n{\n  id: string\n  $type: string\n  $parent: {\n    id: string\n    $type: string\n  }\n}\n```\n\n* **onTaskDocumentationClick:** It is a function that is executed when you click on the *document* icon in the side pad of a task element, it accepts a function that receives as event parameter of the selected element.\n\n*event.detail* returns\n\n```typescript\n{\n  id: string\n  $type: string\n  $parent: {\n    id: string\n    $type: string\n  }\n}\n```\n\n* **onSequenceFlowConfigurationClick** It is a function that is executed when you click on the *gear* icon in the side pad of a task element, it accepts a function that receives as event parameter of the selected element.\n\n*event.detail* returns\n\n```typescript\n{\n  id: string\n  $type: string\n  $parent: {\n    id: string\n    $type: string\n  }\n}\n```\n\n* **onRemoveClick** It is a function that is executed when you click on the *trash* icon in the side pad of a task element, it accepts a function that receives as event parameter of the selected element.\n\n*event.detail* returns\n\n```typescript\n{\n  id: string\n  $type: string\n}\n```\n\n* **onRootShapeUpdate** It is a function that is executed when a Pool/Participant is created or deleted.\n\n*event.detail* returns\n\n```typescript\nid: string\ntype: string\n```\n\n* **onError:** It is executed in case of error, it accepts a function that receives the error as a parameter. **\\***\n\n*Required params*  *\n","_id":"@arkondata/react-bpmn-modeler@0.1.24-beta.1","dist":{"shasum":"dd95a059f0d4106b0696a999f1d4d57472e8029b","integrity":"sha512-JS081ZOrRmdOD3hfGO5uZLmYkvrJvPTZ3jF+8tGUDFpmjSW4QgwjIXQFTRR40XTl28fSJpP9JX7Wmeyx292y7A==","tarball":"https://registry.npmjs.org/@arkondata/react-bpmn-modeler/-/react-bpmn-modeler-0.1.24-beta.1.tgz","fileCount":20,"unpackedSize":43334,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe9BKPCRA9TVsSAnZWagAAGgEP/0odTxab9Wjb9suvbw83\nupqgRS7BX29IaC+LhKPF20tiPmknB/zxpKC6iA661SjsJbs8E+k+0XjhhzG/\n7Ayw7iKq+NBbldQlYbozSMsHGLc7LjFCZV76COQJ909JmcSsASZjuLwHNbXG\nCcvcCvsZggaMJggDAKdUf/+tsY9gKoRRx88E24yr9mF2pl2auhrEKA9uu3A2\nSDs7foqkmbnpKXhsFWOj647qLCEQM89eedQzLj+216mEHyBzqyF2dWbbxKEZ\n/J8pgCq4rmNaacwyHXYSPp82FTUDjikFg9luPChxsXcRz5h/lsSk32WD0o+k\nhHkjtqlC3l+H02jQd//mdRWPULUH2N7tnOp+xkCsI4pq6ZXImpRU0Lp8MLnU\n798QCtr+Yqd1TR2FaY//MgcQWdKSDDJeANK17fmtlnZ44gdaizgLOFVJoV1C\ncHnqq468Am/7UEedjj574/Qhe75exFQ1IQ4sae0A+5vtR+7pFzVKCxrYXqeV\nH60qygtB+cC4ldiCaKXNeUVpkApz9oMYkGBY7TNLOHAlZYqE90XLZZYivVfN\n9maIasf5v9bVmtq5GXfaBHU/Sq8kU1vmDfgkq6DeCoQtowtkthm5HObJKDE4\nnFUvw+SzanT6SZ0BYejuK2HozTKyGk/HYYtVzdGcremMqk/L8FSQJovaFOUa\n4WUR\r\n=rXnZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDweasX21XhU6XwF9xMQgS39xFU4y8W3067WsNUNSpVDAIgPwbnt/nn1jfwWBCwRgP4VSYaZr6SOOoCnQicwyHRAfc="}]},"maintainers":[{"name":"javiermolina","email":"ing.molina.h@gmail.com"},{"name":"juananto11","email":"juananto11@hotmail.com"},{"name":"rreyes24","email":"rreyesvar@gmail.com"},{"name":"services_arkondata","email":"services@arkondata.com"}],"_npmUser":{"name":"javiermolina","email":"ing.molina.h@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-bpmn-modeler_0.1.24-beta.1_1593053837871_0.13148207543302415"},"_hasShrinkwrap":false},"0.1.24-beta.2":{"name":"@arkondata/react-bpmn-modeler","version":"0.1.24-beta.2","private":false,"author":{"name":"JavierMolina"},"license":"MIT","description":"React bpmn modeler","repository":{"type":"git","url":"git+https://github.com/Grupo-Abraxas/react-bpmn-modeler.git"},"keywords":["react-bpmn-modeler"],"bugs":{"url":"https://github.com/Grupo-Abraxas/react-bpmn-modeler/issues"},"homepage":"https://www.arkondata.com/","main":"lib/index.js","types":"lib","scripts":{"build:css":"rm -rf ./lib/ && node-sass src/ -o src/","build:styles":"mkdir -p lib/styles && cp -r src/styles lib/","build:font":"mkdir -p lib/bpmn-font && cp -r src/bpmn-font lib/","watch:css":"yarn build:css && node-sass src/ -o src/ -w -r","start:js":"react-scripts start","start":"npm-run-all -p watch:css start:js","build:js":"tsc -p .","build":"npm-run-all build:*","test":"react-scripts test","eject":"react-scripts eject","docker:build":"docker build -t react-bpmn-modeler_img .","docker:run":"docker run -d -p 80:80 --name react-bpmn-modeler react-bpmn-modeler_img","docker:stop":"docker rm -f react-bpmn-modeler"},"pearDependencies":{"react":"<=16.0.0"},"dependencies":{"@testing-library/jest-dom":"^4.2.4","@testing-library/react":"^9.3.2","@testing-library/user-event":"^7.1.2","bpmn-js":"^6.4.2","bpmn-js-properties-panel":"^0.33.2","camunda-bpmn-moddle":"^4.4.0","css-loader":"^3.5.2","diagram-js-minimap":"^2.0.3","node-sass":"^4.14.1","react":"^16.13.1","react-dom":"^16.13.1","react-full-screen":"^0.2.4","react-scripts":"3.4.1","style-loader":"^1.1.4","yarn-run-all":"^3.1.1"},"devDependencies":{"@types/jest":"^25.2.2","@types/node":"^14.0.1","@types/node-sass":"^4.11.1","@types/react":"^16.9.35","@types/react-dom":"^16.9.8","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","eslint-config-import":"^0.13.0","eslint-config-prettier":"^6.11.0","eslint-plugin-import":"^2.20.2","eslint-plugin-prettier":"^3.1.3","eslint-plugin-react":"^7.20.0","eslint-plugin-react-hooks":"^4.0.2","eslint-plugin-simple-import-sort":"^5.0.3","husky":"^4.2.5","lint-staged":"^10.2.2","prettier":"^2.0.5","typescript":"^3.8.3"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"lint-staged":{"src/**/*.{js,jsx,ts,tsx}":["eslint --fix","prettier --write"],"src/**/*.{css,scss,md,json}":["prettier --write"]},"husky":{"hooks":{"pre-commit":"lint-staged"}},"readmeFilename":"README.md","readme":"# react-bpmn-modeler #\n\nReact bpmn modeler (Beta)\n\n## How to install ##\n\nWith npm\n\n```bash\nnpm install @arkondata/react-bpmn-modeler\n```\n\nWith yarn\n\n```bash\nyarn add @arkondata/react-bpmn-modeler\n```\n\n## How to use ##\n\nWith React Typescript\n\n```tsx\nimport React, { FC, useRef, useState, useCallback, useEffect } from 'react'\n\nimport BpmnModeler from 'bpmn-js/lib/Modeler'\nimport camundaModdleDescriptor from 'camunda-bpmn-moddle/resources/camunda'\n\nimport { Bpmn } from '@arkondata/react-bpmn-modeler/lib/components'\nimport { BpmnModelerType, PadEntriesType } from '@arkondata/react-bpmn-modeler/lib/components/types'\n\n//load bpmnStringFile from anywere\nconst getBpmnFile = (): string => `<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<bpmn:definitions xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xmlns:bpmn=\"http://www.omg.org/spec/BPMN/20100524/MODEL\" xmlns:bpmndi=\"http://www.omg.org/spec/BPMN/20100524/DI\" xmlns:dc=\"http://www.omg.org/spec/DD/20100524/DC\" xmlns:di=\"http://www.omg.org/spec/DD/20100524/DI\" id=\"Definitions_1\" targetNamespace=\"http://bpmn.io/schema/bpmn\">\n  <bpmn:collaboration id=\"Collaboration_0nai2jf\">\n    <bpmn:participant id=\"Participant_0n01i1w\" processRef=\"Process_1\" />\n  </bpmn:collaboration>\n  <bpmn:process id=\"Process_1\" isExecutable=\"false\">\n    <bpmn:startEvent id=\"Event_0sd8xgt\" name=\"Start\">\n      <bpmn:outgoing>Flow_094auwy</bpmn:outgoing>\n    </bpmn:startEvent>\n    <bpmn:task id=\"Activity_02384jl\" name=\"Example task label\">\n      <bpmn:incoming>Flow_094auwy</bpmn:incoming>\n    </bpmn:task>\n    <bpmn:sequenceFlow id=\"Flow_094auwy\" sourceRef=\"Event_0sd8xgt\" targetRef=\"Activity_02384jl\" />\n  </bpmn:process>\n  <bpmndi:BPMNDiagram id=\"BPMNDiagram_1\">\n    <bpmndi:BPMNPlane id=\"BPMNPlane_1\" bpmnElement=\"Collaboration_0nai2jf\">\n      <bpmndi:BPMNShape id=\"Participant_0n01i1w_di\" bpmnElement=\"Participant_0n01i1w\" isHorizontal=\"true\">\n        <dc:Bounds x=\"-400\" y=\"-320\" width=\"600\" height=\"250\" />\n      </bpmndi:BPMNShape>\n      <bpmndi:BPMNEdge id=\"Flow_094auwy_di\" bpmnElement=\"Flow_094auwy\">\n        <di:waypoint x=\"-282\" y=\"-210\" />\n        <di:waypoint x=\"-230\" y=\"-210\" />\n      </bpmndi:BPMNEdge>\n      <bpmndi:BPMNShape id=\"Event_0sd8xgt_di\" bpmnElement=\"Event_0sd8xgt\">\n        <dc:Bounds x=\"-318\" y=\"-228\" width=\"36\" height=\"36\" />\n        <bpmndi:BPMNLabel>\n          <dc:Bounds x=\"-312\" y=\"-185\" width=\"24\" height=\"14\" />\n        </bpmndi:BPMNLabel>\n      </bpmndi:BPMNShape>\n      <bpmndi:BPMNShape id=\"Activity_02384jl_di\" bpmnElement=\"Activity_02384jl\">\n        <dc:Bounds x=\"-230\" y=\"-250\" width=\"100\" height=\"80\" />\n      </bpmndi:BPMNShape>\n    </bpmndi:BPMNPlane>\n  </bpmndi:BPMNDiagram>\n</bpmn:definitions>`\n\n// Item classes to remove from the item popup panel\nexport const elementClassesToRemove = [\n  'bpmn-icon-subprocess-collapsed',\n  'bpmn-icon-subprocess-expanded',\n  'bpmn-icon-business-rule',\n  'bpmn-icon-service',\n  'bpmn-icon-start-event-condition',\n  'bpmn-icon-start-event-signal',\n  'bpmn-icon-data-object',\n  'bpmn-icon-data-store'\n]\n\n// Item classes to remove from the item lateral pad\nexport const customPadEntries: PadEntriesType = {\n  StartEvent: ['bpmn-icon-custom-remove'],\n  IntermediateThrowEvent: ['bpmn-icon-custom-remove'],\n  IntermediateCatchEvent: ['bpmn-icon-custom-remove'],\n  EndEvent: ['bpmn-icon-custom-remove'],\n  CallActivity: ['bpmn-icon-custom-remove'],\n  SubProcess: ['bpmn-icon-custom-remove'],\n  Gateway: ['bpmn-icon-custom-remove'],\n  SequenceFlow: ['bpmn-icon-custom-sequence-flow-configuration', 'bpmn-icon-custom-remove'],\n  TextAnnotation: ['bpmn-icon-custom-remove'],\n  Participant: ['bpmn-icon-custom-remove'],\n  Lane: ['bpmn-icon-custom-remove'],\n  DataStoreReference: ['bpmn-icon-custom-remove'],\n  DataObjectReference: ['bpmn-icon-custom-remove'],\n  label: ['bpmn-icon-custom-remove'],\n  Association: ['bpmn-icon-custom-remove'],\n  Group: ['bpmn-icon-custom-remove'],\n  Task: [\n    'bpmn-icon-custom-task-documentation',\n    'bpmn-icon-custom-task-settings',\n    'bpmn-icon-custom-remove'\n  ]\n}\n\nconst App: FC = () => {\n  const modelerRef = useRef<BpmnModelerType>()\n  const [model, setModel] = useState<JSX.Element>()\n  const [bpmnStringFile, setBpmnStringFile] = useState('')\n\n  const onTaskConfigurationClick = (event: CustomEvent): void => alert(JSON.stringify(event.detail))\n\n  const onTaskDocumentationClick = (event: CustomEvent): void => {\n    // Example of editing properties of an element\n    const elementRegistry = modelerRef.current?.get('elementRegistry')\n    const modeling = modelerRef.current?.get('modeling')\n    const moddle = modelerRef.current?.get('moddle')\n    const element = elementRegistry.get(event.detail.id)\n    const newText = 'Documentation text'\n    const documentation = moddle.create('bpmn:Documentation', { text: newText })\n    modeling.updateProperties(element, { documentation: [documentation] })\n  }\n  const onRemoveClick = (event: CustomEvent): void => {\n    // Example of remove shape confirmation\n    const deleteIt = window.confirm('Are you sure to delete the element?')\n    if (deleteIt) {\n      const elementRegistry = modelerRef.current?.get('elementRegistry')\n      const modeling = modelerRef.current?.get('modeling')\n      const element = elementRegistry.get(event.detail.id)\n      modeling.removeShape(element)\n    }\n  }\n\n  const onElementChange = (xml: string): void => alert(xml)\n\n  const onSequenceFlowConfigurationClick = (event: CustomEvent): void => {\n    // Example of creating conditionExpression of a gateway element\n    const elementRegistry = modelerRef.current?.get('elementRegistry')\n    const modeling = modelerRef.current?.get('modeling')\n    const moddle = modelerRef.current?.get('moddle')\n    const element = elementRegistry.get(event.detail.id)\n\n    if (element.businessObject.sourceRef.$type.toLowerCase().includes('gateway')) {\n      const sequenceFlowElement = elementRegistry.get(element.businessObject.id)\n      const sequenceFlow = sequenceFlowElement.businessObject\n      const newFormalCondition = `$\\{true}`\n      const newConditionName = 'Yes'\n      const newCondition = moddle.create('bpmn:FormalExpression', {\n        body: newFormalCondition\n      })\n      sequenceFlow.conditionExpression = newCondition\n      modeling.updateProperties(sequenceFlowElement, {\n        name: newConditionName,\n        conditionExpression: newCondition\n      })\n    }\n  }\n\n  const updateCurrentShapeId = (elementId: string): void => {\n    // Example of changing the Id of an element and its references.\n    const elementRegistry = modelerRef.current?.get('elementRegistry')\n    const modeling = modelerRef.current?.get('modeling')\n    const element = elementRegistry.get(elementId)\n    modeling.updateProperties(element, { id: `${elementId}_customId` })\n  }\n\n  const onRootShapeUpdate = (id: string, type: string): void =>\n    alert(`${id} ${type} root shape updated!`)\n\n  const onError = (error: Error): void => alert(error)\n\n  const setModeler = useCallback(\n    (): JSX.Element => (\n      <Bpmn\n        modelerRef={modelerRef}\n        bpmnJsModeler={BpmnModeler}\n        moddleExtensions={{\n          camunda: camundaModdleDescriptor\n        }}\n        bpmnStringFile={bpmnStringFile}\n        modelerInnerHeight={window.innerHeight}\n        defaultStrokeColor={'#5F84CF'}\n        elementClassesToRemove={elementClassesToRemove}\n        customPadEntries={customPadEntries}\n        // It is executed by clicking the \"Task configuration\" button on the side pad of the Task element.\n        onTaskConfigurationClick={onTaskConfigurationClick}\n        // It is executed by clicking the \"Task documentation\" button on the side pad of the Task element.\n        onTaskDocumentationClick={onTaskDocumentationClick}\n        // It is executed by clicking the \"Sequence Flow configuration\" button on the side pad of the Task element.\n        onSequenceFlowConfigurationClick={onSequenceFlowConfigurationClick}\n        // It is executed by clicking the \"Remove\" button on the side pad of the Task element.\n        onRemoveClick={onRemoveClick}\n        // It is executed when listening to the event \"elements.changed\",\n        // it returns the xml file generated by the bpmn modeler after a change of any element of the diagram.\n        onElementChange={onElementChange}\n        // It is executed when listening to the event \"commandStack.shape.create.postExecuted\",\n        // returns the Id of the created element\n        onShapeCreate={updateCurrentShapeId}\n        // It is executed when listening to the event \"commandStack.canvas.updateRoot.postExecute\",\n        // returns the Id and type of the root shape\n        onRootShapeUpdate={onRootShapeUpdate}\n        onError={onError}\n      />\n    ),\n    [bpmnStringFile]\n  )\n\n  useEffect(() => {\n    setBpmnStringFile(getBpmnFile())\n  }, [setBpmnStringFile])\n\n  useEffect(() => {\n    if (bpmnStringFile && !model) {\n      setModel(setModeler)\n    }\n  }, [bpmnStringFile, model, setModeler])\n\n  return <>{model}</>\n}\n\nexport default App\n\n```\n\n## Params ##\n\n* **modelerRef:** It's the reference to the \"div\" of the \"container\" of the bpmn modeler. **\\***\n\n* **bpmnStringFile:** A .bpmn file in text string, if not provided an empty .bpmn file will be generated. **\\***\n\n* **bpmnJsModeler:** Module ```BpmnModeler``` is imported globally from ```'bpmn-js/lib/Modeler'```.\n\n* **moddleExtensions:** Any Module of bpmn-moddle is imported globally like ```'camunda-bpmn-moddle/resources/camunda'```.\n\n* **modelerInnerHeight:** Window height setting, if not provided, takes the size of the current window by default.\n\n* **actionButtonClassName:** React className of action button.\n\n* **zStep:** Number of zoom step of zoom in/out action button.\n\n* **defaultStrokeColor:** Default color of stroke shape elements, accepts definition of css colors in a text string.\n\n* **elementClassesToRemove:** Item classes to remove from the item popup panel.\n\nexist\n\n```typescript\nconst customPadClassNames = [\n  'bpmn-icon-custom-task-settings',\n  'bpmn-icon-custom-task-documentation',\n  'bpmn-icon-custom-sequence-flow-configuration'\n]\n```\n\n* **customPadEntries:** Item html-css classes of icon to remove from the item lateral pad.\n\n* **onElementChange:** A function that runs every time a bpmn modeler element changes, accepts as a parameter a variable that contains the exported file in a text string.\n\n* **onTaskConfigurationClick:** It is a function that is executed when you click on the gear icon in the side pad of a task element, it accepts a function that receives as event parameter of the selected element.\n\n*event.detail* returns\n\n```typescript\n{\n  id: string\n  $type: string\n  $parent: {\n    id: string\n    $type: string\n  }\n}\n```\n\n* **onTaskDocumentationClick:** It is a function that is executed when you click on the *document* icon in the side pad of a task element, it accepts a function that receives as event parameter of the selected element.\n\n*event.detail* returns\n\n```typescript\n{\n  id: string\n  $type: string\n  $parent: {\n    id: string\n    $type: string\n  }\n}\n```\n\n* **onSequenceFlowConfigurationClick** It is a function that is executed when you click on the *gear* icon in the side pad of a task element, it accepts a function that receives as event parameter of the selected element.\n\n*event.detail* returns\n\n```typescript\n{\n  id: string\n  $type: string\n  $parent: {\n    id: string\n    $type: string\n  }\n}\n```\n\n* **onRemoveClick** It is a function that is executed when you click on the *trash* icon in the side pad of a task element, it accepts a function that receives as event parameter of the selected element.\n\n*event.detail* returns\n\n```typescript\n{\n  id: string\n  $type: string\n}\n```\n\n* **onRootShapeUpdate** It is a function that is executed when a Pool/Participant is created or deleted.\n\n*event.detail* returns\n\n```typescript\nid: string\ntype: string\n```\n\n* **onError:** It is executed in case of error, it accepts a function that receives the error as a parameter. **\\***\n\n*Required params*  *\n","_id":"@arkondata/react-bpmn-modeler@0.1.24-beta.2","dist":{"shasum":"32384101da0c6a815eae7668a611b2435f361306","integrity":"sha512-Y3pMvbQ+XSCJw7+y0NzXAS7GySdeFiVLogq6/mhoGpulwOM7dWhylDPsfDiDQs1wMRV9AnlTdjTvAUcTDaBKmg==","tarball":"https://registry.npmjs.org/@arkondata/react-bpmn-modeler/-/react-bpmn-modeler-0.1.24-beta.2.tgz","fileCount":131,"unpackedSize":521320,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe9BZvCRA9TVsSAnZWagAAPwwQAJ4YwNGoQEXTv4B6OsmN\nETOZm5cGGwwg1iyXe5/AaJhUnhPiE+wl/ZdFBfkIuNLpAq2stNQL2TMZJ7cm\nCuNa+AKrgwPz2vUxinEdwTeSn7zZwPIRepq4BctrCiYoRGHq8r/oaXJVfQCt\nIAxzWlbdHCu48AClT9Q/10LS4ZueRNWGTdtO0PWL3QSSf9VWcs33T1LDgtlx\nZvMd3NLbeXozp7P+EBZtJpubRQ7AQRjSiXOTe52YEWTSHUxgzBLe2MgqjYxJ\nTtZsGRwkpkMP2lzzGzOJsCG8WA4LyMzVRWxJBMW0OZzKyMmlG9CQ/Es5qOSt\nDu0HKxQ5d7m34DneNAbMoi7TDF8Wu6ec/fdWNDFrIZy9Vq5JNtDCyPRxY9P6\nsW49YlZHzuqK7424POWUPBpA8yB2tyk/n56u+ehID8IWe9LGOmZLiEpzNJJz\nPnwqTEXN4ZTrjcAYsgjdn83YY2kcDE/6EK/dLw0+ExPm5Cv6ZVqSDEsV2Pkz\nTDsd9mwsZJwyosnonQZGq4GgDApqazWGQmY05tYMb+yOEpVYRbVTqZnUhnp9\nL5e5XF8b1QsRLS4K5glYCbPnXHnJLw5WN7HcoPX90MJi5HbBPvKPHUvkK4VQ\n4Esg2ESmJki0vNtO8w97S4WI/1n+NxqTVZLQGM9YYTfULPKCKYnEQ6oHc5IK\n1jnP\r\n=ilU6\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCuaRzDp8nzC/1TeM4EhTR1ah9zXyL3APu7JZvHhpC9qwIhAMdUccoDYTdPVXKi3wqBF2t+OPyd7YvePlHPtpgNW2P9"}]},"maintainers":[{"name":"javiermolina","email":"ing.molina.h@gmail.com"},{"name":"juananto11","email":"juananto11@hotmail.com"},{"name":"rreyes24","email":"rreyesvar@gmail.com"},{"name":"services_arkondata","email":"services@arkondata.com"}],"_npmUser":{"name":"javiermolina","email":"ing.molina.h@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-bpmn-modeler_0.1.24-beta.2_1593054830746_0.5941125352933303"},"_hasShrinkwrap":false},"0.1.24-beta.3":{"name":"@arkondata/react-bpmn-modeler","version":"0.1.24-beta.3","private":false,"author":{"name":"JavierMolina"},"license":"MIT","description":"React bpmn modeler","repository":{"type":"git","url":"git+https://github.com/Grupo-Abraxas/react-bpmn-modeler.git"},"keywords":["react-bpmn-modeler"],"bugs":{"url":"https://github.com/Grupo-Abraxas/react-bpmn-modeler/issues"},"homepage":"https://www.arkondata.com/","main":"lib/index.js","types":"lib","scripts":{"build:css":"rm -rf ./lib/ && node-sass src/ -o src/","build:styles":"mkdir -p lib/styles && cp -r src/styles lib/","build:font":"mkdir -p lib/bpmn-font && cp -r src/bpmn-font lib/","watch:css":"yarn build:css && node-sass src/ -o src/ -w -r","start:js":"react-scripts start","start":"npm-run-all -p watch:css start:js","build:js":"tsc -p .","build":"npm-run-all build:*","test":"react-scripts test","eject":"react-scripts eject","docker:build":"docker build -t react-bpmn-modeler_img .","docker:run":"docker run -d -p 80:80 --name react-bpmn-modeler react-bpmn-modeler_img","docker:stop":"docker rm -f react-bpmn-modeler"},"pearDependencies":{"react":"<=16.0.0"},"dependencies":{"@testing-library/jest-dom":"^4.2.4","@testing-library/react":"^9.3.2","@testing-library/user-event":"^7.1.2","bpmn-js":"^6.4.2","bpmn-js-properties-panel":"^0.33.2","camunda-bpmn-moddle":"^4.4.0","css-loader":"^3.5.2","diagram-js-minimap":"^2.0.3","node-sass":"^4.14.1","react":"^16.13.1","react-dom":"^16.13.1","react-full-screen":"^0.2.4","react-scripts":"3.4.1","style-loader":"^1.1.4","yarn-run-all":"^3.1.1"},"devDependencies":{"@types/jest":"^25.2.2","@types/node":"^14.0.1","@types/node-sass":"^4.11.1","@types/react":"^16.9.35","@types/react-dom":"^16.9.8","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","eslint-config-import":"^0.13.0","eslint-config-prettier":"^6.11.0","eslint-plugin-import":"^2.20.2","eslint-plugin-prettier":"^3.1.3","eslint-plugin-react":"^7.20.0","eslint-plugin-react-hooks":"^4.0.2","eslint-plugin-simple-import-sort":"^5.0.3","husky":"^4.2.5","lint-staged":"^10.2.2","prettier":"^2.0.5","typescript":"^3.8.3"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"lint-staged":{"src/**/*.{js,jsx,ts,tsx}":["eslint --fix","prettier --write"],"src/**/*.{css,scss,md,json}":["prettier --write"]},"husky":{"hooks":{"pre-commit":"lint-staged"}},"readmeFilename":"README.md","readme":"# react-bpmn-modeler #\n\nReact bpmn modeler (Beta)\n\n## How to install ##\n\nWith npm\n\n```bash\nnpm install @arkondata/react-bpmn-modeler\n```\n\nWith yarn\n\n```bash\nyarn add @arkondata/react-bpmn-modeler\n```\n\n## How to use ##\n\nWith React Typescript\n\n```tsx\nimport React, { FC, useRef, useState, useCallback, useEffect } from 'react'\nimport { Bpmn } from '@arkondata/react-bpmn-modeler/lib/components'\nimport { BpmnModelerType, PadEntriesType } from '@arkondata/react-bpmn-modeler/lib/components/types'\n\n//load bpmnStringFile from anywere\nconst getBpmnFile = (): string => `<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<bpmn:definitions xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xmlns:bpmn=\"http://www.omg.org/spec/BPMN/20100524/MODEL\" xmlns:bpmndi=\"http://www.omg.org/spec/BPMN/20100524/DI\" xmlns:dc=\"http://www.omg.org/spec/DD/20100524/DC\" xmlns:di=\"http://www.omg.org/spec/DD/20100524/DI\" id=\"Definitions_1\" targetNamespace=\"http://bpmn.io/schema/bpmn\">\n  <bpmn:collaboration id=\"Collaboration_0nai2jf\">\n    <bpmn:participant id=\"Participant_0n01i1w\" processRef=\"Process_1\" />\n  </bpmn:collaboration>\n  <bpmn:process id=\"Process_1\" isExecutable=\"false\">\n    <bpmn:startEvent id=\"Event_0sd8xgt\" name=\"Start\">\n      <bpmn:outgoing>Flow_094auwy</bpmn:outgoing>\n    </bpmn:startEvent>\n    <bpmn:task id=\"Activity_02384jl\" name=\"Example task label\">\n      <bpmn:incoming>Flow_094auwy</bpmn:incoming>\n    </bpmn:task>\n    <bpmn:sequenceFlow id=\"Flow_094auwy\" sourceRef=\"Event_0sd8xgt\" targetRef=\"Activity_02384jl\" />\n  </bpmn:process>\n  <bpmndi:BPMNDiagram id=\"BPMNDiagram_1\">\n    <bpmndi:BPMNPlane id=\"BPMNPlane_1\" bpmnElement=\"Collaboration_0nai2jf\">\n      <bpmndi:BPMNShape id=\"Participant_0n01i1w_di\" bpmnElement=\"Participant_0n01i1w\" isHorizontal=\"true\">\n        <dc:Bounds x=\"-400\" y=\"-320\" width=\"600\" height=\"250\" />\n      </bpmndi:BPMNShape>\n      <bpmndi:BPMNEdge id=\"Flow_094auwy_di\" bpmnElement=\"Flow_094auwy\">\n        <di:waypoint x=\"-282\" y=\"-210\" />\n        <di:waypoint x=\"-230\" y=\"-210\" />\n      </bpmndi:BPMNEdge>\n      <bpmndi:BPMNShape id=\"Event_0sd8xgt_di\" bpmnElement=\"Event_0sd8xgt\">\n        <dc:Bounds x=\"-318\" y=\"-228\" width=\"36\" height=\"36\" />\n        <bpmndi:BPMNLabel>\n          <dc:Bounds x=\"-312\" y=\"-185\" width=\"24\" height=\"14\" />\n        </bpmndi:BPMNLabel>\n      </bpmndi:BPMNShape>\n      <bpmndi:BPMNShape id=\"Activity_02384jl_di\" bpmnElement=\"Activity_02384jl\">\n        <dc:Bounds x=\"-230\" y=\"-250\" width=\"100\" height=\"80\" />\n      </bpmndi:BPMNShape>\n    </bpmndi:BPMNPlane>\n  </bpmndi:BPMNDiagram>\n</bpmn:definitions>`\n\n// Item classes to remove from the item popup panel\nexport const elementClassesToRemove = [\n  'bpmn-icon-subprocess-collapsed',\n  'bpmn-icon-subprocess-expanded',\n  'bpmn-icon-business-rule',\n  'bpmn-icon-service',\n  'bpmn-icon-start-event-condition',\n  'bpmn-icon-start-event-signal',\n  'bpmn-icon-data-object',\n  'bpmn-icon-data-store',\n]\n\n// Item classes to remove from the item lateral pad\nexport const customPadEntries: PadEntriesType = {\n  StartEvent: ['bpmn-icon-custom-remove'],\n  IntermediateThrowEvent: ['bpmn-icon-custom-remove'],\n  IntermediateCatchEvent: ['bpmn-icon-custom-remove'],\n  EndEvent: ['bpmn-icon-custom-remove'],\n  CallActivity: ['bpmn-icon-custom-remove'],\n  SubProcess: ['bpmn-icon-custom-remove'],\n  Gateway: ['bpmn-icon-custom-remove'],\n  SequenceFlow: [\n    'bpmn-icon-custom-sequence-flow-configuration',\n    'bpmn-icon-custom-remove'\n  ],\n  TextAnnotation: ['bpmn-icon-custom-remove'],\n  Participant: ['bpmn-icon-custom-remove'],\n  Lane: ['bpmn-icon-custom-remove'],\n  DataStoreReference: ['bpmn-icon-custom-remove'],\n  DataObjectReference: ['bpmn-icon-custom-remove'],\n  label: ['bpmn-icon-custom-remove'],\n  Association: ['bpmn-icon-custom-remove'],\n  Group: ['bpmn-icon-custom-remove'],\n  Task: [\n    'bpmn-icon-custom-task-documentation',\n    'bpmn-icon-custom-task-settings',\n    'bpmn-icon-custom-remove'\n  ],\n}\n\nconst App: FC = () => {\n  const modelerRef = useRef<BpmnModelerType>()\n  const [model, setModel] = useState<JSX.Element>()\n  const [bpmnStringFile, setBpmnStringFile] = useState('')\n\n  const onTaskConfigurationClick = (event: CustomEvent): void => alert(JSON.stringify(event.detail))\n\n  const onTaskDocumentationClick = (event: CustomEvent): void => {\n    // Example of editing properties of an element\n    const elementRegistry = modelerRef.current?.get('elementRegistry')\n    const modeling = modelerRef.current?.get('modeling')\n    const moddle = modelerRef.current?.get('moddle')\n    const element = elementRegistry.get(event.detail.id)\n    const newText = 'Documentation text'\n    const documentation = moddle.create('bpmn:Documentation', { text: newText })\n    modeling.updateProperties(element, { documentation: [documentation] })\n  }\n  const onRemoveClick = (event: CustomEvent): void => {\n    // Example of remove shape confirmation\n    const deleteIt = window.confirm('Are you sure to delete the element?')\n    if (deleteIt) {\n      const elementRegistry = modelerRef.current?.get('elementRegistry')\n      const modeling = modelerRef.current?.get('modeling')\n      const element = elementRegistry.get(event.detail.id)\n      modeling.removeShape(element)\n    }\n  }\n\n  const onElementChange = (xml: string): void => alert(xml)\n\n  const onSequenceFlowConfigurationClick = (event: CustomEvent): void => {\n    // Example of creating conditionExpression of a gateway element\n    const elementRegistry = modelerRef.current?.get('elementRegistry')\n    const modeling = modelerRef.current?.get('modeling')\n    const moddle = modelerRef.current?.get('moddle')\n    const element = elementRegistry.get(event.detail.id)\n\n    if (element.businessObject.sourceRef.$type.toLowerCase().includes('gateway')) {\n      const sequenceFlowElement = elementRegistry.get(element.businessObject.id)\n      const sequenceFlow = sequenceFlowElement.businessObject\n      const newFormalCondition = `$\\{true}`\n      const newConditionName = 'Yes'\n      const newCondition = moddle.create('bpmn:FormalExpression', {\n        body: newFormalCondition\n      })\n      sequenceFlow.conditionExpression = newCondition\n      modeling.updateProperties(sequenceFlowElement, {\n        name: newConditionName,\n        conditionExpression: newCondition\n      })\n    }\n  }\n\n  const updateCurrentShapeId = (elementId: string): void => {\n    // Example of changing the Id of an element and its references.\n    const elementRegistry = modelerRef.current?.get('elementRegistry')\n    const modeling = modelerRef.current?.get('modeling')\n    const element = elementRegistry.get(elementId)\n    modeling.updateProperties(element, { id: `${elementId}_customId` })\n  }\n\n  const onRootShapeUpdate = (id: string, type: string): void =>\n    alert(`${id} ${type} root shape updated!`)\n\n  const onError = (error: Error): void => alert(error)\n\n  const setModeler = useCallback(\n    (): JSX.Element => (\n      <Bpmn\n        modelerRef={modelerRef}\n        bpmnStringFile={bpmnStringFile}\n        modelerInnerHeight={window.innerHeight}\n        defaultStrokeColor={'#5F84CF'}\n        elementClassesToRemove={elementClassesToRemove}\n        customPadEntries={customPadEntries}\n        // It is executed by clicking the \"Task configuration\" button on the side pad of the Task element.\n        onTaskConfigurationClick={onTaskConfigurationClick}\n        // It is executed by clicking the \"Task documentation\" button on the side pad of the Task element.\n        onTaskDocumentationClick={onTaskDocumentationClick}\n        // It is executed by clicking the \"Sequence Flow configuration\" button on the side pad of the Task element.\n        onSequenceFlowConfigurationClick={onSequenceFlowConfigurationClick}\n        // It is executed by clicking the \"Remove\" button on the side pad of the Task element.\n        onRemoveClick={onRemoveClick}\n        // It is executed when listening to the event \"elements.changed\",\n        // it returns the xml file generated by the bpmn modeler after a change of any element of the diagram.\n        onElementChange={onElementChange}\n        // It is executed when listening to the event \"commandStack.shape.create.postExecuted\",\n        // returns the Id of the created element\n        onShapeCreate={updateCurrentShapeId}\n        // It is executed when listening to the event \"commandStack.canvas.updateRoot.postExecute\",\n        // returns the Id and type of the root shape\n        onRootShapeUpdate={onRootShapeUpdate}\n        onError={onError}\n      />\n    ),\n    [bpmnStringFile]\n  )\n\n  useEffect(() => {\n    setBpmnStringFile(getBpmnFile())\n  }, [setBpmnStringFile])\n\n  useEffect(() => {\n    if (bpmnStringFile && !model) {\n      setModel(setModeler)\n    }\n  }, [bpmnStringFile, model, setModeler])\n\n  return <>{model}</>\n}\n\nexport default App\n\n```\n\n## Params ##\n\n* **modelerRef:** It's the reference to the \"div\" of the \"container\" of the bpmn modeler. **\\***\n\n* **bpmnStringFile:** A .bpmn file in text string, if not provided an empty .bpmn file will be generated. **\\***\n\n* **modelerInnerHeight:** Window height setting, if not provided, takes the size of the current window by default.\n\n* **actionButtonClassName:** React className of action button.\n\n* **zStep:** Number of zoom step of zoom in/out action button.\n\n* **defaultStrokeColor:** Default color of stroke shape elements, accepts definition of css colors in a text string.\n\n* **elementClassesToRemove:** Item classes to remove from the item popup panel.\n\nexist\n\n```typescript\nconst customPadClassNames = [\n  'bpmn-icon-custom-task-settings',\n  'bpmn-icon-custom-task-documentation',\n  'bpmn-icon-custom-sequence-flow-configuration'\n]\n```\n\n* **customPadEntries:** Item html-css classes of icon to remove from the item lateral pad.\n\n* **onElementChange:** A function that runs every time a bpmn modeler element changes, accepts as a parameter a variable that contains the exported file in a text string.\n\n* **onTaskConfigurationClick:** It is a function that is executed when you click on the gear icon in the side pad of a task element, it accepts a function that receives as event parameter of the selected element.\n\n*event.detail* returns\n\n```typescript\n{\n  id: string\n  $type: string\n  $parent: {\n    id: string\n    $type: string\n  }\n}\n```\n\n* **onTaskDocumentationClick:** It is a function that is executed when you click on the *document* icon in the side pad of a task element, it accepts a function that receives as event parameter of the selected element.\n\n*event.detail* returns\n\n```typescript\n{\n  id: string\n  $type: string\n  $parent: {\n    id: string\n    $type: string\n  }\n}\n```\n\n* **onSequenceFlowConfigurationClick** It is a function that is executed when you click on the *gear* icon in the side pad of a task element, it accepts a function that receives as event parameter of the selected element.\n\n*event.detail* returns\n\n```typescript\n{\n  id: string\n  $type: string\n  $parent: {\n    id: string\n    $type: string\n  }\n}\n```\n\n* **onRemoveClick** It is a function that is executed when you click on the *trash* icon in the side pad of a task element, it accepts a function that receives as event parameter of the selected element.\n\n*event.detail* returns\n\n```typescript\n{\n  id: string\n  $type: string\n}\n```\n\n* **onRootShapeUpdate** It is a function that is executed when a Pool/Participant is created or deleted.\n\n*event.detail* returns\n\n```typescript\nid: string\ntype: string\n```\n\n* **onError:** It is executed in case of error, it accepts a function that receives the error as a parameter. **\\***\n\n*Required params*  *\n","_id":"@arkondata/react-bpmn-modeler@0.1.24-beta.3","dist":{"shasum":"809153a6a72e414594ad2975f624113e30f4d63d","integrity":"sha512-hC+hH8dwDL3Zn2Y50QXiHtCHJ3Vk9MvIFloY5hV+PdbehLaTH681RH4zXQPT1mV+iDYjGHmXkTZH45BoVaZLpw==","tarball":"https://registry.npmjs.org/@arkondata/react-bpmn-modeler/-/react-bpmn-modeler-0.1.24-beta.3.tgz","fileCount":131,"unpackedSize":519667,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe9B0XCRA9TVsSAnZWagAABb4P/28IQuu+MK5XIFFRd5bT\nyuktwY0WIWa/AykCrj1ljxHM3VaYmKO4ePvFb3UdbO7haUTU7N7hREZUpm5N\nZQzCXrey+6VOkFYk1dhj+6ZDMlVh3W4kisBCcmJ+uC0h519Hpemb3MGR715q\n6hgVAhrLvGg+QPjSkrCkuEwqZuw9DKi7QONM7domNQ/TRIYo4IT9NIpLhp29\n5wQQp2LUlm6Yp54dlssZGZvaw0DbkSSuSFq1K2y4kY1LbWDWQIvaQ5+kbPM7\n5uqtR1d+K3mEf9kdR0egy7uasVpKrkywUPndYv486PpK/Tcv+LaTmZjL13XE\nixxOOVw8OcYOVl7CRC+lXi75oY2opJoVsfKa6+GqKh7OPSybtuHr2E6Jxhmb\nJeLlk1pPZvRov7kWLvhM2CDPqoq77NFqqx7JpCHd2OeVjbjLO85INUtSpya6\nrCBkf11KSRzGf5JjIB0ow0CTkhGTboauTWC509N6B6EunRQ7pmtxjg1FC2eF\nPaJssiXWGa8TcbzL+UFC71EQ3pgxbqX5lbyA7GUprWdD9bl1IfMJioo521vV\nJVIL5fTIdExExCLqEbYfoCXqtLCmWu/mbUeuU87q5bpf5FBjAnCh7p3iOIXu\nKzHRdLJIzlyZbwMJhtHF25PhpqVG2ign8e2Itcnu458u0VTNkPd6zFK1LYto\nJs8R\r\n=Aafj\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICSrId5Y3dS9F/8H7untdwLcnVkxVCeEcyDQI6kfnhspAiASZOs7IAwXOyBQauvNPsKzOzMNUbzEQLPPyC57h+Yqpg=="}]},"maintainers":[{"name":"javiermolina","email":"ing.molina.h@gmail.com"},{"name":"juananto11","email":"juananto11@hotmail.com"},{"name":"rreyes24","email":"rreyesvar@gmail.com"},{"name":"services_arkondata","email":"services@arkondata.com"}],"_npmUser":{"name":"javiermolina","email":"ing.molina.h@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-bpmn-modeler_0.1.24-beta.3_1593056535094_0.09539289222135539"},"_hasShrinkwrap":false},"0.1.24-beta.4":{"name":"@arkondata/react-bpmn-modeler","version":"0.1.24-beta.4","private":false,"author":{"name":"JavierMolina"},"license":"MIT","description":"React bpmn modeler","repository":{"type":"git","url":"git+https://github.com/Grupo-Abraxas/react-bpmn-modeler.git"},"keywords":["react-bpmn-modeler"],"bugs":{"url":"https://github.com/Grupo-Abraxas/react-bpmn-modeler/issues"},"homepage":"https://www.arkondata.com/","main":"lib/index.js","types":"lib","scripts":{"build:css":"rm -rf ./lib/ && node-sass src/ -o src/","build:styles":"mkdir -p lib/styles && cp -r src/styles lib/","build:font":"mkdir -p lib/bpmn-font && cp -r src/bpmn-font lib/","watch:css":"yarn build:css && node-sass src/ -o src/ -w -r","start:js":"react-scripts start","start":"npm-run-all -p watch:css start:js","build:js":"tsc -p .","build":"npm-run-all build:*","test":"react-scripts test","eject":"react-scripts eject","docker:build":"docker build -t react-bpmn-modeler_img .","docker:run":"docker run -d -p 80:80 --name react-bpmn-modeler react-bpmn-modeler_img","docker:stop":"docker rm -f react-bpmn-modeler"},"pearDependencies":{"react":"<=16.0.0"},"dependencies":{"@testing-library/jest-dom":"^4.2.4","@testing-library/react":"^9.3.2","@testing-library/user-event":"^7.1.2","bpmn-js":"^6.4.2","bpmn-js-properties-panel":"^0.33.2","camunda-bpmn-moddle":"^4.4.0","css-loader":"^3.5.2","diagram-js-minimap":"^2.0.3","min-dash":"^3.5.2","node-sass":"^4.14.1","react":"^16.13.1","react-dom":"^16.13.1","react-full-screen":"^0.2.4","react-scripts":"3.4.1","style-loader":"^1.1.4","yarn-run-all":"^3.1.1"},"devDependencies":{"@types/jest":"^25.2.2","@types/node":"^14.0.1","@types/node-sass":"^4.11.1","@types/react":"^16.9.35","@types/react-dom":"^16.9.8","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","eslint-config-import":"^0.13.0","eslint-config-prettier":"^6.11.0","eslint-plugin-import":"^2.20.2","eslint-plugin-prettier":"^3.1.3","eslint-plugin-react":"^7.20.0","eslint-plugin-react-hooks":"^4.0.2","eslint-plugin-simple-import-sort":"^5.0.3","husky":"^4.2.5","lint-staged":"^10.2.2","prettier":"^2.0.5","typescript":"^3.8.3"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"lint-staged":{"src/**/*.{js,jsx,ts,tsx}":["eslint --fix","prettier --write"],"src/**/*.{css,scss,md,json}":["prettier --write"]},"husky":{"hooks":{"pre-commit":"lint-staged"}},"readmeFilename":"README.md","readme":"# react-bpmn-modeler #\n\nReact bpmn modeler (Beta)\n\n## How to install ##\n\nWith npm\n\n```bash\nnpm install @arkondata/react-bpmn-modeler\n```\n\nWith yarn\n\n```bash\nyarn add @arkondata/react-bpmn-modeler\n```\n\n## How to use ##\n\nWith React Typescript\n\n```tsx\nimport React, { FC, useRef, useState, useCallback, useEffect } from 'react'\nimport { Bpmn } from '@arkondata/react-bpmn-modeler/lib/components'\nimport { BpmnModelerType, PadEntriesType } from '@arkondata/react-bpmn-modeler/lib/components/types'\n\n//load bpmnStringFile from anywere\nconst getBpmnFile = (): string => `<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<bpmn:definitions xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xmlns:bpmn=\"http://www.omg.org/spec/BPMN/20100524/MODEL\" xmlns:bpmndi=\"http://www.omg.org/spec/BPMN/20100524/DI\" xmlns:dc=\"http://www.omg.org/spec/DD/20100524/DC\" xmlns:di=\"http://www.omg.org/spec/DD/20100524/DI\" id=\"Definitions_1\" targetNamespace=\"http://bpmn.io/schema/bpmn\">\n  <bpmn:collaboration id=\"Collaboration_0nai2jf\">\n    <bpmn:participant id=\"Participant_0n01i1w\" processRef=\"Process_1\" />\n  </bpmn:collaboration>\n  <bpmn:process id=\"Process_1\" isExecutable=\"false\">\n    <bpmn:startEvent id=\"Event_0sd8xgt\" name=\"Start\">\n      <bpmn:outgoing>Flow_094auwy</bpmn:outgoing>\n    </bpmn:startEvent>\n    <bpmn:task id=\"Activity_02384jl\" name=\"Example task label\">\n      <bpmn:incoming>Flow_094auwy</bpmn:incoming>\n    </bpmn:task>\n    <bpmn:sequenceFlow id=\"Flow_094auwy\" sourceRef=\"Event_0sd8xgt\" targetRef=\"Activity_02384jl\" />\n  </bpmn:process>\n  <bpmndi:BPMNDiagram id=\"BPMNDiagram_1\">\n    <bpmndi:BPMNPlane id=\"BPMNPlane_1\" bpmnElement=\"Collaboration_0nai2jf\">\n      <bpmndi:BPMNShape id=\"Participant_0n01i1w_di\" bpmnElement=\"Participant_0n01i1w\" isHorizontal=\"true\">\n        <dc:Bounds x=\"-400\" y=\"-320\" width=\"600\" height=\"250\" />\n      </bpmndi:BPMNShape>\n      <bpmndi:BPMNEdge id=\"Flow_094auwy_di\" bpmnElement=\"Flow_094auwy\">\n        <di:waypoint x=\"-282\" y=\"-210\" />\n        <di:waypoint x=\"-230\" y=\"-210\" />\n      </bpmndi:BPMNEdge>\n      <bpmndi:BPMNShape id=\"Event_0sd8xgt_di\" bpmnElement=\"Event_0sd8xgt\">\n        <dc:Bounds x=\"-318\" y=\"-228\" width=\"36\" height=\"36\" />\n        <bpmndi:BPMNLabel>\n          <dc:Bounds x=\"-312\" y=\"-185\" width=\"24\" height=\"14\" />\n        </bpmndi:BPMNLabel>\n      </bpmndi:BPMNShape>\n      <bpmndi:BPMNShape id=\"Activity_02384jl_di\" bpmnElement=\"Activity_02384jl\">\n        <dc:Bounds x=\"-230\" y=\"-250\" width=\"100\" height=\"80\" />\n      </bpmndi:BPMNShape>\n    </bpmndi:BPMNPlane>\n  </bpmndi:BPMNDiagram>\n</bpmn:definitions>`\n\n// Item classes to remove from the item popup panel\nexport const elementClassesToRemove = [\n  'bpmn-icon-subprocess-collapsed',\n  'bpmn-icon-subprocess-expanded',\n  'bpmn-icon-business-rule',\n  'bpmn-icon-service',\n  'bpmn-icon-start-event-condition',\n  'bpmn-icon-start-event-signal',\n  'bpmn-icon-data-object',\n  'bpmn-icon-data-store',\n]\n\n// Item classes to remove from the item lateral pad\nexport const customPadEntries: PadEntriesType = {\n  StartEvent: ['bpmn-icon-custom-remove'],\n  IntermediateThrowEvent: ['bpmn-icon-custom-remove'],\n  IntermediateCatchEvent: ['bpmn-icon-custom-remove'],\n  EndEvent: ['bpmn-icon-custom-remove'],\n  CallActivity: ['bpmn-icon-custom-remove'],\n  SubProcess: ['bpmn-icon-custom-remove'],\n  Gateway: ['bpmn-icon-custom-remove'],\n  SequenceFlow: [\n    'bpmn-icon-custom-sequence-flow-configuration',\n    'bpmn-icon-custom-remove'\n  ],\n  TextAnnotation: ['bpmn-icon-custom-remove'],\n  Participant: ['bpmn-icon-custom-remove'],\n  Lane: ['bpmn-icon-custom-remove'],\n  DataStoreReference: ['bpmn-icon-custom-remove'],\n  DataObjectReference: ['bpmn-icon-custom-remove'],\n  label: ['bpmn-icon-custom-remove'],\n  Association: ['bpmn-icon-custom-remove'],\n  Group: ['bpmn-icon-custom-remove'],\n  Task: [\n    'bpmn-icon-custom-task-documentation',\n    'bpmn-icon-custom-task-settings',\n    'bpmn-icon-custom-remove'\n  ],\n}\n\nconst App: FC = () => {\n  const modelerRef = useRef<BpmnModelerType>()\n  const [model, setModel] = useState<JSX.Element>()\n  const [bpmnStringFile, setBpmnStringFile] = useState('')\n\n  const onTaskConfigurationClick = (event: CustomEvent): void => alert(JSON.stringify(event.detail))\n\n  const onTaskDocumentationClick = (event: CustomEvent): void => {\n    // Example of editing properties of an element\n    const elementRegistry = modelerRef.current?.get('elementRegistry')\n    const modeling = modelerRef.current?.get('modeling')\n    const moddle = modelerRef.current?.get('moddle')\n    const element = elementRegistry.get(event.detail.id)\n    const newText = 'Documentation text'\n    const documentation = moddle.create('bpmn:Documentation', { text: newText })\n    modeling.updateProperties(element, { documentation: [documentation] })\n  }\n  const onRemoveClick = (event: CustomEvent): void => {\n    // Example of remove shape confirmation\n    const deleteIt = window.confirm('Are you sure to delete the element?')\n    if (deleteIt) {\n      const elementRegistry = modelerRef.current?.get('elementRegistry')\n      const modeling = modelerRef.current?.get('modeling')\n      const element = elementRegistry.get(event.detail.id)\n      modeling.removeShape(element)\n    }\n  }\n\n  const onElementChange = (xml: string): void => alert(xml)\n\n  const onSequenceFlowConfigurationClick = (event: CustomEvent): void => {\n    // Example of creating conditionExpression of a gateway element\n    const elementRegistry = modelerRef.current?.get('elementRegistry')\n    const modeling = modelerRef.current?.get('modeling')\n    const moddle = modelerRef.current?.get('moddle')\n    const element = elementRegistry.get(event.detail.id)\n\n    if (element.businessObject.sourceRef.$type.toLowerCase().includes('gateway')) {\n      const sequenceFlowElement = elementRegistry.get(element.businessObject.id)\n      const sequenceFlow = sequenceFlowElement.businessObject\n      const newFormalCondition = `$\\{true}`\n      const newConditionName = 'Yes'\n      const newCondition = moddle.create('bpmn:FormalExpression', {\n        body: newFormalCondition\n      })\n      sequenceFlow.conditionExpression = newCondition\n      modeling.updateProperties(sequenceFlowElement, {\n        name: newConditionName,\n        conditionExpression: newCondition\n      })\n    }\n  }\n\n  const updateCurrentShapeId = (elementId: string): void => {\n    // Example of changing the Id of an element and its references.\n    const elementRegistry = modelerRef.current?.get('elementRegistry')\n    const modeling = modelerRef.current?.get('modeling')\n    const element = elementRegistry.get(elementId)\n    modeling.updateProperties(element, { id: `${elementId}_customId` })\n  }\n\n  const onRootShapeUpdate = (id: string, type: string): void =>\n    alert(`${id} ${type} root shape updated!`)\n\n  const onError = (error: Error): void => alert(error)\n\n  const setModeler = useCallback(\n    (): JSX.Element => (\n      <Bpmn\n        modelerRef={modelerRef}\n        bpmnStringFile={bpmnStringFile}\n        modelerInnerHeight={window.innerHeight}\n        defaultStrokeColor={'#5F84CF'}\n        elementClassesToRemove={elementClassesToRemove}\n        customPadEntries={customPadEntries}\n        // It is executed by clicking the \"Task configuration\" button on the side pad of the Task element.\n        onTaskConfigurationClick={onTaskConfigurationClick}\n        // It is executed by clicking the \"Task documentation\" button on the side pad of the Task element.\n        onTaskDocumentationClick={onTaskDocumentationClick}\n        // It is executed by clicking the \"Sequence Flow configuration\" button on the side pad of the Task element.\n        onSequenceFlowConfigurationClick={onSequenceFlowConfigurationClick}\n        // It is executed by clicking the \"Remove\" button on the side pad of the Task element.\n        onRemoveClick={onRemoveClick}\n        // It is executed when listening to the event \"elements.changed\",\n        // it returns the xml file generated by the bpmn modeler after a change of any element of the diagram.\n        onElementChange={onElementChange}\n        // It is executed when listening to the event \"commandStack.shape.create.postExecuted\",\n        // returns the Id of the created element\n        onShapeCreate={updateCurrentShapeId}\n        // It is executed when listening to the event \"commandStack.canvas.updateRoot.postExecute\",\n        // returns the Id and type of the root shape\n        onRootShapeUpdate={onRootShapeUpdate}\n        onError={onError}\n      />\n    ),\n    [bpmnStringFile]\n  )\n\n  useEffect(() => {\n    setBpmnStringFile(getBpmnFile())\n  }, [setBpmnStringFile])\n\n  useEffect(() => {\n    if (bpmnStringFile && !model) {\n      setModel(setModeler)\n    }\n  }, [bpmnStringFile, model, setModeler])\n\n  return <>{model}</>\n}\n\nexport default App\n\n```\n\n## Params ##\n\n* **modelerRef:** It's the reference to the \"div\" of the \"container\" of the bpmn modeler. **\\***\n\n* **bpmnStringFile:** A .bpmn file in text string, if not provided an empty .bpmn file will be generated. **\\***\n\n* **modelerInnerHeight:** Window height setting, if not provided, takes the size of the current window by default.\n\n* **actionButtonClassName:** React className of action button.\n\n* **zStep:** Number of zoom step of zoom in/out action button.\n\n* **defaultStrokeColor:** Default color of stroke shape elements, accepts definition of css colors in a text string.\n\n* **showPropertiesPanel:** If the value is *true* the icon is shown to open the properties panel, otherwise the button and the panel will not be visible.\n\n* **elementClassesToRemove:** Item classes to remove from the item popup panel.\n\nexist\n\n```typescript\nconst customPadClassNames = [\n  'bpmn-icon-custom-task-settings',\n  'bpmn-icon-custom-task-documentation',\n  'bpmn-icon-custom-sequence-flow-configuration'\n]\n```\n\n* **customPadEntries:** Item html-css classes of icon to remove from the item lateral pad.\n\n* **onElementChange:** A function that runs every time a bpmn modeler element changes, accepts as a parameter a variable that contains the exported file in a text string.\n\n* **onTaskConfigurationClick:** It is a function that is executed when you click on the gear icon in the side pad of a task element, it accepts a function that receives as event parameter of the selected element.\n\n*event.detail* returns\n\n```typescript\n{\n  id: string\n  $type: string\n  $parent: {\n    id: string\n    $type: string\n  }\n}\n```\n\n* **onTaskDocumentationClick:** It is a function that is executed when you click on the *document* icon in the side pad of a task element, it accepts a function that receives as event parameter of the selected element.\n\n*event.detail* returns\n\n```typescript\n{\n  id: string\n  $type: string\n  $parent: {\n    id: string\n    $type: string\n  }\n}\n```\n\n* **onSequenceFlowConfigurationClick** It is a function that is executed when you click on the *gear* icon in the side pad of a task element, it accepts a function that receives as event parameter of the selected element.\n\n*event.detail* returns\n\n```typescript\n{\n  id: string\n  $type: string\n  $parent: {\n    id: string\n    $type: string\n  }\n}\n```\n\n* **onRemoveClick** It is a function that is executed when you click on the *trash* icon in the side pad of a task element, it accepts a function that receives as event parameter of the selected element.\n\n*event.detail* returns\n\n```typescript\n{\n  id: string\n  $type: string\n}\n```\n\n* **onRootShapeUpdate** It is a function that is executed when a Pool/Participant is created or deleted.\n\n*event.detail* returns\n\n```typescript\nid: string\ntype: string\n```\n\n* **onError:** It is executed in case of error, it accepts a function that receives the error as a parameter. **\\***\n\n*Required params*  *\n","_id":"@arkondata/react-bpmn-modeler@0.1.24-beta.4","dist":{"shasum":"ddf5c8351d67447e60eb428779f1ec48cc54ad08","integrity":"sha512-xCoVme9Qi+Mx7jFXddavbGPIrpn0AxcLPOtHQmqRwazAuFbBD7l/KG+ZcGB70MsgLI8cwL3o4h28YBuisKG9FQ==","tarball":"https://registry.npmjs.org/@arkondata/react-bpmn-modeler/-/react-bpmn-modeler-0.1.24-beta.4.tgz","fileCount":49,"unpackedSize":488605,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfAo8xCRA9TVsSAnZWagAAbcsP/26xS/jtplZMWsmdT31M\nrVS3E+RBXnISkTguqtf0ptCCxaX53D/ib6fOErUdNDQ5CUddOJVqG54A98W6\n6Gk4dFNEYnHNAJK7xMXCAiQtq8g6EYlsX0/G/c3jxd0TwvLtyF+WlDCJ/qLP\n63QocRfiw+pBMvpm77lkx3pMM6u9tvcjnNSbBRDDoLHE40VHO/lLFtS+snkw\n0vEjFuQTkhK1+fL2IEkmEx0dww5WQAr4DvgVVbj3SNgkJUBhNavnxcLiuev8\nOEk3U4TFd2fS4vZH3EeJCnw8kU7J4bNrOLI7wptE9QprvJa+2nav0qYRmkir\nepXTJq+TlWRfxWSwRpdj7D18WXk9hY2DeV2LQmExmrroOMN0YfKI1oRfeM2k\nyvTano9hZoHBitUpneJEOiwRw9FxGM+4jE4drTAbnv9v9npps2I/7whQmjFj\nQgqrde501/8ZrAmqV3uWl+SEDF51l9uqDaENKBaVtJXj+Yglw2CAim0GzxYT\nMEWAyDfEjnDmb6CUr1gabOa04AO/8LFpzdHwl7HDTMGNG6mQ72d8ntKkczSx\nUznJ+mfYoAIwjc1W5eBHa9e+cltUtA+bVlOilPvxNQrJw5t3JccensVSVSeV\nOHKw1DgyOwetMPyPF+AlFj2jgKRFKz9nlJDVWa5Mb75gujdY7Rb8sJis4nuc\nZHat\r\n=fs8X\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDC7B8pYrWYo14RDyhJ+xoWCSoeQhdi5axdaiLEQb1IdgIhAMcv1bAWGc0vAuzHcc6YX0l2RrDfM/0K2oKTNrUIoL4z"}]},"maintainers":[{"name":"javiermolina","email":"ing.molina.h@gmail.com"},{"name":"juananto11","email":"juananto11@hotmail.com"},{"name":"rreyes24","email":"rreyesvar@gmail.com"},{"name":"services_arkondata","email":"services@arkondata.com"}],"_npmUser":{"name":"javiermolina","email":"ing.molina.h@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-bpmn-modeler_0.1.24-beta.4_1594003249334_0.406055941437804"},"_hasShrinkwrap":false},"0.1.24-beta.5":{"name":"@arkondata/react-bpmn-modeler","version":"0.1.24-beta.5","private":false,"author":{"name":"JavierMolina"},"license":"MIT","description":"React bpmn modeler","repository":{"type":"git","url":"git+https://github.com/Grupo-Abraxas/react-bpmn-modeler.git"},"keywords":["react-bpmn-modeler"],"bugs":{"url":"https://github.com/Grupo-Abraxas/react-bpmn-modeler/issues"},"homepage":"https://www.arkondata.com/","main":"lib/index.js","types":"lib","scripts":{"build:css":"rm -rf ./lib/ && node-sass src/ -o src/","build:styles":"mkdir -p lib/styles && cp -r src/styles lib/","build:font":"mkdir -p lib/bpmn-font && cp -r src/bpmn-font lib/","watch:css":"yarn build:css && node-sass src/ -o src/ -w -r","start:js":"react-scripts start","start":"npm-run-all -p watch:css start:js","build:js":"tsc -p .","build":"npm-run-all build:*","test":"react-scripts test","eject":"react-scripts eject","docker:build":"docker build -t react-bpmn-modeler_img .","docker:run":"docker run -d -p 80:80 --name react-bpmn-modeler react-bpmn-modeler_img","docker:stop":"docker rm -f react-bpmn-modeler"},"pearDependencies":{"react":"<=16.0.0"},"dependencies":{"@testing-library/jest-dom":"^4.2.4","@testing-library/react":"^9.3.2","@testing-library/user-event":"^7.1.2","bpmn-js":"^6.4.2","bpmn-js-properties-panel":"^0.33.2","camunda-bpmn-moddle":"^4.4.0","css-loader":"^3.5.2","diagram-js-minimap":"^2.0.3","min-dash":"^3.5.2","node-sass":"^4.14.1","react":"^16.13.1","react-dom":"^16.13.1","react-full-screen":"^0.2.4","react-scripts":"3.4.1","style-loader":"^1.1.4","yarn-run-all":"^3.1.1"},"devDependencies":{"@types/jest":"^25.2.2","@types/node":"^14.0.1","@types/node-sass":"^4.11.1","@types/react":"^16.9.35","@types/react-dom":"^16.9.8","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","eslint-config-import":"^0.13.0","eslint-config-prettier":"^6.11.0","eslint-plugin-import":"^2.20.2","eslint-plugin-prettier":"^3.1.3","eslint-plugin-react":"^7.20.0","eslint-plugin-react-hooks":"^4.0.2","eslint-plugin-simple-import-sort":"^5.0.3","husky":"^4.2.5","lint-staged":"^10.2.2","prettier":"^2.0.5","typescript":"^3.8.3"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"lint-staged":{"src/**/*.{js,jsx,ts,tsx}":["eslint --fix","prettier --write"],"src/**/*.{css,scss,md,json}":["prettier --write"]},"husky":{"hooks":{"pre-commit":"lint-staged"}},"readmeFilename":"README.md","readme":"# react-bpmn-modeler #\n\nReact bpmn modeler (Beta)\n\n## How to install ##\n\nWith npm\n\n```bash\nnpm install @arkondata/react-bpmn-modeler\n```\n\nWith yarn\n\n```bash\nyarn add @arkondata/react-bpmn-modeler\n```\n\n## How to use ##\n\nWith React Typescript\n\n```tsx\nimport React, { FC, useRef, useState, useCallback, useEffect } from 'react'\nimport { Bpmn } from '@arkondata/react-bpmn-modeler/lib/components'\nimport { BpmnModelerType, PadEntriesType } from '@arkondata/react-bpmn-modeler/lib/components/types'\n\n//load bpmnStringFile from anywere\nconst getBpmnFile = (): string => `<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<bpmn:definitions xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xmlns:bpmn=\"http://www.omg.org/spec/BPMN/20100524/MODEL\" xmlns:bpmndi=\"http://www.omg.org/spec/BPMN/20100524/DI\" xmlns:dc=\"http://www.omg.org/spec/DD/20100524/DC\" xmlns:di=\"http://www.omg.org/spec/DD/20100524/DI\" id=\"Definitions_1\" targetNamespace=\"http://bpmn.io/schema/bpmn\">\n  <bpmn:collaboration id=\"Collaboration_0nai2jf\">\n    <bpmn:participant id=\"Participant_0n01i1w\" processRef=\"Process_1\" />\n  </bpmn:collaboration>\n  <bpmn:process id=\"Process_1\" isExecutable=\"false\">\n    <bpmn:startEvent id=\"Event_0sd8xgt\" name=\"Start\">\n      <bpmn:outgoing>Flow_094auwy</bpmn:outgoing>\n    </bpmn:startEvent>\n    <bpmn:task id=\"Activity_02384jl\" name=\"Example task label\">\n      <bpmn:incoming>Flow_094auwy</bpmn:incoming>\n    </bpmn:task>\n    <bpmn:sequenceFlow id=\"Flow_094auwy\" sourceRef=\"Event_0sd8xgt\" targetRef=\"Activity_02384jl\" />\n  </bpmn:process>\n  <bpmndi:BPMNDiagram id=\"BPMNDiagram_1\">\n    <bpmndi:BPMNPlane id=\"BPMNPlane_1\" bpmnElement=\"Collaboration_0nai2jf\">\n      <bpmndi:BPMNShape id=\"Participant_0n01i1w_di\" bpmnElement=\"Participant_0n01i1w\" isHorizontal=\"true\">\n        <dc:Bounds x=\"-400\" y=\"-320\" width=\"600\" height=\"250\" />\n      </bpmndi:BPMNShape>\n      <bpmndi:BPMNEdge id=\"Flow_094auwy_di\" bpmnElement=\"Flow_094auwy\">\n        <di:waypoint x=\"-282\" y=\"-210\" />\n        <di:waypoint x=\"-230\" y=\"-210\" />\n      </bpmndi:BPMNEdge>\n      <bpmndi:BPMNShape id=\"Event_0sd8xgt_di\" bpmnElement=\"Event_0sd8xgt\">\n        <dc:Bounds x=\"-318\" y=\"-228\" width=\"36\" height=\"36\" />\n        <bpmndi:BPMNLabel>\n          <dc:Bounds x=\"-312\" y=\"-185\" width=\"24\" height=\"14\" />\n        </bpmndi:BPMNLabel>\n      </bpmndi:BPMNShape>\n      <bpmndi:BPMNShape id=\"Activity_02384jl_di\" bpmnElement=\"Activity_02384jl\">\n        <dc:Bounds x=\"-230\" y=\"-250\" width=\"100\" height=\"80\" />\n      </bpmndi:BPMNShape>\n    </bpmndi:BPMNPlane>\n  </bpmndi:BPMNDiagram>\n</bpmn:definitions>`\n\n// Item classes to remove from the item popup panel\nexport const elementClassesToRemove = [\n  'bpmn-icon-subprocess-collapsed',\n  'bpmn-icon-subprocess-expanded',\n  'bpmn-icon-business-rule',\n  'bpmn-icon-service',\n  'bpmn-icon-start-event-condition',\n  'bpmn-icon-start-event-signal',\n  'bpmn-icon-data-object',\n  'bpmn-icon-data-store',\n]\n\n// Item classes to remove from the item lateral pad\nexport const customPadEntries: PadEntriesType = {\n  StartEvent: ['bpmn-icon-custom-remove'],\n  IntermediateThrowEvent: ['bpmn-icon-custom-remove'],\n  IntermediateCatchEvent: ['bpmn-icon-custom-remove'],\n  EndEvent: ['bpmn-icon-custom-remove'],\n  CallActivity: ['bpmn-icon-custom-remove'],\n  SubProcess: ['bpmn-icon-custom-remove'],\n  Gateway: ['bpmn-icon-custom-remove'],\n  SequenceFlow: [\n    'bpmn-icon-custom-sequence-flow-configuration',\n    'bpmn-icon-custom-remove'\n  ],\n  TextAnnotation: ['bpmn-icon-custom-remove'],\n  Participant: ['bpmn-icon-custom-remove'],\n  Lane: ['bpmn-icon-custom-remove'],\n  DataStoreReference: ['bpmn-icon-custom-remove'],\n  DataObjectReference: ['bpmn-icon-custom-remove'],\n  label: ['bpmn-icon-custom-remove'],\n  Association: ['bpmn-icon-custom-remove'],\n  Group: ['bpmn-icon-custom-remove'],\n  Task: [\n    'bpmn-icon-custom-task-documentation',\n    'bpmn-icon-custom-task-settings',\n    'bpmn-icon-custom-remove'\n  ],\n}\n\nconst App: FC = () => {\n  const modelerRef = useRef<BpmnModelerType>()\n  const [model, setModel] = useState<JSX.Element>()\n  const [bpmnStringFile, setBpmnStringFile] = useState('')\n\n  const onTaskConfigurationClick = (event: CustomEvent): void => alert(JSON.stringify(event.detail))\n\n  const onTaskDocumentationClick = (event: CustomEvent): void => {\n    // Example of editing properties of an element\n    const elementRegistry = modelerRef.current?.get('elementRegistry')\n    const modeling = modelerRef.current?.get('modeling')\n    const moddle = modelerRef.current?.get('moddle')\n    const element = elementRegistry.get(event.detail.id)\n    const newText = 'Documentation text'\n    const documentation = moddle.create('bpmn:Documentation', { text: newText })\n    modeling.updateProperties(element, { documentation: [documentation] })\n  }\n  const onRemoveClick = (event: CustomEvent): void => {\n    // Example of remove shape confirmation\n    const deleteIt = window.confirm('Are you sure to delete the element?')\n    if (deleteIt) {\n      const elementRegistry = modelerRef.current?.get('elementRegistry')\n      const modeling = modelerRef.current?.get('modeling')\n      const element = elementRegistry.get(event.detail.id)\n      modeling.removeShape(element)\n    }\n  }\n\n  const onElementChange = (xml: string): void => alert(xml)\n\n  const onSequenceFlowConfigurationClick = (event: CustomEvent): void => {\n    // Example of creating conditionExpression of a gateway element\n    const elementRegistry = modelerRef.current?.get('elementRegistry')\n    const modeling = modelerRef.current?.get('modeling')\n    const moddle = modelerRef.current?.get('moddle')\n    const element = elementRegistry.get(event.detail.id)\n\n    if (element.businessObject.sourceRef.$type.toLowerCase().includes('gateway')) {\n      const sequenceFlowElement = elementRegistry.get(element.businessObject.id)\n      const sequenceFlow = sequenceFlowElement.businessObject\n      const newFormalCondition = `$\\{true}`\n      const newConditionName = 'Yes'\n      const newCondition = moddle.create('bpmn:FormalExpression', {\n        body: newFormalCondition\n      })\n      sequenceFlow.conditionExpression = newCondition\n      modeling.updateProperties(sequenceFlowElement, {\n        name: newConditionName,\n        conditionExpression: newCondition\n      })\n    }\n  }\n\n  const updateCurrentShapeId = (elementId: string): void => {\n    // Example of changing the Id of an element and its references.\n    const elementRegistry = modelerRef.current?.get('elementRegistry')\n    const modeling = modelerRef.current?.get('modeling')\n    const element = elementRegistry.get(elementId)\n    modeling.updateProperties(element, { id: `${elementId}_customId` })\n  }\n\n  const onRootShapeUpdate = (id: string, type: string): void =>\n    alert(`${id} ${type} root shape updated!`)\n\n  const onError = (error: Error): void => alert(error)\n\n  const setModeler = useCallback(\n    (): JSX.Element => (\n      <Bpmn\n        modelerRef={modelerRef}\n        bpmnStringFile={bpmnStringFile}\n        modelerInnerHeight={window.innerHeight}\n        defaultStrokeColor={'#5F84CF'}\n        elementClassesToRemove={elementClassesToRemove}\n        customPadEntries={customPadEntries}\n        // It is executed by clicking the \"Task configuration\" button on the side pad of the Task element.\n        onTaskConfigurationClick={onTaskConfigurationClick}\n        // It is executed by clicking the \"Task documentation\" button on the side pad of the Task element.\n        onTaskDocumentationClick={onTaskDocumentationClick}\n        // It is executed by clicking the \"Sequence Flow configuration\" button on the side pad of the Task element.\n        onSequenceFlowConfigurationClick={onSequenceFlowConfigurationClick}\n        // It is executed by clicking the \"Remove\" button on the side pad of the Task element.\n        onRemoveClick={onRemoveClick}\n        // It is executed when listening to the event \"elements.changed\",\n        // it returns the xml file generated by the bpmn modeler after a change of any element of the diagram.\n        onElementChange={onElementChange}\n        // It is executed when listening to the event \"commandStack.shape.create.postExecuted\",\n        // returns the Id of the created element\n        onShapeCreate={updateCurrentShapeId}\n        // It is executed when listening to the event \"commandStack.canvas.updateRoot.postExecute\",\n        // returns the Id and type of the root shape\n        onRootShapeUpdate={onRootShapeUpdate}\n        onError={onError}\n      />\n    ),\n    [bpmnStringFile]\n  )\n\n  useEffect(() => {\n    setBpmnStringFile(getBpmnFile())\n  }, [setBpmnStringFile])\n\n  useEffect(() => {\n    if (bpmnStringFile && !model) {\n      setModel(setModeler)\n    }\n  }, [bpmnStringFile, model, setModeler])\n\n  return <>{model}</>\n}\n\nexport default App\n\n```\n\n## Params ##\n\n* **modelerRef:** It's the reference to the \"div\" of the \"container\" of the bpmn modeler. **\\***\n\n* **bpmnStringFile:** A .bpmn file in text string, if not provided an empty .bpmn file will be generated. **\\***\n\n* **modelerInnerHeight:** Window height setting, if not provided, takes the size of the current window by default.\n\n* **actionButtonClassName:** React className of action button.\n\n* **zStep:** Number of zoom step of zoom in/out action button.\n\n* **defaultStrokeColor:** Default color of stroke shape elements, accepts definition of css colors in a text string.\n\n* **showPropertiesPanel:** If the value is *true* the icon is shown to open the properties panel, otherwise the button and the panel will not be visible.\n\n* **elementClassesToRemove:** Item classes to remove from the item popup panel.\n\nexist\n\n```typescript\nconst customPadClassNames = [\n  'bpmn-icon-custom-task-settings',\n  'bpmn-icon-custom-task-documentation',\n  'bpmn-icon-custom-sequence-flow-configuration'\n]\n```\n\n* **customPadEntries:** Item html-css classes of icon to remove from the item lateral pad.\n\n* **onElementChange:** A function that runs every time a bpmn modeler element changes, accepts as a parameter a variable that contains the exported file in a text string.\n\n* **onTaskConfigurationClick:** It is a function that is executed when you click on the gear icon in the side pad of a task element, it accepts a function that receives as event parameter of the selected element.\n\n*event.detail* returns\n\n```typescript\n{\n  id: string\n  $type: string\n  $parent: {\n    id: string\n    $type: string\n  }\n}\n```\n\n* **onTaskDocumentationClick:** It is a function that is executed when you click on the *document* icon in the side pad of a task element, it accepts a function that receives as event parameter of the selected element.\n\n*event.detail* returns\n\n```typescript\n{\n  id: string\n  $type: string\n  $parent: {\n    id: string\n    $type: string\n  }\n}\n```\n\n* **onSequenceFlowConfigurationClick** It is a function that is executed when you click on the *gear* icon in the side pad of a task element, it accepts a function that receives as event parameter of the selected element.\n\n*event.detail* returns\n\n```typescript\n{\n  id: string\n  $type: string\n  $parent: {\n    id: string\n    $type: string\n  }\n}\n```\n\n* **onRemoveClick** It is a function that is executed when you click on the *trash* icon in the side pad of a task element, it accepts a function that receives as event parameter of the selected element.\n\n*event.detail* returns\n\n```typescript\n{\n  id: string\n  $type: string\n}\n```\n\n* **onRootShapeUpdate** It is a function that is executed when a Pool/Participant is created or deleted.\n\n*event.detail* returns\n\n```typescript\nid: string\ntype: string\n```\n\n* **onError:** It is executed in case of error, it accepts a function that receives the error as a parameter. **\\***\n\n*Required params*  *\n","_id":"@arkondata/react-bpmn-modeler@0.1.24-beta.5","dist":{"shasum":"a861a4c225de02d78f7b68a2233cdffcd06b6bf4","integrity":"sha512-sC6JXaBMbfYtAXKz8hZ6THdKj/fr2F7L9pRJtXlQt+DbAU6BugB8wL/VJ7jXdQob4AQfExAOOF6oIWIHULLz1w==","tarball":"https://registry.npmjs.org/@arkondata/react-bpmn-modeler/-/react-bpmn-modeler-0.1.24-beta.5.tgz","fileCount":49,"unpackedSize":488606,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfApJQCRA9TVsSAnZWagAA/5oP+wS3ugdwmQMw6zxopcDV\nUoRIjPVY3/Eo83ClegV4Tm1HhVJgpbJtNLA06siiu6pPF23Go2rVqNbDmj3r\n8rR5F1zuyb43dZXjZf79B9NPMDbvNLP4vaBqNa3aLdlaTcu2E5KMi4q9KsRm\nDF6bSiO2adIE9g152MLoFn4Epym5yNNkMWvpC/vSXNPOPnMbEkbZRLzz/dWY\nS8kJtXt5zIzC4z+bfy5Q4+XCoDbn+AT7nIrWqh9XmV9PmDE/AS+seYGkFth1\nJC+Jz6bkRWYrVHh8k/eSk2wJDIkJR8qsD078lXHnHYPn4Z2NhMmgqIsNK9V7\nAp5SGhMVZLDz226A3/BCatouroxSz13kCADD+gYN8DnFYn3l4q3yQDprI7yt\nf9VACBqvsrLZyz6ZmS370V1GIkfGDr/4VbolxUCzCAmF1Lmxblryj8i1AHFy\nHXBlEhQodTfinPjX4t7XViLQ7WyWLT86zyPSMVXdaW0XGgnbvQ6jCsu4BDUA\nkpJHkrl/kya2wAqN/1h/LwAZ5RFGKa21vBLulIKILl9u7G5i7QN9Nezf2R18\nq6nmO42hkyrFVBPBoPXPmEsfHfovY0nR6scTdKMug7KTW1mKBsatfXbNvLLy\n4Lza9aMIs8OfgZp9ziWrIOZ3ECdr2A9yb1x6Fc1mYHNNJEtZAUJqGksvEn2U\nObKS\r\n=UHA3\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDjHgSGmqKZ0KhEmMuC4dJ0lFVWaANAJSxL4n6jydlR+gIgcrizMbEdMjQPRnyJnhECsqxsXKMUqJgBuUfHdyp8/70="}]},"maintainers":[{"name":"javiermolina","email":"ing.molina.h@gmail.com"},{"name":"juananto11","email":"juananto11@hotmail.com"},{"name":"rreyes24","email":"rreyesvar@gmail.com"},{"name":"services_arkondata","email":"services@arkondata.com"}],"_npmUser":{"name":"javiermolina","email":"ing.molina.h@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-bpmn-modeler_0.1.24-beta.5_1594004047643_0.04279674621225138"},"_hasShrinkwrap":false},"0.1.24-beta.6":{"name":"@arkondata/react-bpmn-modeler","version":"0.1.24-beta.6","private":false,"author":{"name":"JavierMolina"},"license":"MIT","description":"React bpmn modeler","repository":{"type":"git","url":"git+https://github.com/Grupo-Abraxas/react-bpmn-modeler.git"},"keywords":["react-bpmn-modeler"],"bugs":{"url":"https://github.com/Grupo-Abraxas/react-bpmn-modeler/issues"},"homepage":"https://www.arkondata.com/","main":"lib/index.js","types":"lib","scripts":{"build:css":"rm -rf ./lib/ && node-sass src/ -o src/","build:styles":"mkdir -p lib/styles && cp -r src/styles lib/","build:font":"mkdir -p lib/bpmn-font && cp -r src/bpmn-font lib/","watch:css":"yarn build:css && node-sass src/ -o src/ -w -r","start:js":"react-scripts start","start":"npm-run-all -p watch:css start:js","build:js":"tsc -p .","build":"npm-run-all build:*","test":"react-scripts test","eject":"react-scripts eject","docker:build":"docker build -t react-bpmn-modeler_img .","docker:run":"docker run -d -p 80:80 --name react-bpmn-modeler react-bpmn-modeler_img","docker:stop":"docker rm -f react-bpmn-modeler"},"pearDependencies":{"react":"<=16.0.0"},"dependencies":{"@testing-library/jest-dom":"^4.2.4","@testing-library/react":"^9.3.2","@testing-library/user-event":"^7.1.2","bpmn-js":"^6.4.2","bpmn-js-properties-panel":"^0.33.2","camunda-bpmn-moddle":"^4.4.0","css-loader":"^3.5.2","diagram-js-minimap":"^2.0.3","min-dash":"^3.5.2","node-sass":"^4.14.1","react":"^16.13.1","react-dom":"^16.13.1","react-full-screen":"^0.2.4","react-scripts":"3.4.1","style-loader":"^1.1.4","yarn-run-all":"^3.1.1"},"devDependencies":{"@types/jest":"^25.2.2","@types/node":"^14.0.1","@types/node-sass":"^4.11.1","@types/react":"^16.9.35","@types/react-dom":"^16.9.8","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","eslint-config-import":"^0.13.0","eslint-config-prettier":"^6.11.0","eslint-plugin-import":"^2.20.2","eslint-plugin-prettier":"^3.1.3","eslint-plugin-react":"^7.20.0","eslint-plugin-react-hooks":"^4.0.2","eslint-plugin-simple-import-sort":"^5.0.3","husky":"^4.2.5","lint-staged":"^10.2.2","prettier":"^2.0.5","typescript":"^3.8.3"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"lint-staged":{"src/**/*.{js,jsx,ts,tsx}":["eslint --fix","prettier --write"],"src/**/*.{css,scss,md,json}":["prettier --write"]},"husky":{"hooks":{"pre-commit":"lint-staged"}},"readmeFilename":"README.md","readme":"# react-bpmn-modeler #\n\nReact bpmn modeler (Beta)\n\n## How to install ##\n\nWith npm\n\n```bash\nnpm install @arkondata/react-bpmn-modeler\n```\n\nWith yarn\n\n```bash\nyarn add @arkondata/react-bpmn-modeler\n```\n\n## How to use ##\n\nWith React Typescript\n\n```tsx\nimport React, { FC, useRef, useState, useCallback, useEffect } from 'react'\nimport { Bpmn } from '@arkondata/react-bpmn-modeler/lib/components'\nimport { BpmnModelerType, PadEntriesType } from '@arkondata/react-bpmn-modeler/lib/components/types'\n\n//load bpmnStringFile from anywere\nconst getBpmnFile = (): string => `<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<bpmn:definitions xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xmlns:bpmn=\"http://www.omg.org/spec/BPMN/20100524/MODEL\" xmlns:bpmndi=\"http://www.omg.org/spec/BPMN/20100524/DI\" xmlns:dc=\"http://www.omg.org/spec/DD/20100524/DC\" xmlns:di=\"http://www.omg.org/spec/DD/20100524/DI\" id=\"Definitions_1\" targetNamespace=\"http://bpmn.io/schema/bpmn\">\n  <bpmn:collaboration id=\"Collaboration_0nai2jf\">\n    <bpmn:participant id=\"Participant_0n01i1w\" processRef=\"Process_1\" />\n  </bpmn:collaboration>\n  <bpmn:process id=\"Process_1\" isExecutable=\"false\">\n    <bpmn:startEvent id=\"Event_0sd8xgt\" name=\"Start\">\n      <bpmn:outgoing>Flow_094auwy</bpmn:outgoing>\n    </bpmn:startEvent>\n    <bpmn:task id=\"Activity_02384jl\" name=\"Example task label\">\n      <bpmn:incoming>Flow_094auwy</bpmn:incoming>\n    </bpmn:task>\n    <bpmn:sequenceFlow id=\"Flow_094auwy\" sourceRef=\"Event_0sd8xgt\" targetRef=\"Activity_02384jl\" />\n  </bpmn:process>\n  <bpmndi:BPMNDiagram id=\"BPMNDiagram_1\">\n    <bpmndi:BPMNPlane id=\"BPMNPlane_1\" bpmnElement=\"Collaboration_0nai2jf\">\n      <bpmndi:BPMNShape id=\"Participant_0n01i1w_di\" bpmnElement=\"Participant_0n01i1w\" isHorizontal=\"true\">\n        <dc:Bounds x=\"-400\" y=\"-320\" width=\"600\" height=\"250\" />\n      </bpmndi:BPMNShape>\n      <bpmndi:BPMNEdge id=\"Flow_094auwy_di\" bpmnElement=\"Flow_094auwy\">\n        <di:waypoint x=\"-282\" y=\"-210\" />\n        <di:waypoint x=\"-230\" y=\"-210\" />\n      </bpmndi:BPMNEdge>\n      <bpmndi:BPMNShape id=\"Event_0sd8xgt_di\" bpmnElement=\"Event_0sd8xgt\">\n        <dc:Bounds x=\"-318\" y=\"-228\" width=\"36\" height=\"36\" />\n        <bpmndi:BPMNLabel>\n          <dc:Bounds x=\"-312\" y=\"-185\" width=\"24\" height=\"14\" />\n        </bpmndi:BPMNLabel>\n      </bpmndi:BPMNShape>\n      <bpmndi:BPMNShape id=\"Activity_02384jl_di\" bpmnElement=\"Activity_02384jl\">\n        <dc:Bounds x=\"-230\" y=\"-250\" width=\"100\" height=\"80\" />\n      </bpmndi:BPMNShape>\n    </bpmndi:BPMNPlane>\n  </bpmndi:BPMNDiagram>\n</bpmn:definitions>`\n\n// Item classes to remove from the item popup panel\nexport const elementClassesToRemove = [\n  'bpmn-icon-subprocess-collapsed',\n  'bpmn-icon-subprocess-expanded',\n  'bpmn-icon-business-rule',\n  'bpmn-icon-service',\n  'bpmn-icon-start-event-condition',\n  'bpmn-icon-start-event-signal',\n  'bpmn-icon-data-object',\n  'bpmn-icon-data-store',\n]\n\n// Item classes to remove from the item lateral pad\nexport const customPadEntries: PadEntriesType = {\n  StartEvent: ['bpmn-icon-custom-remove'],\n  IntermediateThrowEvent: ['bpmn-icon-custom-remove'],\n  IntermediateCatchEvent: ['bpmn-icon-custom-remove'],\n  EndEvent: ['bpmn-icon-custom-remove'],\n  CallActivity: ['bpmn-icon-custom-remove'],\n  SubProcess: ['bpmn-icon-custom-remove'],\n  Gateway: ['bpmn-icon-custom-remove'],\n  SequenceFlow: [\n    'bpmn-icon-custom-sequence-flow-configuration',\n    'bpmn-icon-custom-remove'\n  ],\n  TextAnnotation: ['bpmn-icon-custom-remove'],\n  Participant: ['bpmn-icon-custom-remove'],\n  Lane: ['bpmn-icon-custom-remove'],\n  DataStoreReference: ['bpmn-icon-custom-remove'],\n  DataObjectReference: ['bpmn-icon-custom-remove'],\n  label: ['bpmn-icon-custom-remove'],\n  Association: ['bpmn-icon-custom-remove'],\n  Group: ['bpmn-icon-custom-remove'],\n  Task: [\n    'bpmn-icon-custom-task-documentation',\n    'bpmn-icon-custom-task-settings',\n    'bpmn-icon-custom-remove'\n  ],\n}\n\nconst App: FC = () => {\n  const modelerRef = useRef<BpmnModelerType>()\n  const [model, setModel] = useState<JSX.Element>()\n  const [bpmnStringFile, setBpmnStringFile] = useState('')\n\n  const onTaskConfigurationClick = (event: CustomEvent): void => alert(JSON.stringify(event.detail))\n\n  const onTaskDocumentationClick = (event: CustomEvent): void => {\n    // Example of editing properties of an element\n    const elementRegistry = modelerRef.current?.get('elementRegistry')\n    const modeling = modelerRef.current?.get('modeling')\n    const moddle = modelerRef.current?.get('moddle')\n    const element = elementRegistry.get(event.detail.id)\n    const newText = 'Documentation text'\n    const documentation = moddle.create('bpmn:Documentation', { text: newText })\n    modeling.updateProperties(element, { documentation: [documentation] })\n  }\n  const onRemoveClick = (event: CustomEvent): void => {\n    // Example of remove shape confirmation\n    const deleteIt = window.confirm('Are you sure to delete the element?')\n    if (deleteIt) {\n      const elementRegistry = modelerRef.current?.get('elementRegistry')\n      const modeling = modelerRef.current?.get('modeling')\n      const element = elementRegistry.get(event.detail.id)\n      modeling.removeShape(element)\n    }\n  }\n\n  const onElementChange = (xml: string): void => alert(xml)\n\n  const onSequenceFlowConfigurationClick = (event: CustomEvent): void => {\n    // Example of creating conditionExpression of a gateway element\n    const elementRegistry = modelerRef.current?.get('elementRegistry')\n    const modeling = modelerRef.current?.get('modeling')\n    const moddle = modelerRef.current?.get('moddle')\n    const element = elementRegistry.get(event.detail.id)\n\n    if (element.businessObject.sourceRef.$type.toLowerCase().includes('gateway')) {\n      const sequenceFlowElement = elementRegistry.get(element.businessObject.id)\n      const sequenceFlow = sequenceFlowElement.businessObject\n      const newFormalCondition = `$\\{true}`\n      const newConditionName = 'Yes'\n      const newCondition = moddle.create('bpmn:FormalExpression', {\n        body: newFormalCondition\n      })\n      sequenceFlow.conditionExpression = newCondition\n      modeling.updateProperties(sequenceFlowElement, {\n        name: newConditionName,\n        conditionExpression: newCondition\n      })\n    }\n  }\n\n  const updateCurrentShapeId = (elementId: string): void => {\n    // Example of changing the Id of an element and its references.\n    const elementRegistry = modelerRef.current?.get('elementRegistry')\n    const modeling = modelerRef.current?.get('modeling')\n    const element = elementRegistry.get(elementId)\n    modeling.updateProperties(element, { id: `${elementId}_customId` })\n  }\n\n  const onRootShapeUpdate = (id: string, type: string): void =>\n    alert(`${id} ${type} root shape updated!`)\n\n  const onError = (error: Error): void => alert(error)\n\n  const setModeler = useCallback(\n    (): JSX.Element => (\n      <Bpmn\n        modelerRef={modelerRef}\n        bpmnStringFile={bpmnStringFile}\n        modelerInnerHeight={window.innerHeight}\n        defaultStrokeColor={'#5F84CF'}\n        elementClassesToRemove={elementClassesToRemove}\n        customPadEntries={customPadEntries}\n        // It is executed by clicking the \"Task configuration\" button on the side pad of the Task element.\n        onTaskConfigurationClick={onTaskConfigurationClick}\n        // It is executed by clicking the \"Task documentation\" button on the side pad of the Task element.\n        onTaskDocumentationClick={onTaskDocumentationClick}\n        // It is executed by clicking the \"Sequence Flow configuration\" button on the side pad of the Task element.\n        onSequenceFlowConfigurationClick={onSequenceFlowConfigurationClick}\n        // It is executed by clicking the \"Remove\" button on the side pad of the Task element.\n        onRemoveClick={onRemoveClick}\n        // It is executed when listening to the event \"elements.changed\",\n        // it returns the xml file generated by the bpmn modeler after a change of any element of the diagram.\n        onElementChange={onElementChange}\n        // It is executed when listening to the event \"commandStack.shape.create.postExecuted\",\n        // returns the Id of the created element\n        onShapeCreate={updateCurrentShapeId}\n        // It is executed when listening to the event \"commandStack.canvas.updateRoot.postExecute\",\n        // returns the Id and type of the root shape\n        onRootShapeUpdate={onRootShapeUpdate}\n        onError={onError}\n      />\n    ),\n    [bpmnStringFile]\n  )\n\n  useEffect(() => {\n    setBpmnStringFile(getBpmnFile())\n  }, [setBpmnStringFile])\n\n  useEffect(() => {\n    if (bpmnStringFile && !model) {\n      setModel(setModeler)\n    }\n  }, [bpmnStringFile, model, setModeler])\n\n  return <>{model}</>\n}\n\nexport default App\n\n```\n\n## Params ##\n\n* **modelerRef:** It's the reference to the \"div\" of the \"container\" of the bpmn modeler. **\\***\n\n* **bpmnStringFile:** A .bpmn file in text string, if not provided an empty .bpmn file will be generated. **\\***\n\n* **modelerInnerHeight:** Window height setting, if not provided, takes the size of the current window by default.\n\n* **actionButtonClassName:** React className of action button.\n\n* **zStep:** Number of zoom step of zoom in/out action button.\n\n* **defaultStrokeColor:** Default color of stroke shape elements, accepts definition of css colors in a text string.\n\n* **showPropertiesPanel:** If the value is *true* the icon is shown to open the properties panel, otherwise the button and the panel will not be visible.\n\n* **elementClassesToRemove:** Item classes to remove from the item popup panel.\n\nexist\n\n```typescript\nconst customPadClassNames = [\n  'bpmn-icon-custom-task-settings',\n  'bpmn-icon-custom-task-documentation',\n  'bpmn-icon-custom-sequence-flow-configuration'\n]\n```\n\n* **customPadEntries:** Item html-css classes of icon to remove from the item lateral pad.\n\n* **onElementChange:** A function that runs every time a bpmn modeler element changes, accepts as a parameter a variable that contains the exported file in a text string.\n\n* **onTaskConfigurationClick:** It is a function that is executed when you click on the gear icon in the side pad of a task element, it accepts a function that receives as event parameter of the selected element.\n\n*event.detail* returns\n\n```typescript\n{\n  id: string\n  $type: string\n  $parent: {\n    id: string\n    $type: string\n  }\n}\n```\n\n* **onTaskDocumentationClick:** It is a function that is executed when you click on the *document* icon in the side pad of a task element, it accepts a function that receives as event parameter of the selected element.\n\n*event.detail* returns\n\n```typescript\n{\n  id: string\n  $type: string\n  $parent: {\n    id: string\n    $type: string\n  }\n}\n```\n\n* **onSequenceFlowConfigurationClick** It is a function that is executed when you click on the *gear* icon in the side pad of a task element, it accepts a function that receives as event parameter of the selected element.\n\n*event.detail* returns\n\n```typescript\n{\n  id: string\n  $type: string\n  $parent: {\n    id: string\n    $type: string\n  }\n}\n```\n\n* **onRemoveClick** It is a function that is executed when you click on the *trash* icon in the side pad of a task element, it accepts a function that receives as event parameter of the selected element.\n\n*event.detail* returns\n\n```typescript\n{\n  id: string\n  $type: string\n}\n```\n\n* **onRootShapeUpdate** It is a function that is executed when a Pool/Participant is created or deleted.\n\n*event.detail* returns\n\n```typescript\nid: string\ntype: string\n```\n\n* **onError:** It is executed in case of error, it accepts a function that receives the error as a parameter. **\\***\n\n*Required params*  *\n","_id":"@arkondata/react-bpmn-modeler@0.1.24-beta.6","dist":{"shasum":"cc27b59391233a32cdf303801f7d138f138089f4","integrity":"sha512-2HJI9cOGKwc2Ifqxm/KjsjTls/IhtzW2mOwbMXJazodausQPP9/2onN/okttFMb5SWJiGvHbQyGixfl8MreExA==","tarball":"https://registry.npmjs.org/@arkondata/react-bpmn-modeler/-/react-bpmn-modeler-0.1.24-beta.6.tgz","fileCount":146,"unpackedSize":586911,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfApJ2CRA9TVsSAnZWagAA6c4P/j4TY1pgK9IQ/f14y3km\nvXlEZvMG1iWefOoeBmO90U01CZmInnbVcdkQ/Z64dbqWVKD/28VNDRg8Mwie\n7r4Uky3TjliknEElpVnPbQvoIOMZ0UDIQ2ToN/sDMEvAeDVkbCjSLl2fk6J6\nU4C1b+AvKaqQ3k1Qy+K+Czxp1DfELo730D4MaguRrCButZcGdY2p7oF7Y/+m\nMCZpRPQKc9OZZbeAeykemD+DKuK06ULWhaPioNEEicNQoS6jURElPUDmUZYm\nuo/vZH9EeSeYXqQ7bbJnGNFz938+V4N1yrzo5JEpH/bqzIrTAkMh4zdoHi7M\nXQcTQ/blXglH6yE01RHZ0h++2Q4AShfDNTJwLhQnIP2F7qGn619Vv8WLzaJe\nXtirX7srWcZDo1HIvmpE9zabW8MveT9CKSqKRdpCEfoX9AYzMOvMKZHX+JbD\nTO+gXiljsp6TzVM+fFI3aFGZ247v/ABitxcXDpkiQhL8nW+IKmrPL7PBNkTW\nFw9iJixLevbHJwaUAhY76ejr0s3C9NYQi5wreyEpfrTIJ9JqJMbHUs50z5+x\nbwItdWaD8LQQdj3zSlktHNjjGtUpcFWJhI+qKbMoFL3QfsNHCge3MbgoDuxP\nQO1URXwfmK5KEaDWA46fl72QUIYgTnefYu26Xfkr78Yj7Rvy+0oJVrpQcQOw\nKtiq\r\n=NHZ1\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDJmocPdgVzfwHNSzhDNyPmfT/PdEoJqNkIDfuqC3llbAIgRftoN5JcXoytqQNm+JgeSoa/cd+LnAGgxwSk4XGOlmY="}]},"maintainers":[{"name":"javiermolina","email":"ing.molina.h@gmail.com"},{"name":"juananto11","email":"juananto11@hotmail.com"},{"name":"rreyes24","email":"rreyesvar@gmail.com"},{"name":"services_arkondata","email":"services@arkondata.com"}],"_npmUser":{"name":"javiermolina","email":"ing.molina.h@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-bpmn-modeler_0.1.24-beta.6_1594004086112_0.4244287225715384"},"_hasShrinkwrap":false},"0.1.24-beta.7":{"name":"@arkondata/react-bpmn-modeler","version":"0.1.24-beta.7","private":false,"author":{"name":"JavierMolina"},"license":"MIT","description":"React bpmn modeler","repository":{"type":"git","url":"git+https://github.com/Grupo-Abraxas/react-bpmn-modeler.git"},"keywords":["react-bpmn-modeler"],"bugs":{"url":"https://github.com/Grupo-Abraxas/react-bpmn-modeler/issues"},"homepage":"https://www.arkondata.com/","main":"lib/index.js","types":"lib","scripts":{"build:css":"rm -rf ./lib/ && node-sass src/ -o src/","build:styles":"mkdir -p lib/styles && cp -r src/styles lib/","build:font":"mkdir -p lib/bpmn-font && cp -r src/bpmn-font lib/","watch:css":"yarn build:css && node-sass src/ -o src/ -w -r","start:js":"react-scripts start","start":"npm-run-all -p watch:css start:js","build:js":"tsc -p .","build":"npm-run-all build:*","test":"react-scripts test","eject":"react-scripts eject","docker:build":"docker build -t react-bpmn-modeler_img .","docker:run":"docker run -d -p 80:80 --name react-bpmn-modeler react-bpmn-modeler_img","docker:stop":"docker rm -f react-bpmn-modeler"},"pearDependencies":{"react":"<=16.0.0"},"dependencies":{"@testing-library/jest-dom":"^4.2.4","@testing-library/react":"^9.3.2","@testing-library/user-event":"^7.1.2","bpmn-js":"^6.4.2","bpmn-js-properties-panel":"^0.33.2","camunda-bpmn-moddle":"^4.4.0","css-loader":"^3.5.2","diagram-js-minimap":"^2.0.3","min-dash":"^3.5.2","node-sass":"^4.14.1","react":"^16.13.1","react-dom":"^16.13.1","react-full-screen":"^0.2.4","react-scripts":"3.4.1","style-loader":"^1.1.4","yarn-run-all":"^3.1.1"},"devDependencies":{"@types/jest":"^25.2.2","@types/node":"^14.0.1","@types/node-sass":"^4.11.1","@types/react":"^16.9.35","@types/react-dom":"^16.9.8","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","eslint-config-import":"^0.13.0","eslint-config-prettier":"^6.11.0","eslint-plugin-import":"^2.20.2","eslint-plugin-prettier":"^3.1.3","eslint-plugin-react":"^7.20.0","eslint-plugin-react-hooks":"^4.0.2","eslint-plugin-simple-import-sort":"^5.0.3","husky":"^4.2.5","lint-staged":"^10.2.2","prettier":"^2.0.5","typescript":"^3.8.3"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"lint-staged":{"src/**/*.{js,jsx,ts,tsx}":["eslint --fix","prettier --write"],"src/**/*.{css,scss,md,json}":["prettier --write"]},"husky":{"hooks":{"pre-commit":"lint-staged"}},"readmeFilename":"README.md","readme":"# react-bpmn-modeler #\n\nReact bpmn modeler (Beta)\n\n## How to install ##\n\nWith npm\n\n```bash\nnpm install @arkondata/react-bpmn-modeler\n```\n\nWith yarn\n\n```bash\nyarn add @arkondata/react-bpmn-modeler\n```\n\n## How to use ##\n\nWith React Typescript\n\n```tsx\nimport React, { FC, useRef, useState, useCallback, useEffect } from 'react'\n\nimport BpmnModeler from 'bpmn-js/lib/Modeler'\nimport camundaModdleDescriptor from 'camunda-bpmn-moddle/resources/camunda'\n\nimport { Bpmn } from '@arkondata/react-bpmn-modeler/lib/components'\nimport { BpmnModelerType, PadEntriesType } from '@arkondata/react-bpmn-modeler/lib/components/types'\n\n//load bpmnStringFile from anywere\nconst getBpmnFile = (): string => `<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<bpmn:definitions xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xmlns:bpmn=\"http://www.omg.org/spec/BPMN/20100524/MODEL\" xmlns:bpmndi=\"http://www.omg.org/spec/BPMN/20100524/DI\" xmlns:dc=\"http://www.omg.org/spec/DD/20100524/DC\" xmlns:di=\"http://www.omg.org/spec/DD/20100524/DI\" id=\"Definitions_1\" targetNamespace=\"http://bpmn.io/schema/bpmn\">\n  <bpmn:collaboration id=\"Collaboration_0nai2jf\">\n    <bpmn:participant id=\"Participant_0n01i1w\" processRef=\"Process_1\" />\n  </bpmn:collaboration>\n  <bpmn:process id=\"Process_1\" isExecutable=\"false\">\n    <bpmn:startEvent id=\"Event_0sd8xgt\" name=\"Start\">\n      <bpmn:outgoing>Flow_094auwy</bpmn:outgoing>\n    </bpmn:startEvent>\n    <bpmn:task id=\"Activity_02384jl\" name=\"Example task label\">\n      <bpmn:incoming>Flow_094auwy</bpmn:incoming>\n    </bpmn:task>\n    <bpmn:sequenceFlow id=\"Flow_094auwy\" sourceRef=\"Event_0sd8xgt\" targetRef=\"Activity_02384jl\" />\n  </bpmn:process>\n  <bpmndi:BPMNDiagram id=\"BPMNDiagram_1\">\n    <bpmndi:BPMNPlane id=\"BPMNPlane_1\" bpmnElement=\"Collaboration_0nai2jf\">\n      <bpmndi:BPMNShape id=\"Participant_0n01i1w_di\" bpmnElement=\"Participant_0n01i1w\" isHorizontal=\"true\">\n        <dc:Bounds x=\"-400\" y=\"-320\" width=\"600\" height=\"250\" />\n      </bpmndi:BPMNShape>\n      <bpmndi:BPMNEdge id=\"Flow_094auwy_di\" bpmnElement=\"Flow_094auwy\">\n        <di:waypoint x=\"-282\" y=\"-210\" />\n        <di:waypoint x=\"-230\" y=\"-210\" />\n      </bpmndi:BPMNEdge>\n      <bpmndi:BPMNShape id=\"Event_0sd8xgt_di\" bpmnElement=\"Event_0sd8xgt\">\n        <dc:Bounds x=\"-318\" y=\"-228\" width=\"36\" height=\"36\" />\n        <bpmndi:BPMNLabel>\n          <dc:Bounds x=\"-312\" y=\"-185\" width=\"24\" height=\"14\" />\n        </bpmndi:BPMNLabel>\n      </bpmndi:BPMNShape>\n      <bpmndi:BPMNShape id=\"Activity_02384jl_di\" bpmnElement=\"Activity_02384jl\">\n        <dc:Bounds x=\"-230\" y=\"-250\" width=\"100\" height=\"80\" />\n      </bpmndi:BPMNShape>\n    </bpmndi:BPMNPlane>\n  </bpmndi:BPMNDiagram>\n</bpmn:definitions>`\n\n// Item classes to remove from the item popup panel\nexport const elementClassesToRemove = [\n  'bpmn-icon-subprocess-collapsed',\n  'bpmn-icon-subprocess-expanded',\n  'bpmn-icon-business-rule',\n  'bpmn-icon-service',\n  'bpmn-icon-start-event-condition',\n  'bpmn-icon-start-event-signal',\n  'bpmn-icon-data-object',\n  'bpmn-icon-data-store'\n]\n\n// Item classes to remove from the item lateral pad\nexport const customPadEntries: PadEntriesType = {\n  StartEvent: ['bpmn-icon-custom-remove'],\n  IntermediateThrowEvent: ['bpmn-icon-custom-remove'],\n  IntermediateCatchEvent: ['bpmn-icon-custom-remove'],\n  EndEvent: ['bpmn-icon-custom-remove'],\n  CallActivity: ['bpmn-icon-custom-remove'],\n  SubProcess: ['bpmn-icon-custom-remove'],\n  Gateway: ['bpmn-icon-custom-remove'],\n  SequenceFlow: ['bpmn-icon-custom-sequence-flow-configuration', 'bpmn-icon-custom-remove'],\n  TextAnnotation: ['bpmn-icon-custom-remove'],\n  Participant: ['bpmn-icon-custom-remove'],\n  Lane: ['bpmn-icon-custom-remove'],\n  DataStoreReference: ['bpmn-icon-custom-remove'],\n  DataObjectReference: ['bpmn-icon-custom-remove'],\n  label: ['bpmn-icon-custom-remove'],\n  Association: ['bpmn-icon-custom-remove'],\n  Group: ['bpmn-icon-custom-remove'],\n  Task: [\n    'bpmn-icon-custom-task-documentation',\n    'bpmn-icon-custom-task-settings',\n    'bpmn-icon-custom-remove'\n  ]\n}\n\nconst App: FC = () => {\n  const modelerRef = useRef<BpmnModelerType>()\n  const [model, setModel] = useState<JSX.Element>()\n  const [bpmnStringFile, setBpmnStringFile] = useState('')\n\n  const onTaskConfigurationClick = (event: CustomEvent): void => alert(JSON.stringify(event.detail))\n\n  const onTaskDocumentationClick = (event: CustomEvent): void => {\n    // Example of editing properties of an element\n    const elementRegistry = modelerRef.current?.get('elementRegistry')\n    const modeling = modelerRef.current?.get('modeling')\n    const moddle = modelerRef.current?.get('moddle')\n    const element = elementRegistry.get(event.detail.id)\n    const newText = 'Documentation text'\n    const documentation = moddle.create('bpmn:Documentation', { text: newText })\n    modeling.updateProperties(element, { documentation: [documentation] })\n  }\n  const onRemoveClick = (event: CustomEvent): void => {\n    // Example of remove shape confirmation\n    const deleteIt = window.confirm('Are you sure to delete the element?')\n    if (deleteIt) {\n      const elementRegistry = modelerRef.current?.get('elementRegistry')\n      const modeling = modelerRef.current?.get('modeling')\n      const element = elementRegistry.get(event.detail.id)\n      modeling.removeShape(element)\n    }\n  }\n\n  const onElementChange = (xml: string): void => alert(xml)\n\n  const onSequenceFlowConfigurationClick = (event: CustomEvent): void => {\n    // Example of creating conditionExpression of a gateway element\n    const elementRegistry = modelerRef.current?.get('elementRegistry')\n    const modeling = modelerRef.current?.get('modeling')\n    const moddle = modelerRef.current?.get('moddle')\n    const element = elementRegistry.get(event.detail.id)\n\n    if (element.businessObject.sourceRef.$type.toLowerCase().includes('gateway')) {\n      const sequenceFlowElement = elementRegistry.get(element.businessObject.id)\n      const sequenceFlow = sequenceFlowElement.businessObject\n      const newFormalCondition = `$\\{true}`\n      const newConditionName = 'Yes'\n      const newCondition = moddle.create('bpmn:FormalExpression', {\n        body: newFormalCondition\n      })\n      sequenceFlow.conditionExpression = newCondition\n      modeling.updateProperties(sequenceFlowElement, {\n        name: newConditionName,\n        conditionExpression: newCondition\n      })\n    }\n  }\n\n  const updateCurrentShapeId = (elementId: string): void => {\n    // Example of changing the Id of an element and its references.\n    const elementRegistry = modelerRef.current?.get('elementRegistry')\n    const modeling = modelerRef.current?.get('modeling')\n    const element = elementRegistry.get(elementId)\n    modeling.updateProperties(element, { id: `${elementId}_customId` })\n  }\n\n  const onRootShapeUpdate = (id: string, type: string): void =>\n    alert(`${id} ${type} root shape updated!`)\n\n  const onError = (error: Error): void => alert(error)\n\n  const setModeler = useCallback(\n    (): JSX.Element => (\n      <Bpmn\n        modelerRef={modelerRef}\n        bpmnJsModeler={BpmnModeler}\n        moddleExtensions={{\n          camunda: camundaModdleDescriptor\n        }}\n        bpmnStringFile={bpmnStringFile}\n        modelerInnerHeight={window.innerHeight}\n        defaultStrokeColor={'#5F84CF'}\n        elementClassesToRemove={elementClassesToRemove}\n        customPadEntries={customPadEntries}\n        // It is executed by clicking the \"Task configuration\" button on the side pad of the Task element.\n        onTaskConfigurationClick={onTaskConfigurationClick}\n        // It is executed by clicking the \"Task documentation\" button on the side pad of the Task element.\n        onTaskDocumentationClick={onTaskDocumentationClick}\n        // It is executed by clicking the \"Sequence Flow configuration\" button on the side pad of the Task element.\n        onSequenceFlowConfigurationClick={onSequenceFlowConfigurationClick}\n        // It is executed by clicking the \"Remove\" button on the side pad of the Task element.\n        onRemoveClick={onRemoveClick}\n        // It is executed when listening to the event \"elements.changed\",\n        // it returns the xml file generated by the bpmn modeler after a change of any element of the diagram.\n        onElementChange={onElementChange}\n        // It is executed when listening to the event \"commandStack.shape.create.postExecuted\",\n        // returns the Id of the created element\n        onShapeCreate={updateCurrentShapeId}\n        // It is executed when listening to the event \"commandStack.canvas.updateRoot.postExecute\",\n        // returns the Id and type of the root shape\n        onRootShapeUpdate={onRootShapeUpdate}\n        onError={onError}\n      />\n    ),\n    [bpmnStringFile]\n  )\n\n  useEffect(() => {\n    setBpmnStringFile(getBpmnFile())\n  }, [setBpmnStringFile])\n\n  useEffect(() => {\n    if (bpmnStringFile && !model) {\n      setModel(setModeler)\n    }\n  }, [bpmnStringFile, model, setModeler])\n\n  return <>{model}</>\n}\n\nexport default App\n\n```\n\n## Params ##\n\n* **modelerRef:** It's the reference to the \"div\" of the \"container\" of the bpmn modeler. **\\***\n\n* **bpmnStringFile:** A .bpmn file in text string, if not provided an empty .bpmn file will be generated. **\\***\n\n* **bpmnJsModeler:** Module ```BpmnModeler``` is imported globally from ```'bpmn-js/lib/Modeler'```.\n\n* **moddleExtensions:** Any Module of bpmn-moddle is imported globally like ```'camunda-bpmn-moddle/resources/camunda'```.\n\n* **modelerInnerHeight:** Window height setting, if not provided, takes the size of the current window by default.\n\n* **actionButtonClassName:** React className of action button.\n\n* **zStep:** Number of zoom step of zoom in/out action button.\n\n* **defaultStrokeColor:** Default color of stroke shape elements, accepts definition of css colors in a text string.\n\n* **showPropertiesPanel:** If the value is *true* the icon is shown to open the properties panel, otherwise the button and the panel will not be visible.\n\n* **elementClassesToRemove:** Item classes to remove from the item popup panel.\n\nexist\n\n```typescript\nconst customPadClassNames = [\n  'bpmn-icon-custom-task-settings',\n  'bpmn-icon-custom-task-documentation',\n  'bpmn-icon-custom-sequence-flow-configuration'\n]\n```\n\n* **customPadEntries:** Item html-css classes of icon to remove from the item lateral pad.\n\n* **onElementChange:** A function that runs every time a bpmn modeler element changes, accepts as a parameter a variable that contains the exported file in a text string.\n\n* **onTaskConfigurationClick:** It is a function that is executed when you click on the gear icon in the side pad of a task element, it accepts a function that receives as event parameter of the selected element.\n\n*event.detail* returns\n\n```typescript\n{\n  id: string\n  $type: string\n  $parent: {\n    id: string\n    $type: string\n  }\n}\n```\n\n* **onTaskDocumentationClick:** It is a function that is executed when you click on the *document* icon in the side pad of a task element, it accepts a function that receives as event parameter of the selected element.\n\n*event.detail* returns\n\n```typescript\n{\n  id: string\n  $type: string\n  $parent: {\n    id: string\n    $type: string\n  }\n}\n```\n\n* **onSequenceFlowConfigurationClick** It is a function that is executed when you click on the *gear* icon in the side pad of a task element, it accepts a function that receives as event parameter of the selected element.\n\n*event.detail* returns\n\n```typescript\n{\n  id: string\n  $type: string\n  $parent: {\n    id: string\n    $type: string\n  }\n}\n```\n\n* **onRemoveClick** It is a function that is executed when you click on the *trash* icon in the side pad of a task element, it accepts a function that receives as event parameter of the selected element.\n\n*event.detail* returns\n\n```typescript\n{\n  id: string\n  $type: string\n}\n```\n\n* **onRootShapeUpdate** It is a function that is executed when a Pool/Participant is created or deleted.\n\n*event.detail* returns\n\n```typescript\nid: string\ntype: string\n```\n\n* **onError:** It is executed in case of error, it accepts a function that receives the error as a parameter. **\\***\n\n*Required params*  *\n","_id":"@arkondata/react-bpmn-modeler@0.1.24-beta.7","dist":{"shasum":"9c2c36a14eb90d8c94f278f51fd078a816fcf2a0","integrity":"sha512-Wh96DHOEas34ZYWhj55JNP9+vjduF5GgfVRUihyPPEmHw1834V1fkyD2tvHGLSFsNeofpt6U2XLnpNLX0x8TVQ==","tarball":"https://registry.npmjs.org/@arkondata/react-bpmn-modeler/-/react-bpmn-modeler-0.1.24-beta.7.tgz","fileCount":146,"unpackedSize":589573,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfA6O+CRA9TVsSAnZWagAAlbcP/A5FwRI9PbBPtaH0NUl1\nwDKfkmwM2qLTykcm8olZHiRvLeq5SL+3ZlehxjMphOMvDGAT6h7VuKA9Lg1A\nJ/5RbPIdtgAAfJfZeHbXE0GuOhNdOE9QcobTfTseFcdYamzaMs16Mz9mqNNE\n6J3XXyWgvj0UknRbBkNsf8QutbL4iBz1w7dZnGQF5XEiiJw7GDZxaUnxTQQL\noL9owL0xpa85INlEl5a7OuzeZ4+sVoBX3sPEXV7ftDT+H3Rvwc/Yl0OLUAaQ\n7015fkorb1XWj8sihr89DaUGlxtumImEzVdSO/LH6q9AteY4rZQHUSD2QFO0\nkUXRI4I5XeeYYqOfx0iQN4mRxDVobGqgiTwXG4fsorgj3PugmibwXBsnfNLg\nURXiOYZmfY6WIoDGbJlh5aUp0vd+oe9nO5lORmqRJ7AZ+ee/9ErCmsja/xNH\nzZjMcAq9c7NFpf7sjY9bPwCHWMQ6V6J6QqOoDqeqO76nN5R5U896aphZt6gV\nCjBQL/Kz40kDxckMe7eS79sRgq/U4DCnmjs/j0jBVPPzmmUckvrjuLg6Z1UZ\n7FlHz9y+wMe1mzl+11IcL9fPMFtbI2vIxsIjMr1TJ9lFMcTkqHxdM/OjCgak\ntnRPW1zO/1Zya6h/EicXe3ir4lYATxJE1n4IAI5qW4079a27OkuUbNJGekR2\nXBh+\r\n=iZ4k\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCM77NbAkUit4s60yB4wwjiAIYyc0RZwFUHqQfxYP/LAQIgIv5N4Ku8Oq446ZW9Kajwgz7nKs5ZV6Lhf1bDqXfbL8I="}]},"maintainers":[{"name":"javiermolina","email":"ing.molina.h@gmail.com"},{"name":"juananto11","email":"juananto11@hotmail.com"},{"name":"rreyes24","email":"rreyesvar@gmail.com"},{"name":"services_arkondata","email":"services@arkondata.com"}],"_npmUser":{"name":"javiermolina","email":"ing.molina.h@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-bpmn-modeler_0.1.24-beta.7_1594074045523_0.7885665981476624"},"_hasShrinkwrap":false},"0.1.24-beta8":{"name":"@arkondata/react-bpmn-modeler","version":"0.1.24-beta8","private":false,"author":{"name":"JavierMolina"},"license":"MIT","description":"React bpmn modeler","repository":{"type":"git","url":"git+https://github.com/Grupo-Abraxas/react-bpmn-modeler.git"},"keywords":["react-bpmn-modeler"],"bugs":{"url":"https://github.com/Grupo-Abraxas/react-bpmn-modeler/issues"},"homepage":"https://www.arkondata.com/","main":"lib/index.js","types":"lib","scripts":{"build:css":"rm -rf ./lib/ && node-sass src/ -o src/","build:styles":"mkdir -p lib/styles && cp -r src/styles lib/","build:font":"mkdir -p lib/bpmn-font && cp -r src/bpmn-font lib/","watch:css":"yarn build:css && node-sass src/ -o src/ -w -r","start:js":"react-scripts start","start":"npm-run-all -p watch:css start:js","build:js":"tsc -p .","build":"npm-run-all build:*","test":"react-scripts test","eject":"react-scripts eject","docker:build":"docker build -t react-bpmn-modeler_img .","docker:run":"docker run -d -p 80:80 --name react-bpmn-modeler react-bpmn-modeler_img","docker:stop":"docker rm -f react-bpmn-modeler"},"pearDependencies":{"react":"<=16.0.0"},"dependencies":{"@testing-library/jest-dom":"^4.2.4","@testing-library/react":"^9.3.2","@testing-library/user-event":"^7.1.2","bpmn-js":"^6.4.2","bpmn-js-properties-panel":"^0.33.2","camunda-bpmn-moddle":"^4.4.0","css-loader":"^3.5.2","diagram-js-minimap":"^2.0.3","min-dash":"^3.5.2","node-sass":"^4.14.1","react":"^16.13.1","react-dom":"^16.13.1","react-full-screen":"^0.2.4","react-scripts":"3.4.1","style-loader":"^1.1.4","yarn-run-all":"^3.1.1"},"devDependencies":{"@types/jest":"^25.2.2","@types/node":"^14.0.1","@types/node-sass":"^4.11.1","@types/react":"^16.9.35","@types/react-dom":"^16.9.8","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","eslint-config-import":"^0.13.0","eslint-config-prettier":"^6.11.0","eslint-plugin-import":"^2.20.2","eslint-plugin-prettier":"^3.1.3","eslint-plugin-react":"^7.20.0","eslint-plugin-react-hooks":"^4.0.2","eslint-plugin-simple-import-sort":"^5.0.3","husky":"^4.2.5","lint-staged":"^10.2.2","prettier":"^2.0.5","typescript":"^3.8.3"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"lint-staged":{"src/**/*.{js,jsx,ts,tsx}":["eslint --fix","prettier --write"],"src/**/*.{css,scss,md,json}":["prettier --write"]},"husky":{"hooks":{"pre-commit":"lint-staged"}},"readmeFilename":"README.md","readme":"# react-bpmn-modeler #\n\nReact bpmn modeler (Beta)\n\n## How to install ##\n\nWith npm\n\n```bash\nnpm install @arkondata/react-bpmn-modeler\n```\n\nWith yarn\n\n```bash\nyarn add @arkondata/react-bpmn-modeler\n```\n\n## How to use ##\n\nWith React Typescript\n\n```tsx\nimport React, { FC, useRef, useState, useCallback, useEffect } from 'react'\n\nimport BpmnModeler from 'bpmn-js/lib/Modeler'\nimport camundaModdleDescriptor from 'camunda-bpmn-moddle/resources/camunda'\n\nimport { Bpmn } from '@arkondata/react-bpmn-modeler/lib/components'\nimport { BpmnModelerType, PadEntriesType } from '@arkondata/react-bpmn-modeler/lib/components/types'\n\n//load bpmnStringFile from anywere\nconst getBpmnFile = (): string => `<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<bpmn:definitions xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xmlns:bpmn=\"http://www.omg.org/spec/BPMN/20100524/MODEL\" xmlns:bpmndi=\"http://www.omg.org/spec/BPMN/20100524/DI\" xmlns:dc=\"http://www.omg.org/spec/DD/20100524/DC\" xmlns:di=\"http://www.omg.org/spec/DD/20100524/DI\" id=\"Definitions_1\" targetNamespace=\"http://bpmn.io/schema/bpmn\">\n  <bpmn:collaboration id=\"Collaboration_0nai2jf\">\n    <bpmn:participant id=\"Participant_0n01i1w\" processRef=\"Process_1\" />\n  </bpmn:collaboration>\n  <bpmn:process id=\"Process_1\" isExecutable=\"false\">\n    <bpmn:startEvent id=\"Event_0sd8xgt\" name=\"Start\">\n      <bpmn:outgoing>Flow_094auwy</bpmn:outgoing>\n    </bpmn:startEvent>\n    <bpmn:task id=\"Activity_02384jl\" name=\"Example task label\">\n      <bpmn:incoming>Flow_094auwy</bpmn:incoming>\n    </bpmn:task>\n    <bpmn:sequenceFlow id=\"Flow_094auwy\" sourceRef=\"Event_0sd8xgt\" targetRef=\"Activity_02384jl\" />\n  </bpmn:process>\n  <bpmndi:BPMNDiagram id=\"BPMNDiagram_1\">\n    <bpmndi:BPMNPlane id=\"BPMNPlane_1\" bpmnElement=\"Collaboration_0nai2jf\">\n      <bpmndi:BPMNShape id=\"Participant_0n01i1w_di\" bpmnElement=\"Participant_0n01i1w\" isHorizontal=\"true\">\n        <dc:Bounds x=\"-400\" y=\"-320\" width=\"600\" height=\"250\" />\n      </bpmndi:BPMNShape>\n      <bpmndi:BPMNEdge id=\"Flow_094auwy_di\" bpmnElement=\"Flow_094auwy\">\n        <di:waypoint x=\"-282\" y=\"-210\" />\n        <di:waypoint x=\"-230\" y=\"-210\" />\n      </bpmndi:BPMNEdge>\n      <bpmndi:BPMNShape id=\"Event_0sd8xgt_di\" bpmnElement=\"Event_0sd8xgt\">\n        <dc:Bounds x=\"-318\" y=\"-228\" width=\"36\" height=\"36\" />\n        <bpmndi:BPMNLabel>\n          <dc:Bounds x=\"-312\" y=\"-185\" width=\"24\" height=\"14\" />\n        </bpmndi:BPMNLabel>\n      </bpmndi:BPMNShape>\n      <bpmndi:BPMNShape id=\"Activity_02384jl_di\" bpmnElement=\"Activity_02384jl\">\n        <dc:Bounds x=\"-230\" y=\"-250\" width=\"100\" height=\"80\" />\n      </bpmndi:BPMNShape>\n    </bpmndi:BPMNPlane>\n  </bpmndi:BPMNDiagram>\n</bpmn:definitions>`\n\n// Item classes to remove from the item popup panel\nexport const elementClassesToRemove = [\n  'bpmn-icon-subprocess-collapsed',\n  'bpmn-icon-subprocess-expanded',\n  'bpmn-icon-business-rule',\n  'bpmn-icon-service',\n  'bpmn-icon-start-event-condition',\n  'bpmn-icon-start-event-signal',\n  'bpmn-icon-data-object',\n  'bpmn-icon-data-store'\n]\n\n// Item classes to remove from the item lateral pad\nexport const customPadEntries: PadEntriesType = {\n  StartEvent: ['bpmn-icon-custom-remove'],\n  IntermediateThrowEvent: ['bpmn-icon-custom-remove'],\n  IntermediateCatchEvent: ['bpmn-icon-custom-remove'],\n  EndEvent: ['bpmn-icon-custom-remove'],\n  CallActivity: ['bpmn-icon-custom-remove'],\n  SubProcess: ['bpmn-icon-custom-remove'],\n  Gateway: ['bpmn-icon-custom-remove'],\n  SequenceFlow: ['bpmn-icon-custom-sequence-flow-configuration', 'bpmn-icon-custom-remove'],\n  TextAnnotation: ['bpmn-icon-custom-remove'],\n  Participant: ['bpmn-icon-custom-remove'],\n  Lane: ['bpmn-icon-custom-remove'],\n  DataStoreReference: ['bpmn-icon-custom-remove'],\n  DataObjectReference: ['bpmn-icon-custom-remove'],\n  label: ['bpmn-icon-custom-remove'],\n  Association: ['bpmn-icon-custom-remove'],\n  Group: ['bpmn-icon-custom-remove'],\n  Task: [\n    'bpmn-icon-custom-task-documentation',\n    'bpmn-icon-custom-task-settings',\n    'bpmn-icon-custom-remove'\n  ]\n}\n\nconst App: FC = () => {\n  const modelerRef = useRef<BpmnModelerType>()\n  const [model, setModel] = useState<JSX.Element>()\n  const [bpmnStringFile, setBpmnStringFile] = useState('')\n\n  const onTaskConfigurationClick = (event: CustomEvent): void => alert(JSON.stringify(event.detail))\n\n  const onTaskDocumentationClick = (event: CustomEvent): void => {\n    // Example of editing properties of an element\n    const elementRegistry = modelerRef.current?.get('elementRegistry')\n    const modeling = modelerRef.current?.get('modeling')\n    const moddle = modelerRef.current?.get('moddle')\n    const element = elementRegistry.get(event.detail.id)\n    const newText = 'Documentation text'\n    const documentation = moddle.create('bpmn:Documentation', { text: newText })\n    modeling.updateProperties(element, { documentation: [documentation] })\n  }\n  const onRemoveClick = (event: CustomEvent): void => {\n    // Example of remove shape confirmation\n    const deleteIt = window.confirm('Are you sure to delete the element?')\n    if (deleteIt) {\n      const elementRegistry = modelerRef.current?.get('elementRegistry')\n      const modeling = modelerRef.current?.get('modeling')\n      const element = elementRegistry.get(event.detail.id)\n      modeling.removeShape(element)\n    }\n  }\n\n  const onElementChange = (xml: string): void => alert(xml)\n\n  const onSequenceFlowConfigurationClick = (event: CustomEvent): void => {\n    // Example of creating conditionExpression of a gateway element\n    const elementRegistry = modelerRef.current?.get('elementRegistry')\n    const modeling = modelerRef.current?.get('modeling')\n    const moddle = modelerRef.current?.get('moddle')\n    const element = elementRegistry.get(event.detail.id)\n\n    if (element.businessObject.sourceRef.$type.toLowerCase().includes('gateway')) {\n      const sequenceFlowElement = elementRegistry.get(element.businessObject.id)\n      const sequenceFlow = sequenceFlowElement.businessObject\n      const newFormalCondition = `$\\{true}`\n      const newConditionName = 'Yes'\n      const newCondition = moddle.create('bpmn:FormalExpression', {\n        body: newFormalCondition\n      })\n      sequenceFlow.conditionExpression = newCondition\n      modeling.updateProperties(sequenceFlowElement, {\n        name: newConditionName,\n        conditionExpression: newCondition\n      })\n    }\n  }\n\n  const updateCurrentShapeId = (elementId: string): void => {\n    // Example of changing the Id of an element and its references.\n    const elementRegistry = modelerRef.current?.get('elementRegistry')\n    const modeling = modelerRef.current?.get('modeling')\n    const element = elementRegistry.get(elementId)\n    modeling.updateProperties(element, { id: `${elementId}_customId` })\n  }\n\n  const onRootShapeUpdate = (id: string, type: string): void =>\n    alert(`${id} ${type} root shape updated!`)\n\n  const onError = (error: Error): void => alert(error)\n\n  const setModeler = useCallback(\n    (): JSX.Element => (\n      <Bpmn\n        modelerRef={modelerRef}\n        bpmnJsModeler={BpmnModeler}\n        moddleExtensions={{\n          camunda: camundaModdleDescriptor\n        }}\n        bpmnStringFile={bpmnStringFile}\n        modelerInnerHeight={window.innerHeight}\n        defaultStrokeColor={'#5F84CF'}\n        elementClassesToRemove={elementClassesToRemove}\n        customPadEntries={customPadEntries}\n        // It is executed by clicking the \"Task configuration\" button on the side pad of the Task element.\n        onTaskConfigurationClick={onTaskConfigurationClick}\n        // It is executed by clicking the \"Task documentation\" button on the side pad of the Task element.\n        onTaskDocumentationClick={onTaskDocumentationClick}\n        // It is executed by clicking the \"Sequence Flow configuration\" button on the side pad of the Task element.\n        onSequenceFlowConfigurationClick={onSequenceFlowConfigurationClick}\n        // It is executed by clicking the \"Remove\" button on the side pad of the Task element.\n        onRemoveClick={onRemoveClick}\n        // It is executed when listening to the event \"elements.changed\",\n        // it returns the xml file generated by the bpmn modeler after a change of any element of the diagram.\n        onElementChange={onElementChange}\n        // It is executed when listening to the event \"commandStack.shape.create.postExecuted\",\n        // returns the Id of the created element\n        onShapeCreate={updateCurrentShapeId}\n        // It is executed when listening to the event \"commandStack.canvas.updateRoot.postExecute\",\n        // returns the Id and type of the root shape\n        onRootShapeUpdate={onRootShapeUpdate}\n        onError={onError}\n      />\n    ),\n    [bpmnStringFile]\n  )\n\n  useEffect(() => {\n    setBpmnStringFile(getBpmnFile())\n  }, [setBpmnStringFile])\n\n  useEffect(() => {\n    if (bpmnStringFile && !model) {\n      setModel(setModeler)\n    }\n  }, [bpmnStringFile, model, setModeler])\n\n  return <>{model}</>\n}\n\nexport default App\n\n```\n\n## Params ##\n\n* **modelerRef:** It's the reference to the \"div\" of the \"container\" of the bpmn modeler. **\\***\n\n* **bpmnStringFile:** A .bpmn file in text string, if not provided an empty .bpmn file will be generated. **\\***\n\n* **bpmnJsModeler:** Module ```BpmnModeler``` is imported globally from ```'bpmn-js/lib/Modeler'```.\n\n* **moddleExtensions:** Any Module of bpmn-moddle is imported globally like ```'camunda-bpmn-moddle/resources/camunda'```.\n\n* **modelerInnerHeight:** Window height setting, if not provided, takes the size of the current window by default.\n\n* **actionButtonClassName:** React className of action button.\n\n* **zStep:** Number of zoom step of zoom in/out action button.\n\n* **defaultStrokeColor:** Default color of stroke shape elements, accepts definition of css colors in a text string.\n\n* **showPropertiesPanel:** If the value is *true* the icon is shown to open the properties panel, otherwise the button and the panel will not be visible.\n\n* **elementClassesToRemove:** Item classes to remove from the item popup panel.\n\nexist\n\n```typescript\nconst customPadClassNames = [\n  'bpmn-icon-custom-task-settings',\n  'bpmn-icon-custom-task-documentation',\n  'bpmn-icon-custom-sequence-flow-configuration'\n]\n```\n\n* **customPadEntries:** Item html-css classes of icon to remove from the item lateral pad.\n\n* **onElementChange:** A function that runs every time a bpmn modeler element changes, accepts as a parameter a variable that contains the exported file in a text string.\n\n* **onTaskConfigurationClick:** It is a function that is executed when you click on the gear icon in the side pad of a task element, it accepts a function that receives as event parameter of the selected element.\n\n*event.detail* returns\n\n```typescript\n{\n  id: string\n  $type: string\n  $parent: {\n    id: string\n    $type: string\n  }\n}\n```\n\n* **onTaskDocumentationClick:** It is a function that is executed when you click on the *document* icon in the side pad of a task element, it accepts a function that receives as event parameter of the selected element.\n\n*event.detail* returns\n\n```typescript\n{\n  id: string\n  $type: string\n  $parent: {\n    id: string\n    $type: string\n  }\n}\n```\n\n* **onSequenceFlowConfigurationClick** It is a function that is executed when you click on the *gear* icon in the side pad of a task element, it accepts a function that receives as event parameter of the selected element.\n\n*event.detail* returns\n\n```typescript\n{\n  id: string\n  $type: string\n  $parent: {\n    id: string\n    $type: string\n  }\n}\n```\n\n* **onRemoveClick** It is a function that is executed when you click on the *trash* icon in the side pad of a task element, it accepts a function that receives as event parameter of the selected element.\n\n*event.detail* returns\n\n```typescript\n{\n  id: string\n  $type: string\n}\n```\n\n* **onRootShapeUpdate** It is a function that is executed when a Pool/Participant is created or deleted.\n\n*event.detail* returns\n\n```typescript\nid: string\ntype: string\n```\n\n* **onError:** It is executed in case of error, it accepts a function that receives the error as a parameter. **\\***\n\n*Required params*  *\n","_id":"@arkondata/react-bpmn-modeler@0.1.24-beta8","dist":{"shasum":"3ad724934160844d5bd67b14615b3f22bbc29544","integrity":"sha512-QZNu0p7/hHTbuVvAqidoCqTvLFs2POnKj5XI6fazU9Q5/RjroeplsWGDR2AbR6ZxpEuc1Lo0o8/8/rZPbSgnBQ==","tarball":"https://registry.npmjs.org/@arkondata/react-bpmn-modeler/-/react-bpmn-modeler-0.1.24-beta8.tgz","fileCount":21,"unpackedSize":44094,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfA/EeCRA9TVsSAnZWagAAEP4P/jHY+F43Ol3lgxjA1UXr\nKDJPHWDx8IpNM3FgMGi7t+AEAgU52hfiuMAErq7dBJg5QVX7l4iKat3VN2po\n/YDTcqm94XLloz4/L8WRxB71IkI8wqyHaNH6UspuHgKzHxlLph6YuoCodW6d\nFx8c7Y+3tHvndskiei4bdhm2NOUwb7ycHda4qCSMHduMy93kQq9qim0uBb+h\n8lmFxsQSKupz+Ixl8fnAvMQIULn/FBOht/o+NmKutYNJO2U/lyX6NIto1jzX\nV4vaMLh2bYBSVKddAv9kLPdN95nTtbZrmF8yOZr6IOQgdPbWsF5vuGSLhOLE\nEdMbIxv3M5kePJDp1f9bP+OGE+Op1tj/SijP/IvZSRQa46vJVP36Pea0ilpB\nAG1V2l+q+e9vfq5Wt/F8ULnUXVCauydiNwLhvdToJs2PylrB+uykyeiAJH3o\n9lBvlo6HoaOKGwEEWMdOsv8YnAvMRLTz6gn1CnfUSq2X+900wj2HscGq6+5c\n77ek1acdXnFBA0LDAL9YJuYY8fkdKy/JJ6J/TlFVsMsLjTzLmFIRvneEq9VN\ndQBE1FY9SWHofIXkDMo7yndOlmzAtQsnR10Nnbik7o05mhmA3uF45G01tGbN\n67wunDq7+qx2iocetw06HJ2hGoPmC34nTd1xJXPZ8Unm20YSDof1bqDjdZD3\nl7YO\r\n=35iy\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICHPtW7+8WlsR4fvvkGdY0EsL9olEcYOztPTB25Wj4fnAiEAvYXWEj3bRl8bUVSmpdEYztzKBtOOqSxqoC2yuYmWnqU="}]},"maintainers":[{"name":"javiermolina","email":"ing.molina.h@gmail.com"},{"name":"juananto11","email":"juananto11@hotmail.com"},{"name":"rreyes24","email":"rreyesvar@gmail.com"},{"name":"services_arkondata","email":"services@arkondata.com"}],"_npmUser":{"name":"javiermolina","email":"ing.molina.h@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-bpmn-modeler_0.1.24-beta8_1594093853717_0.9500068595841269"},"_hasShrinkwrap":false},"0.1.24-beta.9":{"name":"@arkondata/react-bpmn-modeler","version":"0.1.24-beta.9","private":false,"author":{"name":"JavierMolina"},"license":"MIT","description":"React bpmn modeler","repository":{"type":"git","url":"git+https://github.com/Grupo-Abraxas/react-bpmn-modeler.git"},"keywords":["react-bpmn-modeler"],"bugs":{"url":"https://github.com/Grupo-Abraxas/react-bpmn-modeler/issues"},"homepage":"https://www.arkondata.com/","main":"lib/index.js","types":"lib","scripts":{"build:css":"rm -rf ./lib/ && node-sass src/ -o src/","build:styles":"mkdir -p lib/styles && cp -r src/styles lib/","build:font":"mkdir -p lib/bpmn-font && cp -r src/bpmn-font lib/","watch:css":"yarn build:css && node-sass src/ -o src/ -w -r","start:js":"react-scripts start","start":"npm-run-all -p watch:css start:js","build:js":"tsc -p .","build":"npm-run-all build:*","test":"react-scripts test","eject":"react-scripts eject","docker:build":"docker build -t react-bpmn-modeler_img .","docker:run":"docker run -d -p 80:80 --name react-bpmn-modeler react-bpmn-modeler_img","docker:stop":"docker rm -f react-bpmn-modeler"},"pearDependencies":{"react":"<=16.0.0"},"dependencies":{"@testing-library/jest-dom":"^4.2.4","@testing-library/react":"^9.3.2","@testing-library/user-event":"^7.1.2","bpmn-js":"^6.4.2","bpmn-js-properties-panel":"^0.33.2","camunda-bpmn-moddle":"^4.4.0","css-loader":"^3.5.2","diagram-js-minimap":"^2.0.3","min-dash":"^3.5.2","node-sass":"^4.14.1","react":"^16.13.1","react-dom":"^16.13.1","react-full-screen":"^0.2.4","react-scripts":"3.4.1","style-loader":"^1.1.4","yarn-run-all":"^3.1.1"},"devDependencies":{"@types/jest":"^25.2.2","@types/node":"^14.0.1","@types/node-sass":"^4.11.1","@types/react":"^16.9.35","@types/react-dom":"^16.9.8","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","eslint-config-import":"^0.13.0","eslint-config-prettier":"^6.11.0","eslint-plugin-import":"^2.20.2","eslint-plugin-prettier":"^3.1.3","eslint-plugin-react":"^7.20.0","eslint-plugin-react-hooks":"^4.0.2","eslint-plugin-simple-import-sort":"^5.0.3","husky":"^4.2.5","lint-staged":"^10.2.2","prettier":"^2.0.5","typescript":"^3.8.3"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"lint-staged":{"src/**/*.{js,jsx,ts,tsx}":["eslint --fix","prettier --write"],"src/**/*.{css,scss,md,json}":["prettier --write"]},"husky":{"hooks":{"pre-commit":"lint-staged"}},"readmeFilename":"README.md","readme":"# react-bpmn-modeler #\n\nReact bpmn modeler (Beta)\n\n## How to install ##\n\nWith npm\n\n```bash\nnpm install @arkondata/react-bpmn-modeler\n```\n\nWith yarn\n\n```bash\nyarn add @arkondata/react-bpmn-modeler\n```\n\n## How to use ##\n\nWith React Typescript\n\n```tsx\nimport React, { FC, useRef, useState, useCallback, useEffect } from 'react'\n\nimport BpmnModeler from 'bpmn-js/lib/Modeler'\nimport camundaModdleDescriptor from 'camunda-bpmn-moddle/resources/camunda'\n\nimport { Bpmn } from '@arkondata/react-bpmn-modeler/lib/components'\nimport { BpmnModelerType, PadEntriesType } from '@arkondata/react-bpmn-modeler/lib/components/types'\n\n//load bpmnStringFile from anywere\nconst getBpmnFile = (): string => `<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<bpmn:definitions xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xmlns:bpmn=\"http://www.omg.org/spec/BPMN/20100524/MODEL\" xmlns:bpmndi=\"http://www.omg.org/spec/BPMN/20100524/DI\" xmlns:dc=\"http://www.omg.org/spec/DD/20100524/DC\" xmlns:di=\"http://www.omg.org/spec/DD/20100524/DI\" id=\"Definitions_1\" targetNamespace=\"http://bpmn.io/schema/bpmn\">\n  <bpmn:collaboration id=\"Collaboration_0nai2jf\">\n    <bpmn:participant id=\"Participant_0n01i1w\" processRef=\"Process_1\" />\n  </bpmn:collaboration>\n  <bpmn:process id=\"Process_1\" isExecutable=\"false\">\n    <bpmn:startEvent id=\"Event_0sd8xgt\" name=\"Start\">\n      <bpmn:outgoing>Flow_094auwy</bpmn:outgoing>\n    </bpmn:startEvent>\n    <bpmn:task id=\"Activity_02384jl\" name=\"Example task label\">\n      <bpmn:incoming>Flow_094auwy</bpmn:incoming>\n    </bpmn:task>\n    <bpmn:sequenceFlow id=\"Flow_094auwy\" sourceRef=\"Event_0sd8xgt\" targetRef=\"Activity_02384jl\" />\n  </bpmn:process>\n  <bpmndi:BPMNDiagram id=\"BPMNDiagram_1\">\n    <bpmndi:BPMNPlane id=\"BPMNPlane_1\" bpmnElement=\"Collaboration_0nai2jf\">\n      <bpmndi:BPMNShape id=\"Participant_0n01i1w_di\" bpmnElement=\"Participant_0n01i1w\" isHorizontal=\"true\">\n        <dc:Bounds x=\"-400\" y=\"-320\" width=\"600\" height=\"250\" />\n      </bpmndi:BPMNShape>\n      <bpmndi:BPMNEdge id=\"Flow_094auwy_di\" bpmnElement=\"Flow_094auwy\">\n        <di:waypoint x=\"-282\" y=\"-210\" />\n        <di:waypoint x=\"-230\" y=\"-210\" />\n      </bpmndi:BPMNEdge>\n      <bpmndi:BPMNShape id=\"Event_0sd8xgt_di\" bpmnElement=\"Event_0sd8xgt\">\n        <dc:Bounds x=\"-318\" y=\"-228\" width=\"36\" height=\"36\" />\n        <bpmndi:BPMNLabel>\n          <dc:Bounds x=\"-312\" y=\"-185\" width=\"24\" height=\"14\" />\n        </bpmndi:BPMNLabel>\n      </bpmndi:BPMNShape>\n      <bpmndi:BPMNShape id=\"Activity_02384jl_di\" bpmnElement=\"Activity_02384jl\">\n        <dc:Bounds x=\"-230\" y=\"-250\" width=\"100\" height=\"80\" />\n      </bpmndi:BPMNShape>\n    </bpmndi:BPMNPlane>\n  </bpmndi:BPMNDiagram>\n</bpmn:definitions>`\n\n// Item classes to remove from the item popup panel\nexport const elementClassesToRemove = [\n  'bpmn-icon-subprocess-collapsed',\n  'bpmn-icon-subprocess-expanded',\n  'bpmn-icon-business-rule',\n  'bpmn-icon-service',\n  'bpmn-icon-start-event-condition',\n  'bpmn-icon-start-event-signal',\n  'bpmn-icon-data-object',\n  'bpmn-icon-data-store'\n]\n\n// Item classes to remove from the item lateral pad\nexport const customPadEntries: PadEntriesType = {\n  StartEvent: ['bpmn-icon-custom-remove'],\n  IntermediateThrowEvent: ['bpmn-icon-custom-remove'],\n  IntermediateCatchEvent: ['bpmn-icon-custom-remove'],\n  EndEvent: ['bpmn-icon-custom-remove'],\n  CallActivity: ['bpmn-icon-custom-remove'],\n  SubProcess: ['bpmn-icon-custom-remove'],\n  Gateway: ['bpmn-icon-custom-remove'],\n  SequenceFlow: ['bpmn-icon-custom-sequence-flow-configuration', 'bpmn-icon-custom-remove'],\n  TextAnnotation: ['bpmn-icon-custom-remove'],\n  Participant: ['bpmn-icon-custom-remove'],\n  Lane: ['bpmn-icon-custom-remove'],\n  DataStoreReference: ['bpmn-icon-custom-remove'],\n  DataObjectReference: ['bpmn-icon-custom-remove'],\n  label: ['bpmn-icon-custom-remove'],\n  Association: ['bpmn-icon-custom-remove'],\n  Group: ['bpmn-icon-custom-remove'],\n  Task: [\n    'bpmn-icon-custom-task-documentation',\n    'bpmn-icon-custom-task-settings',\n    'bpmn-icon-custom-remove'\n  ]\n}\n\nconst App: FC = () => {\n  const modelerRef = useRef<BpmnModelerType>()\n  const [model, setModel] = useState<JSX.Element>()\n  const [bpmnStringFile, setBpmnStringFile] = useState('')\n\n  const onTaskConfigurationClick = (event: CustomEvent): void => alert(JSON.stringify(event.detail))\n\n  const onTaskDocumentationClick = (event: CustomEvent): void => {\n    // Example of editing properties of an element\n    const elementRegistry = modelerRef.current?.get('elementRegistry')\n    const modeling = modelerRef.current?.get('modeling')\n    const moddle = modelerRef.current?.get('moddle')\n    const element = elementRegistry.get(event.detail.id)\n    const newText = 'Documentation text'\n    const documentation = moddle.create('bpmn:Documentation', { text: newText })\n    modeling.updateProperties(element, { documentation: [documentation] })\n  }\n  const onRemoveClick = (event: CustomEvent): void => {\n    // Example of remove shape confirmation\n    const deleteIt = window.confirm('Are you sure to delete the element?')\n    if (deleteIt) {\n      const elementRegistry = modelerRef.current?.get('elementRegistry')\n      const modeling = modelerRef.current?.get('modeling')\n      const element = elementRegistry.get(event.detail.id)\n      modeling.removeShape(element)\n    }\n  }\n\n  const onElementChange = (xml: string): void => alert(xml)\n\n  const onSequenceFlowConfigurationClick = (event: CustomEvent): void => {\n    // Example of creating conditionExpression of a gateway element\n    const elementRegistry = modelerRef.current?.get('elementRegistry')\n    const modeling = modelerRef.current?.get('modeling')\n    const moddle = modelerRef.current?.get('moddle')\n    const element = elementRegistry.get(event.detail.id)\n\n    if (element.businessObject.sourceRef.$type.toLowerCase().includes('gateway')) {\n      const sequenceFlowElement = elementRegistry.get(element.businessObject.id)\n      const sequenceFlow = sequenceFlowElement.businessObject\n      const newFormalCondition = `$\\{true}`\n      const newConditionName = 'Yes'\n      const newCondition = moddle.create('bpmn:FormalExpression', {\n        body: newFormalCondition\n      })\n      sequenceFlow.conditionExpression = newCondition\n      modeling.updateProperties(sequenceFlowElement, {\n        name: newConditionName,\n        conditionExpression: newCondition\n      })\n    }\n  }\n\n  const updateCurrentShapeId = (elementId: string): void => {\n    // Example of changing the Id of an element and its references.\n    const elementRegistry = modelerRef.current?.get('elementRegistry')\n    const modeling = modelerRef.current?.get('modeling')\n    const element = elementRegistry.get(elementId)\n    modeling.updateProperties(element, { id: `${elementId}_customId` })\n  }\n\n  const onRootShapeUpdate = (id: string, type: string): void =>\n    alert(`${id} ${type} root shape updated!`)\n\n  const onError = (error: Error): void => alert(error)\n\n  const setModeler = useCallback(\n    (): JSX.Element => (\n      <Bpmn\n        modelerRef={modelerRef}\n        bpmnJsModeler={BpmnModeler}\n        moddleExtensions={{\n          camunda: camundaModdleDescriptor\n        }}\n        bpmnStringFile={bpmnStringFile}\n        modelerInnerHeight={window.innerHeight}\n        defaultStrokeColor={'#5F84CF'}\n        elementClassesToRemove={elementClassesToRemove}\n        customPadEntries={customPadEntries}\n        // It is executed by clicking the \"Task configuration\" button on the side pad of the Task element.\n        onTaskConfigurationClick={onTaskConfigurationClick}\n        // It is executed by clicking the \"Task documentation\" button on the side pad of the Task element.\n        onTaskDocumentationClick={onTaskDocumentationClick}\n        // It is executed by clicking the \"Sequence Flow configuration\" button on the side pad of the Task element.\n        onSequenceFlowConfigurationClick={onSequenceFlowConfigurationClick}\n        // It is executed by clicking the \"Remove\" button on the side pad of the Task element.\n        onRemoveClick={onRemoveClick}\n        // It is executed when listening to the event \"elements.changed\",\n        // it returns the xml file generated by the bpmn modeler after a change of any element of the diagram.\n        onElementChange={onElementChange}\n        // It is executed when listening to the event \"commandStack.shape.create.postExecuted\",\n        // returns the Id of the created element\n        onShapeCreate={updateCurrentShapeId}\n        // It is executed when listening to the event \"commandStack.canvas.updateRoot.postExecute\",\n        // returns the Id and type of the root shape\n        onRootShapeUpdate={onRootShapeUpdate}\n        onError={onError}\n      />\n    ),\n    [bpmnStringFile]\n  )\n\n  useEffect(() => {\n    setBpmnStringFile(getBpmnFile())\n  }, [setBpmnStringFile])\n\n  useEffect(() => {\n    if (bpmnStringFile && !model) {\n      setModel(setModeler)\n    }\n  }, [bpmnStringFile, model, setModeler])\n\n  return <>{model}</>\n}\n\nexport default App\n\n```\n\n## Params ##\n\n* **modelerRef:** It's the reference to the \"div\" of the \"container\" of the bpmn modeler. **\\***\n\n* **bpmnStringFile:** A .bpmn file in text string, if not provided an empty .bpmn file will be generated. **\\***\n\n* **bpmnJsModeler:** Module ```BpmnModeler``` is imported globally from ```'bpmn-js/lib/Modeler'```.\n\n* **moddleExtensions:** Any Module of bpmn-moddle is imported globally like ```'camunda-bpmn-moddle/resources/camunda'```.\n\n* **modelerInnerHeight:** Window height setting, if not provided, takes the size of the current window by default.\n\n* **actionButtonClassName:** React className of action button.\n\n* **zStep:** Number of zoom step of zoom in/out action button.\n\n* **defaultStrokeColor:** Default color of stroke shape elements, accepts definition of css colors in a text string.\n\n* **showPropertiesPanel:** If the value is *true* the icon is shown to open the properties panel, otherwise the button and the panel will not be visible.\n\n* **elementClassesToRemove:** Item classes to remove from the item popup panel.\n\nexist\n\n```typescript\nconst customPadClassNames = [\n  'bpmn-icon-custom-task-settings',\n  'bpmn-icon-custom-task-documentation',\n  'bpmn-icon-custom-sequence-flow-configuration'\n]\n```\n\n* **customPadEntries:** Item html-css classes of icon to remove from the item lateral pad.\n\n* **onElementChange:** A function that runs every time a bpmn modeler element changes, accepts as a parameter a variable that contains the exported file in a text string.\n\n* **onTaskConfigurationClick:** It is a function that is executed when you click on the gear icon in the side pad of a task element, it accepts a function that receives as event parameter of the selected element.\n\n*event.detail* returns\n\n```typescript\n{\n  id: string\n  $type: string\n  $parent: {\n    id: string\n    $type: string\n  }\n}\n```\n\n* **onTaskDocumentationClick:** It is a function that is executed when you click on the *document* icon in the side pad of a task element, it accepts a function that receives as event parameter of the selected element.\n\n*event.detail* returns\n\n```typescript\n{\n  id: string\n  $type: string\n  $parent: {\n    id: string\n    $type: string\n  }\n}\n```\n\n* **onSequenceFlowConfigurationClick** It is a function that is executed when you click on the *gear* icon in the side pad of a task element, it accepts a function that receives as event parameter of the selected element.\n\n*event.detail* returns\n\n```typescript\n{\n  id: string\n  $type: string\n  $parent: {\n    id: string\n    $type: string\n  }\n}\n```\n\n* **onRemoveClick** It is a function that is executed when you click on the *trash* icon in the side pad of a task element, it accepts a function that receives as event parameter of the selected element.\n\n*event.detail* returns\n\n```typescript\n{\n  id: string\n  $type: string\n}\n```\n\n* **onRootShapeUpdate** It is a function that is executed when a Pool/Participant is created or deleted.\n\n*event.detail* returns\n\n```typescript\nid: string\ntype: string\n```\n\n* **onError:** It is executed in case of error, it accepts a function that receives the error as a parameter. **\\***\n\n*Required params*  *\n","_id":"@arkondata/react-bpmn-modeler@0.1.24-beta.9","dist":{"shasum":"e822c431a3c70179b0ff9af0b783d7d15266aa5c","integrity":"sha512-tPTd96iLwq6tppY4+1RQ14BktcoFrFYmj2LjCDcZP8IRVCw+c+/Mp9epRWFGNMCBbZsGwP1RJNNHymYRIzEryw==","tarball":"https://registry.npmjs.org/@arkondata/react-bpmn-modeler/-/react-bpmn-modeler-0.1.24-beta.9.tgz","fileCount":146,"unpackedSize":588583,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfA/FACRA9TVsSAnZWagAAZqcP/iwi1ivzrMCfUpHSjyjA\nSMXVfr3xWr8bBW2bk/LB6y+zt4nHcIrGA2Ve3hZ6vwh27p8qjqfoqJNhYQvl\n+SGNV//VxetfCR/BPEDw8LUxfXSRj7O7rMQawJHqnCNcUaS0RX1318WudoKL\n1lLSx7E5nTaeJeop4c7Oz4JMwmAB9OQ0EVfbX7CK5xE7EIDMBY6JxerlqFLk\nKiewSjubsY1bLd7SUlDt9PnTJfjMLAHNG7vnTcguvTaSjT6rMwLX57NOmmKY\nvYZiIjlgadvY+RoLqTxEaz2itGhItSuU2YrYydEPVpvz/cJKDUnNTrKinv7G\nJoB44ufJvre8Aw+UIowKKOt/k7QRt6av1BjujNTr3Z6041oMuNk8ir5fz6er\nM74todrnS4K3MYrokemzInNUDsygdA6S0zEhc8fq5JCtDo0oN+zeykA0sAQL\nHBB4exB4jOCcM0tbe7bviDT5xMEy9y3rkTGUDGaTsDpBkqdNT3WFrRFa8Fue\nOgecIoz0QNHh8atjfJxp1SKPECIUs4WJKLYJcUU3Qzqk0ORogp/GiUFW97g+\nxi7Im7FNE5wc2cwRTDw4KRcSh7xBE/wmvOChzmc4dK9dRdl9Rsd8aDHz+Y6J\n6Xu3TPSnlMXmsB2LOBt0mqPD7WdyAkoU6hT+QUEzBIxwjXh5tFpSrTNOHUFC\n6957\r\n=1GMK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEPY0kiBetUaRHEzv3CufNRr9kgXIfnQc2nzpy/jsC96AiB4aaKQCIau+w6ayEjCfVFW4sHtVN0rESejuUAGhyJJPg=="}]},"maintainers":[{"name":"javiermolina","email":"ing.molina.h@gmail.com"},{"name":"juananto11","email":"juananto11@hotmail.com"},{"name":"rreyes24","email":"rreyesvar@gmail.com"},{"name":"services_arkondata","email":"services@arkondata.com"}],"_npmUser":{"name":"javiermolina","email":"ing.molina.h@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-bpmn-modeler_0.1.24-beta.9_1594093887704_0.9994887401026566"},"_hasShrinkwrap":false},"0.1.24-beta.10":{"name":"@arkondata/react-bpmn-modeler","version":"0.1.24-beta.10","private":false,"author":{"name":"JavierMolina"},"license":"MIT","description":"React bpmn modeler","repository":{"type":"git","url":"git+https://github.com/Grupo-Abraxas/react-bpmn-modeler.git"},"keywords":["react-bpmn-modeler"],"bugs":{"url":"https://github.com/Grupo-Abraxas/react-bpmn-modeler/issues"},"homepage":"https://www.arkondata.com/","main":"lib/index.js","types":"lib","scripts":{"build:css":"rm -rf ./lib/ && node-sass src/ -o src/","build:styles":"mkdir -p lib/styles && cp -r src/styles lib/","build:font":"mkdir -p lib/bpmn-font && cp -r src/bpmn-font lib/","watch:css":"yarn build:css && node-sass src/ -o src/ -w -r","start:js":"react-scripts start","start":"npm-run-all -p watch:css start:js","build:js":"tsc -p .","build":"npm-run-all build:*","test":"react-scripts test","eject":"react-scripts eject","docker:build":"docker build -t react-bpmn-modeler_img .","docker:run":"docker run -d -p 80:80 --name react-bpmn-modeler react-bpmn-modeler_img","docker:stop":"docker rm -f react-bpmn-modeler"},"pearDependencies":{"react":"<=16.0.0"},"dependencies":{"@testing-library/jest-dom":"^4.2.4","@testing-library/react":"^9.3.2","@testing-library/user-event":"^7.1.2","bpmn-js":"^6.4.2","bpmn-js-properties-panel":"^0.33.2","camunda-bpmn-moddle":"^4.4.0","css-loader":"^3.5.2","diagram-js-minimap":"^2.0.3","min-dash":"^3.5.2","node-sass":"^4.14.1","react":"^16.13.1","react-dom":"^16.13.1","react-full-screen":"^0.2.4","react-scripts":"3.4.1","style-loader":"^1.1.4","yarn-run-all":"^3.1.1"},"devDependencies":{"@types/jest":"^25.2.2","@types/node":"^14.0.1","@types/node-sass":"^4.11.1","@types/react":"^16.9.35","@types/react-dom":"^16.9.8","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","eslint-config-import":"^0.13.0","eslint-config-prettier":"^6.11.0","eslint-plugin-import":"^2.20.2","eslint-plugin-prettier":"^3.1.3","eslint-plugin-react":"^7.20.0","eslint-plugin-react-hooks":"^4.0.2","eslint-plugin-simple-import-sort":"^5.0.3","husky":"^4.2.5","lint-staged":"^10.2.2","prettier":"^2.0.5","typescript":"^3.8.3"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"lint-staged":{"src/**/*.{js,jsx,ts,tsx}":["eslint --fix","prettier --write"],"src/**/*.{css,scss,md,json}":["prettier --write"]},"husky":{"hooks":{"pre-commit":"lint-staged"}},"readmeFilename":"README.md","readme":"# react-bpmn-modeler #\n\nReact bpmn modeler (Beta)\n\n## How to install ##\n\nWith npm\n\n```bash\nnpm install @arkondata/react-bpmn-modeler\n```\n\nWith yarn\n\n```bash\nyarn add @arkondata/react-bpmn-modeler\n```\n\n## How to use ##\n\nWith React Typescript\n\n```tsx\nimport React, { FC, useRef, useState, useCallback, useEffect } from 'react'\n\nimport BpmnModeler from 'bpmn-js/lib/Modeler'\nimport camundaModdleDescriptor from 'camunda-bpmn-moddle/resources/camunda'\n\nimport { Bpmn } from '@arkondata/react-bpmn-modeler/lib/components'\nimport { BpmnModelerType, PadEntriesType } from '@arkondata/react-bpmn-modeler/lib/components/types'\n\n//load bpmnStringFile from anywere\nconst getBpmnFile = (): string => `<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<bpmn:definitions xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xmlns:bpmn=\"http://www.omg.org/spec/BPMN/20100524/MODEL\" xmlns:bpmndi=\"http://www.omg.org/spec/BPMN/20100524/DI\" xmlns:dc=\"http://www.omg.org/spec/DD/20100524/DC\" xmlns:di=\"http://www.omg.org/spec/DD/20100524/DI\" id=\"Definitions_1\" targetNamespace=\"http://bpmn.io/schema/bpmn\">\n  <bpmn:collaboration id=\"Collaboration_0nai2jf\">\n    <bpmn:participant id=\"Participant_0n01i1w\" processRef=\"Process_1\" />\n  </bpmn:collaboration>\n  <bpmn:process id=\"Process_1\" isExecutable=\"false\">\n    <bpmn:startEvent id=\"Event_0sd8xgt\" name=\"Start\">\n      <bpmn:outgoing>Flow_094auwy</bpmn:outgoing>\n    </bpmn:startEvent>\n    <bpmn:task id=\"Activity_02384jl\" name=\"Example task label\">\n      <bpmn:incoming>Flow_094auwy</bpmn:incoming>\n    </bpmn:task>\n    <bpmn:sequenceFlow id=\"Flow_094auwy\" sourceRef=\"Event_0sd8xgt\" targetRef=\"Activity_02384jl\" />\n  </bpmn:process>\n  <bpmndi:BPMNDiagram id=\"BPMNDiagram_1\">\n    <bpmndi:BPMNPlane id=\"BPMNPlane_1\" bpmnElement=\"Collaboration_0nai2jf\">\n      <bpmndi:BPMNShape id=\"Participant_0n01i1w_di\" bpmnElement=\"Participant_0n01i1w\" isHorizontal=\"true\">\n        <dc:Bounds x=\"-400\" y=\"-320\" width=\"600\" height=\"250\" />\n      </bpmndi:BPMNShape>\n      <bpmndi:BPMNEdge id=\"Flow_094auwy_di\" bpmnElement=\"Flow_094auwy\">\n        <di:waypoint x=\"-282\" y=\"-210\" />\n        <di:waypoint x=\"-230\" y=\"-210\" />\n      </bpmndi:BPMNEdge>\n      <bpmndi:BPMNShape id=\"Event_0sd8xgt_di\" bpmnElement=\"Event_0sd8xgt\">\n        <dc:Bounds x=\"-318\" y=\"-228\" width=\"36\" height=\"36\" />\n        <bpmndi:BPMNLabel>\n          <dc:Bounds x=\"-312\" y=\"-185\" width=\"24\" height=\"14\" />\n        </bpmndi:BPMNLabel>\n      </bpmndi:BPMNShape>\n      <bpmndi:BPMNShape id=\"Activity_02384jl_di\" bpmnElement=\"Activity_02384jl\">\n        <dc:Bounds x=\"-230\" y=\"-250\" width=\"100\" height=\"80\" />\n      </bpmndi:BPMNShape>\n    </bpmndi:BPMNPlane>\n  </bpmndi:BPMNDiagram>\n</bpmn:definitions>`\n\n// Item classes to remove from the item popup panel\nexport const elementClassesToRemove = [\n  'bpmn-icon-subprocess-collapsed',\n  'bpmn-icon-subprocess-expanded',\n  'bpmn-icon-business-rule',\n  'bpmn-icon-service',\n  'bpmn-icon-start-event-condition',\n  'bpmn-icon-start-event-signal',\n  'bpmn-icon-data-object',\n  'bpmn-icon-data-store'\n]\n\n// Item classes to remove from the item lateral pad\nexport const customPadEntries: PadEntriesType = {\n  StartEvent: ['bpmn-icon-custom-remove'],\n  IntermediateThrowEvent: ['bpmn-icon-custom-remove'],\n  IntermediateCatchEvent: ['bpmn-icon-custom-remove'],\n  EndEvent: ['bpmn-icon-custom-remove'],\n  CallActivity: ['bpmn-icon-custom-remove'],\n  SubProcess: ['bpmn-icon-custom-remove'],\n  Gateway: ['bpmn-icon-custom-remove'],\n  SequenceFlow: ['bpmn-icon-custom-sequence-flow-configuration', 'bpmn-icon-custom-remove'],\n  TextAnnotation: ['bpmn-icon-custom-remove'],\n  Participant: ['bpmn-icon-custom-remove'],\n  Lane: ['bpmn-icon-custom-remove'],\n  DataStoreReference: ['bpmn-icon-custom-remove'],\n  DataObjectReference: ['bpmn-icon-custom-remove'],\n  label: ['bpmn-icon-custom-remove'],\n  Association: ['bpmn-icon-custom-remove'],\n  Group: ['bpmn-icon-custom-remove'],\n  Task: [\n    'bpmn-icon-custom-task-documentation',\n    'bpmn-icon-custom-task-settings',\n    'bpmn-icon-custom-remove'\n  ]\n}\n\nconst App: FC = () => {\n  const modelerRef = useRef<BpmnModelerType>()\n  const [model, setModel] = useState<JSX.Element>()\n  const [bpmnStringFile, setBpmnStringFile] = useState('')\n\n  const onTaskConfigurationClick = (event: CustomEvent): void => alert(JSON.stringify(event.detail))\n\n  const onTaskDocumentationClick = (event: CustomEvent): void => {\n    // Example of editing properties of an element\n    const elementRegistry = modelerRef.current?.get('elementRegistry')\n    const modeling = modelerRef.current?.get('modeling')\n    const moddle = modelerRef.current?.get('moddle')\n    const element = elementRegistry.get(event.detail.id)\n    const newText = 'Documentation text'\n    const documentation = moddle.create('bpmn:Documentation', { text: newText })\n    modeling.updateProperties(element, { documentation: [documentation] })\n  }\n  const onRemoveClick = (event: CustomEvent): void => {\n    // Example of remove shape confirmation\n    const deleteIt = window.confirm('Are you sure to delete the element?')\n    if (deleteIt) {\n      const elementRegistry = modelerRef.current?.get('elementRegistry')\n      const modeling = modelerRef.current?.get('modeling')\n      const element = elementRegistry.get(event.detail.id)\n      modeling.removeShape(element)\n    }\n  }\n\n  const onElementChange = (xml: string): void => alert(xml)\n\n  const onSequenceFlowConfigurationClick = (event: CustomEvent): void => {\n    // Example of creating conditionExpression of a gateway element\n    const elementRegistry = modelerRef.current?.get('elementRegistry')\n    const modeling = modelerRef.current?.get('modeling')\n    const moddle = modelerRef.current?.get('moddle')\n    const element = elementRegistry.get(event.detail.id)\n\n    if (element.businessObject.sourceRef.$type.toLowerCase().includes('gateway')) {\n      const sequenceFlowElement = elementRegistry.get(element.businessObject.id)\n      const sequenceFlow = sequenceFlowElement.businessObject\n      const newFormalCondition = `$\\{true}`\n      const newConditionName = 'Yes'\n      const newCondition = moddle.create('bpmn:FormalExpression', {\n        body: newFormalCondition\n      })\n      sequenceFlow.conditionExpression = newCondition\n      modeling.updateProperties(sequenceFlowElement, {\n        name: newConditionName,\n        conditionExpression: newCondition\n      })\n    }\n  }\n\n  const updateCurrentShapeId = (elementId: string): void => {\n    // Example of changing the Id of an element and its references.\n    const elementRegistry = modelerRef.current?.get('elementRegistry')\n    const modeling = modelerRef.current?.get('modeling')\n    const element = elementRegistry.get(elementId)\n    modeling.updateProperties(element, { id: `${elementId}_customId` })\n  }\n\n  const onRootShapeUpdate = (id: string, type: string): void =>\n    alert(`${id} ${type} root shape updated!`)\n\n  const onError = (error: Error): void => alert(error)\n\n  const setModeler = useCallback(\n    (): JSX.Element => (\n      <Bpmn\n        modelerRef={modelerRef}\n        bpmnJsModeler={BpmnModeler}\n        moddleExtensions={{\n          camunda: camundaModdleDescriptor\n        }}\n        bpmnStringFile={bpmnStringFile}\n        modelerInnerHeight={window.innerHeight}\n        defaultStrokeColor={'#5F84CF'}\n        elementClassesToRemove={elementClassesToRemove}\n        customPadEntries={customPadEntries}\n        // It is executed by clicking the \"Task configuration\" button on the side pad of the Task element.\n        onTaskConfigurationClick={onTaskConfigurationClick}\n        // It is executed by clicking the \"Task documentation\" button on the side pad of the Task element.\n        onTaskDocumentationClick={onTaskDocumentationClick}\n        // It is executed by clicking the \"Sequence Flow configuration\" button on the side pad of the Task element.\n        onSequenceFlowConfigurationClick={onSequenceFlowConfigurationClick}\n        // It is executed by clicking the \"Remove\" button on the side pad of the Task element.\n        onRemoveClick={onRemoveClick}\n        // It is executed when listening to the event \"elements.changed\",\n        // it returns the xml file generated by the bpmn modeler after a change of any element of the diagram.\n        onElementChange={onElementChange}\n        // It is executed when listening to the event \"commandStack.shape.create.postExecuted\",\n        // returns the Id of the created element\n        onShapeCreate={updateCurrentShapeId}\n        // It is executed when listening to the event \"commandStack.canvas.updateRoot.postExecute\",\n        // returns the Id and type of the root shape\n        onRootShapeUpdate={onRootShapeUpdate}\n        onError={onError}\n      />\n    ),\n    [bpmnStringFile]\n  )\n\n  useEffect(() => {\n    setBpmnStringFile(getBpmnFile())\n  }, [setBpmnStringFile])\n\n  useEffect(() => {\n    if (bpmnStringFile && !model) {\n      setModel(setModeler)\n    }\n  }, [bpmnStringFile, model, setModeler])\n\n  return <>{model}</>\n}\n\nexport default App\n\n```\n\n## Params ##\n\n* **modelerRef:** It's the reference to the \"div\" of the \"container\" of the bpmn modeler. **\\***\n\n* **bpmnStringFile:** A .bpmn file in text string, if not provided an empty .bpmn file will be generated. **\\***\n\n* **bpmnJsModeler:** Module ```BpmnModeler``` is imported globally from ```'bpmn-js/lib/Modeler'```.\n\n* **moddleExtensions:** Any Module of bpmn-moddle is imported globally like ```'camunda-bpmn-moddle/resources/camunda'```.\n\n* **modelerInnerHeight:** Window height setting, if not provided, takes the size of the current window by default.\n\n* **actionButtonClassName:** React className of action button.\n\n* **zStep:** Number of zoom step of zoom in/out action button.\n\n* **defaultStrokeColor:** Default color of stroke shape elements, accepts definition of css colors in a text string.\n\n* **showPropertiesPanel:** If the value is *true* the icon is shown to open the properties panel, otherwise the button and the panel will not be visible.\n\n* **elementClassesToRemove:** Item classes to remove from the item popup panel.\n\nexist\n\n```typescript\nconst customPadClassNames = [\n  'bpmn-icon-custom-task-settings',\n  'bpmn-icon-custom-task-documentation',\n  'bpmn-icon-custom-sequence-flow-configuration'\n]\n```\n\n* **customPadEntries:** Item html-css classes of icon to remove from the item lateral pad.\n\n* **onElementChange:** A function that runs every time a bpmn modeler element changes, accepts as a parameter a variable that contains the exported file in a text string.\n\n* **onTaskConfigurationClick:** It is a function that is executed when you click on the gear icon in the side pad of a task element, it accepts a function that receives as event parameter of the selected element.\n\n*event.detail* returns\n\n```typescript\n{\n  id: string\n  $type: string\n  $parent: {\n    id: string\n    $type: string\n  }\n}\n```\n\n* **onTaskDocumentationClick:** It is a function that is executed when you click on the *document* icon in the side pad of a task element, it accepts a function that receives as event parameter of the selected element.\n\n*event.detail* returns\n\n```typescript\n{\n  id: string\n  $type: string\n  $parent: {\n    id: string\n    $type: string\n  }\n}\n```\n\n* **onSequenceFlowConfigurationClick** It is a function that is executed when you click on the *gear* icon in the side pad of a task element, it accepts a function that receives as event parameter of the selected element.\n\n*event.detail* returns\n\n```typescript\n{\n  id: string\n  $type: string\n  $parent: {\n    id: string\n    $type: string\n  }\n}\n```\n\n* **onRemoveClick** It is a function that is executed when you click on the *trash* icon in the side pad of a task element, it accepts a function that receives as event parameter of the selected element.\n\n*event.detail* returns\n\n```typescript\n{\n  id: string\n  $type: string\n}\n```\n\n* **onRootShapeUpdate** It is a function that is executed when a Pool/Participant is created or deleted.\n\n*event.detail* returns\n\n```typescript\nid: string\ntype: string\n```\n\n* **onError:** It is executed in case of error, it accepts a function that receives the error as a parameter. **\\***\n\n*Required params*  *\n","_id":"@arkondata/react-bpmn-modeler@0.1.24-beta.10","dist":{"shasum":"9679445930c3685ff8296d523f427a7198d7159c","integrity":"sha512-fyYgFKihwAFF5Cu+gWeJdQDHJsSpzHj2afQZorSf+8QUFqKzn/V7FrQcAFNJviE1VKlXXuW5vDYWRaQcNWOSgw==","tarball":"https://registry.npmjs.org/@arkondata/react-bpmn-modeler/-/react-bpmn-modeler-0.1.24-beta.10.tgz","fileCount":146,"unpackedSize":590159,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfBrQvCRA9TVsSAnZWagAAwb4P/RLb9A9EmJU5nH8Gij/I\n1euoHS0PBPpfgxVahPXDR6XE8/7RYpiSJ6dOXtU/no1t8tTBEX9j4DkxxdDW\nbFDwefV+xKBDa0zjb7RgBQaXjTxFjCHg9+Zbt/rm3iArVzsk5dkYmjIWfEad\nyqKAsWKv4acIs5KafbyMDWfzoDa6MzLb4W56r81SX37d10yqCR2k8A6vSRB+\njhxov3OYrbu/gNtbf6sprzfw/IbftPwVDWmN7hrRgKmN9NS5TqGARIYWsSRZ\ncdYiJ05TqdOaqSIgU/LNG5fgrcY23nDPp+AqZsPHHyMZ4XmHs5xiHi5ddopY\n9Z8qR+LEMzRrEjelEcF7v1nwSuL4IYPGlvPGYet3LNaEpHD7vd5axoK1JG8O\nSnm35qotFgckrJ7Ccme0BN6iAJ9iV68mHy9MH0uk63dWkjhJxu0HSAAwvSfP\nOAuESAjXEkUK8kq8QGFd02iN7AkadmEQuRtAmea1i7bz71ObhaDNjHCORY7r\n7rXRWb6mkHb2RIaUmCNEHEZ8FLiQkMQw8uiJpH0kD7Rf87kkJONZKIoB3TzQ\n1CL9rs+0cgB/iBUYcwsJF/3UGsCKZUDeFF6cvVd4S0h1PwaUA6HqDfr0tYhA\nNxeYdL+tGCeduCYkoutpkyH8TA8twyk18bYuGLlakg+7VWzLoLn1aPyc2Ao8\nmeeH\r\n=s3gV\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCCIfOYlFaDsdEWnhYvT9UHXHNTS7lGvCaiIoPBHlfs9QIhALUPViIfuHetEj2e4cUMEnaao0xHZ8Hil0a9k/D2KFZW"}]},"maintainers":[{"name":"javiermolina","email":"ing.molina.h@gmail.com"},{"name":"juananto11","email":"juananto11@hotmail.com"},{"name":"rreyes24","email":"rreyesvar@gmail.com"},{"name":"services_arkondata","email":"services@arkondata.com"}],"_npmUser":{"name":"javiermolina","email":"ing.molina.h@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-bpmn-modeler_0.1.24-beta.10_1594274862778_0.469869192632107"},"_hasShrinkwrap":false},"0.1.24-beta.11":{"name":"@arkondata/react-bpmn-modeler","version":"0.1.24-beta.11","private":false,"author":{"name":"JavierMolina"},"license":"MIT","description":"React bpmn modeler","repository":{"type":"git","url":"git+https://github.com/Grupo-Abraxas/react-bpmn-modeler.git"},"keywords":["react-bpmn-modeler"],"bugs":{"url":"https://github.com/Grupo-Abraxas/react-bpmn-modeler/issues"},"homepage":"https://www.arkondata.com/","main":"lib/index.js","types":"lib","scripts":{"build:css":"rm -rf ./lib/ && node-sass src/ -o src/","build:styles":"mkdir -p lib/styles && cp -r src/styles lib/","build:font":"mkdir -p lib/bpmn-font && cp -r src/bpmn-font lib/","watch:css":"yarn build:css && node-sass src/ -o src/ -w -r","start:js":"react-scripts start","start":"npm-run-all -p watch:css start:js","build:js":"tsc -p .","build":"npm-run-all build:*","test":"react-scripts test","eject":"react-scripts eject","docker:build":"docker build -t react-bpmn-modeler_img .","docker:run":"docker run -d -p 80:80 --name react-bpmn-modeler react-bpmn-modeler_img","docker:stop":"docker rm -f react-bpmn-modeler"},"pearDependencies":{"react":"<=16.0.0"},"dependencies":{"@testing-library/jest-dom":"^5.11.0","@testing-library/react":"^10.4.4","@testing-library/user-event":"^12.0.11","bpmn-js":"^6.4.2","bpmn-js-properties-panel":"^0.33.2","camunda-bpmn-moddle":"^4.4.0","css-loader":"^3.5.2","diagram-js-minimap":"^2.0.3","min-dash":"^3.5.2","node-sass":"^4.14.1","react":"^16.13.1","react-dom":"^16.13.1","react-full-screen":"^0.2.4","react-scripts":"3.4.1","style-loader":"^1.1.4","yarn-run-all":"^3.1.1"},"devDependencies":{"@types/jest":"^26.0.4","@types/node":"^14.0.1","@types/node-sass":"^4.11.1","@types/react":"^16.9.35","@types/react-dom":"^16.9.8","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","eslint-config-import":"^0.13.0","eslint-config-prettier":"^6.11.0","eslint-plugin-import":"^2.20.2","eslint-plugin-prettier":"^3.1.3","eslint-plugin-react":"^7.20.0","eslint-plugin-react-hooks":"^4.0.2","eslint-plugin-simple-import-sort":"^5.0.3","husky":"^4.2.5","lint-staged":"^10.2.2","prettier":"^2.0.5","typescript":"^3.8.3"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"lint-staged":{"src/**/*.{js,jsx,ts,tsx}":["eslint --fix","prettier --write"],"src/**/*.{css,scss,md,json}":["prettier --write"]},"husky":{"hooks":{"pre-commit":"lint-staged"}},"readmeFilename":"README.md","readme":"# react-bpmn-modeler #\n\nReact bpmn modeler (Beta)\n\n## How to install ##\n\nWith npm\n\n```bash\nnpm install @arkondata/react-bpmn-modeler\n```\n\nWith yarn\n\n```bash\nyarn add @arkondata/react-bpmn-modeler\n```\n\n## How to use ##\n\nWith React Typescript\n\n```tsx\nimport React, { FC, useRef, useState, useCallback, useEffect } from 'react'\n\nimport BpmnModeler from 'bpmn-js/lib/Modeler'\nimport camundaModdleDescriptor from 'camunda-bpmn-moddle/resources/camunda'\n\nimport { Bpmn } from '@arkondata/react-bpmn-modeler/lib/components'\nimport { BpmnModelerType, PadEntriesType } from '@arkondata/react-bpmn-modeler/lib/components/types'\n\n//load bpmnStringFile from anywere\nconst getBpmnFile = (): string => `<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<bpmn:definitions xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xmlns:bpmn=\"http://www.omg.org/spec/BPMN/20100524/MODEL\" xmlns:bpmndi=\"http://www.omg.org/spec/BPMN/20100524/DI\" xmlns:dc=\"http://www.omg.org/spec/DD/20100524/DC\" xmlns:di=\"http://www.omg.org/spec/DD/20100524/DI\" id=\"Definitions_1\" targetNamespace=\"http://bpmn.io/schema/bpmn\">\n  <bpmn:collaboration id=\"Collaboration_0nai2jf\">\n    <bpmn:participant id=\"Participant_0n01i1w\" processRef=\"Process_1\" />\n  </bpmn:collaboration>\n  <bpmn:process id=\"Process_1\" isExecutable=\"false\">\n    <bpmn:startEvent id=\"Event_0sd8xgt\" name=\"Start\">\n      <bpmn:outgoing>Flow_094auwy</bpmn:outgoing>\n    </bpmn:startEvent>\n    <bpmn:task id=\"Activity_02384jl\" name=\"Example task label\">\n      <bpmn:incoming>Flow_094auwy</bpmn:incoming>\n    </bpmn:task>\n    <bpmn:sequenceFlow id=\"Flow_094auwy\" sourceRef=\"Event_0sd8xgt\" targetRef=\"Activity_02384jl\" />\n  </bpmn:process>\n  <bpmndi:BPMNDiagram id=\"BPMNDiagram_1\">\n    <bpmndi:BPMNPlane id=\"BPMNPlane_1\" bpmnElement=\"Collaboration_0nai2jf\">\n      <bpmndi:BPMNShape id=\"Participant_0n01i1w_di\" bpmnElement=\"Participant_0n01i1w\" isHorizontal=\"true\">\n        <dc:Bounds x=\"-400\" y=\"-320\" width=\"600\" height=\"250\" />\n      </bpmndi:BPMNShape>\n      <bpmndi:BPMNEdge id=\"Flow_094auwy_di\" bpmnElement=\"Flow_094auwy\">\n        <di:waypoint x=\"-282\" y=\"-210\" />\n        <di:waypoint x=\"-230\" y=\"-210\" />\n      </bpmndi:BPMNEdge>\n      <bpmndi:BPMNShape id=\"Event_0sd8xgt_di\" bpmnElement=\"Event_0sd8xgt\">\n        <dc:Bounds x=\"-318\" y=\"-228\" width=\"36\" height=\"36\" />\n        <bpmndi:BPMNLabel>\n          <dc:Bounds x=\"-312\" y=\"-185\" width=\"24\" height=\"14\" />\n        </bpmndi:BPMNLabel>\n      </bpmndi:BPMNShape>\n      <bpmndi:BPMNShape id=\"Activity_02384jl_di\" bpmnElement=\"Activity_02384jl\">\n        <dc:Bounds x=\"-230\" y=\"-250\" width=\"100\" height=\"80\" />\n      </bpmndi:BPMNShape>\n    </bpmndi:BPMNPlane>\n  </bpmndi:BPMNDiagram>\n</bpmn:definitions>`\n\n// Item classes to remove from the item popup panel\nexport const elementClassesToRemove = [\n  'bpmn-icon-subprocess-collapsed',\n  'bpmn-icon-subprocess-expanded',\n  'bpmn-icon-business-rule',\n  'bpmn-icon-service',\n  'bpmn-icon-start-event-condition',\n  'bpmn-icon-start-event-signal',\n  'bpmn-icon-data-object',\n  'bpmn-icon-data-store'\n]\n\n// Item classes to remove from the item lateral pad\nexport const customPadEntries: PadEntriesType = {\n  StartEvent: ['bpmn-icon-custom-remove'],\n  IntermediateThrowEvent: ['bpmn-icon-custom-remove'],\n  IntermediateCatchEvent: ['bpmn-icon-custom-remove'],\n  EndEvent: ['bpmn-icon-custom-remove'],\n  CallActivity: ['bpmn-icon-custom-remove'],\n  SubProcess: ['bpmn-icon-custom-remove'],\n  Gateway: ['bpmn-icon-custom-remove'],\n  SequenceFlow: ['bpmn-icon-custom-sequence-flow-configuration', 'bpmn-icon-custom-remove'],\n  TextAnnotation: ['bpmn-icon-custom-remove'],\n  Participant: ['bpmn-icon-custom-remove'],\n  Lane: ['bpmn-icon-custom-remove'],\n  DataStoreReference: ['bpmn-icon-custom-remove'],\n  DataObjectReference: ['bpmn-icon-custom-remove'],\n  label: ['bpmn-icon-custom-remove'],\n  Association: ['bpmn-icon-custom-remove'],\n  Group: ['bpmn-icon-custom-remove'],\n  Task: [\n    'bpmn-icon-custom-task-documentation',\n    'bpmn-icon-custom-task-settings',\n    'bpmn-icon-custom-remove'\n  ]\n}\n\nconst App: FC = () => {\n  const modelerRef = useRef<BpmnModelerType>()\n  const [model, setModel] = useState<JSX.Element>()\n  const [bpmnStringFile, setBpmnStringFile] = useState('')\n\n  const onTaskConfigurationClick = (event: CustomEvent): void => alert(JSON.stringify(event.detail))\n\n  const onTaskDocumentationClick = (event: CustomEvent): void => {\n    // Example of editing properties of an element\n    const elementRegistry = modelerRef.current?.get('elementRegistry')\n    const modeling = modelerRef.current?.get('modeling')\n    const moddle = modelerRef.current?.get('moddle')\n    const element = elementRegistry.get(event.detail.id)\n    const newText = 'Documentation text'\n    const documentation = moddle.create('bpmn:Documentation', { text: newText })\n    modeling.updateProperties(element, { documentation: [documentation] })\n  }\n  const onRemoveClick = (event: CustomEvent): void => {\n    // Example of remove shape confirmation\n    const deleteIt = window.confirm('Are you sure to delete the element?')\n    if (deleteIt) {\n      const elementRegistry = modelerRef.current?.get('elementRegistry')\n      const modeling = modelerRef.current?.get('modeling')\n      const element = elementRegistry.get(event.detail.id)\n      modeling.removeShape(element)\n    }\n  }\n\n  const onElementChange = (xml: string): void => alert(xml)\n\n  const onSequenceFlowConfigurationClick = (event: CustomEvent): void => {\n    // Example of creating conditionExpression of a gateway element\n    const elementRegistry = modelerRef.current?.get('elementRegistry')\n    const modeling = modelerRef.current?.get('modeling')\n    const moddle = modelerRef.current?.get('moddle')\n    const element = elementRegistry.get(event.detail.id)\n\n    if (element.businessObject.sourceRef.$type.toLowerCase().includes('gateway')) {\n      const sequenceFlowElement = elementRegistry.get(element.businessObject.id)\n      const sequenceFlow = sequenceFlowElement.businessObject\n      const newFormalCondition = `$\\{true}`\n      const newConditionName = 'Yes'\n      const newCondition = moddle.create('bpmn:FormalExpression', {\n        body: newFormalCondition\n      })\n      sequenceFlow.conditionExpression = newCondition\n      modeling.updateProperties(sequenceFlowElement, {\n        name: newConditionName,\n        conditionExpression: newCondition\n      })\n    }\n  }\n\n  const updateCurrentShapeId = (elementId: string): void => {\n    // Example of changing the Id of an element and its references.\n    const elementRegistry = modelerRef.current?.get('elementRegistry')\n    const modeling = modelerRef.current?.get('modeling')\n    const element = elementRegistry.get(elementId)\n    modeling.updateProperties(element, { id: `${elementId}_customId` })\n  }\n\n  const onRootShapeUpdate = (id: string, type: string): void =>\n    alert(`${id} ${type} root shape updated!`)\n\n  const onError = (error: Error): void => alert(error)\n\n  const setModeler = useCallback(\n    (): JSX.Element => (\n      <Bpmn\n        modelerRef={modelerRef}\n        bpmnJsModeler={BpmnModeler}\n        moddleExtensions={{\n          camunda: camundaModdleDescriptor\n        }}\n        bpmnStringFile={bpmnStringFile}\n        modelerInnerHeight={window.innerHeight}\n        defaultStrokeColor={'#5F84CF'}\n        elementClassesToRemove={elementClassesToRemove}\n        customPadEntries={customPadEntries}\n        // It is executed by clicking the \"Task configuration\" button on the side pad of the Task element.\n        onTaskConfigurationClick={onTaskConfigurationClick}\n        // It is executed by clicking the \"Task documentation\" button on the side pad of the Task element.\n        onTaskDocumentationClick={onTaskDocumentationClick}\n        // It is executed by clicking the \"Sequence Flow configuration\" button on the side pad of the Task element.\n        onSequenceFlowConfigurationClick={onSequenceFlowConfigurationClick}\n        // It is executed by clicking the \"Remove\" button on the side pad of the Task element.\n        onRemoveClick={onRemoveClick}\n        // It is executed when listening to the event \"elements.changed\",\n        // it returns the xml file generated by the bpmn modeler after a change of any element of the diagram.\n        onElementChange={onElementChange}\n        // It is executed when listening to the event \"commandStack.shape.create.postExecuted\",\n        // returns the Id of the created element\n        onShapeCreate={updateCurrentShapeId}\n        // It is executed when listening to the event \"commandStack.canvas.updateRoot.postExecute\",\n        // returns the Id and type of the root shape\n        onRootShapeUpdate={onRootShapeUpdate}\n        onError={onError}\n      />\n    ),\n    [bpmnStringFile]\n  )\n\n  useEffect(() => {\n    setBpmnStringFile(getBpmnFile())\n  }, [setBpmnStringFile])\n\n  useEffect(() => {\n    if (bpmnStringFile && !model) {\n      setModel(setModeler)\n    }\n  }, [bpmnStringFile, model, setModeler])\n\n  return <>{model}</>\n}\n\nexport default App\n\n```\n\n## Params ##\n\n* **modelerRef:** It's the reference to the \"div\" of the \"container\" of the bpmn modeler. **\\***\n\n* **bpmnStringFile:** A .bpmn file in text string, if not provided an empty .bpmn file will be generated. **\\***\n\n* **bpmnJsModeler:** Module ```BpmnModeler``` is imported globally from ```'bpmn-js/lib/Modeler'```.\n\n* **moddleExtensions:** Any Module of bpmn-moddle is imported globally like ```'camunda-bpmn-moddle/resources/camunda'```.\n\n* **modelerInnerHeight:** Window height setting, if not provided, takes the size of the current window by default.\n\n* **actionButtonClassName:** React className of action button.\n\n* **zStep:** Number of zoom step of zoom in/out action button.\n\n* **defaultStrokeColor:** Default color of stroke shape elements, accepts definition of css colors in a text string.\n\n* **showPropertiesPanel:** If the value is *true* the icon is shown to open the properties panel, otherwise the button and the panel will not be visible.\n\n* **elementClassesToRemove:** Item classes to remove from the item popup panel.\n\nexist\n\n```typescript\nconst customPadClassNames = [\n  'bpmn-icon-custom-task-settings',\n  'bpmn-icon-custom-task-documentation',\n  'bpmn-icon-custom-sequence-flow-configuration'\n]\n```\n\n* **customPadEntries:** Item html-css classes of icon to remove from the item lateral pad.\n\n* **onElementChange:** A function that runs every time a bpmn modeler element changes, accepts as a parameter a variable that contains the exported file in a text string.\n\n* **onTaskConfigurationClick:** It is a function that is executed when you click on the gear icon in the side pad of a task element, it accepts a function that receives as event parameter of the selected element.\n\n*event.detail* returns\n\n```typescript\n{\n  id: string\n  $type: string\n  $parent: {\n    id: string\n    $type: string\n  }\n}\n```\n\n* **onTaskDocumentationClick:** It is a function that is executed when you click on the *document* icon in the side pad of a task element, it accepts a function that receives as event parameter of the selected element.\n\n*event.detail* returns\n\n```typescript\n{\n  id: string\n  $type: string\n  $parent: {\n    id: string\n    $type: string\n  }\n}\n```\n\n* **onSequenceFlowConfigurationClick** It is a function that is executed when you click on the *gear* icon in the side pad of a task element, it accepts a function that receives as event parameter of the selected element.\n\n*event.detail* returns\n\n```typescript\n{\n  id: string\n  $type: string\n  $parent: {\n    id: string\n    $type: string\n  }\n}\n```\n\n* **onRemoveClick** It is a function that is executed when you click on the *trash* icon in the side pad of a task element, it accepts a function that receives as event parameter of the selected element.\n\n*event.detail* returns\n\n```typescript\n{\n  id: string\n  $type: string\n}\n```\n\n* **onRootShapeUpdate** It is a function that is executed when a Pool/Participant is created or deleted.\n\n*event.detail* returns\n\n```typescript\nid: string\ntype: string\n```\n\n* **onError:** It is executed in case of error, it accepts a function that receives the error as a parameter. **\\***\n\n*Required params*  *\n","_id":"@arkondata/react-bpmn-modeler@0.1.24-beta.11","dist":{"shasum":"4a5d05cc926484fe6324ddb0edfbb451a4160122","integrity":"sha512-6Vh1OIs+CjRY7awreFva9naggfsu19F/ZlPc/sJHzV0UzMM7+kBMsAYmT6kXu7xtzuRVIXSb6ErdFrgJ2QIerg==","tarball":"https://registry.npmjs.org/@arkondata/react-bpmn-modeler/-/react-bpmn-modeler-0.1.24-beta.11.tgz","fileCount":150,"unpackedSize":595319,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfB5DaCRA9TVsSAnZWagAADLsP/RNfXpcZApDK5F0DlHnu\nQgH3xz/fjNoo8tlVh2DpWU1YhtudUpw7b3XF9JOqUApYrRpsH2s/w54fWByX\nOBMW/whbYaoELpXqg6RAcdqIEELquVlfazub2dgEDgeGetvOIxNiFVW5UIMp\ng2phTSBn2Yxk6oQq0Neh7ozVO3HszvHu/e+AAWSefGC8q8ea8+9lJIwQnA7a\nHLRZ0NSWq7fOjvqXLEkE4lC58ElvYnVz2NtaK2tIG8rZfhruvSTsZ15A2Ql1\nATVnreeqWrVQZ41jbEeN0rkRMQUygl22KVob64V+08hw5hoQH3fxEaoAHHW6\njH3943acLQDS+mYpiS1eQiICZ18fXJ6zWzJmsrT5nLSxlUhU1T4A6IVFvAnV\nHWDIEb0SfVJPt1ll1ve/WtQxlITngZaG6PFxPi10cJyn4GkZIjopClotdVgE\nzUNaRwLVpn3vvTj/7ScriHxZ0KDM5PJxoqPuA9pT4z64EBsuHzAz8jG5FmPE\n9/4hkqe+lDzCRc2rQ+4wr9k8L5WpZsbW/4SLhnzzPR95tPyFNsGSSF5LzJBa\nOSYacSvfoCUs7eECGFlhaKt1c/igtcki05NS4tN+g9HvSqcpi9xvgYPXc0I5\nVvPQohCkITU2XVg/SNwrC2zW9M7oLi6Hys8dkRKHa2jb2xJwqSch+kh7/oI6\n7scJ\r\n=6wNB\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGrRDRfHOExd7t6mO8NiSkW9rh6GiOlTPsO7vjVdnvENAiEAyPBI+bJNaYftKHpGUkQfoW3CGfH3gxTMSRXOXaOrk/0="}]},"maintainers":[{"name":"javiermolina","email":"ing.molina.h@gmail.com"},{"name":"juananto11","email":"juananto11@hotmail.com"},{"name":"rreyes24","email":"rreyesvar@gmail.com"},{"name":"services_arkondata","email":"services@arkondata.com"}],"_npmUser":{"name":"javiermolina","email":"ing.molina.h@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-bpmn-modeler_0.1.24-beta.11_1594331353760_0.20746590783499208"},"_hasShrinkwrap":false},"0.1.24-beta.12":{"name":"@arkondata/react-bpmn-modeler","version":"0.1.24-beta.12","private":false,"author":{"name":"JavierMolina"},"license":"MIT","description":"React bpmn modeler","repository":{"type":"git","url":"git+https://github.com/Grupo-Abraxas/react-bpmn-modeler.git"},"keywords":["react-bpmn-modeler"],"bugs":{"url":"https://github.com/Grupo-Abraxas/react-bpmn-modeler/issues"},"homepage":"https://www.arkondata.com/","main":"lib/index.js","types":"lib","scripts":{"build:css":"rm -rf ./lib/ && node-sass src/ -o src/","build:styles":"mkdir -p lib/styles && cp -r src/styles lib/","build:font":"mkdir -p lib/bpmn-font && cp -r src/bpmn-font lib/","watch:css":"yarn build:css && node-sass src/ -o src/ -w -r","start:js":"react-scripts start","start":"npm-run-all -p watch:css start:js","build:js":"tsc -p .","build":"npm-run-all build:*","test":"react-scripts test","eject":"react-scripts eject","docker:build":"docker build -t react-bpmn-modeler_img .","docker:run":"docker run -d -p 80:80 --name react-bpmn-modeler react-bpmn-modeler_img","docker:stop":"docker rm -f react-bpmn-modeler"},"pearDependencies":{"react":"<=16.0.0"},"dependencies":{"@testing-library/jest-dom":"^5.11.0","@testing-library/react":"^10.4.4","@testing-library/user-event":"^12.0.11","bpmn-js":"^6.4.2","bpmn-js-properties-panel":"^0.33.2","camunda-bpmn-moddle":"^4.4.0","css-loader":"^3.5.2","diagram-js-minimap":"^2.0.3","min-dash":"^3.5.2","node-sass":"^4.14.1","react":"^16.13.1","react-dom":"^16.13.1","react-full-screen":"^0.2.4","react-scripts":"3.4.1","style-loader":"^1.1.4","yarn-run-all":"^3.1.1"},"devDependencies":{"@types/jest":"^26.0.4","@types/node":"^14.0.1","@types/node-sass":"^4.11.1","@types/react":"^16.9.35","@types/react-dom":"^16.9.8","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","eslint-config-import":"^0.13.0","eslint-config-prettier":"^6.11.0","eslint-plugin-import":"^2.20.2","eslint-plugin-prettier":"^3.1.3","eslint-plugin-react":"^7.20.0","eslint-plugin-react-hooks":"^4.0.2","eslint-plugin-simple-import-sort":"^5.0.3","husky":"^4.2.5","lint-staged":"^10.2.2","prettier":"^2.0.5","typescript":"^3.8.3"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"lint-staged":{"src/**/*.{js,jsx,ts,tsx}":["eslint --fix","prettier --write"],"src/**/*.{css,scss,md,json}":["prettier --write"]},"husky":{"hooks":{"pre-commit":"lint-staged"}},"readmeFilename":"README.md","readme":"# react-bpmn-modeler #\n\nReact bpmn modeler (Beta)\n\n## How to install ##\n\nWith npm\n\n```bash\nnpm install @arkondata/react-bpmn-modeler\n```\n\nWith yarn\n\n```bash\nyarn add @arkondata/react-bpmn-modeler\n```\n\n## How to use ##\n\nWith React Typescript\n\n```tsx\nimport React, { FC, useRef, useState, useCallback, useEffect } from 'react'\n\nimport BpmnModeler from 'bpmn-js/lib/Modeler'\nimport camundaModdleDescriptor from 'camunda-bpmn-moddle/resources/camunda'\n\nimport { Bpmn } from '@arkondata/react-bpmn-modeler/lib/components'\nimport { BpmnModelerType, PadEntriesType } from '@arkondata/react-bpmn-modeler/lib/components/types'\n\n//load bpmnStringFile from anywere\nconst getBpmnFile = (): string => `<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<bpmn:definitions xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xmlns:bpmn=\"http://www.omg.org/spec/BPMN/20100524/MODEL\" xmlns:bpmndi=\"http://www.omg.org/spec/BPMN/20100524/DI\" xmlns:dc=\"http://www.omg.org/spec/DD/20100524/DC\" xmlns:di=\"http://www.omg.org/spec/DD/20100524/DI\" id=\"Definitions_1\" targetNamespace=\"http://bpmn.io/schema/bpmn\">\n  <bpmn:collaboration id=\"Collaboration_0nai2jf\">\n    <bpmn:participant id=\"Participant_0n01i1w\" processRef=\"Process_1\" />\n  </bpmn:collaboration>\n  <bpmn:process id=\"Process_1\" isExecutable=\"false\">\n    <bpmn:startEvent id=\"Event_0sd8xgt\" name=\"Start\">\n      <bpmn:outgoing>Flow_094auwy</bpmn:outgoing>\n    </bpmn:startEvent>\n    <bpmn:task id=\"Activity_02384jl\" name=\"Example task label\">\n      <bpmn:incoming>Flow_094auwy</bpmn:incoming>\n    </bpmn:task>\n    <bpmn:sequenceFlow id=\"Flow_094auwy\" sourceRef=\"Event_0sd8xgt\" targetRef=\"Activity_02384jl\" />\n  </bpmn:process>\n  <bpmndi:BPMNDiagram id=\"BPMNDiagram_1\">\n    <bpmndi:BPMNPlane id=\"BPMNPlane_1\" bpmnElement=\"Collaboration_0nai2jf\">\n      <bpmndi:BPMNShape id=\"Participant_0n01i1w_di\" bpmnElement=\"Participant_0n01i1w\" isHorizontal=\"true\">\n        <dc:Bounds x=\"-400\" y=\"-320\" width=\"600\" height=\"250\" />\n      </bpmndi:BPMNShape>\n      <bpmndi:BPMNEdge id=\"Flow_094auwy_di\" bpmnElement=\"Flow_094auwy\">\n        <di:waypoint x=\"-282\" y=\"-210\" />\n        <di:waypoint x=\"-230\" y=\"-210\" />\n      </bpmndi:BPMNEdge>\n      <bpmndi:BPMNShape id=\"Event_0sd8xgt_di\" bpmnElement=\"Event_0sd8xgt\">\n        <dc:Bounds x=\"-318\" y=\"-228\" width=\"36\" height=\"36\" />\n        <bpmndi:BPMNLabel>\n          <dc:Bounds x=\"-312\" y=\"-185\" width=\"24\" height=\"14\" />\n        </bpmndi:BPMNLabel>\n      </bpmndi:BPMNShape>\n      <bpmndi:BPMNShape id=\"Activity_02384jl_di\" bpmnElement=\"Activity_02384jl\">\n        <dc:Bounds x=\"-230\" y=\"-250\" width=\"100\" height=\"80\" />\n      </bpmndi:BPMNShape>\n    </bpmndi:BPMNPlane>\n  </bpmndi:BPMNDiagram>\n</bpmn:definitions>`\n\n// Item classes to remove from the item popup panel\nexport const elementClassesToRemove = [\n  'bpmn-icon-subprocess-collapsed',\n  'bpmn-icon-subprocess-expanded',\n  'bpmn-icon-business-rule',\n  'bpmn-icon-service',\n  'bpmn-icon-start-event-condition',\n  'bpmn-icon-start-event-signal',\n  'bpmn-icon-data-object',\n  'bpmn-icon-data-store'\n]\n\n// Item classes to remove from the item lateral pad\nexport const customPadEntries: PadEntriesType = {\n  StartEvent: ['bpmn-icon-custom-remove'],\n  IntermediateThrowEvent: ['bpmn-icon-custom-remove'],\n  IntermediateCatchEvent: ['bpmn-icon-custom-remove'],\n  EndEvent: ['bpmn-icon-custom-remove'],\n  CallActivity: ['bpmn-icon-custom-remove'],\n  SubProcess: ['bpmn-icon-custom-remove'],\n  Gateway: ['bpmn-icon-custom-remove'],\n  SequenceFlow: ['bpmn-icon-custom-sequence-flow-configuration', 'bpmn-icon-custom-remove'],\n  TextAnnotation: ['bpmn-icon-custom-remove'],\n  Participant: ['bpmn-icon-custom-remove'],\n  Lane: ['bpmn-icon-custom-remove'],\n  DataStoreReference: ['bpmn-icon-custom-remove'],\n  DataObjectReference: ['bpmn-icon-custom-remove'],\n  label: ['bpmn-icon-custom-remove'],\n  Association: ['bpmn-icon-custom-remove'],\n  Group: ['bpmn-icon-custom-remove'],\n  Task: [\n    'bpmn-icon-custom-task-documentation',\n    'bpmn-icon-custom-task-settings',\n    'bpmn-icon-custom-remove'\n  ]\n}\n\nconst App: FC = () => {\n  const modelerRef = useRef<BpmnModelerType>()\n  const [model, setModel] = useState<JSX.Element>()\n  const [bpmnStringFile, setBpmnStringFile] = useState('')\n\n  const onTaskConfigurationClick = (event: CustomEvent): void => alert(JSON.stringify(event.detail))\n\n  const onTaskDocumentationClick = (event: CustomEvent): void => {\n    // Example of editing properties of an element\n    const elementRegistry = modelerRef.current?.get('elementRegistry')\n    const modeling = modelerRef.current?.get('modeling')\n    const moddle = modelerRef.current?.get('moddle')\n    const element = elementRegistry.get(event.detail.id)\n    const newText = 'Documentation text'\n    const documentation = moddle.create('bpmn:Documentation', { text: newText })\n    modeling.updateProperties(element, { documentation: [documentation] })\n  }\n  const onRemoveClick = (event: CustomEvent): void => {\n    // Example of remove shape confirmation\n    const deleteIt = window.confirm('Are you sure to delete the element?')\n    if (deleteIt) {\n      const elementRegistry = modelerRef.current?.get('elementRegistry')\n      const modeling = modelerRef.current?.get('modeling')\n      const element = elementRegistry.get(event.detail.id)\n      modeling.removeShape(element)\n    }\n  }\n\n  const onElementChange = (xml: string): void => alert(xml)\n\n  const onSequenceFlowConfigurationClick = (event: CustomEvent): void => {\n    // Example of creating conditionExpression of a gateway element\n    const elementRegistry = modelerRef.current?.get('elementRegistry')\n    const modeling = modelerRef.current?.get('modeling')\n    const moddle = modelerRef.current?.get('moddle')\n    const element = elementRegistry.get(event.detail.id)\n\n    if (element.businessObject.sourceRef.$type.toLowerCase().includes('gateway')) {\n      const sequenceFlowElement = elementRegistry.get(element.businessObject.id)\n      const sequenceFlow = sequenceFlowElement.businessObject\n      const newFormalCondition = `$\\{true}`\n      const newConditionName = 'Yes'\n      const newCondition = moddle.create('bpmn:FormalExpression', {\n        body: newFormalCondition\n      })\n      sequenceFlow.conditionExpression = newCondition\n      modeling.updateProperties(sequenceFlowElement, {\n        name: newConditionName,\n        conditionExpression: newCondition\n      })\n    }\n  }\n\n  const updateCurrentShapeId = (elementId: string): void => {\n    // Example of changing the Id of an element and its references.\n    const elementRegistry = modelerRef.current?.get('elementRegistry')\n    const modeling = modelerRef.current?.get('modeling')\n    const element = elementRegistry.get(elementId)\n    modeling.updateProperties(element, { id: `${elementId}_customId` })\n  }\n\n  const onRootShapeUpdate = (id: string, type: string): void =>\n    alert(`${id} ${type} root shape updated!`)\n\n  const onError = (error: Error): void => alert(error)\n\n  const setModeler = useCallback(\n    (): JSX.Element => (\n      <Bpmn\n        modelerRef={modelerRef}\n        bpmnJsModeler={BpmnModeler}\n        moddleExtensions={{\n          camunda: camundaModdleDescriptor\n        }}\n        bpmnStringFile={bpmnStringFile}\n        modelerInnerHeight={window.innerHeight}\n        defaultStrokeColor={'#5F84CF'}\n        elementClassesToRemove={elementClassesToRemove}\n        customPadEntries={customPadEntries}\n        // It is executed by clicking the \"Task configuration\" button on the side pad of the Task element.\n        onTaskConfigurationClick={onTaskConfigurationClick}\n        // It is executed by clicking the \"Task documentation\" button on the side pad of the Task element.\n        onTaskDocumentationClick={onTaskDocumentationClick}\n        // It is executed by clicking the \"Sequence Flow configuration\" button on the side pad of the Task element.\n        onSequenceFlowConfigurationClick={onSequenceFlowConfigurationClick}\n        // It is executed by clicking the \"Remove\" button on the side pad of the Task element.\n        onRemoveClick={onRemoveClick}\n        // It is executed when listening to the event \"elements.changed\",\n        // it returns the xml file generated by the bpmn modeler after a change of any element of the diagram.\n        onElementChange={onElementChange}\n        // It is executed when listening to the event \"commandStack.shape.create.postExecuted\",\n        // returns the Id of the created element\n        onShapeCreate={updateCurrentShapeId}\n        // It is executed when listening to the event \"commandStack.canvas.updateRoot.postExecute\",\n        // returns the Id and type of the root shape\n        onRootShapeUpdate={onRootShapeUpdate}\n        onError={onError}\n      />\n    ),\n    [bpmnStringFile]\n  )\n\n  useEffect(() => {\n    setBpmnStringFile(getBpmnFile())\n  }, [setBpmnStringFile])\n\n  useEffect(() => {\n    if (bpmnStringFile && !model) {\n      setModel(setModeler)\n    }\n  }, [bpmnStringFile, model, setModeler])\n\n  return <>{model}</>\n}\n\nexport default App\n\n```\n\n## Params ##\n\n* **modelerRef:** It's the reference to the \"div\" of the \"container\" of the bpmn modeler. **\\***\n\n* **bpmnStringFile:** A .bpmn file in text string, if not provided an empty .bpmn file will be generated. **\\***\n\n* **bpmnJsModeler:** Module ```BpmnModeler``` is imported globally from ```'bpmn-js/lib/Modeler'```.\n\n* **moddleExtensions:** Any Module of bpmn-moddle is imported globally like ```'camunda-bpmn-moddle/resources/camunda'```.\n\n* **modelerInnerHeight:** Window height setting, if not provided, takes the size of the current window by default.\n\n* **actionButtonClassName:** React className of action button.\n\n* **zStep:** Number of zoom step of zoom in/out action button.\n\n* **defaultStrokeColor:** Default color of stroke shape elements, accepts definition of css colors in a text string.\n\n* **showPropertiesPanel:** If the value is *true* the icon is shown to open the properties panel, otherwise the button and the panel will not be visible.\n\n* **elementClassesToRemove:** Item classes to remove from the item popup panel.\n\nexist\n\n```typescript\nconst customPadClassNames = [\n  'bpmn-icon-custom-task-settings',\n  'bpmn-icon-custom-task-documentation',\n  'bpmn-icon-custom-sequence-flow-configuration'\n]\n```\n\n* **customPadEntries:** Item html-css classes of icon to remove from the item lateral pad.\n\n* **onElementChange:** A function that runs every time a bpmn modeler element changes, accepts as a parameter a variable that contains the exported file in a text string.\n\n* **onTaskConfigurationClick:** It is a function that is executed when you click on the gear icon in the side pad of a task element, it accepts a function that receives as event parameter of the selected element.\n\n*event.detail* returns\n\n```typescript\n{\n  id: string\n  $type: string\n  $parent: {\n    id: string\n    $type: string\n  }\n}\n```\n\n* **onTaskDocumentationClick:** It is a function that is executed when you click on the *document* icon in the side pad of a task element, it accepts a function that receives as event parameter of the selected element.\n\n*event.detail* returns\n\n```typescript\n{\n  id: string\n  $type: string\n  $parent: {\n    id: string\n    $type: string\n  }\n}\n```\n\n* **onSequenceFlowConfigurationClick** It is a function that is executed when you click on the *gear* icon in the side pad of a task element, it accepts a function that receives as event parameter of the selected element.\n\n*event.detail* returns\n\n```typescript\n{\n  id: string\n  $type: string\n  $parent: {\n    id: string\n    $type: string\n  }\n}\n```\n\n* **onRemoveClick** It is a function that is executed when you click on the *trash* icon in the side pad of a task element, it accepts a function that receives as event parameter of the selected element.\n\n*event.detail* returns\n\n```typescript\n{\n  id: string\n  $type: string\n}\n```\n\n* **onRootShapeUpdate** It is a function that is executed when a Pool/Participant is created or deleted.\n\n*event.detail* returns\n\n```typescript\nid: string\ntype: string\n```\n\n* **onError:** It is executed in case of error, it accepts a function that receives the error as a parameter. **\\***\n\n*Required params*  *\n","_id":"@arkondata/react-bpmn-modeler@0.1.24-beta.12","dist":{"shasum":"54a7257bdfd382e1dbfeb56d250e6abf1f510472","integrity":"sha512-/3sFxOb1jGVzAlC1Rf277KgXr5J9iCJQjdAdeGnmXFdrBBosLIBe+klyIZfyPKx/VtiESlDAcG4mtWYL6GznIA==","tarball":"https://registry.npmjs.org/@arkondata/react-bpmn-modeler/-/react-bpmn-modeler-0.1.24-beta.12.tgz","fileCount":150,"unpackedSize":595317,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfB5T3CRA9TVsSAnZWagAAMGMQAI/IdbiUPEtj1ze32kme\ndnGp5ofPXZIAaKhzHeUufzs2xzBlbL8HQ56n1xFBxUWk+xm3vSNfkLHMhJR/\nybxD4HvvUiV1ieGBUOKqzJOxGb/6V2UAwDQlwQJoCAjiE1UZT98NuyDjmDww\nReaZ8R0hxgJHZQclV/uVtG02INa+dBMjbA1p/htJVUIfWqO2sdd7P2I7OpdS\nm4Q/xonJRMlflz4DzXXLs90ax5RUKRg6N0/QLw9xtH2r9yskXebu2s6FE/Vx\ndryzsqW32DFoY+4+e5q/OvBrugDCtxTAA7G5f1G9owr8kaGPhRv0Hxtyw6P5\nEP3E1DoU3ZarRyNlpQ9/FrR7u1Wr15n5AzeH5UzssdwETvues0E6E/wYwUnq\nFGzPSgWrRN+vlXG1Z8aCq40BsNoqVH7rbOP+OYupJBeIWjLEw5FY5r6MAVLa\npD/ztnUO5pM5EiwlSaEbLrq34CqaIN9oLQXH5CdRDEZgFSrqVaVxK/9Fiatx\nowIOLAnD1/dF3fjGVQktxqLWnsBi0jFa4cYqUCPi3UADX1IvXR6k5pH5n0E2\nbGKaZ5+ntchEswBi0/agN5KeBztG7+kIcPd7sDR+eb31lbzjrxzohFrXQ8Eg\nbjZOyah3bmhxoJndmevBPgzng6+CTWdWTM+xjvEXbSuksVUvpunoAsyutgCQ\no/7v\r\n=Vhvo\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBpEGh+6nD9/mYWkqzEmGjXcwwiQNvIW+X1jKpV65WDsAiEA00lDBsdEPTFnEhzLUdFNhZqFOmoYDmxiKE/H3r4kJRU="}]},"maintainers":[{"name":"javiermolina","email":"ing.molina.h@gmail.com"},{"name":"juananto11","email":"juananto11@hotmail.com"},{"name":"rreyes24","email":"rreyesvar@gmail.com"},{"name":"services_arkondata","email":"services@arkondata.com"}],"_npmUser":{"name":"javiermolina","email":"ing.molina.h@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-bpmn-modeler_0.1.24-beta.12_1594332407183_0.328725467543433"},"_hasShrinkwrap":false},"0.1.24-beta.13":{"name":"@arkondata/react-bpmn-modeler","version":"0.1.24-beta.13","private":false,"author":{"name":"JavierMolina"},"license":"MIT","description":"React bpmn modeler","repository":{"type":"git","url":"git+https://github.com/Grupo-Abraxas/react-bpmn-modeler.git"},"keywords":["react-bpmn-modeler"],"bugs":{"url":"https://github.com/Grupo-Abraxas/react-bpmn-modeler/issues"},"homepage":"https://www.arkondata.com/","main":"lib/index.js","types":"lib","scripts":{"build:css":"rm -rf ./lib/ && node-sass src/ -o src/","build:styles":"mkdir -p lib/styles && cp -r src/styles lib/","build:font":"mkdir -p lib/bpmn-font && cp -r src/bpmn-font lib/","watch:css":"yarn build:css && node-sass src/ -o src/ -w -r","start:js":"react-scripts start","start":"npm-run-all -p watch:css start:js","build:js":"tsc -p .","build":"npm-run-all build:*","test":"react-scripts test","eject":"react-scripts eject","docker:build":"docker build -t react-bpmn-modeler_img .","docker:run":"docker run -d -p 80:80 --name react-bpmn-modeler react-bpmn-modeler_img","docker:stop":"docker rm -f react-bpmn-modeler"},"pearDependencies":{"react":"<=16.0.0"},"dependencies":{"@testing-library/jest-dom":"^5.11.0","@testing-library/react":"^10.4.4","@testing-library/user-event":"^12.0.11","bpmn-js":"^6.4.2","bpmn-js-properties-panel":"^0.33.2","camunda-bpmn-moddle":"^4.4.0","css-loader":"^3.5.2","diagram-js-minimap":"^2.0.3","min-dash":"^3.5.2","node-sass":"^4.14.1","react":"^16.13.1","react-dom":"^16.13.1","react-full-screen":"^0.2.4","react-scripts":"3.4.1","style-loader":"^1.1.4","yarn-run-all":"^3.1.1"},"devDependencies":{"@types/jest":"^26.0.4","@types/node":"^14.0.1","@types/node-sass":"^4.11.1","@types/react":"^16.9.35","@types/react-dom":"^16.9.8","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","eslint-config-import":"^0.13.0","eslint-config-prettier":"^6.11.0","eslint-plugin-import":"^2.20.2","eslint-plugin-prettier":"^3.1.3","eslint-plugin-react":"^7.20.0","eslint-plugin-react-hooks":"^4.0.2","eslint-plugin-simple-import-sort":"^5.0.3","husky":"^4.2.5","lint-staged":"^10.2.2","prettier":"^2.0.5","typescript":"^3.8.3"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"lint-staged":{"src/**/*.{js,jsx,ts,tsx}":["eslint --fix","prettier --write"],"src/**/*.{css,scss,md,json}":["prettier --write"]},"husky":{"hooks":{"pre-commit":"lint-staged"}},"readmeFilename":"README.md","readme":"# react-bpmn-modeler #\n\nReact bpmn modeler (Beta)\n\n## How to install ##\n\nWith npm\n\n```bash\nnpm install @arkondata/react-bpmn-modeler\n```\n\nWith yarn\n\n```bash\nyarn add @arkondata/react-bpmn-modeler\n```\n\n## How to use ##\n\nWith React Typescript\n\n```tsx\nimport React, { FC, useRef, useState, useCallback, useEffect } from 'react'\n\nimport BpmnModeler from 'bpmn-js/lib/Modeler'\nimport camundaModdleDescriptor from 'camunda-bpmn-moddle/resources/camunda'\n\nimport { Bpmn } from '@arkondata/react-bpmn-modeler/lib/components'\nimport { BpmnModelerType, PadEntriesType } from '@arkondata/react-bpmn-modeler/lib/components/types'\n\n//load bpmnStringFile from anywere\nconst getBpmnFile = (): string => `<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<bpmn:definitions xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xmlns:bpmn=\"http://www.omg.org/spec/BPMN/20100524/MODEL\" xmlns:bpmndi=\"http://www.omg.org/spec/BPMN/20100524/DI\" xmlns:dc=\"http://www.omg.org/spec/DD/20100524/DC\" xmlns:di=\"http://www.omg.org/spec/DD/20100524/DI\" id=\"Definitions_1\" targetNamespace=\"http://bpmn.io/schema/bpmn\">\n  <bpmn:collaboration id=\"Collaboration_0nai2jf\">\n    <bpmn:participant id=\"Participant_0n01i1w\" processRef=\"Process_1\" />\n  </bpmn:collaboration>\n  <bpmn:process id=\"Process_1\" isExecutable=\"false\">\n    <bpmn:startEvent id=\"Event_0sd8xgt\" name=\"Start\">\n      <bpmn:outgoing>Flow_094auwy</bpmn:outgoing>\n    </bpmn:startEvent>\n    <bpmn:task id=\"Activity_02384jl\" name=\"Example task label\">\n      <bpmn:incoming>Flow_094auwy</bpmn:incoming>\n    </bpmn:task>\n    <bpmn:sequenceFlow id=\"Flow_094auwy\" sourceRef=\"Event_0sd8xgt\" targetRef=\"Activity_02384jl\" />\n  </bpmn:process>\n  <bpmndi:BPMNDiagram id=\"BPMNDiagram_1\">\n    <bpmndi:BPMNPlane id=\"BPMNPlane_1\" bpmnElement=\"Collaboration_0nai2jf\">\n      <bpmndi:BPMNShape id=\"Participant_0n01i1w_di\" bpmnElement=\"Participant_0n01i1w\" isHorizontal=\"true\">\n        <dc:Bounds x=\"-400\" y=\"-320\" width=\"600\" height=\"250\" />\n      </bpmndi:BPMNShape>\n      <bpmndi:BPMNEdge id=\"Flow_094auwy_di\" bpmnElement=\"Flow_094auwy\">\n        <di:waypoint x=\"-282\" y=\"-210\" />\n        <di:waypoint x=\"-230\" y=\"-210\" />\n      </bpmndi:BPMNEdge>\n      <bpmndi:BPMNShape id=\"Event_0sd8xgt_di\" bpmnElement=\"Event_0sd8xgt\">\n        <dc:Bounds x=\"-318\" y=\"-228\" width=\"36\" height=\"36\" />\n        <bpmndi:BPMNLabel>\n          <dc:Bounds x=\"-312\" y=\"-185\" width=\"24\" height=\"14\" />\n        </bpmndi:BPMNLabel>\n      </bpmndi:BPMNShape>\n      <bpmndi:BPMNShape id=\"Activity_02384jl_di\" bpmnElement=\"Activity_02384jl\">\n        <dc:Bounds x=\"-230\" y=\"-250\" width=\"100\" height=\"80\" />\n      </bpmndi:BPMNShape>\n    </bpmndi:BPMNPlane>\n  </bpmndi:BPMNDiagram>\n</bpmn:definitions>`\n\n// Item classes to remove from the item popup panel\nexport const elementClassesToRemove = [\n  'bpmn-icon-subprocess-collapsed',\n  'bpmn-icon-subprocess-expanded',\n  'bpmn-icon-business-rule',\n  'bpmn-icon-service',\n  'bpmn-icon-start-event-condition',\n  'bpmn-icon-start-event-signal',\n  'bpmn-icon-data-object',\n  'bpmn-icon-data-store'\n]\n\n// Item classes to remove from the item lateral pad\nexport const customPadEntries: PadEntriesType = {\n  StartEvent: ['bpmn-icon-custom-remove'],\n  IntermediateThrowEvent: ['bpmn-icon-custom-remove'],\n  IntermediateCatchEvent: ['bpmn-icon-custom-remove'],\n  EndEvent: ['bpmn-icon-custom-remove'],\n  CallActivity: ['bpmn-icon-custom-remove'],\n  SubProcess: ['bpmn-icon-custom-remove'],\n  Gateway: ['bpmn-icon-custom-remove'],\n  SequenceFlow: ['bpmn-icon-custom-sequence-flow-configuration', 'bpmn-icon-custom-remove'],\n  TextAnnotation: ['bpmn-icon-custom-remove'],\n  Participant: ['bpmn-icon-custom-remove'],\n  Lane: ['bpmn-icon-custom-remove'],\n  DataStoreReference: ['bpmn-icon-custom-remove'],\n  DataObjectReference: ['bpmn-icon-custom-remove'],\n  label: ['bpmn-icon-custom-remove'],\n  Association: ['bpmn-icon-custom-remove'],\n  Group: ['bpmn-icon-custom-remove'],\n  Task: [\n    'bpmn-icon-custom-task-documentation',\n    'bpmn-icon-custom-task-settings',\n    'bpmn-icon-custom-remove'\n  ]\n}\n\nconst App: FC = () => {\n  const modelerRef = useRef<BpmnModelerType>()\n  const [model, setModel] = useState<JSX.Element>()\n  const [bpmnStringFile, setBpmnStringFile] = useState('')\n\n  const onTaskConfigurationClick = (event: CustomEvent): void => alert(JSON.stringify(event.detail))\n\n  const onTaskDocumentationClick = (event: CustomEvent): void => {\n    // Example of editing properties of an element\n    const elementRegistry = modelerRef.current?.get('elementRegistry')\n    const modeling = modelerRef.current?.get('modeling')\n    const moddle = modelerRef.current?.get('moddle')\n    const element = elementRegistry.get(event.detail.id)\n    const newText = 'Documentation text'\n    const documentation = moddle.create('bpmn:Documentation', { text: newText })\n    modeling.updateProperties(element, { documentation: [documentation] })\n  }\n  const onRemoveClick = (event: CustomEvent): void => {\n    // Example of remove shape confirmation\n    const deleteIt = window.confirm('Are you sure to delete the element?')\n    if (deleteIt) {\n      const elementRegistry = modelerRef.current?.get('elementRegistry')\n      const modeling = modelerRef.current?.get('modeling')\n      const element = elementRegistry.get(event.detail.id)\n      modeling.removeShape(element)\n    }\n  }\n\n  const onElementChange = (xml: string): void => alert(xml)\n\n  const onSequenceFlowConfigurationClick = (event: CustomEvent): void => {\n    // Example of creating conditionExpression of a gateway element\n    const elementRegistry = modelerRef.current?.get('elementRegistry')\n    const modeling = modelerRef.current?.get('modeling')\n    const moddle = modelerRef.current?.get('moddle')\n    const element = elementRegistry.get(event.detail.id)\n\n    if (element.businessObject.sourceRef.$type.toLowerCase().includes('gateway')) {\n      const sequenceFlowElement = elementRegistry.get(element.businessObject.id)\n      const sequenceFlow = sequenceFlowElement.businessObject\n      const newFormalCondition = `$\\{true}`\n      const newConditionName = 'Yes'\n      const newCondition = moddle.create('bpmn:FormalExpression', {\n        body: newFormalCondition\n      })\n      sequenceFlow.conditionExpression = newCondition\n      modeling.updateProperties(sequenceFlowElement, {\n        name: newConditionName,\n        conditionExpression: newCondition\n      })\n    }\n  }\n\n  const updateCurrentShapeId = (elementId: string): void => {\n    // Example of changing the Id of an element and its references.\n    const elementRegistry = modelerRef.current?.get('elementRegistry')\n    const modeling = modelerRef.current?.get('modeling')\n    const element = elementRegistry.get(elementId)\n    modeling.updateProperties(element, { id: `${elementId}_customId` })\n  }\n\n  const onRootShapeUpdate = (id: string, type: string): void =>\n    alert(`${id} ${type} root shape updated!`)\n\n  const onError = (error: Error): void => alert(error)\n\n  const setModeler = useCallback(\n    (): JSX.Element => (\n      <Bpmn\n        modelerRef={modelerRef}\n        bpmnJsModeler={BpmnModeler}\n        moddleExtensions={{\n          camunda: camundaModdleDescriptor\n        }}\n        bpmnStringFile={bpmnStringFile}\n        modelerInnerHeight={window.innerHeight}\n        defaultStrokeColor={'#5F84CF'}\n        elementClassesToRemove={elementClassesToRemove}\n        customPadEntries={customPadEntries}\n        // It is executed by clicking the \"Task configuration\" button on the side pad of the Task element.\n        onTaskConfigurationClick={onTaskConfigurationClick}\n        // It is executed by clicking the \"Task documentation\" button on the side pad of the Task element.\n        onTaskDocumentationClick={onTaskDocumentationClick}\n        // It is executed by clicking the \"Sequence Flow configuration\" button on the side pad of the Task element.\n        onSequenceFlowConfigurationClick={onSequenceFlowConfigurationClick}\n        // It is executed by clicking the \"Remove\" button on the side pad of the Task element.\n        onRemoveClick={onRemoveClick}\n        // It is executed when listening to the event \"elements.changed\",\n        // it returns the xml file generated by the bpmn modeler after a change of any element of the diagram.\n        onElementChange={onElementChange}\n        // It is executed when listening to the event \"commandStack.shape.create.postExecuted\",\n        // returns the Id of the created element\n        onShapeCreate={updateCurrentShapeId}\n        // It is executed when listening to the event \"commandStack.canvas.updateRoot.postExecute\",\n        // returns the Id and type of the root shape\n        onRootShapeUpdate={onRootShapeUpdate}\n        onError={onError}\n      />\n    ),\n    [bpmnStringFile]\n  )\n\n  useEffect(() => {\n    setBpmnStringFile(getBpmnFile())\n  }, [setBpmnStringFile])\n\n  useEffect(() => {\n    if (bpmnStringFile && !model) {\n      setModel(setModeler)\n    }\n  }, [bpmnStringFile, model, setModeler])\n\n  return <>{model}</>\n}\n\nexport default App\n\n```\n\n## Params ##\n\n* **modelerRef:** It's the reference to the \"div\" of the \"container\" of the bpmn modeler. **\\***\n\n* **bpmnStringFile:** A .bpmn file in text string, if not provided an empty .bpmn file will be generated. **\\***\n\n* **bpmnJsModeler:** Module ```BpmnModeler``` is imported globally from ```'bpmn-js/lib/Modeler'```.\n\n* **moddleExtensions:** Any Module of bpmn-moddle is imported globally like ```'camunda-bpmn-moddle/resources/camunda'```.\n\n* **modelerInnerHeight:** Window height setting, if not provided, takes the size of the current window by default.\n\n* **actionButtonClassName:** React className of action button.\n\n* **zStep:** Number of zoom step of zoom in/out action button.\n\n* **defaultStrokeColor:** Default color of stroke shape elements, accepts definition of css colors in a text string.\n\n* **showPropertiesPanel:** If the value is *true* the icon is shown to open the properties panel, otherwise the button and the panel will not be visible.\n\n* **elementClassesToRemove:** Item classes to remove from the item popup panel.\n\nexist\n\n```typescript\nconst customPadClassNames = [\n  'bpmn-icon-custom-task-settings',\n  'bpmn-icon-custom-task-documentation',\n  'bpmn-icon-custom-sequence-flow-configuration'\n]\n```\n\n* **customPadEntries:** Item html-css classes of icon to remove from the item lateral pad.\n\n* **onElementChange:** A function that runs every time a bpmn modeler element changes, accepts as a parameter a variable that contains the exported file in a text string.\n\n* **onTaskConfigurationClick:** It is a function that is executed when you click on the gear icon in the side pad of a task element, it accepts a function that receives as event parameter of the selected element.\n\n*event.detail* returns\n\n```typescript\n{\n  id: string\n  $type: string\n  $parent: {\n    id: string\n    $type: string\n  }\n}\n```\n\n* **onTaskDocumentationClick:** It is a function that is executed when you click on the *document* icon in the side pad of a task element, it accepts a function that receives as event parameter of the selected element.\n\n*event.detail* returns\n\n```typescript\n{\n  id: string\n  $type: string\n  $parent: {\n    id: string\n    $type: string\n  }\n}\n```\n\n* **onSequenceFlowConfigurationClick** It is a function that is executed when you click on the *gear* icon in the side pad of a task element, it accepts a function that receives as event parameter of the selected element.\n\n*event.detail* returns\n\n```typescript\n{\n  id: string\n  $type: string\n  $parent: {\n    id: string\n    $type: string\n  }\n}\n```\n\n* **onRemoveClick** It is a function that is executed when you click on the *trash* icon in the side pad of a task element, it accepts a function that receives as event parameter of the selected element.\n\n*event.detail* returns\n\n```typescript\n{\n  id: string\n  $type: string\n}\n```\n\n* **onRootShapeUpdate** It is a function that is executed when a Pool/Participant is created or deleted.\n\n*event.detail* returns\n\n```typescript\nid: string\ntype: string\n```\n\n* **onError:** It is executed in case of error, it accepts a function that receives the error as a parameter. **\\***\n\n*Required params*  *\n","_id":"@arkondata/react-bpmn-modeler@0.1.24-beta.13","dist":{"shasum":"c5ea00a807e4cb360dc2ca68e616e01a8c7d64a1","integrity":"sha512-M3GdN914SkWYj/7+WSW0jMjFdYlNSsNeOAOxQbr7BuGfpAwwhK5LPs/KEdo9QDOY2VLUz0n6bWzCpET9KJ+tKw==","tarball":"https://registry.npmjs.org/@arkondata/react-bpmn-modeler/-/react-bpmn-modeler-0.1.24-beta.13.tgz","fileCount":150,"unpackedSize":595580,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfB7BRCRA9TVsSAnZWagAACSkP/2boOBzWsktke5q6rJNo\nFFKrSwh5GH93DTxOf8ngkzS3T6N8khq/zUxX7qlW+qcJvUZwbqDNxodEfKmQ\njiFz8ojShdZZIr2u+xG1ZLJpDBqOHxytJoo5YRorK7/OxDVVEfo2+tUzaQXX\ndwSqbPAVmWaYkD5stoNpo8N8HhlA/ZDdH+R868TYqQYQUICVGdaiyHyWZDwv\neMoKSbUsQR66HQl2gLGcTMSEG/RVjoZ69rBJ1aN5bvR4osH7M7GDvXOakIyw\n+dbucNYBe7+xArF8OXUrWGT2zRo72DJjES///1MsYa2ZObQXjnv5KUVwjfTD\nwrKhF1lXJgR4adBEVnwGtmvQLjY1dkoKk4M8WgwPS9khGy8/4gp2WuUaOZe9\nqUEkfIBm9hNr79bjYzxW+nrg5svTwYo5OFl0rZfbM0tEVfD5/VucK15yMrB5\nkg5XwdTX3Zlwhc9Lupl1K+kJOC5nK2Kbnf834EbJ7BQjaHdNXuJ1o7lYG2Dk\nnJEBoFL2ix1yTItnFgMVJ6TH9C2pA+rpSAM7uo6FyH6IEsS25qW3NE67vw9M\nKHfgQe9LVANqtQN6ENebxX4wC6uU40r7WUEHg/hGYDrG2fBY4oYXzeaSbfIM\nA5NMGkf5xyUJy5vQFZAo9dfyKHlDAIPP/3T+luZ0gwx8h0WfHasMjIIrJ1d5\n+vjI\r\n=uFnS\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCyqWrYEuxKXAQLU1VlGWau3VZLcTCLUifxQIzVzHxESgIhAI9lusq745zpXU295PEgSrcUPjHszLeekWhR8oUQGeM/"}]},"maintainers":[{"name":"javiermolina","email":"ing.molina.h@gmail.com"},{"name":"juananto11","email":"juananto11@hotmail.com"},{"name":"rreyes24","email":"rreyesvar@gmail.com"},{"name":"services_arkondata","email":"services@arkondata.com"}],"_npmUser":{"name":"javiermolina","email":"ing.molina.h@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-bpmn-modeler_0.1.24-beta.13_1594339408334_0.7831123506280258"},"_hasShrinkwrap":false},"0.1.24-beta.14":{"name":"@arkondata/react-bpmn-modeler","version":"0.1.24-beta.14","private":false,"author":{"name":"JavierMolina"},"license":"MIT","description":"React bpmn modeler","repository":{"type":"git","url":"git+https://github.com/Grupo-Abraxas/react-bpmn-modeler.git"},"keywords":["react-bpmn-modeler"],"bugs":{"url":"https://github.com/Grupo-Abraxas/react-bpmn-modeler/issues"},"homepage":"https://www.arkondata.com/","main":"lib/index.js","types":"lib","scripts":{"build:css":"rm -rf ./lib/ && node-sass src/ -o src/","build:styles":"mkdir -p lib/styles && cp -r src/styles lib/","build:font":"mkdir -p lib/bpmn-font && cp -r src/bpmn-font lib/","watch:css":"yarn build:css && node-sass src/ -o src/ -w -r","start:js":"react-scripts start","start":"npm-run-all -p watch:css start:js","build:js":"tsc -p .","build":"npm-run-all build:*","test":"react-scripts test","eject":"react-scripts eject","docker:build":"docker build -t react-bpmn-modeler_img .","docker:run":"docker run -d -p 80:80 --name react-bpmn-modeler react-bpmn-modeler_img","docker:stop":"docker rm -f react-bpmn-modeler"},"pearDependencies":{"react":"<=16.0.0"},"dependencies":{"@testing-library/jest-dom":"^5.11.0","@testing-library/react":"^10.4.4","@testing-library/user-event":"^12.0.11","@types/uuid":"^8.0.0","bpmn-js":"^6.4.2","bpmn-js-properties-panel":"^0.33.2","camunda-bpmn-moddle":"^4.4.0","css-loader":"^3.5.2","diagram-js-minimap":"^2.0.3","min-dash":"^3.5.2","node-sass":"^4.14.1","react":"^16.13.1","react-dom":"^16.13.1","react-full-screen":"^0.2.4","react-scripts":"3.4.1","style-loader":"^1.1.4","uuid":"^8.2.0","yarn-run-all":"^3.1.1"},"devDependencies":{"@types/jest":"^26.0.4","@types/node":"^14.0.1","@types/node-sass":"^4.11.1","@types/react":"^16.9.35","@types/react-dom":"^16.9.8","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","eslint-config-import":"^0.13.0","eslint-config-prettier":"^6.11.0","eslint-plugin-import":"^2.20.2","eslint-plugin-prettier":"^3.1.3","eslint-plugin-react":"^7.20.0","eslint-plugin-react-hooks":"^4.0.2","eslint-plugin-simple-import-sort":"^5.0.3","husky":"^4.2.5","lint-staged":"^10.2.2","prettier":"^2.0.5","typescript":"^3.8.3"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"lint-staged":{"src/**/*.{js,jsx,ts,tsx}":["eslint --fix","prettier --write"],"src/**/*.{css,scss,md,json}":["prettier --write"]},"husky":{"hooks":{"pre-commit":"lint-staged"}},"readmeFilename":"README.md","readme":"# react-bpmn-modeler #\n\nReact bpmn modeler (Beta)\n\n## How to install ##\n\nWith npm\n\n```bash\nnpm install @arkondata/react-bpmn-modeler\n```\n\nWith yarn\n\n```bash\nyarn add @arkondata/react-bpmn-modeler\n```\n\n## How to use ##\n\nWith React Typescript\n\n```tsx\nimport React, { FC, useRef, useState, useCallback, useEffect } from 'react'\n\nimport BpmnModeler from 'bpmn-js/lib/Modeler'\nimport camundaModdleDescriptor from 'camunda-bpmn-moddle/resources/camunda'\n\nimport { Bpmn } from '@arkondata/react-bpmn-modeler/lib/components'\nimport { BpmnModelerType, PadEntriesType } from '@arkondata/react-bpmn-modeler/lib/components/types'\n\n//load bpmnStringFile from anywere\nconst getBpmnFile = (): string => `<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<bpmn:definitions xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xmlns:bpmn=\"http://www.omg.org/spec/BPMN/20100524/MODEL\" xmlns:bpmndi=\"http://www.omg.org/spec/BPMN/20100524/DI\" xmlns:dc=\"http://www.omg.org/spec/DD/20100524/DC\" xmlns:di=\"http://www.omg.org/spec/DD/20100524/DI\" id=\"Definitions_1\" targetNamespace=\"http://bpmn.io/schema/bpmn\">\n  <bpmn:collaboration id=\"Collaboration_0nai2jf\">\n    <bpmn:participant id=\"Participant_0n01i1w\" processRef=\"Process_1\" />\n  </bpmn:collaboration>\n  <bpmn:process id=\"Process_1\" isExecutable=\"false\">\n    <bpmn:startEvent id=\"Event_0sd8xgt\" name=\"Start\">\n      <bpmn:outgoing>Flow_094auwy</bpmn:outgoing>\n    </bpmn:startEvent>\n    <bpmn:task id=\"Activity_02384jl\" name=\"Example task label\">\n      <bpmn:incoming>Flow_094auwy</bpmn:incoming>\n    </bpmn:task>\n    <bpmn:sequenceFlow id=\"Flow_094auwy\" sourceRef=\"Event_0sd8xgt\" targetRef=\"Activity_02384jl\" />\n  </bpmn:process>\n  <bpmndi:BPMNDiagram id=\"BPMNDiagram_1\">\n    <bpmndi:BPMNPlane id=\"BPMNPlane_1\" bpmnElement=\"Collaboration_0nai2jf\">\n      <bpmndi:BPMNShape id=\"Participant_0n01i1w_di\" bpmnElement=\"Participant_0n01i1w\" isHorizontal=\"true\">\n        <dc:Bounds x=\"-400\" y=\"-320\" width=\"600\" height=\"250\" />\n      </bpmndi:BPMNShape>\n      <bpmndi:BPMNEdge id=\"Flow_094auwy_di\" bpmnElement=\"Flow_094auwy\">\n        <di:waypoint x=\"-282\" y=\"-210\" />\n        <di:waypoint x=\"-230\" y=\"-210\" />\n      </bpmndi:BPMNEdge>\n      <bpmndi:BPMNShape id=\"Event_0sd8xgt_di\" bpmnElement=\"Event_0sd8xgt\">\n        <dc:Bounds x=\"-318\" y=\"-228\" width=\"36\" height=\"36\" />\n        <bpmndi:BPMNLabel>\n          <dc:Bounds x=\"-312\" y=\"-185\" width=\"24\" height=\"14\" />\n        </bpmndi:BPMNLabel>\n      </bpmndi:BPMNShape>\n      <bpmndi:BPMNShape id=\"Activity_02384jl_di\" bpmnElement=\"Activity_02384jl\">\n        <dc:Bounds x=\"-230\" y=\"-250\" width=\"100\" height=\"80\" />\n      </bpmndi:BPMNShape>\n    </bpmndi:BPMNPlane>\n  </bpmndi:BPMNDiagram>\n</bpmn:definitions>`\n\n// Item classes to remove from the item popup panel\nexport const elementClassesToRemove = [\n  'bpmn-icon-subprocess-collapsed',\n  'bpmn-icon-subprocess-expanded',\n  'bpmn-icon-business-rule',\n  'bpmn-icon-service',\n  'bpmn-icon-start-event-condition',\n  'bpmn-icon-start-event-signal',\n  'bpmn-icon-data-object',\n  'bpmn-icon-data-store'\n]\n\n// Item classes to remove from the item lateral pad\nexport const customPadEntries: PadEntriesType = {\n  StartEvent: ['bpmn-icon-custom-remove'],\n  IntermediateThrowEvent: ['bpmn-icon-custom-remove'],\n  IntermediateCatchEvent: ['bpmn-icon-custom-remove'],\n  EndEvent: ['bpmn-icon-custom-remove'],\n  CallActivity: ['bpmn-icon-custom-remove'],\n  SubProcess: ['bpmn-icon-custom-remove'],\n  Gateway: ['bpmn-icon-custom-remove'],\n  SequenceFlow: ['bpmn-icon-custom-sequence-flow-configuration', 'bpmn-icon-custom-remove'],\n  TextAnnotation: ['bpmn-icon-custom-remove'],\n  Participant: ['bpmn-icon-custom-remove'],\n  Lane: ['bpmn-icon-custom-remove'],\n  DataStoreReference: ['bpmn-icon-custom-remove'],\n  DataObjectReference: ['bpmn-icon-custom-remove'],\n  label: ['bpmn-icon-custom-remove'],\n  Association: ['bpmn-icon-custom-remove'],\n  Group: ['bpmn-icon-custom-remove'],\n  Task: [\n    'bpmn-icon-custom-task-documentation',\n    'bpmn-icon-custom-task-settings',\n    'bpmn-icon-custom-remove'\n  ]\n}\n\nconst App: FC = () => {\n  const modelerRef = useRef<BpmnModelerType>()\n  const [model, setModel] = useState<JSX.Element>()\n  const [bpmnStringFile, setBpmnStringFile] = useState('')\n\n  const onTaskConfigurationClick = (event: CustomEvent): void => alert(JSON.stringify(event.detail))\n\n  const onTaskDocumentationClick = (event: CustomEvent): void => {\n    // Example of editing properties of an element\n    const elementRegistry = modelerRef.current?.get('elementRegistry')\n    const modeling = modelerRef.current?.get('modeling')\n    const moddle = modelerRef.current?.get('moddle')\n    const element = elementRegistry.get(event.detail.id)\n    const newText = 'Documentation text'\n    const documentation = moddle.create('bpmn:Documentation', { text: newText })\n    modeling.updateProperties(element, { documentation: [documentation] })\n  }\n  const onRemoveClick = (event: CustomEvent): void => {\n    // Example of remove shape confirmation\n    const deleteIt = window.confirm('Are you sure to delete the element?')\n    if (deleteIt) {\n      const elementRegistry = modelerRef.current?.get('elementRegistry')\n      const modeling = modelerRef.current?.get('modeling')\n      const element = elementRegistry.get(event.detail.id)\n      modeling.removeShape(element)\n    }\n  }\n\n  const onElementChange = (xml: string): void => alert(xml)\n\n  const onSequenceFlowConfigurationClick = (event: CustomEvent): void => {\n    // Example of creating conditionExpression of a gateway element\n    const elementRegistry = modelerRef.current?.get('elementRegistry')\n    const modeling = modelerRef.current?.get('modeling')\n    const moddle = modelerRef.current?.get('moddle')\n    const element = elementRegistry.get(event.detail.id)\n\n    if (element.businessObject.sourceRef.$type.toLowerCase().includes('gateway')) {\n      const sequenceFlowElement = elementRegistry.get(element.businessObject.id)\n      const sequenceFlow = sequenceFlowElement.businessObject\n      const newFormalCondition = `$\\{true}`\n      const newConditionName = 'Yes'\n      const newCondition = moddle.create('bpmn:FormalExpression', {\n        body: newFormalCondition\n      })\n      sequenceFlow.conditionExpression = newCondition\n      modeling.updateProperties(sequenceFlowElement, {\n        name: newConditionName,\n        conditionExpression: newCondition\n      })\n    }\n  }\n\n  const updateCurrentShapeId = (elementId: string): void => {\n    // Example of changing the Id of an element and its references.\n    const elementRegistry = modelerRef.current?.get('elementRegistry')\n    const modeling = modelerRef.current?.get('modeling')\n    const element = elementRegistry.get(elementId)\n    modeling.updateProperties(element, { id: `${elementId}_customId` })\n  }\n\n  const onRootShapeUpdate = (id: string, type: string): void =>\n    alert(`${id} ${type} root shape updated!`)\n\n  const onError = (error: Error): void => alert(error)\n\n  const setModeler = useCallback(\n    (): JSX.Element => (\n      <Bpmn\n        modelerRef={modelerRef}\n        bpmnJsModeler={BpmnModeler}\n        moddleExtensions={{\n          camunda: camundaModdleDescriptor\n        }}\n        bpmnStringFile={bpmnStringFile}\n        modelerInnerHeight={window.innerHeight}\n        defaultStrokeColor={'#5F84CF'}\n        elementClassesToRemove={elementClassesToRemove}\n        customPadEntries={customPadEntries}\n        // It is executed by clicking the \"Task configuration\" button on the side pad of the Task element.\n        onTaskConfigurationClick={onTaskConfigurationClick}\n        // It is executed by clicking the \"Task documentation\" button on the side pad of the Task element.\n        onTaskDocumentationClick={onTaskDocumentationClick}\n        // It is executed by clicking the \"Sequence Flow configuration\" button on the side pad of the Task element.\n        onSequenceFlowConfigurationClick={onSequenceFlowConfigurationClick}\n        // It is executed by clicking the \"Remove\" button on the side pad of the Task element.\n        onRemoveClick={onRemoveClick}\n        // It is executed when listening to the event \"elements.changed\",\n        // it returns the xml file generated by the bpmn modeler after a change of any element of the diagram.\n        onElementChange={onElementChange}\n        // It is executed when listening to the event \"commandStack.shape.create.postExecuted\",\n        // returns the Id of the created element\n        onShapeCreate={updateCurrentShapeId}\n        // It is executed when listening to the event \"commandStack.canvas.updateRoot.postExecute\",\n        // returns the Id and type of the root shape\n        onRootShapeUpdate={onRootShapeUpdate}\n        onError={onError}\n      />\n    ),\n    [bpmnStringFile]\n  )\n\n  useEffect(() => {\n    setBpmnStringFile(getBpmnFile())\n  }, [setBpmnStringFile])\n\n  useEffect(() => {\n    if (bpmnStringFile && !model) {\n      setModel(setModeler)\n    }\n  }, [bpmnStringFile, model, setModeler])\n\n  return <>{model}</>\n}\n\nexport default App\n\n```\n\n## Params ##\n\n* **modelerRef:** It's the reference to the \"div\" of the \"container\" of the bpmn modeler. **\\***\n\n* **bpmnStringFile:** A .bpmn file in text string, if not provided an empty .bpmn file will be generated. **\\***\n\n* **bpmnJsModeler:** Module ```BpmnModeler``` is imported globally from ```'bpmn-js/lib/Modeler'```.\n\n* **moddleExtensions:** Any Module of bpmn-moddle is imported globally like ```'camunda-bpmn-moddle/resources/camunda'```.\n\n* **modelerInnerHeight:** Window height setting, if not provided, takes the size of the current window by default.\n\n* **actionButtonClassName:** React className of action button.\n\n* **zStep:** Number of zoom step of zoom in/out action button.\n\n* **defaultStrokeColor:** Default color of stroke shape elements, accepts definition of css colors in a text string.\n\n* **showPropertiesPanel:** If the value is *true* the icon is shown to open the properties panel, otherwise the button and the panel will not be visible.\n\n* **elementClassesToRemove:** Item classes to remove from the item popup panel.\n\nexist\n\n```typescript\nconst customPadClassNames = [\n  'bpmn-icon-custom-task-settings',\n  'bpmn-icon-custom-task-documentation',\n  'bpmn-icon-custom-sequence-flow-configuration'\n]\n```\n\n* **customPadEntries:** Item html-css classes of icon to remove from the item lateral pad.\n\n* **onElementChange:** A function that runs every time a bpmn modeler element changes, accepts as a parameter a variable that contains the exported file in a text string.\n\n* **onTaskConfigurationClick:** It is a function that is executed when you click on the gear icon in the side pad of a task element, it accepts a function that receives as event parameter of the selected element.\n\n*event.detail* returns\n\n```typescript\n{\n  id: string\n  $type: string\n  $parent: {\n    id: string\n    $type: string\n  }\n}\n```\n\n* **onTaskDocumentationClick:** It is a function that is executed when you click on the *document* icon in the side pad of a task element, it accepts a function that receives as event parameter of the selected element.\n\n*event.detail* returns\n\n```typescript\n{\n  id: string\n  $type: string\n  $parent: {\n    id: string\n    $type: string\n  }\n}\n```\n\n* **onSequenceFlowConfigurationClick** It is a function that is executed when you click on the *gear* icon in the side pad of a task element, it accepts a function that receives as event parameter of the selected element.\n\n*event.detail* returns\n\n```typescript\n{\n  id: string\n  $type: string\n  $parent: {\n    id: string\n    $type: string\n  }\n}\n```\n\n* **onRemoveClick** It is a function that is executed when you click on the *trash* icon in the side pad of a task element, it accepts a function that receives as event parameter of the selected element.\n\n*event.detail* returns\n\n```typescript\n{\n  id: string\n  $type: string\n}\n```\n\n* **onRootShapeUpdate** It is a function that is executed when a Pool/Participant is created or deleted.\n\n*event.detail* returns\n\n```typescript\nid: string\ntype: string\n```\n\n* **onError:** It is executed in case of error, it accepts a function that receives the error as a parameter. **\\***\n\n*Required params*  *\n","_id":"@arkondata/react-bpmn-modeler@0.1.24-beta.14","dist":{"shasum":"5dcf0f6fb131d166e6958888038ccf12b79b23d7","integrity":"sha512-jet0yLGBcMR2cuxJlKSd+4iN21zMzc7ji+YsdJUka+unMwM2Bh94z03ei1mTBSRXBN+hmR/afXAWJHGj5B6gLQ==","tarball":"https://registry.npmjs.org/@arkondata/react-bpmn-modeler/-/react-bpmn-modeler-0.1.24-beta.14.tgz","fileCount":150,"unpackedSize":608671,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfDifzCRA9TVsSAnZWagAAPBgQAJI6l2MD+85tELtRpseF\nbMfylJ508AR4Ki5C69YjBfPv8H/pjYiMBsqhHvww6UzHw5kTMXVRRs/b33MO\nnAYMlRWrAYFKkMXEyg2eRUmirX/ByufQadstATdSyKhWKBuyaHtpFRZvW0Jf\n4qgSLfmWPx+MzHMnPunP6FivnAFligZ1PsghYsQT+kYioMFxTBiWfLXSPycO\nXz6raWkaP9GH2QpX6+R0cvx7Zi2RxwfVV+iylST+chFRj24+lfZOi7ohm+Zc\nUY7u7Ej420WJtyKLHB2tg0tFj5HJcI0B2J1fCALb/Rgk91KGPQLYQiCtfCPT\n41qFo/ON0gvtnEgVvZzQc2JYp7GRKkedkc/q6OfH5c3el4eKF5D55oBiopqP\nr8nTwPllahJ3m68Sp6txcckmqzA2u55M1plHjumKeEVGQB4LiQuNt8y3fFx5\nS3bQMi/o5WkSBBy277nSuvendY2tpubZ3vYrWuGi+EEcIt2X1H/HyE6/KDsh\nKv9H3L94iJDcn98zfR88PVukjPX4KeNuSCXH1WVez6h6xgBdbxEM1VLwS6cc\nBIf69l14S6gk7rel8Y7WmJEK2XtQqFwJMByJRNySh0wm3Wt2//TTadW/QIlu\nbBN8Dpevv+RwO5N8jAcP1rRplFCHnVLLFUCgrqHCyl6BAW9QFeuKdYah9Gzk\nKiKf\r\n=V0ot\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIC5N7O7qHJxjwdvb2BJOh8Bh2wgDUrTiTe30GLcBwjLrAiEAqPUH/WGL+AotMOerfj/n6zxZCMTroZAAG8Yt5njDaW0="}]},"maintainers":[{"name":"javiermolina","email":"ing.molina.h@gmail.com"},{"name":"juananto11","email":"juananto11@hotmail.com"},{"name":"rreyes24","email":"rreyesvar@gmail.com"},{"name":"services_arkondata","email":"services@arkondata.com"}],"_npmUser":{"name":"javiermolina","email":"ing.molina.h@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-bpmn-modeler_0.1.24-beta.14_1594763251151_0.5560477233614258"},"_hasShrinkwrap":false}},"time":{"created":"2020-05-20T23:29:53.026Z","0.1.0":"2020-05-20T23:29:53.596Z","modified":"2022-04-04T15:32:09.020Z","0.1.1":"2020-05-21T03:09:27.087Z","0.1.2":"2020-05-21T03:40:51.219Z","0.1.3":"2020-05-21T06:21:13.262Z","0.1.4":"2020-05-21T06:41:20.593Z","0.1.5":"2020-05-21T09:58:46.135Z","0.1.6":"2020-05-21T23:26:13.853Z","0.1.7":"2020-05-21T23:30:00.787Z","0.1.8":"2020-05-21T23:43:50.492Z","0.1.9":"2020-05-22T14:56:56.707Z","0.1.10":"2020-05-22T20:08:04.789Z","0.1.11":"2020-05-22T20:59:20.142Z","0.1.12":"2020-05-22T21:10:49.300Z","0.1.13":"2020-05-25T15:41:25.719Z","0.1.14":"2020-05-27T00:01:47.996Z","0.1.15":"2020-05-27T04:18:35.451Z","0.1.16":"2020-05-27T04:25:13.009Z","0.1.17":"2020-05-27T05:08:12.351Z","0.1.18":"2020-05-27T05:59:37.217Z","0.1.19":"2020-05-27T06:27:59.561Z","0.1.20":"2020-06-01T21:09:58.584Z","0.1.21":"2020-06-02T06:45:27.341Z","0.1.22":"2020-06-07T08:30:18.903Z","0.1.23-beta.0":"2020-06-22T06:02:46.811Z","0.1.24-beta.1":"2020-06-25T02:57:18.066Z","0.1.24-beta.2":"2020-06-25T03:13:50.917Z","0.1.24-beta.3":"2020-06-25T03:42:15.363Z","0.1.24-beta.4":"2020-07-06T02:40:49.513Z","0.1.24-beta.5":"2020-07-06T02:54:07.816Z","0.1.24-beta.6":"2020-07-06T02:54:46.369Z","0.1.24-beta.7":"2020-07-06T22:20:45.849Z","0.1.24-beta8":"2020-07-07T03:50:53.978Z","0.1.24-beta.9":"2020-07-07T03:51:27.917Z","0.1.24-beta.10":"2020-07-09T06:07:42.972Z","0.1.24-beta.11":"2020-07-09T21:49:13.997Z","0.1.24-beta.12":"2020-07-09T22:06:47.355Z","0.1.24-beta.13":"2020-07-10T00:03:28.518Z","0.1.24-beta.14":"2020-07-14T21:47:31.321Z"},"maintainers":[{"name":"javiermolina","email":"ing.molina.h@gmail.com"},{"name":"juananto11","email":"juananto11@hotmail.com"},{"name":"rreyes24","email":"rreyesvar@gmail.com"},{"name":"services_arkondata","email":"services@arkondata.com"}],"description":"React bpmn modeler","homepage":"https://www.arkondata.com","keywords":["react-bpmn-modeler"],"repository":{"type":"git","url":"git+https://github.com/Grupo-Abraxas/react-bpmn-modeler.git"},"author":{"name":"JavierMolina"},"bugs":{"url":"https://github.com/Grupo-Abraxas/react-bpmn-modeler/issues"},"license":"MIT","readme":"","readmeFilename":""}