{"_id":"@agungkes/react-excel-renderer","_rev":"2-d9c50e30853599b75c3a76b78af91234","name":"@agungkes/react-excel-renderer","dist-tags":{"latest":"0.0.2"},"versions":{"0.0.1":{"name":"@agungkes/react-excel-renderer","version":"0.0.1","description":"An addons to render and display excel sheets on webpage","main":"build/index.js","mode":"production","scripts":{"test":"echo \"Error: no test specified\" && exit 1","start":"webpack --watch","build":"webpack"},"repository":{"type":"git","url":"git+https://github.com/agungkes/react-excel-renderer.git"},"keywords":["ldx","ldx-addons"],"author":{"name":"Ashish Deshpande"},"license":"MIT","contributors":[{"name":"Muhammad Rafli Fadillah"}],"bugs":{"url":"https://github.com/agungkes/react-excel-renderer/issues"},"homepage":"https://github.com/agungkes/react-excel-renderer#readme","peerDependencies":{"react":">=17.0.0"},"dependencies":{"xlsx":"^0.14.1"},"devDependencies":{"babel-cli":"^6.26.0","babel-core":"^6.26.3","babel-loader":"^7.1.4","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-plugin-transform-react-jsx":"^6.24.1","babel-preset-env":"^1.7.0","react":"^17.0.2","webpack":"^4.12.0","webpack-cli":"^3.0.4"},"licenseText":"MIT License\n\nCopyright (c) 2019 Ashish Deshpande\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n","_id":"@agungkes/react-excel-renderer@0.0.1","dist":{"shasum":"bb988252e803bfedcb703bd05f00c8abb31c40ac","integrity":"sha512-fHUuZ8dhA85Wq3jGu6dUW8hxgIZkhJyoS6Cb9Q2eOHhUnqabUSFtZqslxTs2ysFc9Z65TiDgATfS6ZBLTdmd5w==","tarball":"https://registry.npmjs.org/@agungkes/react-excel-renderer/-/react-excel-renderer-0.0.1.tgz","fileCount":12,"unpackedSize":936115,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiHcreACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqmuhAAkm1Ulccz0/Eh69uw39mbexHhD3lXjvXAO5HHFiVRNUKp++HK\r\nPL63+mlQMdt1Mmx+H7s0Ka3SxjsMOWA1kXL6BP+d/7S+Qt8Ln/3D0jZhtaHq\r\nASw2yfDSB5u04nExaRZZq0RWRSZkxl/B9PFb9zdxYkyfhpanTEKJeiMXRCXi\r\n+oO+/S6nYbH0L6mBR1O/XIXCwwLXuHafsdZr6oDo0RGOz6wiDDGh2q0g5JGf\r\nY/9yqfEVSkbSeY7RA3ojzXhnPeBhkiM/7GL5EfTH5roBtbWOcDiu68kNQ6pR\r\nP0avoVxNPZzsF5rliw/IWhMI6aVywQODl/q9JARoqektF1ZFeKoOs7eUfqts\r\nY+zHY5fjJ451CiChSbj9B/1jYqqaXkG8n+oO9K9MhuZCZa7a8PeMtmjolfBh\r\nPy84AmjsgMfUYjDxRLxuRaVR1eT/2QWUGqOlJYVJrZtBytfckLgfDjq0JLDs\r\nS/2lBorUYbv63WcSD+6Tnpr4+PnQ6p6unCOGD1StUCtG4JgiLIOe883t/6cA\r\nScM5SSGg9NaPb3KsnrHHtLSOPM/lBJ5225OG3yqXZoep/dtZ1StB56hmAcIb\r\nF7emFmXD+cx/6xvcozOVq3zw4ntmkN2x/B6kDfdWfEawg3QeMin5pajY81wx\r\nB5odWvnAOzygh+F4Yl7eH+aUbYHTJcSIark=\r\n=wTya\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC5RGXNYizRtgheK694sUTLOwuLMdJ2N2rNCz0iXt3XvAIgeaOWToGhZohlCHBsKkWkPilg9FOIMKO2eU43fAyDi78="}]},"_npmUser":{"name":"agungkes","email":"cintarembo@gmail.com"},"directories":{},"maintainers":[{"name":"agungkes","email":"cintarembo@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-excel-renderer_0.0.1_1646119646361_0.14226118288599587"},"_hasShrinkwrap":false},"0.0.2":{"name":"@agungkes/react-excel-renderer","version":"0.0.2","description":"An addons to render and display excel sheets on webpage","main":"build/index.js","mode":"production","scripts":{"test":"echo \"Error: no test specified\" && exit 1","start":"webpack --watch","build":"webpack"},"repository":{"type":"git","url":"git+https://github.com/agungkes/react-excel-renderer.git"},"keywords":["ldx","ldx-addons"],"author":{"name":"Ashish Deshpande"},"license":"MIT","contributors":[{"name":"Muhammad Rafli Fadillah"}],"bugs":{"url":"https://github.com/agungkes/react-excel-renderer/issues"},"homepage":"https://github.com/agungkes/react-excel-renderer#readme","peerDependencies":{"react":">=17.0.0"},"dependencies":{"xlsx":"^0.14.1"},"devDependencies":{"babel-cli":"^6.26.0","babel-core":"^6.26.3","babel-loader":"^7.1.4","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-plugin-transform-react-jsx":"^6.24.1","babel-preset-env":"^1.7.0","react":"^17.0.2","webpack":"^4.12.0","webpack-cli":"^3.0.4"},"licenseText":"MIT License\n\nCopyright (c) 2019 Ashish Deshpande\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n","_id":"@agungkes/react-excel-renderer@0.0.2","dist":{"shasum":"0c92a4c432b8e3da695ab793f10e2ee537b29731","integrity":"sha512-uQFJAZY4FXL4vILOtA3Kx0zMGIEuoGtiLcXWu/dl3yiJ1Gsu1CHmZb0LMt/FFMeiMby69GKcQIuycLOO15wlcw==","tarball":"https://registry.npmjs.org/@agungkes/react-excel-renderer/-/react-excel-renderer-0.0.2.tgz","fileCount":12,"unpackedSize":937686,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiHd99ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpyxw//Qn/FXZx3DR+YUv79Wa3aAn/gdmZlx096eBDbn8azQdZGuN7S\r\nL8GzZzBGCiUKvZSixKI6F0UqCfsRfbnqrj8DuC+ijgW42glr2vRgbQWLzl+z\r\nr02LeeIM2kBh9pwI1kfDsKSfxmwkBJFAMRylRCyBINdJj4GBH5GkCe/U9AyH\r\nTSTWthAYzBToe423anw7BmxwUTm5iRK11u68keAjUzRX+6BRVtsO4/9RjNFA\r\nzc9fLHDaKVU/jj8dzpXd2pgZ64AIb7QMCee7OTDS8+Km6zNfOXsmqrP1lXT+\r\ncGe6cW9Y2x6/4GKAp8x/nauLpp9a1lqpuw2mtS05LunSIem43vjCWVznSbfU\r\n8QFJRhKiDkAD2j/xQjo1DVqutZ8roix/3KWHFSDQu0zt+vNgbMsailh4jciD\r\namBnXJB8eM40gtGbGu9FrtU3FoqQOPqyS5iafOooeGNgybLFYNQeEibPEWTM\r\nSsmWTz/Fr0XsMDdKDgL1EyAK74o0kGxlbLzUZJJuk3x38SBRG1LLh1JwObO1\r\n8Qso5KF6HSxf7lVOHwrYneCGRiCUYIAGSEgVVHHY3PwoLIOllB1WPCnA3dph\r\nTmIUoXZdp3hR9xekMpSJ9i+4y1SNtu0ZqHivPD9925L7my657ceNG9DJ4s75\r\niH1xt9raNp97OYzFenRzm8LCTHahYDevX4o=\r\n=PNgq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICnBHRmFkbromGXXeCsaGd3rRWu0yTPHZiE0pMnx5UNDAiEA/x+RJFcuc/onrGQXIcwkTc62G37p8M2K/M6twkXj8Z8="}]},"_npmUser":{"name":"agungkes","email":"cintarembo@gmail.com"},"directories":{},"maintainers":[{"name":"agungkes","email":"cintarembo@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-excel-renderer_0.0.2_1646124925350_0.3420839859174416"},"_hasShrinkwrap":false}},"time":{"created":"2022-03-01T07:27:26.282Z","0.0.1":"2022-03-01T07:27:26.761Z","modified":"2022-04-04T12:08:50.875Z","0.0.2":"2022-03-01T08:55:25.539Z"},"maintainers":[{"name":"agungkes","email":"cintarembo@gmail.com"}],"description":"An addons to render and display excel sheets on webpage","homepage":"https://github.com/agungkes/react-excel-renderer#readme","keywords":["ldx","ldx-addons"],"repository":{"type":"git","url":"git+https://github.com/agungkes/react-excel-renderer.git"},"contributors":[{"name":"Muhammad Rafli Fadillah"}],"author":{"name":"Ashish Deshpande"},"bugs":{"url":"https://github.com/agungkes/react-excel-renderer/issues"},"license":"MIT","readme":"# react-excel-renderer ![](https://img.shields.io/npm/l/react-excel-renderer.svg?style=flat) ![](https://img.shields.io/npm/v/react-excel-renderer.svg?style=flat) ![](https://img.shields.io/npm/dt/react-excel-renderer.svg?style=flat)\nA react library to render and display excel sheets on webpage\n\n---\n\n## Demo\n* A sample demo can be found - [here](https://ashishd751.github.io/excel-renderer-demo/)\n* You can find code for the demo - [here](https://github.com/ashishd751/excel-renderer-demo)\n\n![](https://github.com/ashishd751/excel-renderer-demo/blob/master/public/DemoSample.gif)\n\n## Installation\n\n```\nnpm install react-excel-renderer --save\n```\n\n## Usage\n* Import the primary module *ExcelRenderer* to convert sheet data into JSON format. \n* Also import *OutTable* to display the obtained JSON into a HTML Table.\n```\nimport {OutTable, ExcelRenderer} from 'react-excel-renderer';\n```\n* Place a simple `input` element in the render function of your class and pass an `onChange` handler\n```\n<input type=\"file\" onChange={this.fileHandler.bind(this)} style={{\"padding\":\"10px\"}} />\n```\n* In the `onChange` handler, invoke the `ExcelRenderer` function and provide file object from the event handler to the `ExcelRenderer` function to obtain JSON data from sheet\n```\n  fileHandler = (event) => {\n    let fileObj = event.target.files[0];\n\n    //just pass the fileObj as parameter\n    ExcelRenderer(fileObj, (err, resp) => {\n      if(err){\n        console.log(err);            \n      }\n      else{\n        this.setState({\n          cols: resp.cols,\n          rows: resp.rows\n        });\n      }\n    });               \n\n  }\n```\n* Use the OutTable component to render obtained JSON data into HTML table, and provide classnames as props to make table look alike an Excel Sheet\n```\n<OutTable data={this.state.rows} columns={this.state.cols} tableClassName=\"ExcelTable2007\" tableHeaderRowClass=\"heading\" />\n```\n* To make this table look more like an excel sheet, follow this article - [Quick CSS Tools to make your web page tables to look just like excel](https://www.cogniview.com/articles-resources/quick-css-tools-for-making-your-web-tables-look-just-like-excel)\n\n\n**Note:** Once the JSON data is obatined, you can also use other options to render them instead of the OutTable component. For example, [CanvasDataGrid](https://github.com/TonyGermaneri/canvas-datagrid) provides various features to render tabular data.\n\n\n## Built With\n* [SheetJS](https://github.com/SheetJS/js-xlsx) - The web page sheet framework used\n\n\n## Authors\n**Ashish Deshpande** - *Initial work* - [Ashish's Github Profile](https://github.com/ashishd751)\n\n## License\nThis project is licensed under the MIT License - see the [LICENSE.md](https://github.com/ashishd751/react-excel-renderer/blob/master/LICENSE) file for details\n\n## Acknowledgments\n* Special shout out to the guys at **Sheet JS** for developing the parent library\n* High gratitude towards Bernard Bado to help me publish my first npm package\n\n","readmeFilename":"README.md"}