{"_id":"@eisberg-labs/use-google-charts","_rev":"3-3bb52bdef51693cc8351078cc55bfcb6","name":"@eisberg-labs/use-google-charts","dist-tags":{"latest":"4.0.2"},"versions":{"3.1.0":{"name":"@eisberg-labs/use-google-charts","version":"3.1.0","description":"Google charts context loader for React components, loosely typed.","keywords":["google-charts","react","google","charts"],"homepage":"https://github.com/eisberg-labs/react-components/tree/main/packages/use-google-charts","bugs":{"url":"https://github.com/eisberg-labs/react-components/issues"},"repository":{"type":"git","url":"git+https://github.com/eisberg-labs/react-components.git"},"license":"MIT","author":{"name":"Ana Bujan - Eisberg Labs","email":"ana@eisberg-labs.com","url":"https://www.eisberg-labs.com"},"main":"dist/index.cjs.js","module":"dist/index.esm.js","types":"dist/index.d.ts","directories":{"lib":"dist","test":"__tests__"},"scripts":{"prebuild":"npm run test && npm run lint && npm run prettier","build":"rollup -c ../../rollup.config.js","lint":"eslint {src,__tests__}/**/*","prettier":"prettier --write \"./(src|__tests__)/**/*.(ts|tsx)\"","test":"jest -c ../../jest.config.js"},"dependencies":{"@charlietango/use-script":"^2.3.0"},"devDependencies":{"react":"^18.2.0","react-dom":"^18.2.0"},"peerDependencies":{"react":"^17.0.0 || ^18.0.0","react-dom":"^17.0.0 || ^18.0.0"},"publishConfig":{"access":"public"},"gitHead":"1669bff37b64e22c9970cafb6e57864e268e6463","_id":"@eisberg-labs/use-google-charts@3.1.0","_nodeVersion":"16.19.0","_npmVersion":"lerna/6.1.0/node@v16.19.0+x64 (linux)","dist":{"integrity":"sha512-8jHWeE5Ekd4F7fwgzzdkFonDFz1FYNdL53IgFRrz/coq/eANZ2w0D3UNpdA5pqgOzN4hyZt6qv80tY4G6prM0Q==","shasum":"1a988f7354fb0b510a347b1ae9f67545a8c26149","tarball":"https://registry.npmjs.org/@eisberg-labs/use-google-charts/-/use-google-charts-3.1.0.tgz","fileCount":9,"unpackedSize":6280,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGwvM9F/Kb5rR+pEwCmg1+04S/oEgPKRXUt1KG5Ee1/UAiEAsDLvPBH3bSCDgYGS9Hj2LIuWY3dFDtwcQB9ll3KqWbI="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjtAvYACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpJIQ//RHQYr5G/zqwv2d+6GawA0ly0xB1xwGoAB0aeAtYwXpYSkH0i\r\nk3FrQYUkp6p/rNfs4y1f5RQQ3BzfCvR3BbdnlG+E38Oz/BX6joQ7pf2JoYJP\r\njU9zVk8wfxDayqe4nUgA3EYeTExJ/nBjyrcYmMCPvBWIPDZ3t0CGnrkvzz7J\r\nlmQhDGs1wUR/to8eIR/ITetuunI+0qLuJHPNqvPIcW2P7DLbRZmriMyfveYP\r\nGqlpz6Sc+y5Cq/VKrE3rTk/0vZjS1by5BrGuogzufi32arUQt2IEuIaVTOvS\r\nfj9mjUfwAICCyJlSA/lGzPqhYqz5PIS4PPBnLk5nlhchnYnCprTXkwHXUItj\r\nK9mnh44JVa1dAwM/wncWutNk6W7+BXcEHlu/GByQx57d9rWYkMNeost0hyDM\r\nGL1vwH+l5qbhQC5b7InW/TXYM58L7TaOB936PpKynoZvaR7EV/spvnFy0Cap\r\nui9ibTwWwMwqgNkk9FcANAvhnHds1mPndEMXA0O/Jkwq2HeVXYZS2OPOe9Di\r\nq9kFr+DC5+qPid9YokvBlJvw50C3xyxj8zyZlxMMLkH3G5fdrPoPF2nRorzD\r\ns2kGtvKlKBqzbFJIQZtKDcIbCcLB5gbISNi7slhIO75uFqfE2Edy6iGTnozC\r\nvCRf5FFgBxHQGcI3aVpR/onZ5jwMOKjSInE=\r\n=J1zf\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"eisberg-labs","email":"ana@eisberg-labs.com"},"maintainers":[{"name":"eisberg-labs","email":"ana@eisberg-labs.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/use-google-charts_3.1.0_1672743896720_0.3435544296877988"},"_hasShrinkwrap":false},"3.1.1":{"name":"@eisberg-labs/use-google-charts","version":"3.1.1","description":"Google charts context loader for React components, loosely typed.","keywords":["google-charts","react","google","charts"],"homepage":"https://github.com/eisberg-labs/react-components/tree/main/packages/use-google-charts","bugs":{"url":"https://github.com/eisberg-labs/react-components/issues"},"repository":{"type":"git","url":"git+https://github.com/eisberg-labs/react-components.git"},"license":"MIT","author":{"name":"Ana Bujan - Eisberg Labs","email":"ana@eisberg-labs.com","url":"https://www.eisberg-labs.com"},"main":"dist/index.cjs.js","module":"dist/index.esm.js","types":"dist/index.d.ts","directories":{"lib":"dist","test":"__tests__"},"scripts":{"prebuild":"npm run test && npm run lint && npm run prettier","build":"rollup -c ../../rollup.config.js","lint":"eslint {src,__tests__}/**/*","prettier":"prettier --write \"./(src|__tests__)/**/*.(ts|tsx)\"","test":"jest -c ../../jest.config.js"},"dependencies":{"@charlietango/use-script":"^2.3.0"},"devDependencies":{"react":"^18.2.0","react-dom":"^18.2.0"},"peerDependencies":{"react":"^17.0.0 || ^18.0.0","react-dom":"^17.0.0 || ^18.0.0"},"publishConfig":{"access":"public"},"gitHead":"a89c513b2460156b85621d457696ddd99f81c476","_id":"@eisberg-labs/use-google-charts@3.1.1","_nodeVersion":"16.19.0","_npmVersion":"lerna/6.1.0/node@v16.19.0+x64 (linux)","dist":{"integrity":"sha512-yJ4UY2aeKWHMLtAZeCfD2VyDJXQhcmfmy2uMGwBVpVFZoCLwkYzLNz0uGd8A4B/V4Aoxd0eu1XefLdKZwkYdVQ==","shasum":"7e575abe1c1065f512535ce241f90ce454bc11fa","tarball":"https://registry.npmjs.org/@eisberg-labs/use-google-charts/-/use-google-charts-3.1.1.tgz","fileCount":9,"unpackedSize":6280,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEuRFiehJjmskOfMTqKBXOjyZ5sBIsu/1w9wq9xLwrg5AiEAttydfQ4qq/OXSGLNPsxgl1Oszi3wm9iMOtAnZb6C3n4="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjtT2gACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrUChAAjeUrwdSwv36OEWfCXk3uZqjtb75sVz/GXpBfFm3AuwXpFmvO\r\nCqbI7T23od9nptviauWd2no99GYFWHV/jpPZfS+Vzti4XOanGhoSo5JE06lc\r\n0c+nAGlDiDutjBAG5wZ+ICrY3kyKWSdOwSKvWH++8CXG1dlY7KqK3WGzZ6zh\r\nSr3pNOUJr+OFVG6R77MsRq9uZSHbsj2kV5zqryeuoyAuNZ2M0AXzYZeM6MT8\r\nA2xN9TpoCzdS1JDFC4JlbFT7Qle45gbRfiGsrUpne28T0RRsw4JhWKNJRxFJ\r\nYFWsQ2v+hVTLJa2LYtBM8A8wS2HZEYxzVLBqhgtPju81xoa7w820VQv70XWI\r\n9DDKeKaMq7DyZiuY+TsydHkhy/gavS5gEOhvNWXgL5nwgBcGgF6VAWC/exL5\r\n0URWc4nhQn/yPWJIVUkbktS4xTh1/TaCEpa5ZWylLQSfNvsTOYsdj7wxa+0n\r\n/RSdzWZhYJOcZJRe2aswP9w2OMmW9ycTW+wvHQJ4ZEp02VHpq8rjs+Krc3Jf\r\ndgSxSeaVtwEFmleePsbW9tcSF/chO4wlt5co7oiHaC57Yc5bRlx0lcV6fOcd\r\nqy2o0KqT0omy3fJCYZvBbBc2slIxAQt7uNCqODYzFl4DLCh0ogB09GMhjDQc\r\nmpPEVx7PbgHF9VASpsAnqWTXz1RRVyiaxc4=\r\n=USPQ\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"eisberg-labs","email":"ana@eisberg-labs.com"},"maintainers":[{"name":"eisberg-labs","email":"ana@eisberg-labs.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/use-google-charts_3.1.1_1672822176421_0.1325165738510512"},"_hasShrinkwrap":false},"4.0.0":{"name":"@eisberg-labs/use-google-charts","version":"4.0.0","description":"Google charts context loader for React components, loosely typed.","keywords":["google-charts","react","google","charts"],"homepage":"https://www.amarjanica.com/projects/react-components/use-google-charts","bugs":{"url":"https://github.com/eisberg-labs/react-components/issues"},"repository":{"type":"git","url":"git+https://github.com/eisberg-labs/react-components.git"},"license":"MIT","author":{"name":"Ana Bujan - Eisberg Labs","email":"ana@eisberg-labs.com","url":"https://www.eisberg-labs.com"},"main":"dist/index.cjs.js","module":"dist/index.esm.js","types":"dist/index.d.ts","directories":{"lib":"dist","test":"__tests__"},"scripts":{"prebuild":"npm run test && npm run lint && npm run prettier","build":"rollup -c ../../rollup.config.js","lint":"eslint {src,__tests__}/**/*","prettier":"prettier --write \"./(src|__tests__)/**/*.(ts|tsx)\"","test":"jest -c ../../jest.config.js"},"dependencies":{"@charlietango/use-script":"^2.3.0"},"devDependencies":{"react":"^18.2.0","react-dom":"^18.2.0"},"peerDependencies":{"react":"^17.0.0 || ^18.0.0","react-dom":"^17.0.0 || ^18.0.0"},"publishConfig":{"access":"public"},"documentation":{"title":"React Google Charts"},"gitHead":"0604a8daf9abadb42d33637cc6cfbfb617efa932","_id":"@eisberg-labs/use-google-charts@4.0.0","_nodeVersion":"16.19.0","_npmVersion":"8.19.3","dist":{"integrity":"sha512-QkPAhxnAw3ensDeIlLeV5tybH3ZmVwsMvU4AcUqGa/ZK/GlYu/B5WN256NFq97g05VZ0FPrKqEn+v9PklVg2fQ==","shasum":"a290d83aaa42dcb70f63374170d46de92416c92f","tarball":"https://registry.npmjs.org/@eisberg-labs/use-google-charts/-/use-google-charts-4.0.0.tgz","fileCount":9,"unpackedSize":6269,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDovJf4B57daNo2CSQkEjhnFi86pH3hrHIdrZHe1wWCdAIgd1D1X31VzmKjySUo3b777vpV3xCftvwdfhrbB3pnIbk="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj0VyEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrObQ/+LWrdq47ulvAlcDce7nQb3xZ+KStt6FkAIRAxJ4UJw4+Ozs+L\r\nmoY3xriQcRO+RNCdc3k+EY9ODLUd6i9pC9GbPQ+NgwnYcyddf3jM3si+OMEh\r\n2gOJkvSe7U4KevDvhLhUs/M3RYrUHNxVpYYES8mGwu9RlRouW+LdBrkXmNkU\r\nhRuF9YQlRiqFWQqhNN8ztvCMjfdRi+jutVOX/m68EP92a8PGhJIT2llQ62m8\r\nZKVLIf8zs1rq0WmBUhbRCchngZ6zKgdfqIfAhppgenq2RWQveaeO5ndyN0pd\r\nW13GfatdaPYtExljTKi3AewarZS06q6XtIo5uRzZ2uJ02JsMT7P9SNSoNmLO\r\nj84iQWHeYvVS60IOr78YN0llffsTBwZGEfunyLPt5DnrOYq6lPUGycqO06gJ\r\n5+XkmEclcBq87H4v0ai5tbF2kqhyuZ5ZHpihb/jYrId6183v90zoh17yrqKl\r\nwsPK3boAr+YjWLMJrde3dHaxJ5m5kFkw3UPM8q7/zIkVcBPoQfti1SxL+PN3\r\nJ2x5fBSPusMGjzvFphnj19zrNcrCEu7p8lDfRrQTbuI+rVLzIPGcPlz4Oe6r\r\n64qLXVU8r7kxqcix+FvNjPoQdLB/f03p3nfTV2TtpQaVXCZTtbXzOIjoPrTz\r\n3Q6zx+F0ukqfU2WVeJ4rzNswAp27/wmJgg0=\r\n=k6jj\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"eisberg-labs","email":"ana@eisberg-labs.com"},"maintainers":[{"name":"eisberg-labs","email":"ana@eisberg-labs.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/use-google-charts_4.0.0_1674665091860_0.5833818722021664"},"_hasShrinkwrap":false},"4.0.2":{"name":"@eisberg-labs/use-google-charts","version":"4.0.2","description":"Google charts context loader for React components, loosely typed.","keywords":["google-charts","react","google","charts"],"homepage":"https://www.amarjanica.com/projects/react-components/use-google-charts","bugs":{"url":"https://github.com/eisberg-labs/react-components/issues"},"repository":{"type":"git","url":"git+https://github.com/eisberg-labs/react-components.git"},"license":"MIT","author":{"name":"Ana Bujan - Eisberg Labs","email":"ana@eisberg-labs.com","url":"https://www.eisberg-labs.com"},"main":"dist/index.cjs.js","module":"dist/index.esm.js","types":"dist/index.d.ts","directories":{"lib":"dist","test":"__tests__"},"scripts":{"prebuild":"rm -rf dist && npm run test && npm run lint && npm run prettier","build":"rollup -c ../../rollup.config.js","lint":"eslint {src,__tests__}/**/*","prettier":"prettier --write \"./(src|__tests__)/**/*.(ts|tsx)\"","test":"jest -c ../../jest.config.js"},"dependencies":{"@charlietango/use-script":"^2.3.0"},"devDependencies":{"react":"^18.2.0","react-dom":"^18.2.0"},"peerDependencies":{"react":"^17.0.0 || ^18.0.0","react-dom":"^17.0.0 || ^18.0.0"},"publishConfig":{"access":"public"},"documentation":{"title":"React Google Charts"},"gitHead":"645f78f22f3252472c6d7f3252754a9fbdf458d6","_id":"@eisberg-labs/use-google-charts@4.0.2","_nodeVersion":"16.19.0","_npmVersion":"lerna/6.1.0/node@v16.19.0+x64 (linux)","dist":{"integrity":"sha512-8jpCKWLxBUjrs3/20Myvy10htWDICE5eOado0FC/HTs1r5QhEDYxWES66wJcEJtG7uWd/aNVe77UOjwnIvIG4Q==","shasum":"f984d54646a4a4f4695f24f00f946dd0302fe768","tarball":"https://registry.npmjs.org/@eisberg-labs/use-google-charts/-/use-google-charts-4.0.2.tgz","fileCount":9,"unpackedSize":6341,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIB9wNzpskccfhCAuTkhzzer6mcVfGIu0EU3r3xGx4N51AiEA10Ki0Sc1CKOGNGmnfNMoxSRMU8ydr78YrJ87M6UDRB8="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj0X74ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpItw//dLIlOuwmg98MQ9P829/UEA0RvbPlCgapGXUXr+F2EYA50G6d\r\njGWAP2iuJdYxU3esj9Bo1Grh+NCrQkf4BmeGpEbH+zlas9y5J+FOlOcB6WOc\r\ni/24GZEEzSSKg5cxK+C3NB3CCmn6FJCiB3Uswu6+1GFvt+x93FUTO/oWu1TD\r\njYCEYc7uicDIKudeu4DTk6a0tC/pk5lM5xwOpfESnlcCpEmo0VnDIyjwD5GG\r\nQJ05xDXV76crC+DGvNNzKhAMeDOgVx/fmAmI2o8GcIq4MDn96kZ6q3mWJnfb\r\n1FoPNtnfm6dmCsTJiUj4LT+tZj2Fq9PZAr7dfTxrCWO38ocJ8jSdOx/6Rcr5\r\nr5sBzW00E+p3UENCigfDKwEryxFEW4byg9YABMySu4Qm2Il+Poxd5NkPEODL\r\n3An9w2n77Q4MPIImWSGVGnGIbrRdUndzrVUBqGxYqVG9AhdzufcuY52PcmOH\r\nU7Tkg9RzDU5GXbn77zZ1/tGafe2lrrQ6VquUVSnLbVHlhj43cyskX/T/GKZY\r\n4OMnKJmO63USEezkbfD4o4NVGNmCbJ3FbwO31NdYv3+4tqeq0stJJIDWYUbs\r\nBCuSBF3uw3hzoag8nAeaKjN+CwVDd68pqcNVYsSyvc5KEPu8wg5/pV07l16X\r\nKQR0JSc2AzPa3pO1/fkLG+NRBxsZ8dJCVJQ=\r\n=+zMc\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"eisberg-labs","email":"ana@eisberg-labs.com"},"maintainers":[{"name":"eisberg-labs","email":"ana@eisberg-labs.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/use-google-charts_4.0.2_1674673912205_0.47069964720266455"},"_hasShrinkwrap":false}},"time":{"created":"2023-01-03T11:04:56.654Z","3.1.0":"2023-01-03T11:04:56.918Z","modified":"2023-01-25T19:11:52.494Z","3.1.1":"2023-01-04T08:49:36.632Z","4.0.0":"2023-01-25T16:44:52.021Z","4.0.2":"2023-01-25T19:11:52.399Z"},"maintainers":[{"name":"eisberg-labs","email":"ana@eisberg-labs.com"}],"description":"Google charts context loader for React components, loosely typed.","homepage":"https://www.amarjanica.com/projects/react-components/use-google-charts","keywords":["google-charts","react","google","charts"],"repository":{"type":"git","url":"git+https://github.com/eisberg-labs/react-components.git"},"author":{"name":"Ana Bujan - Eisberg Labs","email":"ana@eisberg-labs.com","url":"https://www.eisberg-labs.com"},"bugs":{"url":"https://github.com/eisberg-labs/react-components/issues"},"license":"MIT","readme":"[![Downloads](http://img.shields.io/npm/dm/@eisberg-labs/use-google-charts.svg)](https://npmjs.org/package/@eisberg-labs/use-google-charts)\n\n# Use Google Charts\n> Google charts context loader for React components, loosely typed.\nSimplifies loading of google charts in a React component, you only need to write the callback part.\nFor more info on google charts, visit <https://developers.google.com/chart/interactive/docs>.\n\nIf you 👍 or use this project, consider giving it a ★, thanks! 🙌\n\n## Installation\n\n```bash\nnpm i --save @eisberg-labs/use-google-charts\n```\n\n## Usage\nThis example shows how to render a geo chart <https://developers.google.com/chart/interactive/docs/gallery/geochart>\n```jsx\nexport default function BasicExample(){\n  const exampleRef = useRef<HTMLDivElement>();\n  useGoogleCharts(() => {\n    const data = google.visualization.arrayToDataTable([\n      ['Country', 'Popularity'],\n      ['Germany', 200],\n      ['United States', 300],\n      ['Brazil', 400],\n      ['Canada', 500],\n      ['France', 600],\n      ['RU', 700]\n    ]);\n\n    const chart = new google.visualization.GeoChart(exampleRef.current);\n\n    chart.draw(data, {});}, {\n    'packages':['geochart'],\n  })\n\n  return (\n    <>\n      <h4>GeoChart Example</h4>\n      <div ref={exampleRef}></div>\n    </>\n  )\n}\n\n```\n\n## Api\n\nFunction `useGoogleCharts` takes `loadCallback: Function`, `props: google.LoadOptions` and optional `version: string | number`.\n- loadCallback - function without arguments and void result.\n- LoadOptions - defined in `@types/google.visualization`, e.g. `{\n  'packages':['geochart'],\n  }`.\n- version - 'current' if not specified.\n## License\n\nMIT © [Eisberg Labs](http://www.eisberg-labs.com)\n","readmeFilename":"README.md"}