{"_id":"@cmu-eberly-center/eberly-react-library-template","_rev":"2-9cac27dc794c2c1dad3a7e0e64957985","name":"@cmu-eberly-center/eberly-react-library-template","dist-tags":{"latest":"0.1.0"},"versions":{"0.1.0":{"name":"@cmu-eberly-center/eberly-react-library-template","description":"A repo to test CMU Eberly component code and to prepare components for exporting as npm libraries","author":{"name":"mindtoeye"},"keywords":["react","components","ui"],"version":"0.1.0","private":false,"main":"dist/index.js","module":"dist/index.js","typings":"dist/index.d.ts","repository":{"type":"git","url":"git+https://github.com/CMUEberlyCenter/eberly-npm-component-test.git"},"scripts":{"start":"react-scripts start","test":"react-scripts test","sass":"node-sass src/lib/components/styles/main.scss src/App.css -w","build":"rm -rf dist && NODE_ENV=production babel src/lib --out-dir dist --copy-files","eject":"react-scripts eject"},"dependencies":{"@babel/polyfill":"^7.12.1","@testing-library/jest-dom":"^5.11.4","@testing-library/react":"^11.1.0","@testing-library/user-event":"^12.1.10","node-sass":"^5.0.0","web-vitals":"^1.0.1"},"devDependencies":{"react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"4.0.3","@babel/cli":"^7.13.14","@babel/core":"^7.13.14","@babel/preset-env":"^7.13.12"},"eslintConfig":{"extends":["react-app","react-app/jest"]},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"gitHead":"c5d48aa31942a41ddca7657d1946c216b7357899","bugs":{"url":"https://github.com/CMUEberlyCenter/eberly-npm-component-test/issues"},"homepage":"https://github.com/CMUEberlyCenter/eberly-npm-component-test#readme","_id":"@cmu-eberly-center/eberly-react-library-template@0.1.0","_nodeVersion":"14.18.0","_npmVersion":"8.1.0","dist":{"integrity":"sha512-udX9j+Pz2Ffn5sOFo1VYQyHVoNKhyY3P8d+RLWw1sfesQRM0NN7gjzFJAtrDw/KpKR/2FHyDpVPMVJRGvECQIg==","shasum":"64012dc10d60139729bdca47b1f198dad6e7cf94","tarball":"https://registry.npmjs.org/@cmu-eberly-center/eberly-react-library-template/-/eberly-react-library-template-0.1.0.tgz","fileCount":10,"unpackedSize":8093,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhzc6OCRA9TVsSAnZWagAAe6EP/2SFH0RNl4oRqen1xfqV\nZ9HFe+Nl3ubWzcnMQ8+NvWWHrsMZd6bmYR9PkMp0SkW8zqBNePat6g0Y7WJC\ncccwiIA8TxfZ4wZ4hM6gMrS11Gnm6BAvazFoaD5k4456/4OAIEoQuMfOkfnx\nZJBzVKMIks0Y9aYyx4jUTuCM4uxUrpEIdY0uvGmDVLdTSmR0SKx+rzt0FP/l\nYUFiJblB9+PICT+ADXlfdE0y2Ya9xFYiXmXYtfGafNCAzDL2L4RiwhePZ9Zz\nkqE9iqrsDXWVJd7OJOLvMvJonhkHwmgp472zknWvw6qC7H/wvc8Qii0U8fyy\ngzadcvs1Y5WNcrZoro9sFMsq1fwiTACgfkLVm0wT1OGDXNuv/C3xwsLH7FEx\nx8aCP9XXcF8wqkE/O5N9BzXWZAUoc4lxHmkgn3TLQRV1S98KoYe5XJ0KUIcV\nYoq1cI6oU8BoWAUbY4oQuFxlGKDVb+hMZqivxg8JUJ+Ub3i1a32/szFvntKe\nyMHgxJtoRCeR+1F2RAzSRYxAmdwnBku0bFEQolTIIJN98jx9dcP0zv/R4D3M\n/ymmpTGXwSTfL2uDRgA0s3/wpg4denQdpQHejxAofuayiqRPk0yOC/mDeHqO\nNmaAbxDo+O51jWiL7XtLubcFnYvdO0SWfD3b+v1x9E0aLTdBH12lrBBSOaSQ\nMBaR\r\n=DIkJ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHndONTasNxnFMMS0Q2+1EFFTLIQ3UjvpvmKcgDSDvpeAiB9rY/uCQxJ1nM0Bq4vN4rPej68YHjjcm0vlt7Bd1++XA=="}]},"_npmUser":{"name":"mindtoeye","email":"vvelsen@gmail.com"},"directories":{},"maintainers":[{"name":"mindtoeye","email":"vvelsen@gmail.com"},{"name":"merichar","email":"merichar@merichar.org"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/eberly-react-library-template_0.1.0_1634833293266_0.47781660303757345"},"_hasShrinkwrap":false}},"time":{"created":"2021-10-21T16:21:33.225Z","0.1.0":"2021-10-21T16:21:33.447Z","modified":"2022-04-04T23:44:44.077Z"},"maintainers":[{"name":"mindtoeye","email":"vvelsen@gmail.com"},{"name":"merichar","email":"merichar@merichar.org"}],"description":"A repo to test CMU Eberly component code and to prepare components for exporting as npm libraries","homepage":"https://github.com/CMUEberlyCenter/eberly-npm-component-test#readme","keywords":["react","components","ui"],"repository":{"type":"git","url":"git+https://github.com/CMUEberlyCenter/eberly-npm-component-test.git"},"author":{"name":"mindtoeye"},"bugs":{"url":"https://github.com/CMUEberlyCenter/eberly-npm-component-test/issues"},"readme":"A test component and template for building React based component\nlibraries. This template provides a potential alternative for the\nwindows.alert() and window.confirm() functions, as they might appear in\nreact\n\n\n### Install\n\nInstall using `npm install eberly-npm-component-test`\n\n### Usage \n\nIn a React app, use the Alert component:  \n\n```\nimport { Alert } from \"eberly-npm-component-test\"\n\nclass App extends Component {\n\n  constructor (props) {\n    super (props);\n\n    this.state = {\n      showAlert: \"hidden\",\n      showConfirm: \"hidden\",\n      type: \"alert\"\n    };\n\n    this.onShowAlert=this.onShowAlert.bind(this);\n    this.onShowConfirm=this.onShowConfirm.bind(this);\n  }\n\n  onShowAlert () {\n    console.log (\"onShowAlert ()\");\n    this.setState ({showAlert: \"shown\", type: \"alert\"});\n  }\n\n  onShowConfirm () {\n    console.log (\"onShowConfirm ()\"); \n    this.setState ({showConfirm: \"shown\", type: \"confirm\"});    \n  }\n\n  render () {\n    return (\n      <div className=\"main\">\n        <Alert type={this.state.type} state={this.state.showAlert} message=\"This is an windows.alert() replacement component. Please see the documentation for props and events\"/>\n\n        <button className=\"demo-button\" onClick={this.onShowAlert}>Show alert</button>\n        <button className=\"demo-button\" onClick={this.onShowConfirm}>Show confirm</button>\n      </div>\n    );\n  }\n}\n```\n","readmeFilename":"README.md"}