{"_id":"react-popper-tooltip","_rev":"86-8614dd3c39b894e25bf3e1801ba8b964","time":{"1.0.0":"2018-08-07T12:20:40.974Z","created":"2018-08-08T12:35:17.421Z","1.0.1":"2018-08-08T12:35:17.568Z","modified":"2022-06-27T11:04:13.830Z","1.0.2":"2018-08-08T12:40:40.162Z","1.0.3":"2018-08-08T12:53:22.955Z","1.0.4":"2018-08-08T12:58:28.505Z","1.0.5":"2018-08-08T13:18:10.990Z","1.0.6":"2018-08-09T08:34:30.107Z","1.0.7":"2018-08-09T09:03:14.937Z","1.0.8":"2018-08-09T11:10:21.314Z","1.0.9":"2018-08-10T15:26:23.741Z","1.1.0":"2018-08-10T15:29:54.871Z","1.1.1":"2018-08-10T15:41:45.242Z","2.0.0":"2018-08-28T10:04:55.118Z","2.0.1":"2018-08-29T08:06:22.988Z","2.1.0":"2018-09-13T12:03:31.596Z","2.1.1":"2018-09-13T12:53:06.842Z","2.2.0":"2018-09-17T19:30:31.261Z","2.2.1":"2018-09-17T19:44:54.875Z","2.3.0":"2018-09-18T21:34:59.366Z","2.3.1":"2018-09-18T21:51:17.806Z","2.3.2":"2018-09-18T22:00:20.245Z","2.3.3":"2018-09-18T22:36:30.449Z","2.3.4":"2018-09-18T22:42:53.606Z","2.4.0":"2018-09-22T14:17:54.590Z","2.5.0-alpha.0":"2018-09-24T21:26:25.541Z","2.5.0-alpha.1":"2018-09-25T18:29:26.355Z","2.5.0-alpha.2":"2018-09-25T19:35:29.585Z","2.5.0":"2018-09-25T19:45:55.295Z","2.5.1":"2018-09-27T07:18:44.915Z","2.6.0-alpha.0":"2018-10-11T19:33:05.100Z","2.6.0":"2018-10-11T19:42:48.809Z","2.6.1":"2018-10-13T16:45:38.243Z","2.6.2":"2018-10-19T09:45:10.779Z","2.6.2-alpha":"2018-10-19T09:47:50.460Z","2.6.2-alpha.0":"2018-10-19T09:48:10.044Z","2.6.3":"2018-10-19T09:59:54.172Z","2.7.0-alpha.0":"2018-10-28T12:42:52.063Z","2.7.0":"2018-10-28T12:46:57.984Z","2.7.1":"2018-12-13T21:36:32.409Z","2.7.2":"2018-12-13T21:42:32.523Z","2.8.0-alpha.0":"2019-01-06T16:50:26.821Z","2.7.3-alpha.0":"2019-01-07T18:09:24.633Z","2.7.3-alpha.1":"2019-01-08T16:16:05.312Z","2.7.3-alpha.2":"2019-01-09T19:42:57.267Z","2.7.3-alpha.3":"2019-01-09T20:04:07.219Z","2.7.3":"2019-01-11T17:38:30.734Z","2.7.4":"2019-01-11T17:58:01.703Z","2.8.0":"2019-01-12T14:36:17.097Z","2.8.1-alpha.0":"2019-02-22T16:31:00.811Z","2.8.1-alpha.1":"2019-02-23T10:03:46.301Z","2.8.1":"2019-03-04T16:39:15.731Z","2.8.2-alpha.0":"2019-03-07T20:11:40.015Z","2.8.2-alpha.1":"2019-03-28T16:46:14.357Z","2.8.2":"2019-04-11T16:19:47.629Z","2.8.3":"2019-05-23T19:19:18.730Z","2.9.0":"2019-10-07T21:25:34.751Z","2.9.1":"2019-10-10T16:55:16.480Z","2.10.0":"2019-10-26T13:48:54.421Z","2.10.1":"2019-11-28T16:59:19.901Z","2.11.0":"2020-03-27T16:39:53.552Z","2.11.1":"2020-04-01T22:09:55.573Z","3.0.0-alpha.0":"2020-06-13T22:31:51.418Z","3.0.0":"2020-07-01T17:39:36.525Z","3.1.0":"2020-07-12T15:29:20.275Z","3.1.1":"2020-11-06T08:17:19.762Z","4.0.0":"2021-01-26T08:51:59.652Z","4.0.1":"2021-01-27T16:47:46.101Z","4.1.0":"2021-02-16T12:14:19.605Z","4.1.1":"2021-02-23T11:26:38.601Z","4.1.2":"2021-02-23T12:25:18.580Z","4.2.0-alpha.0":"2021-03-15T06:29:45.840Z","4.2.0":"2021-03-15T09:59:31.561Z","4.3.0-alpha.0":"2021-05-23T15:43:53.482Z","4.3.0":"2021-05-25T15:42:35.170Z","4.3.1":"2021-10-08T20:22:00.477Z","4.4.0":"2022-06-05T19:03:51.667Z","4.4.1":"2022-06-06T16:57:41.329Z","4.4.2":"2022-06-27T11:04:13.743Z"},"name":"react-popper-tooltip","dist-tags":{"latest":"4.4.2","alpha":"4.3.0-alpha.0"},"versions":{"1.0.1":{"name":"react-popper-tooltip","version":"1.0.1","description":"React tooltip library built around react-popper","homepage":"https://codesandbox.io/s/pykkz77z5j","main":"dist/index.js","scripts":{"prepare":"babel src -d dist"},"keywords":["tooltip","react-tooltip","react-popper"],"author":{"name":"Mohsin Ul Haq","email":"mohsinulhaq01@gmail.com"},"license":"MIT","peerDependencies":{"react":"^16.4.2","react-dom":"^16.4.2"},"dependencies":{"classnames":"^2.2.6","emotion":"^9.2.6","lodash":"^4.17.10","prop-types":"^15.6.2","react-emotion":"^9.2.6","react-popper":"^1.0.0"},"devDependencies":{"babel-cli":"^6.26.0","babel-preset-env":"^1.7.0","babel-preset-minify":"^0.4.3","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1"},"gitHead":"009d0b75b3ee3b5e0cd5f3b0a8c2514f1d75ddb7","_id":"react-popper-tooltip@1.0.1","_npmVersion":"5.6.0","_nodeVersion":"8.11.3","_npmUser":{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"},"dist":{"integrity":"sha512-oLct0dE8huOBZ8YEsWY490t92wixy1rXlUSVxJzg300w4+rgpyLaFSSn/MfJ51NscI+XOt6hYJfrp4ZHd2PkbQ==","shasum":"1cc6e56625ffc0624d45c73ad007c35a9cb7d28c","tarball":"https://registry.npmjs.org/react-popper-tooltip/-/react-popper-tooltip-1.0.1.tgz","fileCount":15,"unpackedSize":34305,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbauOFCRA9TVsSAnZWagAAnvUQAJoVZrXE/oYq3+qoSwQ0\nfDtkWMJkbYAybYfTSyLk2fgfoNjf5UZRGXd0xqJC3RyORjzcDwIl04PklkZS\nU9yPgFpMcG/fP0pbiMajWrfEo/JTghBq0pefdpNHxiKm0ap56RGyUP2gjHKH\nygjNwnAkt6JifQhuqJ67jqG2U9vsPwFBZf3Ypsrqb1yVmpINIIwfl9v3Olyr\npXGv+9rvnGcbRO6GSRz5OxOkDTi9DFXJMsWyJLS/MAw10Vp6kzm/dvXSIWrA\nnkAJyC1HnEaKE7pAmxLJBFsKK0JOqyRNf8xsp+Z2iFHYC2Eaz2m7iyYhv4fs\n3idPiEO0JUVbm4aTWDrsaozIFjKy4p/6Hp5IhjIVeId3k6uEviDGlXwAtD+I\ndqqG4/vVluc2CZHDIKXYgBSVqb8tAYpPrKhQFJEXOCUCDejTwSAd3PUp0ldk\n3f0ikITb5tmTek6C75mb8kraCKbGV3Jhnwjg4r+H/7PkJUGCHRolW6ar8mw2\n2ELf4jnAa2/uuB15UWTTRhzdDpGZQvj48qh2tNvUOLiPcXMToQzi+w9o9N5M\nz6B2cot13M/YXXXW6qRMOXDS29rsP82rsJPdMeJOCsjnrD9wyJT5Kpx1z90V\n5cJbPLwWqWsio+77+N9aIIGr98P9Hm3QBHQlwppYjDVVapFek0VTQ3dNZARV\n/MUv\r\n=WtvU\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAqGRSrmMt4lUyH0cBMWJK3riIJjyuG19d1XH/cId+gpAiAlBrKCpWBGIZ48a9hYENezKWPGHZuLqZugs6dEv50r9w=="}]},"maintainers":[{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-popper-tooltip_1.0.1_1533731717423_0.08983019548171356"},"_hasShrinkwrap":false},"1.0.2":{"name":"react-popper-tooltip","version":"1.0.2","description":"React tooltip library built around react-popper","homepage":"https://codesandbox.io/s/pykkz77z5j","main":"dist/index.js","scripts":{"prepare":"babel src -d dist"},"keywords":["tooltip","react-tooltip","react-popper"],"author":{"name":"Mohsin Ul Haq","email":"mohsinulhaq01@gmail.com"},"license":"MIT","peerDependencies":{"react":"^16.4.2","react-dom":"^16.4.2"},"dependencies":{"classnames":"^2.2.6","emotion":"^9.2.6","lodash":"^4.17.10","prop-types":"^15.6.2","react-emotion":"^9.2.6","react-popper":"^1.0.0"},"devDependencies":{"babel-cli":"^6.26.0","babel-preset-env":"^1.7.0","babel-preset-minify":"^0.4.3","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1"},"gitHead":"6bb2ae6fb8cc2bd4cdb6332722c26ba93d6f2a16","_id":"react-popper-tooltip@1.0.2","_npmVersion":"5.6.0","_nodeVersion":"8.11.3","_npmUser":{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"},"dist":{"integrity":"sha512-tKorELzbjYSCpryiChrcckg+SmA0dliOaBRyfMubkfKicQ+Xuz9wRNw5j0hoCwjC2c+wid+w0e+PnmarkYpqWw==","shasum":"c3ff42f9a1718a5916b90725c6c7a3cbcb825fff","tarball":"https://registry.npmjs.org/react-popper-tooltip/-/react-popper-tooltip-1.0.2.tgz","fileCount":15,"unpackedSize":34331,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbauTICRA9TVsSAnZWagAADUoQAIgmM7Dn18S3uJQ1XUsw\nPPFEZ+T74dM9SkIBOZ7grk0y/5GQ4U18eCkQEhOaa7D70zycQ9qVH+KiylyW\nInzxBZlwXWVB8j1Qlor0On6W3ikW9lOq7Gi8/MNmY9x20gVRy/RbFFMArAXO\nTOTDk7RollLBfuMibnYMs+35jz8E6Af0gQ0JGQ/zX2pSqwv1oCE9/UkbglPg\nLqWaBHo8bL7d4YTwd5gaWvLEasYmri7Gc/gpYyzK66Ju2EHVKzBAVpCw3w/9\nVCXh/8Iwtayvm0ow5vbbXfxdXhXtDeIrwmSTgFPGgdRr5+9d1z8QSQ2ew95g\nzPWbouGMsOBu24dO2pYjfjjfrhh/3lIHBuHgZzxH0hJ/ECUexmOrsHXPjwnU\ncRko+ATHXnG/MLB4zcLB47pdyR1eZcKPJz8/vTBmLXTES7OYuR7SWzSSFKR/\n5ySKfjD6DP3LVF/GrRXyNa6PkVngCtJ7kxJTn9RNXv+jb1As46Hi3h/hdZf0\nhLvWl7+gzGXCjV3qBtxUwawiEtOEPdpXdOmS6iU6aM1hL2ZlEJZ2SSij0oJl\npTFLa6et5/SpuCiSBycj+EZ7Qq7bwGFuTaF/xG4/Q2kbsCTwVIa1kIRld23N\nTvryPfQzBr0znE+gIfBGM/KJY92jWiw2oFASVDxBOJV4sdkhmO6qELqNC/ky\nID3b\r\n=6nBj\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICv5OTrnI3fED++c8Zz/kOux7bsQe6JGYpD4I49rxNoZAiEA6YQqP6n5OG5d12vUtr44KwQYk66I3Ml1L/5c14nfX7c="}]},"maintainers":[{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-popper-tooltip_1.0.2_1533732040100_0.2615299635445094"},"_hasShrinkwrap":false},"1.0.3":{"name":"react-popper-tooltip","version":"1.0.3","description":"React tooltip library built around react-popper","homepage":"https://codesandbox.io/s/pykkz77z5j","repository":{"type":"git","url":"git+https://github.com/mohsinulhaq/react-popper-tooltip.git"},"main":"dist/index.js","scripts":{"prepare":"babel src -d dist"},"keywords":["tooltip","react-tooltip","react-popper"],"author":{"name":"Mohsin Ul Haq","email":"mohsinulhaq01@gmail.com"},"license":"MIT","peerDependencies":{"react":"^16.4.2","react-dom":"^16.4.2"},"dependencies":{"classnames":"^2.2.6","emotion":"^9.2.6","lodash":"^4.17.10","prop-types":"^15.6.2","react-emotion":"^9.2.6","react-popper":"^1.0.0"},"devDependencies":{"babel-cli":"^6.26.0","babel-preset-env":"^1.7.0","babel-preset-minify":"^0.4.3","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1"},"gitHead":"e79c639ad4f579be8772c44de3b1ccf954ea47b8","bugs":{"url":"https://github.com/mohsinulhaq/react-popper-tooltip/issues"},"_id":"react-popper-tooltip@1.0.3","_npmVersion":"5.6.0","_nodeVersion":"8.11.3","_npmUser":{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"},"dist":{"integrity":"sha512-xw2KFbNjt/Nno2ClNyrGi0TuM7KyQnyrw85Lki1I0AxGVRf9+zBBWtOUQ6dt1WVV8wWXLIuuK0RcABIa5KNnJw==","shasum":"031ee86d492929f5196b45ca4e2f6f768bd8194d","tarball":"https://registry.npmjs.org/react-popper-tooltip/-/react-popper-tooltip-1.0.3.tgz","fileCount":15,"unpackedSize":34438,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbaufCCRA9TVsSAnZWagAAEJIP/1f5FWLLAlDy+BiB1wOt\nA/MbSJ5PFRwr0IF8FlsO0M8zOFntcEpTD89BGUBWpmC5EcaEEfd0opHap2cb\np/e9SN2tCdIv+bbnD7qcDbQGvbw8KzNW9g7zulQDVC5lrqxeKVSrEQDyt0Gq\n7OIQV7FBDka2XZV9AF87Br/o7fz/jRnKSG4mOP8kNrFws96QsY0uUCWgGgvB\nDIhYsUm2XU2uF0vkTmsmHPTwMhj/z63WK/TPQ7FAn0vl/UUnLXjNaSbMQJFk\nQWj0aarsNkEAnL7vYuBHCUUvh8gzdpFJIdNgC9tpAXDOwztMVugfnBHJ3SkF\n7n0P+s1nSFuMS/5DBdo/jwv6r4cw/1qoBULtdd0lqM/10St68iTQaQo7HciL\nLhUHYXc4PKxhG9V0wyPcY93TphwhO5VTP/Ga78dvnokreWTXTclCqSSfJFz2\n5o0P1iQi7lU80v33XtUA22T6FaZcuG1krh/mB9pNWIz8D/zPr6U7n/SlgGYC\nWpuIN1S442DpPzn29iFjSn8VheWZABeriCNmIstjH2aqKpOab1OymgGNSmUT\ng2ebrKgdFVfx/cKrA+6zxF5nYxi6E1tXbOSBV9r7XJqhW/6pYpp2Wo+KPDyG\nvcQcd/Q3PZ7MVvdFI5j3rNu4bT1LNCxhxhouazMiq+vuB56vOikMzoJSpM55\n2DJr\r\n=9R/6\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFiQKRXvvoeKI7ZTrvDSTRqCaspA2ln8Nj3nLYdtd3KWAiB4q0NrqPqspze7XgwSfmDrto19cbnWQkwX52Q646rFZg=="}]},"maintainers":[{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-popper-tooltip_1.0.3_1533732802852_0.8675508643510863"},"_hasShrinkwrap":false},"1.0.4":{"name":"react-popper-tooltip","version":"1.0.4","description":"React tooltip library built around react-popper","homepage":"https://codesandbox.io/s/pykkz77z5j","repository":{"type":"git","url":"git+https://github.com/mohsinulhaq/react-popper-tooltip.git"},"main":"dist/index.js","scripts":{"prepare":"babel src -d dist"},"keywords":["react","tooltip","popover","overlay","react-tooltip","react-popper"],"author":{"name":"Mohsin Ul Haq","email":"mohsinulhaq01@gmail.com"},"license":"MIT","peerDependencies":{"react":"^16.4.2","react-dom":"^16.4.2"},"dependencies":{"classnames":"^2.2.6","emotion":"^9.2.6","lodash":"^4.17.10","prop-types":"^15.6.2","react-emotion":"^9.2.6","react-popper":"^1.0.0"},"devDependencies":{"babel-cli":"^6.26.0","babel-preset-env":"^1.7.0","babel-preset-minify":"^0.4.3","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1"},"gitHead":"4a888e811b594182a44eda8c84d1ca66add45c83","bugs":{"url":"https://github.com/mohsinulhaq/react-popper-tooltip/issues"},"_id":"react-popper-tooltip@1.0.4","_npmVersion":"5.6.0","_nodeVersion":"8.11.3","_npmUser":{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"},"dist":{"integrity":"sha512-pzaHC53h3r5ft8/9/VbBrh74/KWpgwB6gvKb/F+ka9o5PTmlCXiRt6rCx4H+2qsQ/D4UL74xKV1Cf2YMWdG05A==","shasum":"f4e7f00c8854bbdea615d00644dfc481647b0634","tarball":"https://registry.npmjs.org/react-popper-tooltip/-/react-popper-tooltip-1.0.4.tgz","fileCount":15,"unpackedSize":34481,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbauj0CRA9TVsSAnZWagAAwUQP/jMNZMULbVkQL8DzZmbF\nEZlCcNz8gZXk52jH7UWVdKBnJNJCq8TQOGatsoI0XU0iGf/5/IWycysiX2G2\nMTjCJ/UveeolE8pZHNGv8LcOyXBSpEcMiX2HrrQeFwDXrNnP97Erik0w7TB2\n+jZtWNYGN+EUR8WAvraOiaWQbYXJS6q1TU+GQzFkhKrUKrIJtNO/1Qq7yOYU\nKIU8bbXUTivXl8FzZT8RqtJ2SClkkqT8vco1pG+cq8C55J5yR51eih1FGstB\nX47F0PWz8AZgC1W5cx4fKsQLDh8DsyaJC7XKd063m9DWMtcCV9k53wOqB0Nu\npnKEX8omsJjTjzR7ikrCiuxydEi9EOiFNfIJaNmVgYQsK23OHopWoXC7Ry+7\n3Uf+8QN7uoInq2z6EAxpFqTjQnnksFGswc6JK4s4hbNvd9l/MYXHu81YWVjd\nagl3iA/4FUz4fZ/k849mbLl1ThJ0GAimZO6lEBKBJXpSO+sjzCmQH0nQ16uL\nRj5oTFGn9Iou4QCph8eFpH7Ck/HukCMOrdonT4xrC8cIKAiwB2CVIEO5kIY8\npJdsp8LW9xiAKmt1PNtD15K98KW0BUs/OpXo8aUcxi4+/XBMujfL/d6NsAVL\n2/je9Wy6tygaDHUryTyc5l9H53HPyIYtjn+tY7Zt+DgXXrEP4q0jR4LlzrI3\nprfc\r\n=Rt+x\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFYjbMXwKh3aeI4YRIKX+ZetkzY6xBrhTvSpdn3aTWb9AiBDh4+QxaazB2ejFS43oZbJEeMDe7wEk5DpR27cf+yvTQ=="}]},"maintainers":[{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-popper-tooltip_1.0.4_1533733108407_0.17441982651257404"},"_hasShrinkwrap":false},"1.0.5":{"name":"react-popper-tooltip","version":"1.0.5","description":"React tooltip library built around react-popper","homepage":"https://codesandbox.io/s/pykkz77z5j","repository":{"type":"git","url":"git+https://github.com/mohsinulhaq/react-popper-tooltip.git"},"main":"dist/index.js","scripts":{"prepare":"babel src -d dist"},"keywords":["react","tooltip","popover","overlay","react-tooltip","react-popper"],"author":{"name":"Mohsin Ul Haq","email":"mohsinulhaq01@gmail.com"},"license":"MIT","peerDependencies":{"react":"^16.4.2","react-dom":"^16.4.2"},"dependencies":{"classnames":"^2.2.6","emotion":"^9.2.6","lodash":"^4.17.10","prop-types":"^15.6.2","react-emotion":"^9.2.6","react-popper":"^1.0.0"},"devDependencies":{"babel-cli":"^6.26.0","babel-preset-env":"^1.7.0","babel-preset-minify":"^0.4.3","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1"},"gitHead":"f028f12e98ab08a5f01ba7e367ffc7e2b4eb576b","bugs":{"url":"https://github.com/mohsinulhaq/react-popper-tooltip/issues"},"_id":"react-popper-tooltip@1.0.5","_npmVersion":"5.6.0","_nodeVersion":"8.11.3","_npmUser":{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"},"dist":{"integrity":"sha512-Qdp08n2VeuXSCCKNpEM8td25ElOcznsKUJAjhWX4RXpz7eWWmN3QGAKyg4Y0oZ4jI588lJAoqO+ZZRqgVudl6g==","shasum":"8f60ad47aa37017d8f7f2ada4ab556dbca2d9c6b","tarball":"https://registry.npmjs.org/react-popper-tooltip/-/react-popper-tooltip-1.0.5.tgz","fileCount":15,"unpackedSize":35050,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbau2SCRA9TVsSAnZWagAAUMIP/RaYzlPstqFD+JgHDcGp\ntvTBawTYqFZMVEU2/tAXRLPHnNJVuADa9mSu7aV4hT2H7FJ+q9EhzLY1yB/h\nAw50BrvYxdaDRNTnqDNoKghcTh1v6TDHUYULHSugVuHNgU+o9ch+8XI/Z07b\nbGcGagDgGvKFi73b5jjFAkmnWPjxp4Uf4qrETjTZA1D1DkWKgb5XdMjicyof\n0FrsudPQd0e0XuLqugR7q0ts7WpGAQu5CRqhuQoEv5aNn/nbfqH3zbpdwuy3\nuoGFQLrnL7yoUdyTNJHOs0EMpW8qgGW3YT8jpkPvFcMwdtmOIG7XMH0Nl1m3\nRyme5SwmkEDrChpFSakOnDDCBiHx+s0cyGY/FJjmq0UEZuCl9HORoHiZBYl9\nqAjLtiiWmtoGUP3cueSLQtPs1ZbSj/nBd9oX/4F5wgLwSY8+dHGtcxXXzkqr\nULSTuYZm3uPNYHz0U1+U9pWe1GEL4ViBz5Tgdn/h4K6O5JrgOzqBsJ6wHJmX\n1bfi0cHqSg33MuXRUhujIVpfQ2EFMIgLcpj27Ch/WS0RbSVO3M5Ud/jEpxkA\nJ6Nus3xcLA9FqA6v5RmBZRrWQEq8J29CPjoPpjel8Ku9Qp8KWBYGYkjP0+Rm\n/GyEBGFqhumkhNYrbUXBLVEcuuLt8VvBR0rGIPFJsQLxJFWHe7TO52fjqp3I\nrcrI\r\n=Gwku\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGPm/gYGdhfH4nUfQk59DGeW3f0yJK7TfWDggMjeVr8SAiEAjofm62NRyb2Frq2g7D4ZESMQLC8Uq6tuhRyM1AMfSAI="}]},"maintainers":[{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-popper-tooltip_1.0.5_1533734290897_0.46058384596554247"},"_hasShrinkwrap":false},"1.0.6":{"name":"react-popper-tooltip","version":"1.0.6","description":"React tooltip library built around react-popper","homepage":"https://codesandbox.io/s/pykkz77z5j","repository":{"type":"git","url":"git+https://github.com/mohsinulhaq/react-popper-tooltip.git"},"main":"dist/index.js","scripts":{"prepare":"babel src -d dist -s"},"keywords":["react","tooltip","popover","overlay","react-tooltip","react-popper"],"author":{"name":"Mohsin Ul Haq","email":"mohsinulhaq01@gmail.com"},"license":"MIT","peerDependencies":{"react":"^16.4.2","react-dom":"^16.4.2"},"dependencies":{"classnames":"^2.2.6","emotion":"^9.2.6","lodash":"^4.17.10","prop-types":"^15.6.2","react-emotion":"^9.2.6","react-popper":"^1.0.0"},"devDependencies":{"babel-cli":"^6.26.0","babel-preset-env":"^1.7.0","babel-preset-minify":"^0.4.3","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1"},"gitHead":"678739dccc2c7828d56380531cca1eecb56cb815","bugs":{"url":"https://github.com/mohsinulhaq/react-popper-tooltip/issues"},"_id":"react-popper-tooltip@1.0.6","_npmVersion":"5.6.0","_nodeVersion":"8.11.3","_npmUser":{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"},"dist":{"integrity":"sha512-1NG2kIIAZaofSgZc9QX2/3l5R3c3wCYQwh7uJqS9mRR5FUro8f/RkAeHe0ItD5pqRdgL20we+roa3rv80Ok3Vg==","shasum":"38f4d6e00f9e711e7303d3e12e3c85bb0b92035a","tarball":"https://registry.npmjs.org/react-popper-tooltip/-/react-popper-tooltip-1.0.6.tgz","fileCount":21,"unpackedSize":57949,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJba/yWCRA9TVsSAnZWagAAsw4QAIlUyqQ4TWqtlpOYWdCB\nCLDwMQfusiQgFzNUiKzAq8H5hyUK1nY+v1bwIOraCDZPEv7RUAziq59kGgYk\nRTMBTLy2nLqyQ3651ImjQCt/zR8x5hB+K6xnRDO2CAhsYpgomGFeN5Zxdx8k\n7io4l0U1IyS4SP6AzIkI/JBdfbHYTbEows/pqYiMOFNb5cwa4eesiL4sIslb\n0JgP6betBm5dXL43/HqDdB/xA8bYka97cJyHtcFDMYsZJubCbwCBCuQddPcu\n1ACmJuQcytwmuz7SE1xbDemzOJwNjxUVzM8xazgJVx0tSAWqWsEu0piPzK1W\nmVW1Um3cNYIW6l+zKFCNAgDPW6zvb467Zp/7j6E+09LdtV5lmsK7MyM3VPjn\n3rR2QP28+XjRXEuETbEEw0OUhbyBs1sWX8XqANlc7HfhCITdlVwvAnq9XnET\nR9ONa+5I8J5/GV+YftsGotvf03J0qiM8tsZUWtjUY9jTiVYbF4nZXm0d+W9V\nLeL+w2iJ5RdigyIAf1B1OmfK1LIuQzEVIL3+IdrZzwZFkUJqZHKK+xu7BbKj\nlu7Au9JmyFM4n3H/076hbu2/sZtq9w1FvKxyh785vMnLwvMfuF1gtfoZD7wz\nPZb6OGx57TMkjfBC9MMx8KVBvWhHo9894dVIAm9OvQ03cVQIEI0wFI9CizxJ\nCmXz\r\n=wD14\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBEOWemCgzFSK9Y5/js/Cats5Z9pPqJexM4374PwqpwPAiEA/WD41yKX3UqcYq6S/rKMMlgqvCDRlucVgFfv0E13L1k="}]},"maintainers":[{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-popper-tooltip_1.0.6_1533803669963_0.09329333110765292"},"_hasShrinkwrap":false},"1.0.7":{"name":"react-popper-tooltip","version":"1.0.7","description":"React tooltip library built around react-popper","homepage":"https://codesandbox.io/s/pykkz77z5j","repository":{"type":"git","url":"git+https://github.com/mohsinulhaq/react-popper-tooltip.git"},"main":"dist/index.js","scripts":{"prepare":"babel src -d dist -s"},"keywords":["react","tooltip","popover","overlay","react-tooltip","react-popper"],"author":{"name":"Mohsin Ul Haq","email":"mohsinulhaq01@gmail.com"},"license":"MIT","peerDependencies":{"react":"^16.4.2","react-dom":"^16.4.2"},"dependencies":{"classnames":"^2.2.6","emotion":"^9.2.6","lodash":"^4.17.10","prop-types":"^15.6.2","react-emotion":"^9.2.6","react-popper":"^1.0.0"},"devDependencies":{"babel-cli":"^6.26.0","babel-preset-env":"^1.7.0","babel-preset-minify":"^0.4.3","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1"},"gitHead":"a1d32b4bc7003a7c4acc94d6d31f09c7f0e86899","bugs":{"url":"https://github.com/mohsinulhaq/react-popper-tooltip/issues"},"_id":"react-popper-tooltip@1.0.7","_npmVersion":"5.6.0","_nodeVersion":"8.11.3","_npmUser":{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"},"dist":{"integrity":"sha512-g2WqffUVSYktnGHxRHgQ3pY3v9xipWTOjDQ6iRVXk3sFcBArKSN1wxI7eCh5uI4s62XsYAZVrGCy4WDKg+6ebA==","shasum":"bc12663f65d3bc3f680a3d4b0f09f92064a5e64f","tarball":"https://registry.npmjs.org/react-popper-tooltip/-/react-popper-tooltip-1.0.7.tgz","fileCount":21,"unpackedSize":57964,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbbANTCRA9TVsSAnZWagAA5NoP/Ra0GvZInPsXd2yJxfN2\n3+yXjgLJ6PTcwF0stySDRwCvIzhqnqqenC3wWG4pxrhPuMIl0rk+sZdKjcsq\nsJOGM38YIbaMl3NnCRvYoJ+rkfyU7B1A6HEteglKpMsFvWKqV7jxtWLbMIDb\nFUrgAl1HnHv1Uj8wxVGIw2iDarxuzN9q00aBDvoRRp7qfLO5dUzgrey+6gXh\n10+EC71CQIzi2ZR9nQHFTCvK7ujXBuXdLbqTiYiFPaIhSIX2Ck/rfZbBHEan\nKG0x+hDm/BiB6lGGVOhKf1wbjRz1CKqzl2/KcSMTLQotcXwdQqGBSEJcqfQC\n+CG3/ounnVRMziBdporkTWGqlSfZZTmIJudkMb4/e2tgnRlqz+Jvy2Csr+JW\nigOuz8vjK6ovdU+6BP4j4GX9Ixdg3ytgo7ctyrxydQauRwTthVTt3Tnxa6aL\nQafkcCh10lf/TpAZYjLeXCsaZh7jV2K89rISGex4EVJK6Rp/eHae+i6TSk4K\nsKu97O4MVJbE20gWowP2Nef5kc0N+fNTCtsBBLuH4QRGAUf55Ylf8rEBqy5G\naso8yYObduO/lD4pQFu6vSLg8mVvRDLMKsaS9vPIz0rP9uJ1aKxmjHnLCocB\nQ3FmxTCDAyw/S2z3fKJfjf6hm4GeRAXDQv89biOQwGqJlOM9Bt7ywxx6wwaR\nVj0y\r\n=e856\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC+1o/1Rik0G7Vehw9nMeg9yueioA9+XuN+6AAEvu7BCAIgON47RnxCEb1IGEoD5naigueHrf56u2sYnSufA8QLegw="}]},"maintainers":[{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-popper-tooltip_1.0.7_1533805394861_0.38381426840748234"},"_hasShrinkwrap":false},"1.0.8":{"name":"react-popper-tooltip","version":"1.0.8","description":"React tooltip library built around react-popper","homepage":"https://codesandbox.io/s/pykkz77z5j","repository":{"type":"git","url":"git+https://github.com/mohsinulhaq/react-popper-tooltip.git"},"main":"dist/index.js","scripts":{"prepare":"babel src -d dist -s"},"keywords":["react","tooltip","popover","overlay","react-tooltip","react-popper"],"author":{"name":"Mohsin Ul Haq","email":"mohsinulhaq01@gmail.com"},"license":"MIT","peerDependencies":{"react":"^16.4.2","react-dom":"^16.4.2"},"dependencies":{"classnames":"^2.2.6","emotion":"^9.2.6","lodash":"^4.17.10","prop-types":"^15.6.2","react-emotion":"^9.2.6","react-popper":"^1.0.0"},"devDependencies":{"babel-cli":"^6.26.0","babel-preset-env":"^1.7.0","babel-preset-minify":"^0.4.3","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1"},"gitHead":"90ffbcca13ae940a1c24067d74dc8c005ee2c9d6","bugs":{"url":"https://github.com/mohsinulhaq/react-popper-tooltip/issues"},"_id":"react-popper-tooltip@1.0.8","_npmVersion":"5.6.0","_nodeVersion":"8.11.3","_npmUser":{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"},"dist":{"integrity":"sha512-fFO1TsB0CJ4RVAbuOWkkLKyGB56Es/tG1j/wVvNNVhtr3HqoPxDk/xfk5DatzlCmvJ20xZX8mQEbk1R3rR3joA==","shasum":"d2d5af34ba076ae596c4ad3913beee0c9575d707","tarball":"https://registry.npmjs.org/react-popper-tooltip/-/react-popper-tooltip-1.0.8.tgz","fileCount":21,"unpackedSize":58853,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbbCEdCRA9TVsSAnZWagAAicwP/11+k6Kmn6gwVAYjs9/T\nt5tPtZlwRRkCFOXsnbbl9rOzOPzZOEpi3aGTkzof47HS3fZr4F9dtDE7KTFM\nlQrzy4UTZmj84e2LWQxUdp5B8fq54zjwqQFHgNxYLi1ZBzqlp7OwiofZMagm\nTE9St9dWTdUFjFUroRmb+LV0lsSLJc0ArFzgef5bCmwPzmbN1Vqh6Fp2qfok\np9SrT3O+xSXcjHzmi8rk/0HE5KH9cQQbCEbpKi7ui9h+rgv1vuiTe2qOqf2Z\nMLXiSo9/vJqIxWuo9Jiwv3WU34W93FY1ipOH3kHgV/DV3c4zYbHw/WwfJ2GG\nyIR5IxCiK1FjgHrQE54IzjkalaJkPx9UGye3aMSbqPt79i6GWsEEUyfmHyUf\n/5uTbdsx55OFAWrn2rnHe5I88/UNvC9JntjlIErgvtBgfvxjHHzTD939z6d4\nwNeLq8Nqr8aqV78T+4gXssujFUF35+IEmRjJV+iJteV2VMOCgWfXV7HyacUo\n9uTvV4pjFBLLiV79APAnIONtrssQbDMyXFTs0DAZhRx+n+oo6qO/VUtKDyzg\nhj6hb/VjMCwu7NdZUbFZ8AebdjxiaGdfJ4DJvvgDTwTpBr1Wiw/MWwMoFxAA\nn0QS5iZMM0zVfGMUmkWllklsOksOAplnJef+xCGHKkU/VEvqlZ1iQGdvZDMX\nHQG7\r\n=fYa9\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBQVkFTXWJ+rPE4jpS2Uz3yzB42LxZ3W+SGuF6WL8JwfAiEA7tRcQAEc9I+fLrtYq+yeAQkjxAtx4R8I9bXNrRxk+CU="}]},"maintainers":[{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-popper-tooltip_1.0.8_1533813021213_0.9820752917639246"},"_hasShrinkwrap":false},"1.0.9":{"name":"react-popper-tooltip","version":"1.0.9","description":"React tooltip library built around react-popper","homepage":"https://codesandbox.io/s/pykkz77z5j","repository":{"type":"git","url":"git+https://github.com/mohsinulhaq/react-popper-tooltip.git"},"main":"dist/index.js","scripts":{"prepare":"babel src -d dist -s"},"keywords":["react","tooltip","popover","overlay","react-tooltip","react-popper"],"author":{"name":"Mohsin Ul Haq","email":"mohsinulhaq01@gmail.com"},"license":"MIT","peerDependencies":{"react":"^16.4.2","react-dom":"^16.4.2"},"dependencies":{"classnames":"^2.2.6","emotion":"^9.2.6","lodash":"^4.17.10","prop-types":"^15.6.2","react-emotion":"^9.2.6","react-popper":"^1.0.0"},"devDependencies":{"babel-cli":"^6.26.0","babel-preset-env":"^1.7.0","babel-preset-minify":"^0.4.3","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1"},"gitHead":"4bb099001c277a30688542651eb975cb1d4a3a90","bugs":{"url":"https://github.com/mohsinulhaq/react-popper-tooltip/issues"},"_id":"react-popper-tooltip@1.0.9","_npmVersion":"5.6.0","_nodeVersion":"8.11.3","_npmUser":{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"},"dist":{"integrity":"sha512-btXUvO1u9sQfzRn8F6IcCfqJfuZchn9jjlnQ6bE+waaZDJcbj38c3gZC0XT34I0Zr1vpE+f+F/8Wtpzu7jwWeA==","shasum":"be1ce4a7ae47cfcd9bab8db07996bfd59a8d6690","tarball":"https://registry.npmjs.org/react-popper-tooltip/-/react-popper-tooltip-1.0.9.tgz","fileCount":21,"unpackedSize":59063,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbba6gCRA9TVsSAnZWagAAvBIP/0yYjavpsxIepkY2G05I\nAs8i1OsuYstomxmaYt5TKJz4ZFGaXCrWnIf08F5EdIRkcEHQA5DQyD+2q9MR\nSY9wZ5w6gEoFhZc/0oU5P+tOMRpc8snmKjd8j4HzqXNN8gVcrE6iQFlqsJom\nEqmM7eT3C2OC4bLJjgft3q5qd6WBdbnibivkVhAcL7ZjKrMiCjXljpYnT1pO\ns6dzs3WL1BPqH33/KpyLPvOCZZc0i6Y6/z37Ou/ebCpCrwbLZw/vLSa8B2dR\ncTprPQcK+bkoGC595zcmSLqfJVdQCpEh0ZGxLTp4dUkxcGWWH1p+dI1AjAZ+\nyDH9P4iwOWes8rkjp6rgOPlRScYudqp9kbsaEltmuQ3YF3v7CJ/RJyNecyw/\ntFThAX3IS2ok+NWY+UCqFoewPGhnOlTbU7MH31hceCZBPvq9f2LPL2zbHhRV\nADzjvQX35opkDKTnzoYBf0QTx5PHB1lYEH1ezY1jeFowm2xgfHOULRX7VRKN\nWENxnwLY6ENQt1ARF10AenP+JdmEaEd+w8ygP/SZPIMRxkLid7KWYnN9rVP6\naLrfCTdmyTDWMWKSq+gNSfpMZsij27Rr9skzqDLzcORLhT1+2QmX7x3xQpyw\nZVskYanXR+dFfJcNwZReCfnOS2oH2C7C7+7/UvXx25JMNZQDOVcuyVk6LBe/\nGdJs\r\n=Udf9\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCKQTPX8y5Bv1/GGsZPDKVDZnGLn2oSYcYCG1V94fDvOAIhALMer8eeIoA/iBtkOXiyBuho6PDOxJ/UXdYiTc7tYynx"}]},"maintainers":[{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-popper-tooltip_1.0.9_1533914783600_0.9122273098558733"},"_hasShrinkwrap":false},"1.1.0":{"name":"react-popper-tooltip","version":"1.1.0","description":"React tooltip library built around react-popper","homepage":"https://codesandbox.io/s/pykkz77z5j","repository":{"type":"git","url":"git+https://github.com/mohsinulhaq/react-popper-tooltip.git"},"main":"dist/index.js","scripts":{"clean":"rimraf dist/","prepare":"npm run clean && babel src -d dist -s"},"keywords":["react","tooltip","popover","overlay","react-tooltip","react-popper"],"author":{"name":"Mohsin Ul Haq","email":"mohsinulhaq01@gmail.com"},"license":"MIT","peerDependencies":{"react":"^16.4.2","react-dom":"^16.4.2"},"dependencies":{"classnames":"^2.2.6","emotion":"^9.2.6","lodash":"^4.17.10","prop-types":"^15.6.2","react-emotion":"^9.2.6","react-popper":"^1.0.0","rimraf":"^2.6.2"},"devDependencies":{"babel-cli":"^6.26.0","babel-preset-env":"^1.7.0","babel-preset-minify":"^0.4.3","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1"},"gitHead":"7b646ec7ab3cf3280b14149c652d2d24e0a2971d","bugs":{"url":"https://github.com/mohsinulhaq/react-popper-tooltip/issues"},"_id":"react-popper-tooltip@1.1.0","_npmVersion":"5.6.0","_nodeVersion":"8.11.3","_npmUser":{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"},"dist":{"integrity":"sha512-Qm/xkysfaAWwc5CaV/aGnPSPc5dzAYl5BtadqquDkx475VaY0pHoI/BpDswD7LJusdWxrrBboPMslNG2W0gYLA==","shasum":"ece816323b430b5eb68fdebd588101049dd14076","tarball":"https://registry.npmjs.org/react-popper-tooltip/-/react-popper-tooltip-1.1.0.tgz","fileCount":20,"unpackedSize":58846,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbba9zCRA9TVsSAnZWagAA4LAQAJLz7Hu7Eq7dgq7SWva1\nkYaUidxnBER6BllElwbOfa9iclbzeMAYvGAooCU26UPcyqOlP9h3A25GCIhV\nEwoPMtmmJ32ZzCjXD8t8Dvpcb3CUFSde5y+8hZotPCIML21QG94UZN3BUoh8\nZYVkoDjKD8tIqJmrUzLvyWBIrwQNC3Rc9oqb0aVEg/zJP4DAAAeWdpoqdaFZ\n5RmqugfQsjKxtsFebBO31e5hHb86N5uWURlJ45ILeVsf+YnpvrYT5GMK5TaM\nK65tukZlA9PiPyxe7LpCmxHH07jhfYPyMPTu+7e1BeLopb+Ld6+EDlmPnUn9\nHFgTOkuLlKjKcwvVGYoZkbRz8lFXTuCVXeuPGDYPrrvPPN4L8FNjdbMCcHTV\nGvzwy9rtow2H6DtC9IKFphlw2Ht0ADaHElLFMh/ENhBdvbtq4+6DrIybV/KC\nsBwH1dsml8x8Thmd2ZNehzsSXhKWUVAoycDTFdf7sM6mqo753g0TF72rwQIM\ntvb1V6iAnfFgraLcQhVNlrenFDRcuoEfjHwDoz0jzWLkrS++G5keNerNCA14\n1UTWKZ9X4TksH87gDBl1vSvc747X3cDN33QUhUl7YW0mQBqyiy0AWTEopvQN\nUgSpGJ0TnzaLoXLGwBrI1NzPxFtLXOb/xjgqaJtpBsyafgRpqD3O849wGgI2\nPEz9\r\n=aE7F\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHOcXusPRmQXA1xC7vCrwXU4BdA+c4/Q09MzgBQ+E9l3AiBeU7T9qq1qwIDLfA/03bzgL5fTqtqiM5FkGSogrvZfXA=="}]},"maintainers":[{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-popper-tooltip_1.1.0_1533914994751_0.9823459649865944"},"_hasShrinkwrap":false},"1.1.1":{"name":"react-popper-tooltip","version":"1.1.1","description":"React tooltip library built around react-popper","homepage":"https://codesandbox.io/s/pykkz77z5j","repository":{"type":"git","url":"git+https://github.com/mohsinulhaq/react-popper-tooltip.git"},"main":"dist/index.js","scripts":{"clean":"rimraf dist/","prepare":"npm run clean && babel src -d dist -s"},"keywords":["react","tooltip","popover","overlay","react-tooltip","react-popper"],"author":{"name":"Mohsin Ul Haq","email":"mohsinulhaq01@gmail.com"},"license":"MIT","peerDependencies":{"react":"^16.4.2","react-dom":"^16.4.2"},"dependencies":{"classnames":"^2.2.6","emotion":"^9.2.6","lodash":"^4.17.10","prop-types":"^15.6.2","react-emotion":"^9.2.6","react-popper":"^1.0.0"},"devDependencies":{"babel-cli":"^6.26.0","babel-preset-env":"^1.7.0","babel-preset-minify":"^0.4.3","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","rimraf":"^2.6.2"},"gitHead":"63e7f1d8c1198ebb00ebf0576af74f98e84fc7ce","bugs":{"url":"https://github.com/mohsinulhaq/react-popper-tooltip/issues"},"_id":"react-popper-tooltip@1.1.1","_npmVersion":"5.6.0","_nodeVersion":"8.11.3","_npmUser":{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"},"dist":{"integrity":"sha512-+m4ncgh15qAlPocv6LjN62FZWkfIUI12RfvUEDb2TqCOavF7592HZuoojBS50AO6dXecS3eIgHJ2lOdN9p3wgA==","shasum":"a732d009d6c885f7d3a2407758619906344d67f1","tarball":"https://registry.npmjs.org/react-popper-tooltip/-/react-popper-tooltip-1.1.1.tgz","fileCount":20,"unpackedSize":59807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbbbI5CRA9TVsSAnZWagAA+uYP/1AL4f3rjtWkMZ9Bpj11\nRrlozs/TGm6vMDqhQQbKj2kKuPIaSg7E2k/mnTC440IC0h8OuFEJbNiFLUwF\nTsaksjvdEK40kCz0xRn+2S9MIhxhvpTk18Hl1ebw/P0BduJxDCocTAIp7q1f\nxKibzha5lDKEOXJqQSsMpwTG2M4Ca2LoafdCK62rG5Eiy2mo657nWXS1Govq\nAHuVMZxzufK6irAT193r9CgEosVAczJ9R7L/UoocpRnd6eeMw0F2Me/zZ/UZ\nN5qHDjswm+vrqPbxzf78bAYptFp2cIm53uTiOnBRPk7cqXmVOaKYGtlhKtaI\nvp0e0a/NHZRHY4z+MDzIzQt2tqKyLNIi67aX1KiraBvxlfu7c5LNdlpHxslk\nZQSlIGLKshBNJqhmXnefkvPi1Xuka04RubU7zrW/l7yBw4UFQP74CHL4vbsB\nCvwRCtYtU0qyI79R72t4bNhgoNUsOa4E615K2Yrc2WSFTzQ/y1MLna19Su6F\niD4G28eNJEeru4cx/2FuadrOTMRE8n8ZhK79BGfJ7Cpj5JA/DlZ6brnw3K+F\nVHghfuBxexFeAWRLKfRzQ8HiVPVr53mApX8Rhp0N9t2iwywQwuEWDs4mIvJJ\n/GhYtJ0Je6r6aeFHWslWTkHO4riZTURCR5PW7HB4sUlC1QsuGpFvxwlWFjAO\nR23K\r\n=056T\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCFEqX/9CxCtOmvzzak2+rWHSD6bOQl56DdmemkELqcgwIhANDTr/zc2KmosLXN6D3PVw+b57HqPTcWyWSGtE+RBg9b"}]},"maintainers":[{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-popper-tooltip_1.1.1_1533915705088_0.6029823712852547"},"_hasShrinkwrap":false},"2.0.0":{"name":"react-popper-tooltip","version":"2.0.0","description":"React tooltip library built around react-popper","homepage":"https://codesandbox.io/s/pykkz77z5j","repository":{"type":"git","url":"git+https://github.com/mohsinulhaq/react-popper-tooltip.git"},"main":"dist/index.js","scripts":{"clean":"rimraf dist/","prepare":"npm run clean && babel src -d dist -s && cp src/styles.css dist"},"keywords":["react","tooltip","popover","overlay","react-tooltip","react-popper"],"author":{"name":"Mohsin Ul Haq","email":"mohsinulhaq01@gmail.com"},"license":"MIT","peerDependencies":{"react":"^16.4.2","react-dom":"^16.4.2"},"dependencies":{"prop-types":"^15.6.2","react-popper":"^1.0.0"},"devDependencies":{"babel-cli":"^6.26.0","babel-preset-env":"^1.7.0","babel-preset-minify":"^0.4.3","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","rimraf":"^2.6.2"},"gitHead":"b33f2c6f51d9bfcbaa8df3d58b664ca2ebee33f9","bugs":{"url":"https://github.com/mohsinulhaq/react-popper-tooltip/issues"},"_id":"react-popper-tooltip@2.0.0","_npmVersion":"5.6.0","_nodeVersion":"8.11.3","_npmUser":{"name":"denisborovikov","email":"metaller.ru@gmail.com"},"maintainers":[{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"}],"dist":{"integrity":"sha512-4+gBPvg207yP3PM0iN+Q8sjwKSA6oFPaQ5NkiwkbBWLekHRV54jIHc2ALARlgTf6Ef67VZybhgkF5/D7cgkqfQ==","shasum":"1a42bf42caf9998a7628aebddb52d6f924ead1ef","tarball":"https://registry.npmjs.org/react-popper-tooltip/-/react-popper-tooltip-2.0.0.tgz","fileCount":19,"unpackedSize":52775,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbhR5HCRA9TVsSAnZWagAAzPAP/A6p5qGJCNAcXDpZBpO6\n8o0IbTWsS/UPFhJthgtaGkbG6BgEboFA07DTx76t9DJwkY5p4uQkU+Fm6wpL\n/V0ScO/BV0wV4L0bo6xzv99PzN22nMkrEWWvSfkKzM35Sv2NFNT38xKsCRzz\n4a3ev9KmVXTmhnzmPH8fWh7HjUDYUVgnFrbKws1TTO9M/obYpGK0r4xWaiWu\noZfSUzfYVn8HBj81lwQn5DeoJKoB4L3ByYkHs7zYbRzIF9LpsqN7GjFTW1L9\n9euVWNAl3Du6qKiOSOBYgEq8tfcnTp0af6jhpaQ37Z2fCjAvQnI9jmlmJbfA\nbdalCfqhdSEUPTiiGdsJV8WqM5uPCRZTNwHyiaJKQpqtLsdCh/a+2at8dSpM\n69bIKb2WH5yqMkVy4eI7FMYFqXK6wRcsKc0oSG4sgAQAfflLdZ1/wWinBOpD\nEusHYVY2i9KU53fYzb96MQjMhqqwB9/GqmxWOOuyrYv8Nz5SB/PuGpqvgMYH\nXSFBgi6jLZCZ9t+pVqa1jAftBxhpkJNPFrYDPVb0P//ezoUecn35VpJ7EGbZ\n3aEsfSE4H2t3ZbMm7URFX64IQ4tmBPN3wWvzUDsXtRTm3YM8qEpUtZFLblSH\nZimhilPJGo9ky9RXF1CcnODlhsh1Q0ep5hAsmXGFzHru2lqSsYj/i0SQJw7+\nQnV5\r\n=4eHb\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICen7HCY+lUnXBcpXDfcOur3TVp68a8tUc5ahn2ikecVAiEAjyamkHLhcQdbFaQ3AHwRiZY983Tp+yjIxuZPUpMWi/s="}]},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-popper-tooltip_2.0.0_1535450695019_0.47217697715332996"},"_hasShrinkwrap":false},"2.0.1":{"name":"react-popper-tooltip","version":"2.0.1","description":"React tooltip library built around react-popper","homepage":"https://codesandbox.io/s/pykkz77z5j","repository":{"type":"git","url":"git+https://github.com/mohsinulhaq/react-popper-tooltip.git"},"main":"dist/index.js","scripts":{"clean":"rimraf dist/","prepare":"npm run clean && babel src -d dist -s && cp src/styles.css dist"},"keywords":["react","tooltip","popover","overlay","react-tooltip","react-popper"],"author":{"name":"Mohsin Ul Haq","email":"mohsinulhaq01@gmail.com"},"license":"MIT","peerDependencies":{"react":"^16.4.2","react-dom":"^16.4.2"},"dependencies":{"prop-types":"^15.6.2","react-popper":"^1.0.0"},"devDependencies":{"babel-cli":"^6.26.0","babel-preset-env":"^1.7.0","babel-preset-minify":"^0.4.3","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","rimraf":"^2.6.2"},"gitHead":"2976a6c83af7fcc4a0429b802a8a8e1b0174dccc","bugs":{"url":"https://github.com/mohsinulhaq/react-popper-tooltip/issues"},"_id":"react-popper-tooltip@2.0.1","_npmVersion":"5.6.0","_nodeVersion":"8.11.3","_npmUser":{"name":"denisborovikov","email":"metaller.ru@gmail.com"},"maintainers":[{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"}],"dist":{"integrity":"sha512-6kjPnQ4N3pSaDnaHWNwP/2wyArIaWqTekpXy7btvQPA0lR7kniHlk77z93HKDgmPqXsQ2hbXSwcyPOywXbbPGQ==","shasum":"37dd155c5dd0ec487ac92b4437ab178ca8b223d8","tarball":"https://registry.npmjs.org/react-popper-tooltip/-/react-popper-tooltip-2.0.1.tgz","fileCount":19,"unpackedSize":52832,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbhlP/CRA9TVsSAnZWagAAWvkP/AowiRs+IciGSeqQyzPA\nXttlvGEMLCH7FZ3snYI0p68AaYCW1m2z95P2iqcu/cmVQR6xXS2vjFct3NRC\nwTPdlAPXCWVTg3OEmEqmarSPx5+RA4dwbOjBUYRsrjaLXH7Ubs+Z6ebS9YEH\ngg0b8UKEEzFO6SJCdKpviutgV4Ln4gO1zKe8B4DpEaPwA9BX4GYBvJVebqmR\nILh+2A7GnEfZ6IXGfwJJc4xzExw25iNFjimot+5yZ8mTcqlnzRA1epJ61mfk\n/hm7YWeV3mVRO9B9i5YTeMjGCNBoQ2xMwn0cW0FUxyYOJv2KfmRjZKBBlAkf\ntns/QV7FZophU4LSEvOL6qpCgVQJwV4Cem19vrV1rZyBA5v+Jq1RwQTg+atL\nA4/h0ytXqatQ0kk5G7L4QoMWxHgx8RofMPjdMBHSXTM5RbLJ/66sK/OukeIU\ninzkoUAyQz7k48qlKAZWax8PYAhUaujPHxeM5fiW0xI5J6WfEYkKSfc25554\nUpaHm9ZKCDXPopsu11xYVM3b6QO20nt/r66LsmYbHf0a/VQ5FjSVii2HGl2i\nVSlyYqcPG3zSkmPdfsKZ4SKCzl540jlsJRlG6tm89iVD+q+QziNThHQ4LCi5\nPEI4T0XPcRyv5CYwkcBTJyh0JI8p9CVOgPz8ofaXbatczULyvR5vTH9GJCMx\n5E37\r\n=7uQP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCXF8nmNWA3Zq1LNowkI1THr36f+Tyu1RrAQHQjs0eK8AIgJRDGQ+0t7isRtGTSHUyHeLccdeFxxizn1OLU+c65BuI="}]},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-popper-tooltip_2.0.1_1535529982815_0.7067526983517041"},"_hasShrinkwrap":false},"2.1.0":{"name":"react-popper-tooltip","version":"2.1.0","description":"React tooltip library built around react-popper","homepage":"https://github.com/mohsinulhaq/react-popper-tooltip","repository":{"type":"git","url":"git+https://github.com/mohsinulhaq/react-popper-tooltip.git"},"main":"dist/index.js","scripts":{"clean":"rimraf dist/","prepare":"npm run clean && babel src -d dist -s && cp src/styles.css dist"},"keywords":["react","tooltip","popover","overlay","react-tooltip","react-popper"],"author":{"name":"Mohsin Ul Haq","email":"mohsinulhaq01@gmail.com"},"license":"MIT","peerDependencies":{"react":"^16.5.0","react-dom":"^16.5.0"},"dependencies":{"react-popper":"^1.0.2"},"devDependencies":{"@babel/cli":"^7.0.0","@babel/core":"^7.0.1","@babel/plugin-proposal-class-properties":"^7.0.0","@babel/preset-env":"^7.0.0","@babel/preset-react":"^7.0.0","babel-preset-minify":"^0.4.3","prop-types":"^15.6.2","rimraf":"^2.6.2"},"gitHead":"38135b480530260e0cc97ddc16099907874d3b50","bugs":{"url":"https://github.com/mohsinulhaq/react-popper-tooltip/issues"},"_id":"react-popper-tooltip@2.1.0","_npmVersion":"6.4.1","_nodeVersion":"10.10.0","_npmUser":{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"},"dist":{"integrity":"sha512-T3lSs9AngZ/b4n/62ueYQbRuTm/6RLuXzLCXZ10UPulqkAKfskKX/0IlUSXDG7WocJfrC0xMC4kNxRuofM/XjQ==","shasum":"66dfa22c0c3cfa1831bb6014a10021df4db409b3","tarball":"https://registry.npmjs.org/react-popper-tooltip/-/react-popper-tooltip-2.1.0.tgz","fileCount":20,"unpackedSize":57317,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbmlIUCRA9TVsSAnZWagAAsHkP/07Qk6TEgLmUuY4Zmy8y\nPdt2IFwUQMjycSX+0m2ASiVV4XYNtVLuElAJjvP3xNq/3Bk58LOItkOn7U0R\nD+dEDf/ns9x1TzmPUncY3BsQW9i7O6y3VynuiDWmi59Ba9PB7jlsOInl9Tca\n3VczFSXHBBNGNaAg4+YbBv0JVfuZhoQzXowJJW98dbOjWpbTkYzhqkHRoxo9\nK052bJF6NBZGgDcLWxZyv1+ezL3/y48NPwFmbx3UF//fXB8aQ2SAxQiAbXhd\nUmT24wTspomxn9OMchipo2AeK02ASibj9KGJpAnP/yEuYNW8CF/DrXL9us8y\nynpHQO6tFWLUl66J9ac/ImyXrviWKOwhMFxiOw3ddrQo2+4KxjroGKY0JcKA\nTB/1JND4bBOXAcapATU5c+QAG2n65z5cmJvxoLysHtF2ajbbo1WxzKlAAFw0\ntL8v6iuqlVrxX6UdGSKMNidG8xpX24JXTimXoDwT5y+q90+eaKM6+CUHn7VS\nJYSx0nrvXDRkn7yawS8dKvRGdX4TbIvd2qyDhguvzaaTw5EC5RQntrON+DYD\nC9v746ekQcjhgXNi9c/jcPhKZInUiMSYP1j7Y/oMi3tCibxtaQznr4i2hkw7\nQ0NPvv2dycA7uBuBfkKeDAlsscXycivIcw++VW0JnhFkM0d+gg1ByEKX9v3p\ncsGv\r\n=+gGz\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICmNnaMhdN52E+1tYUHOtHhNAYnN2kYOGZsraXqoU1EjAiAtoni7OybjTN6YeYrHOEFG7ME9zuX3VahRjBPaSAkKXw=="}]},"maintainers":[{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-popper-tooltip_2.1.0_1536840211510_0.15207873122254445"},"_hasShrinkwrap":false},"2.1.1":{"name":"react-popper-tooltip","version":"2.1.1","description":"React tooltip library built around react-popper","homepage":"https://github.com/mohsinulhaq/react-popper-tooltip","repository":{"type":"git","url":"git+https://github.com/mohsinulhaq/react-popper-tooltip.git"},"main":"dist/index.js","scripts":{"clean":"rimraf dist/","prepare":"npm run clean && babel src -d dist -s && cp src/styles.css dist"},"keywords":["react","tooltip","popover","overlay","react-tooltip","react-popper"],"author":{"name":"Mohsin Ul Haq","email":"mohsinulhaq01@gmail.com"},"license":"MIT","browserslist":["last 2 Chrome versions","last 2 Firefox versions","last 1 Edge version","last 1 Safari version"],"peerDependencies":{"react":"^16.5.0","react-dom":"^16.5.0"},"dependencies":{"react-popper":"^1.0.2"},"devDependencies":{"@babel/cli":"^7.0.0","@babel/core":"^7.0.1","@babel/plugin-proposal-class-properties":"^7.0.0","@babel/preset-env":"^7.0.0","@babel/preset-react":"^7.0.0","babel-preset-minify":"^0.4.3","prop-types":"^15.6.2","rimraf":"^2.6.2"},"gitHead":"45f81601da97bfeb00eabd49a26d3acd7728255e","bugs":{"url":"https://github.com/mohsinulhaq/react-popper-tooltip/issues"},"_id":"react-popper-tooltip@2.1.1","_npmVersion":"6.4.1","_nodeVersion":"10.10.0","_npmUser":{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"},"dist":{"integrity":"sha512-OuDBaXjeNrjsXwuVI7B1hqbjFZyDLoOxt+Cpq0hbDn20SX9AipMHTEVnZ44Wu8V89RSiWAsSu2TxEUxbvcdE4g==","shasum":"0c1e1ece839b5fa71bc603790322ce6bc71ad7fc","tarball":"https://registry.npmjs.org/react-popper-tooltip/-/react-popper-tooltip-2.1.1.tgz","fileCount":19,"unpackedSize":52726,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbml2zCRA9TVsSAnZWagAAGv0P/31Nmpf/3FG7luTW7xGi\nui8RpXhZrWSq8Z7eGewz7bo+eQssp+LYnNDFqVWai/jWemzvtroNxtHHUfCA\nXSsxTLndtsMR4eEZrXhUc9UIXEGvIJtobGtzBCn9Z3rNniRpEWFcEQ7feqUA\nARn2WNZW6fk644/MSwRLl7VmgjyfmYru807OpqByR0/sqXW98J7mv/jA6vAr\nBrvDMKoqdU0KchBo1ArDyOm8n9EzcPeU1V+85V9oJQtveijJQnU79R19raib\nM0+SuyLr2TYZILttKxU7UgWM1gJBQbxh7Kig9gNfp/uj89g16VuaZ8Qk9rLj\nVu4entedWt0FgTy54OmrToPzBbTvs68nkq6obTGLEgflyyIzH95KzJ/U4GLF\nz3I0lkj2v8HSG6H7hXIF6bLfnjmXgkLIzvuVBz9IWg2Oe1Hqnv6kSDlRSVhm\nfjc9BZ3QQOTsmDTt6SQObw8zauDyJpf/bQ55GnLT1lDr/uHoQlkts3U2+GEq\nX2aj9B3UmfA6sz8au1E7mV6xvHSamFizfl7xA5fobbzl5XkSRqFAfcMeopK6\nHI15UiwntIpFx/PnGh2xvK0LgpcBN5DAJxeGo9FwZKDFLL00sH3zJPINepSA\nwD/qc79wFRoA6kuJvESTYenegT9BWVglhE76I2ZEfpDGoVoDJAdcaZTeNoEC\n5A18\r\n=vqlQ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCel/KEEXJyQZQCoaySBtnm9SNbr6gceIBZ9/Sn/8lnvgIgMrTRaa+J3T4lHa6J6HZAoECLqvbxpEF2jkptA6aUiZk="}]},"maintainers":[{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-popper-tooltip_2.1.1_1536843186673_0.1940138628588317"},"_hasShrinkwrap":false},"2.2.0":{"name":"react-popper-tooltip","version":"2.2.0","description":"React tooltip library built around react-popper","homepage":"https://github.com/mohsinulhaq/react-popper-tooltip","repository":{"type":"git","url":"git+https://github.com/mohsinulhaq/react-popper-tooltip.git"},"main":"dist/index.js","scripts":{"clean":"rimraf dist","prepare":"npm run clean && babel src -d dist && cp src/styles.css dist"},"keywords":["react","tooltip","popover","overlay","react-tooltip","react-popper"],"author":{"name":"Mohsin Ul Haq","email":"mohsinulhaq01@gmail.com"},"license":"MIT","browserslist":["defaults"],"peerDependencies":{"react":"^16.0.0","react-dom":"^16.0.0"},"dependencies":{"react-popper":"^1.0.2"},"devDependencies":{"@babel/cli":"^7.0.0","@babel/core":"^7.0.1","@babel/plugin-proposal-class-properties":"^7.0.0","@babel/preset-env":"^7.0.0","@babel/preset-react":"^7.0.0","babel-preset-minify":"^0.4.3","prop-types":"^15.6.2","rimraf":"^2.6.2"},"gitHead":"66d63635e7303dc3a8da4d894f5b25d780cb263e","bugs":{"url":"https://github.com/mohsinulhaq/react-popper-tooltip/issues"},"_id":"react-popper-tooltip@2.2.0","_npmVersion":"6.4.1","_nodeVersion":"10.10.0","_npmUser":{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"},"dist":{"integrity":"sha512-vqU08xRiCovtMX6Hl4jrAbVppApUr03rY2f0vvxFcqy42JtfMv7IEi7JeT1GsWiLmOG9BP3L3wjt64fBkb9/Yg==","shasum":"62b0660b3af051ddccee984e3a5ea73e995549e3","tarball":"https://registry.npmjs.org/react-popper-tooltip/-/react-popper-tooltip-2.2.0.tgz","fileCount":8,"unpackedSize":28258,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJboADXCRA9TVsSAnZWagAARxoP/i1oDrlSzKE2WR0PgTNG\n3UXqEwLT5TW9Wk8c4jtpb35vQem5mEo5Z7gkojni7OkU+WXXZmeBxLhFGCPB\ndClHJZb7DFdNGvJSlfbvnStS41GVEjJgs2P3lDZdT2WsNwSL6gcpdX8keg1U\nvB6ODzPh7MAM3l4zqDmjpjR+zAwOxn6Ud7I10t2PCoVTCsQc+vkx4v2TN9LO\nw/lMARhoTMuWt4XA8pfkIhvIe8ndIIXORYieRRiFoYQuEXW1Uvn4vJrQpb4x\nSP/qGR4B4bcB6m5h494AdP3btWt53x0T3JIFaOxWWl147KwUMn+gS+CJAALr\njSfjTfUVfu9Zx1QujvNxbWNRImUG1XdcUwDNzlJuiCngQJ6+zQL1idhD7UIx\n1bT8hfVitrmdxqk4gpNxdjy4jroD8PSI8PumVWD2S9FiAPR5yClUX8ZD4gf4\nfW7bYic5fT2LaUKeI8cpyPDRTwGOL2sYkydkny1kQFipWEMlbfMjv2X3IRaB\nvrspsDgaEaeKPkuHdzkgS0gYmx+KmLI5OQhLBhWoEQSsAZkg/xwu9Qa3z4ZN\nCMEpzI9LseCpHvWdOpG55DFBKvwpPxQO1nQvr401IWeShIaLFoWf7A6LpIxL\nk/qlljiTwCWV9GBz8QYzAzCWKiYGdegxbLupD58TLaeiKEnCQXcB2/olc/Ei\nP+70\r\n=6TZq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDwvge548sgWBbRReTgSmYXffByyl8tpUdHPKjPILj1bgIhAIesZtfmP/Nq65+gxp7WyQQbfajpo9dFe/XocJ+EsoAG"}]},"maintainers":[{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-popper-tooltip_2.2.0_1537212631137_0.5813425064924498"},"_hasShrinkwrap":false},"2.2.1":{"name":"react-popper-tooltip","version":"2.2.1","description":"React tooltip library built around react-popper","homepage":"https://github.com/mohsinulhaq/react-popper-tooltip","repository":{"type":"git","url":"git+https://github.com/mohsinulhaq/react-popper-tooltip.git"},"main":"dist/index.js","scripts":{"clean":"rimraf dist","prepare":"npm run clean && babel src -d dist && cp src/styles.css dist"},"keywords":["react","tooltip","popover","overlay","react-tooltip","react-popper"],"author":{"name":"Mohsin Ul Haq","email":"mohsinulhaq01@gmail.com"},"license":"MIT","browserslist":["defaults"],"peerDependencies":{"react":"^16.0.0","react-dom":"^16.0.0"},"dependencies":{"react-popper":"^1.0.2"},"devDependencies":{"@babel/cli":"^7.0.0","@babel/core":"^7.0.1","@babel/plugin-proposal-class-properties":"^7.0.0","@babel/preset-env":"^7.0.0","@babel/preset-react":"^7.0.0","babel-preset-minify":"^0.4.3","prop-types":"^15.6.2","rimraf":"^2.6.2"},"gitHead":"ac07e2cccfb65023ff02564abc1ae154021b96f8","bugs":{"url":"https://github.com/mohsinulhaq/react-popper-tooltip/issues"},"_id":"react-popper-tooltip@2.2.1","_npmVersion":"6.4.1","_nodeVersion":"10.10.0","_npmUser":{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"},"dist":{"integrity":"sha512-h6FScDJH1l2XhTVjOUTDI/hCcP/vIUFSZ2PzARU2bdz6Nu/YU8cmS+KXBF9vjHYHkkzVOMRVshK63EoY7QUJ4g==","shasum":"42ca6f289e3d1113eacd2241531e0036a1aa363c","tarball":"https://registry.npmjs.org/react-popper-tooltip/-/react-popper-tooltip-2.2.1.tgz","fileCount":8,"unpackedSize":28260,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJboAQ3CRA9TVsSAnZWagAAgRkP/icUt6WJyURYrv1DF3nd\n1icF4EZU2mXZ1qfM0jO0NB9ZX2noei1zvmFOC555qwcJpSEhnqCJc0TooIn/\noMGGfAH1n2oyzV5GCh57zJVsJhWY9qHusEXF5lEeZoyEfw+ArJFOHkpL/8mc\nxSG6Llmjqrv0UseHv+es3/wDrZCHM21gdRDgSzE+K8Z+p9xtyqQqLh2/6f4q\nM1w65xzal7cQB8KrHwV3+39875oA3atHTiTI263Wq8s1ytSsMQLeNQm7kaYP\n0H4X+ZXCRsQYRwUpzQ9CPj7SPrVRErccB75Nvy4C24WxPr0QwPv6lLQORtQj\nBjrmNUH6ryQR+M+a31PfIdQwjDTwFgQZ96y0vVGWq7T/6++SxrsG0S7Wt9Dt\nR3Dvq+TKniD6oONro+QhzJgB2es3zXSTtF3AsUA/7GIs8hJYTIRrvC59huvf\nmU4oK676xlkLkikJq4y98O3Ujdfx9d82gpFiZsVYISVh/iVGSjAX5XE7OkcH\nUW8TyjU1vyyZmspIZ79xSfIL2HkW3snsw3LM4FEuN3TUgKBQbBbeBWdYjsoi\ngez+97jwI5mEHHEcNTQweL7XetwTdO+63/DFe6A0jRACus61/65kjqtISVbw\nTU/1LDqW4TYGCajMoqUYxMFk/7J33UZdoIu74JlQGAEXacvK8A3jhQRCsTM3\njdMG\r\n=uxYU\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD1BulWaxa5tRTuClOCxHBzd3+DzeSQY7ULX+P0EWzu7wIhAMeJbGnPCU6BvQYlmp8EKsIwc/TRm+T34e1IGBjxb0Lw"}]},"maintainers":[{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-popper-tooltip_2.2.1_1537213494709_0.6738099936958515"},"_hasShrinkwrap":false},"2.3.0":{"name":"react-popper-tooltip","version":"2.3.0","description":"React tooltip library built around react-popper","homepage":"https://github.com/mohsinulhaq/react-popper-tooltip","repository":{"type":"git","url":"git+https://github.com/mohsinulhaq/react-popper-tooltip.git"},"main":"lib/cjs/index.js","module":"lib/esm/index.js","typings":"typings/react-popper-tooltip.d.ts","scripts":{"build":"npm run build:cjs && npm run build:esm && npm run copy-styles","build:cjs":"babel --delete-dir-on-start src -d lib/cjs -s","build:esm":"babel --delete-dir-on-start --env-name esm src -d lib/esm -s","copy-styles":"cp src/styles.css lib/cjs && cp src/styles.css lib/esm","prepare":"npm run build"},"keywords":["react","tooltip","popover","overlay","react-tooltip","react-popper"],"author":{"name":"Mohsin Ul Haq","email":"mohsinulhaq01@gmail.com"},"license":"MIT","browserslist":["defaults"],"peerDependencies":{"react":"^16.3.0","react-dom":"^16.3.0"},"dependencies":{"@babel/runtime":"^7.0.0","react-popper":"^1.0.2"},"devDependencies":{"@babel/cli":"^7.1.0","@babel/core":"^7.1.0","@babel/plugin-proposal-class-properties":"^7.1.0","@babel/plugin-transform-runtime":"^7.1.0","@babel/preset-env":"^7.1.0","@babel/preset-react":"^7.0.0","prop-types":"^15.6.2"},"gitHead":"fac98a5e211171323f250f48dd6b5e9c66041477","bugs":{"url":"https://github.com/mohsinulhaq/react-popper-tooltip/issues"},"_id":"react-popper-tooltip@2.3.0","_npmVersion":"6.4.1","_nodeVersion":"10.10.0","_npmUser":{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"},"dist":{"integrity":"sha512-1QD5BWudlYXw9VUuPYNoNVCtfbhnrf0HkvQyxKTQutXoLOzJa3D8pxP/g0Dk3cRAGdqFStZ0zPfXI1InSrQSKQ==","shasum":"c7964cf2b9c173e4bad43016feb9b1c33b4fa41b","tarball":"https://registry.npmjs.org/react-popper-tooltip/-/react-popper-tooltip-2.3.0.tgz","fileCount":4,"unpackedSize":11409,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJboW+DCRA9TVsSAnZWagAAhKoQAJh35vMgvonkliXL/1Ud\n0F1Mzy3sT/ls4LqgQ2jIROSbycYyhsmHCBf5TXKNmBFm2Ka6eJxfeAk1MdX4\nhZKJ14f1cVunKM9s8pMRcFiLKv0y5uJ0QbOXZlEiHGojYqZTc4jgU0z9Mtu8\nKeF7ly7c9DZdYc2jHhvCIqxv1fxYSccm6m/Qqk518893r37mMWMrZ6vBO0/9\nvS6+o2WIUQ0Rj2PF+3LFonq25b7IG0+9GkjT+snmx8iQdHoR4C+YQz7elmyX\n1QDli6eScyXMPWjEKNDvcw5wHaFpKoVBHWzVltIgdNGr6Mfaq9IMBX6P75TY\n+dh0n7K93inoOps3xOaoZZUlga0lvztx/7aRsjcDsLoQpHelguwfmdWVbh2U\n/A5jce3K+nzbk7engmUR+QqetupgAtWIXjVJr74Ocrc7HN5GY+VeldUlPmyr\nexM6ScsrkIpmZHTROITdEW5SxISCG5pMBfJ0jBjLLbNCL9PcjX+K9qndYJ5N\nvvh1b3nvzJVDH0MiZ5vIYkKtQXtIrVkzT1ons0V/IwgUOH0yGdXTOABdu2cY\nuUzB7/3mGmAkYK10ufqsI1FVwhJZ+PNaoHonucRJf9uBNP27OBNWsAIb9Nhx\nrYrja0PqwRk18TACldjncFRLFGYHDEuvxI5YzfWZdOgOB4cu4+kmpKRrs/Do\nV7YC\r\n=7VVK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD5ewwSFZ7KpYcQSEyVcpKFtlmcw6b1BzuPO1EjPdN4IQIgXCZn1RImz0RXABGD6udsjeL3kiNekBknYpRzgR5hW4c="}]},"maintainers":[{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-popper-tooltip_2.3.0_1537306499243_0.2326614251815704"},"_hasShrinkwrap":false},"2.3.1":{"name":"react-popper-tooltip","version":"2.3.1","description":"React tooltip library built around react-popper","homepage":"https://github.com/mohsinulhaq/react-popper-tooltip","repository":{"type":"git","url":"git+https://github.com/mohsinulhaq/react-popper-tooltip.git"},"main":"lib/cjs/index.js","module":"lib/esm/index.js","typings":"typings/react-popper-tooltip.d.ts","scripts":{"build":"npm run build:cjs && npm run build:esm && npm run copy-styles","build:cjs":"babel --delete-dir-on-start src -d lib/cjs -s","build:esm":"babel --delete-dir-on-start --env-name esm src -d lib/esm -s","copy-styles":"cp src/styles.css lib/cjs && cp src/styles.css lib/esm","prepare":"npm run build"},"keywords":["react","tooltip","popover","overlay","react-tooltip","react-popper"],"author":{"name":"Mohsin Ul Haq","email":"mohsinulhaq01@gmail.com"},"license":"MIT","browserslist":["defaults"],"peerDependencies":{"react":"^16.3.0","react-dom":"^16.3.0"},"dependencies":{"@babel/runtime":"^7.0.0","react-popper":"^1.0.2"},"devDependencies":{"@babel/cli":"^7.1.0","@babel/core":"^7.1.0","@babel/plugin-proposal-class-properties":"^7.1.0","@babel/plugin-transform-runtime":"^7.1.0","@babel/preset-env":"^7.1.0","@babel/preset-react":"^7.0.0","prop-types":"^15.6.2"},"gitHead":"23e9e2861dc70cd400a9c030dbd2181e33cf2c2b","bugs":{"url":"https://github.com/mohsinulhaq/react-popper-tooltip/issues"},"_id":"react-popper-tooltip@2.3.1","_npmVersion":"6.4.1","_nodeVersion":"10.10.0","_npmUser":{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"},"dist":{"integrity":"sha512-6xVd4a3HQuBF9KUi3dW8Ec7N068Yljc1zhRFAO0NbiYMCUOvia/XmyWrbqaUoAaV1JuE+3iAsm7DVtzFtGmkxg==","shasum":"5bede7ec6109a4c9f1fb8f70bd77f3bd20fe6859","tarball":"https://registry.npmjs.org/react-popper-tooltip/-/react-popper-tooltip-2.3.1.tgz","fileCount":21,"unpackedSize":89292,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJboXNWCRA9TVsSAnZWagAAowIP+QGzdfOOtN9ScYl1TRNd\nZ+vv24b7ANyFAwee/epSBHMWXgE2OHhcjPUhZS1jAi8Urf19TTiS+LvZ6RJ7\nGYavkYXVaOjw7dyjPe22C5gdIa0047u2Cfuo1IZjASLB4mOSapzr/z/vxhFD\ngNSXX/H3Oiy4ZhXgxAqbXfH4EhQc0mZG/NSm4kDY7v1y2cRB2+GaIR+0PQrp\n3fVZsEh8XyAZopGcvn9fKdqeQpUl+yOX4SIkEl5kVSlFyHPY2kQ3FpinoEX5\n7rnTLlC6wvT++BajZXKXKdj//v0sX4ACJEfZrHsw+QfC1ZwFz5D2vpCJcChe\ndm2WiaeoXNeZxXcpLWZ7pwC0dkY7j+ag+viEedSnCau5oCB61IRUtNZp41pe\nL3ExN2v5SM6bQsQzs7Y2bzfNPzwIyECXe9B7kmCJ+nfOVNKlvSdXIVNrqv/j\nehAz+9Cm/6ExhmwsXscJaG2IvIliyVtSTT3auXFP1W0ultnB3JOAlZVwbpbt\nY2oMTQfHXiAQDLPQDBEx7JgaTsQmLEAd7xBLpPOGx/Uep7qsm2sRFVrQ4Tkz\nzzSbtvc0Lzw9CmNqb3KoWplBcI6s5kRMOdXZdNHJ3pKN44L+2mn0tWaMWJEG\n6Dc8ud/w63ixZFsyp0CGADpJnslYLfIRQ9xspEO7C2Ft+GZs7jtuP94q1XXv\ngwKy\r\n=sjlJ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD4nEwbqvTHuhIXaTNhvu0hx2Ir/Jc8WtLWwA4Te8JggAIgfUkKJ6Xvf/1FS984K7KzjqcpALGmlLuFX2FKdBYlUhI="}]},"maintainers":[{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-popper-tooltip_2.3.1_1537307477694_0.18910524142737306"},"_hasShrinkwrap":false},"2.3.2":{"name":"react-popper-tooltip","version":"2.3.2","description":"React tooltip library built around react-popper","homepage":"https://github.com/mohsinulhaq/react-popper-tooltip","repository":{"type":"git","url":"git+https://github.com/mohsinulhaq/react-popper-tooltip.git"},"main":"lib/cjs/index.js","module":"lib/esm/index.js","typings":"typings/react-popper-tooltip.d.ts","scripts":{"build":"npm run build:cjs && npm run build:esm && cp src/styles.css dist","build:cjs":"babel --delete-dir-on-start src -d lib/cjs","build:esm":"babel --delete-dir-on-start --env-name esm src -d lib/esm","prepare":"npm run build"},"keywords":["react","tooltip","popover","overlay","react-tooltip","react-popper"],"author":{"name":"Mohsin Ul Haq","email":"mohsinulhaq01@gmail.com"},"license":"MIT","browserslist":["defaults"],"peerDependencies":{"react":"^16.3.0","react-dom":"^16.3.0"},"dependencies":{"@babel/runtime":"^7.0.0","react-popper":"^1.0.2"},"devDependencies":{"@babel/cli":"^7.1.0","@babel/core":"^7.1.0","@babel/plugin-proposal-class-properties":"^7.1.0","@babel/plugin-transform-runtime":"^7.1.0","@babel/preset-env":"^7.1.0","@babel/preset-react":"^7.0.0","prop-types":"^15.6.2"},"gitHead":"6488ab22cb6cdeeab571b7186c913d79b23b8f0a","bugs":{"url":"https://github.com/mohsinulhaq/react-popper-tooltip/issues"},"_id":"react-popper-tooltip@2.3.2","_npmVersion":"6.4.1","_nodeVersion":"10.10.0","_npmUser":{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"},"dist":{"integrity":"sha512-BLQTp86cGZ3dosmVhVYYKjC94ixxImWhf1SsKG40MKFlZRdNJHHzbUIeLVjubXHGgQb8s6xiFASRxEo7wKzKSg==","shasum":"ca3e6d81b5cf2eb7d22368a4163428a8971b8f39","tarball":"https://registry.npmjs.org/react-popper-tooltip/-/react-popper-tooltip-2.3.2.tgz","fileCount":12,"unpackedSize":46666,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJboXV0CRA9TVsSAnZWagAAMMUQAIwvAxOxbki23KJjUufI\n7T3uMutfVPUdPOZxeIrTIJJofb4iXrZA9H5BDwOR8aYBaIAx6HjMvWLYxSvH\nhuyRT++rd1aPJZcA5UZZ3po49jbDmv8Vyo1+1gsjDSYoEkx4JIW7EDlUINy4\nx3yuuQFAxUJC7Egt3JAusMJLb1w0NG6rzYbC/QtdbJ2nHBKvVCM2ndUVe/I1\nwIOxUMoxwr8Spz6OFqcVMPrJjVs+XolyxpJIZsUt2snYQo85Cwgg553ySdzb\nOhBl71mwIZh2yi7ofE2sKzSxFt1aZDZTlu9WKPFlikILNxbduisGUnLHjjrt\nhiiLok4c20sCgxlWZEP8RURSpjS77w7HflCB+KjVyLOZ4zXSBhHgvjfweXgH\nZRIgIlvMZcPFnFIzs9KgF5KmZkFbi+wVboolavbNXn0G+KnbMNIB8wkGUaoq\nw/pLPOr0nuRnVG0qlBN5Xt4MOW2vl5si2XE/Vo0LGyKosY4ui1/wh/RkpgDP\njZ73F/L96y9uYqM9AYdOLALaUMvT7F4fLOBV0u+M+EgMsNHlVkvyz0NgNFjJ\nKF4/AzLXzwVhw1yhbbxKzvit+vui/f/sKct6CXy8+trHVf9ZU+O/GwQOg4Dk\nMqeNNsyhJ1mRQgrvkCP3eaneMqn/H57Ve4ulHr+TFMeH6IUnaakPIeOB17S8\n6mQk\r\n=zlx4\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQClPltNGyhwr2oT2SaKjyTfE0ZrDKD8tdMFdktoHYYjCgIhAM5FQg4xMN7cR+DAmSEb+XcKc+0/FXTaKNA+JeV+/k0z"}]},"maintainers":[{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-popper-tooltip_2.3.2_1537308019314_0.25014788770324414"},"_hasShrinkwrap":false},"2.3.3":{"name":"react-popper-tooltip","version":"2.3.3","description":"React tooltip library built around react-popper","homepage":"https://github.com/mohsinulhaq/react-popper-tooltip","repository":{"type":"git","url":"git+https://github.com/mohsinulhaq/react-popper-tooltip.git"},"main":"lib/cjs/index.js","module":"lib/esm/index.js","typings":"typings/react-popper-tooltip.d.ts","scripts":{"build":"npm run build:cjs && npm run build:esm && cp src/styles.css dist","build:cjs":"babel --delete-dir-on-start src -d lib/cjs","build:esm":"babel --delete-dir-on-start --env-name esm src -d lib/esm","prepare":"npm run build"},"keywords":["react","tooltip","popover","overlay","react-tooltip","react-popper"],"author":{"name":"Mohsin Ul Haq","email":"mohsinulhaq01@gmail.com"},"license":"MIT","browserslist":["defaults"],"peerDependencies":{"react":"^16.3.0","react-dom":"^16.3.0"},"dependencies":{"@babel/runtime":"^7.0.0","react-popper":"^1.0.2"},"devDependencies":{"@babel/cli":"^7.1.0","@babel/core":"^7.1.0","@babel/plugin-proposal-class-properties":"^7.1.0","@babel/plugin-transform-runtime":"^7.1.0","@babel/preset-env":"^7.1.0","@babel/preset-react":"^7.0.0","prop-types":"^15.6.2"},"gitHead":"315ec7e11b02f65564df80f31fffa5ff635c4a95","bugs":{"url":"https://github.com/mohsinulhaq/react-popper-tooltip/issues"},"_id":"react-popper-tooltip@2.3.3","_npmVersion":"6.4.1","_nodeVersion":"10.10.0","_npmUser":{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"},"dist":{"integrity":"sha512-MJ+Jt6w5afAxVYdJYKJojS7Bwv+hwiNo3VW9IHyWQ7K2NHBwxVeXbVEvnaUnZrkwkyv835NyWrbuCtmc3bgKUA==","shasum":"a390aff5e93d6847a64d037c30e7cd96b2d95bbb","tarball":"https://registry.npmjs.org/react-popper-tooltip/-/react-popper-tooltip-2.3.3.tgz","fileCount":12,"unpackedSize":46700,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJboX3uCRA9TVsSAnZWagAA8NkQAIAwz1OEjh+pWf12BaoH\nzBIMXwL7DmDpDB7n9aeNfmIfw41hHhuthmZRr7XAf6YA/JuPRcto9ZKvO6zz\ndr93H43YOiGwDwj5oMOwSUwPbaf0EDTaNFtQSRD3o5MPnCxuBAiWAWCFOUlX\n/bzYBIas858PhFSWUeJCywIOgBNyaHSOAJasUHZ+Z++dKnj6Aal7WemHEel6\nmJ98yjsqIc4u1Ka8OLtVHQKReVMxtxn6KkbqM1HwEMc4oQ/enSlnRJwMdiLt\nx6XVM7GupLMaMg/WDJCFEXNY4mkCrV1uNTm/uNtjyPNRDO0TPMLld2BWfJ0h\n4z1cfiVX7aa9A7swO6+iZ9ArHU/eiRCOc0BvVJmx03QRa16YfkaAGMPXHp++\n+Zrm88Mn/tT83MSMZnU13DyPLEG9jDLXpzVAQOhZD0NSIRWzqy+84QMCQ85i\n/5Ff3RxILqZ2QGf3Vo7NhBFZSUflq+wvs7Q+Lx8GgPWRTiePGXb5qv/Z/Y2E\ntoDFZ/9Ihv5UrwNNwghzBnd25KopHhMfwUYKCqt4DKiTHbZ7bRYZ5OuUuV8j\nZM31BYBzxM875nPZvEu3ZvzUs9M/gokyVfJJNhr4HiMwzWv/nOKHeThVOZZk\nvBBzhygDICdnCz18WVbVrVHCZwB6bB+yPcQfN8t6KS8y96qCC8A3P1h3X8TO\nKTFx\r\n=bvIV\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDRD+hjEWoPeJMNuwq/WP2lKk+YWbjYtU6CdUBmKdY8xgIhAKjZ4vbsAIoHDlYHce9BRWj0TZ3PHvXmPvW7djS4a8ms"}]},"maintainers":[{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-popper-tooltip_2.3.3_1537310190279_0.39518615443152294"},"_hasShrinkwrap":false},"2.3.4":{"name":"react-popper-tooltip","version":"2.3.4","description":"React tooltip library built around react-popper","homepage":"https://github.com/mohsinulhaq/react-popper-tooltip","repository":{"type":"git","url":"git+https://github.com/mohsinulhaq/react-popper-tooltip.git"},"main":"lib/cjs/index.js","module":"lib/esm/index.js","typings":"typings/react-popper-tooltip.d.ts","scripts":{"build":"npm run build:cjs && npm run build:esm && cp src/styles.css dist","build:cjs":"babel --delete-dir-on-start src -d lib/cjs","build:esm":"babel --delete-dir-on-start --env-name esm src -d lib/esm","prepare":"npm run build"},"keywords":["react","tooltip","popover","overlay","react-tooltip","react-popper"],"author":{"name":"Mohsin Ul Haq","email":"mohsinulhaq01@gmail.com"},"license":"MIT","browserslist":["defaults"],"peerDependencies":{"react":"^16.3.0","react-dom":"^16.3.0"},"dependencies":{"@babel/runtime":"^7.0.0","react-popper":"^1.0.2"},"devDependencies":{"@babel/cli":"^7.1.0","@babel/core":"^7.1.0","@babel/plugin-proposal-class-properties":"^7.1.0","@babel/plugin-transform-runtime":"^7.1.0","@babel/preset-env":"^7.1.0","@babel/preset-react":"^7.0.0","prop-types":"^15.6.2"},"gitHead":"7792d1b05e7052744b10991123ca50db3f3fa787","bugs":{"url":"https://github.com/mohsinulhaq/react-popper-tooltip/issues"},"_id":"react-popper-tooltip@2.3.4","_npmVersion":"6.4.1","_nodeVersion":"10.10.0","_npmUser":{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"},"dist":{"integrity":"sha512-w7RZ358526PoWCC383sP2cQeZQkkv/Q1Yo7orzC5XDILkCRKOwGjH1cj9JKW+2M9Z9jtY67KcbD293uAytL6Bw==","shasum":"4065185f58fa30ac54d46c1363462cb45f685ff2","tarball":"https://registry.npmjs.org/react-popper-tooltip/-/react-popper-tooltip-2.3.4.tgz","fileCount":13,"unpackedSize":49019,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJboX9uCRA9TVsSAnZWagAAyxcQAJSGdYqbKrD2GtioIUsD\nbwG6wHxtExlvm3T+nNPSbIg4hI2suxVp7PY0cEBfYXciJm+acvxZJ2wSDaQj\n4NAn+IUUXLUfSOxhE8Cp7E3hQJW2qYJaZSQUFMgAwoe69qRDR93g80iXfZq1\nNoxQ0PfYe4Scb1SSTyCEev2TFQg+a5nPfpF4fkfysfTTf9ryyeOka4wWAVPu\nQVH1i4qsLotywLyeXSAR814050ceSbv3cIDKK1M6qs9Po8kTYX1oM+Ba0kYW\nHrMyE6czoYyvmrDSznNvf/28x4VBYqud6yau4cc+mLh4RrXKs+JTn9K8pD8P\nPJeSo+lrLaXHtKe4zsUDrpgFHdfu4TpuxrDvYLqHIeXI5G6js0OYkD/evaue\ncmnpRyq82RrYeVg9uHGN+OIcRIBdUqga+dRmqOYesHw/9i9OfgLGxFTtUgkO\nJVYBet6sjri5h+6qKxH8noIMFT+4fCIYS17uLWaF0OKcni7E7kCzsDd5/NEw\nnVu68SJcGiqp1HveOZivFhpRckN6zJOIqW/Ah7qlNtwSqkxKvFLvkDt7fPcx\n9mEgU4Z1mKxkoD7zsZ3EMKVkPUyy1XKOTdN0SOP6JD81rEGqFhYxrBQMqeBJ\nLHiQ4qRdPyA3zRzBh4hNgmwyjLsp1FBOzlI8OUbYYwk94tU4ekXVlUaeuQhi\n9yq6\r\n=eMYt\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBilx4VlBaZXuLhhmoTckPW8pajvUHGuR6koGfCsMO7VAiAWJvrV9COrR14i8Mr2J6xCIkd/Z8cFRebiePy2m4R16A=="}]},"maintainers":[{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-popper-tooltip_2.3.4_1537310573444_0.8513426093360199"},"_hasShrinkwrap":false},"2.4.0":{"name":"react-popper-tooltip","version":"2.4.0","description":"React tooltip library built around react-popper","homepage":"https://mohsinulhaq.github.io/react-popper-tooltip","repository":{"type":"git","url":"git+https://github.com/mohsinulhaq/react-popper-tooltip.git"},"main":"lib/cjs/index.js","module":"lib/esm/index.js","typings":"typings/react-popper-tooltip.d.ts","scripts":{"build":"yarn build:cjs; yarn build:esm; mkdir -p dist && cp src/styles.css dist","build:cjs":"babel --delete-dir-on-start src -d lib/cjs","build:esm":"babel --delete-dir-on-start --env-name esm src -d lib/esm","prepare":"yarn build && yarn docs:deploy","docs":"docz dev","docs:build":"docz build","docs:deploy":"yarn docs:build && cp .docz/dist/index.html .docz/dist/404.html && gh-pages -d .docz/dist"},"keywords":["react","tooltip","popover","overlay","react-tooltip","react-popper"],"author":{"name":"Mohsin Ul Haq","email":"mohsinulhaq01@gmail.com"},"license":"MIT","browserslist":["defaults"],"prettier":{"singleQuote":true},"peerDependencies":{"react":"^16.3.0","react-dom":"^16.3.0"},"dependencies":{"@babel/runtime":"^7.0.0","react-popper":"^1.0.2"},"devDependencies":{"@babel/cli":"^7.1.0","@babel/core":"^7.1.0","@babel/plugin-proposal-class-properties":"^7.1.0","@babel/plugin-transform-runtime":"^7.1.0","@babel/preset-env":"^7.1.0","@babel/preset-react":"^7.0.0","docz":"^0.11.2","docz-plugin-css":"^0.11.0","gh-pages":"^2.0.0","prop-types":"^15.6.2","react":"^16.5.2","react-dom":"^16.5.2"},"gitHead":"660bb2d5a41e99c5f91b269780a6832cf095931d","bugs":{"url":"https://github.com/mohsinulhaq/react-popper-tooltip/issues"},"_id":"react-popper-tooltip@2.4.0","_npmVersion":"6.4.1","_nodeVersion":"8.12.0","_npmUser":{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"},"dist":{"integrity":"sha512-dQnTv8tI6OLSXs8hN1zm8bNS8+PZ7agGEVEco2QUcfVfuG06/UVE0hwVL+lv+k1r5pRcdW69AX1cIG0pRcFcqg==","shasum":"fc2f4f0de734b99fd7225c4c11bb884cd6d90c8a","tarball":"https://registry.npmjs.org/react-popper-tooltip/-/react-popper-tooltip-2.4.0.tgz","fileCount":13,"unpackedSize":52164,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbpk8TCRA9TVsSAnZWagAAlfMP+gPztSIdShrOx5TRbGRl\nGy7/NiVQ+qoPETzRGC8Ti7u2jLugn3sFmTb7F9rJ7EBFJlnOUdaVCnlqcVZl\nIB3/R5lIcNl7b+WDCUs9HaLoBtB4eXtncaXDnaO/NShYVl19/YeC9F3uivp5\nAdMcRtZChS6nO+uP7WhsYvf+qtTe458C/Lj+rjLkbzam2+IaT6ASxiogN0Yh\nEK/Q2SQOkt9Vv7DkNxFzfjK4mh9E1bAcPdzYrO3q5w5/0JMyydGxt8hkCWYi\n5hb9zPqAvDUQPqv6xA+qU1NaLd4AtW8EKWpTXB+XXbp47NFvQ+K8bA2sAkFZ\nDwcuaFYXaezr2kX8Rpf+fB5Fc4xEaF5jFip9O4dDNifkUUWnZGyVEUL4WMEG\nsdU1ArwmrRZGYRTvdfvuVHgx2QF5pxiCv9JGdIy7C5bWWyH6cIVRTXbiOdBc\nIvbR2YYa3BLvahWWQscNGkWMl1PXElSaH5QK2Ke7kKmh/6TmeezkJcSNTJEt\nb1jYSuiRg3+VlMhwrVQc4BfEbMOeMebuqYjfDLa3ZZeokaqzjS8WKa11d6TC\ncsCBml7hSXzrapDv3g5tex6J/EzBYBTkb0/EqqLiQ80ocpAMJCT6sM/VkPAH\nZ4MorUOLoLCsMEC6LgP5IyOL1e3svs5FDUPcdXgcR1abHACVCSAX9hZTdzCT\n1DXL\r\n=X2RO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAIVW7wzMoqQIs+Xu2+fzpWv1LLoMLvV1nS5HfdjAXXOAiAJUqpN+Dc60QYXbAp8wjgQU0GYpXp4+X0khP2vZRGsag=="}]},"maintainers":[{"email":"metaller.ru@gmail.com","name":"denisborovikov"},{"email":"mohsinulhaq01@gmail.com","name":"mohsinulhaq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-popper-tooltip_2.4.0_1537625874274_0.6350831727419493"},"_hasShrinkwrap":false},"2.5.0-alpha.0":{"name":"react-popper-tooltip","version":"2.5.0-alpha.0","description":"React tooltip library built around react-popper","homepage":"https://mohsinulhaq.github.io/react-popper-tooltip","repository":{"type":"git","url":"git+https://github.com/mohsinulhaq/react-popper-tooltip.git"},"browser":"lib/cjs/index.js","module":"lib/esm/index.js","unpkg":"dist/index.js","style":"dist/styles.css","typings":"typings/react-popper-tooltip.d.ts","scripts":{"build":"rimraf dist lib && rollup -c && cp src/styles.css dist","prepublishOnly":"yarn lint && yarn build","docs":"docz dev","docs:build":"docz build","docs:deploy":"yarn docs:build && cp .docz/dist/index.html .docz/dist/404.html && gh-pages -d .docz/dist","lint":"eslint ."},"pre-commit":"lint","keywords":["react","tooltip","popover","overlay","react-tooltip","react-popper"],"author":{"name":"Mohsin Ul Haq","email":"mohsinulhaq01@gmail.com"},"license":"MIT","browserslist":["defaults"],"prettier":{"singleQuote":true},"eslintConfig":{"env":{"browser":true,"es6":true,"node":true},"parser":"babel-eslint","extends":["eslint:recommended","plugin:react/recommended","plugin:jsx-a11y/recommended","plugin:prettier/recommended"],"parserOptions":{"ecmaFeatures":{"jsx":true},"ecmaVersion":2018,"sourceType":"module"},"plugins":["react","jsx-a11y"],"settings":{"react":{"version":"latest"}},"rules":{"indent":["error",2],"linebreak-style":["error","unix"],"quotes":["error","single"],"semi":["error","always"]}},"eslintIgnore":["dist","lib","docs"],"peerDependencies":{"react":"^16.3.0","react-dom":"^16.3.0"},"dependencies":{"@babel/runtime":"^7.0.0","prop-types":"^15.6.2","react-popper":"^1.0.2"},"devDependencies":{"@babel/cli":"^7.1.0","@babel/core":"^7.1.0","@babel/plugin-proposal-class-properties":"^7.1.0","@babel/plugin-transform-runtime":"^7.1.0","@babel/preset-env":"^7.1.0","@babel/preset-react":"^7.0.0","babel-eslint":"^9.0.0","docz":"^0.11.2","docz-plugin-css":"^0.11.0","eslint":"^5.6.0","eslint-config-prettier":"^3.1.0","eslint-plugin-jsx-a11y":"^6.1.1","eslint-plugin-prettier":"^2.6.2","eslint-plugin-react":"^7.11.1","gh-pages":"^2.0.0","pre-commit":"^1.2.2","prettier":"^1.14.3","react":"^16.5.2","react-dom":"^16.5.2","rimraf":"^2.6.2","rollup":"^0.66.2","rollup-plugin-babel":"^4.0.3","rollup-plugin-commonjs":"^9.1.8","rollup-plugin-node-resolve":"^3.4.0","rollup-plugin-size-snapshot":"^0.7.0","rollup-plugin-terser":"^3.0.0"},"sideEffects":false,"readme":"# React Tooltip\n[![npm version](https://img.shields.io/npm/v/react-popper-tooltip.svg)](https://www.npmjs.com/package/react-popper-tooltip)\n[![npm downloads](https://img.shields.io/npm/dm/react-popper-tooltip.svg)](https://www.npmjs.com/package/react-popper-tooltip)\n[![Dependency Status](https://david-dm.org/mohsinulhaq/react-popper-tooltip.svg)](https://david-dm.org/mohsinulhaq/react-popper-tooltip)\n[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)](https://github.com/prettier/prettier)\n![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)\n\nReact tooltip component based on [react-popper](https://github.com/FezVrasta/react-popper), the \nReact wrapper around [popper.js](https://popper.js.org/) library.\n\n## Homepage\nhttps://mohsinulhaq.github.io/react-popper-tooltip\n\n## Example\nhttps://codesandbox.io/s/pykkz77z5j\n\n### Usage\n\n```\nnpm install react-popper-tooltip\n```\nor\n```\nyarn add react-popper-tooltip\n```\n\n```jsx\nimport React from 'react';\nimport { render } from 'react-dom';\nimport TooltipTrigger from 'react-popper-tooltip';\n\nrender(\n  <TooltipTrigger\n    placement=\"right\"\n    trigger=\"click\"\n    tooltip={({\n      getTooltipProps,\n      getArrowProps,\n      tooltipRef,\n      arrowRef,\n      placement\n    }) => (\n      <div\n        {...getTooltipProps({\n          ref: tooltipRef,\n          className: 'tooltip-container'\n          /* your props here */\n        })}\n      >\n        <div\n          {...getArrowProps({\n            ref: arrowRef,\n            'data-placement': placement,\n            className: 'tooltip-arrow'\n            /* your props here */\n          })}\n        />\n        Hello, World!\n      </div>\n    )}\n  >\n    {({ getTriggerProps, triggerRef }) => (\n      <span\n        {...getTriggerProps({\n          ref: triggerRef,\n          className: 'trigger'\n          /* your props here */\n        })}\n      >\n        Click Me!\n      </span>\n    )}\n  </TooltipTrigger>,\n  document.getElementById('root')\n);\n```\n\n`TooltipTrigger` is the only component exposed by the package. It's just a positioning engine. What to render is left completely to the user, which can be provided using render props. Your props should be passed through `getTriggerProps`, `getTooltipProps` and `getArrowProps`.\n\nRead more about [render prop](https://cdb.reacttraining.com/use-a-render-prop-50de598f11ce) pattern if you're not familiar with this approach.\n\n## Quick start\n\nIf you would like our opinionated container and arrow styles for your tooltip for quick start, you may import `react-popper-tooltip/dist/styles.css`, and use the classes `tooltip-container` and `tooltip-arrow` as follows:\n\n### Tooltip.js\n\n```jsx\nimport React from 'react';\nimport TooltipTrigger from 'react-popper-tooltip';\nimport 'react-popper-tooltip/dist/styles.css';\n\nconst Tooltip = ({ tooltip, children, ...props }) => (\n  <TooltipTrigger\n    {...props}\n    tooltip={({\n      getTooltipProps,\n      getArrowProps,\n      tooltipRef,\n      arrowRef,\n      placement\n    }) => (\n      <div\n        {...getTooltipProps({\n          ref: tooltipRef,\n          className: 'tooltip-container'\n        })}\n      >\n        <div\n          {...getArrowProps({\n            ref: arrowRef,\n            'data-placement': placement,\n            className: 'tooltip-arrow'\n          })}\n        />\n        {tooltip}\n      </div>\n    )}\n  >\n    {({ getTriggerProps, triggerRef }) => (\n      <span\n        {...getTriggerProps({\n          ref: triggerRef,\n          className: 'trigger'\n        })}\n      >\n        {children}\n      </span>\n    )}\n  </TooltipTrigger>\n);\n\nexport default Tooltip;\n```\n\nThen you can use it as shown in the example below. \n\n```jsx\n<Tooltip placement=\"top\" trigger=\"click\" tooltip=\"Hi there!\">Click me</Tooltip>\n```\n\n## Examples\nTo fiddle with our example recipes, run:\n```\n> npm install\n> npm run docs\n```\nor\n```\n> yarn\n> yarn docs\n```\nand  open up [localhost:3000](http://localhost:3000) in your browser.\n\n## Props\n\n### children\n\n> `function({})` | _required_\n\nThis is called with an object. Read more about the properties of this object in\nthe section \"[Children and tooltip functions](#children-and-tooltip-functions)\".\n\n### tooltip\n\n> `function({})` | _required_\n\nThis is called with an object. Read more about the properties of this object in\nthe section \"[Children and tooltip functions](#children-and-tooltip-functions)\".\n\n\n### defaultTooltipShown\n\n> `boolean` | defaults to `false`\n\nThis is the initial visibility state of the tooltip.\n\n### onVisibilityChange\n\n> `function(tooltipShown: boolean)`\n\nCalled with the tooltip state, when the visibility of the tooltip changes\n\n### tooltipShown\n\n> `boolean` | **control prop**\n\nUse this prop if you want to control the visibility state of the tooltip.\n\n`react-popper-tooltip` manages its own state internally. You can use this prop to pass the \nvisibility state of the tooltip from the outside. You will be required to keep this state up to \ndate (this is where `onVisibilityChange` becomes useful), but you can also control the state \nfrom anywhere, be that state from other components, `redux`, `react-router`, or anywhere else.\n\n### delayShow\n\n> `number` | defaults to `0`\n\nDelay in showing the tooltip (ms).\n\n### delayHide\n\n> `number` | defaults to `0`\n\nDelay in hiding the tooltip (ms).\n\n### placement\n\n> `string` | defaults to `right`\n\nThe tooltip placement. Valid placements are:\n- `auto`\n- `top`\n- `right`\n- `bottom`\n- `left`\n\nEach placement can have a variation from this list:\n- `-start`\n- `-end`\n\n### trigger\n\n> `string` | defaults to `hover` \n\nThe event that triggers the tooltip. One of `click`, `hover`, `right-click`, `none`.\n\n### closeOnOutOfBoundaries\n\n> `boolean` | defaults to `true` \n\nWhether to close the tooltip when it's trigger is out of the boundary.\n\n### modifiers\n\n> `object` \n\nModifiers passed directly to the underlying popper.js instance. \nFor more information, refer to Popper.js’ \n[modifier docs](https://popper.js.org/popper-documentation.html#modifiers)\n\nModifiers, applied by default:\n\n```\n{\n  preventOverflow: {\n    boundariesElement: 'viewport',\n    padding: 0\n  }\n}\n```\n\n## Children and tooltip functions\n\nThis is where you render whatever you want. `react-popper-tooltip` uses two render props `children`\nand `tooltip`. `Children` prop is used to trigger the appearance of the tooltip and `tooltip` \ndisplays the tooltip itself. \n\nYou use it like so:\n\n```\nconst tooltip = (\n  <TooltipTrigger\n    tooltip={tooltip => (<div>{/* more jsx here */}</div>)}\n  >\n    {trigger => (<div>{/* more jsx here */}</div>)}\n  </TooltipTrigger>\n)\n```\n\n### prop getters\n\n> See [the blog post about prop getters](https://blog.kentcdodds.com/how-to-give-rendering-control-to-users-with-prop-getters-549eaef76acf)\n\nThese functions are used to apply props to the elements that you render. \nIt's advisable to pass all your props to that function rather than applying them on the element \nyourself to avoid your props being overridden (or overriding the props returned). For example\n`<button {...getTriggerProps({ onClick: event => console.log(event))}>Click me</button>`\n\n### children function\n\n| property        | type           | description                                                           |\n| --------------- | -------------- | --------------------------------------------------------------------- |\n| getTriggerProps | `function({})` | returns the props you should apply to the trigger element you render. |\n| triggerRef      | `node`         | returns the react ref you should apply to the trigger element.        |\n\n\n### tooltip function\n\n| property        | type           | description                                                            |\n| --------------- | -------------- | ---------------------------------------------------------------------- |\n| getTooltipProps | `function({})` | returns the props you should apply to the tooltip element you render.  |\n| tooltipRef      | `node`         | return the react ref you should apply to the tooltip element.          |\n| getArrowProps   | `function({})` | return the props you should apply to the tooltip arrow element.        |\n| arrowRef        | `node`         | return the react ref you should apply to the tooltip arrow element.    |\n| placement       | `string`       | return the placement of the tooltip.                                   |\n\n## Inspiration and Thanks!\n\nThis library is based on [react-popper](https://github.com/FezVrasta/react-popper), the official \nreact wrapper around [Popper.js](https://popper.js.org).\n\nUsing of render props, prop getters and doc style of this library are heavily inspired by \n[downshift](https://github.com/paypal/downshift).\n","readmeFilename":"README.md","gitHead":"e04182b4106a56afaec6ec955ee080186460e8de","bugs":{"url":"https://github.com/mohsinulhaq/react-popper-tooltip/issues"},"_id":"react-popper-tooltip@2.5.0-alpha.0","_npmVersion":"6.4.1","_nodeVersion":"8.12.0","_npmUser":{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"},"dist":{"integrity":"sha512-pyVEhv0y5l1jBk6q0S2T/7mcKB8S8MusWDMtZi8UQKWw5nufN5jVF9v4qcPw8mULJxrKJaUqm9pkPeUPVGgl/A==","shasum":"14e6cb6d93b35468677a53dd681f8abd397ca939","tarball":"https://registry.npmjs.org/react-popper-tooltip/-/react-popper-tooltip-2.5.0-alpha.0.tgz","fileCount":8,"unpackedSize":50279,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbqVaCCRA9TVsSAnZWagAAF7UP/AoZDu27wSki8KqRJpXO\nJ0HTbtE41uMfsO6vFHqyHM5eUAvo1BcAzev9r1N2O/iKuiZUDEctqQKtF+n6\n7xSByaY7Kk8V51TI2gyWLVVMbyNxq+wtTpjSu2yuVKqKU9N6KZAWPge7hZJe\nt5K7liPx9yvmQ6hKDidwl9WcuB/fzF17kIwlOWVsyMd2gxlLQlg4U6rm1IG/\n8rVA4xGXTyHfI/HANrwp6T/BNudXBKwAqymSZEwL+wPYHk1BLmauom6rNOks\nhwv6h0owERhuegx4hdIwhIYQWlpTm17SI7DblsfFmeL5ne+P0+2TJWMueSex\nfGIatyv+KVTrIwqZyUTj/DZ+GYNyA+SFW+SnuUYfVG1NrKHfXGww6SlyxxtW\nkTpx3n2xATeR+P3apLpXcp2F00ojljz+XkEaIqGbTBtYYGElvjP1EV2D/RYW\nLzs1HsF5eQJldJlf9cDcFGS/URJ/5/glLmdPBoXlgEIK8MeORegYQcRS5xT8\nXlQOAQcws1/NggSsyWaPa/c7HU3y+5yaBKNEoj/ar+WkqBu5RrVpLk9MNHL1\nryHNs3+3wvugsGJKqtfaB/z+8Qsa8kSJixmoZ6tJYtYz5+ockbRqRK1lXIRr\n9Ik/mA0eA+CRjU8tl0wPkgrAZ5/jFDDkJzVdjR7rnSonbfKPqZL9xL14x3uZ\nZOzS\r\n=7ayc\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDHvZLOJIFe97ptQPynvTEXZJdt/U5U7tS/GW3EUQAdxgIgGfVSQxyywlqiRFdUbjP0ONYysVdEFDpIT45ZEFt+yEQ="}]},"maintainers":[{"email":"metaller.ru@gmail.com","name":"denisborovikov"},{"email":"mohsinulhaq01@gmail.com","name":"mohsinulhaq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-popper-tooltip_2.5.0-alpha.0_1537824385397_0.23156293265054684"},"_hasShrinkwrap":false},"2.5.0-alpha.1":{"name":"react-popper-tooltip","version":"2.5.0-alpha.1","description":"React tooltip library built around react-popper","homepage":"https://mohsinulhaq.github.io/react-popper-tooltip","repository":{"type":"git","url":"git+https://github.com/mohsinulhaq/react-popper-tooltip.git"},"main":"lib/cjs/index.js","module":"lib/esm/index.js","typings":"typings/react-popper-tooltip.d.ts","scripts":{"build":"yarn build:cjs; yarn build:esm; mkdir -p dist && cp src/styles.css dist","build:cjs":"babel --delete-dir-on-start src -d lib/cjs","build:esm":"babel --delete-dir-on-start --env-name esm src -d lib/esm","prepublishOnly":"yarn lint && yarn build","docs":"docz dev","docs:build":"docz build","docs:deploy":"yarn docs:build && cp .docz/dist/index.html .docz/dist/404.html && gh-pages -d .docz/dist","lint":"eslint ."},"pre-commit":"lint","keywords":["react","tooltip","popover","overlay","react-tooltip","react-popper"],"author":{"name":"Mohsin Ul Haq","email":"mohsinulhaq01@gmail.com"},"license":"MIT","browserslist":["defaults"],"prettier":{"singleQuote":true},"eslintConfig":{"env":{"browser":true,"es6":true,"node":true},"parser":"babel-eslint","extends":["eslint:recommended","plugin:react/recommended","plugin:jsx-a11y/recommended","plugin:prettier/recommended"],"parserOptions":{"ecmaFeatures":{"jsx":true},"ecmaVersion":2018,"sourceType":"module"},"plugins":["react","jsx-a11y"],"settings":{"react":{"version":"latest"}},"rules":{"indent":["error",2],"linebreak-style":["error","unix"],"quotes":["error","single"],"semi":["error","always"]}},"eslintIgnore":["dist","lib","docs"],"peerDependencies":{"react":"^16.3.0","react-dom":"^16.3.0"},"dependencies":{"@babel/runtime":"^7.0.0","react-popper":"^1.0.2"},"devDependencies":{"@babel/cli":"^7.1.0","@babel/core":"^7.1.0","@babel/plugin-proposal-class-properties":"^7.1.0","@babel/plugin-transform-runtime":"^7.1.0","@babel/preset-env":"^7.1.0","@babel/preset-react":"^7.0.0","babel-eslint":"^9.0.0","docz":"^0.11.2","docz-plugin-css":"^0.11.0","eslint":"^5.6.0","eslint-config-prettier":"^3.1.0","eslint-plugin-jsx-a11y":"^6.1.1","eslint-plugin-prettier":"^2.6.2","eslint-plugin-react":"^7.11.1","gh-pages":"^2.0.0","pre-commit":"^1.2.2","prettier":"^1.14.3","prop-types":"^15.6.2","react":"^16.5.2","react-dom":"^16.5.2"},"readme":"# React Tooltip\n[![npm version](https://img.shields.io/npm/v/react-popper-tooltip.svg)](https://www.npmjs.com/package/react-popper-tooltip)\n[![npm downloads](https://img.shields.io/npm/dm/react-popper-tooltip.svg)](https://www.npmjs.com/package/react-popper-tooltip)\n[![Dependency Status](https://david-dm.org/mohsinulhaq/react-popper-tooltip.svg)](https://david-dm.org/mohsinulhaq/react-popper-tooltip)\n[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)](https://github.com/prettier/prettier)\n![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)\n\nReact tooltip component based on [react-popper](https://github.com/FezVrasta/react-popper), the \nReact wrapper around [popper.js](https://popper.js.org/) library.\n\n## Homepage\nhttps://mohsinulhaq.github.io/react-popper-tooltip\n\n## Example\nhttps://codesandbox.io/s/pykkz77z5j\n\n### Usage\n\n```\nnpm install react-popper-tooltip\n```\nor\n```\nyarn add react-popper-tooltip\n```\n\n```jsx\nimport React from 'react';\nimport { render } from 'react-dom';\nimport TooltipTrigger from 'react-popper-tooltip';\n\nrender(\n  <TooltipTrigger\n    placement=\"right\"\n    trigger=\"click\"\n    tooltip={({\n      getTooltipProps,\n      getArrowProps,\n      tooltipRef,\n      arrowRef,\n      placement\n    }) => (\n      <div\n        {...getTooltipProps({\n          ref: tooltipRef,\n          className: 'tooltip-container'\n          /* your props here */\n        })}\n      >\n        <div\n          {...getArrowProps({\n            ref: arrowRef,\n            'data-placement': placement,\n            className: 'tooltip-arrow'\n            /* your props here */\n          })}\n        />\n        Hello, World!\n      </div>\n    )}\n  >\n    {({ getTriggerProps, triggerRef }) => (\n      <span\n        {...getTriggerProps({\n          ref: triggerRef,\n          className: 'trigger'\n          /* your props here */\n        })}\n      >\n        Click Me!\n      </span>\n    )}\n  </TooltipTrigger>,\n  document.getElementById('root')\n);\n```\n\n`TooltipTrigger` is the only component exposed by the package. It's just a positioning engine. What to render is left completely to the user, which can be provided using render props. Your props should be passed through `getTriggerProps`, `getTooltipProps` and `getArrowProps`.\n\nRead more about [render prop](https://cdb.reacttraining.com/use-a-render-prop-50de598f11ce) pattern if you're not familiar with this approach.\n\n## Quick start\n\nIf you would like our opinionated container and arrow styles for your tooltip for quick start, you may import `react-popper-tooltip/dist/styles.css`, and use the classes `tooltip-container` and `tooltip-arrow` as follows:\n\n### Tooltip.js\n\n```jsx\nimport React from 'react';\nimport TooltipTrigger from 'react-popper-tooltip';\nimport 'react-popper-tooltip/dist/styles.css';\n\nconst Tooltip = ({ tooltip, children, ...props }) => (\n  <TooltipTrigger\n    {...props}\n    tooltip={({\n      getTooltipProps,\n      getArrowProps,\n      tooltipRef,\n      arrowRef,\n      placement\n    }) => (\n      <div\n        {...getTooltipProps({\n          ref: tooltipRef,\n          className: 'tooltip-container'\n        })}\n      >\n        <div\n          {...getArrowProps({\n            ref: arrowRef,\n            'data-placement': placement,\n            className: 'tooltip-arrow'\n          })}\n        />\n        {tooltip}\n      </div>\n    )}\n  >\n    {({ getTriggerProps, triggerRef }) => (\n      <span\n        {...getTriggerProps({\n          ref: triggerRef,\n          className: 'trigger'\n        })}\n      >\n        {children}\n      </span>\n    )}\n  </TooltipTrigger>\n);\n\nexport default Tooltip;\n```\n\nThen you can use it as shown in the example below. \n\n```jsx\n<Tooltip placement=\"top\" trigger=\"click\" tooltip=\"Hi there!\">Click me</Tooltip>\n```\n\n## Examples\nTo fiddle with our example recipes, run:\n```\n> npm install\n> npm run docs\n```\nor\n```\n> yarn\n> yarn docs\n```\nand  open up [localhost:3000](http://localhost:3000) in your browser.\n\n## Props\n\n### children\n\n> `function({})` | _required_\n\nThis is called with an object. Read more about the properties of this object in\nthe section \"[Children and tooltip functions](#children-and-tooltip-functions)\".\n\n### tooltip\n\n> `function({})` | _required_\n\nThis is called with an object. Read more about the properties of this object in\nthe section \"[Children and tooltip functions](#children-and-tooltip-functions)\".\n\n\n### defaultTooltipShown\n\n> `boolean` | defaults to `false`\n\nThis is the initial visibility state of the tooltip.\n\n### onVisibilityChange\n\n> `function(tooltipShown: boolean)`\n\nCalled with the tooltip state, when the visibility of the tooltip changes\n\n### tooltipShown\n\n> `boolean` | **control prop**\n\nUse this prop if you want to control the visibility state of the tooltip.\n\n`react-popper-tooltip` manages its own state internally. You can use this prop to pass the \nvisibility state of the tooltip from the outside. You will be required to keep this state up to \ndate (this is where `onVisibilityChange` becomes useful), but you can also control the state \nfrom anywhere, be that state from other components, `redux`, `react-router`, or anywhere else.\n\n### delayShow\n\n> `number` | defaults to `0`\n\nDelay in showing the tooltip (ms).\n\n### delayHide\n\n> `number` | defaults to `0`\n\nDelay in hiding the tooltip (ms).\n\n### placement\n\n> `string` | defaults to `right`\n\nThe tooltip placement. Valid placements are:\n- `auto`\n- `top`\n- `right`\n- `bottom`\n- `left`\n\nEach placement can have a variation from this list:\n- `-start`\n- `-end`\n\n### trigger\n\n> `string` | defaults to `hover` \n\nThe event that triggers the tooltip. One of `click`, `hover`, `right-click`, `none`.\n\n### closeOnOutOfBoundaries\n\n> `boolean` | defaults to `true` \n\nWhether to close the tooltip when it's trigger is out of the boundary.\n\n### modifiers\n\n> `object` \n\nModifiers passed directly to the underlying popper.js instance. \nFor more information, refer to Popper.js’ \n[modifier docs](https://popper.js.org/popper-documentation.html#modifiers)\n\nModifiers, applied by default:\n\n```\n{\n  preventOverflow: {\n    boundariesElement: 'viewport',\n    padding: 0\n  }\n}\n```\n\n## Children and tooltip functions\n\nThis is where you render whatever you want. `react-popper-tooltip` uses two render props `children`\nand `tooltip`. `Children` prop is used to trigger the appearance of the tooltip and `tooltip` \ndisplays the tooltip itself. \n\nYou use it like so:\n\n```\nconst tooltip = (\n  <TooltipTrigger\n    tooltip={tooltip => (<div>{/* more jsx here */}</div>)}\n  >\n    {trigger => (<div>{/* more jsx here */}</div>)}\n  </TooltipTrigger>\n)\n```\n\n### prop getters\n\n> See [the blog post about prop getters](https://blog.kentcdodds.com/how-to-give-rendering-control-to-users-with-prop-getters-549eaef76acf)\n\nThese functions are used to apply props to the elements that you render. \nIt's advisable to pass all your props to that function rather than applying them on the element \nyourself to avoid your props being overridden (or overriding the props returned). For example\n`<button {...getTriggerProps({ onClick: event => console.log(event))}>Click me</button>`\n\n### children function\n\n| property        | type           | description                                                           |\n| --------------- | -------------- | --------------------------------------------------------------------- |\n| getTriggerProps | `function({})` | returns the props you should apply to the trigger element you render. |\n| triggerRef      | `node`         | returns the react ref you should apply to the trigger element.        |\n\n\n### tooltip function\n\n| property        | type           | description                                                            |\n| --------------- | -------------- | ---------------------------------------------------------------------- |\n| getTooltipProps | `function({})` | returns the props you should apply to the tooltip element you render.  |\n| tooltipRef      | `node`         | return the react ref you should apply to the tooltip element.          |\n| getArrowProps   | `function({})` | return the props you should apply to the tooltip arrow element.        |\n| arrowRef        | `node`         | return the react ref you should apply to the tooltip arrow element.    |\n| placement       | `string`       | return the placement of the tooltip.                                   |\n\n## Inspiration and Thanks!\n\nThis library is based on [react-popper](https://github.com/FezVrasta/react-popper), the official \nreact wrapper around [Popper.js](https://popper.js.org).\n\nUsing of render props, prop getters and doc style of this library are heavily inspired by \n[downshift](https://github.com/paypal/downshift).\n","readmeFilename":"README.md","gitHead":"8743919c9661f6a69e55e22af795bd8418db79b6","bugs":{"url":"https://github.com/mohsinulhaq/react-popper-tooltip/issues"},"_id":"react-popper-tooltip@2.5.0-alpha.1","_npmVersion":"6.4.1","_nodeVersion":"8.12.0","_npmUser":{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"},"dist":{"integrity":"sha512-QrrAR2R8GFsTN23GE1u25FkAI1mxUXpjfW2HgVZC0wwcOA7F8OuYT/oMoRrrahXvf8vz5RKCQz/RMLScLOJhWg==","shasum":"5403eaa381b0c1e96dec4e5c1db698e6026981c1","tarball":"https://registry.npmjs.org/react-popper-tooltip/-/react-popper-tooltip-2.5.0-alpha.1.tgz","fileCount":13,"unpackedSize":47018,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbqn6GCRA9TVsSAnZWagAAG8sQAJ8NUtQxWS+dLCQ/Qo1P\noeXy74i5FE4R2yecN4RwiM+Y4NvQB9bqAHmwuydVZyAXaV2OlhF417zCVtBI\nmVdOTncvf2laDdspAEmh4zllhZTymBbkRNUqd69CwL+iV3wZTxp6IBxCBaSr\nrjPV/tLWDeRd/wvif9YeabioCRJmA/MN08AFvpw8kwvnsGAvWu1E1dTkrW51\n9YMjdOOfc0GuFsbeb83Gfyr4+ITx4RMyF2nVCeffPn7YzFHJ7tqaXLlx/IQ+\nmVqXmh80HW3dIhl6pLrn5IVt8IwFq8LWy+n2i2NDCSXvE7FYwgFKa1izOdie\nNSuHtw0u6/Xk1Pbeo2aNbqdrKKoMXWaocwL6UBdkoP007N5dbvyaYKWWRi27\n9yr427PFHaJz/kFVgtMEyGcL2T+6DSZZRIAv1L7fnoodiIKg/G6jaH1OdMtU\nYYynSK2s8P/0486SS50MQYQTe/QESlWcXSusaYDcMUeztLPTaHCW48UMOSWo\nHZOJPKUGTuqPPXTpN9BpQBP0OJZArUcnvsC4ipEsfEeE0aKoftY22ofI5WBs\nd2hf/rwZyAHCCDRk76EiKnvi58KGts93biinTKJMeBIy/dAKREkrdAd9wJkP\n2EWylweHtlcT9iGlUVp+qcXFkf10nCSoCaSFX1JgfpH4FZtRELdYhr+XNvZw\nStI9\r\n=tOtT\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEaJq+DQbCaEx20qj9tKrk9J5Kelf0j0519yL7kxo8FcAiEA773IedyRSt16NdL51i0kbDiHQfV/ca+Tu+4k89H62Nw="}]},"maintainers":[{"email":"metaller.ru@gmail.com","name":"denisborovikov"},{"email":"mohsinulhaq01@gmail.com","name":"mohsinulhaq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-popper-tooltip_2.5.0-alpha.1_1537900166150_0.6063405166225111"},"_hasShrinkwrap":false},"2.5.0-alpha.2":{"name":"react-popper-tooltip","version":"2.5.0-alpha.2","description":"React tooltip library built around react-popper","homepage":"https://mohsinulhaq.github.io/react-popper-tooltip","repository":{"type":"git","url":"git+https://github.com/mohsinulhaq/react-popper-tooltip.git"},"browser":"lib/cjs/index.js","module":"lib/esm/index.js","unpkg":"dist/index.js","style":"dist/styles.css","typings":"typings/react-popper-tooltip.d.ts","scripts":{"build":"rimraf dist lib && rollup -c && cp src/styles.css dist","prepublishOnly":"yarn lint && yarn build","docs":"docz dev","docs:build":"docz build","docs:deploy":"yarn docs:build && cp .docz/dist/index.html .docz/dist/404.html && gh-pages -d .docz/dist","lint":"eslint ."},"pre-commit":"lint","keywords":["react","tooltip","popover","overlay","react-tooltip","react-popper"],"author":{"name":"Mohsin Ul Haq","email":"mohsinulhaq01@gmail.com"},"license":"MIT","browserslist":["defaults"],"prettier":{"singleQuote":true},"eslintConfig":{"env":{"browser":true,"es6":true,"node":true},"parser":"babel-eslint","extends":["eslint:recommended","plugin:react/recommended","plugin:jsx-a11y/recommended","plugin:prettier/recommended"],"parserOptions":{"ecmaFeatures":{"jsx":true},"ecmaVersion":2018,"sourceType":"module"},"plugins":["react","jsx-a11y"],"settings":{"react":{"version":"latest"}},"rules":{"indent":["error",2],"linebreak-style":["error","unix"],"quotes":["error","single"],"semi":["error","always"]}},"eslintIgnore":["dist","lib","docs"],"peerDependencies":{"react":"^16.3.0","react-dom":"^16.3.0"},"dependencies":{"@babel/runtime":"^7.0.0","prop-types":"^15.6.2","react-popper":"^1.0.2"},"devDependencies":{"@babel/cli":"^7.1.0","@babel/core":"^7.1.0","@babel/plugin-proposal-class-properties":"^7.1.0","@babel/plugin-transform-runtime":"^7.1.0","@babel/preset-env":"^7.1.0","@babel/preset-react":"^7.0.0","babel-eslint":"^9.0.0","docz":"^0.11.2","docz-plugin-css":"^0.11.0","eslint":"^5.6.0","eslint-config-prettier":"^3.1.0","eslint-plugin-jsx-a11y":"^6.1.1","eslint-plugin-prettier":"^2.6.2","eslint-plugin-react":"^7.11.1","gh-pages":"^2.0.0","pre-commit":"^1.2.2","prettier":"^1.14.3","react":"^16.5.2","react-dom":"^16.5.2","rimraf":"^2.6.2","rollup":"^0.66.2","rollup-plugin-babel":"^4.0.3","rollup-plugin-commonjs":"^9.1.8","rollup-plugin-node-resolve":"^3.4.0","rollup-plugin-size-snapshot":"^0.7.0","rollup-plugin-terser":"^3.0.0"},"sideEffects":false,"readme":"# React Tooltip\n[![npm version](https://img.shields.io/npm/v/react-popper-tooltip.svg)](https://www.npmjs.com/package/react-popper-tooltip)\n[![npm downloads](https://img.shields.io/npm/dm/react-popper-tooltip.svg)](https://www.npmjs.com/package/react-popper-tooltip)\n[![Dependency Status](https://david-dm.org/mohsinulhaq/react-popper-tooltip.svg)](https://david-dm.org/mohsinulhaq/react-popper-tooltip)\n[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)](https://github.com/prettier/prettier)\n![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)\n\nReact tooltip component based on [react-popper](https://github.com/FezVrasta/react-popper), the \nReact wrapper around [popper.js](https://popper.js.org/) library.\n\n## Homepage\nhttps://mohsinulhaq.github.io/react-popper-tooltip\n\n## Example\nhttps://codesandbox.io/s/pykkz77z5j\n\n### Usage\n\n```\nnpm install react-popper-tooltip\n```\nor\n```\nyarn add react-popper-tooltip\n```\n\n```jsx\nimport React from 'react';\nimport { render } from 'react-dom';\nimport TooltipTrigger from 'react-popper-tooltip';\n\nrender(\n  <TooltipTrigger\n    placement=\"right\"\n    trigger=\"click\"\n    tooltip={({\n      getTooltipProps,\n      getArrowProps,\n      tooltipRef,\n      arrowRef,\n      placement\n    }) => (\n      <div\n        {...getTooltipProps({\n          ref: tooltipRef,\n          className: 'tooltip-container'\n          /* your props here */\n        })}\n      >\n        <div\n          {...getArrowProps({\n            ref: arrowRef,\n            'data-placement': placement,\n            className: 'tooltip-arrow'\n            /* your props here */\n          })}\n        />\n        Hello, World!\n      </div>\n    )}\n  >\n    {({ getTriggerProps, triggerRef }) => (\n      <span\n        {...getTriggerProps({\n          ref: triggerRef,\n          className: 'trigger'\n          /* your props here */\n        })}\n      >\n        Click Me!\n      </span>\n    )}\n  </TooltipTrigger>,\n  document.getElementById('root')\n);\n```\n\n`TooltipTrigger` is the only component exposed by the package. It's just a positioning engine. What to render is left completely to the user, which can be provided using render props. Your props should be passed through `getTriggerProps`, `getTooltipProps` and `getArrowProps`.\n\nRead more about [render prop](https://cdb.reacttraining.com/use-a-render-prop-50de598f11ce) pattern if you're not familiar with this approach.\n\n## Quick start\n\nIf you would like our opinionated container and arrow styles for your tooltip for quick start, you may import `react-popper-tooltip/dist/styles.css`, and use the classes `tooltip-container` and `tooltip-arrow` as follows:\n\n### Tooltip.js\n\n```jsx\nimport React from 'react';\nimport TooltipTrigger from 'react-popper-tooltip';\nimport 'react-popper-tooltip/dist/styles.css';\n\nconst Tooltip = ({ tooltip, children, ...props }) => (\n  <TooltipTrigger\n    {...props}\n    tooltip={({\n      getTooltipProps,\n      getArrowProps,\n      tooltipRef,\n      arrowRef,\n      placement\n    }) => (\n      <div\n        {...getTooltipProps({\n          ref: tooltipRef,\n          className: 'tooltip-container'\n        })}\n      >\n        <div\n          {...getArrowProps({\n            ref: arrowRef,\n            'data-placement': placement,\n            className: 'tooltip-arrow'\n          })}\n        />\n        {tooltip}\n      </div>\n    )}\n  >\n    {({ getTriggerProps, triggerRef }) => (\n      <span\n        {...getTriggerProps({\n          ref: triggerRef,\n          className: 'trigger'\n        })}\n      >\n        {children}\n      </span>\n    )}\n  </TooltipTrigger>\n);\n\nexport default Tooltip;\n```\n\nThen you can use it as shown in the example below. \n\n```jsx\n<Tooltip placement=\"top\" trigger=\"click\" tooltip=\"Hi there!\">Click me</Tooltip>\n```\n\n## Examples\nTo fiddle with our example recipes, run:\n```\n> npm install\n> npm run docs\n```\nor\n```\n> yarn\n> yarn docs\n```\nand  open up [localhost:3000](http://localhost:3000) in your browser.\n\n## Props\n\n### children\n\n> `function({})` | _required_\n\nThis is called with an object. Read more about the properties of this object in\nthe section \"[Children and tooltip functions](#children-and-tooltip-functions)\".\n\n### tooltip\n\n> `function({})` | _required_\n\nThis is called with an object. Read more about the properties of this object in\nthe section \"[Children and tooltip functions](#children-and-tooltip-functions)\".\n\n\n### defaultTooltipShown\n\n> `boolean` | defaults to `false`\n\nThis is the initial visibility state of the tooltip.\n\n### onVisibilityChange\n\n> `function(tooltipShown: boolean)`\n\nCalled with the tooltip state, when the visibility of the tooltip changes\n\n### tooltipShown\n\n> `boolean` | **control prop**\n\nUse this prop if you want to control the visibility state of the tooltip.\n\n`react-popper-tooltip` manages its own state internally. You can use this prop to pass the \nvisibility state of the tooltip from the outside. You will be required to keep this state up to \ndate (this is where `onVisibilityChange` becomes useful), but you can also control the state \nfrom anywhere, be that state from other components, `redux`, `react-router`, or anywhere else.\n\n### delayShow\n\n> `number` | defaults to `0`\n\nDelay in showing the tooltip (ms).\n\n### delayHide\n\n> `number` | defaults to `0`\n\nDelay in hiding the tooltip (ms).\n\n### placement\n\n> `string` | defaults to `right`\n\nThe tooltip placement. Valid placements are:\n- `auto`\n- `top`\n- `right`\n- `bottom`\n- `left`\n\nEach placement can have a variation from this list:\n- `-start`\n- `-end`\n\n### trigger\n\n> `string` | defaults to `hover` \n\nThe event that triggers the tooltip. One of `click`, `hover`, `right-click`, `none`.\n\n### closeOnOutOfBoundaries\n\n> `boolean` | defaults to `true` \n\nWhether to close the tooltip when it's trigger is out of the boundary.\n\n### modifiers\n\n> `object` \n\nModifiers passed directly to the underlying popper.js instance. \nFor more information, refer to Popper.js’ \n[modifier docs](https://popper.js.org/popper-documentation.html#modifiers)\n\nModifiers, applied by default:\n\n```\n{\n  preventOverflow: {\n    boundariesElement: 'viewport',\n    padding: 0\n  }\n}\n```\n\n## Children and tooltip functions\n\nThis is where you render whatever you want. `react-popper-tooltip` uses two render props `children`\nand `tooltip`. `Children` prop is used to trigger the appearance of the tooltip and `tooltip` \ndisplays the tooltip itself. \n\nYou use it like so:\n\n```\nconst tooltip = (\n  <TooltipTrigger\n    tooltip={tooltip => (<div>{/* more jsx here */}</div>)}\n  >\n    {trigger => (<div>{/* more jsx here */}</div>)}\n  </TooltipTrigger>\n)\n```\n\n### prop getters\n\n> See [the blog post about prop getters](https://blog.kentcdodds.com/how-to-give-rendering-control-to-users-with-prop-getters-549eaef76acf)\n\nThese functions are used to apply props to the elements that you render. \nIt's advisable to pass all your props to that function rather than applying them on the element \nyourself to avoid your props being overridden (or overriding the props returned). For example\n`<button {...getTriggerProps({ onClick: event => console.log(event))}>Click me</button>`\n\n### children function\n\n| property        | type           | description                                                           |\n| --------------- | -------------- | --------------------------------------------------------------------- |\n| getTriggerProps | `function({})` | returns the props you should apply to the trigger element you render. |\n| triggerRef      | `node`         | returns the react ref you should apply to the trigger element.        |\n\n\n### tooltip function\n\n| property        | type           | description                                                            |\n| --------------- | -------------- | ---------------------------------------------------------------------- |\n| getTooltipProps | `function({})` | returns the props you should apply to the tooltip element you render.  |\n| tooltipRef      | `node`         | return the react ref you should apply to the tooltip element.          |\n| getArrowProps   | `function({})` | return the props you should apply to the tooltip arrow element.        |\n| arrowRef        | `node`         | return the react ref you should apply to the tooltip arrow element.    |\n| placement       | `string`       | return the placement of the tooltip.                                   |\n\n## Inspiration and Thanks!\n\nThis library is based on [react-popper](https://github.com/FezVrasta/react-popper), the official \nreact wrapper around [Popper.js](https://popper.js.org).\n\nUsing of render props, prop getters and doc style of this library are heavily inspired by \n[downshift](https://github.com/paypal/downshift).\n","readmeFilename":"README.md","gitHead":"aadc77b2d358f7999d10a9d1a69813ae1be035d6","bugs":{"url":"https://github.com/mohsinulhaq/react-popper-tooltip/issues"},"_id":"react-popper-tooltip@2.5.0-alpha.2","_npmVersion":"6.4.1","_nodeVersion":"8.12.0","_npmUser":{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"},"dist":{"integrity":"sha512-IdTESnHzjwA4aiqcSJzOPXif0X4hsJGQQU/BV/q+aQModOUM6sXgUSqelaHkJDIVJROSPCLxx/E456r/3Z82fw==","shasum":"4c5fc7ad3b8c2de66fbf42d6aadcc45e4cac8716","tarball":"https://registry.npmjs.org/react-popper-tooltip/-/react-popper-tooltip-2.5.0-alpha.2.tgz","fileCount":8,"unpackedSize":50279,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbqo4CCRA9TVsSAnZWagAANxYP/jVQQ6u+XbGNCMflDVro\nl/AK+KC2UgwVZO5s9DvZkU3DLGExiMFtYwxUdy8IczuXoDehe1uL2+oUamD0\nEuIudB5xyAfUc9ovNV3gB74qpMPnl1nW8Ll6cRdLHKxOZfcm0/3kGuNvqITV\nJ2W0b7DBLsN9DyhlSAe+JD2Kbu2XCi6Gzy3Z9mV5dmmD42Z3tFx3wXqUsPZh\nYCIQHgHoFSOkLXfMaF3mGQXWw18q7ty5bLRLWL39f6QcfuSE2GUeRP6IU6py\njizy1+qhEfqmUECn6U3+R0KxmFABLfb0/0h9y89dvNSqcAjHx3UNduE0LrAQ\nDRgoh3qQIVnIhFtCfzszlMTWJgcWj0g4R3Kve1TF5xgYf3Uj4zAzE6qiwrvd\n2crc9h1cvy3LU52CTAG46NS3EhLHlUyJ4Trfo7uCO0bw21Vs+Tj3q+LzjV9K\nKMx+4JcFGcUmm41ySL8N7QS8AQdGZUxVu0ZhHuErcx6OZIlR967Dy6aSfgGF\n5inVzuYy5hmZ5ouk7/5Bqk9m+5vOxCzxsKB5mDOqqlvx3bKYg/9aMbLbCuPm\n4RjLybenkowQXN0z0u6Ar3T37yvDCdwlZk4KEeKbez9lOWcknrGDPiTy8mX0\ny/UwgDujEy9jIYy6YZE4zfk4XdmDdpPAe5e0+t7ZUqu4ly5shSpb8opAbys8\nNF9A\r\n=yEkI\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCsfKRM0Y16P934UlfRv+S7WI7kVNoyvcad/gWeeF7NBwIgR6fHtFDZtI02QcA/ieahyXZkmM+70wJhKTw/pj18IJ4="}]},"maintainers":[{"email":"metaller.ru@gmail.com","name":"denisborovikov"},{"email":"mohsinulhaq01@gmail.com","name":"mohsinulhaq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-popper-tooltip_2.5.0-alpha.2_1537904129335_0.1312450271268384"},"_hasShrinkwrap":false},"2.5.0":{"name":"react-popper-tooltip","version":"2.5.0","description":"React tooltip library built around react-popper","homepage":"https://mohsinulhaq.github.io/react-popper-tooltip","repository":{"type":"git","url":"git+https://github.com/mohsinulhaq/react-popper-tooltip.git"},"browser":"lib/cjs/index.js","module":"lib/esm/index.js","unpkg":"dist/index.js","style":"dist/styles.css","typings":"typings/react-popper-tooltip.d.ts","scripts":{"build":"rimraf dist lib && rollup -c && cp src/styles.css dist","prepublishOnly":"yarn lint && yarn build","docs":"docz dev","docs:build":"docz build","docs:deploy":"yarn docs:build && cp .docz/dist/index.html .docz/dist/404.html && gh-pages -d .docz/dist","lint":"eslint ."},"pre-commit":"lint","keywords":["react","tooltip","popover","overlay","react-tooltip","react-popper"],"author":{"name":"Mohsin Ul Haq","email":"mohsinulhaq01@gmail.com"},"license":"MIT","browserslist":["defaults"],"prettier":{"singleQuote":true},"eslintConfig":{"env":{"browser":true,"es6":true,"node":true},"parser":"babel-eslint","extends":["eslint:recommended","plugin:react/recommended","plugin:jsx-a11y/recommended","plugin:prettier/recommended"],"parserOptions":{"ecmaFeatures":{"jsx":true},"ecmaVersion":2018,"sourceType":"module"},"plugins":["react","jsx-a11y"],"settings":{"react":{"version":"latest"}},"rules":{"indent":["error",2],"linebreak-style":["error","unix"],"quotes":["error","single"],"semi":["error","always"]}},"eslintIgnore":["dist","lib","docs"],"peerDependencies":{"react":"^16.3.0","react-dom":"^16.3.0"},"dependencies":{"@babel/runtime":"^7.0.0","prop-types":"^15.6.2","react-popper":"^1.0.2"},"devDependencies":{"@babel/cli":"^7.1.0","@babel/core":"^7.1.0","@babel/plugin-proposal-class-properties":"^7.1.0","@babel/plugin-transform-runtime":"^7.1.0","@babel/preset-env":"^7.1.0","@babel/preset-react":"^7.0.0","babel-eslint":"^9.0.0","docz":"^0.11.2","docz-plugin-css":"^0.11.0","eslint":"^5.6.0","eslint-config-prettier":"^3.1.0","eslint-plugin-jsx-a11y":"^6.1.1","eslint-plugin-prettier":"^2.6.2","eslint-plugin-react":"^7.11.1","gh-pages":"^2.0.0","pre-commit":"^1.2.2","prettier":"^1.14.3","react":"^16.5.2","react-dom":"^16.5.2","rimraf":"^2.6.2","rollup":"^0.66.2","rollup-plugin-babel":"^4.0.3","rollup-plugin-commonjs":"^9.1.8","rollup-plugin-node-resolve":"^3.4.0","rollup-plugin-size-snapshot":"^0.7.0","rollup-plugin-terser":"^3.0.0"},"sideEffects":false,"gitHead":"4824a5386e698fbbc03fb55718e170aed39a3906","bugs":{"url":"https://github.com/mohsinulhaq/react-popper-tooltip/issues"},"_id":"react-popper-tooltip@2.5.0","_npmVersion":"6.4.1","_nodeVersion":"8.12.0","_npmUser":{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"},"dist":{"integrity":"sha512-HetSZl9SInyavjUpaCuIuwsWRi0uSHkVSMEniZWi8sqScBdmAFN22FpcQYN4Yd0N153fr41ihzc8hDk76wiJNg==","shasum":"de9fa1649751b5b1d6b5b41513c59449f83ddf33","tarball":"https://registry.npmjs.org/react-popper-tooltip/-/react-popper-tooltip-2.5.0.tgz","fileCount":8,"unpackedSize":50271,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbqpBzCRA9TVsSAnZWagAAxyQP/061GRobBFcQDWu1vtah\nsRlGjgtzKbDRbz7gd8CPm9W0hGI9N/5agkcwFPipmU1dkX0s3tHnidsuw1tL\n460jcSdxNBhS0ClRZBkOjRn19VDWPDBUU2lpNeeyJTFGQqwhhqB9x5R9jPnA\nKUGiIDO3cwKvaJduLWFkC5t9TIY6doHoP54QBildhZYvUt4/cNNYExwlrOML\nEofN41xs7OyJdMrRgLe+PzayO3nIShi1dTn85cTgNHdrYmE7d0ZFulC44Zdj\n10PStE/2nt/yvCV7G/M9fHsPu+/xcO0ox/pC6cSoQKUJR08/5SZsVTMchI62\npmqLSEkxLCTm0fJa6az1OEtjXPQFzBrrjIy9mGKKAsjl6PJZu2gvmAJMgF8O\n66x6OlNUn7gQKIJkcQnF0DVp9fRe9fKu+fOvRGXi4mxrqqbM7VxAyaJprJbx\nXncZD1rKkfZBMUxgDBTMG2EzNGU8TZ1pW80UNUcmx5afQlh12MZ1vt8rbEZ0\n2hH9jtKaIxx54nP75f09GLPbaJLrKQaV8OmmNrXBMVo2hSP/AwrIQF1aC7jk\n9C1iVRLHc9HU+5po1FEZsWIyUG/GCasp1yYCXta9Uf/2X6BZSlaP3BB8N0Qo\n6IlmUhTPrn790s8CWBJxGCjArfT1nuU3AfnIIlYz2radoZR5lMKw1epY4SX5\nJXep\r\n=jI1A\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDK9VaFBKuOs1OB+1WTbNEKjpjbE59wyxG4qhmCe+vmJAiEAuZ/0gih84suwtyPjLuoPvJLM4HHASVsi0xxab7lyERQ="}]},"maintainers":[{"email":"metaller.ru@gmail.com","name":"denisborovikov"},{"email":"mohsinulhaq01@gmail.com","name":"mohsinulhaq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-popper-tooltip_2.5.0_1537904754953_0.7265083569706559"},"_hasShrinkwrap":false},"2.5.1":{"name":"react-popper-tooltip","version":"2.5.1","description":"React tooltip library built around react-popper","homepage":"https://mohsinulhaq.github.io/react-popper-tooltip","repository":{"type":"git","url":"git+https://github.com/mohsinulhaq/react-popper-tooltip.git"},"browser":"lib/cjs/index.js","main":"lib/cjs/index.js","module":"lib/esm/index.js","unpkg":"dist/index.js","style":"dist/styles.css","typings":"typings/react-popper-tooltip.d.ts","scripts":{"build":"rimraf dist lib && rollup -c && cp src/styles.css dist","prepublishOnly":"yarn lint && yarn build","docs":"docz dev","docs:build":"docz build","docs:deploy":"yarn docs:build && cp .docz/dist/index.html .docz/dist/404.html && gh-pages -d .docz/dist","lint":"eslint ."},"pre-commit":"lint","keywords":["react","tooltip","popover","overlay","react-tooltip","react-popper"],"author":{"name":"Mohsin Ul Haq","email":"mohsinulhaq01@gmail.com"},"license":"MIT","browserslist":["defaults"],"prettier":{"singleQuote":true},"eslintConfig":{"env":{"browser":true,"es6":true,"node":true},"parser":"babel-eslint","extends":["eslint:recommended","plugin:react/recommended","plugin:jsx-a11y/recommended","plugin:prettier/recommended"],"parserOptions":{"ecmaFeatures":{"jsx":true},"ecmaVersion":2018,"sourceType":"module"},"plugins":["react","jsx-a11y"],"settings":{"react":{"version":"latest"}},"rules":{"indent":["error",2],"linebreak-style":["error","unix"],"quotes":["error","single"],"semi":["error","always"]}},"eslintIgnore":["dist","lib","docs"],"peerDependencies":{"react":"^16.3.0","react-dom":"^16.3.0"},"dependencies":{"@babel/runtime":"^7.0.0","prop-types":"^15.6.2","react-popper":"^1.0.2"},"devDependencies":{"@babel/cli":"^7.1.0","@babel/core":"^7.1.0","@babel/plugin-proposal-class-properties":"^7.1.0","@babel/plugin-transform-runtime":"^7.1.0","@babel/preset-env":"^7.1.0","@babel/preset-react":"^7.0.0","babel-eslint":"^10.0.0","docz":"^0.11.2","docz-plugin-css":"^0.11.0","eslint":"^5.6.0","eslint-config-prettier":"^3.1.0","eslint-plugin-jsx-a11y":"^6.1.1","eslint-plugin-prettier":"^2.7.0","eslint-plugin-react":"^7.11.1","gh-pages":"^2.0.0","pre-commit":"^1.2.2","prettier":"^1.14.3","react":"^16.5.2","react-dom":"^16.5.2","rimraf":"^2.6.2","rollup":"^0.66.2","rollup-plugin-babel":"^4.0.3","rollup-plugin-commonjs":"^9.1.8","rollup-plugin-node-resolve":"^3.4.0","rollup-plugin-size-snapshot":"^0.7.0","rollup-plugin-terser":"^3.0.0"},"sideEffects":["*.css"],"gitHead":"477d355d45fd59ff82a1d34350bfd5181562a915","bugs":{"url":"https://github.com/mohsinulhaq/react-popper-tooltip/issues"},"_id":"react-popper-tooltip@2.5.1","_npmVersion":"6.4.1","_nodeVersion":"8.12.0","_npmUser":{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"},"dist":{"integrity":"sha512-AtJ7pZlZzvBpjFZ2pbLtutDmG1+xWGO9RbMkjj3EjJSqNI5sKrshk8iMxHjtLx0SXkKLOb20Oa/1bA7KvGwm7A==","shasum":"5a02fc32e87473e2cb5fa3317d6e85b54d9f66e4","tarball":"https://registry.npmjs.org/react-popper-tooltip/-/react-popper-tooltip-2.5.1.tgz","fileCount":8,"unpackedSize":50422,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbrIRVCRA9TVsSAnZWagAAgJAP+QHcf1+tyrJcvQFPFENs\n/gY5jGjqM1ME0JXEJSqA9G5XLadgQQfh9srVoQ6yXD5YgP97pJs+PNK+cEZi\nealhfhisZ0cbRUe8Vb6n6eOnarKh6eEIwacGG6aJ2U6x6Cf60lo1gVtvtJAg\nGfiR4sf19nIkue90zTXIrNydwo090SwnhtZEFSvPHYHKbBn6NxwcGWWrymbN\nUPpp/ZVDh4rez10hudUa/h/Z6MMVnuB3CXgAEvS4HPPzcbUcCSjZAib306+a\nnZ49IfWEEIgYtTBXiYju7iP31ptXfcurz5luoURcdooafDizc2Rk+fgREcgb\nvOW02bqLg+XnK8NS7+/uyBX7J21znpCGxvUBMW0aKLK5x3wL5gHNEAdCZcYf\nkdzaoNAbJQhLkrd9HLGTlppUrHMHIt0ihc9mWCbXh1nh1djZT3VfRijWuCKU\nGppxWwKYblSzQJmmR/rNzBCidOk8eovoD8hlYYjnzyZPNdrpNhlsQ0h/Y3TF\nKUX9VtSnmdpY75SoR10Li9pmZnwZeJYKFBlnEViMzTcyJ66JBQ1fgVyA+8lA\ndv+CXdVFtpA4i3hjQevqK4YfgCpRpeDgVTZM5Ls5QHO6iTYLEDdlpCiWpo4r\nWjmKQLpvwvRQ/2HSqsxtoLTejLk1e0IwwpvmdKH6JAVgs1a+hW3Tn+KRhHRO\nSKzI\r\n=PM9F\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEh+cxCgxXoP2d2+dI417xhdtdow9ryNtzalF+ZDsYhiAiAAjoC5KQefQGS5tmav6vBBa1q2CwhLmWjzX49RPTLykQ=="}]},"maintainers":[{"email":"metaller.ru@gmail.com","name":"denisborovikov"},{"email":"mohsinulhaq01@gmail.com","name":"mohsinulhaq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-popper-tooltip_2.5.1_1538032724652_0.6065758022140608"},"_hasShrinkwrap":false},"2.6.0-alpha.0":{"name":"react-popper-tooltip","version":"2.6.0-alpha.0","description":"React tooltip library built around react-popper","homepage":"https://mohsinulhaq.github.io/react-popper-tooltip","repository":{"type":"git","url":"git+https://github.com/mohsinulhaq/react-popper-tooltip.git"},"browser":"lib/cjs/index.js","main":"lib/cjs/index.js","module":"lib/esm/index.js","unpkg":"dist/index.js","style":"dist/styles.css","typings":"typings/react-popper-tooltip.d.ts","scripts":{"build":"rimraf dist lib && rollup -c && cp src/styles.css dist","prepublishOnly":"yarn lint && yarn build","docs":"docz dev","docs:build":"docz build","docs:deploy":"yarn docs:build && cp .docz/dist/index.html .docz/dist/404.html && gh-pages -d .docz/dist","lint":"eslint ."},"pre-commit":"lint","keywords":["react","tooltip","popover","overlay","react-tooltip","react-popper"],"author":{"name":"Mohsin Ul Haq","email":"mohsinulhaq01@gmail.com"},"license":"MIT","browserslist":["defaults"],"prettier":{"singleQuote":true},"eslintConfig":{"env":{"browser":true,"es6":true,"node":true},"parser":"babel-eslint","extends":["eslint:recommended","plugin:react/recommended","plugin:jsx-a11y/recommended","plugin:prettier/recommended"],"parserOptions":{"ecmaFeatures":{"jsx":true},"ecmaVersion":2018,"sourceType":"module"},"plugins":["react","jsx-a11y"],"settings":{"react":{"version":"latest"}},"rules":{"indent":["error",2],"linebreak-style":["error","unix"],"quotes":["error","single"],"semi":["error","always"]}},"eslintIgnore":["dist","lib","docs"],"peerDependencies":{"react":"^16.3.0","react-dom":"^16.3.0"},"dependencies":{"@babel/runtime":"^7.1.2","prop-types":"^15.6.2","react-popper":"^1.0.2"},"devDependencies":{"@babel/cli":"^7.1.2","@babel/core":"^7.1.2","@babel/plugin-proposal-class-properties":"^7.1.0","@babel/plugin-transform-runtime":"^7.1.0","@babel/preset-env":"^7.1.0","@babel/preset-react":"^7.0.0","babel-eslint":"^10.0.1","docz":"^0.12.5","docz-plugin-css":"^0.11.0","eslint":"^5.6.1","eslint-config-prettier":"^3.1.0","eslint-plugin-jsx-a11y":"^6.1.2","eslint-plugin-prettier":"^3.0.0","eslint-plugin-react":"^7.11.1","gh-pages":"^2.0.1","pre-commit":"^1.2.2","prettier":"^1.14.3","react":"^16.5.2","react-dom":"^16.5.2","rimraf":"^2.6.2","rollup":"^0.66.6","rollup-plugin-babel":"^4.0.3","rollup-plugin-commonjs":"^9.2.0","rollup-plugin-node-resolve":"^3.4.0","rollup-plugin-size-snapshot":"^0.7.0","rollup-plugin-terser":"^3.0.0"},"sideEffects":["*.css"],"readme":"# React Tooltip\n[![npm version](https://img.shields.io/npm/v/react-popper-tooltip.svg)](https://www.npmjs.com/package/react-popper-tooltip)\n[![npm downloads](https://img.shields.io/npm/dm/react-popper-tooltip.svg)](https://www.npmjs.com/package/react-popper-tooltip)\n[![Dependency Status](https://david-dm.org/mohsinulhaq/react-popper-tooltip.svg)](https://david-dm.org/mohsinulhaq/react-popper-tooltip)\n[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)](https://github.com/prettier/prettier)\n![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)\n\nReact tooltip component based on [react-popper](https://github.com/FezVrasta/react-popper), the \nReact wrapper around [popper.js](https://popper.js.org/) library.\n\n## Homepage\nhttps://mohsinulhaq.github.io/react-popper-tooltip\n\n## Example\nhttps://codesandbox.io/s/pykkz77z5j\n\n### Usage\n\n```bash\nnpm install react-popper-tooltip\n```\nor\n```bash\nyarn add react-popper-tooltip\n```\nor\n```html\n<script src=\"https://unpkg.com/react-popper-tooltip/dist/index.js\"></script>\n```\n\n```jsx\nimport React from 'react';\nimport { render } from 'react-dom';\nimport TooltipTrigger from 'react-popper-tooltip';\n\nrender(\n  <TooltipTrigger\n    placement=\"right\"\n    trigger=\"click\"\n    tooltip={({\n      getTooltipProps,\n      getArrowProps,\n      tooltipRef,\n      arrowRef,\n      placement\n    }) => (\n      <div\n        {...getTooltipProps({\n          ref: tooltipRef,\n          className: 'tooltip-container'\n          /* your props here */\n        })}\n      >\n        <div\n          {...getArrowProps({\n            ref: arrowRef,\n            'data-placement': placement,\n            className: 'tooltip-arrow'\n            /* your props here */\n          })}\n        />\n        Hello, World!\n      </div>\n    )}\n  >\n    {({ getTriggerProps, triggerRef }) => (\n      <span\n        {...getTriggerProps({\n          ref: triggerRef,\n          className: 'trigger'\n          /* your props here */\n        })}\n      >\n        Click Me!\n      </span>\n    )}\n  </TooltipTrigger>,\n  document.getElementById('root')\n);\n```\n\n`TooltipTrigger` is the only component exposed by the package. It's just a positioning engine. What to render is left completely to the user, which can be provided using render props. Your props should be passed through `getTriggerProps`, `getTooltipProps` and `getArrowProps`.\n\nRead more about [render prop](https://cdb.reacttraining.com/use-a-render-prop-50de598f11ce) pattern if you're not familiar with this approach.\n\n## Quick start\n\nIf you would like our opinionated container and arrow styles for your tooltip for quick start, you may import `react-popper-tooltip/dist/styles.css`, and use the classes `tooltip-container` and `tooltip-arrow` as follows:\n\n### Tooltip.js\n\n```jsx\nimport React from 'react';\nimport TooltipTrigger from 'react-popper-tooltip';\nimport 'react-popper-tooltip/dist/styles.css';\n\nconst Tooltip = ({ tooltip, children, ...props }) => (\n  <TooltipTrigger\n    {...props}\n    tooltip={({\n      getTooltipProps,\n      getArrowProps,\n      tooltipRef,\n      arrowRef,\n      placement\n    }) => (\n      <div\n        {...getTooltipProps({\n          ref: tooltipRef,\n          className: 'tooltip-container'\n        })}\n      >\n        <div\n          {...getArrowProps({\n            ref: arrowRef,\n            'data-placement': placement,\n            className: 'tooltip-arrow'\n          })}\n        />\n        {tooltip}\n      </div>\n    )}\n  >\n    {({ getTriggerProps, triggerRef }) => (\n      <span\n        {...getTriggerProps({\n          ref: triggerRef,\n          className: 'trigger'\n        })}\n      >\n        {children}\n      </span>\n    )}\n  </TooltipTrigger>\n);\n\nexport default Tooltip;\n```\n\nThen you can use it as shown in the example below. \n\n```jsx\n<Tooltip placement=\"top\" trigger=\"click\" tooltip=\"Hi there!\">Click me</Tooltip>\n```\n\n## Examples\nTo fiddle with our example recipes, run:\n```bash\n> npm install\n> npm run docs\n```\nor\n```bash\n> yarn\n> yarn docs\n```\nand  open up [localhost:3000](http://localhost:3000) in your browser.\n\n## Props\n\n### children\n\n> `function({})` | _required_\n\nThis is called with an object. Read more about the properties of this object in\nthe section \"[Children and tooltip functions](#children-and-tooltip-functions)\".\n\n### tooltip\n\n> `function({})` | _required_\n\nThis is called with an object. Read more about the properties of this object in\nthe section \"[Children and tooltip functions](#children-and-tooltip-functions)\".\n\n\n### defaultTooltipShown\n\n> `boolean` | defaults to `false`\n\nThis is the initial visibility state of the tooltip.\n\n### onVisibilityChange\n\n> `function(tooltipShown: boolean)`\n\nCalled with the tooltip state, when the visibility of the tooltip changes\n\n### tooltipShown\n\n> `boolean` | **control prop**\n\nUse this prop if you want to control the visibility state of the tooltip.\n\n`react-popper-tooltip` manages its own state internally. You can use this prop to pass the \nvisibility state of the tooltip from the outside. You will be required to keep this state up to \ndate (this is where `onVisibilityChange` becomes useful), but you can also control the state \nfrom anywhere, be that state from other components, `redux`, `react-router`, or anywhere else.\n\n### delayShow\n\n> `number` | defaults to `0`\n\nDelay in showing the tooltip (ms).\n\n### delayHide\n\n> `number` | defaults to `0`\n\nDelay in hiding the tooltip (ms).\n\n### placement\n\n> `string` | defaults to `right`\n\nThe tooltip placement. Valid placements are:\n- `auto`\n- `top`\n- `right`\n- `bottom`\n- `left`\n\nEach placement can have a variation from this list:\n- `-start`\n- `-end`\n\n### trigger\n\n> `string` | defaults to `hover` \n\nThe event that triggers the tooltip. One of `click`, `hover`, `right-click`, `none`.\n\n### closeOnOutOfBoundaries\n\n> `boolean` | defaults to `true` \n\nWhether to close the tooltip when it's trigger is out of the boundary.\n\n### modifiers\n\n> `object` \n\nModifiers passed directly to the underlying popper.js instance. \nFor more information, refer to Popper.js’ \n[modifier docs](https://popper.js.org/popper-documentation.html#modifiers)\n\nModifiers, applied by default:\n\n```\n{\n  preventOverflow: {\n    boundariesElement: 'viewport',\n    padding: 0\n  }\n}\n```\n\n## Children and tooltip functions\n\nThis is where you render whatever you want. `react-popper-tooltip` uses two render props `children`\nand `tooltip`. `Children` prop is used to trigger the appearance of the tooltip and `tooltip` \ndisplays the tooltip itself. \n\nYou use it like so:\n\n```\nconst tooltip = (\n  <TooltipTrigger\n    tooltip={tooltip => (<div>{/* more jsx here */}</div>)}\n  >\n    {trigger => (<div>{/* more jsx here */}</div>)}\n  </TooltipTrigger>\n)\n```\n\n### prop getters\n\n> See [the blog post about prop getters](https://blog.kentcdodds.com/how-to-give-rendering-control-to-users-with-prop-getters-549eaef76acf)\n\nThese functions are used to apply props to the elements that you render. \nIt's advisable to pass all your props to that function rather than applying them on the element \nyourself to avoid your props being overridden (or overriding the props returned). For example\n`<button {...getTriggerProps({ onClick: event => console.log(event))}>Click me</button>`\n\n### children function\n\n| property        | type           | description                                                           |\n| --------------- | -------------- | --------------------------------------------------------------------- |\n| getTriggerProps | `function({})` | returns the props you should apply to the trigger element you render. |\n| triggerRef      | `node`         | returns the react ref you should apply to the trigger element.        |\n\n\n### tooltip function\n\n| property        | type           | description                                                            |\n| --------------- | -------------- | ---------------------------------------------------------------------- |\n| getTooltipProps | `function({})` | returns the props you should apply to the tooltip element you render.  |\n| tooltipRef      | `node`         | return the react ref you should apply to the tooltip element.          |\n| getArrowProps   | `function({})` | return the props you should apply to the tooltip arrow element.        |\n| arrowRef        | `node`         | return the react ref you should apply to the tooltip arrow element.    |\n| placement       | `string`       | return the placement of the tooltip.                                   |\n\n## Inspiration and Thanks!\n\nThis library is based on [react-popper](https://github.com/FezVrasta/react-popper), the official \nreact wrapper around [Popper.js](https://popper.js.org).\n\nUsing of render props, prop getters and doc style of this library are heavily inspired by \n[downshift](https://github.com/paypal/downshift).\n","readmeFilename":"README.md","gitHead":"d13efd653e879563300f208b4c93721979b54d7d","bugs":{"url":"https://github.com/mohsinulhaq/react-popper-tooltip/issues"},"_id":"react-popper-tooltip@2.6.0-alpha.0","_npmVersion":"6.4.1","_nodeVersion":"8.12.0","_npmUser":{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"},"dist":{"integrity":"sha512-3WW9Gd+/pZOKPDuR9zjjtwhQLW6T7y37hfYKe9Xiys2plO/GHpva/u3xVzIshsC6huDQigVOPYaqgEzjRBZ+XA==","shasum":"abeefa3f5bb0a1d0b2d4533df47c560654f05255","tarball":"https://registry.npmjs.org/react-popper-tooltip/-/react-popper-tooltip-2.6.0-alpha.0.tgz","fileCount":8,"unpackedSize":50874,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbv6VxCRA9TVsSAnZWagAA6s8P/3qqsL3EQRO8wKaM8TPV\n/mposYDXlWlbU189Hbwo/yNdHQuh51le4vIMGR5nX+uFety5wY5PpargSRO4\nqh3UusT7j/V8YVFz9oF3jnPZlYkH7jFMgWA64gbzVPcuzlTIOxUCVaCQB/0V\nlk87QocLt9R+arGNyNFGXvgcoM70xvUduUen1oVJIPIRCjtwI1LyVVN31rvl\nNrX6ejVPNynDWsGcJBPTsCfJwn/L5CHgCesZellgBTHhuu2hDoSUgHxd2ALN\nHIKSfUe7HEzh8uXYX1IwnXuIa9nFXIN0L55IpPq3spff8SaBVpnlXiJnIwxm\nZJFd0eQzPVAhPC0nJUK/+bMntDwN5nWGgsqNZaPZAo4PFn2C/cBP17CgLCeA\nrJuRKrJumeaviRs1BLmpFzNQIVFeoe0xvW7sDfYv67YqbYG5GkvyZZw0D4Fk\n8VEgNIcLC3T17UDQjuaQWJugr9rRGytVatnLoEiKeuFswt/TVVZaxp+y2io9\nn+dmXg7+kot95mXiV8t3rigD2jeZr7IFsJEgTG6AzOUTlH66FeLU2IYBlyFe\nYE9kxRjUXTVOoePil8ZfvCi4nQibBCWKIWte+C9Deps2NAvFJKHPV+MsQVqd\n8dMIs7PVrqJ6WFMatTCHWtkEprH+lqxqgbmjW01a3yH+owdP7n7Hi8JkQX2h\nDibo\r\n=MnQM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGDpuczKco85FUhS/EK9xyTfOBXW3ht+IhXKHxwajZpDAiAzdHLg1F9H+MUMT3laVB6MyCsb02hYElmGeRuZGa2X9A=="}]},"maintainers":[{"email":"metaller.ru@gmail.com","name":"denisborovikov"},{"email":"mohsinulhaq01@gmail.com","name":"mohsinulhaq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-popper-tooltip_2.6.0-alpha.0_1539286384915_0.28553052488274044"},"_hasShrinkwrap":false},"2.6.0":{"name":"react-popper-tooltip","version":"2.6.0","description":"React tooltip library built around react-popper","homepage":"https://mohsinulhaq.github.io/react-popper-tooltip","repository":{"type":"git","url":"git+https://github.com/mohsinulhaq/react-popper-tooltip.git"},"browser":"lib/cjs/index.js","main":"lib/cjs/index.js","module":"lib/esm/index.js","unpkg":"dist/index.js","style":"dist/styles.css","typings":"typings/react-popper-tooltip.d.ts","scripts":{"build":"rimraf dist lib && rollup -c && cp src/styles.css dist","prepublishOnly":"yarn lint && yarn build","docs":"docz dev","docs:build":"docz build","docs:deploy":"yarn docs:build && cp .docz/dist/index.html .docz/dist/404.html && gh-pages -d .docz/dist","lint":"eslint ."},"pre-commit":"lint","keywords":["react","tooltip","popover","overlay","react-tooltip","react-popper"],"author":{"name":"Mohsin Ul Haq","email":"mohsinulhaq01@gmail.com"},"license":"MIT","browserslist":["defaults"],"prettier":{"singleQuote":true},"eslintConfig":{"env":{"browser":true,"es6":true,"node":true},"parser":"babel-eslint","extends":["eslint:recommended","plugin:react/recommended","plugin:jsx-a11y/recommended","plugin:prettier/recommended"],"parserOptions":{"ecmaFeatures":{"jsx":true},"ecmaVersion":2018,"sourceType":"module"},"plugins":["react","jsx-a11y"],"settings":{"react":{"version":"latest"}},"rules":{"indent":["error",2],"linebreak-style":["error","unix"],"quotes":["error","single"],"semi":["error","always"]}},"eslintIgnore":["dist","lib","docs"],"peerDependencies":{"react":"^16.3.0","react-dom":"^16.3.0"},"dependencies":{"@babel/runtime":"^7.1.2","prop-types":"^15.6.2","react-popper":"^1.0.2"},"devDependencies":{"@babel/cli":"^7.1.2","@babel/core":"^7.1.2","@babel/plugin-proposal-class-properties":"^7.1.0","@babel/plugin-transform-runtime":"^7.1.0","@babel/preset-env":"^7.1.0","@babel/preset-react":"^7.0.0","babel-eslint":"^10.0.1","docz":"^0.12.5","docz-plugin-css":"^0.11.0","eslint":"^5.6.1","eslint-config-prettier":"^3.1.0","eslint-plugin-jsx-a11y":"^6.1.2","eslint-plugin-prettier":"^3.0.0","eslint-plugin-react":"^7.11.1","gh-pages":"^2.0.1","pre-commit":"^1.2.2","prettier":"^1.14.3","react":"^16.5.2","react-dom":"^16.5.2","rimraf":"^2.6.2","rollup":"^0.66.6","rollup-plugin-babel":"^4.0.3","rollup-plugin-commonjs":"^9.2.0","rollup-plugin-node-resolve":"^3.4.0","rollup-plugin-size-snapshot":"^0.7.0","rollup-plugin-terser":"^3.0.0"},"sideEffects":["*.css"],"gitHead":"c125f8f9c4b60a5a836665d7938eaf248b3d7e9a","bugs":{"url":"https://github.com/mohsinulhaq/react-popper-tooltip/issues"},"_id":"react-popper-tooltip@2.6.0","_npmVersion":"6.4.1","_nodeVersion":"8.12.0","_npmUser":{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"},"dist":{"integrity":"sha512-70qkByZ1N+51fyB59ycxExxUGm/vFrXQ7MvEY05O5G38XeCDH01Aw84JwFIvDpR+ehFGy4MQPG6pZKQloJiakw==","shasum":"dd1d5270fa877dd47a16b5bd227b92faa0c2d21f","tarball":"https://registry.npmjs.org/react-popper-tooltip/-/react-popper-tooltip-2.6.0.tgz","fileCount":8,"unpackedSize":50866,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbv6e5CRA9TVsSAnZWagAAJGEP/0Igf6+lqPA+7gBnZhkk\nerv4VGcrZuwAfnmDQk64IgbhUTkMnGNRz0oL4sHphrdD07Ng2FKEl/DwXT6l\nK5tTdlD+CDiPG/uXiDc+1Ij1Z4xR2eD6fIm9ttdZP68wyhTTz+SYkCIR0xvH\nnKlWKicF1gNWsa7w8uCK4j37kYnZa5/KVxNKPTAvWJZpqW8BXoVZmSZghHYz\nxYQsToiZVGFTdAF8Nl/99BxTedjTAWS6lOy9udgqV8OsppPVhmMTKMXv+4cr\nRcRrU4sQYS5R3BkGTc8PjrE7feOEFCapxSpiV7ub6IFZRik8bMTj0KMecCEr\np7SAZez837mMMl/7jNKMbUuqFhCwYxqXl1Ul+78lYCtvgkdY++DFCg7Mi65z\n4bMkjWXKSug8j3jbUuTi3cfs3w+VAjMyWa3ZmAhavs/b/xw8OtsbWJOiJsGh\nUijJ4lefJl2fTPeWJQudwoiIwg64gSH5s6aHsaFsqqgrU6Hp3EiR2d56owll\nrwYF2E/7uvbZ2nk62Te/FvLXnWqr5iig/RemQ1OJG2ltZdTgFPHCbBPyejn7\nyzg8dfRbt9fSdZ4R+cKRQOrxvsXchFEddy97vo4C4npeTEZelmtlntrjV5Qs\n8i7+H1GhvyEU0KW93cDyHnj55kQpVwqEzN0J5yYN/+mqKu++vkyZlYvJgTzV\nky3E\r\n=ALq9\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHixMXwbmpahFsKZlPawYUKqR8Cgy9bsEHIVHmGb28RPAiBShJWTfrsoCe+00QYl78wsIlmu/zG+fawYNvSO2cZRrA=="}]},"maintainers":[{"email":"metaller.ru@gmail.com","name":"denisborovikov"},{"email":"mohsinulhaq01@gmail.com","name":"mohsinulhaq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-popper-tooltip_2.6.0_1539286968651_0.8812328227242685"},"_hasShrinkwrap":false},"2.6.1":{"name":"react-popper-tooltip","version":"2.6.1","description":"React tooltip library built around react-popper","homepage":"https://mohsinulhaq.github.io/react-popper-tooltip","repository":{"type":"git","url":"git+https://github.com/mohsinulhaq/react-popper-tooltip.git"},"browser":"lib/cjs/index.js","main":"lib/cjs/index.js","module":"lib/esm/index.js","unpkg":"dist/index.js","style":"dist/styles.css","typings":"typings/react-popper-tooltip.d.ts","scripts":{"build":"rimraf dist lib && rollup -c && cp src/styles.css dist","prepublishOnly":"yarn lint && yarn build","docs":"docz dev","docs:build":"docz build","docs:deploy":"yarn docs:build && cp .docz/dist/index.html .docz/dist/404.html && gh-pages -d .docz/dist","lint":"eslint ."},"pre-commit":"lint","keywords":["react","tooltip","popover","overlay","react-tooltip","react-popper"],"author":{"name":"Mohsin Ul Haq","email":"mohsinulhaq01@gmail.com"},"license":"MIT","browserslist":[">0.2%","not dead","not ie <= 11","not op_mini all"],"prettier":{"singleQuote":true},"eslintConfig":{"env":{"browser":true,"es6":true,"node":true},"parser":"babel-eslint","extends":["eslint:recommended","plugin:react/recommended","plugin:jsx-a11y/recommended","plugin:prettier/recommended"],"parserOptions":{"ecmaFeatures":{"jsx":true},"ecmaVersion":2018,"sourceType":"module"},"plugins":["react","jsx-a11y"],"settings":{"react":{"version":"latest"}},"rules":{"indent":["error",2],"linebreak-style":["error","unix"],"quotes":["error","single"],"semi":["error","always"]}},"eslintIgnore":["dist","lib","docs"],"peerDependencies":{"react":"^16.3.0","react-dom":"^16.3.0"},"dependencies":{"@babel/runtime":"^7.1.2","prop-types":"^15.6.2","react-popper":"^1.0.2"},"devDependencies":{"@babel/cli":"^7.1.2","@babel/core":"^7.1.2","@babel/plugin-proposal-class-properties":"^7.1.0","@babel/plugin-transform-runtime":"^7.1.0","@babel/preset-env":"^7.1.0","@babel/preset-react":"^7.0.0","babel-eslint":"^10.0.1","docz":"^0.12.5","docz-plugin-css":"^0.11.0","eslint":"^5.7.0","eslint-config-prettier":"^3.1.0","eslint-plugin-jsx-a11y":"^6.1.2","eslint-plugin-prettier":"^3.0.0","eslint-plugin-react":"^7.11.1","gh-pages":"^2.0.1","pre-commit":"^1.2.2","prettier":"^1.14.3","react":"^16.5.2","react-dom":"^16.5.2","rimraf":"^2.6.2","rollup":"^0.66.6","rollup-plugin-babel":"^4.0.3","rollup-plugin-commonjs":"^9.2.0","rollup-plugin-node-resolve":"^3.4.0","rollup-plugin-size-snapshot":"^0.7.0","rollup-plugin-terser":"^3.0.0"},"sideEffects":["*.css"],"gitHead":"4e09c8de98c7f88692cf96a207b745acba6157e3","bugs":{"url":"https://github.com/mohsinulhaq/react-popper-tooltip/issues"},"_id":"react-popper-tooltip@2.6.1","_npmVersion":"6.4.1","_nodeVersion":"8.12.0","_npmUser":{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"},"dist":{"integrity":"sha512-tYFmIOHfymiE78DpJKJAQqjiaFmv/eqVh9ib9nQoIxR0GjLJxPOB+I0yYALaEa8CzAky5y7t/bIk92nkThFTIw==","shasum":"5c772b7c9b106d2110f0e94f7836a1db515b05bf","tarball":"https://registry.npmjs.org/react-popper-tooltip/-/react-popper-tooltip-2.6.1.tgz","fileCount":8,"unpackedSize":51866,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbwiEyCRA9TVsSAnZWagAAw6wP/3bD4YBddkYRYNJDtvQK\nIOwMQDFaBnTSzbkWrrjLAzz5d0lfiZcq4yhPGQnMIFaeXXdOfNWUqQMIp5/D\nuWd5VMQIN5dKmfSiZNmQFHtaJrxBKqG+kFkpeW2KQ7t9tvUEi9O3Ra4FTpur\nD9l4EXz8NZuDuRW+AFMj0vPD7Up7ZJhus8rYFj6/bK/PBUEkAwEK8qKhdHXG\n9KMBhex2ppqqAB8Y9MYAd4okx+o4Ix8eLdsyp4D1utQ53ddXVMScIcHiL+Pb\n0d2aAw1xgalrvchJAp7EbQxzIZK9bZNxkWQx2S4kED1HbWmpcCWfAkZwSGJF\nujeK5a4AgwzRu9jfUB6tYYwYad5HNmxycq3SBr0MOMSSfm1CKiFa4LUR4elV\nYB7fPqQkulYGbFNf0kGHrv2qAWg+3aod+WKDL2XaiLl6Qb4CkC2xPReTAU17\nODhrzm1LTXVYX5PWl4sVUUFxaU0y6Z3lS1sXqZJNqrxkFG3o51eJkL4CCVG9\njf0Png+x7ndAcoxBIvH1aR8DUBtJ0uwAI3Kd6fiArTXP1k/5tDmvmOsYwv8p\n6L7Jn3ydwFsq35srHa2V/Uleh9gekdHjj2i+mht581EWOlUrOZaMfMN36a50\nCSQbESSsO7AsgIymlC1ldtkhpLR1NqT0Vfy/98Ygv+xKuOnqekejw+My8UJG\n0VBI\r\n=m9lM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDcrl2wTIkdBdgo2hMvtAnY59ZqRoJZ50HcQkbzVvfaDQIgbiDdnwDRWiAWWRAlSrU0QOAOczmy9cxViuD9h1detU4="}]},"maintainers":[{"email":"metaller.ru@gmail.com","name":"denisborovikov"},{"email":"mohsinulhaq01@gmail.com","name":"mohsinulhaq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-popper-tooltip_2.6.1_1539449138015_0.7384870562960171"},"_hasShrinkwrap":false},"2.6.2-alpha.0":{"name":"react-popper-tooltip","version":"2.6.2-alpha.0","description":"React tooltip library built around react-popper","homepage":"https://mohsinulhaq.github.io/react-popper-tooltip","repository":{"type":"git","url":"git+https://github.com/mohsinulhaq/react-popper-tooltip.git"},"browser":"lib/cjs/index.js","main":"lib/cjs/index.js","module":"lib/esm/index.js","unpkg":"dist/index.js","style":"dist/styles.css","typings":"typings/react-popper-tooltip.d.ts","scripts":{"build":"rimraf dist lib && rollup -c && cp src/styles.css dist","prepublishOnly":"yarn lint && yarn build","docs":"docz dev","docs:build":"docz build","docs:deploy":"yarn docs:build && cp .docz/dist/index.html .docz/dist/404.html && gh-pages -d .docz/dist","lint":"eslint ."},"pre-commit":"lint","keywords":["react","tooltip","popover","overlay","react-tooltip","react-popper"],"author":{"name":"Mohsin Ul Haq","email":"mohsinulhaq01@gmail.com"},"license":"MIT","browserslist":[">0.2%","not dead","not ie <= 11","not op_mini all"],"prettier":{"singleQuote":true},"eslintConfig":{"env":{"browser":true,"es6":true,"node":true},"parser":"babel-eslint","extends":["eslint:recommended","plugin:react/recommended","plugin:jsx-a11y/recommended","plugin:prettier/recommended"],"parserOptions":{"ecmaFeatures":{"jsx":true},"ecmaVersion":2018,"sourceType":"module"},"plugins":["react","jsx-a11y"],"settings":{"react":{"version":"latest"}},"rules":{"indent":["error",2],"linebreak-style":["error","unix"],"quotes":["error","single"],"semi":["error","always"]}},"eslintIgnore":["dist","lib","docs"],"peerDependencies":{"react":"^16.3.0","react-dom":"^16.3.0"},"dependencies":{"@babel/runtime":"^7.1.2","prop-types":"^15.6.2","react-popper":"^1.0.2"},"devDependencies":{"@babel/cli":"^7.1.2","@babel/core":"^7.1.2","@babel/plugin-proposal-class-properties":"^7.1.0","@babel/plugin-transform-runtime":"^7.1.0","@babel/preset-env":"^7.1.0","@babel/preset-react":"^7.0.0","babel-eslint":"^10.0.1","docz":"^0.12.5","docz-plugin-css":"^0.11.0","eslint":"^5.7.0","eslint-config-prettier":"^3.1.0","eslint-plugin-jsx-a11y":"^6.1.2","eslint-plugin-prettier":"^3.0.0","eslint-plugin-react":"^7.11.1","gh-pages":"^2.0.1","pre-commit":"^1.2.2","prettier":"^1.14.3","react":"^16.5.2","react-dom":"^16.5.2","rimraf":"^2.6.2","rollup":"^0.66.6","rollup-plugin-babel":"^4.0.3","rollup-plugin-commonjs":"^9.2.0","rollup-plugin-node-resolve":"^3.4.0","rollup-plugin-size-snapshot":"^0.7.0","rollup-plugin-terser":"^3.0.0"},"sideEffects":["*.css"],"readme":"# React Tooltip\n[![npm version](https://img.shields.io/npm/v/react-popper-tooltip.svg?style=flat-square)](https://www.npmjs.com/package/react-popper-tooltip)\n[![npm downloads](https://img.shields.io/npm/dm/react-popper-tooltip.svg?style=flat-square)](https://www.npmjs.com/package/react-popper-tooltip)\n[![Dependency Status](https://img.shields.io/david/mohsinulhaq/react-popper-tooltip.svg?style=flat-square)](https://david-dm.org/mohsinulhaq/react-popper-tooltip)\n[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)\n![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)\n\nReact tooltip component based on [react-popper](https://github.com/FezVrasta/react-popper), the \nReact wrapper around [popper.js](https://popper.js.org/) library.\n\n## Homepage\nhttps://mohsinulhaq.github.io/react-popper-tooltip\n\n## Example\nhttps://codesandbox.io/s/pykkz77z5j\n\n### Usage\n\n```bash\nnpm install react-popper-tooltip\n```\nor\n```bash\nyarn add react-popper-tooltip\n```\nor\n```html\n<script src=\"https://unpkg.com/react-popper-tooltip\"></script>\n```\n\n```jsx\nimport React from 'react';\nimport { render } from 'react-dom';\nimport TooltipTrigger from 'react-popper-tooltip';\n\nrender(\n  <TooltipTrigger\n    placement=\"right\"\n    trigger=\"click\"\n    tooltip={({\n      getTooltipProps,\n      getArrowProps,\n      tooltipRef,\n      arrowRef,\n      placement\n    }) => (\n      <div\n        {...getTooltipProps({\n          ref: tooltipRef,\n          className: 'tooltip-container'\n          /* your props here */\n        })}\n      >\n        <div\n          {...getArrowProps({\n            ref: arrowRef,\n            'data-placement': placement,\n            className: 'tooltip-arrow'\n            /* your props here */\n          })}\n        />\n        Hello, World!\n      </div>\n    )}\n  >\n    {({ getTriggerProps, triggerRef }) => (\n      <span\n        {...getTriggerProps({\n          ref: triggerRef,\n          className: 'trigger'\n          /* your props here */\n        })}\n      >\n        Click Me!\n      </span>\n    )}\n  </TooltipTrigger>,\n  document.getElementById('root')\n);\n```\n\n`TooltipTrigger` is the only component exposed by the package. It's just a positioning engine. What to render is left completely to the user, which can be provided using render props. Your props should be passed through `getTriggerProps`, `getTooltipProps` and `getArrowProps`.\n\nRead more about [render prop](https://cdb.reacttraining.com/use-a-render-prop-50de598f11ce) pattern if you're not familiar with this approach.\n\n## Quick start\n\nIf you would like our opinionated container and arrow styles for your tooltip for quick start, you may import `react-popper-tooltip/dist/styles.css`, and use the classes `tooltip-container` and `tooltip-arrow` as follows:\n\n### Tooltip.js\n\n```jsx\nimport React from 'react';\nimport TooltipTrigger from 'react-popper-tooltip';\nimport 'react-popper-tooltip/dist/styles.css';\n\nconst Tooltip = ({ tooltip, children, ...props }) => (\n  <TooltipTrigger\n    {...props}\n    tooltip={({\n      getTooltipProps,\n      getArrowProps,\n      tooltipRef,\n      arrowRef,\n      placement\n    }) => (\n      <div\n        {...getTooltipProps({\n          ref: tooltipRef,\n          className: 'tooltip-container'\n        })}\n      >\n        <div\n          {...getArrowProps({\n            ref: arrowRef,\n            'data-placement': placement,\n            className: 'tooltip-arrow'\n          })}\n        />\n        {tooltip}\n      </div>\n    )}\n  >\n    {({ getTriggerProps, triggerRef }) => (\n      <span\n        {...getTriggerProps({\n          ref: triggerRef,\n          className: 'trigger'\n        })}\n      >\n        {children}\n      </span>\n    )}\n  </TooltipTrigger>\n);\n\nexport default Tooltip;\n```\n\nThen you can use it as shown in the example below. \n\n```jsx\n<Tooltip placement=\"top\" trigger=\"click\" tooltip=\"Hi there!\">Click me</Tooltip>\n```\n\n## Examples\nTo fiddle with our example recipes, run:\n```bash\n> npm install\n> npm run docs\n```\nor\n```bash\n> yarn\n> yarn docs\n```\nand  open up [localhost:3000](http://localhost:3000) in your browser.\n\n## Props\n\n### children\n\n> `function({})` | _required_\n\nThis is called with an object. Read more about the properties of this object in\nthe section \"[Children and tooltip functions](#children-and-tooltip-functions)\".\n\n### tooltip\n\n> `function({})` | _required_\n\nThis is called with an object. Read more about the properties of this object in\nthe section \"[Children and tooltip functions](#children-and-tooltip-functions)\".\n\n\n### defaultTooltipShown\n\n> `boolean` | defaults to `false`\n\nThis is the initial visibility state of the tooltip.\n\n### onVisibilityChange\n\n> `function(tooltipShown: boolean)`\n\nCalled with the tooltip state, when the visibility of the tooltip changes\n\n### tooltipShown\n\n> `boolean` | **control prop**\n\nUse this prop if you want to control the visibility state of the tooltip.\n\n`react-popper-tooltip` manages its own state internally. You can use this prop to pass the \nvisibility state of the tooltip from the outside. You will be required to keep this state up to \ndate (this is where `onVisibilityChange` becomes useful), but you can also control the state \nfrom anywhere, be that state from other components, `redux`, `react-router`, or anywhere else.\n\n### delayShow\n\n> `number` | defaults to `0`\n\nDelay in showing the tooltip (ms).\n\n### delayHide\n\n> `number` | defaults to `0`\n\nDelay in hiding the tooltip (ms).\n\n### placement\n\n> `string` | defaults to `right`\n\nThe tooltip placement. Valid placements are:\n- `auto`\n- `top`\n- `right`\n- `bottom`\n- `left`\n\nEach placement can have a variation from this list:\n- `-start`\n- `-end`\n\n### trigger\n\n> `string` | defaults to `hover` \n\nThe event that triggers the tooltip. One of `click`, `hover`, `right-click`, `none`.\n\n### closeOnOutOfBoundaries\n\n> `boolean` | defaults to `true`\n\nWhether to close the tooltip when it's trigger is out of the boundary.\n\n### usePortal\n\n> `boolean` | defaults to `true`\n\nWhether to use `React.createPortal` for creating tooltip.\n\n### portalContainer\n\n> `HTMLElement` | defaults to `document.body`\n\nElement to be used as portal container\n\n### modifiers\n\n> `object` \n\nModifiers passed directly to the underlying popper.js instance. \nFor more information, refer to Popper.js’ \n[modifier docs](https://popper.js.org/popper-documentation.html#modifiers)\n\nModifiers, applied by default:\n\n```\n{\n  preventOverflow: {\n    boundariesElement: 'viewport',\n    padding: 0\n  }\n}\n```\n\n## Children and tooltip functions\n\nThis is where you render whatever you want. `react-popper-tooltip` uses two render props `children`\nand `tooltip`. `Children` prop is used to trigger the appearance of the tooltip and `tooltip` \ndisplays the tooltip itself. \n\nYou use it like so:\n\n```\nconst tooltip = (\n  <TooltipTrigger\n    tooltip={tooltip => (<div>{/* more jsx here */}</div>)}\n  >\n    {trigger => (<div>{/* more jsx here */}</div>)}\n  </TooltipTrigger>\n)\n```\n\n### prop getters\n\n> See [the blog post about prop getters](https://blog.kentcdodds.com/how-to-give-rendering-control-to-users-with-prop-getters-549eaef76acf)\n\nThese functions are used to apply props to the elements that you render. \nIt's advisable to pass all your props to that function rather than applying them on the element \nyourself to avoid your props being overridden (or overriding the props returned). For example\n`<button {...getTriggerProps({ onClick: event => console.log(event))}>Click me</button>`\n\n### children function\n\n| property        | type           | description                                                           |\n| --------------- | -------------- | --------------------------------------------------------------------- |\n| getTriggerProps | `function({})` | returns the props you should apply to the trigger element you render. |\n| triggerRef      | `node`         | returns the react ref you should apply to the trigger element.        |\n\n\n### tooltip function\n\n| property        | type           | description                                                            |\n| --------------- | -------------- | ---------------------------------------------------------------------- |\n| getTooltipProps | `function({})` | returns the props you should apply to the tooltip element you render.  |\n| tooltipRef      | `node`         | return the react ref you should apply to the tooltip element.          |\n| getArrowProps   | `function({})` | return the props you should apply to the tooltip arrow element.        |\n| arrowRef        | `node`         | return the react ref you should apply to the tooltip arrow element.    |\n| placement       | `string`       | return the placement of the tooltip.                                   |\n\n## Inspiration and Thanks!\n\nThis library is based on [react-popper](https://github.com/FezVrasta/react-popper), the official \nreact wrapper around [Popper.js](https://popper.js.org).\n\nUsing of render props, prop getters and doc style of this library are heavily inspired by \n[downshift](https://github.com/paypal/downshift).\n","readmeFilename":"README.md","gitHead":"8636c8e8ee18764ce346ba8181e978cc81a50efa","bugs":{"url":"https://github.com/mohsinulhaq/react-popper-tooltip/issues"},"_id":"react-popper-tooltip@2.6.2-alpha.0","_npmVersion":"6.4.1","_nodeVersion":"8.12.0","_npmUser":{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"},"dist":{"integrity":"sha512-qPgvzHHix89bU7f4HkyDzOBwalf8g+rt0AObjupquxoh1Z8fnrxbbwRltDO8zrH8DzaR3b6KfTehFXqt0SlKfQ==","shasum":"e0d3f7c88e7afe7d8557556e733c5eac98502d19","tarball":"https://registry.npmjs.org/react-popper-tooltip/-/react-popper-tooltip-2.6.2-alpha.0.tgz","fileCount":8,"unpackedSize":52469,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbyahaCRA9TVsSAnZWagAA+f4P/i3AodVaoDvF4bbZBnov\nvtHAmph/uTRVG6CdAkCTXm7Dv1skyQ7hr/EFG4u9nx5pKkBb4oGWrMYZdRls\nAjHR56zkKZtzdqihskS9CdKi4FStjRXzQGGGEv0L86j/DHc+z97BlyxS0ioO\nIdKA//3f8GtIDtkjun9cuHL4+QfvOWBk2qFwjgxHKIQ6Irzscj8cs13HZ/J1\nrr6gkrd/h/rBIU2WZDlEfUOnrt81WrtZFxnxJvi71jKOu7QtRXmdTR7FiJct\nQ5os0G3fkVu2cwn0wshN5Xlfy9BrGMvYU1sKLmYSthu1zUlASa+X6Sz+F8l0\nuku3qX+l+G0RTQmNPqo5K/sI7k2GDRyFNNqvqC1U+x3VPWsEacUVNJedAvhC\nYoxc+SuARzPHyLRqiPnDnu1LPccIKHZdzrmg9krt9ILdMJaHwgGE7g15wgJD\naC8P9Hlrc5VVNsC0JVWibcV5w3tqIIhaLv8djMZS5XWBiGN9OG4WgCbjuEaB\nTCS8gB0lh7M9TvW26oMRRdpcNoYqfc3NKvGqK3GujKpIBt6gbnMdUc5Kg6y+\nEIX0BF4doJBkstBTp00CEV0K9cMowy/R9zwHtHFYI/NjpCXMAFo7LKuoD9oL\nJKFoq+KA24aiyG8kGIG4vNO2KTNhapd6kTLajyTkMzrT2izNWQCUBsT41KJH\ntsEH\r\n=rqiG\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCID7SXNYfPassKuqg3LBpSWpIIv1jYMzGwPG1IP4bvqqlAiA8pg05us4ZvJfmvrkPOiMOUKBWfXFyDrPHhKJeuobIzg=="}]},"maintainers":[{"email":"metaller.ru@gmail.com","name":"denisborovikov"},{"email":"mohsinulhaq01@gmail.com","name":"mohsinulhaq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-popper-tooltip_2.6.2-alpha.0_1539942489966_0.958652864557197"},"_hasShrinkwrap":false},"2.6.3":{"name":"react-popper-tooltip","version":"2.6.3","description":"React tooltip library built around react-popper","homepage":"https://mohsinulhaq.github.io/react-popper-tooltip","repository":{"type":"git","url":"git+https://github.com/mohsinulhaq/react-popper-tooltip.git"},"browser":"lib/cjs/index.js","main":"lib/cjs/index.js","module":"lib/esm/index.js","unpkg":"dist/index.js","style":"dist/styles.css","typings":"typings/react-popper-tooltip.d.ts","scripts":{"build":"rimraf dist lib && rollup -c && cp src/styles.css dist","prepublishOnly":"yarn lint && yarn build","docs":"docz dev","docs:build":"docz build","docs:deploy":"yarn docs:build && cp .docz/dist/index.html .docz/dist/404.html && gh-pages -d .docz/dist","lint":"eslint ."},"pre-commit":"lint","keywords":["react","tooltip","popover","overlay","react-tooltip","react-popper"],"author":{"name":"Mohsin Ul Haq","email":"mohsinulhaq01@gmail.com"},"license":"MIT","browserslist":[">0.2%","not dead","not ie <= 11","not op_mini all"],"prettier":{"singleQuote":true},"eslintConfig":{"env":{"browser":true,"es6":true,"node":true},"parser":"babel-eslint","extends":["eslint:recommended","plugin:react/recommended","plugin:jsx-a11y/recommended","plugin:prettier/recommended"],"parserOptions":{"ecmaFeatures":{"jsx":true},"ecmaVersion":2018,"sourceType":"module"},"plugins":["react","jsx-a11y"],"settings":{"react":{"version":"latest"}},"rules":{"indent":["error",2],"linebreak-style":["error","unix"],"quotes":["error","single"],"semi":["error","always"]}},"eslintIgnore":["dist","lib","docs"],"peerDependencies":{"react":"^16.3.0","react-dom":"^16.3.0"},"dependencies":{"@babel/runtime":"^7.1.2","prop-types":"^15.6.2","react-popper":"^1.0.2"},"devDependencies":{"@babel/cli":"^7.1.2","@babel/core":"^7.1.2","@babel/plugin-proposal-class-properties":"^7.1.0","@babel/plugin-transform-runtime":"^7.1.0","@babel/preset-env":"^7.1.0","@babel/preset-react":"^7.0.0","babel-eslint":"^10.0.1","docz":"^0.12.5","docz-plugin-css":"^0.11.0","eslint":"^5.7.0","eslint-config-prettier":"^3.1.0","eslint-plugin-jsx-a11y":"^6.1.2","eslint-plugin-prettier":"^3.0.0","eslint-plugin-react":"^7.11.1","gh-pages":"^2.0.1","pre-commit":"^1.2.2","prettier":"^1.14.3","react":"^16.5.2","react-dom":"^16.5.2","rimraf":"^2.6.2","rollup":"^0.66.6","rollup-plugin-babel":"^4.0.3","rollup-plugin-commonjs":"^9.2.0","rollup-plugin-node-resolve":"^3.4.0","rollup-plugin-size-snapshot":"^0.7.0","rollup-plugin-terser":"^3.0.0"},"sideEffects":["*.css"],"gitHead":"4557330f0a180d57ea61c7bcec97fee15afac3ba","bugs":{"url":"https://github.com/mohsinulhaq/react-popper-tooltip/issues"},"_id":"react-popper-tooltip@2.6.3","_npmVersion":"6.4.1","_nodeVersion":"8.12.0","_npmUser":{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"},"dist":{"integrity":"sha512-EKZa3RMvSit2gNJvlyahcvUFM/ivn2YYU2p30wxToH94kQWUj6zb77AYQx6ml6VDgwLp2ZgkMP6l+O6IPMsF6Q==","shasum":"deb3ab8dafa938e0006441b3bfa342da937ebc05","tarball":"https://registry.npmjs.org/react-popper-tooltip/-/react-popper-tooltip-2.6.3.tgz","fileCount":8,"unpackedSize":52461,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbyasaCRA9TVsSAnZWagAAeBQP/29031gpczbYAS/TJQbt\nm6VBPtH3sd574Pd4QZsEvY5B9JxZ9Xpf53HcVMhs5BOCUw3e4yVflYE9oYMR\nVYNaySiRDRtffYE7d0a5kBZvis+1zwOIxOFTFe19vVY5jKSo7pCC9d/I7owU\nlupAcfzFa+x48RlPipEtfCbk8pvZf3C2+XdfFfZc99dt1E1TcRQLx5ZRBg4o\nOEK/U4wfNLRZkPnBdYZG8LIEliD0FErosGxm14Bu8/SDEwdExccHgrsKxvxi\nyVudFdc5v6U0Q/rjLblXdjDUT0sVq90CHfuBha/sP202JOKalQWRZoW1PYz1\nXkaAzqHUEB9i0gTDuvActoW6B+aRBQqh9o7hxej4wLm04TRVlk0QHL+51DXe\n/Vf4vdzK84RwU/wGS/SntzbDncCrirW+Xm3qgdo93Bbw/bSoiuc0OP0ZZSAo\nJ+yaYRHmkVicuccF0YEg8Ujamlm3bCgEAEIdTDJr7T2NkLN91Pbu9tcJPCPq\nWrrFnS/PRJdKOnEs6EmMUZKLGSvc29bTSsiKh7YZW40/uJ1Kq9ftnnN02THy\nvAvGU/j/sk2kXFL/29m1Yz2D9IBuGRlOjc6Imolrr5liy42v9X+5BO2pA+4q\nNz6MdGBwrUOWy/C9qSSQm7G1KdujWs+xsGVD9N+dIgNeqF4TR4IY6qGzcLuN\n1kaN\r\n=ehPT\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAKyZjeuPsR8UZE5ZkX7O2WuT44JZR95NDmgmQaVyowoAiBfKMXe48UM2TrJngSMZcAFOCJtyN9YRLThUxTFVjXEUQ=="}]},"maintainers":[{"email":"metaller.ru@gmail.com","name":"denisborovikov"},{"email":"mohsinulhaq01@gmail.com","name":"mohsinulhaq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-popper-tooltip_2.6.3_1539943194065_0.1297468210289865"},"_hasShrinkwrap":false},"2.7.0-alpha.0":{"name":"react-popper-tooltip","version":"2.7.0-alpha.0","description":"React tooltip library built around react-popper","homepage":"https://mohsinulhaq.github.io/react-popper-tooltip","repository":{"type":"git","url":"git+https://github.com/mohsinulhaq/react-popper-tooltip.git"},"browser":"lib/cjs/index.js","main":"lib/cjs/index.js","module":"lib/esm/index.js","unpkg":"dist/index.js","style":"dist/styles.css","typings":"typings/react-popper-tooltip.d.ts","scripts":{"build":"rimraf dist lib && rollup -c && cp src/styles.css dist","prepublishOnly":"yarn lint && yarn build","docs":"docz dev","docs:build":"docz build","docs:deploy":"yarn docs:build && cp .docz/dist/index.html .docz/dist/404.html && gh-pages -d .docz/dist","lint":"eslint ."},"pre-commit":"lint","keywords":["react","tooltip","popover","overlay","react-tooltip","react-popper"],"author":{"name":"Mohsin Ul Haq","email":"mohsinulhaq01@gmail.com"},"license":"MIT","browserslist":[">0.2%","not dead","not ie <= 11","not op_mini all"],"prettier":{"singleQuote":true},"eslintConfig":{"env":{"browser":true,"es6":true,"node":true},"parser":"babel-eslint","extends":["eslint:recommended","plugin:react/recommended","plugin:jsx-a11y/recommended","plugin:prettier/recommended"],"parserOptions":{"ecmaFeatures":{"jsx":true},"ecmaVersion":2018,"sourceType":"module"},"plugins":["react","jsx-a11y"],"settings":{"react":{"version":"latest"}},"rules":{"indent":["error",2],"linebreak-style":["error","unix"],"quotes":["error","single"],"semi":["error","always"]}},"eslintIgnore":["dist","lib","docs"],"peerDependencies":{"react":"^16.6.0","react-dom":"^16.6.0"},"dependencies":{"@babel/runtime":"^7.1.2","react-popper":"^1.0.2"},"devDependencies":{"@babel/cli":"^7.1.2","@babel/core":"^7.1.2","@babel/plugin-proposal-class-properties":"^7.1.0","@babel/plugin-transform-runtime":"^7.1.0","@babel/preset-env":"^7.1.0","@babel/preset-react":"^7.0.0","babel-eslint":"^10.0.1","babel-plugin-transform-react-remove-prop-types":"^0.4.19","docz":"^0.12.5","docz-plugin-css":"^0.11.0","eslint":"^5.8.0","eslint-config-prettier":"^3.1.0","eslint-plugin-jsx-a11y":"^6.1.2","eslint-plugin-prettier":"^3.0.0","eslint-plugin-react":"^7.11.1","gh-pages":"^2.0.1","pre-commit":"^1.2.2","prettier":"^1.14.3","prop-types":"^15.6.2","react":"^16.6.0","react-dom":"^16.6.0","rimraf":"^2.6.2","rollup":"^0.66.6","rollup-plugin-babel":"^4.0.3","rollup-plugin-commonjs":"^9.2.0","rollup-plugin-node-resolve":"^3.4.0","rollup-plugin-size-snapshot":"^0.7.0","rollup-plugin-terser":"^3.0.0"},"sideEffects":["*.css"],"readme":"# React Tooltip\n[![npm version](https://img.shields.io/npm/v/react-popper-tooltip.svg?style=flat-square)](https://www.npmjs.com/package/react-popper-tooltip)\n[![npm downloads](https://img.shields.io/npm/dm/react-popper-tooltip.svg?style=flat-square)](https://www.npmjs.com/package/react-popper-tooltip)\n[![Dependency Status](https://img.shields.io/david/mohsinulhaq/react-popper-tooltip.svg?style=flat-square)](https://david-dm.org/mohsinulhaq/react-popper-tooltip)\n[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)\n![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)\n\nReact tooltip component based on [react-popper](https://github.com/FezVrasta/react-popper), the \nReact wrapper around [popper.js](https://popper.js.org/) library.\n\n## Homepage\nhttps://mohsinulhaq.github.io/react-popper-tooltip\n\n## Example\nhttps://codesandbox.io/s/pykkz77z5j\n\n### Usage\n\n```bash\nnpm install react-popper-tooltip\n```\nor\n```bash\nyarn add react-popper-tooltip\n```\nor\n```html\n<script src=\"https://unpkg.com/react-popper-tooltip\"></script>\n```\n\n```jsx\nimport React from 'react';\nimport { render } from 'react-dom';\nimport TooltipTrigger from 'react-popper-tooltip';\n\nrender(\n  <TooltipTrigger\n    placement=\"right\"\n    trigger=\"click\"\n    tooltip={({\n      getTooltipProps,\n      getArrowProps,\n      tooltipRef,\n      arrowRef,\n      placement\n    }) => (\n      <div\n        {...getTooltipProps({\n          ref: tooltipRef,\n          className: 'tooltip-container'\n          /* your props here */\n        })}\n      >\n        <div\n          {...getArrowProps({\n            ref: arrowRef,\n            'data-placement': placement,\n            className: 'tooltip-arrow'\n            /* your props here */\n          })}\n        />\n        Hello, World!\n      </div>\n    )}\n  >\n    {({ getTriggerProps, triggerRef }) => (\n      <span\n        {...getTriggerProps({\n          ref: triggerRef,\n          className: 'trigger'\n          /* your props here */\n        })}\n      >\n        Click Me!\n      </span>\n    )}\n  </TooltipTrigger>,\n  document.getElementById('root')\n);\n```\n\n`TooltipTrigger` is the only component exposed by the package. It's just a positioning engine. What to render is left completely to the user, which can be provided using render props. Your props should be passed through `getTriggerProps`, `getTooltipProps` and `getArrowProps`.\n\nRead more about [render prop](https://cdb.reacttraining.com/use-a-render-prop-50de598f11ce) pattern if you're not familiar with this approach.\n\n## Quick start\n\nIf you would like our opinionated container and arrow styles for your tooltip for quick start, you may import `react-popper-tooltip/dist/styles.css`, and use the classes `tooltip-container` and `tooltip-arrow` as follows:\n\n### Tooltip.js\n\n```jsx\nimport React from 'react';\nimport TooltipTrigger from 'react-popper-tooltip';\nimport 'react-popper-tooltip/dist/styles.css';\n\nconst Tooltip = ({ tooltip, children, hideArrow ...props }) => (\n  <TooltipTrigger\n    {...props}\n    tooltip={({\n      getTooltipProps,\n      getArrowProps,\n      tooltipRef,\n      arrowRef,\n      placement\n    }) => (\n      <div\n        {...getTooltipProps({\n          ref: tooltipRef,\n          className: 'tooltip-container'\n        })}\n      >\n        {!hideArrow && <div\n          {...getArrowProps({\n            ref: arrowRef,\n            'data-placement': placement,\n            className: 'tooltip-arrow'\n          })}\n        />}\n        {tooltip}\n      </div>\n    )}\n  >\n    {({ getTriggerProps, triggerRef }) => (\n      <span\n        {...getTriggerProps({\n          ref: triggerRef,\n          className: 'trigger'\n        })}\n      >\n        {children}\n      </span>\n    )}\n  </TooltipTrigger>\n);\n\nexport default Tooltip;\n```\n\nThen you can use it as shown in the example below. \n\n```jsx\n<Tooltip placement=\"top\" trigger=\"click\" tooltip=\"Hi there!\">Click me</Tooltip>\n```\n\n## Examples\nTo fiddle with our example recipes, run:\n```bash\n> npm install\n> npm run docs\n```\nor\n```bash\n> yarn\n> yarn docs\n```\nand  open up [localhost:3000](http://localhost:3000) in your browser.\n\n## Props\n\n### children\n\n> `function({})` | _required_\n\nThis is called with an object. Read more about the properties of this object in\nthe section \"[Children and tooltip functions](#children-and-tooltip-functions)\".\n\n### tooltip\n\n> `function({})` | _required_\n\nThis is called with an object. Read more about the properties of this object in\nthe section \"[Children and tooltip functions](#children-and-tooltip-functions)\".\n\n\n### defaultTooltipShown\n\n> `boolean` | defaults to `false`\n\nThis is the initial visibility state of the tooltip.\n\n### onVisibilityChange\n\n> `function(tooltipShown: boolean)`\n\nCalled with the tooltip state, when the visibility of the tooltip changes\n\n### tooltipShown\n\n> `boolean` | **control prop**\n\nUse this prop if you want to control the visibility state of the tooltip.\n\n`react-popper-tooltip` manages its own state internally. You can use this prop to pass the \nvisibility state of the tooltip from the outside. You will be required to keep this state up to \ndate (this is where `onVisibilityChange` becomes useful), but you can also control the state \nfrom anywhere, be that state from other components, `redux`, `react-router`, or anywhere else.\n\n### delayShow\n\n> `number` | defaults to `0`\n\nDelay in showing the tooltip (ms).\n\n### delayHide\n\n> `number` | defaults to `0`\n\nDelay in hiding the tooltip (ms).\n\n### placement\n\n> `string` | defaults to `right`\n\nThe tooltip placement. Valid placements are:\n- `auto`\n- `top`\n- `right`\n- `bottom`\n- `left`\n\nEach placement can have a variation from this list:\n- `-start`\n- `-end`\n\n### trigger\n\n> `string` | defaults to `hover` \n\nThe event that triggers the tooltip. One of `click`, `hover`, `right-click`, `none`.\n\n### closeOnOutOfBoundaries\n\n> `boolean` | defaults to `true`\n\nWhether to close the tooltip when it's trigger is out of the boundary.\n\n### usePortal\n\n> `boolean` | defaults to `true`\n\nWhether to use `React.createPortal` for creating tooltip.\n\n### portalContainer\n\n> `HTMLElement` | defaults to `document.body`\n\nElement to be used as portal container\n\n### followCursor\n\n> `boolean` | defaults to `false`\n\nWhether to spawn the tooltip at the cursor position.\n\nRecommended usage with hover trigger and no arrow element\n\n### modifiers\n\n> `object` \n\nModifiers passed directly to the underlying popper.js instance. \nFor more information, refer to Popper.js’ \n[modifier docs](https://popper.js.org/popper-documentation.html#modifiers)\n\nModifiers, applied by default:\n\n```\n{\n  preventOverflow: {\n    boundariesElement: 'viewport',\n    padding: 0\n  }\n}\n```\n\n## Children and tooltip functions\n\nThis is where you render whatever you want. `react-popper-tooltip` uses two render props `children`\nand `tooltip`. `Children` prop is used to trigger the appearance of the tooltip and `tooltip` \ndisplays the tooltip itself. \n\nYou use it like so:\n\n```\nconst tooltip = (\n  <TooltipTrigger\n    tooltip={tooltip => (<div>{/* more jsx here */}</div>)}\n  >\n    {trigger => (<div>{/* more jsx here */}</div>)}\n  </TooltipTrigger>\n)\n```\n\n### prop getters\n\n> See [the blog post about prop getters](https://blog.kentcdodds.com/how-to-give-rendering-control-to-users-with-prop-getters-549eaef76acf)\n\nThese functions are used to apply props to the elements that you render. \nIt's advisable to pass all your props to that function rather than applying them on the element \nyourself to avoid your props being overridden (or overriding the props returned). For example\n`<button {...getTriggerProps({ onClick: event => console.log(event))}>Click me</button>`\n\n### children function\n\n| property        | type           | description                                                           |\n| --------------- | -------------- | --------------------------------------------------------------------- |\n| getTriggerProps | `function({})` | returns the props you should apply to the trigger element you render. |\n| triggerRef      | `node`         | returns the react ref you should apply to the trigger element.        |\n\n\n### tooltip function\n\n| property        | type           | description                                                            |\n| --------------- | -------------- | ---------------------------------------------------------------------- |\n| getTooltipProps | `function({})` | returns the props you should apply to the tooltip element you render.  |\n| tooltipRef      | `node`         | return the react ref you should apply to the tooltip element.          |\n| getArrowProps   | `function({})` | return the props you should apply to the tooltip arrow element.        |\n| arrowRef        | `node`         | return the react ref you should apply to the tooltip arrow element.    |\n| placement       | `string`       | return the placement of the tooltip.                                   |\n\n## Inspiration and Thanks!\n\nThis library is based on [react-popper](https://github.com/FezVrasta/react-popper), the official \nreact wrapper around [Popper.js](https://popper.js.org).\n\nUsing of render props, prop getters and doc style of this library are heavily inspired by \n[downshift](https://github.com/paypal/downshift).\n","readmeFilename":"README.md","gitHead":"12300d3dfd7ec498f3a927b4045318ee4df7df21","bugs":{"url":"https://github.com/mohsinulhaq/react-popper-tooltip/issues"},"_id":"react-popper-tooltip@2.7.0-alpha.0","_npmVersion":"6.4.1","_nodeVersion":"8.12.0","_npmUser":{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"},"dist":{"integrity":"sha512-ESt5SXDU40G780OmeVad3iR3xqKlnmkFWthwzikJeJJOLZ4QAIMaGwx4smQtZ4373PXk76KkFrQurxe+89FJCQ==","shasum":"c1bc91000d7b6a04bfbebedee5b56ce1fec61f60","tarball":"https://registry.npmjs.org/react-popper-tooltip/-/react-popper-tooltip-2.7.0-alpha.0.tgz","fileCount":8,"unpackedSize":56795,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb1a7MCRA9TVsSAnZWagAAQvwP/2qu/H1RFX87PLR9+CHw\n35JpE6AvFkSc2F3wsAZ3W0lWP2hjDJadLSBJHt9QnrVkV4Hp0tDrRNwPyPwx\nWqlYeL/ErRPwRPdeJOtDkKAxuLyFEbTnEjzFxq0J62GJS/FjGoGXVgpmkkIv\nMxYIL5cd9luY62CsXY6emYQBroNSM4L9ba6IZv8Nc2J2yD12niwifz4+eJRR\nbZ4bad7lRROvKNIm9+pj9nN+wbHjYQ9jUE6OpRdy6a3pLbjIcYyNlCVHh8lO\nLfZ1gix5rFRfsQh2RJcVzTkCY+sAKnZhoNyuor+bahG+s7h9J8ddLWB2Ptds\n/u2g2eLW6XGYfjsmadk4CcmNKpLHIf2sZEJiPl6KPALOYYHW0xFRjDYpvsLD\nPTS4FlimMpORuYfHzLOfXyTbVyGC+iCJAMg2CL8bv8wi71/qeSvryHy7mnqa\na7uZRmwd6lLfx0ND+pPi8vEk94eQuhlNHmsMCQMAzD1CWHlxQoL6qBCmlGBn\nnh17sluhoDPRkUC5sOPJpaV3dbv8a8igz11GxRHWjuXHKNXE2g/WetAy7Sm8\nGZNlumt/Ei6YUyVpWo2omtzbEpksveVWrbaGuqqiuOcy/K4n9Plt6nHfeRKU\nCkJHIGD+/7Jrx1/BKjWQiVTAiWaupSLJnl8zD5ioe82SXTScys6btMbqRR4d\nK/ZN\r\n=f8e3\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFA30WFGcwdfpUSOTu433gpAP6ovTgsQEP8SHhLUu810AiEAuMMfM5PVILob5Yi9RJfDulIA5ee3yfq4UUUoJfplaQc="}]},"maintainers":[{"email":"metaller.ru@gmail.com","name":"denisborovikov"},{"email":"mohsinulhaq01@gmail.com","name":"mohsinulhaq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-popper-tooltip_2.7.0-alpha.0_1540730571856_0.7728517259450789"},"_hasShrinkwrap":false},"2.7.0":{"name":"react-popper-tooltip","version":"2.7.0","description":"React tooltip library built around react-popper","homepage":"https://mohsinulhaq.github.io/react-popper-tooltip","repository":{"type":"git","url":"git+https://github.com/mohsinulhaq/react-popper-tooltip.git"},"browser":"lib/cjs/index.js","main":"lib/cjs/index.js","module":"lib/esm/index.js","unpkg":"dist/index.js","style":"dist/styles.css","typings":"typings/react-popper-tooltip.d.ts","scripts":{"build":"rimraf dist lib && rollup -c && cp src/styles.css dist","prepublishOnly":"yarn lint && yarn build","docs":"docz dev","docs:build":"docz build","docs:deploy":"yarn docs:build && cp .docz/dist/index.html .docz/dist/404.html && gh-pages -d .docz/dist","lint":"eslint ."},"pre-commit":"lint","keywords":["react","tooltip","popover","overlay","react-tooltip","react-popper"],"author":{"name":"Mohsin Ul Haq","email":"mohsinulhaq01@gmail.com"},"license":"MIT","browserslist":[">0.2%","not dead","not ie <= 11","not op_mini all"],"prettier":{"singleQuote":true},"eslintConfig":{"env":{"browser":true,"es6":true,"node":true},"parser":"babel-eslint","extends":["eslint:recommended","plugin:react/recommended","plugin:jsx-a11y/recommended","plugin:prettier/recommended"],"parserOptions":{"ecmaFeatures":{"jsx":true},"ecmaVersion":2018,"sourceType":"module"},"plugins":["react","jsx-a11y"],"settings":{"react":{"version":"latest"}},"rules":{"indent":["error",2],"linebreak-style":["error","unix"],"quotes":["error","single"],"semi":["error","always"]}},"eslintIgnore":["dist","lib","docs"],"peerDependencies":{"react":"^16.6.0","react-dom":"^16.6.0"},"dependencies":{"@babel/runtime":"^7.1.2","react-popper":"^1.0.2"},"devDependencies":{"@babel/cli":"^7.1.2","@babel/core":"^7.1.2","@babel/plugin-proposal-class-properties":"^7.1.0","@babel/plugin-transform-runtime":"^7.1.0","@babel/preset-env":"^7.1.0","@babel/preset-react":"^7.0.0","babel-eslint":"^10.0.1","babel-plugin-transform-react-remove-prop-types":"^0.4.19","docz":"^0.12.5","docz-plugin-css":"^0.11.0","eslint":"^5.8.0","eslint-config-prettier":"^3.1.0","eslint-plugin-jsx-a11y":"^6.1.2","eslint-plugin-prettier":"^3.0.0","eslint-plugin-react":"^7.11.1","gh-pages":"^2.0.1","pre-commit":"^1.2.2","prettier":"^1.14.3","prop-types":"^15.6.2","react":"^16.6.0","react-dom":"^16.6.0","rimraf":"^2.6.2","rollup":"^0.66.6","rollup-plugin-babel":"^4.0.3","rollup-plugin-commonjs":"^9.2.0","rollup-plugin-node-resolve":"^3.4.0","rollup-plugin-size-snapshot":"^0.7.0","rollup-plugin-terser":"^3.0.0"},"sideEffects":["*.css"],"gitHead":"0e79959f69315723c020e3ec1a227bd570294bfb","bugs":{"url":"https://github.com/mohsinulhaq/react-popper-tooltip/issues"},"_id":"react-popper-tooltip@2.7.0","_npmVersion":"6.4.1","_nodeVersion":"8.12.0","_npmUser":{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"},"dist":{"integrity":"sha512-QZqzFpluUphviiGSAAn4V+P/sbK2eap8EMv003JA4AwLo4gPeZ7Zq3SVHf67O4HI3YE3WZ31FO8UbT+mNZw6+w==","shasum":"28c3b2853edafd69bf3601fadd6d8776d07ae226","tarball":"https://registry.npmjs.org/react-popper-tooltip/-/react-popper-tooltip-2.7.0.tgz","fileCount":8,"unpackedSize":56787,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb1a/CCRA9TVsSAnZWagAA2x4QAKHgFsfPcQS8AgBvoGrP\nIO1zfenpkbhQ0nZWJj3MxG85ybVXE+LjwK5e4XLH+9LSzbbOtBdVc0/6b09t\nXziYbWclwzHsnyAE1FnqO9+QKuzWRsWotxbcRb9ksBNuFXHMrF1GGY2r2Zyk\nRR3EgG2JeLn5h/iACamYhaWb9szuJgtY5yA/hQBpylLpJwQARL+iOeZ7ljdR\nNYf+wrcMbmLC4agCk/sb6A6Sh0Zen1zUthyvjziLKuVlPCKfX3I72Mak6O0u\naEOhO+3Lz8EpEo9+mxiSqygvF7puZlTubM345S9Q5PfwpklcTuS4KiqzKZej\n5glZ5VSSb1efWTOX6reo2w0mlrQAxZ5QTbMMAK0pew3MCEK847EEDKzz8eDu\n17IOd2ucRyx6raZcTw5FScolp9Zd0TpB4jGqwqRyj5QQYPJhY4j6ytXD/fmU\nzQ0EB6KcLOnW/68Pwsv7wDJtmO6h24zHiyE91yeKlPIUTGV5XXk3AfaoSfx9\nG9JnHnKO4rdQXxzcTFserB6FA7wdTDp8VSNwArCE+dUFgHCUfPHnL0jxzU49\nsByfsTzafu4WwNzWU3LXgtcpSu0vUisUE7FB6tG0RVVHhIcF4z3yGU1SDA2b\nF9aU6dA/axXHP+LD+tcB86o25b0nXNVY1JTrlc/KY7R/E9z9Cgaj8N0uZWyy\nrFU9\r\n=IQnk\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHDr5icnCXc1sG1rl1+9PhC9aMlxtPJmc4iTuHGQDtjbAiB9H26UkqzK0amgrgSYu9pKGmCgW9ZKjquGmOpEbI7z0g=="}]},"maintainers":[{"email":"metaller.ru@gmail.com","name":"denisborovikov"},{"email":"mohsinulhaq01@gmail.com","name":"mohsinulhaq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-popper-tooltip_2.7.0_1540730817798_0.6722186508490173"},"_hasShrinkwrap":false},"2.7.2":{"name":"react-popper-tooltip","version":"2.7.2","description":"React tooltip library built around react-popper","homepage":"https://mohsinulhaq.github.io/react-popper-tooltip/","repository":{"type":"git","url":"git+https://github.com/mohsinulhaq/react-popper-tooltip.git"},"browser":"lib/cjs/index.js","main":"lib/cjs/index.js","module":"lib/esm/index.js","unpkg":"dist/index.js","style":"dist/styles.css","typings":"typings/react-popper-tooltip.d.ts","sideEffects":["*.css"],"scripts":{"build":"rimraf dist lib && rollup -c && cp src/styles.css dist","prepublishOnly":"yarn lint && yarn test && yarn build","docs":"docz dev","docs:build":"docz build","docs:deploy":"yarn docs:build && cp .docz/dist/index.html .docz/dist/404.html && gh-pages -d .docz/dist","lint":"eslint .","test":"jest"},"pre-commit":["lint","test"],"keywords":["react","tooltip","popover","overlay","react-tooltip","react-popper"],"author":{"name":"Mohsin Ul Haq","email":"mohsinulhaq01@gmail.com"},"license":"MIT","peerDependencies":{"react":"^16.6.3","react-dom":"^16.6.3"},"dependencies":{"@babel/runtime":"^7.2.0","react-popper":"^1.3.2"},"devDependencies":{"@babel/cli":"^7.2.0","@babel/core":"^7.2.0","@babel/plugin-proposal-class-properties":"^7.2.1","@babel/plugin-transform-runtime":"^7.2.0","@babel/preset-env":"^7.2.0","@babel/preset-react":"^7.0.0","@types/jest":"^23.3.10","@types/react":"^16.7.17","@types/react-dom":"^16.0.11","babel-core":"^7.0.0-bridge","babel-eslint":"^10.0.1","babel-jest":"^23.6.0","babel-plugin-transform-react-remove-prop-types":"^0.4.21","docz":"^0.12.16","docz-plugin-css":"^0.11.0","eslint":"^5.10.0","eslint-config-prettier":"^3.3.0","eslint-plugin-jest":"^22.1.2","eslint-plugin-jsx-a11y":"^6.1.2","eslint-plugin-prettier":"^3.0.0","eslint-plugin-react":"^7.11.1","gh-pages":"^2.0.1","jest":"^23.6.0","pre-commit":"^1.2.2","prettier":"^1.15.3","prop-types":"^15.6.2","react":"^16.6.3","react-dom":"^16.6.3","react-testing-library":"^5.3.2","rimraf":"^2.6.2","rollup":"^0.67.4","rollup-plugin-babel":"^4.1.0","rollup-plugin-commonjs":"^9.2.0","rollup-plugin-node-resolve":"^4.0.0","rollup-plugin-size-snapshot":"^0.7.0","rollup-plugin-terser":"^3.0.0"},"gitHead":"cea084b12679cf3968e77ecf957f333b3d5a2c7d","bugs":{"url":"https://github.com/mohsinulhaq/react-popper-tooltip/issues"},"_id":"react-popper-tooltip@2.7.2","_npmVersion":"6.4.1","_nodeVersion":"10.14.2","_npmUser":{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"},"dist":{"integrity":"sha512-nveMf+6T7fkFJiBwNI56cq2xt7zp/0jt51DxxPea7cfFe9BFVW0c/2jwnu4OlE5e9JWd7ph2z4wdhgiNAqewTA==","shasum":"4547355ddb862b7b801eb6adcb2b177ba71250f6","tarball":"https://registry.npmjs.org/react-popper-tooltip/-/react-popper-tooltip-2.7.2.tgz","fileCount":8,"unpackedSize":56681,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcEtJJCRA9TVsSAnZWagAAnkgP/3rj2qkwSebIvCL5SNNY\nOUoUwDnyOSuwlrdLledqXWRQJ2bG5yASUUTKmYR9OS2Fj2MO2e4KzheKiQXy\n5lYgE8hYFizDqHXUSre3Wtod0BvoLBShJkMC2m4pxwRdukaE+HYVTcFu83w9\nnRrQVNL4FQ7wkLS+rsLzXDNlVEDTy2SCFK86Qvs9kpogxrzPRo62Ni6rbZat\nroGh89sWmLycPbJmbtvBGkPIbyHG5CfzP5VPXNSelxTYrGIHqSjbd0EfZoJI\nM4D67pDvBqxmoHFrQA3uR4pQvz7Efm4yXyeGsWUqxDPD6UNrF+O+az5bbZq6\nRDTxzYh4EDY6PlzPsThlZ2mXXxfsr7s6BP9merAp+4EbHSVVcqMhzBgOUJg/\n6giUm40LpRjwEPgIR46DZT+SUk9SpcEUI5yBVAyaJ6hpAr4ML533nbsdiYlS\n3rdyhhliKlb4DqojL+B6uuwGtNe+alF6wfjyAC41c8EIjcjV8IjF6t/sChkJ\nZFsfKaWeL70z7mItAh1BZ3A5GTwebuX6F7+zwoV0nDDMic+iYLSTRgZEJyHN\nCgqentztxIlZUzC+7f9G8yh8N/jrc/mZTo5+ylSlUnsLAPSKzbV6TF99YsR0\naIoL88xiO2UFdysfma1dakJX1McZdcDQYNFOFZ4ba6p6B2jBww5EH8eMvW5k\nr/zu\r\n=AkUl\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCM/68LvCXb58b92utsuaSr/gNZyctLTvuG+TW5lLmYtgIgUI0RoKqq/z2NkYRaPqjmRzkAZ30cbEVGTsgA2YavYk8="}]},"maintainers":[{"email":"metaller.ru@gmail.com","name":"denisborovikov"},{"email":"mohsinulhaq01@gmail.com","name":"mohsinulhaq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-popper-tooltip_2.7.2_1544737352382_0.3176043784366691"},"_hasShrinkwrap":false},"2.8.0-alpha.0":{"name":"react-popper-tooltip","version":"2.8.0-alpha.0","description":"React tooltip library built around react-popper","homepage":"https://mohsinulhaq.github.io/react-popper-tooltip/","repository":{"type":"git","url":"git+https://github.com/mohsinulhaq/react-popper-tooltip.git"},"main":"dist/cjs/react-popper-tooltip.js","module":"dist/esm/react-popper-tooltip.js","style":"dist/styles.css","typings":"dist/index.d.ts","sideEffects":["*.css"],"scripts":{"build":"rimraf dist && rollup -c && cp src/styles.css dist && yarn tsc && rimraf compiled","prepublishOnly":"yarn typecheck && yarn lint && yarn test && yarn build","docs":"docz dev","docs:build":"docz build","docs:deploy":"yarn docs:build && cp .docz/dist/index.html .docz/dist/404.html && gh-pages -d .docz/dist","typecheck":"tsc --noEmit true","lint":"tslint -p .","test":"jest"},"pre-commit":["typecheck","lint","test"],"keywords":["react","tooltip","popover","overlay","react-tooltip","react-popper"],"author":{"name":"Mohsin Ul Haq","email":"mohsinulhaq01@gmail.com"},"license":"MIT","peerDependencies":{"react":"^16.7.0","react-dom":"^16.7.0"},"dependencies":{"@babel/runtime":"^7.2.0","react-popper":"^1.3.2"},"devDependencies":{"@babel/cli":"^7.2.3","@babel/core":"^7.2.2","@babel/plugin-proposal-class-properties":"^7.2.3","@babel/plugin-transform-runtime":"^7.2.0","@babel/preset-env":"^7.2.3","@babel/preset-react":"^7.0.0","@babel/preset-typescript":"^7.1.0","@types/jest":"^23.3.11","@types/react":"^16.7.18","@types/react-dom":"^16.0.11","babel-core":"^7.0.0-bridge.0","babel-jest":"^23.6.0","docz":"^0.13.7","docz-plugin-css":"^0.11.0","docz-theme-default":"^0.13.7","gh-pages":"^2.0.1","jest":"^23.6.0","pre-commit":"^1.2.2","prettier":"^1.15.3","prop-types":"^15.6.2","react":"^16.7.0","react-dom":"^16.7.0","react-testing-library":"^5.4.4","rimraf":"^2.6.3","rollup":"^0.68.2","rollup-plugin-babel":"^4.2.0","rollup-plugin-node-resolve":"^4.0.0","rollup-plugin-size-snapshot":"^0.7.0","tslint":"^5.12.0","tslint-config-prettier":"^1.17.0","tslint-react":"^3.6.0","typescript":"^3.2.2"},"readme":"# React Tooltip\n\n[![npm version](https://img.shields.io/npm/v/react-popper-tooltip.svg?style=flat-square)](https://www.npmjs.com/package/react-popper-tooltip)\n[![npm downloads](https://img.shields.io/npm/dm/react-popper-tooltip.svg?style=flat-square)](https://www.npmjs.com/package/react-popper-tooltip)\n[![Build Status](https://travis-ci.com/mohsinulhaq/react-popper-tooltip.svg?branch=master)](https://travis-ci.com/mohsinulhaq/react-popper-tooltip)\n[![Dependency Status](https://img.shields.io/david/mohsinulhaq/react-popper-tooltip.svg?style=flat-square)](https://david-dm.org/mohsinulhaq/react-popper-tooltip)\n[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)\n[![codecov](https://codecov.io/gh/mohsinulhaq/react-popper-tooltip/branch/master/graph/badge.svg)](https://codecov.io/gh/mohsinulhaq/react-popper-tooltip)\n\nReact tooltip component based on [react-popper](https://github.com/FezVrasta/react-popper), the React wrapper around [popper.js](https://popper.js.org/) library.\n\n## Homepage\n\nhttps://mohsinulhaq.github.io/react-popper-tooltip/\n\n## Example\n\nhttps://codesandbox.io/s/pykkz77z5j\n\n### Usage\n\n```bash\nnpm install react-popper-tooltip\n```\n\nor\n\n```bash\nyarn add react-popper-tooltip\n```\n\n```jsx\nimport React from 'react';\nimport {render} from 'react-dom';\nimport TooltipTrigger from 'react-popper-tooltip';\n\nconst Tooltip = ({getTooltipProps, getArrowProps, placement}) => (\n  <div\n    {...getTooltipProps({\n      className: 'tooltip-container'\n      /* your props here */\n    })}\n  >\n    <div\n      {...getArrowProps({\n        'data-placement': placement,\n        className: 'tooltip-arrow'\n        /* your props here */\n      })}\n    />\n    Hello, World!\n  </div>\n);\n\nconst Trigger = ({getTriggerProps}) => (\n  <span\n    {...getTriggerProps({\n      ref: triggerRef,\n      className: 'trigger'\n      /* your props here */\n    })}\n  >\n    Click Me!\n  </span>\n);\n\nrender(\n  <TooltipTrigger placement=\"right\" trigger=\"click\" tooltip={Tooltip}>\n    {Trigger}\n  </TooltipTrigger>,\n  document.getElementById('root')\n);\n```\n\n`TooltipTrigger` is the only component exposed by the package. It's just a positioning engine. What to render is left completely to the user, which can be provided using render props. Your props should be passed through `getTriggerProps`, `getTooltipProps` and `getArrowProps`.\n\nRead more about [render prop](https://cdb.reacttraining.com/use-a-render-prop-50de598f11ce) pattern if you're not familiar with this approach.\n\n## Quick start\n\nIf you would like our opinionated container and arrow styles for your tooltip for quick start, you may import `react-popper-tooltip/dist/styles.css`, and use the classes `tooltip-container` and `tooltip-arrow` as follows:\n\n### Tooltip.js\n\n```jsx\nimport React from 'react';\nimport TooltipTrigger from 'react-popper-tooltip';\nimport 'react-popper-tooltip/dist/styles.css';\n\nconst Tooltip = ({tooltip, children, hideArrow, ...props}) => (\n  <TooltipTrigger\n    {...props}\n    tooltip={({getTooltipProps, getArrowProps, placement}) => (\n      <div\n        {...getTooltipProps({\n          className: 'tooltip-container'\n        })}\n      >\n        {!hideArrow && (\n          <div\n            {...getArrowProps({\n              'data-placement': placement,\n              className: 'tooltip-arrow'\n            })}\n          />\n        )}\n        {tooltip}\n      </div>\n    )}\n  >\n    {({getTriggerProps}) => (\n      <span\n        {...getTriggerProps({\n          className: 'trigger'\n        })}\n      >\n        {children}\n      </span>\n    )}\n  </TooltipTrigger>\n);\n\nexport default Tooltip;\n```\n\nThen you can use it as shown in the example below.\n\n```jsx\n<Tooltip placement=\"top\" trigger=\"click\" tooltip=\"Hi there!\">\n  Click me\n</Tooltip>\n```\n\n## Examples\n\nTo fiddle with our example recipes, run:\n\n```bash\n> npm install\n> npm run docs\n```\n\nor\n\n```bash\n> yarn\n> yarn docs\n```\n\nand open up [localhost:3000](http://localhost:3000) in your browser.\n\n## Props\n\n### children\n\n> `function({})` | _required_\n\nThis is called with an object. Read more about the properties of this object in\nthe section \"[Children and tooltip functions](#children-and-tooltip-functions)\".\n\n### tooltip\n\n> `function({})` | _required_\n\nThis is called with an object. Read more about the properties of this object in\nthe section \"[Children and tooltip functions](#children-and-tooltip-functions)\".\n\n### defaultTooltipShown\n\n> `boolean` | defaults to `false`\n\nThis is the initial visibility state of the tooltip.\n\n### onVisibilityChange\n\n> `function(tooltipShown: boolean)`\n\nCalled with the tooltip state, when the visibility of the tooltip changes\n\n### tooltipShown\n\n> `boolean` | **control prop**\n\nUse this prop if you want to control the visibility state of the tooltip.\n\n`react-popper-tooltip` manages its own state internally. You can use this prop to pass the\nvisibility state of the tooltip from the outside. You will be required to keep this state up to\ndate (this is where `onVisibilityChange` becomes useful), but you can also control the state\nfrom anywhere, be that state from other components, `redux`, `react-router`, or anywhere else.\n\n### delayShow\n\n> `number` | defaults to `0`\n\nDelay in showing the tooltip (ms).\n\n### delayHide\n\n> `number` | defaults to `0`\n\nDelay in hiding the tooltip (ms).\n\n### placement\n\n> `string` | defaults to `right`\n\nThe tooltip placement. Valid placements are:\n\n- `auto`\n- `top`\n- `right`\n- `bottom`\n- `left`\n\nEach placement can have a variation from this list:\n\n- `-start`\n- `-end`\n\n### trigger\n\n> `string` | defaults to `hover`\n\nThe event that triggers the tooltip. One of `click`, `hover`, `right-click`, `none`.\n\n### getTriggerRef\n\n> `function(HTMLElement) => void`\n\nFunction that can be used to obtain a trigger element reference.\n\n### closeOnOutOfBoundaries\n\n> `boolean` | defaults to `true`\n\nWhether to close the tooltip when it's trigger is out of the boundary.\n\n### usePortal\n\n> `boolean` | defaults to `true`\n\nWhether to use `React.createPortal` for creating tooltip.\n\n### portalContainer\n\n> `HTMLElement` | defaults to `document.body`\n\nElement to be used as portal container\n\n### followCursor\n\n> `boolean` | defaults to `false`\n\nWhether to spawn the tooltip at the cursor position.\n\nRecommended usage with hover trigger and no arrow element\n\n### modifiers\n\n> `object`\n\nModifiers passed directly to the underlying popper.js instance.\nFor more information, refer to Popper.js’\n[modifier docs](https://popper.js.org/popper-documentation.html#modifiers)\n\nModifiers, applied by default:\n\n```\n{\n  preventOverflow: {\n    boundariesElement: 'viewport'\n  }\n}\n```\n\n## Children and tooltip functions\n\nThis is where you render whatever you want. `react-popper-tooltip` uses two render props `children`\nand `tooltip`. `Children` prop is used to trigger the appearance of the tooltip and `tooltip`\ndisplays the tooltip itself.\n\nYou use it like so:\n\n```\nconst tooltip = (\n  <TooltipTrigger\n    tooltip={tooltip => (<div>{/* more jsx here */}</div>)}\n  >\n    {trigger => (<div>{/* more jsx here */}</div>)}\n  </TooltipTrigger>\n)\n```\n\n### prop getters\n\n> See [the blog post about prop getters](https://blog.kentcdodds.com/how-to-give-rendering-control-to-users-with-prop-getters-549eaef76acf)\n\nThese functions are used to apply props to the elements that you render.\nIt's advisable to pass all your props to that function rather than applying them on the element\nyourself to avoid your props being overridden (or overriding the props returned). For example\n`<button {...getTriggerProps({onClick: event => console.log(event))}>Click me</button>`\n\n### children function\n\n| property        | type           | description                                                           |\n| --------------- | -------------- | --------------------------------------------------------------------- |\n| getTriggerProps | `function({})` | returns the props you should apply to the trigger element you render. |\n\n### tooltip function\n\n| property        | type           | description                                                           |\n| --------------- | -------------- | --------------------------------------------------------------------- |\n| getTooltipProps | `function({})` | returns the props you should apply to the tooltip element you render. |\n| getArrowProps   | `function({})` | return the props you should apply to the tooltip arrow element.       |\n| placement       | `string`       | return the placement of the tooltip.                                  |\n\n## Inspiration and Thanks!\n\nThis library is based on [react-popper](https://github.com/FezVrasta/react-popper), the official\nreact wrapper around [Popper.js](https://popper.js.org).\n\nUsing of render props, prop getters and doc style of this library are heavily inspired by\n[downshift](https://github.com/paypal/downshift).\n","readmeFilename":"README.md","gitHead":"1c0f935369de9bcaf85bc9d9deb84af3c6b0fb0a","bugs":{"url":"https://github.com/mohsinulhaq/react-popper-tooltip/issues"},"_id":"react-popper-tooltip@2.8.0-alpha.0","_npmVersion":"6.5.0","_nodeVersion":"10.15.0","_npmUser":{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"},"dist":{"integrity":"sha512-sMCkuQSPCHWnX5hg7o6s3KwNRXPtyTJwXSyPmX2oNACTcewOxfLBsQEUraNjbjvYEaLrDJuYakVDW3BoM7jqkw==","shasum":"98d16983faa7df7e13dd97646248161fafafffdb","tarball":"https://registry.npmjs.org/react-popper-tooltip/-/react-popper-tooltip-2.8.0-alpha.0.tgz","fileCount":13,"unpackedSize":93268,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcMjHTCRA9TVsSAnZWagAAnRoP/j8T46e6cE8l40fmEgbz\nt1m69DBRk/CEugQWIo8PC9isG8o7vql1lPKSMDImaQ8w2v4oMGNyfud0IVpg\ne6r60skajbb2UvFC7IdgxOuq5TruDmiNAcerAlDalBv1OA+trrIda50hYGQ/\n84/uQ5sA65NVE1eTeL8vVPXaICdmlql8gfDEaqnn8sy95sjrjgK7vgc7ZLg3\njNOwnQ4YyxU/+4XG/KbQmfrzZfmBURrERgGUEbZEuPC2taFOOl0JKuVZZx6O\nkqzCHQZmYZBhbN/nVdGPh4toU3I/kOOexCei8objwGLnWnIXgV4vnJxKKrsK\nsh3p8aOXOrTo9OpAFbT555fYdIurGaladFB2fkTyLz6JmgaN77dgocBSsLcw\nnUmRXkOePoVZxhxDw6UA9nD+rlUSaFCzJBtZlLxKe20Syat39J2FMNRi/MKs\nQ08O3FB57AnzXVL811l87FE9eaVuSkvY5YqiPKlI0JX++nBRNz82yDLePuW+\nUObs53fvNVPGwhT6aShzhL6ZD5ctOlhPCK0CkfsjIzNh2PIveoNnPyNL07xa\nT9bmquhvJWkuwTsNCEY8tXdbb6Z/TjPCLMiKGTzHOehEoVfzhM0OOAzBt7YA\n6qTye89OVmPRufNy+UmYxZC0yqAXB3A5LxHsyrhgL83UFKLJ7FPkhgH5VfEb\n0osT\r\n=cSNC\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAalWGVg5Rav5Y6wT7cnCBiF/NQeRu/sdo+L0QghQIfEAiEAzKQYpzYWQehfAC3/lNdtUa1n8Fl4QLlcr6l7LFUgMqM="}]},"maintainers":[{"email":"metaller.ru@gmail.com","name":"denisborovikov"},{"email":"mohsinulhaq01@gmail.com","name":"mohsinulhaq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-popper-tooltip_2.8.0-alpha.0_1546793426705_0.1658987103134193"},"_hasShrinkwrap":false},"2.7.3-alpha.0":{"name":"react-popper-tooltip","version":"2.7.3-alpha.0","description":"React tooltip library built around react-popper","homepage":"https://mohsinulhaq.github.io/react-popper-tooltip/","repository":{"type":"git","url":"git+https://github.com/mohsinulhaq/react-popper-tooltip.git"},"main":"dist/cjs/react-popper-tooltip.js","module":"dist/esm/react-popper-tooltip.js","style":"dist/styles.css","typings":"typings/react-popper-tooltip.d.ts","sideEffects":["*.css"],"scripts":{"build":"rimraf dist && rollup -c && cp src/styles.css dist","prepublishOnly":"yarn lint && yarn test && yarn build","docs":"docz dev","docs:build":"docz build","docs:deploy":"yarn docs:build && cp .docz/dist/index.html .docz/dist/404.html && gh-pages -d .docz/dist","lint":"eslint .","test":"jest"},"pre-commit":["lint","test"],"keywords":["react","tooltip","popover","overlay","react-tooltip","react-popper"],"author":{"name":"Mohsin Ul Haq","email":"mohsinulhaq01@gmail.com"},"license":"MIT","peerDependencies":{"react":"^16.7.0","react-dom":"^16.7.0"},"dependencies":{"@babel/runtime":"^7.2.0","react-popper":"^1.3.2"},"devDependencies":{"@babel/cli":"^7.2.3","@babel/core":"^7.2.2","@babel/plugin-proposal-class-properties":"^7.2.3","@babel/plugin-transform-runtime":"^7.2.0","@babel/preset-env":"^7.2.3","@babel/preset-react":"^7.0.0","@types/jest":"^23.3.10","@types/react":"^16.7.18","@types/react-dom":"^16.0.11","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.1","babel-jest":"^23.6.0","babel-plugin-transform-react-remove-prop-types":"^0.4.21","docz":"^0.13.7","docz-plugin-css":"^0.11.0","docz-theme-default":"^0.13.7","eslint":"^5.11.1","eslint-config-prettier":"^3.3.0","eslint-plugin-jest":"^22.1.2","eslint-plugin-jsx-a11y":"^6.1.2","eslint-plugin-prettier":"^3.0.1","eslint-plugin-react":"^7.12.0","gh-pages":"^2.0.1","jest":"^23.6.0","pre-commit":"^1.2.2","prettier":"^1.15.3","prop-types":"^15.6.2","react":"^16.7.0","react-dom":"^16.7.0","react-testing-library":"^5.4.2","rimraf":"^2.6.2","rollup":"^0.68.2","rollup-plugin-babel":"^4.1.0","rollup-plugin-size-snapshot":"^0.7.0"},"readme":"# React Tooltip\n[![npm version](https://img.shields.io/npm/v/react-popper-tooltip.svg?style=flat-square)](https://www.npmjs.com/package/react-popper-tooltip)\n[![npm downloads](https://img.shields.io/npm/dm/react-popper-tooltip.svg?style=flat-square)](https://www.npmjs.com/package/react-popper-tooltip)\n[![Build Status](https://travis-ci.com/mohsinulhaq/react-popper-tooltip.svg?branch=master)](https://travis-ci.com/mohsinulhaq/react-popper-tooltip)\n[![Dependency Status](https://img.shields.io/david/mohsinulhaq/react-popper-tooltip.svg?style=flat-square)](https://david-dm.org/mohsinulhaq/react-popper-tooltip)\n[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)\n[![codecov](https://codecov.io/gh/mohsinulhaq/react-popper-tooltip/branch/master/graph/badge.svg)](https://codecov.io/gh/mohsinulhaq/react-popper-tooltip)\n\nReact tooltip component based on [react-popper](https://github.com/FezVrasta/react-popper), the \nReact wrapper around [popper.js](https://popper.js.org/) library.\n\n## Homepage\nhttps://mohsinulhaq.github.io/react-popper-tooltip/\n\n## Example\nhttps://codesandbox.io/s/pykkz77z5j\n\n### Usage\n\n```bash\nnpm install react-popper-tooltip\n```\nor\n```bash\nyarn add react-popper-tooltip\n```\n\n```jsx\nimport React from 'react';\nimport {render} from 'react-dom';\nimport TooltipTrigger from 'react-popper-tooltip';\n\nconst Tooltip = ({\n  getTooltipProps,\n  getArrowProps,\n  tooltipRef,\n  arrowRef,\n  placement\n}) => (\n  <div\n    {...getTooltipProps({\n      ref: tooltipRef,\n      className: 'tooltip-container'\n      /* your props here */\n    })}\n  >\n    <div\n      {...getArrowProps({\n        ref: arrowRef,\n        'data-placement': placement,\n        className: 'tooltip-arrow'\n        /* your props here */\n      })}\n    />\n    Hello, World!\n  </div>\n);\n\nconst Trigger = ({getTriggerProps, triggerRef}) => (\n  <span\n    {...getTriggerProps({\n      ref: triggerRef,\n      className: 'trigger'\n      /* your props here */\n    })}\n  >\n    Click Me!\n  </span>\n);\n\nrender(\n  <TooltipTrigger\n    placement=\"right\"\n    trigger=\"click\"\n    tooltip={Tooltip}\n  >\n    {Trigger}\n  </TooltipTrigger>,\n  document.getElementById('root')\n);\n```\n\n`TooltipTrigger` is the only component exposed by the package. It's just a positioning engine. What to render is left completely to the user, which can be provided using render props. Your props should be passed through `getTriggerProps`, `getTooltipProps` and `getArrowProps`.\n\nRead more about [render prop](https://cdb.reacttraining.com/use-a-render-prop-50de598f11ce) pattern if you're not familiar with this approach.\n\n## Quick start\n\nIf you would like our opinionated container and arrow styles for your tooltip for quick start, you may import `react-popper-tooltip/dist/styles.css`, and use the classes `tooltip-container` and `tooltip-arrow` as follows:\n\n### Tooltip.js\n\n```jsx\nimport React from 'react';\nimport TooltipTrigger from 'react-popper-tooltip';\nimport 'react-popper-tooltip/dist/styles.css';\n\nconst Tooltip = ({tooltip, children, hideArrow ...props}) => (\n  <TooltipTrigger\n    {...props}\n    tooltip={({\n      getTooltipProps,\n      getArrowProps,\n      tooltipRef,\n      arrowRef,\n      placement\n    }) => (\n      <div\n        {...getTooltipProps({\n          ref: tooltipRef,\n          className: 'tooltip-container'\n        })}\n      >\n        {!hideArrow && <div\n          {...getArrowProps({\n            ref: arrowRef,\n            'data-placement': placement,\n            className: 'tooltip-arrow'\n          })}\n        />}\n        {tooltip}\n      </div>\n    )}\n  >\n    {({getTriggerProps, triggerRef}) => (\n      <span\n        {...getTriggerProps({\n          ref: triggerRef,\n          className: 'trigger'\n        })}\n      >\n        {children}\n      </span>\n    )}\n  </TooltipTrigger>\n);\n\nexport default Tooltip;\n```\n\nThen you can use it as shown in the example below. \n\n```jsx\n<Tooltip placement=\"top\" trigger=\"click\" tooltip=\"Hi there!\">Click me</Tooltip>\n```\n\n## Examples\nTo fiddle with our example recipes, run:\n```bash\n> npm install\n> npm run docs\n```\nor\n```bash\n> yarn\n> yarn docs\n```\nand  open up [localhost:3000](http://localhost:3000) in your browser.\n\n## Props\n\n### children\n\n> `function({})` | _required_\n\nThis is called with an object. Read more about the properties of this object in\nthe section \"[Children and tooltip functions](#children-and-tooltip-functions)\".\n\n### tooltip\n\n> `function({})` | _required_\n\nThis is called with an object. Read more about the properties of this object in\nthe section \"[Children and tooltip functions](#children-and-tooltip-functions)\".\n\n\n### defaultTooltipShown\n\n> `boolean` | defaults to `false`\n\nThis is the initial visibility state of the tooltip.\n\n### onVisibilityChange\n\n> `function(tooltipShown: boolean)`\n\nCalled with the tooltip state, when the visibility of the tooltip changes\n\n### tooltipShown\n\n> `boolean` | **control prop**\n\nUse this prop if you want to control the visibility state of the tooltip.\n\n`react-popper-tooltip` manages its own state internally. You can use this prop to pass the \nvisibility state of the tooltip from the outside. You will be required to keep this state up to \ndate (this is where `onVisibilityChange` becomes useful), but you can also control the state \nfrom anywhere, be that state from other components, `redux`, `react-router`, or anywhere else.\n\n### delayShow\n\n> `number` | defaults to `0`\n\nDelay in showing the tooltip (ms).\n\n### delayHide\n\n> `number` | defaults to `0`\n\nDelay in hiding the tooltip (ms).\n\n### placement\n\n> `string` | defaults to `right`\n\nThe tooltip placement. Valid placements are:\n- `auto`\n- `top`\n- `right`\n- `bottom`\n- `left`\n\nEach placement can have a variation from this list:\n- `-start`\n- `-end`\n\n### trigger\n\n> `string` | defaults to `hover` \n\nThe event that triggers the tooltip. One of `click`, `hover`, `right-click`, `none`.\n\n### getTriggerRef\n\n> `function(HTMLElement) => void` \n\nFunction that can be used to obtain a trigger element reference.\n\n### closeOnOutOfBoundaries\n\n> `boolean` | defaults to `true`\n\nWhether to close the tooltip when it's trigger is out of the boundary.\n\n### usePortal\n\n> `boolean` | defaults to `true`\n\nWhether to use `React.createPortal` for creating tooltip.\n\n### portalContainer\n\n> `HTMLElement` | defaults to `document.body`\n\nElement to be used as portal container\n\n### followCursor\n\n> `boolean` | defaults to `false`\n\nWhether to spawn the tooltip at the cursor position.\n\nRecommended usage with hover trigger and no arrow element\n\n### modifiers\n\n> `object` \n\nModifiers passed directly to the underlying popper.js instance. \nFor more information, refer to Popper.js’ \n[modifier docs](https://popper.js.org/popper-documentation.html#modifiers)\n\nModifiers, applied by default:\n\n```\n{\n  preventOverflow: {\n    boundariesElement: 'viewport'\n  }\n}\n```\n\n## Children and tooltip functions\n\nThis is where you render whatever you want. `react-popper-tooltip` uses two render props `children`\nand `tooltip`. `Children` prop is used to trigger the appearance of the tooltip and `tooltip` \ndisplays the tooltip itself. \n\nYou use it like so:\n\n```\nconst tooltip = (\n  <TooltipTrigger\n    tooltip={tooltip => (<div>{/* more jsx here */}</div>)}\n  >\n    {trigger => (<div>{/* more jsx here */}</div>)}\n  </TooltipTrigger>\n)\n```\n\n### prop getters\n\n> See [the blog post about prop getters](https://blog.kentcdodds.com/how-to-give-rendering-control-to-users-with-prop-getters-549eaef76acf)\n\nThese functions are used to apply props to the elements that you render. \nIt's advisable to pass all your props to that function rather than applying them on the element \nyourself to avoid your props being overridden (or overriding the props returned). For example\n`<button {...getTriggerProps({onClick: event => console.log(event))}>Click me</button>`\n\n### children function\n\n| property        | type           | description                                                           |\n| --------------- | -------------- | --------------------------------------------------------------------- |\n| getTriggerProps | `function({})` | returns the props you should apply to the trigger element you render. |\n| triggerRef      | `node`         | returns the react ref you should apply to the trigger element.        |\n\n\n### tooltip function\n\n| property        | type           | description                                                            |\n| --------------- | -------------- | ---------------------------------------------------------------------- |\n| getTooltipProps | `function({})` | returns the props you should apply to the tooltip element you render.  |\n| tooltipRef      | `node`         | return the react ref you should apply to the tooltip element.          |\n| getArrowProps   | `function({})` | return the props you should apply to the tooltip arrow element.        |\n| arrowRef        | `node`         | return the react ref you should apply to the tooltip arrow element.    |\n| placement       | `string`       | return the placement of the tooltip.                                   |\n\n## Inspiration and Thanks!\n\nThis library is based on [react-popper](https://github.com/FezVrasta/react-popper), the official \nreact wrapper around [Popper.js](https://popper.js.org).\n\nUsing of render props, prop getters and doc style of this library are heavily inspired by \n[downshift](https://github.com/paypal/downshift).\n","readmeFilename":"README.md","gitHead":"4546ce9d1f371a4d4f4e69d1f730b990cb3b56cc","bugs":{"url":"https://github.com/mohsinulhaq/react-popper-tooltip/issues"},"_id":"react-popper-tooltip@2.7.3-alpha.0","_npmVersion":"6.5.0","_nodeVersion":"10.15.0","_npmUser":{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"},"dist":{"integrity":"sha512-s0OmA2n/LLa5pc9YJ25zDNBeFU2Na7Kh/ZtCZeMvYrRdag3HBYYVTQWnA9Wl1lNqQ1eKOrAcEUCkCEf6wmbqEw==","shasum":"402366e2981af91da475b933cad34067c667bc8b","tarball":"https://registry.npmjs.org/react-popper-tooltip/-/react-popper-tooltip-2.7.3-alpha.0.tgz","fileCount":7,"unpackedSize":48794,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcM5XVCRA9TVsSAnZWagAASKAP/312LFpGMJiN866ZEORU\nVkvYvx2OZV39hxTh9wa7bxeXw3YaIKcp9DVh3/9dZ4nbcrMkvxW96evcJLLp\n9mdqpJr0FJJk4gwtzT9vZKMElqG3LsakAMWG5rwGYAAE9dFacF2JeLMfSfUg\nDG8+7N9K/K+hm8Pe1ukPeB8KKWR44ve+XjWYsHMUXr1Fdqnvir7yw+XIA1f8\nSRDc24gBwOY5CH5DbkjFM/6+VhGFvb7zQ7ReYFbsyUR+pxsl+Qy516+NPz64\nCNMSatiF9raLUTNsP1ayHVWu+ba/Ku+PoX/+PGuxsU9kgFoDNFpXFHkXAKf/\n2F2ku+uDC8ywAhB9YzQ6Tq8Zi73SNLG9qhO8uSQa1hvRvf7NRtHrQezUiHV3\naKJjV1YvRtvSpj2BJ/AJN5R+kCJC/Q0NoffrwVqUmU2cT6CO5s81F4JCVZOg\nKC08Phit4u8JfggkUpbljMmx6lWISgHbCxZ2gr6kHXZGWgQKRRrQeBfr+Jiu\n/gQ7tK54k1FcxwlxKZeC5Zo8rEnH2RFaTYfX8pZQ/Vr03iQGxz4MbEy6ibKN\nGEKqrVCr3XWT3ONco+QDbNJwQEMRcNL3xsXW+r8VhtWurHsDmsi17ltzhhQm\nNTAzekM5GHJ7n7qVunStPAE7ZHBqWW+d6r/nNw0u5BtHnKvhrljaEY6WZf8f\n4hPW\r\n=xLip\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD0RNlmLnMnU7nfyrkANp8Ha9u7WrWWRenjqx4FOAZphQIhAOsZLFEu/ogUVXZAN8RquueISqispBAVTe5OJ8kn7Rbq"}]},"maintainers":[{"email":"metaller.ru@gmail.com","name":"denisborovikov"},{"email":"mohsinulhaq01@gmail.com","name":"mohsinulhaq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-popper-tooltip_2.7.3-alpha.0_1546884564532_0.7409499706749423"},"_hasShrinkwrap":false},"2.7.3-alpha.1":{"name":"react-popper-tooltip","version":"2.7.3-alpha.1","description":"React tooltip library built around react-popper","homepage":"https://mohsinulhaq.github.io/react-popper-tooltip/","repository":{"type":"git","url":"git+https://github.com/mohsinulhaq/react-popper-tooltip.git"},"main":"dist/cjs/react-popper-tooltip.js","module":"dist/esm/react-popper-tooltip.js","style":"dist/styles.css","typings":"typings/react-popper-tooltip.d.ts","sideEffects":["*.css"],"scripts":{"build":"rimraf dist && rollup -c && cp src/styles.css dist","prepublishOnly":"yarn lint && yarn test && yarn build","docs":"docz dev","docs:build":"docz build","docs:deploy":"yarn docs:build && cp .docz/dist/index.html .docz/dist/404.html && gh-pages -d .docz/dist","lint":"eslint .","test":"jest"},"pre-commit":["lint","test"],"keywords":["react","tooltip","popover","overlay","react-tooltip","react-popper"],"author":{"name":"Mohsin Ul Haq","email":"mohsinulhaq01@gmail.com"},"license":"MIT","peerDependencies":{"react":"^16.7.0","react-dom":"^16.7.0"},"dependencies":{"@babel/runtime":"^7.2.0","react-popper":"^1.3.2"},"devDependencies":{"@babel/cli":"^7.2.3","@babel/core":"^7.2.2","@babel/plugin-proposal-class-properties":"^7.2.3","@babel/plugin-transform-runtime":"^7.2.0","@babel/preset-env":"^7.2.3","@babel/preset-react":"^7.0.0","@types/jest":"^23.3.10","@types/react":"^16.7.18","@types/react-dom":"^16.0.11","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.1","babel-jest":"^23.6.0","babel-plugin-transform-react-remove-prop-types":"^0.4.21","docz":"^0.13.7","docz-plugin-css":"^0.11.0","docz-theme-default":"^0.13.7","eslint":"^5.11.1","eslint-config-prettier":"^3.3.0","eslint-plugin-jest":"^22.1.2","eslint-plugin-jsx-a11y":"^6.1.2","eslint-plugin-prettier":"^3.0.1","eslint-plugin-react":"^7.12.0","gh-pages":"^2.0.1","jest":"^23.6.0","pre-commit":"^1.2.2","prettier":"^1.15.3","prop-types":"^15.6.2","react":"^16.7.0","react-dom":"^16.7.0","react-testing-library":"^5.4.2","rimraf":"^2.6.2","rollup":"^0.68.2","rollup-plugin-babel":"^4.1.0","rollup-plugin-size-snapshot":"^0.7.0"},"readme":"# React Tooltip\n[![npm version](https://img.shields.io/npm/v/react-popper-tooltip.svg?style=flat-square)](https://www.npmjs.com/package/react-popper-tooltip)\n[![npm downloads](https://img.shields.io/npm/dm/react-popper-tooltip.svg?style=flat-square)](https://www.npmjs.com/package/react-popper-tooltip)\n[![Build Status](https://travis-ci.com/mohsinulhaq/react-popper-tooltip.svg?branch=master)](https://travis-ci.com/mohsinulhaq/react-popper-tooltip)\n[![Dependency Status](https://img.shields.io/david/mohsinulhaq/react-popper-tooltip.svg?style=flat-square)](https://david-dm.org/mohsinulhaq/react-popper-tooltip)\n[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)\n[![codecov](https://codecov.io/gh/mohsinulhaq/react-popper-tooltip/branch/master/graph/badge.svg)](https://codecov.io/gh/mohsinulhaq/react-popper-tooltip)\n\nReact tooltip component based on [react-popper](https://github.com/FezVrasta/react-popper), the \nReact wrapper around [popper.js](https://popper.js.org/) library.\n\n## Homepage\nhttps://mohsinulhaq.github.io/react-popper-tooltip/\n\n## Example\nhttps://codesandbox.io/s/pykkz77z5j\n\n### Usage\n\n```bash\nnpm install react-popper-tooltip\n```\nor\n```bash\nyarn add react-popper-tooltip\n```\n\n```jsx\nimport React from 'react';\nimport {render} from 'react-dom';\nimport TooltipTrigger from 'react-popper-tooltip';\n\nconst Tooltip = ({\n  getTooltipProps,\n  getArrowProps,\n  tooltipRef,\n  arrowRef,\n  placement\n}) => (\n  <div\n    {...getTooltipProps({\n      ref: tooltipRef,\n      className: 'tooltip-container'\n      /* your props here */\n    })}\n  >\n    <div\n      {...getArrowProps({\n        ref: arrowRef,\n        'data-placement': placement,\n        className: 'tooltip-arrow'\n        /* your props here */\n      })}\n    />\n    Hello, World!\n  </div>\n);\n\nconst Trigger = ({getTriggerProps, triggerRef}) => (\n  <span\n    {...getTriggerProps({\n      ref: triggerRef,\n      className: 'trigger'\n      /* your props here */\n    })}\n  >\n    Click Me!\n  </span>\n);\n\nrender(\n  <TooltipTrigger\n    placement=\"right\"\n    trigger=\"click\"\n    tooltip={Tooltip}\n  >\n    {Trigger}\n  </TooltipTrigger>,\n  document.getElementById('root')\n);\n```\n\n`TooltipTrigger` is the only component exposed by the package. It's just a positioning engine. What to render is left completely to the user, which can be provided using render props. Your props should be passed through `getTriggerProps`, `getTooltipProps` and `getArrowProps`.\n\nRead more about [render prop](https://cdb.reacttraining.com/use-a-render-prop-50de598f11ce) pattern if you're not familiar with this approach.\n\n## Quick start\n\nIf you would like our opinionated container and arrow styles for your tooltip for quick start, you may import `react-popper-tooltip/dist/styles.css`, and use the classes `tooltip-container` and `tooltip-arrow` as follows:\n\n### Tooltip.js\n\n```jsx\nimport React from 'react';\nimport TooltipTrigger from 'react-popper-tooltip';\nimport 'react-popper-tooltip/dist/styles.css';\n\nconst Tooltip = ({tooltip, children, hideArrow ...props}) => (\n  <TooltipTrigger\n    {...props}\n    tooltip={({\n      getTooltipProps,\n      getArrowProps,\n      tooltipRef,\n      arrowRef,\n      placement\n    }) => (\n      <div\n        {...getTooltipProps({\n          ref: tooltipRef,\n          className: 'tooltip-container'\n        })}\n      >\n        {!hideArrow && <div\n          {...getArrowProps({\n            ref: arrowRef,\n            'data-placement': placement,\n            className: 'tooltip-arrow'\n          })}\n        />}\n        {tooltip}\n      </div>\n    )}\n  >\n    {({getTriggerProps, triggerRef}) => (\n      <span\n        {...getTriggerProps({\n          ref: triggerRef,\n          className: 'trigger'\n        })}\n      >\n        {children}\n      </span>\n    )}\n  </TooltipTrigger>\n);\n\nexport default Tooltip;\n```\n\nThen you can use it as shown in the example below. \n\n```jsx\n<Tooltip placement=\"top\" trigger=\"click\" tooltip=\"Hi there!\">Click me</Tooltip>\n```\n\n## Examples\nTo fiddle with our example recipes, run:\n```bash\n> npm install\n> npm run docs\n```\nor\n```bash\n> yarn\n> yarn docs\n```\nand  open up [localhost:3000](http://localhost:3000) in your browser.\n\n## Props\n\n### children\n\n> `function({})` | _required_\n\nThis is called with an object. Read more about the properties of this object in\nthe section \"[Children and tooltip functions](#children-and-tooltip-functions)\".\n\n### tooltip\n\n> `function({})` | _required_\n\nThis is called with an object. Read more about the properties of this object in\nthe section \"[Children and tooltip functions](#children-and-tooltip-functions)\".\n\n\n### defaultTooltipShown\n\n> `boolean` | defaults to `false`\n\nThis is the initial visibility state of the tooltip.\n\n### onVisibilityChange\n\n> `function(tooltipShown: boolean)`\n\nCalled with the tooltip state, when the visibility of the tooltip changes\n\n### tooltipShown\n\n> `boolean` | **control prop**\n\nUse this prop if you want to control the visibility state of the tooltip.\n\n`react-popper-tooltip` manages its own state internally. You can use this prop to pass the \nvisibility state of the tooltip from the outside. You will be required to keep this state up to \ndate (this is where `onVisibilityChange` becomes useful), but you can also control the state \nfrom anywhere, be that state from other components, `redux`, `react-router`, or anywhere else.\n\n### delayShow\n\n> `number` | defaults to `0`\n\nDelay in showing the tooltip (ms).\n\n### delayHide\n\n> `number` | defaults to `0`\n\nDelay in hiding the tooltip (ms).\n\n### placement\n\n> `string` | defaults to `right`\n\nThe tooltip placement. Valid placements are:\n- `auto`\n- `top`\n- `right`\n- `bottom`\n- `left`\n\nEach placement can have a variation from this list:\n- `-start`\n- `-end`\n\n### trigger\n\n> `string` | defaults to `hover` \n\nThe event that triggers the tooltip. One of `click`, `hover`, `right-click`, `none`.\n\n### getTriggerRef\n\n> `function(HTMLElement) => void` \n\nFunction that can be used to obtain a trigger element reference.\n\n### closeOnOutOfBoundaries\n\n> `boolean` | defaults to `true`\n\nWhether to close the tooltip when it's trigger is out of the boundary.\n\n### usePortal\n\n> `boolean` | defaults to `true`\n\nWhether to use `React.createPortal` for creating tooltip.\n\n### portalContainer\n\n> `HTMLElement` | defaults to `document.body`\n\nElement to be used as portal container\n\n### followCursor\n\n> `boolean` | defaults to `false`\n\nWhether to spawn the tooltip at the cursor position.\n\nRecommended usage with hover trigger and no arrow element\n\n### modifiers\n\n> `object` \n\nModifiers passed directly to the underlying popper.js instance. \nFor more information, refer to Popper.js’ \n[modifier docs](https://popper.js.org/popper-documentation.html#modifiers)\n\nModifiers, applied by default:\n\n```\n{\n  preventOverflow: {\n    boundariesElement: 'viewport'\n  }\n}\n```\n\n## Children and tooltip functions\n\nThis is where you render whatever you want. `react-popper-tooltip` uses two render props `children`\nand `tooltip`. `Children` prop is used to trigger the appearance of the tooltip and `tooltip` \ndisplays the tooltip itself. \n\nYou use it like so:\n\n```\nconst tooltip = (\n  <TooltipTrigger\n    tooltip={tooltip => (<div>{/* more jsx here */}</div>)}\n  >\n    {trigger => (<div>{/* more jsx here */}</div>)}\n  </TooltipTrigger>\n)\n```\n\n### prop getters\n\n> See [the blog post about prop getters](https://blog.kentcdodds.com/how-to-give-rendering-control-to-users-with-prop-getters-549eaef76acf)\n\nThese functions are used to apply props to the elements that you render. \nIt's advisable to pass all your props to that function rather than applying them on the element \nyourself to avoid your props being overridden (or overriding the props returned). For example\n`<button {...getTriggerProps({onClick: event => console.log(event))}>Click me</button>`\n\n### children function\n\n| property        | type           | description                                                           |\n| --------------- | -------------- | --------------------------------------------------------------------- |\n| getTriggerProps | `function({})` | returns the props you should apply to the trigger element you render. |\n| triggerRef      | `node`         | returns the react ref you should apply to the trigger element.        |\n\n\n### tooltip function\n\n| property        | type           | description                                                            |\n| --------------- | -------------- | ---------------------------------------------------------------------- |\n| getTooltipProps | `function({})` | returns the props you should apply to the tooltip element you render.  |\n| tooltipRef      | `node`         | return the react ref you should apply to the tooltip element.          |\n| getArrowProps   | `function({})` | return the props you should apply to the tooltip arrow element.        |\n| arrowRef        | `node`         | return the react ref you should apply to the tooltip arrow element.    |\n| placement       | `string`       | return the placement of the tooltip.                                   |\n\n## Inspiration and Thanks!\n\nThis library is based on [react-popper](https://github.com/FezVrasta/react-popper), the official \nreact wrapper around [Popper.js](https://popper.js.org).\n\nUsing of render props, prop getters and doc style of this library are heavily inspired by \n[downshift](https://github.com/paypal/downshift).\n","readmeFilename":"README.md","gitHead":"971604f94c0c32dd734da10238539a2dd5dc554e","bugs":{"url":"https://github.com/mohsinulhaq/react-popper-tooltip/issues"},"_id":"react-popper-tooltip@2.7.3-alpha.1","_npmVersion":"6.5.0","_nodeVersion":"10.15.0","_npmUser":{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"},"dist":{"integrity":"sha512-4o5FB1ImCB0K0TxjQU1DiRGFQJy2124M4WFHo98Ijbg9j/tVVM+XLIDq7S9z0umdWQt9N2tpN0zuCd+fZCBzpQ==","shasum":"b2a22c18579ee750af0c50a024a77edeb11d6b9b","tarball":"https://registry.npmjs.org/react-popper-tooltip/-/react-popper-tooltip-2.7.3-alpha.1.tgz","fileCount":7,"unpackedSize":48786,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcNMzGCRA9TVsSAnZWagAAYjkP/j0oFz1uosduXLJgxp4l\n59u4aiplHjlrIvdL2BAZQFDbwrikSFWbleu82zbnIM965KN/1ZyLKQv+xD/I\n6UKOjkCVobAjaBsgKqUiQ1UyZiUYfFyJgUEH8vFpMX4ZVQkhkeOGI82ees3Z\n9H/oyWQNo3+pxmE12sLUhf4Y8PSEHHzKL5Hk1TODxgNM4FjzrsI/fwm7DH49\nSfmn8N8D/XmjFD2Pct5Rl+7vp9j26ol4kUC9mW3brlQVIc/7KjwViLlVUcGz\nIgsFD52HZRHx9SLDOO7Dyj+SvmEgvaHLxWrTCLglPHPZCclCIgbWcvhDO3eC\n8CWJ/C19Q6hOXxgjIYkLB3gkLUMnaIJUWookkW1zl4/IPKLxMIDdr5bTfVe8\ndGTN7TGmTNsSylGgPeQk8mIENB/qTav89hnoC+6urkUhSCna4XCUPeDil4dF\nG/b+KDuMfzSOeLl0034BbFGyOFiy0rES92aiXgnXsiYjDX52/q1OKZz/GIPg\neA9ndGFx1VEj/14dIPbugBN45Ts2LvPy/RTZgJQ2yY7fmx/KKU5lrCYsPMNU\noBRmq21gDWJr3e2M+Pz3DIFDoRZUG4CBvU1KYumyAwPX0VC/0WaDx734gA3M\ncaALitmogqa6SNp+W0P9/kFiiBMCqZUN/vOt1mC8NhflpNpKU/R3UTTREhik\nty2G\r\n=nqmB\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDTgf5zxVk7Q5Y7DDzsB0xy9MXfSWKFMt6uqdnBOg0hwQIhAPM4UgAULuS93vR4anOq4gFnqoESe/cGau/+QN5IzZu9"}]},"maintainers":[{"email":"metaller.ru@gmail.com","name":"denisborovikov"},{"email":"mohsinulhaq01@gmail.com","name":"mohsinulhaq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-popper-tooltip_2.7.3-alpha.1_1546964165152_0.2558927739188428"},"_hasShrinkwrap":false},"2.7.3-alpha.2":{"name":"react-popper-tooltip","version":"2.7.3-alpha.2","description":"React tooltip library built around react-popper","homepage":"https://mohsinulhaq.github.io/react-popper-tooltip/","repository":{"type":"git","url":"git+https://github.com/mohsinulhaq/react-popper-tooltip.git"},"main":"dist/cjs/react-popper-tooltip.js","module":"dist/esm/react-popper-tooltip.js","style":"dist/styles.css","typings":"typings/react-popper-tooltip.d.ts","sideEffects":["*.css"],"scripts":{"build":"rimraf dist && rollup -c && cp src/styles.css dist","prepublishOnly":"yarn lint && yarn test && yarn build","docs":"docz dev","docs:build":"docz build","docs:deploy":"yarn docs:build && cp .docz/dist/index.html .docz/dist/404.html && gh-pages -d .docz/dist","lint":"eslint .","test":"jest"},"pre-commit":["lint","test"],"keywords":["react","tooltip","popover","overlay","react-tooltip","react-popper"],"author":{"name":"Mohsin Ul Haq","email":"mohsinulhaq01@gmail.com"},"license":"MIT","peerDependencies":{"react":"^16.7.0","react-dom":"^16.7.0"},"dependencies":{"@babel/runtime":"^7.2.0","react-popper":"^1.3.2"},"devDependencies":{"@babel/cli":"^7.2.3","@babel/core":"^7.2.2","@babel/plugin-proposal-class-properties":"^7.2.3","@babel/plugin-transform-runtime":"^7.2.0","@babel/preset-env":"^7.2.3","@babel/preset-react":"^7.0.0","@types/jest":"^23.3.10","@types/react":"^16.7.18","@types/react-dom":"^16.0.11","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.1","babel-jest":"^23.6.0","babel-plugin-transform-react-remove-prop-types":"^0.4.21","docz":"^0.13.7","docz-plugin-css":"^0.11.0","docz-theme-default":"^0.13.7","eslint":"^5.11.1","eslint-config-prettier":"^3.3.0","eslint-plugin-jest":"^22.1.2","eslint-plugin-jsx-a11y":"^6.1.2","eslint-plugin-prettier":"^3.0.1","eslint-plugin-react":"^7.12.0","gh-pages":"^2.0.1","jest":"^23.6.0","pre-commit":"^1.2.2","prettier":"^1.15.3","prop-types":"^15.6.2","react":"^16.7.0","react-dom":"^16.7.0","react-testing-library":"^5.4.2","rimraf":"^2.6.2","rollup":"^0.68.2","rollup-plugin-babel":"^4.1.0","rollup-plugin-size-snapshot":"^0.7.0"},"readme":"# React Tooltip\n[![npm version](https://img.shields.io/npm/v/react-popper-tooltip.svg?style=flat-square)](https://www.npmjs.com/package/react-popper-tooltip)\n[![npm downloads](https://img.shields.io/npm/dm/react-popper-tooltip.svg?style=flat-square)](https://www.npmjs.com/package/react-popper-tooltip)\n[![Build Status](https://travis-ci.com/mohsinulhaq/react-popper-tooltip.svg?branch=master)](https://travis-ci.com/mohsinulhaq/react-popper-tooltip)\n[![Dependency Status](https://img.shields.io/david/mohsinulhaq/react-popper-tooltip.svg?style=flat-square)](https://david-dm.org/mohsinulhaq/react-popper-tooltip)\n[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)\n[![codecov](https://codecov.io/gh/mohsinulhaq/react-popper-tooltip/branch/master/graph/badge.svg)](https://codecov.io/gh/mohsinulhaq/react-popper-tooltip)\n\nReact tooltip component based on [react-popper](https://github.com/FezVrasta/react-popper), the \nReact wrapper around [popper.js](https://popper.js.org/) library.\n\n## Homepage\nhttps://mohsinulhaq.github.io/react-popper-tooltip/\n\n## Example\nhttps://codesandbox.io/s/pykkz77z5j\n\n### Usage\n\n```bash\nnpm install react-popper-tooltip\n```\nor\n```bash\nyarn add react-popper-tooltip\n```\n\n```jsx\nimport React from 'react';\nimport {render} from 'react-dom';\nimport TooltipTrigger from 'react-popper-tooltip';\n\nconst Tooltip = ({\n  getTooltipProps,\n  getArrowProps,\n  tooltipRef,\n  arrowRef,\n  placement\n}) => (\n  <div\n    {...getTooltipProps({\n      ref: tooltipRef,\n      className: 'tooltip-container'\n      /* your props here */\n    })}\n  >\n    <div\n      {...getArrowProps({\n        ref: arrowRef,\n        'data-placement': placement,\n        className: 'tooltip-arrow'\n        /* your props here */\n      })}\n    />\n    Hello, World!\n  </div>\n);\n\nconst Trigger = ({getTriggerProps, triggerRef}) => (\n  <span\n    {...getTriggerProps({\n      ref: triggerRef,\n      className: 'trigger'\n      /* your props here */\n    })}\n  >\n    Click Me!\n  </span>\n);\n\nrender(\n  <TooltipTrigger\n    placement=\"right\"\n    trigger=\"click\"\n    tooltip={Tooltip}\n  >\n    {Trigger}\n  </TooltipTrigger>,\n  document.getElementById('root')\n);\n```\n\n`TooltipTrigger` is the only component exposed by the package. It's just a positioning engine. What to render is left completely to the user, which can be provided using render props. Your props should be passed through `getTriggerProps`, `getTooltipProps` and `getArrowProps`.\n\nRead more about [render prop](https://cdb.reacttraining.com/use-a-render-prop-50de598f11ce) pattern if you're not familiar with this approach.\n\n## Quick start\n\nIf you would like our opinionated container and arrow styles for your tooltip for quick start, you may import `react-popper-tooltip/dist/styles.css`, and use the classes `tooltip-container` and `tooltip-arrow` as follows:\n\n### Tooltip.js\n\n```jsx\nimport React from 'react';\nimport TooltipTrigger from 'react-popper-tooltip';\nimport 'react-popper-tooltip/dist/styles.css';\n\nconst Tooltip = ({tooltip, children, hideArrow ...props}) => (\n  <TooltipTrigger\n    {...props}\n    tooltip={({\n      getTooltipProps,\n      getArrowProps,\n      tooltipRef,\n      arrowRef,\n      placement\n    }) => (\n      <div\n        {...getTooltipProps({\n          ref: tooltipRef,\n          className: 'tooltip-container'\n        })}\n      >\n        {!hideArrow && <div\n          {...getArrowProps({\n            ref: arrowRef,\n            'data-placement': placement,\n            className: 'tooltip-arrow'\n          })}\n        />}\n        {tooltip}\n      </div>\n    )}\n  >\n    {({getTriggerProps, triggerRef}) => (\n      <span\n        {...getTriggerProps({\n          ref: triggerRef,\n          className: 'trigger'\n        })}\n      >\n        {children}\n      </span>\n    )}\n  </TooltipTrigger>\n);\n\nexport default Tooltip;\n```\n\nThen you can use it as shown in the example below. \n\n```jsx\n<Tooltip placement=\"top\" trigger=\"click\" tooltip=\"Hi there!\">Click me</Tooltip>\n```\n\n## Examples\nTo fiddle with our example recipes, run:\n```bash\n> npm install\n> npm run docs\n```\nor\n```bash\n> yarn\n> yarn docs\n```\nand  open up [localhost:3000](http://localhost:3000) in your browser.\n\n## Props\n\n### children\n\n> `function({})` | _required_\n\nThis is called with an object. Read more about the properties of this object in\nthe section \"[Children and tooltip functions](#children-and-tooltip-functions)\".\n\n### tooltip\n\n> `function({})` | _required_\n\nThis is called with an object. Read more about the properties of this object in\nthe section \"[Children and tooltip functions](#children-and-tooltip-functions)\".\n\n\n### defaultTooltipShown\n\n> `boolean` | defaults to `false`\n\nThis is the initial visibility state of the tooltip.\n\n### onVisibilityChange\n\n> `function(tooltipShown: boolean)`\n\nCalled with the tooltip state, when the visibility of the tooltip changes\n\n### tooltipShown\n\n> `boolean` | **control prop**\n\nUse this prop if you want to control the visibility state of the tooltip.\n\n`react-popper-tooltip` manages its own state internally. You can use this prop to pass the \nvisibility state of the tooltip from the outside. You will be required to keep this state up to \ndate (this is where `onVisibilityChange` becomes useful), but you can also control the state \nfrom anywhere, be that state from other components, `redux`, `react-router`, or anywhere else.\n\n### delayShow\n\n> `number` | defaults to `0`\n\nDelay in showing the tooltip (ms).\n\n### delayHide\n\n> `number` | defaults to `0`\n\nDelay in hiding the tooltip (ms).\n\n### placement\n\n> `string` | defaults to `right`\n\nThe tooltip placement. Valid placements are:\n- `auto`\n- `top`\n- `right`\n- `bottom`\n- `left`\n\nEach placement can have a variation from this list:\n- `-start`\n- `-end`\n\n### trigger\n\n> `string` | defaults to `hover` \n\nThe event that triggers the tooltip. One of `click`, `hover`, `right-click`, `none`.\n\n### getTriggerRef\n\n> `function(HTMLElement) => void` \n\nFunction that can be used to obtain a trigger element reference.\n\n### closeOnOutOfBoundaries\n\n> `boolean` | defaults to `true`\n\nWhether to close the tooltip when it's trigger is out of the boundary.\n\n### usePortal\n\n> `boolean` | defaults to `true`\n\nWhether to use `React.createPortal` for creating tooltip.\n\n### portalContainer\n\n> `HTMLElement` | defaults to `document.body`\n\nElement to be used as portal container\n\n### followCursor\n\n> `boolean` | defaults to `false`\n\nWhether to spawn the tooltip at the cursor position.\n\nRecommended usage with hover trigger and no arrow element\n\n### modifiers\n\n> `object` \n\nModifiers passed directly to the underlying popper.js instance. \nFor more information, refer to Popper.js’ \n[modifier docs](https://popper.js.org/popper-documentation.html#modifiers)\n\nModifiers, applied by default:\n\n```\n{\n  preventOverflow: {\n    boundariesElement: 'viewport'\n  }\n}\n```\n\n## Children and tooltip functions\n\nThis is where you render whatever you want. `react-popper-tooltip` uses two render props `children`\nand `tooltip`. `Children` prop is used to trigger the appearance of the tooltip and `tooltip` \ndisplays the tooltip itself. \n\nYou use it like so:\n\n```\nconst tooltip = (\n  <TooltipTrigger\n    tooltip={tooltip => (<div>{/* more jsx here */}</div>)}\n  >\n    {trigger => (<div>{/* more jsx here */}</div>)}\n  </TooltipTrigger>\n)\n```\n\n### prop getters\n\n> See [the blog post about prop getters](https://blog.kentcdodds.com/how-to-give-rendering-control-to-users-with-prop-getters-549eaef76acf)\n\nThese functions are used to apply props to the elements that you render. \nIt's advisable to pass all your props to that function rather than applying them on the element \nyourself to avoid your props being overridden (or overriding the props returned). For example\n`<button {...getTriggerProps({onClick: event => console.log(event))}>Click me</button>`\n\n### children function\n\n| property        | type           | description                                                           |\n| --------------- | -------------- | --------------------------------------------------------------------- |\n| getTriggerProps | `function({})` | returns the props you should apply to the trigger element you render. |\n| triggerRef      | `node`         | returns the react ref you should apply to the trigger element.        |\n\n\n### tooltip function\n\n| property        | type           | description                                                            |\n| --------------- | -------------- | ---------------------------------------------------------------------- |\n| getTooltipProps | `function({})` | returns the props you should apply to the tooltip element you render.  |\n| tooltipRef      | `node`         | return the react ref you should apply to the tooltip element.          |\n| getArrowProps   | `function({})` | return the props you should apply to the tooltip arrow element.        |\n| arrowRef        | `node`         | return the react ref you should apply to the tooltip arrow element.    |\n| placement       | `string`       | return the placement of the tooltip.                                   |\n\n## Inspiration and Thanks!\n\nThis library is based on [react-popper](https://github.com/FezVrasta/react-popper), the official \nreact wrapper around [Popper.js](https://popper.js.org).\n\nUsing of render props, prop getters and doc style of this library are heavily inspired by \n[downshift](https://github.com/paypal/downshift).\n","readmeFilename":"README.md","gitHead":"e342d17e65b03673ea6ea4b47285a544e432f4f9","bugs":{"url":"https://github.com/mohsinulhaq/react-popper-tooltip/issues"},"_id":"react-popper-tooltip@2.7.3-alpha.2","_npmVersion":"6.5.0","_nodeVersion":"10.15.0","_npmUser":{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"},"dist":{"integrity":"sha512-6Yz0cWOrt98lY+PpGbi2Gd76LZlroQrqEsw1duh+SMLhFHahaxdxwlqVy/nyJ0y/TZNSXPTM34cUs305a+80Ig==","shasum":"1e44920c5f858b5a35616c6a0e500a1e6ef1873f","tarball":"https://registry.npmjs.org/react-popper-tooltip/-/react-popper-tooltip-2.7.3-alpha.2.tgz","fileCount":7,"unpackedSize":48842,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcNk7BCRA9TVsSAnZWagAALBsP/21Z2gNvdM/UrxTy8DAq\nIe/scSHEKLHRVM2kNNRW6oQD0G1aku0KlTlg0WH+UqwhkrFWnH1VoMSOG2Q/\nrGWKPDGxxpebDa1QvPj6+1/GTFu8L3sX3abwkvnuPOq4vlstYNxFVh3jsfnt\nePT7PThIqjlXoEO4NHhf+heQXRUvvlp2EU0Ce9AaaFsUh1aR3JxoULsyPv65\nLIdORCgXKPFOJcNioE4LV/d3arVZF6rW2qGOszJKBd9yRfbfeuJB3Niz3NJY\nj6awdZR94hCfOwcFBY49QIglzQP+E/fF0PVt9d9fF4tEj5e09FvUfYJ4wopi\nzR09+ToV4ep0GGG0jD0gB0MBrZ8eWPWfCMOl//pfDXGs+ByrLNMJt2Gx2so0\npIYruUuxp4AjrKUrYwf2dXbQmdTtNnkNS2ChhPwW+bqKooVoCGrNTMtuYljA\nzPHuBnWf8bfva7jvCwQX5DqjfRkzGUcGC8TiNJpK3OXsE2uNJQ+sIzzDDT4q\nXRDzBtcdEh56j29JCo4JT0SIEIlu9WN1EIjSbnJiqghTa3IvsVJ1KQLGFT6a\nbhqzbmIwOCsO/4FRLXFeLuDC4zb8WiKtJueAFflETKcFIzH1N9iogTISkRRo\nZd5yB+uAYanwNphFzznMK/4anlFqO/TJXhMSYFVfFBLzC4V0U9/NiL6LkBfS\ni349\r\n=cSdp\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIENYFtTDYsDV8VTtE6jyVsXIExFnW4L1b7VSa/2lU2ABAiAnMOVeI/GeAr3EyDYfeE9jDQqXwUKUolB9gO4oBj+vzA=="}]},"maintainers":[{"email":"metaller.ru@gmail.com","name":"denisborovikov"},{"email":"mohsinulhaq01@gmail.com","name":"mohsinulhaq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-popper-tooltip_2.7.3-alpha.2_1547062977147_0.9414087868727743"},"_hasShrinkwrap":false},"2.7.3-alpha.3":{"name":"react-popper-tooltip","version":"2.7.3-alpha.3","description":"React tooltip library built around react-popper","homepage":"https://mohsinulhaq.github.io/react-popper-tooltip/","repository":{"type":"git","url":"git+https://github.com/mohsinulhaq/react-popper-tooltip.git"},"main":"dist/cjs/react-popper-tooltip.js","module":"dist/esm/react-popper-tooltip.js","style":"dist/styles.css","typings":"typings/react-popper-tooltip.d.ts","sideEffects":["*.css"],"scripts":{"build":"rimraf dist && rollup -c && cp src/styles.css dist","prepublishOnly":"yarn lint && yarn test && yarn build","docs":"docz dev","docs:build":"docz build","docs:deploy":"yarn docs:build && cp .docz/dist/index.html .docz/dist/404.html && gh-pages -d .docz/dist","lint":"eslint .","test":"jest"},"pre-commit":["lint","test"],"keywords":["react","tooltip","popover","overlay","react-tooltip","react-popper"],"author":{"name":"Mohsin Ul Haq","email":"mohsinulhaq01@gmail.com"},"license":"MIT","peerDependencies":{"react":"^16.7.0","react-dom":"^16.7.0"},"dependencies":{"@babel/runtime":"^7.2.0","react-popper":"^1.3.2"},"devDependencies":{"@babel/cli":"^7.2.3","@babel/core":"^7.2.2","@babel/plugin-proposal-class-properties":"^7.2.3","@babel/plugin-transform-runtime":"^7.2.0","@babel/preset-env":"^7.2.3","@babel/preset-react":"^7.0.0","@types/jest":"^23.3.10","@types/react":"^16.7.18","@types/react-dom":"^16.0.11","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.1","babel-jest":"^23.6.0","babel-plugin-transform-react-remove-prop-types":"^0.4.21","docz":"^0.13.7","docz-plugin-css":"^0.11.0","docz-theme-default":"^0.13.7","eslint":"^5.11.1","eslint-config-prettier":"^3.3.0","eslint-plugin-jest":"^22.1.2","eslint-plugin-jsx-a11y":"^6.1.2","eslint-plugin-prettier":"^3.0.1","eslint-plugin-react":"^7.12.0","gh-pages":"^2.0.1","jest":"^23.6.0","pre-commit":"^1.2.2","prettier":"^1.15.3","prop-types":"^15.6.2","react":"^16.7.0","react-dom":"^16.7.0","react-testing-library":"^5.4.2","rimraf":"^2.6.2","rollup":"^0.68.2","rollup-plugin-babel":"^4.1.0","rollup-plugin-size-snapshot":"^0.7.0"},"readme":"# React Tooltip\n[![npm version](https://img.shields.io/npm/v/react-popper-tooltip.svg?style=flat-square)](https://www.npmjs.com/package/react-popper-tooltip)\n[![npm downloads](https://img.shields.io/npm/dm/react-popper-tooltip.svg?style=flat-square)](https://www.npmjs.com/package/react-popper-tooltip)\n[![Build Status](https://travis-ci.com/mohsinulhaq/react-popper-tooltip.svg?branch=master)](https://travis-ci.com/mohsinulhaq/react-popper-tooltip)\n[![Dependency Status](https://img.shields.io/david/mohsinulhaq/react-popper-tooltip.svg?style=flat-square)](https://david-dm.org/mohsinulhaq/react-popper-tooltip)\n[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)\n[![codecov](https://codecov.io/gh/mohsinulhaq/react-popper-tooltip/branch/master/graph/badge.svg)](https://codecov.io/gh/mohsinulhaq/react-popper-tooltip)\n\nReact tooltip component based on [react-popper](https://github.com/FezVrasta/react-popper), the \nReact wrapper around [popper.js](https://popper.js.org/) library.\n\n## Homepage\nhttps://mohsinulhaq.github.io/react-popper-tooltip/\n\n## Example\nhttps://codesandbox.io/s/pykkz77z5j\n\n### Usage\n\n```bash\nnpm install react-popper-tooltip\n```\nor\n```bash\nyarn add react-popper-tooltip\n```\n\n```jsx\nimport React from 'react';\nimport {render} from 'react-dom';\nimport TooltipTrigger from 'react-popper-tooltip';\n\nconst Tooltip = ({\n  getTooltipProps,\n  getArrowProps,\n  tooltipRef,\n  arrowRef,\n  placement\n}) => (\n  <div\n    {...getTooltipProps({\n      ref: tooltipRef,\n      className: 'tooltip-container'\n      /* your props here */\n    })}\n  >\n    <div\n      {...getArrowProps({\n        ref: arrowRef,\n        'data-placement': placement,\n        className: 'tooltip-arrow'\n        /* your props here */\n      })}\n    />\n    Hello, World!\n  </div>\n);\n\nconst Trigger = ({getTriggerProps, triggerRef}) => (\n  <span\n    {...getTriggerProps({\n      ref: triggerRef,\n      className: 'trigger'\n      /* your props here */\n    })}\n  >\n    Click Me!\n  </span>\n);\n\nrender(\n  <TooltipTrigger\n    placement=\"right\"\n    trigger=\"click\"\n    tooltip={Tooltip}\n  >\n    {Trigger}\n  </TooltipTrigger>,\n  document.getElementById('root')\n);\n```\n\n`TooltipTrigger` is the only component exposed by the package. It's just a positioning engine. What to render is left completely to the user, which can be provided using render props. Your props should be passed through `getTriggerProps`, `getTooltipProps` and `getArrowProps`.\n\nRead more about [render prop](https://cdb.reacttraining.com/use-a-render-prop-50de598f11ce) pattern if you're not familiar with this approach.\n\n## Quick start\n\nIf you would like our opinionated container and arrow styles for your tooltip for quick start, you may import `react-popper-tooltip/dist/styles.css`, and use the classes `tooltip-container` and `tooltip-arrow` as follows:\n\n### Tooltip.js\n\n```jsx\nimport React from 'react';\nimport TooltipTrigger from 'react-popper-tooltip';\nimport 'react-popper-tooltip/dist/styles.css';\n\nconst Tooltip = ({tooltip, children, hideArrow ...props}) => (\n  <TooltipTrigger\n    {...props}\n    tooltip={({\n      getTooltipProps,\n      getArrowProps,\n      tooltipRef,\n      arrowRef,\n      placement\n    }) => (\n      <div\n        {...getTooltipProps({\n          ref: tooltipRef,\n          className: 'tooltip-container'\n        })}\n      >\n        {!hideArrow && <div\n          {...getArrowProps({\n            ref: arrowRef,\n            'data-placement': placement,\n            className: 'tooltip-arrow'\n          })}\n        />}\n        {tooltip}\n      </div>\n    )}\n  >\n    {({getTriggerProps, triggerRef}) => (\n      <span\n        {...getTriggerProps({\n          ref: triggerRef,\n          className: 'trigger'\n        })}\n      >\n        {children}\n      </span>\n    )}\n  </TooltipTrigger>\n);\n\nexport default Tooltip;\n```\n\nThen you can use it as shown in the example below. \n\n```jsx\n<Tooltip placement=\"top\" trigger=\"click\" tooltip=\"Hi there!\">Click me</Tooltip>\n```\n\n## Examples\nTo fiddle with our example recipes, run:\n```bash\n> npm install\n> npm run docs\n```\nor\n```bash\n> yarn\n> yarn docs\n```\nand  open up [localhost:3000](http://localhost:3000) in your browser.\n\n## Props\n\n### children\n\n> `function({})` | _required_\n\nThis is called with an object. Read more about the properties of this object in\nthe section \"[Children and tooltip functions](#children-and-tooltip-functions)\".\n\n### tooltip\n\n> `function({})` | _required_\n\nThis is called with an object. Read more about the properties of this object in\nthe section \"[Children and tooltip functions](#children-and-tooltip-functions)\".\n\n\n### defaultTooltipShown\n\n> `boolean` | defaults to `false`\n\nThis is the initial visibility state of the tooltip.\n\n### onVisibilityChange\n\n> `function(tooltipShown: boolean)`\n\nCalled with the tooltip state, when the visibility of the tooltip changes\n\n### tooltipShown\n\n> `boolean` | **control prop**\n\nUse this prop if you want to control the visibility state of the tooltip.\n\n`react-popper-tooltip` manages its own state internally. You can use this prop to pass the \nvisibility state of the tooltip from the outside. You will be required to keep this state up to \ndate (this is where `onVisibilityChange` becomes useful), but you can also control the state \nfrom anywhere, be that state from other components, `redux`, `react-router`, or anywhere else.\n\n### delayShow\n\n> `number` | defaults to `0`\n\nDelay in showing the tooltip (ms).\n\n### delayHide\n\n> `number` | defaults to `0`\n\nDelay in hiding the tooltip (ms).\n\n### placement\n\n> `string` | defaults to `right`\n\nThe tooltip placement. Valid placements are:\n- `auto`\n- `top`\n- `right`\n- `bottom`\n- `left`\n\nEach placement can have a variation from this list:\n- `-start`\n- `-end`\n\n### trigger\n\n> `string` | defaults to `hover` \n\nThe event that triggers the tooltip. One of `click`, `hover`, `right-click`, `none`.\n\n### getTriggerRef\n\n> `function(HTMLElement) => void` \n\nFunction that can be used to obtain a trigger element reference.\n\n### closeOnOutOfBoundaries\n\n> `boolean` | defaults to `true`\n\nWhether to close the tooltip when it's trigger is out of the boundary.\n\n### usePortal\n\n> `boolean` | defaults to `true`\n\nWhether to use `React.createPortal` for creating tooltip.\n\n### portalContainer\n\n> `HTMLElement` | defaults to `document.body`\n\nElement to be used as portal container\n\n### followCursor\n\n> `boolean` | defaults to `false`\n\nWhether to spawn the tooltip at the cursor position.\n\nRecommended usage with hover trigger and no arrow element\n\n### modifiers\n\n> `object` \n\nModifiers passed directly to the underlying popper.js instance. \nFor more information, refer to Popper.js’ \n[modifier docs](https://popper.js.org/popper-documentation.html#modifiers)\n\nModifiers, applied by default:\n\n```\n{\n  preventOverflow: {\n    boundariesElement: 'viewport'\n  }\n}\n```\n\n## Children and tooltip functions\n\nThis is where you render whatever you want. `react-popper-tooltip` uses two render props `children`\nand `tooltip`. `Children` prop is used to trigger the appearance of the tooltip and `tooltip` \ndisplays the tooltip itself. \n\nYou use it like so:\n\n```\nconst tooltip = (\n  <TooltipTrigger\n    tooltip={tooltip => (<div>{/* more jsx here */}</div>)}\n  >\n    {trigger => (<div>{/* more jsx here */}</div>)}\n  </TooltipTrigger>\n)\n```\n\n### prop getters\n\n> See [the blog post about prop getters](https://blog.kentcdodds.com/how-to-give-rendering-control-to-users-with-prop-getters-549eaef76acf)\n\nThese functions are used to apply props to the elements that you render. \nIt's advisable to pass all your props to that function rather than applying them on the element \nyourself to avoid your props being overridden (or overriding the props returned). For example\n`<button {...getTriggerProps({onClick: event => console.log(event))}>Click me</button>`\n\n### children function\n\n| property        | type           | description                                                           |\n| --------------- | -------------- | --------------------------------------------------------------------- |\n| getTriggerProps | `function({})` | returns the props you should apply to the trigger element you render. |\n| triggerRef      | `node`         | returns the react ref you should apply to the trigger element.        |\n\n\n### tooltip function\n\n| property        | type           | description                                                            |\n| --------------- | -------------- | ---------------------------------------------------------------------- |\n| getTooltipProps | `function({})` | returns the props you should apply to the tooltip element you render.  |\n| tooltipRef      | `node`         | return the react ref you should apply to the tooltip element.          |\n| getArrowProps   | `function({})` | return the props you should apply to the tooltip arrow element.        |\n| arrowRef        | `node`         | return the react ref you should apply to the tooltip arrow element.    |\n| placement       | `string`       | return the placement of the tooltip.                                   |\n\n## Inspiration and Thanks!\n\nThis library is based on [react-popper](https://github.com/FezVrasta/react-popper), the official \nreact wrapper around [Popper.js](https://popper.js.org).\n\nUsing of render props, prop getters and doc style of this library are heavily inspired by \n[downshift](https://github.com/paypal/downshift).\n","readmeFilename":"README.md","gitHead":"98ef65f53f1238864e896d5ebe1e2813429d5ac3","bugs":{"url":"https://github.com/mohsinulhaq/react-popper-tooltip/issues"},"_id":"react-popper-tooltip@2.7.3-alpha.3","_npmVersion":"6.5.0","_nodeVersion":"10.15.0","_npmUser":{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"},"dist":{"integrity":"sha512-geqX+HgjeRI99F7o3Qbv0VAC/FTThqWPWKZI5eNS8jZR8jA+ci9F92oA3UxYGJfltPGA8ySEMBo5un6ZJqQ4HQ==","shasum":"59b3c0997631a2b3011ebe392c6a0d9a053ba6b7","tarball":"https://registry.npmjs.org/react-popper-tooltip/-/react-popper-tooltip-2.7.3-alpha.3.tgz","fileCount":7,"unpackedSize":48918,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcNlO3CRA9TVsSAnZWagAAyT0QAJaN/XxCIVbHhEJZ/QMO\nXoJz1CY0iCOTDJGz3dRvBv5hAuyW4Fhl91OcVrcZCzGuAnNSKHFR9pdDmvJy\nGGFnIXMCpETeImaMy2g0XHScDjmsvjcAkCeDhpJrMY8CjfFRzAkMlSU/xLUi\nHSpZhsQPKHbVGBfqnh15+59kXjotmK6+Qz7P9PD0kF9H49n6GPTLXnxVeyXI\ngodMCoXtEebBhF6WjHq0IchnWxOGKaNmw++rExWzsqAXU4ztyJxTY4Cr+Fel\nIBQgArnFTTZ+OILAoHutld//+LspRq0/hXWJrzKE9jw8MWfjT0m6JqwK0nsG\nPQoGwuHWlPQ1sViEe4pGYV2hY1wZ5+zY98YCGFCfvcHG1+6xeqlAiIls0h41\nEveRYbOsTztdja5t0VB6GHoHTa7h8+GWba1ujct/8zoWIZiFo5HHHxyS6qgE\nKOlzCaF7fAkfyFLF7Xm9lCDxLyhSZ4d78BvlBfwVSKBwhp2SK+oztnfkSLwI\nRbZL8N3JQ79RB+Ch+jJv7xHVzJVKd/IN9mLnL3xzJs28NutcdRw4vDEPbAuP\nWzx5Ii92wLdUVbJZguGsDeIKZBEadaFEcGrg9YGlWYvD29C2vPrCAPSkHtEx\ngqT4wDpIytj3SYC+GaGrCtMHGTgJs7i46h3baMinSYDKGjtyEnMe4DPp8nCo\nwFsX\r\n=hsl6\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC0kufPeSwauj66EJXcgCf++DBfDmR3qxmdOSUIGAGCcAIgckpRTDWjRE7B/OmDtguekJFMpmX3uoF6zG4KVlEx2ls="}]},"maintainers":[{"email":"metaller.ru@gmail.com","name":"denisborovikov"},{"email":"mohsinulhaq01@gmail.com","name":"mohsinulhaq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-popper-tooltip_2.7.3-alpha.3_1547064247085_0.5038262338041071"},"_hasShrinkwrap":false},"2.7.3":{"name":"react-popper-tooltip","version":"2.7.3","description":"React tooltip library built around react-popper","homepage":"https://mohsinulhaq.github.io/react-popper-tooltip/","repository":{"type":"git","url":"git+https://github.com/mohsinulhaq/react-popper-tooltip.git"},"main":"dist/cjs/react-popper-tooltip.js","module":"dist/esm/react-popper-tooltip.js","style":"dist/styles.css","typings":"typings/react-popper-tooltip.d.ts","sideEffects":["*.css"],"scripts":{"build":"rimraf dist && rollup -c && cp src/styles.css dist","prepublishOnly":"yarn lint && yarn test && yarn build","docs":"docz dev","docs:build":"docz build","docs:deploy":"yarn docs:build && cp .docz/dist/index.html .docz/dist/404.html && gh-pages -d .docz/dist","lint":"eslint .","test":"jest"},"pre-commit":["lint","test"],"keywords":["react","tooltip","popover","overlay","react-tooltip","react-popper"],"author":{"name":"Mohsin Ul Haq","email":"mohsinulhaq01@gmail.com"},"license":"MIT","peerDependencies":{"react":"^16.7.0","react-dom":"^16.7.0"},"dependencies":{"@babel/runtime":"^7.2.0","react-popper":"^1.3.2"},"devDependencies":{"@babel/cli":"^7.2.3","@babel/core":"^7.2.2","@babel/plugin-proposal-class-properties":"^7.2.3","@babel/plugin-transform-runtime":"^7.2.0","@babel/preset-env":"^7.2.3","@babel/preset-react":"^7.0.0","@types/jest":"^23.3.12","@types/react":"^16.7.18","@types/react-dom":"^16.0.11","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.1","babel-jest":"^23.6.0","babel-plugin-transform-react-remove-prop-types":"^0.4.21","docz":"^0.13.7","docz-plugin-css":"^0.11.0","docz-theme-default":"^0.13.7","eslint":"^5.12.0","eslint-config-prettier":"^3.3.0","eslint-plugin-jest":"^22.1.3","eslint-plugin-jsx-a11y":"^6.1.2","eslint-plugin-prettier":"^3.0.1","eslint-plugin-react":"^7.12.3","gh-pages":"^2.0.1","jest":"^23.6.0","pre-commit":"^1.2.2","prettier":"^1.15.3","prop-types":"^15.6.2","react":"^16.7.0","react-dom":"^16.7.0","react-testing-library":"^5.4.4","rimraf":"^2.6.3","rollup":"^0.68.2","rollup-plugin-babel":"^4.3.0","rollup-plugin-size-snapshot":"^0.7.0"},"gitHead":"895a81058f86daf5500ea54e6331c79b4739097e","bugs":{"url":"https://github.com/mohsinulhaq/react-popper-tooltip/issues"},"_id":"react-popper-tooltip@2.7.3","_npmVersion":"6.5.0","_nodeVersion":"10.15.0","_npmUser":{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"},"dist":{"integrity":"sha512-CbtcobgxmjLhnFJyaTzqWb+9ROaBsE7A63orpiZRiRC+lrLVlkJGyEuIT1udeRxMoWZ1moAaaCeFHAIM1gtjYw==","shasum":"107a58194bd8d7f89f37810943f55f6bce0f8daf","tarball":"https://registry.npmjs.org/react-popper-tooltip/-/react-popper-tooltip-2.7.3.tgz","fileCount":7,"unpackedSize":49416,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcONSXCRA9TVsSAnZWagAAVJoP/j0f1XbJw/vl4Oef6XHx\naNRLhwWY4HEI37O0E6uGD21KO+wkR4M3J4EayjBTCLQjJYQaWeiLA/6QvvCO\nfpJ736eA9iAGkZyvloj4WvZ9wiex4GtggVgyNmCqYy1WQlVnetMZEiTyNw0R\nVHqfoa7GW+tZNa2pCeGTdzCwQMWjPNflY7qy59SJQAA9OVD7WhdT/SIQISKy\n65fNf1VEx9S4At/ZJngiHUOMUHAqz3iAh0b62Y081qjG94w8ScoAGXPpWobu\nvwHIKubm69I9ca4AZtpxl8okbCLVyaI4a4pSojb6SkM5YUARszbL2WGEKmok\n55csQweCRU36NzkfnIKDNtMHtDDzfbtGjmz+8dFHiCU41MSigtaL7NkvU4q9\ndi0QJBWCuzsb0qz1wGSgNjWFryGuOrwmKn9sF0cXSvpk6TN0CXYGLMGCVLkm\nwDXwNcViANAYUOy/WVmOI8lSCqOgnhgJbhwwJQmLQs+h5XqpQpWYSXBkYDPP\nOXyXO/EctK58MwCGvBVAFZAQuldUUi6uzRo3hr89slWRXpTP7yjLmSZynzHl\nEhnr16wTXcmhAFAkePfPd7hXwxLQgsaBupEM7L6nPVUficrjFXO4NBzs1ePP\n1l5A/zzEgzSHI32ti/2WBPUIjlFk4QMhNrhKiEjEisvoXejwx+JvSi5MJagG\nIo5I\r\n=qXtp\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCz499jvCDuOj2OM1WVJaT2ZgjvE1K+66IBT8/jv/PlfwIgcroH8y4oOc25xEEwOPiI1aEYeT1eGNuykxAVomj+C0Y="}]},"maintainers":[{"email":"metaller.ru@gmail.com","name":"denisborovikov"},{"email":"mohsinulhaq01@gmail.com","name":"mohsinulhaq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-popper-tooltip_2.7.3_1547228310612_0.8629592426633144"},"_hasShrinkwrap":false},"2.7.4":{"name":"react-popper-tooltip","version":"2.7.4","description":"React tooltip library built around react-popper","homepage":"https://mohsinulhaq.github.io/react-popper-tooltip/","repository":{"type":"git","url":"git+https://github.com/mohsinulhaq/react-popper-tooltip.git"},"main":"dist/cjs/react-popper-tooltip.js","module":"dist/esm/react-popper-tooltip.js","style":"dist/styles.css","typings":"typings/react-popper-tooltip.d.ts","sideEffects":["*.css"],"scripts":{"build":"rimraf dist && rollup -c && cp src/styles.css dist","prepublishOnly":"yarn lint && yarn test && yarn build","docs":"docz dev","docs:build":"docz build","docs:deploy":"yarn docs:build && cp .docz/dist/index.html .docz/dist/404.html && gh-pages -d .docz/dist","lint":"eslint .","test":"jest"},"pre-commit":["lint","test"],"keywords":["react","tooltip","popover","overlay","react-tooltip","react-popper"],"author":{"name":"Mohsin Ul Haq","email":"mohsinulhaq01@gmail.com"},"license":"MIT","peerDependencies":{"react":"^16.7.0","react-dom":"^16.7.0"},"dependencies":{"@babel/runtime":"^7.2.0","react-popper":"^1.3.2"},"devDependencies":{"@babel/cli":"^7.2.3","@babel/core":"^7.2.2","@babel/plugin-proposal-class-properties":"^7.2.3","@babel/plugin-transform-runtime":"^7.2.0","@babel/preset-env":"^7.2.3","@babel/preset-react":"^7.0.0","@types/jest":"^23.3.12","@types/react":"^16.7.18","@types/react-dom":"^16.0.11","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.1","babel-jest":"^23.6.0","babel-plugin-transform-react-remove-prop-types":"^0.4.21","docz":"^0.13.7","docz-plugin-css":"^0.11.0","docz-theme-default":"^0.13.7","eslint":"^5.12.0","eslint-config-prettier":"^3.3.0","eslint-plugin-jest":"^22.1.3","eslint-plugin-jsx-a11y":"^6.1.2","eslint-plugin-prettier":"^3.0.1","eslint-plugin-react":"^7.12.3","gh-pages":"^2.0.1","jest":"^23.6.0","pre-commit":"^1.2.2","prettier":"^1.15.3","prop-types":"^15.6.2","react":"^16.7.0","react-dom":"^16.7.0","react-testing-library":"^5.4.4","rimraf":"^2.6.3","rollup":"^0.68.2","rollup-plugin-babel":"^4.3.0","rollup-plugin-size-snapshot":"^0.7.0"},"gitHead":"4f912bc0b9ad6fffd426740cfba8fbd191052052","bugs":{"url":"https://github.com/mohsinulhaq/react-popper-tooltip/issues"},"_id":"react-popper-tooltip@2.7.4","_npmVersion":"6.5.0","_nodeVersion":"10.15.0","_npmUser":{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"},"dist":{"integrity":"sha512-DxIEQpbcsGD/SWnTug1SntuKT/qoFIos7Kt3ItdRmUOeBJnc2m5FxeoNR8mboxbZKf3M6EzEO5aoIt4E+NJZsA==","shasum":"c2bb64464c044b66aa90ff314d33fa5ce07a102d","tarball":"https://registry.npmjs.org/react-popper-tooltip/-/react-popper-tooltip-2.7.4.tgz","fileCount":7,"unpackedSize":49284,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcONkqCRA9TVsSAnZWagAAMR8P/i6EiFlB7g7611uNDJDo\nxOfAKPlIG5JCHinUwzU4W0VzP0dmTkqXan0bXXHpe9kfJMsER4EN5Lm3OXSj\nfP5OoZD1GtI0URYX57OwyjEw0O4iV97tXDtXgzMx06AYrUrdQ4cNiEvvVmK2\n5+X+M4V6ncLqwIN4IvPFSz9cpEkKaDIDOdmOM/Jp+v4NuocR4L8OorNyRNID\ntx0eMKxqNIX3EwCUsm9AhTZfyIDm0gdkYZzrrtSHEsGfhQEYAZa1EgBkOP4Z\n2d0MwpaPHc2TJMQVbbvyNJXoAzK/qoZYDJtOanQrTHLH4D8Wf19DUASgb9yS\n8Wv6UhUTmEdxQ4q8h5PXdY9ASCTDG0BqyWQ1tRKvPh1sbaJs872do/onOFD2\nqfNtfCmerUNiiXkh0yuxk31AwVu/sDWVT0xjtBZ1VlM6anTCEtnBykbTtnmJ\nCcR2eaANYLab8M4JLCojZZ4qBhf15GJQIgjT23vF0sCIC1o7IN9jzmY1uFOB\nUL0CxSkpTKjHcdmFKf6e/PM1kzQ0ku3sUWHEw4RMhfPDCcApFCS3pjYaYOdX\nuXeUkKsp3E9j2F6rK8Acxwd+r2VvJZ5/1kWG5ZU9QZA1Hekk3vv5rWQROC1C\nF29cM4p4IiZW3k5G8Tz4QAmQ5yNk2gxxypgS7ZvcS6M6u85JbszflI0KsBvy\nj6TZ\r\n=4RbO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDmKSLT014/qhe4Z46zp29PCaNyDEDZjHD+T+7MgpjIYQIgQQ9kdTOnNIsLOxKQLhAYaISOHruQHSXiPaKAMCyIOeg="}]},"maintainers":[{"email":"metaller.ru@gmail.com","name":"denisborovikov"},{"email":"mohsinulhaq01@gmail.com","name":"mohsinulhaq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-popper-tooltip_2.7.4_1547229481539_0.9933567839209294"},"_hasShrinkwrap":false},"2.8.0":{"name":"react-popper-tooltip","version":"2.8.0","description":"React tooltip library built around react-popper","homepage":"https://mohsinulhaq.github.io/react-popper-tooltip/","repository":{"type":"git","url":"git+https://github.com/mohsinulhaq/react-popper-tooltip.git"},"main":"dist/cjs/react-popper-tooltip.js","module":"dist/esm/react-popper-tooltip.js","style":"dist/styles.css","typings":"dist/index.d.ts","sideEffects":["*.css"],"scripts":{"build":"rimraf dist && rollup -c && cp src/styles.css dist && yarn tsc && rimraf compiled","prepublishOnly":"yarn typecheck && yarn lint && yarn test && yarn build","docs":"docz dev","docs:build":"docz build","docs:deploy":"yarn docs:build && cp .docz/dist/index.html .docz/dist/404.html && gh-pages -d .docz/dist","typecheck":"tsc --noEmit","lint":"tslint -p .","test":"jest"},"pre-commit":["typecheck","lint","test"],"keywords":["react","tooltip","popover","overlay","react-tooltip","react-popper"],"author":{"name":"Mohsin Ul Haq","email":"mohsinulhaq01@gmail.com"},"license":"MIT","peerDependencies":{"react":"^16.7.0","react-dom":"^16.7.0"},"dependencies":{"@babel/runtime":"^7.2.0","react-popper":"^1.3.2"},"devDependencies":{"@babel/cli":"^7.2.3","@babel/core":"^7.2.2","@babel/plugin-proposal-class-properties":"^7.2.3","@babel/plugin-transform-runtime":"^7.2.0","@babel/preset-env":"^7.2.3","@babel/preset-react":"^7.0.0","@babel/preset-typescript":"^7.1.0","@types/jest":"^23.3.12","@types/react":"^16.7.18","@types/react-dom":"^16.0.11","babel-core":"^7.0.0-bridge.0","babel-jest":"^23.6.0","docz":"^0.13.7","docz-plugin-css":"^0.11.0","docz-theme-default":"^0.13.7","gh-pages":"^2.0.1","jest":"^23.6.0","pre-commit":"^1.2.2","prettier":"^1.15.3","prop-types":"^15.6.2","react":"^16.7.0","react-dom":"^16.7.0","react-testing-library":"^5.4.4","rimraf":"^2.6.3","rollup":"^0.68.2","rollup-plugin-babel":"^4.3.0","rollup-plugin-node-resolve":"^4.0.0","rollup-plugin-size-snapshot":"^0.7.0","tslint":"^5.12.1","tslint-config-prettier":"^1.17.0","tslint-eslint-rules":"^5.4.0","tslint-plugin-prettier":"^2.0.1","tslint-react":"^3.6.0","typescript":"^3.2.2"},"gitHead":"af78662c8f53b73c60c660a4121f3894f8fa3ad5","bugs":{"url":"https://github.com/mohsinulhaq/react-popper-tooltip/issues"},"_id":"react-popper-tooltip@2.8.0","_npmVersion":"6.5.0","_nodeVersion":"10.15.0","_npmUser":{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"},"dist":{"integrity":"sha512-jjw8dHwSbQNPp2JglgJbKF/E08FLAaMkjkW8Czgd53IPmtCPU58xCDSLQfKx+3Tk9tEEPFTXWxUWUN6cnTwFkA==","shasum":"777e710e4696bd1b8e1a1ef24a6e3375e0206609","tarball":"https://registry.npmjs.org/react-popper-tooltip/-/react-popper-tooltip-2.8.0.tgz","fileCount":13,"unpackedSize":95862,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcOfthCRA9TVsSAnZWagAA5fAP/0d4UBVGWMYMXugJftZz\nOxeUAYG/OP/QmunkyLNIFdUMdn1FiFdMO2pdmY5yUzdB7ahgpmjKAFFOb1Oh\n5r0SDFuPj9yGkaGD9Sorf1MvBupy4MbSbetuflDUfjDQxUf0MFkxx3YBRq4c\ng25cTPnBzvCRd1p6wLAq4TiK093UVOWNZADur3E/yNVRlFIqJI5LkUMb8v+A\naXJUz0Oq1qc86Vy90aHINYFTP3xLzaubT+TSEGMY8xWHR/6z2wFAr13swZ7/\nEBc7yg9cP4bY5KMDXTUItBp6h2dc5WivG4UoRJFhDgQ0HYj2TFV5xiPrC9My\n8Vt3x5dJX0HRyHyoZ/0UrX/W0NTOP6pMUB47MEIj/IF8r8LKLvMjRQi2EvnR\nWYJX+wQdM2CErWBbjTww6cHJzm9zK+pZfSxLAxbtvNhTObq8r6phj/vM2Ojp\nwRvQgwUIeMLFsJgZMW7oiEhzMo7SOrHMrpdVTEgz/73eOgJ7BVhcMisQ6fme\n9b+udkp9hlJrH7vERAUms3XOS6bqIasay4Em7owV4cFB8rD+5h5ErMexy0XY\nAd+1epIeOZYj8+SxyfsgV5L+QlEJUjZoSMk5A95vJn3BPxTbSnk+UVV423a7\n2Ykc5YPX3Qgyt5VevFQ1smI0YDlRyJM4/95WH2tTdsUQ2IIsAeoPY0AiDW8f\nb229\r\n=kGlD\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBbyiOdtaehdgT3zmOaC6oZfkMZyUBbEqUCrnN3ynKC1AiEA3Fn0YsZjTAvhyQJSXfpVoXIv6NkYiBoC07LWU0PU/jg="}]},"maintainers":[{"email":"metaller.ru@gmail.com","name":"denisborovikov"},{"email":"mohsinulhaq01@gmail.com","name":"mohsinulhaq"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-popper-tooltip_2.8.0_1547303776917_0.9994633403623447"},"_hasShrinkwrap":false},"2.8.1-alpha.0":{"name":"react-popper-tooltip","version":"2.8.1-alpha.0","description":"React tooltip library built around react-popper","homepage":"https://mohsinulhaq.github.io/react-popper-tooltip/","repository":{"type":"git","url":"git+https://github.com/mohsinulhaq/react-popper-tooltip.git"},"main":"dist/cjs/react-popper-tooltip.js","module":"dist/esm/react-popper-tooltip.js","style":"dist/styles.css","typings":"dist/index.d.ts","sideEffects":["*.css"],"scripts":{"build":"rimraf dist && rollup -c && cp src/styles.css dist && yarn tsc && rimraf compiled","prepublishOnly":"yarn typecheck && yarn lint && yarn test && yarn build","docs":"docz dev","docs:build":"docz build","docs:deploy":"yarn docs:build && cp .docz/dist/index.html .docz/dist/404.html && gh-pages -d .docz/dist","typecheck":"tsc --noEmit","lint":"tslint -p .","test":"jest"},"pre-commit":["typecheck","lint","test"],"keywords":["react","tooltip","popover","overlay","react-tooltip","react-popper"],"author":{"name":"Mohsin Ul Haq","email":"mohsinulhaq01@gmail.com"},"license":"MIT","peerDependencies":{"react":"^16.6.0","react-dom":"^16.6.0"},"dependencies":{"@babel/runtime":"^7.3.1","react-popper":"^1.3.3"},"devDependencies":{"@babel/cli":"^7.2.3","@babel/core":"^7.3.3","@babel/plugin-proposal-class-properties":"^7.3.3","@babel/plugin-transform-runtime":"^7.2.0","@babel/preset-env":"^7.3.1","@babel/preset-react":"^7.0.0","@babel/preset-typescript":"^7.3.3","@types/jest":"^24.0.6","@types/react":"^16.8.4","@types/react-dom":"^16.8.2","docz":"^0.13.7","docz-plugin-css":"^0.11.0","docz-theme-default":"^0.13.7","gh-pages":"^2.0.1","jest":"^24.1.0","pre-commit":"^1.2.2","prettier":"^1.16.4","react":"^16.8.3","react-dom":"^16.8.3","react-testing-library":"^5.9.0","rimraf":"^2.6.3","rollup":"^1.2.2","rollup-plugin-babel":"^4.3.2","rollup-plugin-node-resolve":"^4.0.1","rollup-plugin-size-snapshot":"^0.8.0","tslint":"^5.12.1","tslint-config-prettier":"^1.18.0","tslint-eslint-rules":"^5.4.0","tslint-plugin-prettier":"^2.0.1","tslint-react":"^3.6.0","typescript":"^3.3.3333"},"readme":"# React Tooltip\n\n[![npm version](https://img.shields.io/npm/v/react-popper-tooltip.svg?style=flat-square)](https://www.npmjs.com/package/react-popper-tooltip)\n[![npm downloads](https://img.shields.io/npm/dm/react-popper-tooltip.svg?style=flat-square)](https://www.npmjs.com/package/react-popper-tooltip)\n[![Build Status](https://travis-ci.com/mohsinulhaq/react-popper-tooltip.svg?branch=master)](https://travis-ci.com/mohsinulhaq/react-popper-tooltip)\n[![Dependency Status](https://img.shields.io/david/mohsinulhaq/react-popper-tooltip.svg?style=flat-square)](https://david-dm.org/mohsinulhaq/react-popper-tooltip)\n[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)\n[![codecov](https://codecov.io/gh/mohsinulhaq/react-popper-tooltip/branch/master/graph/badge.svg)](https://codecov.io/gh/mohsinulhaq/react-popper-tooltip)\n\nReact tooltip component based on [react-popper](https://github.com/FezVrasta/react-popper), the React wrapper around [popper.js](https://popper.js.org/) library.\n\n## Homepage\n\nhttps://mohsinulhaq.github.io/react-popper-tooltip/\n\n## Example\n\nhttps://codesandbox.io/s/pykkz77z5j\n\n### Usage\n\n```bash\nnpm install react-popper-tooltip\n```\n\nor\n\n```bash\nyarn add react-popper-tooltip\n```\n\n```jsx\nimport React from 'react';\nimport {render} from 'react-dom';\nimport TooltipTrigger from 'react-popper-tooltip';\n\nconst Tooltip = ({\n  arrowRef,\n  tooltipRef,\n  getArrowProps,\n  getTooltipProps,\n  placement\n}) => (\n  <div\n    {...getTooltipProps({\n      ref: tooltipRef,\n      className: 'tooltip-container'\n      /* your props here */\n    })}\n  >\n    <div\n      {...getArrowProps({\n        ref: arrowRef,\n        className: 'tooltip-arrow',\n        'data-placement': placement\n        /* your props here */\n      })}\n    />\n    Hello, World!\n  </div>\n);\n\nconst Trigger = ({getTriggerProps, triggerRef}) => (\n  <span\n    {...getTriggerProps({\n      ref: triggerRef,\n      className: 'trigger'\n      /* your props here */\n    })}\n  >\n    Click Me!\n  </span>\n);\n\nrender(\n  <TooltipTrigger placement=\"right\" trigger=\"click\" tooltip={Tooltip}>\n    {Trigger}\n  </TooltipTrigger>,\n  document.getElementById('root')\n);\n```\n\n`TooltipTrigger` is the only component exposed by the package. It's just a positioning engine. What to render is left completely to the user, which can be provided using render props. Your props should be passed through `getTriggerProps`, `getTooltipProps` and `getArrowProps`.\n\nRead more about [render prop](https://cdb.reacttraining.com/use-a-render-prop-50de598f11ce) pattern if you're not familiar with this approach.\n\n## Quick start\n\nIf you would like our opinionated container and arrow styles for your tooltip for quick start, you may import `react-popper-tooltip/dist/styles.css`, and use the classes `tooltip-container` and `tooltip-arrow` as follows:\n\n### Tooltip.js\n\n```jsx\nimport React from 'react';\nimport TooltipTrigger from 'react-popper-tooltip';\nimport 'react-popper-tooltip/dist/styles.css';\n\nconst Tooltip = ({children, tooltip, hideArrow, ...props}) => (\n  <TooltipTrigger\n    {...props}\n    tooltip={({\n      arrowRef,\n      tooltipRef,\n      getArrowProps,\n      getTooltipProps,\n      placement\n    }) => (\n      <div\n        {...getTooltipProps({\n          ref: tooltipRef,\n          className: 'tooltip-container'\n        })}\n      >\n        {!hideArrow && (\n          <div\n            {...getArrowProps({\n              ref: arrowRef,\n              className: 'tooltip-arrow',\n              'data-placement': placement\n            })}\n          />\n        )}\n        {tooltip}\n      </div>\n    )}\n  >\n    {({getTriggerProps, triggerRef}) => (\n      <span\n        {...getTriggerProps({\n          ref: triggerRef,\n          className: 'trigger'\n        })}\n      >\n        {children}\n      </span>\n    )}\n  </TooltipTrigger>\n);\n\nexport default Tooltip;\n```\n\nThen you can use it as shown in the example below.\n\n```jsx\n<Tooltip placement=\"top\" trigger=\"click\" tooltip=\"Hi there!\">\n  Click me\n</Tooltip>\n```\n\n## Examples\n\nTo fiddle with our example recipes, run:\n\n```bash\n> npm install\n> npm run docs\n```\n\nor\n\n```bash\n> yarn\n> yarn docs\n```\n\nand open up [localhost:3000](http://localhost:3000) in your browser.\n\n## Props\n\n### children\n\n> `function({})` | _required_\n\nThis is called with an object. Read more about the properties of this object in\nthe section \"[Children and tooltip functions](#children-and-tooltip-functions)\".\n\n### tooltip\n\n> `function({})` | _required_\n\nThis is called with an object. Read more about the properties of this object in\nthe section \"[Children and tooltip functions](#children-and-tooltip-functions)\".\n\n### defaultTooltipShown\n\n> `boolean` | defaults to `false`\n\nThis is the initial visibility state of the tooltip.\n\n### onVisibilityChange\n\n> `function(tooltipShown: boolean)`\n\nCalled with the tooltip state, when the visibility of the tooltip changes\n\n### tooltipShown\n\n> `boolean` | **control prop**\n\nUse this prop if you want to control the visibility state of the tooltip.\n\n`react-popper-tooltip` manages its own state internally. You can use this prop to pass the\nvisibility state of the tooltip from the outside. You will be required to keep this state up to\ndate (this is where `onVisibilityChange` becomes useful), but you can also control the state\nfrom anywhere, be that state from other components, `redux`, `react-router`, or anywhere else.\n\n### delayShow\n\n> `number` | defaults to `0`\n\nDelay in showing the tooltip (ms).\n\n### delayHide\n\n> `number` | defaults to `0`\n\nDelay in hiding the tooltip (ms).\n\n### placement\n\n> `string` | defaults to `right`\n\nThe tooltip placement. Valid placements are:\n\n- `auto`\n- `top`\n- `right`\n- `bottom`\n- `left`\n\nEach placement can have a variation from this list:\n\n- `-start`\n- `-end`\n\n### trigger\n\n> `string` | defaults to `hover`\n\nThe event that triggers the tooltip. One of `click`, `hover`, `right-click`, `none`.\n\n### getTriggerRef\n\n> `function(HTMLElement) => void`\n\nFunction that can be used to obtain a trigger element reference.\n\n### closeOnOutOfBoundaries\n\n> `boolean` | defaults to `true`\n\nWhether to close the tooltip when it's trigger is out of the boundary.\n\n### usePortal\n\n> `boolean` | defaults to `true`\n\nWhether to use `React.createPortal` for creating tooltip.\n\n### portalContainer\n\n> `HTMLElement` | defaults to `document.body`\n\nElement to be used as portal container\n\n### followCursor\n\n> `boolean` | defaults to `false`\n\nWhether to spawn the tooltip at the cursor position.\n\nRecommended usage with hover trigger and no arrow element\n\n### modifiers\n\n> `object`\n\nModifiers passed directly to the underlying popper.js instance.\nFor more information, refer to Popper.js’\n[modifier docs](https://popper.js.org/popper-documentation.html#modifiers)\n\nModifiers, applied by default:\n\n```\n{\n  preventOverflow: {\n    boundariesElement: 'viewport'\n  }\n}\n```\n\n## Children and tooltip functions\n\nThis is where you render whatever you want. `react-popper-tooltip` uses two render props `children`\nand `tooltip`. `Children` prop is used to trigger the appearance of the tooltip and `tooltip`\ndisplays the tooltip itself.\n\nYou use it like so:\n\n```\nconst tooltip = (\n  <TooltipTrigger\n    tooltip={tooltip => (<div>{/* more jsx here */}</div>)}\n  >\n    {trigger => (<div>{/* more jsx here */}</div>)}\n  </TooltipTrigger>\n)\n```\n\n### prop getters\n\n> See [the blog post about prop getters](https://blog.kentcdodds.com/how-to-give-rendering-control-to-users-with-prop-getters-549eaef76acf)\n\nThese functions are used to apply props to the elements that you render.\nIt's advisable to pass all your props to that function rather than applying them on the element\nyourself to avoid your props being overridden (or overriding the props returned). For example\n`<button {...getTriggerProps({onClick: event => console.log(event))}>Click me</button>`\n\n### children function\n\n| property        | type           | description                                                           |\n| --------------- | -------------- | --------------------------------------------------------------------- |\n| triggerRef      | `function ref` | returns the react ref you should apply to the trigger element.        |\n| getTriggerProps | `function({})` | returns the props you should apply to the trigger element you render. |\n\n### tooltip function\n\n| property        | type           | description                                                           |\n| --------------- | -------------- | --------------------------------------------------------------------- |\n| arrowRef        | `function ref` | return the react ref you should apply to the tooltip arrow element.   |\n| tooltipRef      | `function ref` | return the react ref you should apply to the tooltip element.         |\n| getArrowProps   | `function({})` | return the props you should apply to the tooltip arrow element.       |\n| getTooltipProps | `function({})` | returns the props you should apply to the tooltip element you render. |\n| placement       | `string`       | return the dynamic placement of the tooltip.                          |\n\n## Inspiration and Thanks!\n\nThis library is based on [react-popper](https://github.com/FezVrasta/react-popper), the official\nreact wrapper around [Popper.js](https://popper.js.org).\n\nUsing of render props, prop getters and doc style of this library are heavily inspired by\n[downshift](https://github.com/paypal/downshift).\n","readmeFilename":"README.md","gitHead":"361a5d9323252c36df5fcf697f1dca080c10e6f2","bugs":{"url":"https://github.com/mohsinulhaq/react-popper-tooltip/issues"},"_id":"react-popper-tooltip@2.8.1-alpha.0","_nodeVersion":"10.15.1","_npmVersion":"6.8.0","dist":{"integrity":"sha512-1LgNcSr9lpNDEWDanEnUDJy5feY7GfC2vVNcP/YFoCgIyDZL9FTmkBRcR7JqT0ixfj2kdTHfQG6Cw/yxOtYnKA==","shasum":"bcd6a80814b0607da658f98afcf1f6f6f3a13e63","tarball":"https://registry.npmjs.org/react-popper-tooltip/-/react-popper-tooltip-2.8.1-alpha.0.tgz","fileCount":13,"unpackedSize":95402,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJccCPFCRA9TVsSAnZWagAAQYAP+wRuaQPvA+RG10AlIkju\nOnXDXXsOuak9Yj1Z0ufdVzGiC7uxBPzCMpXO3ud5n/wjFCakI7nkSST/yTnx\nYvFAz+uaOAUhGWE05NISdrel8JWewKJu5RKljq3jFXhr2Uycsx9BS3yu7gJk\nphuXR1XVq4DHEPELhUaXufVAXU0KIWgIll8w2TBArgEGku64NTUxzMUDM+s+\nz8GOPQeJLHu2red3bFgzhyEAz6eEhvwIh/CU7OU9XKYHEJodMXWkzDk2zrUz\nyIuVVqAK4+gNy6CiDFJwFNY2XxYjLTfPzbA47RmWDkHF8OqgzSeKA+b6t4ds\nAFc6JRNLNFrSVrPDgjGrjLyjX08WomyXRD6ku+B09WuiDJ5FUS7RvYpNLWVU\nJjM5xpOGYT6BNtbgCp1Db83D1omW/vwzbKlHDwsO1duLGftiwOfsOWlPS+e/\nX33MjJWbJj+IAuPHxVWo0teJ6rvgVSNK1OWMRaGnJRTm6TArMwcVFnGp753u\nZxYc7Ra2TrZf2YMNZ89W9q5EpO6EBrjrUxxNa3/7K/JNERvjBXjGYYob2lIL\nyiCghiRckecDid3dtC8xC3rOWWQvyW9grL0nY6FJ3VCNlMJ6y7Ax6g1RZLXh\nOV93PnxWtm7E/ekVgXISnM0vvSHYhbaehGo80MtIP0/VyGFYeqyYBtd06Wch\nOSh2\r\n=E6Mj\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDkIzvzBiO27WNgkK3TOtZqQH5qDOwgrbKOn5zHAZQbGwIgdtOnQqHl+EBVsGNFDk43Whl5p5lmTzPMroCIWdBiuXc="}]},"maintainers":[{"email":"metaller.ru@gmail.com","name":"denisborovikov"},{"email":"mohsinulhaq01@gmail.com","name":"mohsinulhaq"}],"_npmUser":{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-popper-tooltip_2.8.1-alpha.0_1550853060638_0.8571727072963089"},"_hasShrinkwrap":false},"2.8.1-alpha.1":{"name":"react-popper-tooltip","version":"2.8.1-alpha.1","description":"React tooltip library built around react-popper","homepage":"https://mohsinulhaq.github.io/react-popper-tooltip/","repository":{"type":"git","url":"git+https://github.com/mohsinulhaq/react-popper-tooltip.git"},"main":"dist/cjs/react-popper-tooltip.js","module":"dist/esm/react-popper-tooltip.js","style":"dist/styles.css","typings":"dist/index.d.ts","sideEffects":["*.css"],"scripts":{"build":"rm -rf dist && rollup -c && cp src/styles.css dist && yarn tsc && rm -rf compiled","prepublishOnly":"yarn typecheck && yarn lint && yarn test && yarn build","docs":"docz dev","docs:build":"docz build","docs:deploy":"yarn docs:build && cp .docz/dist/index.html .docz/dist/404.html && gh-pages -d .docz/dist","typecheck":"tsc --noEmit","lint":"tslint -p .","test":"jest"},"pre-commit":["typecheck","lint","test"],"keywords":["react","tooltip","popover","overlay","react-tooltip","react-popper"],"author":{"name":"Mohsin Ul Haq","email":"mohsinulhaq01@gmail.com"},"license":"MIT","peerDependencies":{"react":"^16.6.0","react-dom":"^16.6.0"},"dependencies":{"@babel/runtime":"^7.3.1","react-popper":"^1.3.3"},"devDependencies":{"@babel/cli":"^7.2.3","@babel/core":"^7.3.3","@babel/plugin-proposal-class-properties":"^7.3.3","@babel/plugin-transform-runtime":"^7.2.0","@babel/preset-env":"^7.3.1","@babel/preset-react":"^7.0.0","@babel/preset-typescript":"^7.3.3","@types/jest":"^24.0.6","@types/react":"^16.8.4","@types/react-dom":"^16.8.2","docz":"^0.13.7","docz-plugin-css":"^0.11.0","docz-theme-default":"^0.13.7","gh-pages":"^2.0.1","jest":"^24.1.0","pre-commit":"^1.2.2","prettier":"^1.16.4","react":"^16.8.3","react-dom":"^16.8.3","react-testing-library":"^5.9.0","rollup":"^1.2.2","rollup-plugin-babel":"^4.3.2","rollup-plugin-node-resolve":"^4.0.1","rollup-plugin-size-snapshot":"^0.8.0","tslint":"^5.12.1","tslint-config-prettier":"^1.18.0","tslint-eslint-rules":"^5.4.0","tslint-plugin-prettier":"^2.0.1","tslint-react":"^3.6.0","typescript":"^3.3.3333"},"readme":"# React Tooltip\n\n[![npm version](https://img.shields.io/npm/v/react-popper-tooltip.svg?style=flat-square)](https://www.npmjs.com/package/react-popper-tooltip)\n[![npm downloads](https://img.shields.io/npm/dm/react-popper-tooltip.svg?style=flat-square)](https://www.npmjs.com/package/react-popper-tooltip)\n[![Build Status](https://travis-ci.com/mohsinulhaq/react-popper-tooltip.svg?branch=master)](https://travis-ci.com/mohsinulhaq/react-popper-tooltip)\n[![Dependency Status](https://img.shields.io/david/mohsinulhaq/react-popper-tooltip.svg?style=flat-square)](https://david-dm.org/mohsinulhaq/react-popper-tooltip)\n[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)\n[![codecov](https://codecov.io/gh/mohsinulhaq/react-popper-tooltip/branch/master/graph/badge.svg)](https://codecov.io/gh/mohsinulhaq/react-popper-tooltip)\n\nReact tooltip component based on [react-popper](https://github.com/FezVrasta/react-popper), the React wrapper around [popper.js](https://popper.js.org/) library.\n\n## Homepage\n\nhttps://mohsinulhaq.github.io/react-popper-tooltip/\n\n## Example\n\nhttps://codesandbox.io/s/pykkz77z5j\n\n### Usage\n\n```bash\nnpm install react-popper-tooltip\n```\n\nor\n\n```bash\nyarn add react-popper-tooltip\n```\n\n```jsx\nimport React from 'react';\nimport {render} from 'react-dom';\nimport TooltipTrigger from 'react-popper-tooltip';\n\nconst Tooltip = ({\n  arrowRef,\n  tooltipRef,\n  getArrowProps,\n  getTooltipProps,\n  placement\n}) => (\n  <div\n    {...getTooltipProps({\n      ref: tooltipRef,\n      className: 'tooltip-container'\n      /* your props here */\n    })}\n  >\n    <div\n      {...getArrowProps({\n        ref: arrowRef,\n        className: 'tooltip-arrow',\n        'data-placement': placement\n        /* your props here */\n      })}\n    />\n    Hello, World!\n  </div>\n);\n\nconst Trigger = ({getTriggerProps, triggerRef}) => (\n  <span\n    {...getTriggerProps({\n      ref: triggerRef,\n      className: 'trigger'\n      /* your props here */\n    })}\n  >\n    Click Me!\n  </span>\n);\n\nrender(\n  <TooltipTrigger placement=\"right\" trigger=\"click\" tooltip={Tooltip}>\n    {Trigger}\n  </TooltipTrigger>,\n  document.getElementById('root')\n);\n```\n\n`TooltipTrigger` is the only component exposed by the package. It's just a positioning engine. What to render is left completely to the user, which can be provided using render props. Your props should be passed through `getTriggerProps`, `getTooltipProps` and `getArrowProps`.\n\nRead more about [render prop](https://cdb.reacttraining.com/use-a-render-prop-50de598f11ce) pattern if you're not familiar with this approach.\n\n## Quick start\n\nIf you would like our opinionated container and arrow styles for your tooltip for quick start, you may import `react-popper-tooltip/dist/styles.css`, and use the classes `tooltip-container` and `tooltip-arrow` as follows:\n\n### Tooltip.js\n\n```jsx\nimport React from 'react';\nimport TooltipTrigger from 'react-popper-tooltip';\nimport 'react-popper-tooltip/dist/styles.css';\n\nconst Tooltip = ({children, tooltip, hideArrow, ...props}) => (\n  <TooltipTrigger\n    {...props}\n    tooltip={({\n      arrowRef,\n      tooltipRef,\n      getArrowProps,\n      getTooltipProps,\n      placement\n    }) => (\n      <div\n        {...getTooltipProps({\n          ref: tooltipRef,\n          className: 'tooltip-container'\n        })}\n      >\n        {!hideArrow && (\n          <div\n            {...getArrowProps({\n              ref: arrowRef,\n              className: 'tooltip-arrow',\n              'data-placement': placement\n            })}\n          />\n        )}\n        {tooltip}\n      </div>\n    )}\n  >\n    {({getTriggerProps, triggerRef}) => (\n      <span\n        {...getTriggerProps({\n          ref: triggerRef,\n          className: 'trigger'\n        })}\n      >\n        {children}\n      </span>\n    )}\n  </TooltipTrigger>\n);\n\nexport default Tooltip;\n```\n\nThen you can use it as shown in the example below.\n\n```jsx\n<Tooltip placement=\"top\" trigger=\"click\" tooltip=\"Hi there!\">\n  Click me\n</Tooltip>\n```\n\n## Examples\n\nTo fiddle with our example recipes, run:\n\n```bash\n> npm install\n> npm run docs\n```\n\nor\n\n```bash\n> yarn\n> yarn docs\n```\n\nand open up [localhost:3000](http://localhost:3000) in your browser.\n\n## Props\n\n### children\n\n> `function({})` | _required_\n\nThis is called with an object. Read more about the properties of this object in\nthe section \"[Children and tooltip functions](#children-and-tooltip-functions)\".\n\n### tooltip\n\n> `function({})` | _required_\n\nThis is called with an object. Read more about the properties of this object in\nthe section \"[Children and tooltip functions](#children-and-tooltip-functions)\".\n\n### defaultTooltipShown\n\n> `boolean` | defaults to `false`\n\nThis is the initial visibility state of the tooltip.\n\n### onVisibilityChange\n\n> `function(tooltipShown: boolean)`\n\nCalled with the tooltip state, when the visibility of the tooltip changes\n\n### tooltipShown\n\n> `boolean` | **control prop**\n\nUse this prop if you want to control the visibility state of the tooltip.\n\n`react-popper-tooltip` manages its own state internally. You can use this prop to pass the\nvisibility state of the tooltip from the outside. You will be required to keep this state up to\ndate (this is where `onVisibilityChange` becomes useful), but you can also control the state\nfrom anywhere, be that state from other components, `redux`, `react-router`, or anywhere else.\n\n### delayShow\n\n> `number` | defaults to `0`\n\nDelay in showing the tooltip (ms).\n\n### delayHide\n\n> `number` | defaults to `0`\n\nDelay in hiding the tooltip (ms).\n\n### placement\n\n> `string` | defaults to `right`\n\nThe tooltip placement. Valid placements are:\n\n- `auto`\n- `top`\n- `right`\n- `bottom`\n- `left`\n\nEach placement can have a variation from this list:\n\n- `-start`\n- `-end`\n\n### trigger\n\n> `string` | defaults to `hover`\n\nThe event that triggers the tooltip. One of `click`, `hover`, `right-click`, `none`.\n\n### getTriggerRef\n\n> `function(HTMLElement) => void`\n\nFunction that can be used to obtain a trigger element reference.\n\n### closeOnOutOfBoundaries\n\n> `boolean` | defaults to `true`\n\nWhether to close the tooltip when it's trigger is out of the boundary.\n\n### usePortal\n\n> `boolean` | defaults to `true`\n\nWhether to use `React.createPortal` for creating tooltip.\n\n### portalContainer\n\n> `HTMLElement` | defaults to `document.body`\n\nElement to be used as portal container\n\n### followCursor\n\n> `boolean` | defaults to `false`\n\nWhether to spawn the tooltip at the cursor position.\n\nRecommended usage with hover trigger and no arrow element\n\n### modifiers\n\n> `object`\n\nModifiers passed directly to the underlying popper.js instance.\nFor more information, refer to Popper.js’\n[modifier docs](https://popper.js.org/popper-documentation.html#modifiers)\n\nModifiers, applied by default:\n\n```\n{\n  preventOverflow: {\n    boundariesElement: 'viewport'\n  }\n}\n```\n\n## Children and tooltip functions\n\nThis is where you render whatever you want. `react-popper-tooltip` uses two render props `children`\nand `tooltip`. `Children` prop is used to trigger the appearance of the tooltip and `tooltip`\ndisplays the tooltip itself.\n\nYou use it like so:\n\n```\nconst tooltip = (\n  <TooltipTrigger\n    tooltip={tooltip => (<div>{/* more jsx here */}</div>)}\n  >\n    {trigger => (<div>{/* more jsx here */}</div>)}\n  </TooltipTrigger>\n)\n```\n\n### prop getters\n\n> See [the blog post about prop getters](https://blog.kentcdodds.com/how-to-give-rendering-control-to-users-with-prop-getters-549eaef76acf)\n\nThese functions are used to apply props to the elements that you render.\nIt's advisable to pass all your props to that function rather than applying them on the element\nyourself to avoid your props being overridden (or overriding the props returned). For example\n`<button {...getTriggerProps({onClick: event => console.log(event))}>Click me</button>`\n\n### children function\n\n| property        | type           | description                                                           |\n| --------------- | -------------- | --------------------------------------------------------------------- |\n| triggerRef      | `function ref` | returns the react ref you should apply to the trigger element.        |\n| getTriggerProps | `function({})` | returns the props you should apply to the trigger element you render. |\n\n### tooltip function\n\n| property        | type           | description                                                           |\n| --------------- | -------------- | --------------------------------------------------------------------- |\n| arrowRef        | `function ref` | return the react ref you should apply to the tooltip arrow element.   |\n| tooltipRef      | `function ref` | return the react ref you should apply to the tooltip element.         |\n| getArrowProps   | `function({})` | return the props you should apply to the tooltip arrow element.       |\n| getTooltipProps | `function({})` | returns the props you should apply to the tooltip element you render. |\n| placement       | `string`       | return the dynamic placement of the tooltip.                          |\n\n## Inspiration and Thanks!\n\nThis library is based on [react-popper](https://github.com/FezVrasta/react-popper), the official\nreact wrapper around [Popper.js](https://popper.js.org).\n\nUsing of render props, prop getters and doc style of this library are heavily inspired by\n[downshift](https://github.com/paypal/downshift).\n","readmeFilename":"README.md","gitHead":"10e32f2944999634b83d5619c1ba4ebbae46eb09","bugs":{"url":"https://github.com/mohsinulhaq/react-popper-tooltip/issues"},"_id":"react-popper-tooltip@2.8.1-alpha.1","_nodeVersion":"10.15.1","_npmVersion":"6.8.0","dist":{"integrity":"sha512-ql3u+O3hyc+ghtTFJDae7nd2frJvwnYkrIKTBYzmGTGdAg9gE8Wpeq8b1gL2H1L/M204qhjtZJeuaON9lx0VxQ==","shasum":"94de737a205def01460417eb41d89a4d10e8056f","tarball":"https://registry.npmjs.org/react-popper-tooltip/-/react-popper-tooltip-2.8.1-alpha.1.tgz","fileCount":13,"unpackedSize":100320,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJccRqCCRA9TVsSAnZWagAAyBMP/2h0bqec+mZhYq7K+5rG\nvpPn39rwWacWHwwAtUJwPSIKus9maNgi3i07uJQfB9LL27bzxyGRfCo+ehyv\nLTnasxEe9sgmyu055sfnvhybTQWpB0Va9GkbMxcdRV58QayjGI64N66c82dg\nEK5NVl/7v4loB2Jx4KRNq0A54ITxq0Arp2qATNv/Q5mIZ7Cu/RMyHnQWAsQL\nDr9/Ze1FNpnVf7LdEVTcgjwE6SmbskAEJBNWG1FX8ipbD7n6/ldtn8tu54J0\nkeaO3SyiVM5E8A2lc21jAzv7ppBBlWcdBeL8tdiW0bipTW9Gs0rvIEP09vLi\nyJM5Jvs/ddxY4fdAemd1tqI+TqL9liKNew6KSEnlPuQKScZDSXjCxDnVdj5A\nPYD5Wukc2Cnwf/B+OhQBgfVuJliWJzKFpEDTP99cPY81puPMoTsFQVzPUvVk\n3nSGAgyTshG5PnKupXNM3aYav0lZatsYldUjDPT3hshucGytgVVXn6T0FUy4\nRlzqmlHceTn/oi2K+wGMI2+51a82mVPl2V2FlBdtQFmizNFE26WQVKeaxexu\n83Z++lWq+bAWbOfTWsMzSg+Uhm0CYstsarRlTS8cqycC49gCYAlubXwANLL2\nADtrXOISj+29K7/dyd/TcBhrV/jF4lvP/YAmIEKa5d02jpuo1+SVaCcMMxR5\npZ3w\r\n=DCa1\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIE5CcCC3e45rALWDEoRe2wGWfXU6qP58l6KG3356ypUmAiB1IJCdquYYPTSuq1Yk4BjxaCo+UYFuc1BL9AvHohR8cQ=="}]},"maintainers":[{"email":"metaller.ru@gmail.com","name":"denisborovikov"},{"email":"mohsinulhaq01@gmail.com","name":"mohsinulhaq"}],"_npmUser":{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-popper-tooltip_2.8.1-alpha.1_1550916226118_0.7498657496125987"},"_hasShrinkwrap":false},"2.8.1":{"name":"react-popper-tooltip","version":"2.8.1","description":"React tooltip library built around react-popper","homepage":"https://mohsinulhaq.github.io/react-popper-tooltip/","repository":{"type":"git","url":"git+https://github.com/mohsinulhaq/react-popper-tooltip.git"},"main":"dist/cjs/react-popper-tooltip.js","module":"dist/esm/react-popper-tooltip.js","style":"dist/styles.css","typings":"dist/index.d.ts","sideEffects":["*.css"],"scripts":{"build":"rm -rf dist && rollup -c && cp src/styles.css dist && yarn tsc && rm -rf compiled","prepublishOnly":"yarn typecheck && yarn lint && yarn test && yarn build","docs":"docz dev","docs:build":"docz build","docs:deploy":"yarn docs:build && cp .docz/dist/index.html .docz/dist/404.html && gh-pages -d .docz/dist","typecheck":"tsc --noEmit","lint":"tslint -p .","test":"jest"},"pre-commit":["typecheck","lint","test"],"keywords":["react","tooltip","popover","overlay","react-tooltip","react-popper"],"author":{"name":"Mohsin Ul Haq","email":"mohsinulhaq01@gmail.com"},"license":"MIT","peerDependencies":{"react":"^16.6.0","react-dom":"^16.6.0"},"dependencies":{"@babel/runtime":"^7.3.4","react-popper":"^1.3.3"},"devDependencies":{"@babel/cli":"^7.2.3","@babel/core":"^7.3.4","@babel/plugin-proposal-class-properties":"^7.3.4","@babel/plugin-transform-runtime":"^7.3.4","@babel/preset-env":"^7.3.4","@babel/preset-react":"^7.0.0","@babel/preset-typescript":"^7.3.3","@types/jest":"^24.0.9","@types/react":"^16.8.6","@types/react-dom":"^16.8.2","docz":"^0.13.7","docz-plugin-css":"^0.11.0","docz-theme-default":"^0.13.7","gh-pages":"^2.0.1","jest":"^24.1.0","pre-commit":"^1.2.2","prettier":"^1.16.4","react":"^16.8.3","react-dom":"^16.8.3","react-testing-library":"^6.0.0","rollup":"^1.4.1","rollup-plugin-babel":"^4.3.2","rollup-plugin-node-resolve":"^4.0.1","rollup-plugin-size-snapshot":"^0.8.0","tslint":"^5.13.1","tslint-config-prettier":"^1.18.0","tslint-eslint-rules":"^5.4.0","tslint-plugin-prettier":"^2.0.1","tslint-react":"^3.6.0","typescript":"^3.3.3333"},"gitHead":"4d928a0a544846d28d177a037a28f733ed1c14d4","bugs":{"url":"https://github.com/mohsinulhaq/react-popper-tooltip/issues"},"_id":"react-popper-tooltip@2.8.1","_nodeVersion":"10.15.2","_npmVersion":"6.8.0","dist":{"integrity":"sha512-eL0PT5yz9H9lkG934TMh7czZWwDlqFady7CcJKMP5RcmBxTFBY4U7k71FEyxNaHd07nhMhUwbk0/Fgf2yw3LEg==","shasum":"bbaec88b729e3b7e9f26521857e7f908bccdecf3","tarball":"https://registry.npmjs.org/react-popper-tooltip/-/react-popper-tooltip-2.8.1.tgz","fileCount":13,"unpackedSize":100312,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcfVS0CRA9TVsSAnZWagAAnMgQAIeeoKmONQPghN/zEQk1\ndvcVXhbU1FmDdGTq+YIQZOL2mtPNIE+0rcB+kH32wJ+XXbOCxKLVWEIK/Wu7\nR+a0+lrdBTjXEq6VofsJy+FB5Z/w5UYq987B4OJKUlS+CfKJ6U1IrsQIFAha\nVoFC5nYe/yqk19rybJXTn+atNLXuq7Vz2Napy0mQWXPIFnPhLYhW/lL9rnVb\nf7wzsMwRCFU+J37CwkObQsy5zvMv7GtCmgx2bjo0Lx//ktC+a6k2GHkf2Me/\n3l51SGgRzVgumIniG+9TKrPFR2SpaEwZz2E0QJlXCKWUuZw9IwYRbS8eyoRb\nrSMLpVWT2fMs3sN4Axp534u1SV2K1F3BQj4UDOm/G/Pc0wgQHbJTxyLQlOCg\nzYIdwoR85uSGgCpFtZi8kzUbUvWzeqIodyy7aLV/Qb6Jp/bKuSUMOA063WwO\nZVKX/NlRdcgKDQnP+oec+0hvCHlzJMb/VD6D/KwV9rrqdRg7GLD1ClBlOjBm\nBlbJAMVkTXMEi2oyQwkUhifu0ey0LVvSKc1hZkIG5TJiFw3oor3hk/DgsJ21\njNRqbbzqXsFNw3kiNZs6pmB8HnHeswcniyZgIIE9ghI7kGjfu39PT2sUJnLi\nipieT3vM83UqiQOae/Vq3VHAq0Wn0VKE7QZ9cUbA3NmtMMrMdFX/FIHRP8OU\nvSK3\r\n=UZ6m\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCbnCP5ufmDbDOj0QZJCRHobRpfG8/j2k8SQUqLXbO9VQIgGXy9RLntUWPpB/OPJrLEzXUvQ0PmeMx/Mg7CAq5lz7E="}]},"maintainers":[{"email":"metaller.ru@gmail.com","name":"denisborovikov"},{"email":"mohsinulhaq01@gmail.com","name":"mohsinulhaq"}],"_npmUser":{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-popper-tooltip_2.8.1_1551717555552_0.6272630245083453"},"_hasShrinkwrap":false},"2.8.2-alpha.0":{"name":"react-popper-tooltip","version":"2.8.2-alpha.0","description":"React tooltip library built around react-popper","homepage":"https://mohsinulhaq.github.io/react-popper-tooltip/","repository":{"type":"git","url":"git+https://github.com/mohsinulhaq/react-popper-tooltip.git"},"main":"dist/cjs/react-popper-tooltip.js","module":"dist/esm/react-popper-tooltip.js","style":"dist/styles.css","typings":"dist/index.d.ts","sideEffects":["*.css"],"scripts":{"build":"rm -rf dist && rollup -c && cp src/styles.css dist && yarn tsc && rm -rf compiled","docs":"docz dev","docs:build":"docz build","docs:deploy":"yarn docs:build && cp .docz/dist/index.html .docz/dist/404.html && gh-pages -d .docz/dist","typecheck":"tsc --noEmit","lint":"tslint -p .","test":"jest"},"pre-commit":["typecheck","lint","test"],"keywords":["react","tooltip","popover","overlay","react-tooltip","react-popper"],"author":{"name":"Mohsin Ul Haq","email":"mohsinulhaq01@gmail.com"},"license":"MIT","peerDependencies":{"react":"^16.6.0","react-dom":"^16.6.0"},"dependencies":{"@babel/runtime":"^7.3.4","react-popper":"^1.3.3"},"devDependencies":{"@babel/cli":"^7.2.3","@babel/core":"^7.3.4","@babel/plugin-proposal-class-properties":"^7.3.4","@babel/plugin-transform-runtime":"^7.3.4","@babel/preset-env":"^7.3.4","@babel/preset-react":"^7.0.0","@babel/preset-typescript":"^7.3.3","@types/jest":"^24.0.9","@types/react":"^16.8.7","@types/react-dom":"^16.8.2","docz":"^0.13.7","docz-plugin-css":"^0.11.0","docz-theme-default":"^0.13.7","gh-pages":"^2.0.1","jest":"^24.3.0","pre-commit":"^1.2.2","prettier":"^1.16.4","react":"^16.8.4","react-dom":"^16.8.4","react-testing-library":"^6.0.0","rollup":"^1.5.0","rollup-plugin-babel":"^4.3.2","rollup-plugin-node-resolve":"^4.0.1","rollup-plugin-size-snapshot":"^0.8.0","tslint":"^5.13.1","tslint-config-prettier":"^1.18.0","tslint-eslint-rules":"^5.4.0","tslint-plugin-prettier":"^2.0.1","tslint-react":"^3.6.0","typescript":"^3.3.3333"},"readme":"# React Tooltip\n\n[![npm version](https://img.shields.io/npm/v/react-popper-tooltip.svg?style=flat-square)](https://www.npmjs.com/package/react-popper-tooltip)\n[![npm downloads](https://img.shields.io/npm/dm/react-popper-tooltip.svg?style=flat-square)](https://www.npmjs.com/package/react-popper-tooltip)\n[![Build Status](https://travis-ci.com/mohsinulhaq/react-popper-tooltip.svg?branch=master)](https://travis-ci.com/mohsinulhaq/react-popper-tooltip)\n[![Dependency Status](https://img.shields.io/david/mohsinulhaq/react-popper-tooltip.svg?style=flat-square)](https://david-dm.org/mohsinulhaq/react-popper-tooltip)\n[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)\n[![codecov](https://codecov.io/gh/mohsinulhaq/react-popper-tooltip/branch/master/graph/badge.svg)](https://codecov.io/gh/mohsinulhaq/react-popper-tooltip)\n\nReact tooltip component based on [react-popper](https://github.com/FezVrasta/react-popper), the React wrapper around [popper.js](https://popper.js.org/) library.\n\n## Homepage\n\nhttps://mohsinulhaq.github.io/react-popper-tooltip/\n\n## Example\n\nhttps://codesandbox.io/s/pykkz77z5j\n\n### Usage\n\n```bash\nnpm install react-popper-tooltip\n```\n\nor\n\n```bash\nyarn add react-popper-tooltip\n```\n\n```jsx\nimport React from 'react';\nimport {render} from 'react-dom';\nimport TooltipTrigger from 'react-popper-tooltip';\n\nconst Tooltip = ({\n  arrowRef,\n  tooltipRef,\n  getArrowProps,\n  getTooltipProps,\n  placement\n}) => (\n  <div\n    {...getTooltipProps({\n      ref: tooltipRef,\n      className: 'tooltip-container'\n      /* your props here */\n    })}\n  >\n    <div\n      {...getArrowProps({\n        ref: arrowRef,\n        className: 'tooltip-arrow',\n        'data-placement': placement\n        /* your props here */\n      })}\n    />\n    Hello, World!\n  </div>\n);\n\nconst Trigger = ({getTriggerProps, triggerRef}) => (\n  <span\n    {...getTriggerProps({\n      ref: triggerRef,\n      className: 'trigger'\n      /* your props here */\n    })}\n  >\n    Click Me!\n  </span>\n);\n\nrender(\n  <TooltipTrigger placement=\"right\" trigger=\"click\" tooltip={Tooltip}>\n    {Trigger}\n  </TooltipTrigger>,\n  document.getElementById('root')\n);\n```\n\n`TooltipTrigger` is the only component exposed by the package. It's just a positioning engine. What to render is left completely to the user, which can be provided using render props. Your props should be passed through `getTriggerProps`, `getTooltipProps` and `getArrowProps`.\n\nRead more about [render prop](https://cdb.reacttraining.com/use-a-render-prop-50de598f11ce) pattern if you're not familiar with this approach.\n\n## Quick start\n\nIf you would like our opinionated container and arrow styles for your tooltip for quick start, you may import `react-popper-tooltip/dist/styles.css`, and use the classes `tooltip-container` and `tooltip-arrow` as follows:\n\n### Tooltip.js\n\n```jsx\nimport React from 'react';\nimport TooltipTrigger from 'react-popper-tooltip';\nimport 'react-popper-tooltip/dist/styles.css';\n\nconst Tooltip = ({children, tooltip, hideArrow, ...props}) => (\n  <TooltipTrigger\n    {...props}\n    tooltip={({\n      arrowRef,\n      tooltipRef,\n      getArrowProps,\n      getTooltipProps,\n      placement\n    }) => (\n      <div\n        {...getTooltipProps({\n          ref: tooltipRef,\n          className: 'tooltip-container'\n        })}\n      >\n        {!hideArrow && (\n          <div\n            {...getArrowProps({\n              ref: arrowRef,\n              className: 'tooltip-arrow',\n              'data-placement': placement\n            })}\n          />\n        )}\n        {tooltip}\n      </div>\n    )}\n  >\n    {({getTriggerProps, triggerRef}) => (\n      <span\n        {...getTriggerProps({\n          ref: triggerRef,\n          className: 'trigger'\n        })}\n      >\n        {children}\n      </span>\n    )}\n  </TooltipTrigger>\n);\n\nexport default Tooltip;\n```\n\nThen you can use it as shown in the example below.\n\n```jsx\n<Tooltip placement=\"top\" trigger=\"click\" tooltip=\"Hi there!\">\n  Click me\n</Tooltip>\n```\n\n## Examples\n\nTo fiddle with our example recipes, run:\n\n```bash\n> npm install\n> npm run docs\n```\n\nor\n\n```bash\n> yarn\n> yarn docs\n```\n\nand open up [localhost:3000](http://localhost:3000) in your browser.\n\n## Props\n\n### children\n\n> `function({})` | _required_\n\nThis is called with an object. Read more about the properties of this object in\nthe section \"[Children and tooltip functions](#children-and-tooltip-functions)\".\n\n### tooltip\n\n> `function({})` | _required_\n\nThis is called with an object. Read more about the properties of this object in\nthe section \"[Children and tooltip functions](#children-and-tooltip-functions)\".\n\n### defaultTooltipShown\n\n> `boolean` | defaults to `false`\n\nThis is the initial visibility state of the tooltip.\n\n### onVisibilityChange\n\n> `function(tooltipShown: boolean)`\n\nCalled with the tooltip state, when the visibility of the tooltip changes\n\n### tooltipShown\n\n> `boolean` | **control prop**\n\nUse this prop if you want to control the visibility state of the tooltip.\n\n`react-popper-tooltip` manages its own state internally. You can use this prop to pass the\nvisibility state of the tooltip from the outside. You will be required to keep this state up to\ndate (this is where `onVisibilityChange` becomes useful), but you can also control the state\nfrom anywhere, be that state from other components, `redux`, `react-router`, or anywhere else.\n\n### delayShow\n\n> `number` | defaults to `0`\n\nDelay in showing the tooltip (ms).\n\n### delayHide\n\n> `number` | defaults to `0`\n\nDelay in hiding the tooltip (ms).\n\n### placement\n\n> `string` | defaults to `right`\n\nThe tooltip placement. Valid placements are:\n\n- `auto`\n- `top`\n- `right`\n- `bottom`\n- `left`\n\nEach placement can have a variation from this list:\n\n- `-start`\n- `-end`\n\n### trigger\n\n> `string` | defaults to `hover`\n\nThe event that triggers the tooltip. One of `click`, `hover`, `right-click`, `none`.\n\n### getTriggerRef\n\n> `function(HTMLElement) => void`\n\nFunction that can be used to obtain a trigger element reference.\n\n### closeOnOutOfBoundaries\n\n> `boolean` | defaults to `true`\n\nWhether to close the tooltip when it's trigger is out of the boundary.\n\n### usePortal\n\n> `boolean` | defaults to `true`\n\nWhether to use `React.createPortal` for creating tooltip.\n\n### portalContainer\n\n> `HTMLElement` | defaults to `document.body`\n\nElement to be used as portal container\n\n### followCursor\n\n> `boolean` | defaults to `false`\n\nWhether to spawn the tooltip at the cursor position.\n\nRecommended usage with hover trigger and no arrow element\n\n### modifiers\n\n> `object`\n\nModifiers passed directly to the underlying popper.js instance.\nFor more information, refer to Popper.js’\n[modifier docs](https://popper.js.org/popper-documentation.html#modifiers)\n\nModifiers, applied by default:\n\n```\n{\n  preventOverflow: {\n    boundariesElement: 'viewport'\n  }\n}\n```\n\n## Children and tooltip functions\n\nThis is where you render whatever you want. `react-popper-tooltip` uses two render props `children`\nand `tooltip`. `Children` prop is used to trigger the appearance of the tooltip and `tooltip`\ndisplays the tooltip itself.\n\nYou use it like so:\n\n```\nconst tooltip = (\n  <TooltipTrigger\n    tooltip={tooltip => (<div>{/* more jsx here */}</div>)}\n  >\n    {trigger => (<div>{/* more jsx here */}</div>)}\n  </TooltipTrigger>\n)\n```\n\n### prop getters\n\n> See [the blog post about prop getters](https://blog.kentcdodds.com/how-to-give-rendering-control-to-users-with-prop-getters-549eaef76acf)\n\nThese functions are used to apply props to the elements that you render.\nIt's advisable to pass all your props to that function rather than applying them on the element\nyourself to avoid your props being overridden (or overriding the props returned). For example\n`<button {...getTriggerProps({onClick: event => console.log(event))}>Click me</button>`\n\n### children function\n\n| property        | type           | description                                                           |\n| --------------- | -------------- | --------------------------------------------------------------------- |\n| triggerRef      | `function ref` | returns the react ref you should apply to the trigger element.        |\n| getTriggerProps | `function({})` | returns the props you should apply to the trigger element you render. |\n\n### tooltip function\n\n| property        | type           | description                                                           |\n| --------------- | -------------- | --------------------------------------------------------------------- |\n| arrowRef        | `function ref` | return the react ref you should apply to the tooltip arrow element.   |\n| tooltipRef      | `function ref` | return the react ref you should apply to the tooltip element.         |\n| getArrowProps   | `function({})` | return the props you should apply to the tooltip arrow element.       |\n| getTooltipProps | `function({})` | returns the props you should apply to the tooltip element you render. |\n| placement       | `string`       | return the dynamic placement of the tooltip.                          |\n\n## Inspiration and Thanks!\n\nThis library is based on [react-popper](https://github.com/FezVrasta/react-popper), the official\nreact wrapper around [Popper.js](https://popper.js.org).\n\nUsing of render props, prop getters and doc style of this library are heavily inspired by\n[downshift](https://github.com/paypal/downshift).\n","readmeFilename":"README.md","gitHead":"86431e4f35dcdbee57da3d7ad2c378c24357c606","bugs":{"url":"https://github.com/mohsinulhaq/react-popper-tooltip/issues"},"_id":"react-popper-tooltip@2.8.2-alpha.0","_nodeVersion":"10.15.2","_npmVersion":"6.9.0","dist":{"integrity":"sha512-HU6Dma3R2BmNQeXNn4wad3cm4dS1BbCItnSAAtIjMuO8KhxTWb3TMheOPeg8/w9P05tarr901jSw6h1PPUGhsw==","shasum":"08cd0eeba516b75a8dff2b4aea55784aaac7332b","tarball":"https://registry.npmjs.org/react-popper-tooltip/-/react-popper-tooltip-2.8.2-alpha.0.tgz","fileCount":13,"unpackedSize":99146,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcgXr8CRA9TVsSAnZWagAANsAQAKFb5e45b1eldVV8yFp0\naaozwLdXX3uPWRIsr/b5sea5jr/CIkp4tYlTA5tINvTRUqZiZ0RXMitZFH3d\nxExPMNwz8WydnleY3X/oShMzhGqn8zxUwFoXPiUHVVMDLXBo3MMv3wdrbuSI\nBDjuq1YsIQ3NZRTdHZj2FEEQ121uzE0opzSambdOv5R9kyN/OpU/lWNCKdlZ\nscDIkK0ahmmjYge3HVCBNpALVbyuc94RWDHJZ0e/aV74bcS56evfj/9tdWgM\nVSwslQgfriW1vzGqJmWuuRwVO+HmQvoB5/VsFSwg4gz7p78c3FyWCMpr8KK9\n3VA6I6H7LOIhvdvh737onr32pl4mlC4WjtunMDYa+duq4iH2SCe0wjTIeuU0\noe40N6FhAgzg940zqAzBhxM5a2Ur/BAB9c2z0AdCaDI/M+tBkznVhI9ONIa4\nImwx0IsPD35cdCMTvBIpURDMxc5Rz3ltvXqGGDCmiRkoI+PZaw3OmueUQibf\nQsRaEcNlNtBxXO6Yv7XtPV9r5AcBsxQwfVcYMnq3iwIMi4W3RLcyQPArtwBw\nu3kRz0fcYRS41sZxgwP1v9wwOR/ZPoFQDZiMcF35j+s+oXGpZ5wMMusY88uT\nPZbcZC4Aaqh+eoRxLAr5GGP+SDF+wi9sXeAob3uTTyLNMmT95w5jlHliCyDs\ngBPR\r\n=ptN3\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIF3eHLDiRqQ/Aob9VURUUmKK/PH/XNxm/3UyvRjczyK4AiB89CJBXLg757/x2kJJO+BjjLnSmKQ+GsBXXHTbYnTIhQ=="}]},"maintainers":[{"email":"metaller.ru@gmail.com","name":"denisborovikov"},{"email":"mohsinulhaq01@gmail.com","name":"mohsinulhaq"}],"_npmUser":{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-popper-tooltip_2.8.2-alpha.0_1551989499809_0.2670826633288619"},"_hasShrinkwrap":false},"2.8.2-alpha.1":{"name":"react-popper-tooltip","version":"2.8.2-alpha.1","description":"React tooltip library built around react-popper","homepage":"https://mohsinulhaq.github.io/react-popper-tooltip/","repository":{"type":"git","url":"git+https://github.com/mohsinulhaq/react-popper-tooltip.git"},"main":"dist/cjs/react-popper-tooltip.js","module":"dist/esm/react-popper-tooltip.js","style":"dist/styles.css","typings":"dist/index.d.ts","sideEffects":["*.css"],"scripts":{"build":"rm -rf dist && rollup -c && cp src/styles.css dist && yarn tsc && rm -rf compiled","prepublishOnly":"yarn typecheck && yarn lint && yarn test && yarn build","docs":"docz dev","docs:build":"docz build","docs:deploy":"yarn docs:build && cp .docz/dist/index.html .docz/dist/404.html && gh-pages -d .docz/dist","typecheck":"tsc --noEmit","lint":"eslint src/**/*.{ts,tsx}","test":"jest"},"pre-commit":["typecheck","lint","test"],"keywords":["react","tooltip","popover","overlay","react-tooltip","react-popper"],"author":{"name":"Mohsin Ul Haq","email":"mohsinulhaq01@gmail.com"},"license":"MIT","peerDependencies":{"react":"^16.6.0","react-dom":"^16.6.0"},"dependencies":{"@babel/runtime":"^7.4.2","react-popper":"^1.3.3"},"devDependencies":{"@babel/cli":"^7.2.3","@babel/core":"^7.4.0","@babel/plugin-proposal-class-properties":"^7.4.0","@babel/plugin-transform-runtime":"^7.4.0","@babel/preset-env":"^7.4.2","@babel/preset-react":"^7.0.0","@babel/preset-typescript":"^7.3.3","@types/jest":"^24.0.11","@types/react":"^16.8.8","@types/react-dom":"^16.8.3","@typescript-eslint/eslint-plugin":"^1.5.0","@typescript-eslint/parser":"^1.5.0","docz":"^0.13.7","docz-plugin-css":"^0.11.0","docz-theme-default":"^0.13.7","eslint":"^5.15.3","eslint-config-prettier":"^4.1.0","eslint-plugin-jsx-a11y":"^6.2.1","eslint-plugin-prettier":"^3.0.1","eslint-plugin-react":"^7.12.4","gh-pages":"^2.0.1","jest":"^24.5.0","pre-commit":"^1.2.2","prettier":"^1.16.4","react":"^16.8.5","react-dom":"^16.8.5","react-testing-library":"^6.0.3","rollup":"^1.7.3","rollup-plugin-babel":"^4.3.2","rollup-plugin-node-resolve":"^4.0.1","rollup-plugin-size-snapshot":"^0.8.0","typescript":"^3.3.4000"},"readme":"# React Tooltip\n\n[![npm version](https://img.shields.io/npm/v/react-popper-tooltip.svg?style=flat-square)](https://www.npmjs.com/package/react-popper-tooltip)\n[![npm downloads](https://img.shields.io/npm/dm/react-popper-tooltip.svg?style=flat-square)](https://www.npmjs.com/package/react-popper-tooltip)\n[![Build Status](https://travis-ci.com/mohsinulhaq/react-popper-tooltip.svg?branch=master)](https://travis-ci.com/mohsinulhaq/react-popper-tooltip)\n[![Dependency Status](https://img.shields.io/david/mohsinulhaq/react-popper-tooltip.svg?style=flat-square)](https://david-dm.org/mohsinulhaq/react-popper-tooltip)\n[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)\n[![codecov](https://codecov.io/gh/mohsinulhaq/react-popper-tooltip/branch/master/graph/badge.svg)](https://codecov.io/gh/mohsinulhaq/react-popper-tooltip)\n\nReact tooltip component based on [react-popper](https://github.com/FezVrasta/react-popper), the React wrapper around [popper.js](https://popper.js.org/) library.\n\n## Homepage\n\nhttps://mohsinulhaq.github.io/react-popper-tooltip/\n\n## Example\n\nhttps://codesandbox.io/s/pykkz77z5j\n\n### Usage\n\n```bash\nnpm install react-popper-tooltip\n```\n\nor\n\n```bash\nyarn add react-popper-tooltip\n```\n\n```jsx\nimport React from 'react';\nimport {render} from 'react-dom';\nimport TooltipTrigger from 'react-popper-tooltip';\n\nconst Tooltip = ({\n  arrowRef,\n  tooltipRef,\n  getArrowProps,\n  getTooltipProps,\n  placement\n}) => (\n  <div\n    {...getTooltipProps({\n      ref: tooltipRef,\n      className: 'tooltip-container'\n      /* your props here */\n    })}\n  >\n    <div\n      {...getArrowProps({\n        ref: arrowRef,\n        className: 'tooltip-arrow',\n        'data-placement': placement\n        /* your props here */\n      })}\n    />\n    Hello, World!\n  </div>\n);\n\nconst Trigger = ({getTriggerProps, triggerRef}) => (\n  <span\n    {...getTriggerProps({\n      ref: triggerRef,\n      className: 'trigger'\n      /* your props here */\n    })}\n  >\n    Click Me!\n  </span>\n);\n\nrender(\n  <TooltipTrigger placement=\"right\" trigger=\"click\" tooltip={Tooltip}>\n    {Trigger}\n  </TooltipTrigger>,\n  document.getElementById('root')\n);\n```\n\n`TooltipTrigger` is the only component exposed by the package. It's just a positioning engine. What to render is left completely to the user, which can be provided using render props. Your props should be passed through `getTriggerProps`, `getTooltipProps` and `getArrowProps`.\n\nRead more about [render prop](https://cdb.reacttraining.com/use-a-render-prop-50de598f11ce) pattern if you're not familiar with this approach.\n\n## Quick start\n\nIf you would like our opinionated container and arrow styles for your tooltip for quick start, you may import `react-popper-tooltip/dist/styles.css`, and use the classes `tooltip-container` and `tooltip-arrow` as follows:\n\n### Tooltip.js\n\n```jsx\nimport React from 'react';\nimport TooltipTrigger from 'react-popper-tooltip';\nimport 'react-popper-tooltip/dist/styles.css';\n\nconst Tooltip = ({children, tooltip, hideArrow, ...props}) => (\n  <TooltipTrigger\n    {...props}\n    tooltip={({\n      arrowRef,\n      tooltipRef,\n      getArrowProps,\n      getTooltipProps,\n      placement\n    }) => (\n      <div\n        {...getTooltipProps({\n          ref: tooltipRef,\n          className: 'tooltip-container'\n        })}\n      >\n        {!hideArrow && (\n          <div\n            {...getArrowProps({\n              ref: arrowRef,\n              className: 'tooltip-arrow',\n              'data-placement': placement\n            })}\n          />\n        )}\n        {tooltip}\n      </div>\n    )}\n  >\n    {({getTriggerProps, triggerRef}) => (\n      <span\n        {...getTriggerProps({\n          ref: triggerRef,\n          className: 'trigger'\n        })}\n      >\n        {children}\n      </span>\n    )}\n  </TooltipTrigger>\n);\n\nexport default Tooltip;\n```\n\nThen you can use it as shown in the example below.\n\n```jsx\n<Tooltip placement=\"top\" trigger=\"click\" tooltip=\"Hi there!\">\n  Click me\n</Tooltip>\n```\n\n## Examples\n\nTo fiddle with our example recipes, run:\n\n```bash\n> npm install\n> npm run docs\n```\n\nor\n\n```bash\n> yarn\n> yarn docs\n```\n\nand open up [localhost:3000](http://localhost:3000) in your browser.\n\n## Props\n\n### children\n\n> `function({})` | _required_\n\nThis is called with an object. Read more about the properties of this object in\nthe section \"[Children and tooltip functions](#children-and-tooltip-functions)\".\n\n### tooltip\n\n> `function({})` | _required_\n\nThis is called with an object. Read more about the properties of this object in\nthe section \"[Children and tooltip functions](#children-and-tooltip-functions)\".\n\n### defaultTooltipShown\n\n> `boolean` | defaults to `false`\n\nThis is the initial visibility state of the tooltip.\n\n### onVisibilityChange\n\n> `function(tooltipShown: boolean)`\n\nCalled with the tooltip state, when the visibility of the tooltip changes\n\n### tooltipShown\n\n> `boolean` | **control prop**\n\nUse this prop if you want to control the visibility state of the tooltip.\n\n`react-popper-tooltip` manages its own state internally. You can use this prop to pass the\nvisibility state of the tooltip from the outside. You will be required to keep this state up to\ndate (this is where `onVisibilityChange` becomes useful), but you can also control the state\nfrom anywhere, be that state from other components, `redux`, `react-router`, or anywhere else.\n\n### delayShow\n\n> `number` | defaults to `0`\n\nDelay in showing the tooltip (ms).\n\n### delayHide\n\n> `number` | defaults to `0`\n\nDelay in hiding the tooltip (ms).\n\n### placement\n\n> `string` | defaults to `right`\n\nThe tooltip placement. Valid placements are:\n\n- `auto`\n- `top`\n- `right`\n- `bottom`\n- `left`\n\nEach placement can have a variation from this list:\n\n- `-start`\n- `-end`\n\n### trigger\n\n> `string` | defaults to `hover`\n\nThe event that triggers the tooltip. One of `click`, `hover`, `right-click`, `none`.\n\n### getTriggerRef\n\n> `function(HTMLElement) => void`\n\nFunction that can be used to obtain a trigger element reference.\n\n### closeOnOutOfBoundaries\n\n> `boolean` | defaults to `true`\n\nWhether to close the tooltip when it's trigger is out of the boundary.\n\n### usePortal\n\n> `boolean` | defaults to `true`\n\nWhether to use `React.createPortal` for creating tooltip.\n\n### portalContainer\n\n> `HTMLElement` | defaults to `document.body`\n\nElement to be used as portal container\n\n### followCursor\n\n> `boolean` | defaults to `false`\n\nWhether to spawn the tooltip at the cursor position.\n\nRecommended usage with hover trigger and no arrow element\n\n### modifiers\n\n> `object`\n\nModifiers passed directly to the underlying popper.js instance.\nFor more information, refer to Popper.js’\n[modifier docs](https://popper.js.org/popper-documentation.html#modifiers)\n\nModifiers, applied by default:\n\n```\n{\n  preventOverflow: {\n    boundariesElement: 'viewport'\n  }\n}\n```\n\n## Children and tooltip functions\n\nThis is where you render whatever you want. `react-popper-tooltip` uses two render props `children`\nand `tooltip`. `Children` prop is used to trigger the appearance of the tooltip and `tooltip`\ndisplays the tooltip itself.\n\nYou use it like so:\n\n```\nconst tooltip = (\n  <TooltipTrigger\n    tooltip={tooltip => (<div>{/* more jsx here */}</div>)}\n  >\n    {trigger => (<div>{/* more jsx here */}</div>)}\n  </TooltipTrigger>\n)\n```\n\n### prop getters\n\n> See [the blog post about prop getters](https://blog.kentcdodds.com/how-to-give-rendering-control-to-users-with-prop-getters-549eaef76acf)\n\nThese functions are used to apply props to the elements that you render.\nIt's advisable to pass all your props to that function rather than applying them on the element\nyourself to avoid your props being overridden (or overriding the props returned). For example\n`<button {...getTriggerProps({onClick: event => console.log(event))}>Click me</button>`\n\n### children function\n\n| property        | type           | description                                                           |\n| --------------- | -------------- | --------------------------------------------------------------------- |\n| triggerRef      | `function ref` | returns the react ref you should apply to the trigger element.        |\n| getTriggerProps | `function({})` | returns the props you should apply to the trigger element you render. |\n\n### tooltip function\n\n| property        | type           | description                                                           |\n| --------------- | -------------- | --------------------------------------------------------------------- |\n| arrowRef        | `function ref` | return the react ref you should apply to the tooltip arrow element.   |\n| tooltipRef      | `function ref` | return the react ref you should apply to the tooltip element.         |\n| getArrowProps   | `function({})` | return the props you should apply to the tooltip arrow element.       |\n| getTooltipProps | `function({})` | returns the props you should apply to the tooltip element you render. |\n| placement       | `string`       | return the dynamic placement of the tooltip.                          |\n\n## Inspiration and Thanks!\n\nThis library is based on [react-popper](https://github.com/FezVrasta/react-popper), the official\nreact wrapper around [Popper.js](https://popper.js.org).\n\nUsing of render props, prop getters and doc style of this library are heavily inspired by\n[downshift](https://github.com/paypal/downshift).\n","readmeFilename":"README.md","gitHead":"a62a4bb8945497dcc82cc758b6259057806d141d","bugs":{"url":"https://github.com/mohsinulhaq/react-popper-tooltip/issues"},"_id":"react-popper-tooltip@2.8.2-alpha.1","_nodeVersion":"10.15.2","_npmVersion":"6.9.0","dist":{"integrity":"sha512-QnwyvZ+xKVZ/wBiUBYc2W+DBSUnPkrX9OKmCvIno1ZXz+ouVJS1a1C8Fb6rMyAJ5a7a0Gqa9AsgutEEsli6++A==","shasum":"3d74a1c0e2980cd56b49af631646644ae88b2726","tarball":"https://registry.npmjs.org/react-popper-tooltip/-/react-popper-tooltip-2.8.2-alpha.1.tgz","fileCount":13,"unpackedSize":101189,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcnPpXCRA9TVsSAnZWagAAHN8QAJVAROvwkd5+JYhoheav\n3rNHg58fEt6NRQVftzFIS4/yKcBBsNBrfBhukH6AWNHXHn7hcSLl262k6/m8\n4/N+lhA7byZ5+U4KU5l/RputwvC9+M+baf7amRT7m5og10So9Yv//FeSxuHF\n6DdHvUD+H0T7j616NCW9Yy199ALvrbCrJHRVS2ZwYClHGj1y8kFHiOxfKn00\nlmv1Ols41YeYMUr+uYhXsdW5pTNzF34e3EWqr32k/UwWPq7s1CdWswTvpFuw\nkwJ+0t3FYUy9pfpOUwjjwHbKPlqrjPN7U7euC7IIaWWelvSk1ZyvxOL/r3Ys\nbkCN2hrQ2Stcv5Pps5/nEx1iFBHB6KWcsy++vC26prcmFOM2Ecr6vnFo186Q\nrOoMJbpmkj6pCBXryhqlOo7N7zCH/Vn585l3H6glMDL4epLspVMHRnKFjl6b\nwy+rrporT892A6bU3JX97/z3QUEOaYUdSzGjHwpzOFh+JlvzEV2NlhM/vfvd\ne029rgJsN0nl9nGm4IXH0WDMQI0wH9cTkF2gK+dw6Ag9b0QTkx1jNNGo5FPD\nWq3j7621zaboXARxsUgt9Dnusq0577MRmEkwv6HIuMulwNVyzziRN5J96YsW\n1ifcPcpEmHpMWFPNvtrp+PL9k3ZPu4DwXU1wCq7Gm1O/cQ1gSYXlxuUBMJ+Q\nkJAv\r\n=L97m\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBVjWLE7AExAXF/YXE+E9SutPh3L8ZB+hrY46ahAqZefAiBVPqPZh8LKu0ZnaKMNyQ/zcL+wq+f6+0XtM1dkcLJdwQ=="}]},"maintainers":[{"email":"metaller.ru@gmail.com","name":"denisborovikov"},{"email":"mohsinulhaq01@gmail.com","name":"mohsinulhaq"}],"_npmUser":{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-popper-tooltip_2.8.2-alpha.1_1553791574212_0.8261206782763115"},"_hasShrinkwrap":false},"2.8.2":{"name":"react-popper-tooltip","version":"2.8.2","description":"React tooltip library built around react-popper","homepage":"https://mohsinulhaq.github.io/react-popper-tooltip/","repository":{"type":"git","url":"git+https://github.com/mohsinulhaq/react-popper-tooltip.git"},"main":"dist/cjs/react-popper-tooltip.js","module":"dist/esm/react-popper-tooltip.js","style":"dist/styles.css","typings":"dist/index.d.ts","sideEffects":["*.css"],"scripts":{"build":"rm -rf dist && rollup -c && cp src/styles.css dist && yarn tsc && rm -rf compiled","prepublishOnly":"yarn typecheck && yarn lint && yarn test && yarn build","docs":"docz dev","docs:build":"docz build","docs:deploy":"yarn docs:build && cp .docz/dist/index.html .docz/dist/404.html && gh-pages -d .docz/dist","typecheck":"tsc --noEmit","lint":"eslint src/**/*.{ts,tsx}","test":"jest"},"pre-commit":["typecheck","lint","test"],"keywords":["react","tooltip","popover","overlay","react-tooltip","react-popper"],"author":{"name":"Mohsin Ul Haq","email":"mohsinulhaq01@gmail.com"},"license":"MIT","peerDependencies":{"react":"^16.6.0","react-dom":"^16.6.0"},"dependencies":{"@babel/runtime":"^7.4.3","react-popper":"^1.3.3"},"devDependencies":{"@babel/cli":"^7.4.3","@babel/core":"^7.4.3","@babel/plugin-proposal-class-properties":"^7.4.0","@babel/plugin-transform-runtime":"^7.4.3","@babel/preset-env":"^7.4.3","@babel/preset-react":"^7.0.0","@babel/preset-typescript":"^7.3.3","@types/jest":"^24.0.11","@types/react":"^16.8.13","@types/react-dom":"^16.8.3","@typescript-eslint/eslint-plugin":"^1.6.0","@typescript-eslint/parser":"^1.6.0","docz":"^0.13.7","docz-plugin-css":"^0.11.0","docz-theme-default":"^0.13.7","eslint":"^5.16.0","eslint-config-prettier":"^4.1.0","eslint-plugin-jsx-a11y":"^6.2.1","eslint-plugin-prettier":"^3.0.1","eslint-plugin-react":"^7.12.4","gh-pages":"^2.0.1","jest":"^24.7.1","pre-commit":"^1.2.2","prettier":"^1.16.4","react":"^16.8.5","react-dom":"^16.8.5","react-testing-library":"^6.1.2","rollup":"^1.10.0","rollup-plugin-babel":"^4.3.2","rollup-plugin-node-resolve":"^4.2.3","rollup-plugin-size-snapshot":"^0.8.0","typescript":"^3.4.3"},"gitHead":"dbc10f374b14852ab72eaaf2d616a22d74c35311","bugs":{"url":"https://github.com/mohsinulhaq/react-popper-tooltip/issues"},"_id":"react-popper-tooltip@2.8.2","_nodeVersion":"10.15.2","_npmVersion":"6.9.0","dist":{"integrity":"sha512-k0T5y42Lhru4+7/YqB20YoHtlemlKE/6hT8nWtQzvoyBw/eKCahK6+udW4iZ6KwRYM/vocih14d0OPkMccqhWA==","shasum":"4803446362a815b1406e39526ddeb299ed2fb414","tarball":"https://registry.npmjs.org/react-popper-tooltip/-/react-popper-tooltip-2.8.2.tgz","fileCount":13,"unpackedSize":100740,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcr2kkCRA9TVsSAnZWagAA2q4QAJjGYJuhL3RRtqcuGhZF\nDNcBJjCimQl5MfXz6t5Uwi4062GCahYLlHFSk4JOCNIvsIJb0qv0Xt8+G8B6\nis+GqPx+FGyIC6bvxQQJybhIn4K5ZQTV6fBYVW7GYKiWWx8nGMeVvviy5crP\n6ahKC/hB2t4FKLRBLwo6MiAHiKvcZ8EyjO67lb4sdA0nuOvTd2AemHlTW1tm\nlBraU9ThXKr/O2/KMm5uf2Nyt1dKH5OKUjYoi9QmxWGZ2H7auIUoICT/otjE\nYa0ADkb5kt2kfruNMwLapkwyi2D+5XT/Juz2MB3G9SUnFKOYfOgtW32O1m36\nUZnpC96icFqqLcrV6/KIqvMvkooXXXPG03+1yMM2k52mS+infeMCEQbBEiWs\nlV7Ug+Ciwdty0XC+0VgDe6vumsr5KwDvkwFIcGdE8VcsCswhEpKdR/yC+RF9\n4RBuBw2IiC4PrVRjhrn1T8NLOrmiytmiGkazFxSf3ljg5IieUtPbVh/mmmZJ\n8gllp8vONwQKDHrBH3G1Ka6z621aE26ukzKWa4yuY1evh2Vzj/iq8lo/gAwg\ndIWAkhSG+h/q2FsYs1XlBjUZ5K5hb0Mgt4zNrWo1cWesHkG6QdtaJYX13Z72\nRcMm/GallfI+OX7F/9+AZJFdrcfo/Hg4emAIjo04Zt9j2G4zhCFcDOya1buG\nHsXf\r\n=dNWN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDhG4xd9RIFKuhnWA4JoP1kpJF2+/12In+fa+P66b88xQIhANNqL28ok7UFAFeFKS01i3CT9YfMwdFdptxOIMcJEFKY"}]},"maintainers":[{"email":"metaller.ru@gmail.com","name":"denisborovikov"},{"email":"mohsinulhaq01@gmail.com","name":"mohsinulhaq"}],"_npmUser":{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-popper-tooltip_2.8.2_1554999587508_0.7963706434027185"},"_hasShrinkwrap":false},"2.8.3":{"name":"react-popper-tooltip","version":"2.8.3","description":"React tooltip library built around react-popper","homepage":"https://react-popper-tooltip.netlify.com/","repository":{"type":"git","url":"https://github.com/mohsinulhaq/react-popper-tooltip"},"main":"dist/cjs/react-popper-tooltip.js","module":"dist/esm/react-popper-tooltip.js","style":"dist/styles.css","typings":"dist/index.d.ts","sideEffects":["*.css"],"scripts":{"build":"rm -rf dist && rollup -c && cp src/styles.css dist && yarn tsc && rm -rf compiled","prepublishOnly":"yarn typecheck && yarn lint && yarn test && yarn build","docs":"docz dev","docs:build":"docz build","typecheck":"tsc --noEmit","lint":"eslint src/**/*.{ts,tsx}","test":"jest"},"pre-commit":["typecheck","lint","test"],"keywords":["react","tooltip","popover","overlay","react-tooltip","react-popper"],"author":{"name":"Mohsin Ul Haq","email":"mohsinulhaq01@gmail.com"},"license":"MIT","peerDependencies":{"react":"^16.6.0","react-dom":"^16.6.0"},"dependencies":{"@babel/runtime":"^7.4.5","react-popper":"^1.3.3"},"devDependencies":{"@babel/cli":"^7.4.4","@babel/core":"^7.4.5","@babel/plugin-proposal-class-properties":"^7.4.4","@babel/plugin-transform-runtime":"^7.4.4","@babel/preset-env":"^7.4.5","@babel/preset-react":"^7.0.0","@babel/preset-typescript":"^7.3.3","@types/jest":"^24.0.13","@types/react":"^16.8.18","@types/react-dom":"^16.8.4","@typescript-eslint/eslint-plugin":"^1.9.0","@typescript-eslint/parser":"^1.9.0","docz":"^1.2.0","docz-plugin-css":"^0.11.0","docz-theme-default":"^1.2.0","eslint":"^5.16.0","eslint-config-prettier":"^4.3.0","eslint-plugin-jsx-a11y":"^6.2.1","eslint-plugin-prettier":"^3.1.0","eslint-plugin-react":"^7.13.0","jest":"^24.8.0","pre-commit":"^1.2.2","prettier":"^1.17.1","react":"^16.8.6","react-dom":"^16.8.6","react-hot-loader":"^4.8.8","react-testing-library":"^7.0.1","rollup":"^1.12.3","rollup-plugin-babel":"^4.3.2","rollup-plugin-node-resolve":"^5.0.0","rollup-plugin-size-snapshot":"^0.8.0","typescript":"^3.4.5"},"licenseText":"The MIT License (MIT)\n\nCopyright (c) 2018-present Mohsin Ul Haq <mohsinulhaq01@gmail.com>\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\nall copies 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\nTHE SOFTWARE.\n","_id":"react-popper-tooltip@2.8.3","dist":{"shasum":"1c63e7473a96362bd93be6c94fa404470a265197","integrity":"sha512-g5tfxmuj8ClNVwH4zswYJcD3GKoc5RMeRawd/WZnbyZGEDecsRKaVL+Kj7L3BG7w5qb6/MHcLTG8yE4CidwezQ==","tarball":"https://registry.npmjs.org/react-popper-tooltip/-/react-popper-tooltip-2.8.3.tgz","fileCount":17,"unpackedSize":97373,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc5vI3CRA9TVsSAnZWagAAerAP/1Yz430y5cwCU8SFkYi/\nJoJBbkmGlIZ8K/pB9BGbCQA4kJOmRJS8vocO/8mSVhLmbDAKjCn/518bZjh5\nwrxo5weYUEKjbXEB3f5hV4UzCvdzhzm+0IEw3z9fDrgn+LeKQlZmiugqOZsy\nMJumXus7H4EI7uGYwmVy0cfLSMfqv14ZoRqUMvuYFzI1Ka50kS3RmiPEaOT/\nRIe73An++77EJmGwivJrxZYyQkMPay5o/Ra73TD7IVv03e4mXZOsJr8hZQeW\nOKL1ibCkq2ObAA/rT7zW3nJ0T63RSK4HDFQmrAvUS0/WuLa6VnY+kMnPF6jp\nHbqv378Edm1nM5FOAWZGTR89NkQ0RoTO7J1xrWGfXDQCH/n+2CO61mdc3d6a\nyoZHrtPnrj+B+6FjSkWME5Nwigli1xPC3wWlTTqrz2uj1pJZCYo0tgXM1//8\nfcP5/w5g2GU1nDxD/gm2YxZPlc2HpYyUE83VsqlNnRR5lBKd/AJvgiFvgfhs\n3H5QrHWdpNEitH1ANYfmGOo63RnUv/JHmN+sp7BGYGEvsXmA9pNGAxSS5Qin\n/lNdSlXc5gqBn63+OEEaFmhLac0Yns2bRR+J42JQgCD00VH11vijv9D1XPK9\nZAWpznxwkt7vA3ehQQfCe+fNztkR+bcO5B4HBJZ96JvtyXAifw9ZUQCnEwBB\nxg/D\r\n=lv06\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDeeoq/m+0BYl5L1RvD9lxF2vmN8b1kn632FJJu43Ta3gIgdjscECQYmnph28ZgkbCJmJioNoV/WcjY1mfwVqWqGgM="}]},"maintainers":[{"email":"metaller.ru@gmail.com","name":"denisborovikov"},{"email":"mohsinulhaq01@gmail.com","name":"mohsinulhaq"}],"_npmUser":{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-popper-tooltip_2.8.3_1558639158399_0.02726988631870797"},"_hasShrinkwrap":false},"2.9.0":{"name":"react-popper-tooltip","version":"2.9.0","description":"React tooltip library built around react-popper","homepage":"https://react-popper-tooltip.netlify.com/","repository":{"type":"git","url":"https://github.com/mohsinulhaq/react-popper-tooltip"},"main":"dist/cjs/react-popper-tooltip.js","module":"dist/esm/react-popper-tooltip.js","style":"dist/styles.css","typings":"dist/index.d.ts","sideEffects":["*.css"],"scripts":{"build":"rm -rf dist && rollup -c && cp src/styles.css dist && yarn tsc && rm -rf compiled","prepublishOnly":"yarn typecheck && yarn lint && yarn test && yarn build","docs":"docz dev","docs:build":"docz build","typecheck":"tsc --noEmit","lint":"eslint src/**/*.{ts,tsx}","test":"jest"},"pre-commit":["typecheck","lint","test"],"keywords":["react","tooltip","popover","overlay","react-tooltip","react-popper"],"author":{"name":"Mohsin Ul Haq","email":"mohsinulhaq01@gmail.com"},"license":"MIT","peerDependencies":{"react":"^16.6.0","react-dom":"^16.6.0"},"dependencies":{"@babel/runtime":"^7.6.2","react-popper":"^1.3.4"},"devDependencies":{"@babel/cli":"^7.6.2","@babel/core":"^7.6.2","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.2","@babel/preset-react":"^7.0.0","@babel/preset-typescript":"^7.6.0","@testing-library/react":"^9.3.0","@types/jest":"^24.0.18","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@typescript-eslint/eslint-plugin":"^2.3.3","@typescript-eslint/parser":"^2.3.3","docz":"^1.3.2","docz-plugin-css":"^0.11.0","docz-theme-default":"^1.2.0","eslint":"^6.5.1","eslint-config-prettier":"^6.4.0","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-prettier":"^3.1.1","eslint-plugin-react":"^7.16.0","jest":"^24.9.0","pre-commit":"^1.2.2","prettier":"^1.18.2","react":"^16.10.2","react-dom":"^16.10.2","react-hot-loader":"^4.12.14","rollup":"^1.23.1","rollup-plugin-babel":"^4.3.3","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-size-snapshot":"^0.10.0","typescript":"^3.6.3"},"licenseText":"The MIT License (MIT)\n\nCopyright (c) 2018-present Mohsin Ul Haq <mohsinulhaq01@gmail.com>\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\nall copies 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\nTHE SOFTWARE.\n","_id":"react-popper-tooltip@2.9.0","dist":{"shasum":"44b338c5d3316c7d2781de791d8a256ec7f5f377","integrity":"sha512-kBsY5PHbBoRjgo8ZlWt6CHgjtTEfd3B0hr6R0UjZABpqVBlCvwkkLb1h30KeNETL9JT0NySDjxTQGeeJrhMMdg==","tarball":"https://registry.npmjs.org/react-popper-tooltip/-/react-popper-tooltip-2.9.0.tgz","fileCount":17,"unpackedSize":98279,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdm61PCRA9TVsSAnZWagAAw0cQAJ8msCoCZ0MYNxVKiEFr\nwt3mDnhg3DvGMiAFThSCOKpu6JVAK5hzVtJFzS+ULU0lEm22zIo3O/r8Oyzb\n2L9OsQfLbwvp5ZWxratkMqA/LgJtzxweAg0dTNmx8o1FV2jyGp6GVCMnzy+t\n1+EduhAIT5JSPBRCgFLHshCepStvQTOtKbmyMBkfgw7NLYlqAFQ+ThhGhkOW\nsjI6I4bTqeG9yuLyVpWuKANUgZ4lkqFmI4Iqvneh4yD/BRrtEMKz4KUL6OuD\nrOp5KACJkdnVeRxPp3fT6Gd8eCjAKCq14be21C/pbor5Rr7DJWZzpRe0Ag+j\nSQko8uMZEGzHWu/TVbaf9o0yIqvtY7gObOhxfCJlDHZw1MMPO3QiJ/VhXKzh\nKLFNz+ZDTzEgPbT1VOMp+kfeKLl0hfU/eO9VdqtG0chiZAPXvumqW+OgaC8u\ntbtDEL1MHk4BUFVo3q/RndZNBomR9dShTyQkQ4GMsK5GTP+88Us6BQN2e4Pc\nJQyPB0S9NUcFIaAw5zkLB5cv6peReN0+sI8l43D/X+eJWgrki4QLB1w3h+Zg\nZmh1MUaPpXxm/SHmg88Y2Uqf0z78dk7umvypM0EITjrEaMIbVC9TNgW9YVru\nAlvw+OkX+/8Es8cUpAdyhtWO5ERZEGjA6Px0mKkdWSBYIVQpKEr6/mekRDKR\n+nU6\r\n=RJfg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDwnl2WVLaSvxv3aMygO3ZDfO0ijC9u4NcBJ+vnKWZngAIhAPi5j8S2RVHZm6vTJJQR+EVYprLKqo1LiJM7Owr5xvvg"}]},"maintainers":[{"email":"metaller.ru@gmail.com","name":"denisborovikov"},{"email":"mohsinulhaq01@gmail.com","name":"mohsinulhaq"}],"_npmUser":{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-popper-tooltip_2.9.0_1570483534565_0.191467799754659"},"_hasShrinkwrap":false},"2.9.1":{"name":"react-popper-tooltip","version":"2.9.1","description":"React tooltip library built around react-popper","homepage":"https://react-popper-tooltip.netlify.com/","repository":{"type":"git","url":"https://github.com/mohsinulhaq/react-popper-tooltip"},"main":"dist/cjs/react-popper-tooltip.js","module":"dist/esm/react-popper-tooltip.js","style":"dist/styles.css","typings":"dist/index.d.ts","sideEffects":["*.css"],"scripts":{"build":"rm -rf dist && rollup -c && cp src/styles.css dist && yarn tsc && rm -rf compiled","prepublishOnly":"yarn typecheck && yarn lint && yarn test && yarn build","docs":"docz dev","docs:build":"docz build","typecheck":"tsc --noEmit","lint":"eslint src/**/*.{ts,tsx}","test":"jest"},"pre-commit":["typecheck","lint","test"],"keywords":["react","tooltip","popover","overlay","react-tooltip","react-popper"],"author":{"name":"Mohsin Ul Haq","email":"mohsinulhaq01@gmail.com"},"license":"MIT","peerDependencies":{"react":"^16.6.0","react-dom":"^16.6.0"},"dependencies":{"@babel/runtime":"^7.6.3","react-popper":"^1.3.4"},"devDependencies":{"@babel/cli":"^7.6.3","@babel/core":"^7.6.3","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@testing-library/react":"^9.3.0","@types/jest":"^24.0.18","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@typescript-eslint/eslint-plugin":"^2.3.3","@typescript-eslint/parser":"^2.3.3","docz":"^1.3.2","docz-plugin-css":"^0.11.0","docz-theme-default":"^1.2.0","eslint":"^6.5.1","eslint-config-prettier":"^6.4.0","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-prettier":"^3.1.1","eslint-plugin-react":"^7.16.0","jest":"^24.9.0","pre-commit":"^1.2.2","prettier":"^1.18.2","react":"^16.10.2","react-dom":"^16.10.2","react-hot-loader":"^4.12.15","rollup":"^1.23.1","rollup-plugin-babel":"^4.3.3","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-size-snapshot":"^0.10.0","typescript":"^3.6.4"},"licenseText":"The MIT License (MIT)\n\nCopyright (c) 2018-present Mohsin Ul Haq <mohsinulhaq01@gmail.com>\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\nall copies 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\nTHE SOFTWARE.\n","_id":"react-popper-tooltip@2.9.1","dist":{"shasum":"cc602c89a937aea378d9e2675b1ce62805beb4f6","integrity":"sha512-LSbvXLEQlNKWig2GMKQW/1bBwCkWIr9cpJ+WJpSGGGhX45CthRtwyilPPLJQkc3qI6UMTAXPp0Fe/pj9E77trg==","tarball":"https://registry.npmjs.org/react-popper-tooltip/-/react-popper-tooltip-2.9.1.tgz","fileCount":17,"unpackedSize":98079,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdn2J0CRA9TVsSAnZWagAA1iUP/2fPPPbfniagr2m2R7FU\n7Ra1rueqCwV6WUzzv6DXuc1CjW84TD0o/pUX5tgExdveCm8aKeZp94JjtIA2\nQtjToV6VVB6dWOQGLNJTKnFJo91E87VSRxVCZoOnSf/lRrEHnFfsJwcRleXI\nVonovqfY2tqsi1To0xgRS3cLJxMe0IVJmfxl/Rxenefs2gxAscNPAkmQ935b\nDOan55sDBMGKwIc/tqXId0/9CBhhQFzweZvkYQfGkmaUhe6WD+eLx/mya/6j\ny2bfEjWKCIjuz18z8mOykKhy1ygPkllXeziXmh3MeDAaMC6xR8wAodgKkmhR\n4WsTzKW4/Y/baMV/42HrYvkutuM/wtvc5yz4wrUhN4H2Q7P47m+hKhQa/tEV\nt+o1pjvgJkMEhYfyXTey96tYfKD9+BeNbkVE9E4K8+55PyuSuyvumxyyAB34\nOmaGTjd3/fqv31uvHGAmQq8mWceLXjDA980zaY0ahHdPNtGXc/gyryXCoU+J\n2qLdJ7GEyayIQQSttomvJIUwRDjVi7Gs4+4msLndF4daG2+Gux/999CcoKG8\npqH4rcExvfTr5C8cZt6td1HJft3jF8F9oi+2YAq0GSfbMxPrkeB+z7KIsezB\nZHL9toAO+AJE3XNNzKFKFbMpnJurH+PGHnQtsi2+X3J0w0mhXdxON323hEq0\n0870\r\n=G6KH\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCYn1GDziTDWBarbP0VsftaJIrteBB1Tr0ejsm5X5qwJgIhAOUkmcwAcWnfLZjwCwgJpRn4nje2ud0d0GGp5XjkO9rx"}]},"maintainers":[{"email":"metaller.ru@gmail.com","name":"denisborovikov"},{"email":"mohsinulhaq01@gmail.com","name":"mohsinulhaq"}],"_npmUser":{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-popper-tooltip_2.9.1_1570726516343_0.6403476362837557"},"_hasShrinkwrap":false},"2.10.0":{"name":"react-popper-tooltip","version":"2.10.0","description":"React tooltip library built around react-popper","homepage":"https://react-popper-tooltip.netlify.com/","repository":{"type":"git","url":"https://github.com/mohsinulhaq/react-popper-tooltip"},"main":"dist/cjs/react-popper-tooltip.js","module":"dist/esm/react-popper-tooltip.js","style":"dist/styles.css","typings":"dist/index.d.ts","sideEffects":["*.css"],"scripts":{"build":"rm -rf dist && rollup -c && cp src/styles.css dist && yarn tsc && rm -rf compiled","prepublishOnly":"yarn typecheck && yarn lint && yarn build && yarn test","docs":"docz dev","docs:build":"docz build","typecheck":"tsc --noEmit","lint":"eslint src/**/*.{ts,tsx}","test":"jest"},"husky":{"hooks":{"pre-commit":"yarn typecheck && yarn build && yarn test && lint-staged"}},"lint-staged":{"src/**/*.(ts|tsx)":["prettier --write","yarn lint --fix"],"*":["git add"]},"keywords":["react","tooltip","popover","overlay","react-tooltip","react-popper"],"author":{"name":"Mohsin Ul Haq","email":"mohsinulhaq01@gmail.com"},"license":"MIT","peerDependencies":{"react":"^16.6.0","react-dom":"^16.6.0"},"dependencies":{"@babel/runtime":"^7.6.3","react-popper":"^1.3.4"},"devDependencies":{"@babel/cli":"^7.6.4","@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@testing-library/react":"^9.3.0","@types/jest":"^24.0.20","@types/react":"^16.9.11","@types/react-dom":"^16.9.3","@typescript-eslint/eslint-plugin":"^2.5.0","@typescript-eslint/parser":"^2.5.0","docz":"^1.3.2","docz-plugin-css":"^0.11.0","docz-theme-default":"^1.2.0","eslint":"^6.6.0","eslint-config-prettier":"^6.4.0","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-prettier":"^3.1.1","eslint-plugin-react":"^7.16.0","husky":"^3.0.9","jest":"^24.9.0","lint-staged":"^9.4.2","prettier":"^1.18.2","react":"^16.11.0","react-dom":"^16.11.0","react-hot-loader":"^4.12.15","rollup":"^1.25.2","rollup-plugin-babel":"^4.3.3","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-size-snapshot":"^0.10.0","typescript":"^3.6.4"},"licenseText":"The MIT License (MIT)\n\nCopyright (c) 2018-present Mohsin Ul Haq <mohsinulhaq01@gmail.com>\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\nall copies 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\nTHE SOFTWARE.\n","_id":"react-popper-tooltip@2.10.0","dist":{"shasum":"4d8383644d1002a50bd2bf74b2d1214d84ffc77c","integrity":"sha512-iMNWaY41G7kcx2/kcV+37GLe4C93yI9CPZ9DH+V9tOtJIJwEzm/w9+mlr6G1QLzxefDxjliqymMXk9X73pyuWA==","tarball":"https://registry.npmjs.org/react-popper-tooltip/-/react-popper-tooltip-2.10.0.tgz","fileCount":17,"unpackedSize":98256,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdtE7GCRA9TVsSAnZWagAATKwP/22iEclmrISHI9IaJWLC\noLZw3dJOHfKyBCmL1T0+6c+M7Y+a3u3caBLTiV+cvL9b/5HKnhvQmimUBE9n\ny6m+EheE61dXBxWqZlw8BbhPDSGlktwoB1Hmb1LXqqX9iRaEjnvp2AbOqV3u\nBndakTTKGCR66GMQuvRYyZmVTftESbuaub0S2lfB6UnnoiZ8e6C8u6xt08VR\noz3KMF+9ARNK1NyQEDQvG6GxOAWEpw4fmfykoYyyfAnnOKne19ehhv/Pk22z\n8EhESfRzny3XvQyTiW/rkn/NVHu741cxBs2WIsSPEiVRaqNs7vtCxvc23rcV\nQGIcxRvPRvgx+8ns3mc9d3qsVeWA5y/jD8rJodAg9hLdAs9wHWshTQ8Hsskz\nlRn2tM5EV29ng2HXMAAOYSw3VjUekJYoR3K8YWIFHcDlSNTcLxzyKKOpScxc\nyQ9PW/5Fy/Ami73k4XeXvgQfEN++ndAxaS5rV+fxCZpzw4Hc+NQsgOmje6tr\nH4tJjl5cHnYHF5UtrrzvM1tB1qFt/sf/6J0O23QJ9WUkzyvhcL7+XGtd+WvF\nysEdmSd1rNqjpSh1IZS8XQgY6MzvbWXxBByou+uF+9uDlxdKwwxsheJgvCsf\nmjWZSyufFiNnUjYfLpe4i5UE/K4E8tqJLP4eH+b+C+17XYN/w2QaAs04krWK\nYA28\r\n=Cf+0\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDrsyn+QTTkZYL98gw/0dBgcMLa8xme/wlhrply6qulAwIhALlYxOJCtbqFB0LPm/n4AejcI1j3JA6wbty4g59I3iFt"}]},"maintainers":[{"email":"metaller.ru@gmail.com","name":"denisborovikov"},{"email":"mohsinulhaq01@gmail.com","name":"mohsinulhaq"}],"_npmUser":{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-popper-tooltip_2.10.0_1572097734239_0.06307295384692169"},"_hasShrinkwrap":false},"2.10.1":{"name":"react-popper-tooltip","version":"2.10.1","description":"React tooltip library built around react-popper","homepage":"https://react-popper-tooltip.netlify.com/","repository":{"type":"git","url":"https://github.com/mohsinulhaq/react-popper-tooltip"},"main":"dist/cjs/react-popper-tooltip.js","module":"dist/esm/react-popper-tooltip.js","style":"dist/styles.css","typings":"dist/index.d.ts","sideEffects":["*.css"],"scripts":{"build":"rm -rf dist && rollup -c && cp src/styles.css dist && yarn tsc && rm -rf compiled","prepublishOnly":"yarn typecheck && yarn lint && yarn build && yarn test","docs":"docz dev","docs:build":"docz build","typecheck":"tsc --noEmit","lint":"eslint src/**/*.{ts,tsx}","test":"jest"},"husky":{"hooks":{"pre-commit":"yarn typecheck && yarn build && yarn test && lint-staged"}},"lint-staged":{"src/**/*.(ts|tsx)":["prettier --write","yarn lint --fix"],"*":["git add"]},"keywords":["react","tooltip","popover","overlay","react-tooltip","react-popper"],"author":{"name":"Mohsin Ul Haq","email":"mohsinulhaq01@gmail.com"},"license":"MIT","peerDependencies":{"react":"^16.6.0","react-dom":"^16.6.0"},"dependencies":{"@babel/runtime":"^7.7.4","react-popper":"^1.3.6"},"devDependencies":{"@babel/cli":"^7.7.4","@babel/core":"^7.7.4","@babel/plugin-proposal-class-properties":"^7.7.4","@babel/plugin-transform-runtime":"^7.7.4","@babel/preset-env":"^7.7.4","@babel/preset-react":"^7.7.4","@babel/preset-typescript":"^7.7.4","@testing-library/react":"^9.3.2","@types/jest":"^24.0.23","@types/react":"^16.9.13","@types/react-dom":"^16.9.4","@typescript-eslint/eslint-plugin":"^2.9.0","@typescript-eslint/parser":"^2.9.0","docz":"^2.1.1","eslint":"^6.7.1","eslint-config-prettier":"^6.7.0","eslint-plugin-prettier":"^3.1.1","eslint-plugin-react":"^7.16.0","husky":"^3.1.0","jest":"^24.9.0","lint-staged":"^9.5.0","prettier":"^1.19.1","react":"^16.12.0","react-dom":"^16.12.0","rollup":"^1.27.5","rollup-plugin-babel":"^4.3.3","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-size-snapshot":"^0.10.0","typescript":"^3.7.2"},"licenseText":"The MIT License (MIT)\n\nCopyright (c) 2018-present Mohsin Ul Haq <mohsinulhaq01@gmail.com>\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\nall copies 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\nTHE SOFTWARE.\n","_id":"react-popper-tooltip@2.10.1","dist":{"shasum":"e10875f31916297c694d64a677d6f8fa0a48b4d1","integrity":"sha512-cib8bKiyYcrIlHo9zXx81G0XvARfL8Jt+xum709MFCgQa3HTqTi4au3iJ9tm7vi7WU7ngnqbpWkMinBOtwo+IQ==","tarball":"https://registry.npmjs.org/react-popper-tooltip/-/react-popper-tooltip-2.10.1.tgz","fileCount":17,"unpackedSize":101437,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd3/zoCRA9TVsSAnZWagAAB+AP/2wNySNG11McAh/nHtCF\nn65jClxRxXQn9DhPpIs94ZhhJ+5v029GCQTDlsOvYSMnpJD8xvXNjr/Tkuhi\npge6/71AJ+gidiOFnfZknDBIfEsRw2+hP8A0HhqblQH9lMcYDVEzSFxvXTqq\nKrWxj8OI9hkOeArOJ3n471emVKX7f7sxPGs+RZHRTgeOKI6Pz4l0ooR2uXpO\nlZVyQAKpdL+GbxoBMkfnKmoFfyNZ6N8I81r1hxwWwkUnKGIVujFwGBbXLEE/\njzsGOIj1kQl8z73ahCbXRx8SQHhEOSs5A4RcvooB+BFMlX1LtV1wqzDMgBHe\ndQmJcovxZkUWmi+r6XC70jwf9bAxxrDNPwD+KwfR9in1LtuCCnkcxUiQJcdS\nQF7qeDHYRYvexnxi28tHSfKIt8Ic/0GHQIwzRvzePVzfllcrHpHN61mxFaaX\nXwmUScJ1a+JCE6v8jqVOtW9hySRc+/EJJe/vrT4S+5aCkwOOhWnYkx5Xu3ry\nYzONi7chcvemtOlP12xyOMaqxR4Lfm78NwSqpXFRI+7wDXLTMdrdKgdBG2TI\nxgxN3PdU6XbSXS5C0q5nalkc8d8Fht+/jDlXKKdsmu9Yip761/1pZWMiIJvD\npfFSulJwubbXzZXSyi15tNaWxTvS2CoZeDRnMQTbZ45Nw3GRMQYtHWDYr1J0\nd8JC\r\n=gGiO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICYCOlQ9G3KpnVH2Ki4fNOETBHnS8KJNj3DBnH78IwX9AiEA/SHKvfEgTIAyWYeCEXKwVigzFtrCD8D7vJVF6g5G7j4="}]},"maintainers":[{"email":"metaller.ru@gmail.com","name":"denisborovikov"},{"email":"mohsinulhaq01@gmail.com","name":"mohsinulhaq"}],"_npmUser":{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-popper-tooltip_2.10.1_1574960359750_0.36467554554792936"},"_hasShrinkwrap":false},"2.11.0":{"name":"react-popper-tooltip","version":"2.11.0","description":"React tooltip library built around react-popper","homepage":"https://react-popper-tooltip.netlify.com/","repository":{"type":"git","url":"https://github.com/mohsinulhaq/react-popper-tooltip"},"main":"dist/cjs/react-popper-tooltip.js","module":"dist/esm/react-popper-tooltip.js","style":"dist/styles.css","typings":"dist/index.d.ts","sideEffects":["*.css"],"scripts":{"build":"rm -rf dist && rollup -c && cp src/styles.css dist && yarn tsc && rm -rf compiled","prepublishOnly":"yarn typecheck && yarn lint && yarn build && yarn test","prettier":"prettier --write src/**/*.{ts,tsx}","docs":"docz dev","docs:build":"docz build","typecheck":"tsc --noEmit","lint":"eslint src/**/*.{ts,tsx}","test":"jest tests/"},"husky":{"hooks":{"pre-commit":"yarn typecheck && yarn build && yarn test && lint-staged"}},"lint-staged":{"src/**/*.(ts|tsx)":["prettier --write","yarn lint --fix"]},"keywords":["react","tooltip","popover","overlay","react-tooltip","react-popper"],"author":{"name":"Mohsin Ul Haq","email":"mohsinulhaq01@gmail.com"},"license":"MIT","peerDependencies":{"react":"^16.6.0","react-dom":"^16.6.0"},"dependencies":{"@babel/runtime":"^7.9.2","react-popper":"^1.3.7"},"devDependencies":{"@babel/cli":"^7.8.4","@babel/core":"^7.9.0","@babel/plugin-proposal-class-properties":"^7.8.3","@babel/plugin-transform-runtime":"^7.9.0","@babel/preset-env":"^7.9.0","@babel/preset-react":"^7.9.4","@babel/preset-typescript":"^7.9.0","@testing-library/react":"^10.0.1","@types/jest":"^25.1.4","@types/react":"^16.9.26","@types/react-dom":"^16.9.5","@typescript-eslint/eslint-plugin":"^2.25.0","@typescript-eslint/parser":"^2.25.0","docz":"^2.2.0","eslint":"^6.8.0","eslint-config-prettier":"^6.10.1","eslint-plugin-prettier":"^3.1.2","eslint-plugin-react":"^7.19.0","husky":"^4.2.3","jest":"^25.2.3","lint-staged":"^10.0.9","prettier":"^2.0.2","react":"^16.12.0","react-dom":"^16.12.0","rollup":"^2.2.0","rollup-plugin-babel":"^4.4.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-size-snapshot":"^0.11.0","typescript":"^3.8.3"},"licenseText":"The MIT License (MIT)\n\nCopyright (c) 2018-present Mohsin Ul Haq <mohsinulhaq01@gmail.com>\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\nall copies 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\nTHE SOFTWARE.\n","_id":"react-popper-tooltip@2.11.0","dist":{"shasum":"1a871008853e072ba31fbe2bc5fd0316fa0a289a","integrity":"sha512-Xxe08mAW990/NKYTEcZmdqchmB70hxQEPT7q7BMLGy3IkeNJI6ZaLODnzadTx1b7FGka8CLXyV/3g8EPaFJaig==","tarball":"https://registry.npmjs.org/react-popper-tooltip/-/react-popper-tooltip-2.11.0.tgz","fileCount":17,"unpackedSize":101379,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJefixZCRA9TVsSAnZWagAAo/YP/RQveBg4x6iMMydcxx9a\nBFbNgQVkMGmDWwm/fWppOYaE3jsTjgXUzFGWK3wZNwSpGZtomq+3AF5l/jG1\nkj53WrwenRPdfHjNLiHW33cMqjfSpZA4JfTA3uoZ4X4igz8OgHfIqwFe2tjI\nH85p07QmuugdmMI/RIfuRUqg8chNxrlMml506g+E2rckliuhSeZtwft/liM4\nxvVU5KTKE8ufFe4KCcs/dP8779btnm54OhRn7b3zO+kLyM9EG7oERIGm7GVM\nmPSWQw5zf3Nc7T5ZDGVUs1UbmujH1xHHeUfNB9QAWpp3pyRD6dK22PIxptpn\nBmqkn0NmAml9XD/yLuGyHADHQmCsf9w5IcvS1i1tCh/WoU4dz6R/w0W1XcHd\nnMYzBeZiaBWQyaf+L0TcjnGHWmo38VQHaDGWtnKtfCYui0EOt1IKNN5wKksJ\nBF+hYoVkBq0WWJWDt3YdwzRCEbLYCUyFWsfCi9PZjqw8ylD8stRuFTGby/Sz\nip6X0j0D5l8Sly3FBZjMIYrRazvmcUCDx/E3fPfeqj9zHOicsGt+cq1bJ6t8\nUgYYu/7rl+fPiCmtogtEB2MugI4WFfhpXsyCxjF9jw1knPerK8ru1WGpm0bD\ntfgDemW/uW4Zi+K6K3p04oxAXdtux2+K3jaT8XcCJF2ts45npwtKjJx8wwnb\nT5/k\r\n=z68Z\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICX5F5l6m3KDLLOpqnUor9EZOpjXsE4+AJ8JCovcZLPCAiEA4EP8M4poIu4RfDwfEy/ZrMp5hOu79oBFIeG0IdWMW+w="}]},"maintainers":[{"email":"metaller.ru@gmail.com","name":"denisborovikov"},{"email":"mohsinulhaq01@gmail.com","name":"mohsinulhaq"}],"_npmUser":{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-popper-tooltip_2.11.0_1585327193402_0.40771325288845706"},"_hasShrinkwrap":false},"2.11.1":{"name":"react-popper-tooltip","version":"2.11.1","description":"React tooltip library built around react-popper","homepage":"https://react-popper-tooltip.netlify.com/","repository":{"type":"git","url":"https://github.com/mohsinulhaq/react-popper-tooltip"},"main":"dist/cjs/react-popper-tooltip.js","module":"dist/esm/react-popper-tooltip.js","style":"dist/styles.css","typings":"dist/index.d.ts","sideEffects":["*.css"],"scripts":{"build":"rm -rf dist && rollup -c && cp src/styles.css dist && yarn tsc && rm -rf compiled","prepublishOnly":"yarn typecheck && yarn lint && yarn build && yarn test","prettier":"prettier --write src/**/*.{ts,tsx}","docs":"docz dev","docs:build":"docz build","typecheck":"tsc --noEmit","lint":"eslint src/**/*.{ts,tsx}","test":"jest tests/"},"husky":{"hooks":{"pre-commit":"yarn typecheck && yarn build && yarn test && lint-staged"}},"lint-staged":{"src/**/*.(ts|tsx)":["prettier --write","yarn lint --fix"]},"keywords":["react","tooltip","popover","overlay","react-tooltip","react-popper"],"author":{"name":"Mohsin Ul Haq","email":"mohsinulhaq01@gmail.com"},"license":"MIT","peerDependencies":{"react":"^16.6.0","react-dom":"^16.6.0"},"dependencies":{"@babel/runtime":"^7.9.2","react-popper":"^1.3.7"},"devDependencies":{"@babel/cli":"^7.8.4","@babel/core":"^7.9.0","@babel/plugin-proposal-class-properties":"^7.8.3","@babel/plugin-transform-runtime":"^7.9.0","@babel/preset-env":"^7.9.0","@babel/preset-react":"^7.9.4","@babel/preset-typescript":"^7.9.0","@testing-library/react":"^10.0.2","@types/jest":"^25.1.4","@types/react":"^16.9.31","@types/react-dom":"^16.9.6","@typescript-eslint/eslint-plugin":"^2.26.0","@typescript-eslint/parser":"^2.26.0","docz":"^2.2.0","eslint":"^6.8.0","eslint-config-prettier":"^6.10.1","eslint-plugin-prettier":"^3.1.2","eslint-plugin-react":"^7.19.0","husky":"^4.2.3","jest":"^25.2.4","lint-staged":"^10.1.1","prettier":"^2.0.2","react":"^16.12.0","react-dom":"^16.12.0","rollup":"^2.3.2","rollup-plugin-babel":"^4.4.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-size-snapshot":"^0.11.0","typescript":"^3.8.3"},"licenseText":"The MIT License (MIT)\n\nCopyright (c) 2018-present Mohsin Ul Haq <mohsinulhaq01@gmail.com>\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\nall copies 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\nTHE SOFTWARE.\n","_id":"react-popper-tooltip@2.11.1","dist":{"shasum":"3c4bdfd8bc10d1c2b9a162e859bab8958f5b2644","integrity":"sha512-04A2f24GhyyMicKvg/koIOQ5BzlrRbKiAgP6L+Pdj1MVX3yJ1NeZ8+EidndQsbejFT55oW1b++wg2Z8KlAyhfQ==","tarball":"https://registry.npmjs.org/react-popper-tooltip/-/react-popper-tooltip-2.11.1.tgz","fileCount":17,"unpackedSize":107088,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJehRE0CRA9TVsSAnZWagAAEGwP/ReRoz1pU5nZ2Rm2+HGM\n21SJDOj3k2bNcsHUu4GjqTpBT2UZvMZ7q+drNJxRZ1C9ZqamuSapiQlSiSPj\najILhTLMmDAY4NF1PXkgaMb8REOUU/AiQ2eS6PAveDhzMKjEJlD00SiOEZfT\nKrroWMJYJLChK+M3A45APQq6pbS8qXM3QXOQqTKi4s134PP+NstuNBMD2CrB\njQFrv110PqpO8pAlcSvAAIkP4vfjN1hiA+W1I8Zst1UVQ4HrWCSP2wmZTlD5\nxodnH5+82mvDQajdk8n1hTdDB9d3gZ6FVqV29fIYdjynUTzzftSD3R5eTeCu\nEWtRqZ85di0JPyHKA5PFutY1gpfK5Br/f8QwiRhPTYe3xVqqvPr48wbQqgaT\nCPtBkhdklxgBsgHTkOy+j0OfGABcVkmxtPaYsX+xA8Og+zwokr/thadSeNPy\n3xfH7+pp1oYNZuxUQbM/nrvkrZEQ8VwNn8EI30LEPeMz+WP+do48B6AEPrqz\netcsr/1Y5d2oIx3Gm4R7Z0KkM5MeLNMHEFSI82Z0QDTXRVXMiG6XV7qQG8ID\n2Gnkqln82k9P1Rana3V6ZwYyo2jJKbBwnk1nPg7ycMGKEE0JPNmVGHKv4aD3\ngeFY47NJ+15zryGI+la47bos/Ee5tRsY/mvyOiqUWAOxki+CaDWmvO82lwiX\nTKNt\r\n=168n\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD7Y+QGCmMaZzBdHz8Ur80xEZWKIYu9bJPJinwKg8/3dAIgaIMIJ1WsjYHIP4l/0tgMNd7BxhckgjMtVqIKaUEhpmc="}]},"maintainers":[{"email":"metaller.ru@gmail.com","name":"denisborovikov"},{"email":"mohsinulhaq01@gmail.com","name":"mohsinulhaq"}],"_npmUser":{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-popper-tooltip_2.11.1_1585778995424_0.5328038666980115"},"_hasShrinkwrap":false},"3.0.0-alpha.0":{"name":"react-popper-tooltip","version":"3.0.0-alpha.0","description":"React tooltip library built around react-popper","homepage":"https://react-popper-tooltip.netlify.app","repository":{"type":"git","url":"git+https://github.com/mohsinulhaq/react-popper-tooltip.git"},"main":"dist/cjs/react-popper-tooltip.js","module":"dist/esm/react-popper-tooltip.js","typings":"dist/index.d.ts","sideEffects":false,"scripts":{"build":"rm -rf dist && rollup -c && yarn tsc && rm -rf compiled","prepublishOnly":"yarn typecheck && yarn lint && yarn build && yarn test","prettier":"prettier --write src/**/*.{ts,tsx}","docs":"docz dev","docs:build":"docz build","typecheck":"tsc --noEmit","lint":"eslint src/**/*.{ts,tsx}","test":"jest tests/"},"husky":{"hooks":{"pre-commit":"yarn typecheck && yarn build && yarn test && lint-staged"}},"lint-staged":{"src/**/*.(ts|tsx)":["prettier --write","yarn lint --fix"]},"keywords":["react","tooltip","popover","overlay","react-tooltip","react-popper"],"author":{"name":"Mohsin Ul Haq","email":"mohsinulhaq01@gmail.com"},"license":"MIT","peerDependencies":{"react":"^16.6.0","react-dom":"^16.6.0"},"dependencies":{"@babel/runtime":"^7.10.2","@popperjs/core":"^2.4.2","react-popper":"^2.2.3"},"devDependencies":{"@babel/cli":"^7.10.1","@babel/core":"^7.10.2","@babel/plugin-proposal-class-properties":"^7.10.1","@babel/plugin-transform-runtime":"^7.10.1","@babel/preset-env":"^7.10.2","@babel/preset-react":"^7.10.1","@babel/preset-typescript":"^7.10.1","@testing-library/react":"^10.2.1","@types/jest":"^26.0.0","@types/react":"^16.9.36","@types/react-dom":"^16.9.8","@typescript-eslint/eslint-plugin":"^3.2.0","@typescript-eslint/parser":"^3.2.0","docz":"^2.3.1","eslint":"^7.2.0","eslint-config-prettier":"^6.11.0","eslint-plugin-prettier":"^3.1.3","eslint-plugin-react":"^7.20.0","husky":"^4.2.5","jest":"^26.0.1","lint-staged":"^10.2.10","prettier":"^2.0.5","react":"^16.12.0","react-dom":"^16.12.0","rollup":"^2.16.0","rollup-plugin-babel":"^4.4.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-size-snapshot":"^0.12.0","typescript":"^3.9.5"},"readme":"# React Tooltip\n\n[![npm version](https://img.shields.io/npm/v/react-popper-tooltip.svg?style=flat-square)](https://www.npmjs.com/package/react-popper-tooltip)\n[![npm downloads](https://img.shields.io/npm/dm/react-popper-tooltip.svg?style=flat-square)](https://www.npmjs.com/package/react-popper-tooltip)\n[![codecov](https://codecov.io/gh/mohsinulhaq/react-popper-tooltip/branch/master/graph/badge.svg)](https://codecov.io/gh/mohsinulhaq/react-popper-tooltip)\n[![Dependency Status](https://img.shields.io/david/mohsinulhaq/react-popper-tooltip.svg?style=flat-square)](https://david-dm.org/mohsinulhaq/react-popper-tooltip)\n\nReact tooltip component based on [react-popper](https://github.com/FezVrasta/react-popper), the React wrapper around [popper.js](https://popper.js.org) library.\n\n## Homepage\n\nhttps://react-popper-tooltip.netlify.app\n\n## Example\n\nhttps://codesandbox.io/s/pykkz77z5j\n\n### Usage\n\n```bash\nnpm install react-popper-tooltip\n```\n\nor\n\n```bash\nyarn add react-popper-tooltip\n```\n\n```jsx\nimport React from 'react';\nimport {render} from 'react-dom';\nimport TooltipTrigger from 'react-popper-tooltip';\n\nconst Tooltip = ({\n  arrowRef,\n  tooltipRef,\n  getArrowProps,\n  getTooltipProps,\n  placement\n}) => (\n  <div\n    {...getTooltipProps({\n      ref: tooltipRef,\n      className: 'tooltip-container'\n      /* your props here */\n    })}\n  >\n    <div\n      {...getArrowProps({\n        ref: arrowRef,\n        className: 'tooltip-arrow',\n        'data-placement': placement\n        /* your props here */\n      })}\n    />\n    Hello, World!\n  </div>\n);\n\nconst Trigger = ({getTriggerProps, triggerRef}) => (\n  <span\n    {...getTriggerProps({\n      ref: triggerRef,\n      className: 'trigger'\n      /* your props here */\n    })}\n  >\n    Click Me!\n  </span>\n);\n\nrender(\n  <TooltipTrigger placement=\"right\" trigger=\"click\" tooltip={Tooltip}>\n    {Trigger}\n  </TooltipTrigger>,\n  document.getElementById('root')\n);\n```\n\n`TooltipTrigger` is the only component exposed by the package. It's just a positioning engine. What to render is left completely to the user, which can be provided using render props. Your props should be passed through `getTriggerProps`, `getTooltipProps` and `getArrowProps`.\n\nRead more about [render prop](https://cdb.reacttraining.com/use-a-render-prop-50de598f11ce) pattern if you're not familiar with this approach.\n\n## Examples\n\nTo fiddle with our example recipes, run:\n\n```bash\n> npm install\n> npm run docs\n```\n\nor\n\n```bash\n> yarn\n> yarn docs\n```\n\nand open up [localhost:3000](http://localhost:3000) in your browser.\n\n## Props\n\n### children\n\n> `function({})` | _required_\n\nThis is called with an object. Read more about the properties of this object in\nthe section \"[Children and tooltip functions](#children-and-tooltip-functions)\".\n\n### tooltip\n\n> `function({})` | _required_\n\nThis is called with an object. Read more about the properties of this object in\nthe section \"[Children and tooltip functions](#children-and-tooltip-functions)\".\n\n### defaultTooltipShown\n\n> `boolean` | defaults to `false`\n\nThis is the initial visibility state of the tooltip.\n\n### onVisibilityChange\n\n> `function(tooltipShown: boolean)`\n\nCalled with the tooltip state, when the visibility of the tooltip changes\n\n### tooltipShown\n\n> `boolean` | **control prop**\n\nUse this prop if you want to control the visibility state of the tooltip.\n\n`react-popper-tooltip` manages its own state internally. You can use this prop to pass the\nvisibility state of the tooltip from the outside. You will be required to keep this state up to\ndate (this is where `onVisibilityChange` becomes useful), but you can also control the state\nfrom anywhere, be that state from other components, `redux`, `react-router`, or anywhere else.\n\n### delayShow\n\n> `number` | defaults to `0`\n\nDelay in showing the tooltip (ms).\n\n### delayHide\n\n> `number` | defaults to `0`\n\nDelay in hiding the tooltip (ms).\n\n### placement\n\n> `string` | defaults to `right`\n\nThe tooltip placement. Valid placements are:\n\n- `auto`\n- `top`\n- `right`\n- `bottom`\n- `left`\n\nEach placement can have a variation from this list:\n\n- `-start`\n- `-end`\n\n### trigger\n\n> `string` or `string[]` | defaults to `\"hover\"`\n\nThe event(s) that trigger the tooltip. One of `click`, `right-click`, `hover`, `focus`, and `none`, or an array of them.\n\n### getTriggerRef\n\n> `function(HTMLElement) => void`\n\nFunction that can be used to obtain a trigger element reference.\n\n### closeOnOutOfBoundaries\n\n> `boolean` | defaults to `true`\n\nWhether to close the tooltip when it's trigger is out of the boundary.\n\n### usePortal\n\n> `boolean` | defaults to `true`\n\nWhether to use `React.createPortal` for creating tooltip.\n\n### portalContainer\n\n> `HTMLElement` | defaults to `document.body`\n\nElement to be used as portal container\n\n### followCursor\n\n> `boolean` | defaults to `false`\n\nWhether to spawn the tooltip at the cursor position.\n\nRecommended usage with hover trigger and no arrow element\n\n### modifiers\n\n> `object`\n\nModifiers passed directly to the underlying popper.js instance.\nFor more information, refer to Popper.js’ [modifier docs](https://popper.js.org/docs/v2/modifiers)\n\n### mutationObserverOptions\n\n> `object`\n\nOptions to `MutationObserver`, used internally for updating tooltip position based on trigger DOM changes.\nFor more information, refer to [MutationObserver](https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver) docs.\n\nDefault options:\n\n```\n{\n    childList: true,\n    subtree: true\n}\n```\n\n## Children and tooltip functions\n\nThis is where you render whatever you want. `react-popper-tooltip` uses two render props `children`\nand `tooltip`. `Children` prop is used to trigger the appearance of the tooltip and `tooltip`\ndisplays the tooltip itself.\n\nYou use it like so:\n\n```jsx\nconst tooltip = (\n  <TooltipTrigger tooltip={tooltip => <div>{/* more jsx here */}</div>}>\n    {trigger => <div>{/* more jsx here */}</div>}\n  </TooltipTrigger>\n);\n```\n\n### prop getters\n\n> See [the blog post about prop getters](https://blog.kentcdodds.com/how-to-give-rendering-control-to-users-with-prop-getters-549eaef76acf)\n\nThese functions are used to apply props to the elements that you render.\nIt's advisable to pass all your props to that function rather than applying them on the element\nyourself to avoid your props being overridden (or overriding the props returned). For example\n`<button {...getTriggerProps({onClick: event => console.log(event))}>Click me</button>`\n\n### children function\n\n| property        | type           | description                                                           |\n| --------------- | -------------- | --------------------------------------------------------------------- |\n| triggerRef      | `function ref` | returns the react ref you should apply to the trigger element.        |\n| getTriggerProps | `function({})` | returns the props you should apply to the trigger element you render. |\n\n### tooltip function\n\n| property        | type           | description                                                           |\n| --------------- | -------------- | --------------------------------------------------------------------- |\n| arrowRef        | `function ref` | return the react ref you should apply to the tooltip arrow element.   |\n| tooltipRef      | `function ref` | return the react ref you should apply to the tooltip element.         |\n| getArrowProps   | `function({})` | return the props you should apply to the tooltip arrow element.       |\n| getTooltipProps | `function({})` | returns the props you should apply to the tooltip element you render. |\n| placement       | `string`       | return the dynamic placement of the tooltip.                          |\n\n## Inspiration and Thanks!\n\nThis library is based on [react-popper](https://github.com/FezVrasta/react-popper), the official\nreact wrapper around [Popper.js](https://popper.js.org).\n\nUsing of render props, prop getters and doc style of this library are heavily inspired by\n[downshift](https://github.com/paypal/downshift).\n","readmeFilename":"README.md","gitHead":"cec9ca21f3158f425f2e08669e1e931f3ad66946","bugs":{"url":"https://github.com/mohsinulhaq/react-popper-tooltip/issues"},"_id":"react-popper-tooltip@3.0.0-alpha.0","_nodeVersion":"12.18.0","_npmVersion":"6.14.5","dist":{"integrity":"sha512-uW46EuS8MmvQ2985AVOIpG2EKd5rklmzt8gqatnjQJmmpadH3zIZfwO2j3fhQJ5GneaYlkHRCY34pmrsh2zgbw==","shasum":"8f37fe848b23895442861a64e364c6111652a437","tarball":"https://registry.npmjs.org/react-popper-tooltip/-/react-popper-tooltip-3.0.0-alpha.0.tgz","fileCount":12,"unpackedSize":101664,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe5VPXCRA9TVsSAnZWagAAmJwP/RI3CjimJHcJt0+Yihxx\n1PP1/+xa9cO6AfhBI7p2q//OApXeCxtbvxEGiJu2KjRIAYcfFofJ6/MgbxPb\nnbvv5NHX7H+8WgXZqgt309I+oZNF9siiCF9ewBJjNNir2XH45AT+xmY6fRnu\nXqOn9SH4EVLQF4qXJ0KltuGDAqO1DDweIt+ZNuv9IcWbqh+IXXYSi7efpDI/\nz+lNj2xKxH4bWmVkhIKOUpyPYA4bo60EMWiDUmqa0aPJ+SYWG6F8w8WBIKbi\nqZKBgFBseDP5kmKnupZcEBMl0jihVA6JcIzNvUXJytIu8Qv3arFy8hLNyvPi\nBoFW8vIrNNndIEhkxtOdVSwIPbEh8YgCWvKFjaE+9OkPeomlMxoCbqtYGPVR\n7RtDmW72qoMUx7APfXdh0AZTb5tcyH+tc5hICa2JrfZ/kjY4qY2PA0gmuXtl\nZhZscR2Un9WS/OrnI7A6yr/cKyrAbYmwB0bwxUTzNqBPCiBBXRx34bcl+okj\nAuNux/eFT3sAnh6fVCC0nrVc3h6vvYeApjBoGbEE9bppPeBLbuJlcG15xXO+\npeoTZIT6qVogTe+GVaMRyjxLptouNuAjDnCzrdWWudGLeDi4myzbRs+m4iP1\nTZx69op9ZeFqMljbneVsYQoVebxucwzWyAYuOxvVnYe12EYIVbShRRzYgLNh\ncIQ5\r\n=Tv6d\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGBmUzfx0mdKdCCZgZ7BT3reqjxAH0cILw0vvjEFHg27AiAyqlqgJXkI0ZVV4M4cKCttttR0ELsc+kMnOSstu8RWQg=="}]},"maintainers":[{"email":"metaller.ru@gmail.com","name":"denisborovikov"},{"email":"mohsinulhaq01@gmail.com","name":"mohsinulhaq"}],"_npmUser":{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-popper-tooltip_3.0.0-alpha.0_1592087511304_0.7644526938892426"},"_hasShrinkwrap":false},"3.0.0":{"name":"react-popper-tooltip","version":"3.0.0","description":"React tooltip library built around react-popper","homepage":"https://react-popper-tooltip.netlify.app","repository":{"type":"git","url":"git+https://github.com/mohsinulhaq/react-popper-tooltip.git"},"main":"dist/cjs/react-popper-tooltip.js","module":"dist/esm/react-popper-tooltip.js","typings":"dist/index.d.ts","sideEffects":false,"scripts":{"build":"rm -rf dist && rollup -c && yarn tsc && rm -rf compiled","prepublishOnly":"yarn typecheck && yarn lint && yarn build && yarn test","prettier":"prettier --write src/**/*.{ts,tsx}","docs":"docz dev","docs:build":"docz build","typecheck":"tsc --noEmit","lint":"eslint src/**/*.{ts,tsx}","test":"jest tests/"},"husky":{"hooks":{"pre-commit":"yarn typecheck && yarn build && yarn test && lint-staged"}},"lint-staged":{"src/**/*.(ts|tsx)":["prettier --write","yarn lint --fix"]},"keywords":["react","tooltip","popover","overlay","react-tooltip","react-popper"],"author":{"name":"Mohsin Ul Haq","email":"mohsinulhaq01@gmail.com"},"license":"MIT","peerDependencies":{"react":"^16.6.0","react-dom":"^16.6.0"},"dependencies":{"@babel/runtime":"^7.10.4","@popperjs/core":"^2.4.3","react-popper":"^2.2.3"},"devDependencies":{"@babel/cli":"^7.10.4","@babel/core":"^7.10.4","@babel/plugin-proposal-class-properties":"^7.10.4","@babel/plugin-transform-runtime":"^7.10.4","@babel/preset-env":"^7.10.4","@babel/preset-react":"^7.10.4","@babel/preset-typescript":"^7.10.4","@testing-library/react":"^10.4.3","@types/jest":"^26.0.3","@types/react":"^16.9.41","@types/react-dom":"^16.9.8","@typescript-eslint/eslint-plugin":"^3.5.0","@typescript-eslint/parser":"^3.5.0","docz":"^2.3.1","eslint":"^7.3.1","eslint-config-prettier":"^6.11.0","eslint-plugin-prettier":"^3.1.4","eslint-plugin-react":"^7.20.3","husky":"^4.2.5","jest":"^26.1.0","lint-staged":"^10.2.11","prettier":"^2.0.5","react":"^16.12.0","react-dom":"^16.12.0","rollup":"^2.18.1","rollup-plugin-babel":"^4.4.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-size-snapshot":"^0.12.0","typescript":"^3.9.5"},"gitHead":"0002e611cfa657f1f54c2bcb859d07e1ebe0a186","bugs":{"url":"https://github.com/mohsinulhaq/react-popper-tooltip/issues"},"_id":"react-popper-tooltip@3.0.0","_nodeVersion":"12.18.2","_npmVersion":"6.14.5","dist":{"integrity":"sha512-WPlp6CD521cpajeAOOBmLcJJJgXmoregLS+Z6MFEqgHsadNbcbF/q+UJYF4QpL5fwzxssfXFkh8YoDDZ2bk0YA==","shasum":"06c20d8e477d0fe2a79461a43734ef2a66e8d1a3","tarball":"https://registry.npmjs.org/react-popper-tooltip/-/react-popper-tooltip-3.0.0.tgz","fileCount":12,"unpackedSize":101676,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe/MpYCRA9TVsSAnZWagAA7TkP/2VXJV/jzkHrQNBePpvB\nz2iDjGIO8EDplu9FA+MUEBN8Mq5KWOTIYjViQJiNoTi0EbFi/hS3nVkKQ6qA\nXZHVD3a6PkYB9anadYL032ENciXgwovFXdiPn5BRmP+YhhRPc9ESH40X3cAi\n7s2jlmD4ANyo1S6ifdot5WONbORDtSovqmEoDTReexbmnMahFZH/8U2eyutG\nPQYB7zijWVO5LImZYQ8nF0sBhnmKiKTr2Li1PYX7WJubZ4zAAf4CN+YRA8hF\nATLXRjdtFMSIQUCvsBMqcxQ5r4LpDVOvHCrcDUtarX6pAvD7LS0dSyFMW28w\nx4Jy9alAXrqOiNSuPwhhymlTXDw1+9l86+p4TCnLHgc58ShmlA+K1Jbglvzb\nBjhwuYGXWsHLAJetlLs5pFH2nl0xRNxiV/gI2LxCk95QPwfWFv0QYPUmUYnE\nv0ItciGMup+1XBnBMgBr69Nhyd6QzUgo7tsFzzUJDO8qzUS6TPMnh2iXNeL1\nIed9oikO969SfUMUNgFwCWsHdfVxH5jQna67yZTS8P0sopwBEViHdR/h8WLA\naPOFxgsbrEWLIIFyyXJDKzAJa7RB+SYHYOCsPItVUT9zs3tB1uqaAuMlKu33\nKAXy+pWnc7tTvUcai7xJJemySdObcJWF64sRzD0IRWJM5UIlvT1aNaALvBtv\neE61\r\n=EZxt\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIG7Lcnyyii6z8e2pUUIJ+dYs4fNeLYXQculBrm7iCK3DAiAdlRIvyqlf+2D7RBbWwgwpLbh8GhTJjkMcJIZbEGzVvw=="}]},"maintainers":[{"email":"metaller.ru@gmail.com","name":"denisborovikov"},{"email":"mohsinulhaq01@gmail.com","name":"mohsinulhaq"}],"_npmUser":{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-popper-tooltip_3.0.0_1593625176376_0.4891988084098815"},"_hasShrinkwrap":false},"3.1.0":{"name":"react-popper-tooltip","version":"3.1.0","description":"React tooltip library built around react-popper","homepage":"https://react-popper-tooltip.netlify.app","repository":{"type":"git","url":"git+https://github.com/mohsinulhaq/react-popper-tooltip.git"},"main":"dist/cjs/react-popper-tooltip.js","module":"dist/esm/react-popper-tooltip.js","style":"dist/styles.css","typings":"dist/index.d.ts","sideEffects":["dist/styles.css"],"scripts":{"build":"rm -rf dist && rollup -c && cp src/styles.css dist && yarn tsc && rm -rf compiled","prepublishOnly":"yarn typecheck && yarn lint && yarn build && yarn test","prettier":"prettier --write src/**/*.{ts,tsx}","docs":"docz dev","docs:build":"docz build","typecheck":"tsc --noEmit","lint":"eslint src/**/*.{ts,tsx}","test":"jest tests/"},"husky":{"hooks":{"pre-commit":"yarn typecheck && yarn build && yarn test && lint-staged"}},"lint-staged":{"src/**/*.(ts|tsx)":["prettier --write","yarn lint --fix"]},"keywords":["react","tooltip","popover","overlay","react-tooltip","react-popper"],"author":{"name":"Mohsin Ul Haq","email":"mohsinulhaq01@gmail.com"},"license":"MIT","peerDependencies":{"react":"^16.6.0","react-dom":"^16.6.0"},"dependencies":{"@babel/runtime":"^7.10.4","@popperjs/core":"^2.4.4","react-popper":"^2.2.3"},"devDependencies":{"@babel/cli":"^7.10.4","@babel/core":"^7.10.4","@babel/plugin-proposal-class-properties":"^7.10.4","@babel/plugin-transform-runtime":"^7.10.4","@babel/preset-env":"^7.10.4","@babel/preset-react":"^7.10.4","@babel/preset-typescript":"^7.10.4","@testing-library/react":"^10.4.5","@types/jest":"^26.0.4","@types/react":"^16.9.43","@types/react-dom":"^16.9.8","@typescript-eslint/eslint-plugin":"^3.6.0","@typescript-eslint/parser":"^3.6.0","docz":"^2.3.1","eslint":"^7.4.0","eslint-config-prettier":"^6.11.0","eslint-plugin-prettier":"^3.1.4","eslint-plugin-react":"^7.20.3","husky":"^4.2.5","jest":"^26.1.0","lint-staged":"^10.2.11","prettier":"^2.0.5","react":"^16.12.0","react-dom":"^16.12.0","rollup":"^2.21.0","rollup-plugin-babel":"^4.4.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-size-snapshot":"^0.12.0","typescript":"^3.9.6"},"gitHead":"ff969f634b02fa65a71205616d02a38cd937d9a4","bugs":{"url":"https://github.com/mohsinulhaq/react-popper-tooltip/issues"},"_id":"react-popper-tooltip@3.1.0","_nodeVersion":"12.18.2","_npmVersion":"6.14.6","dist":{"integrity":"sha512-uoLUGtQSQyf4DucJQWXdZVAf3u/FFAHxox74y2GWP2Fy6D0lT9YL/7QIRSGsMI5USCHsS7HuHD4okVGAhctIGg==","shasum":"fd7c7a39b344538e0cbd00ce6fac3147f72d2589","tarball":"https://registry.npmjs.org/react-popper-tooltip/-/react-popper-tooltip-3.1.0.tgz","fileCount":13,"unpackedSize":105558,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfCyxQCRA9TVsSAnZWagAAqwsP/0oCuo4KdDZSjnuw6FrK\nYng0zUujm1pmGsSp3vOdY0DcdgiYKi0iCYNPQz2yiffpCsNT0/Ui0wDK/Q68\nFDiu+EWPDmJ3UX3BX8mvlHkZX7NMdsFpEfb/hpEWxWSZeGIh3dzgkY7cjbS6\nsrKl4JODr7WF+rj+61VMEGZ5HJfl1sIlGJ/UNSAAGOmDlk3fYKFrR77wdB4x\nMDKJcriTsiZcBdfjsF33cEyVnSpyahZM3NsYLYOEMoCywi/MVuE1r+9hJeIs\nSN0w+HTySIV4EFbdixk5wB+zcQDyfUMNrDeogj0nAkiYb2ncMm3CRr9CYCCL\nzyopNzsKhj++TKIHG+v6hRF9+hewZHnKUF1Ysu6IsZxu1oRhXD98yHibZx5U\nzJmI6ZYRoPzIsypmptmWThRJearrJHZhwPozVD9WTwGqcjNw3vz3cwX+EcAD\n46Y6NqUJUmk1dj6WfHHVzzUavHKvNpw4Lj7KNo+Pa7YFguWaZnzhnotfIAVg\nFGKvwzTBzrb43JHAoo5snLA6wS5MpgZaWQdD9VgJelf8OuF8+SlOrBuzTqOv\nzkkIpZB/kuBjppWdMNv2owbxkVRMYeTejIw24GqUgpnc5iGXSf04ER+2irEb\n3hURM+fBR1EX0VUcrcfKI/JBakC5WzX8syUwVloULrVibvr6Ci5BHeJqQLQk\nQeY7\r\n=lbNl\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIC4ZlrVVaPWkJi73ZoJoWso/UWDM/IpdtYp85QtST5j5AiBY4HkjFp2DEAvaEpA7QYvL9QhbcBLr89pmn55sBmvMsQ=="}]},"maintainers":[{"email":"metaller.ru@gmail.com","name":"denisborovikov"},{"email":"mohsinulhaq01@gmail.com","name":"mohsinulhaq"}],"_npmUser":{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-popper-tooltip_3.1.0_1594567760182_0.30068407508240336"},"_hasShrinkwrap":false},"3.1.1":{"name":"react-popper-tooltip","version":"3.1.1","description":"React tooltip library built around react-popper","homepage":"https://react-popper-tooltip.netlify.app/","repository":{"type":"git","url":"https://github.com/mohsinulhaq/react-popper-tooltip"},"main":"dist/cjs/react-popper-tooltip.js","module":"dist/esm/react-popper-tooltip.js","style":"dist/styles.css","typings":"dist/index.d.ts","sideEffects":["dist/styles.css"],"scripts":{"build":"rm -rf dist && rollup -c && cp src/styles.css dist && yarn tsc && rm -rf compiled","prepublishOnly":"yarn typecheck && yarn lint && yarn build && yarn test","prettier":"prettier --write src/**/*.{ts,tsx}","docs":"docz dev","docs:build":"docz build","typecheck":"tsc --noEmit","lint":"eslint src/**/*.{ts,tsx}","test":"jest tests/"},"husky":{"hooks":{"pre-commit":"yarn typecheck && yarn build && yarn test && lint-staged"}},"lint-staged":{"src/**/*.(ts|tsx)":["prettier --write","yarn lint --fix"]},"keywords":["react","tooltip","popover","overlay","react-tooltip","react-popper"],"author":{"name":"Mohsin Ul Haq","email":"mohsinulhaq01@gmail.com"},"license":"MIT","peerDependencies":{"react":"^16.6.0 || ^17.0.0","react-dom":"^16.6.0 || ^17.0.0"},"dependencies":{"@babel/runtime":"^7.12.5","@popperjs/core":"^2.5.4","react-popper":"^2.2.4"},"devDependencies":{"@babel/cli":"^7.12.1","@babel/core":"^7.12.3","@babel/plugin-proposal-class-properties":"^7.12.1","@babel/plugin-transform-runtime":"^7.12.1","@babel/preset-env":"^7.12.1","@babel/preset-react":"^7.12.5","@babel/preset-typescript":"^7.12.1","@testing-library/react":"^11.1.1","@types/jest":"^26.0.15","@types/react":"^16.9.55","@types/react-dom":"^16.9.9","@typescript-eslint/eslint-plugin":"^4.6.1","@typescript-eslint/parser":"^4.6.1","docz":"^2.3.1","eslint":"^7.12.1","eslint-config-prettier":"^6.15.0","eslint-plugin-prettier":"^3.1.4","eslint-plugin-react":"^7.21.5","husky":"^4.3.0","jest":"^26.6.3","lint-staged":"^10.5.1","prettier":"^2.1.2","react":"^17.0.1","react-dom":"^17.0.1","rollup":"^2.33.1","rollup-plugin-babel":"^4.4.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-size-snapshot":"^0.12.0","typescript":"^4.0.5"},"licenseText":"The MIT License (MIT)\n\nCopyright (c) 2018-present Mohsin Ul Haq <mohsinulhaq01@gmail.com>\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\nall copies 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\nTHE SOFTWARE.\n","_id":"react-popper-tooltip@3.1.1","dist":{"shasum":"329569eb7b287008f04fcbddb6370452ad3f9eac","integrity":"sha512-EnERAnnKRptQBJyaee5GJScWNUKQPDD2ywvzZyUjst/wj5U64C8/CnSYLNEmP2hG0IJ3ZhtDxE8oDN+KOyavXQ==","tarball":"https://registry.npmjs.org/react-popper-tooltip/-/react-popper-tooltip-3.1.1.tgz","fileCount":17,"unpackedSize":105579,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfpQaQCRA9TVsSAnZWagAA0ggP/3Pjwornew0hPzWvP31S\nLXU5P4EERrSNCKAn60ti5hulcIMwhNFWTZidcFuGduD0DQXjPdJfEe38+AHl\nqiTKatH4e/s4JMpvEIbfy+cuwdGHHxlb0nla41Lt+uvTKRC0xyVO+rTsryT1\nGUuEppVlUm2zZCF4RTF3HYcYLzcbJ4TPdzd86sEJflK+PQ76aaxnybf/0ICx\nM3E2dGbX9rAVSjEBWxXrIs8c2JWusA1wcRzsAK+fpWltVDlOYZingBImBFzx\n9+D918GONGPJJuv2pDFzGHHYyWPEd1b/un0shnu9es1EkAp0B4Wk3CgSQXFx\nH7c4db1CM/cDUZtB7V+zayBh/kEqc9AESNgoCVotpzKT7C5EC1Wfs5hOjfvU\nPXxOUFrWaHBo8T+kcD3MXq9S4wjw7NSinW0VXDg0uDAByMwDb9BE8f75KuLZ\nv3G9capjNi2eK4NWpsIZ6Pc7pbysRM8ZzgX80lRmuJAK623B8F+pPgUnsHhU\nT/UCeFm3wDsFgNyTKFwPhPzWV4wfaD3mRhLISpNCUshg00G9BWKbB6/xPpDK\ne1sQGHzIuz8liavfxwyL1k4pbXzKjBME0yBOtbO1U9jpYiXamw4o41OeXRJ7\n/YXHJ9iBHXP8VrpA+rPqmDI6dHdOG73LQ9iAV01gamgUGq3tgUMDcs1fiWCG\nT69y\r\n=WvtY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC5sQcX4QFf51Ecg77Bx5RjR/DViOULYRwmZvZf3lkSQwIgTAXbZyZQG7bYa4ANiYJC2MpoGTLBp0MFGYrbwizJz7I="}]},"_npmUser":{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"},"directories":{},"maintainers":[{"name":"denisborovikov","email":"metaller.ru@gmail.com"},{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-popper-tooltip_3.1.1_1604650639589_0.7554533580257035"},"_hasShrinkwrap":false},"4.0.0":{"name":"react-popper-tooltip","version":"4.0.0","description":"React tooltip library built around react-popper","author":{"name":"Mohsin Ul Haq","email":"mohsinulhaq01@gmail.com"},"license":"MIT","repository":{"type":"git","url":"https://github.com/mohsinulhaq/react-popper-tooltip"},"keywords":["react","tooltip","popover","overlay","react-tooltip","react-popper"],"main":"dist/cjs/react-popper-tooltip.js","module":"dist/esm/react-popper-tooltip.js","typings":"dist/index.d.ts","style":"dist/styles.css","sideEffects":["dist/styles.css"],"scripts":{"build":"rm -rf dist && rollup -c && cp src/styles.css dist && yarn tsc && rm -rf compiled","prepare":"yarn typecheck && yarn lint && yarn build && yarn test","prettier":"prettier --write src/**/*.{ts,tsx}","typecheck":"tsc --noEmit","lint":"eslint \"{src,tests,examples}**/*.{ts,tsx}\"","start":"rollup -c -w","test":"jest tests/","storybook":"start-storybook -p 6006","build-storybook":"build-storybook"},"jest":{"modulePathIgnorePatterns":["<rootDir>/examples/"],"setupFilesAfterEnv":["@testing-library/jest-dom/extend-expect"]},"husky":{"hooks":{"pre-commit":"yarn typecheck && yarn build && yarn test && lint-staged"}},"lint-staged":{"**/*.(ts|tsx)":["prettier --write","yarn lint --fix"]},"peerDependencies":{"react":">=16.6.0","react-dom":">=16.6.0"},"dependencies":{"@babel/runtime":"^7.12.5","@popperjs/core":"^2.6.0","react-popper":"^2.2.4"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-react":"^7.12.10","@babel/preset-typescript":"^7.12.7","@storybook/addon-actions":"^6.1.15","@storybook/addon-essentials":"^6.1.15","@storybook/addon-links":"^6.1.15","@storybook/react":"^6.1.15","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.3","@testing-library/user-event":"^12.6.2","@types/jest":"^26.0.20","@types/react":"^17.0.0","@types/react-dom":"^17.0.0","@typescript-eslint/eslint-plugin":"^4.14.1","@typescript-eslint/parser":"^4.14.1","babel-loader":"^8.2.2","eslint":"^7.18.0","eslint-config-prettier":"^7.2.0","eslint-plugin-prettier":"^3.3.1","eslint-plugin-react":"^7.22.0","eslint-plugin-react-hooks":"^4.2.0","husky":"^4.3.8","jest":"^26.6.3","lint-staged":"^10.5.3","prettier":"^2.2.1","react":"^17.0.1","react-dom":"^17.0.1","rollup":"^2.38.0","rollup-plugin-babel":"^4.4.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-size-snapshot":"^0.12.0","typescript":"^4.1.3"},"licenseText":"The MIT License (MIT)\n\nCopyright (c) 2018-present Mohsin Ul Haq <mohsinulhaq01@gmail.com>\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\nall copies 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\nTHE SOFTWARE.\n","_id":"react-popper-tooltip@4.0.0","dist":{"shasum":"33f7479906f93edb5a216e99356f15a4aa54404c","integrity":"sha512-F2UhWF0zq1IdlkBqMNLzQJK3NTI7lijWbRHJzF/mzDOAVOIh1EExhROy/9AFOQyl07/gC2e/QUCIYYHo5TSDZQ==","tarball":"https://registry.npmjs.org/react-popper-tooltip/-/react-popper-tooltip-4.0.0.tgz","fileCount":19,"unpackedSize":1030036,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgD9gwCRA9TVsSAnZWagAA7fkP/RiMHp8u/wMotQP9/UUJ\nivYgLQyYwf1ab2c05rD2msSWFC1/x4/1AfHlk5Olcol+/Hk0fUu5wh1BRwnu\ncG+MATXFlR/EX7VNdmuAVBsEgJzXUW3YKKIfYdqPlh7j/BlqqkFsmah7LcZJ\nEsqEWUddTMKOoNZPSoLZsNK2hQab/dLMTJUXOFT+lSuhgjQbwhQzkIeMDaLN\nwjyVqwSc6DasziPpZ6VvP3xaleY1RhAoX3WUEa4d+wVBgrJmxMGXRZAjD0JU\n7JHvepSETdV/ux8Q050bx7/VTi6TpytP6CTiyPFaYJv/DSTH5FaJhubamSTg\nnoiTKq80/igtBLmxB1YHK5NIYAxMQBJTmHc62PmvDytNACZl7JxLlIcrGdJS\n9i9Kizl+SwfxRCssClOTuPWf6nMSGamB31uBD2LcvI5f62f1hC2z4ahj3iYn\nV6IUT9QKFacCWpwU23bn763E7ZQC0d3F3tOAD93AZPWKt5Et0iOtR5immxPL\nstTT5VY3sfFQpf7OuRAymjRq4Ce2gx2NsO6QLlk3G0d4cR74U/1Cguv2Kcjc\nDc/T6jJDMdlh5wpAdJTJsjHjMJZfNRR+n8dHVkfZUtAQg1dH/KZ3DLGP2o4E\nMRpX8rJ9IujCdI/kGWDyRiy7kECkdcfSiIu2K6mq7wkLLUEGxCcVZtdZ6eet\nIQsR\r\n=3nvC\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEC0PSnAML5fCL6bsQVUQnQSzMufi1qu/3qoDNCCsjkLAiADuJxsOXXhbWLHY7o+fgU7Mr25UGXNom9l9JCPJZK90A=="}]},"_npmUser":{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"},"directories":{},"maintainers":[{"name":"denisborovikov","email":"metaller.ru@gmail.com"},{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-popper-tooltip_4.0.0_1611651119540_0.3005605054070055"},"_hasShrinkwrap":false},"4.0.1":{"name":"react-popper-tooltip","version":"4.0.1","description":"React tooltip library built around react-popper","author":{"name":"Mohsin Ul Haq","email":"mohsinulhaq01@gmail.com"},"license":"MIT","repository":{"type":"git","url":"https://github.com/mohsinulhaq/react-popper-tooltip"},"keywords":["react","tooltip","popover","overlay","react-tooltip","react-popper"],"main":"dist/cjs/react-popper-tooltip.js","module":"dist/esm/react-popper-tooltip.js","typings":"dist/index.d.ts","style":"dist/styles.css","sideEffects":["dist/styles.css"],"scripts":{"build":"rm -rf dist && rollup -c && cp src/styles.css dist && yarn tsc && rm -rf compiled","prepare":"yarn typecheck && yarn lint && yarn build && yarn test","prettier":"prettier --write src/**/*.{ts,tsx}","typecheck":"tsc --noEmit","lint":"eslint \"{src,tests,examples}**/*.{ts,tsx}\"","start":"rollup -c -w","test":"jest tests/","storybook":"start-storybook -p 6006","build-storybook":"build-storybook"},"jest":{"modulePathIgnorePatterns":["<rootDir>/examples/"],"setupFilesAfterEnv":["@testing-library/jest-dom/extend-expect"]},"husky":{"hooks":{"pre-commit":"yarn typecheck && yarn build && yarn test && lint-staged"}},"lint-staged":{"**/*.(ts|tsx)":["prettier --write","yarn lint --fix"]},"peerDependencies":{"react":">=16.6.0","react-dom":">=16.6.0"},"dependencies":{"@babel/runtime":"^7.12.5","@popperjs/core":"^2.6.0","react-popper":"^2.2.4"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-react":"^7.12.10","@babel/preset-typescript":"^7.12.7","@storybook/addon-actions":"^6.1.15","@storybook/addon-essentials":"^6.1.15","@storybook/addon-links":"^6.1.15","@storybook/react":"^6.1.15","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.3","@testing-library/user-event":"^12.6.2","@types/jest":"^26.0.20","@types/react":"^17.0.0","@types/react-dom":"^17.0.0","@typescript-eslint/eslint-plugin":"^4.14.1","@typescript-eslint/parser":"^4.14.1","babel-loader":"^8.2.2","eslint":"^7.18.0","eslint-config-prettier":"^7.2.0","eslint-plugin-prettier":"^3.3.1","eslint-plugin-react":"^7.22.0","eslint-plugin-react-hooks":"^4.2.0","husky":"^4.3.8","jest":"^26.6.3","lint-staged":"^10.5.3","prettier":"^2.2.1","react":"^17.0.1","react-dom":"^17.0.1","rollup":"^2.38.0","rollup-plugin-babel":"^4.4.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-size-snapshot":"^0.12.0","typescript":"^4.1.3"},"licenseText":"The MIT License (MIT)\n\nCopyright (c) 2018-present Mohsin Ul Haq <mohsinulhaq01@gmail.com>\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\nall copies 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\nTHE SOFTWARE.\n","_id":"react-popper-tooltip@4.0.1","dist":{"shasum":"e30f91937c2fc1be60c783b06bf646d8c93056bf","integrity":"sha512-R5+8h8Z6l82LBguQrP8XVD5xDN8gT9PbWNy6l0lXedijYm7MkpUaLGzqO7OVesxZbehhyHmEbJA6897Q5T5n6Q==","tarball":"https://registry.npmjs.org/react-popper-tooltip/-/react-popper-tooltip-4.0.1.tgz","fileCount":16,"unpackedSize":1030731,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgEZkyCRA9TVsSAnZWagAASGIP+QDyD/dkzl3iQ/3erjtg\nUX9mWfg3lDKPwSC+f6ljvrREJoOqapQ02K3gdunYlZo306PCtjt+2sOAbPks\nJCMvsuFLOsdWkmdEOh1zgLspV47VwkADL4REmwMF2xx/j1POptH9faAb2Kzy\nIis/sF27KHt9RqoxaZbtqm9jwapb9s/mm7QV26x8kSUL5HVuWGBGDuT6+zLL\n/VDK9x21nWRAIo7kMk2qQRvMmJ95r+MdLo3SHv506O4av6SsZSQirDn/UuL8\nSAoV2INsm5cQKBrHFyygXiMAEVnkcdgTJvn1eLjFcw7CL8gFVKrVqTv0f5Xf\n15/itGarkIRxk4+btUdC14oeDQ6egxmifvx9E4+XXgha4aaq+LYq2DLXAgA0\nlUy/U1e6LRshCs+PhsLPHeGH3rWXRuW1jahOqJyE1aODjEfFVV+00ciGKK0N\nB6ouHiGGxOjmQxG6RIGg0H4A67oCSUkBHJi/qF9k4VULYGHmyNE/2T+H8alH\nGCJO5Ik5K2xtnC2vZC8m1XRbASq0AWCWhNKsekqtB1ykdoL4Ou9m04vdDLak\n7kbrlfgI4RHoSgxU+62TOaWKj+d/kGWDnz/znO3oIA7yy+t5tbZY5lDfwne7\nMM9K60qRXI72icNAXXm4B7Ta0B0PZeyWRw5JMjLZ0FiCRQQ+9OhwI4uu3fU9\niml3\r\n=AXwN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEs1BLIiNhQceLfOeYdvgznR2L710pYBZCs76gvBvuzzAiBii8mwN589kvcUytlg2t2CHv/xiSnhbMmhD+Xr1aeG+w=="}]},"_npmUser":{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"},"directories":{},"maintainers":[{"name":"denisborovikov","email":"metaller.ru@gmail.com"},{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-popper-tooltip_4.0.1_1611766065891_0.5084738165119722"},"_hasShrinkwrap":false},"4.1.0":{"name":"react-popper-tooltip","version":"4.1.0","description":"React tooltip library built around react-popper","author":{"name":"Mohsin Ul Haq","email":"mohsinulhaq01@gmail.com"},"license":"MIT","repository":{"type":"git","url":"https://github.com/mohsinulhaq/react-popper-tooltip"},"keywords":["react","tooltip","popover","overlay","react-tooltip","react-popper"],"main":"dist/cjs/react-popper-tooltip.js","module":"dist/esm/react-popper-tooltip.js","typings":"dist/index.d.ts","style":"dist/styles.css","sideEffects":["dist/styles.css"],"scripts":{"build":"rm -rf dist && rollup -c && cp src/styles.css dist && yarn tsc && rm -rf compiled","prepare":"yarn typecheck && yarn lint && yarn build && yarn test","prettier":"prettier --write src/**/*.{ts,tsx}","typecheck":"tsc --noEmit","lint":"eslint \"{src,tests,examples}**/*.{ts,tsx}\"","start":"rollup -c -w","test":"jest tests/","storybook":"start-storybook -p 6006","build-storybook":"build-storybook"},"jest":{"modulePathIgnorePatterns":["<rootDir>/examples/"],"setupFilesAfterEnv":["@testing-library/jest-dom/extend-expect"]},"husky":{"hooks":{"pre-commit":"yarn typecheck && yarn build && yarn test && lint-staged && git add .size-snapshot.json"}},"lint-staged":{"**/*.(ts|tsx)":["prettier --write","yarn lint --fix"]},"peerDependencies":{"react":">=16.6.0","react-dom":">=16.6.0"},"dependencies":{"@babel/runtime":"^7.12.5","@popperjs/core":"^2.6.0","react-popper":"^2.2.4"},"devDependencies":{"@babel/core":"^7.12.10","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@babel/preset-react":"^7.12.10","@babel/preset-typescript":"^7.12.7","@storybook/addon-actions":"^6.1.15","@storybook/addon-essentials":"^6.1.15","@storybook/addon-links":"^6.1.15","@storybook/react":"^6.1.15","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.3","@testing-library/user-event":"^12.6.2","@types/jest":"^26.0.20","@types/react":"^17.0.0","@types/react-dom":"^17.0.0","@typescript-eslint/eslint-plugin":"^4.14.1","@typescript-eslint/parser":"^4.14.1","babel-loader":"^8.2.2","eslint":"^7.18.0","eslint-config-prettier":"^7.2.0","eslint-plugin-prettier":"^3.3.1","eslint-plugin-react":"^7.22.0","eslint-plugin-react-hooks":"^4.2.0","husky":"^4.3.8","jest":"^26.6.3","lint-staged":"^10.5.3","prettier":"^2.2.1","react":"^17.0.1","react-dom":"^17.0.1","rollup":"^2.38.0","rollup-plugin-babel":"^4.4.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-size-snapshot":"^0.12.0","typescript":"^4.1.3"},"licenseText":"The MIT License (MIT)\n\nCopyright (c) 2018-present Mohsin Ul Haq <mohsinulhaq01@gmail.com>\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\nall copies 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\nTHE SOFTWARE.\n","_id":"react-popper-tooltip@4.1.0","dist":{"shasum":"cb98c8c1c4b8ee517848e2224f643b8463d0b78a","integrity":"sha512-B1qtndmQRJRKRHO4wRXO1yVhVp9rM/tEpLPbVH8u+FOqHB5qQYMDOXjO8yY30jYx5Y6pM3ne1PVvpF2WaXOAgg==","tarball":"https://registry.npmjs.org/react-popper-tooltip/-/react-popper-tooltip-4.1.0.tgz","fileCount":16,"unpackedSize":571119,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgK7cbCRA9TVsSAnZWagAACeAP/Ak7O1ksW0+IsoIi7QtA\nXr9fTa1tQ4Hds0wC/xHm4V4j+HgxInAUlHIWqzrbEkjKjPF97ms9MDacpimG\nYCLy+iS1zhHU1JWafVgojtzVGwBprh4b/yM4AAcUtNYdC84vzaAglFwvnhsA\nCOTfS1J/bvrwklCJacm6TrdU5y8inoD34l+bq+LKevMlgjQ+8zcPNLCU1iXQ\nu6bYAMZ3BBleZMAVJ3dbkj78ElaoCvcQsokg1Ta1gm1ikqOjMeYBScT98y6u\nPPB5ONc55BmAbN7Yzj60k3+nNRdGLVV6nJombisOdpO9Gyyyl1N3Ccn4qegN\nKKqIgyKTtHlnkadIrx94THRo9sBKftwuyFyop0PUHwVqkV5beYiPjfvP9WYO\nvlGwc+Wrf2C5znjJLFEfjIIfb6B8I/Q8AJFv1rjfLw07IBKebp8Essihk4gf\nR1PMgmIJIe180vYo0SJFtaYTgVFihSsplGyL4VW66EC6Sa/NLyKsC+Obskoh\nE4u3xb0FjLLJo1gQtdKpiTLqIcj5CpsryFJoEHczJ4/lAzieChr1+np1QoYd\n9flFcnZaGCxKGzzUlC2OX6AGQoYGzr5VgupuHisIW+k1GCwJK2o1AXMDK7Os\nwkkXTi6A9wP2mWSDPVaTG59xjkHEoxftuSXOQ4A094pR+2I7oaNZRPCN63O3\nQ67N\r\n=IK4r\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGar8l+0EiXhx2UajdIiODCnDHTuszVbio809t8SXokmAiEAnHtuRbphekkjnduiWHqp+XUqxtKEDSlDzHQFwXBBzfQ="}]},"_npmUser":{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"},"directories":{},"maintainers":[{"name":"denisborovikov","email":"metaller.ru@gmail.com"},{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-popper-tooltip_4.1.0_1613477658977_0.9822880740727418"},"_hasShrinkwrap":false},"4.1.1":{"name":"react-popper-tooltip","version":"4.1.1","description":"React tooltip library built around react-popper","author":{"name":"Mohsin Ul Haq","email":"mohsinulhaq01@gmail.com"},"license":"MIT","repository":{"type":"git","url":"https://github.com/mohsinulhaq/react-popper-tooltip"},"keywords":["react","tooltip","popover","overlay","react-tooltip","react-popper"],"main":"dist/cjs/react-popper-tooltip.js","module":"dist/esm/react-popper-tooltip.js","typings":"dist/index.d.ts","style":"dist/styles.css","sideEffects":["dist/styles.css"],"scripts":{"build":"rm -rf dist && rollup -c && cp src/styles.css dist && yarn tsc && rm -rf compiled","prepare":"yarn typecheck && yarn lint && yarn build && yarn test","prettier":"prettier --write src/**/*.{ts,tsx}","typecheck":"tsc --noEmit","lint":"eslint \"{src,tests,examples}**/*.{ts,tsx}\"","start":"rollup -c -w","test":"jest tests/","storybook":"start-storybook -p 6006","build-storybook":"build-storybook","postinstall":"husky install"},"jest":{"modulePathIgnorePatterns":["<rootDir>/examples/"],"setupFilesAfterEnv":["@testing-library/jest-dom/extend-expect"]},"lint-staged":{"**/*.(ts|tsx)":["prettier --write","yarn lint --fix"]},"peerDependencies":{"react":">=16.6.0","react-dom":">=16.6.0"},"dependencies":{"@babel/runtime":"^7.13.2","@popperjs/core":"^2.8.3","react-popper":"^2.2.4"},"devDependencies":{"@babel/core":"^7.13.1","@babel/plugin-transform-runtime":"^7.13.2","@babel/preset-env":"^7.13.0","@babel/preset-react":"^7.12.13","@babel/preset-typescript":"^7.13.0","@storybook/addon-actions":"^6.1.19","@storybook/addon-essentials":"^6.1.19","@storybook/addon-links":"^6.1.19","@storybook/react":"^6.1.19","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/jest":"^26.0.20","@types/react":"^17.0.2","@types/react-dom":"^17.0.1","@typescript-eslint/eslint-plugin":"^4.15.2","@typescript-eslint/parser":"^4.15.2","babel-loader":"^8.2.2","eslint":"^7.20.0","eslint-config-prettier":"^8.0.0","eslint-plugin-prettier":"^3.3.1","eslint-plugin-react":"^7.22.0","eslint-plugin-react-hooks":"^4.2.0","husky":"^5.1.1","jest":"^26.6.3","lint-staged":"^10.5.4","prettier":"^2.2.1","react":"^17.0.1","react-dom":"^17.0.1","rollup":"^2.39.1","rollup-plugin-babel":"^4.4.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-size-snapshot":"^0.12.0","typescript":"^4.1.5"},"licenseText":"The MIT License (MIT)\n\nCopyright (c) 2018-present Mohsin Ul Haq <mohsinulhaq01@gmail.com>\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\nall copies 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\nTHE SOFTWARE.\n","_id":"react-popper-tooltip@4.1.1","dist":{"shasum":"71bef3f2b5110839c51522b5b879d3061d7fa652","integrity":"sha512-Igi78FsVzR8aZMw3tcbAwvUs5cbttbSbVkZfBARbIIEVlZVg8cmUWAdCjF6lQsPrmNOTkcvn9skM9bVuPW6Ykw==","tarball":"https://registry.npmjs.org/react-popper-tooltip/-/react-popper-tooltip-4.1.1.tgz","fileCount":16,"unpackedSize":573921,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgNOZvCRA9TVsSAnZWagAAt4YP/3gpCMjQdGZ9Gbfymqwb\nH3Ms9Hvb3Uj19sqnZz8TVMNKo9/td37fxKRL9qfOEYDA9O4RthUSGQWBPV3D\n37KLPMA+fn2yNaZGjWryx9vn6u0c6kczcFgdnxC/t0t5q8BnTeCBkfQs57Q/\ncoh0BgZ4McK/YgCSDcR2XlJsvHOARRMh0ARbV1kWLd9XZBzE0wcoUDeK5/YI\nHfTGXh8zSHvpfafr4zq2MmEidU/EP9MEbFjs9FOgf2ixV/+8j770KbyA2fV3\nAcgnAr07C6t7rNJUVuAAMqcgDRUAK6AxZSCU8zsihaWbiJKm5Eodx5BHoLgM\nArxUcuBdy+BTVEnu0aHagQmhcikdRZWlotbSvK/2pIhfMiXT0+UVWni2VHVH\nEq/2/rkNOdwnN5chmSG6Mn7RRACSaynstLkMJRBGJKlXTWOiCxR7Enq5aMLw\n6fTwGoip8ya1sarGIEg1tR3aDTM/WA3DgpCUEOFEXG+zn9FxWb6TxcwpwCAP\nYthL07ca2fBCsU29742xi12duU41UvtBbbAqHEvzwuhK++ZNeRxVfP9K3L8S\n4PghbfxxnJhN+ygZpIolB6nCDhVEMTo5Uzea/CbGvnPdht9mVo4MLEJj+CqU\nzNI7AIWeii9fPvmxHaSicRfS1LeksxkowqpvRJWofX6FmMmAWM9RmqXIYxkb\nA7a7\r\n=eo0E\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCv8uOqKa+YN44vEyF248uLJNNGb69TBkAS2UOKy3QFmgIgAr6wcjrFS9MnJOTj27JuybUJ/Chvgd1ds134UwnBoE4="}]},"_npmUser":{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"},"directories":{},"maintainers":[{"name":"denisborovikov","email":"metaller.ru@gmail.com"},{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-popper-tooltip_4.1.1_1614079598400_0.655348390182046"},"_hasShrinkwrap":false},"4.1.2":{"name":"react-popper-tooltip","version":"4.1.2","description":"React tooltip library built around react-popper","author":{"name":"Mohsin Ul Haq","email":"mohsinulhaq01@gmail.com"},"license":"MIT","repository":{"type":"git","url":"https://github.com/mohsinulhaq/react-popper-tooltip"},"keywords":["react","tooltip","popover","overlay","react-tooltip","react-popper"],"main":"dist/cjs/react-popper-tooltip.js","module":"dist/esm/react-popper-tooltip.js","typings":"dist/index.d.ts","style":"dist/styles.css","sideEffects":["dist/styles.css"],"scripts":{"build":"rm -rf dist && rollup -c && cp src/styles.css dist && yarn tsc && rm -rf compiled","prepare":"yarn typecheck && yarn lint && yarn build && yarn test","prettier":"prettier --write src/**/*.{ts,tsx}","typecheck":"tsc --noEmit","lint":"eslint \"{src,tests,examples}**/*.{ts,tsx}\"","start":"rollup -c -w","test":"jest tests/","storybook":"start-storybook -p 6006","build-storybook":"build-storybook","postinstall":"husky install","prepublishOnly":"pinst --disable","postpublish":"pinst --enable"},"jest":{"modulePathIgnorePatterns":["<rootDir>/examples/"],"setupFilesAfterEnv":["@testing-library/jest-dom/extend-expect"]},"lint-staged":{"**/*.(ts|tsx)":["prettier --write","yarn lint --fix"]},"peerDependencies":{"react":">=16.6.0","react-dom":">=16.6.0"},"dependencies":{"@babel/runtime":"^7.13.2","@popperjs/core":"^2.8.3","react-popper":"^2.2.4"},"devDependencies":{"@babel/core":"^7.13.1","@babel/plugin-transform-runtime":"^7.13.2","@babel/preset-env":"^7.13.0","@babel/preset-react":"^7.12.13","@babel/preset-typescript":"^7.13.0","@storybook/addon-actions":"^6.1.19","@storybook/addon-essentials":"^6.1.19","@storybook/addon-links":"^6.1.19","@storybook/react":"^6.1.19","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/jest":"^26.0.20","@types/react":"^17.0.2","@types/react-dom":"^17.0.1","@typescript-eslint/eslint-plugin":"^4.15.2","@typescript-eslint/parser":"^4.15.2","babel-loader":"^8.2.2","eslint":"^7.20.0","eslint-config-prettier":"^8.0.0","eslint-plugin-prettier":"^3.3.1","eslint-plugin-react":"^7.22.0","eslint-plugin-react-hooks":"^4.2.0","husky":"^5.1.1","jest":"^26.6.3","lint-staged":"^10.5.4","pinst":"^2.1.6","prettier":"^2.2.1","react":"^17.0.1","react-dom":"^17.0.1","rollup":"^2.39.1","rollup-plugin-babel":"^4.4.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-size-snapshot":"^0.12.0","typescript":"^4.1.5"},"licenseText":"The MIT License (MIT)\n\nCopyright (c) 2018-present Mohsin Ul Haq <mohsinulhaq01@gmail.com>\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\nall copies 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\nTHE SOFTWARE.\n","_id":"react-popper-tooltip@4.1.2","dist":{"shasum":"9a8ddb77ca8923ea0e14285961f361b15e5a64e3","integrity":"sha512-Nnq10KnnJ3/eOe4uzojtR00Z/K6g1LnVdlaOLB9MifdCw1Rcdsc2Rff/A2k9SY4m0qSNfwW7+wBFBY29vdVNcw==","tarball":"https://registry.npmjs.org/react-popper-tooltip/-/react-popper-tooltip-4.1.2.tgz","fileCount":16,"unpackedSize":574023,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgNPQuCRA9TVsSAnZWagAAG1UP/im3K/SC/qbsOIwbQ0+N\nt2oYci50iyohZDhC7+Q6KUDo6vZicEt/B2ZOj1yaJxVAmGs41nP8ZFzg3Chl\nmFveP0rdDkDEFddPC7HV+IlHwilxgb1oS1Lxdm9D1AwfNE7a/oJttquGD028\nRBsfcpsg8otfDBe3PiTxhx7vw5A7J0Lu9PIsYcejG0KfkhDnh03Knwuqh2Zx\nv59iOMF9FgnjkOTH7F2VczBEQxvz0inKYtTtkw41Kcc0H6nI4ySb9Q1/UsdX\nRScBynDGcNN6z1D+OXPODR4+rLvs7qQflCzLFokSKIoJW8fA/aWysBoIAt20\nhVMOVfdIn12LLEUo3mJYg73Wd/SfRZJZdHJoReJ6t+RotJEr0QfN+Cm2qdB7\neXsjV9zh+9NlpiFXYFR/h6dKOL8COQeSX5rrm4+FTFwbC5ZV83Khl1VQZnHN\n4J0+Q6zXDpZ/HMxwZcjZhu51KuVBygX10q1ETt48k7WTP8gQzWgNZpgvaj7b\neQ/ZNNjdCc38iK6HaeIDV8jCKmJHK6A3SdJ7Lv6I6/z23Yuq508vL1n4FHYL\nzKnr08w0G+8GfR8BYr7taEUOjRRuaFI1/UJNIyH9I8N+P26bwSoTIyBEot19\n9ovp2yniCcFTWmBKgPMURqylhh75HXIT69Hn7x/rSQztE8u1WucU16PHPLXa\n3QL6\r\n=JTFO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCD7m8pZIzftyN+3A0gIzDTGKGCQcQm0m3+a2YrM1eb5AIgKQiHx3S4T+QIFAutDVupzzWfM7CJLeINHEuBSmztug0="}]},"_npmUser":{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"},"directories":{},"maintainers":[{"name":"denisborovikov","email":"metaller.ru@gmail.com"},{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-popper-tooltip_4.1.2_1614083118346_0.47128751643395295"},"_hasShrinkwrap":false},"4.2.0-alpha.0":{"name":"react-popper-tooltip","version":"4.2.0-alpha.0","description":"React tooltip library built around react-popper","author":{"name":"Mohsin Ul Haq","email":"mohsinulhaq01@gmail.com"},"license":"MIT","repository":{"type":"git","url":"https://github.com/mohsinulhaq/react-popper-tooltip"},"keywords":["react","tooltip","popover","overlay","react-tooltip","react-popper"],"main":"dist/cjs/react-popper-tooltip.js","module":"dist/esm/react-popper-tooltip.js","typings":"dist/index.d.ts","style":"dist/styles.css","sideEffects":["dist/styles.css"],"scripts":{"build":"rm -rf dist && rollup -c && cp src/styles.css dist && yarn tsc && rm -rf compiled","prepare":"yarn typecheck && yarn lint && yarn build && yarn test","prettier":"prettier --write src/**/*.{ts,tsx}","typecheck":"tsc --noEmit","lint":"eslint \"{src,tests,examples}**/*.{ts,tsx}\"","start":"rollup -c -w","test":"jest tests/","storybook":"start-storybook -p 6006","build-storybook":"build-storybook","postinstall":"husky install","prepublishOnly":"pinst --disable","postpublish":"pinst --enable"},"jest":{"modulePathIgnorePatterns":["<rootDir>/examples/"],"setupFilesAfterEnv":["@testing-library/jest-dom/extend-expect"]},"lint-staged":{"**/*.(ts|tsx)":["prettier --write","yarn lint --fix"]},"peerDependencies":{"react":">=16.6.0","react-dom":">=16.6.0"},"dependencies":{"@babel/runtime":"^7.13.2","@popperjs/core":"^2.8.3","react-popper":"^2.2.4"},"devDependencies":{"@babel/core":"^7.13.1","@babel/plugin-transform-runtime":"^7.13.2","@babel/preset-env":"^7.13.0","@babel/preset-react":"^7.12.13","@babel/preset-typescript":"^7.13.0","@storybook/addon-actions":"^6.1.19","@storybook/addon-essentials":"^6.1.19","@storybook/addon-links":"^6.1.19","@storybook/react":"^6.1.19","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/jest":"^26.0.20","@types/react":"^17.0.2","@types/react-dom":"^17.0.1","@typescript-eslint/eslint-plugin":"^4.15.2","@typescript-eslint/parser":"^4.15.2","babel-loader":"^8.2.2","eslint":"^7.20.0","eslint-config-prettier":"^8.0.0","eslint-plugin-prettier":"^3.3.1","eslint-plugin-react":"^7.22.0","eslint-plugin-react-hooks":"^4.2.0","husky":"^5.1.1","jest":"^26.6.3","lint-staged":"^10.5.4","pinst":"^2.1.6","prettier":"^2.2.1","react":"^17.0.1","react-dom":"^17.0.1","rollup":"^2.39.1","rollup-plugin-babel":"^4.4.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-size-snapshot":"^0.12.0","typescript":"^4.1.5"},"readmeFilename":"README.md","readme":"# react-popper-tooltip\n\n[![npm version](https://img.shields.io/npm/v/react-popper-tooltip.svg?style=flat-square)](https://www.npmjs.com/package/react-popper-tooltip)\n[![npm downloads](https://img.shields.io/npm/dm/react-popper-tooltip.svg?style=flat-square)](https://www.npmjs.com/package/react-popper-tooltip)\n[![codecov](https://codecov.io/gh/mohsinulhaq/react-popper-tooltip/branch/master/graph/badge.svg)](https://codecov.io/gh/mohsinulhaq/react-popper-tooltip)\n[![Dependency Status](https://img.shields.io/david/mohsinulhaq/react-popper-tooltip.svg?style=flat-square)](https://david-dm.org/mohsinulhaq/react-popper-tooltip)\n\nA React hook to effortlessly build smart tooltips. Based on [react-popper](https://github.com/FezVrasta/react-popper)\nand [popper.js](https://popper.js.org).\n\n## NOTE\n\n> - This is the documentation for 4.x which introduced the `usePopperTooltip` hook.\n> - If you're looking for the render prop version,\nsee [3.x docs](https://github.com/mohsinulhaq/react-popper-tooltip/blob/v3/README.md).\n> - If you're looking to upgrade from 3.x render prop to 4.x hook, please refer to our [migration guide](migrating.md).\n\n## Examples\n\n- Basic usage [Demo](https://codesandbox.io/s/github/mohsinulhaq/react-popper-tooltip/tree/master/examples/basic) ([Source](/examples/basic))\n- Animating appearance with react-spring [Demo](https://codesandbox.io/s/github/mohsinulhaq/react-popper-tooltip/tree/master/examples/animation) ([Source](/examples/animation))\n- Closing tooltip with Esc button [Demo](https://codesandbox.io/s/github/mohsinulhaq/react-popper-tooltip/tree/master/examples/close-on-esc) ([Source](/examples/close-on-esc))\n- Using as a controlled component [Demo](https://codesandbox.io/s/github/mohsinulhaq/react-popper-tooltip/tree/master/examples/) ([Source](/examples/controlled))\n- Persist the tooltip in the DOM once it's mounted [Demo](https://codesandbox.io/s/github/mohsinulhaq/react-popper-tooltip/tree/master/examples/persist-once-mounted) ([Source](/examples/persist-once-mounted))\n- Using with react portal [Demo](https://codesandbox.io/s/github/mohsinulhaq/react-popper-tooltip/tree/master/examples/portal) ([Source](/examples/portal))\n- Implementing render prop (v3) API [Demo](https://codesandbox.io/s/github/mohsinulhaq/react-popper-tooltip/tree/master/examples/render-prop) ([Source](/examples/render-prop))\n\n\n## Installation\n\nYou can install **react-popper-tooltip** with [npm](https://www.npmjs.com) or [yarn](https://yarnpkg.com).\n\n```bash\nnpm i react-popper-tooltip\n# or\nyarn add react-popper-tooltip\n```\n\n## Quick start\n\nThis example illustrates how to create a minimal tooltip with default settings and using our default CSS file.\n\n```jsx\nimport * as React from 'react';\nimport { usePopperTooltip } from 'react-popper-tooltip';\nimport 'react-popper-tooltip/dist/styles.css';\n\nfunction App() {\n  const {\n    getArrowProps,\n    getTooltipProps,\n    setTooltipRef,\n    setTriggerRef,\n    visible,\n  } = usePopperTooltip();\n\n  return (\n    <div className=\"App\">\n      <button type=\"button\" ref={setTriggerRef}>\n        Trigger\n      </button>\n      {visible && (\n        <div\n          ref={setTooltipRef}\n          {...getTooltipProps({ className: 'tooltip-container' })}\n        >\n          <div {...getArrowProps({ className: 'tooltip-arrow' })} />\n          Tooltip\n        </div>\n      )}\n    </div>\n  );\n}\n\nrender(<App />, document.getElementById('root'));\n```\n\n## Styling\n\nWith **react-popper-tooltip**, you can use CSS, LESS, SASS, or any CSS-in-JS library you're already using in your\nproject. However, we do provide a minimal CSS-file file you can use for a quick start or as a reference to create your\nown tooltip styles.\n\nImport `react-popper-tooltip/dist/styles.css` to import it into your project. Add classes\n`tooltip-container` and `tooltip-arrow` to the tooltip container and arrow element accordingly.\n\nWhile the tooltip is being displayed, you have access to some attributes on the tooltip container. You can use them\nin your CSS in specific scenarios.\n\n- `data-popper-placement`: contains the current tooltip `placement`. You can use it to properly offset and display the\n  arrow element (e.g., if the tooltip is displayed on the right, the arrow should point to the left and vice versa).\n\n- `data-popper-reference-hidden`: set to true when the trigger element is fully clipped and hidden from view, which\n  causes the tooltip to appear to be attached to nothing. Set to false otherwise.\n\n- `data-popper-escaped`: set to true when the tooltip escapes the trigger element's boundary (and so it appears\n  detached). Set to false otherwise.\n  \n- `data-popper-interactive`: contains the current `interactive` option value. \n\n## API reference\n\n### usePopperTooltip\n\n```jsx\nconst {\n  getArrowProps,\n  getTooltipProps,\n  setTooltipRef,\n  setTriggerRef,\n  tooltipRef,\n  triggerRef,\n  visible,\n  ...popperProps\n} = usePopperTooltip(\n  {\n    closeOnOutsideClick,\n    closeOnTriggerHidden,\n    defaultVisible,\n    delayHide,\n    delayShow,\n    followCursor,\n    interactive,\n    mutationObserverOptions,\n    offset,\n    onVisibleChange,\n    placement,\n    trigger,\n    visible,\n  },\n  popperOptions\n);\n```\n\n#### Options\n\n- `closeOnOutsideClick: boolean`, defaults to `true`\n\nIf `true`, closes the tooltip when user clicks outside the trigger element.\n\n- `closeOnTriggerHidden: boolean`, defaults to `false`\n\nWhether to close the tooltip when its trigger is out of boundary.\n\n- `delayHide: number`, defaults to `0`\n\nDelay in hiding the tooltip (ms).\n\n- `delayShow: number`, defaults to `0`\n\nDelay in showing the tooltip (ms).\n\n- `defaultVisible: boolean`, defaults to `false`\n\nThe initial visibility state of the tooltip when the hook is initialized.\n\n- `followCursor: boolean`, defaults to `false`\n\nIf `true`, the tooltip will stick to the cursor position. You would probably want to use this option with hover trigger.\n\n- `mutationObserverOptions: MutationObserverInit | null`, defaults\n  to `{ attributes: true, childList: true, subtree: true }`\n\nOptions to [MutationObserver\n](https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver), used internally for updating tooltip position based on its DOM changes. When the tooltip is\nvisible and its content changes, it automatically repositions itself. In some cases\nyou may need to change which parameters to observe or opt-out of tracking the changes at all.\n\n- `offset: [number, number]`, defaults to `[0, 6]`\n\nThis is a shorthand for `popperOptions.modifiers` offset modifier option. The default value means the tooltip will be\nplaced 7px away from the trigger element (to reserve enough space for the arrow element).\n\nWe use this default value to match the size of the arrow element from our default CSS file. Feel free to change it if you are using your\nown styles.\n\nSee [offset modifier docs](https://popper.js.org/docs/v2/modifiers/offset).\n\n`popperOptions` takes precedence over this option.\n\n- `onVisibleChange: (state: boolean) => void`\n\nCalled with the tooltip state, when the visibility of the tooltip changes.\n\n- `trigger: TriggerType | TriggerType[] | null`, where `TriggerType = 'click' | 'right-click' | 'hover' | 'focus'`,\n  defaults to `hover`\n\nEvent or events that trigger the tooltip. Use `null` if you want to disable all events. It's useful in cases when\nyou control the state of the tooltip.\n\n- `visible: boolean`\n\nThe visibility state of the tooltip. Use this prop if you want to control the state of the tooltip.\n\n**react-popper-tooltip** manages its own state internally and calls `onVisibleChange` handler with any relevant changes.\n\nHowever, if more control is needed, you can pass this prop, and the state becomes controlled. As soon as it's not\nundefined, internally, **react-popper-tooltip** will determine its state based on your prop's value rather than its own\ninternal state.\n\n- `placement: 'auto' | 'auto-start' | 'auto-end' | 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'right' | 'right-start' | 'right-end' | 'left' | 'left-start' | 'left-end';`\n\nThe preferred placement of the tooltip. This is an alias for `popperOptions.placement` option.\n\n`popperOptions` takes precedence over this option.\n\n- `interactive: boolean`, defaults to `false`\n\nIf `true`, hovering the tooltip will keep it open. Normally, if you trigger the tooltip on hover event, the tooltip\ncloses when the mouse cursor moves out of the trigger element. If it moves to the tooltip element, the tooltip stays\nopen. It's useful if you want to allow your users to interact with the tooltip's content (select and copy text, click a\nlink, etc.). In this case you might want to increase `delayHide` value to give the user more time to react.\n\n- `popperOptions: { placement, modifiers, strategy, onFirstUpdate }`\n\nThese options passed directly to the underlying `usePopper` hook.\nSee [https://popper.js.org/docs/v2/constructors/#options](https://popper.js.org/docs/v2/constructors/#options).\n\nKeep in mind, if you set `placement` or _any_ `modifiers` here, it replaces `offset` and `placement` options above. They\nwon't be merged into the final object. You have to add `offset` modifier along with others here to make it work.\n\n#### Returns\n\n- `triggerRef: HTMLElement | null`\n\nThe trigger DOM element ref.\n\n- `tooltipRef: HTMLElement | null`\n\nThe tooltip DOM element ref.\n\n- `setTooltipRef: (HTMLElement | null) => void | null`\n\nA tooltip callback ref. Must be assigned to the tooltip's `ref` prop.\n\n- `setTriggerRef: (HTMLElement | null) => void | null`\n\nA trigger callback ref. Must be assigned to the trigger's `ref` prop.\n\n- `visible: boolean`\n\nThe current visibility state of the tooltip. Use it to display or hide the tooltip.\n\n- `getArrowProps: (props) => mergedProps`\n\nThis function merges your props and the internal props of the arrow element. We recommend passing all your props to that\nfunction rather than applying them on the element directly to avoid your props being overridden or overriding the\ninternal props.\n\nIt returns the merged props that you need to pass to the arrow element.\n\n- `getTooltipProps: (props) => mergedProps`\n\nThis function merges your props and the internal props of the tooltip element. We recommend passing all your props to\nthat function rather than applying them on the element directly to avoid your props being overridden or overriding the\ninternal props.\n\nIt returns the merged props that you need to pass to tooltip element.\n\n- `popperProps: { update, forceUpdate, state }`\n\nSome props returned by the underlying `usePopper` hook.\nSee [https://popper.js.org/react-popper/v2/hook](https://popper.js.org/react-popper/v2/hook).\n\nThis doesn't include `styles` and `attributes` props. They are included into `getArrowProps` and `getTooltipProps` prop\ngetters.\n","licenseText":"The MIT License (MIT)\n\nCopyright (c) 2018-present Mohsin Ul Haq <mohsinulhaq01@gmail.com>\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\nall copies 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\nTHE SOFTWARE.\n","_id":"react-popper-tooltip@4.2.0-alpha.0","dist":{"shasum":"be1ec202835fa6121cd1d71bca417e16e4c9c846","integrity":"sha512-Tg2vK4gHtkvSXSFXr96SRiAwshaWWQkXc0achl9593tcQ4zMD2wQHGznMtYRn99dJA3n3zl7j7M8hQME2tssZA==","tarball":"https://registry.npmjs.org/react-popper-tooltip/-/react-popper-tooltip-4.2.0-alpha.0.tgz","fileCount":16,"unpackedSize":559028,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgTv7aCRA9TVsSAnZWagAAhPwP+QEz+dRXvGgdmCT7s+SD\njuP1bO6GQdyzw0hTZnMbB0zJkjO+dR+JBzeiDdO++ukRaYEXrOjdPH0b4eh9\noErIi/GOGdxHulHYlxLhI9e2mQOWRvSqCnKQBA4XEErUSn+FhkH1onKQYAyV\naHyShtAMxaiKqLW4MrvZ3+UUVmgSOnJKBoP6WED/10r3pqtOxrta72aGJUoG\nmqKHQz1ffhV1JRai8bqU2Um5Jwefhi5eA9Fd+WpROlWiO48QdXrBh/uNpImt\nv6iVdhLqoM+IZvSSj6WbtcCeT4LbPeJhQM2VJRVuLtVEU+8hv3SzCD57Qspn\nIbAWE9dywSg/OzXI/RYqcrZ5AF4ohOTTo4CHJzgFGm9d8JSSphjdkbsDktBP\nyK3VQRlS0DAQMkxcVWRk+iXyrdTFdMu83JKfhTvBJ3Ef5Iml6Fv+IGDrzRdP\nMLW11jtSRF7i1QJoCDR88NQ7TY6JZc1Djjz6rnjRIDl4Usqqk5ub3mLeDjuq\nMVPaQIpFqJu4T7QFqoYVp/vLq/c9xa6d2oCGu6YsM68G3oGtECMSWBLACYft\nmojAr3940glItYUywEfaWGfCjwOuom4WOYVt5jLo/OfiXAG5hZ7RIOSqWccN\n1uW2KUVeVLzQuMegFAjF0sgvsQJMI9jgLfYNMxaqkUrEVyjw0t536Ha6suGM\nM/NF\r\n=0dOE\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFSc4I0AVP8NUaxv70ZZZRX+AcwyI1rUH1DFhIx9PjxeAiEAuB2MD08k3kscFvT3cmd4H4QI1isq343YXRzqYXAbVPU="}]},"_npmUser":{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"},"directories":{},"maintainers":[{"name":"denisborovikov","email":"metaller.ru@gmail.com"},{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-popper-tooltip_4.2.0-alpha.0_1615789785681_0.018160372036143846"},"_hasShrinkwrap":false},"4.2.0":{"name":"react-popper-tooltip","version":"4.2.0","description":"React tooltip library built around react-popper","author":{"name":"Mohsin Ul Haq","email":"mohsinulhaq01@gmail.com"},"license":"MIT","repository":{"type":"git","url":"https://github.com/mohsinulhaq/react-popper-tooltip"},"keywords":["react","tooltip","popover","overlay","react-tooltip","react-popper"],"main":"dist/cjs/react-popper-tooltip.js","module":"dist/esm/react-popper-tooltip.js","typings":"dist/index.d.ts","style":"dist/styles.css","sideEffects":["dist/styles.css"],"scripts":{"build":"rm -rf dist && rollup -c && cp src/styles.css dist && yarn tsc && rm -rf compiled","prepare":"yarn typecheck && yarn lint && yarn build && yarn test","prettier":"prettier --write src/**/*.{ts,tsx}","typecheck":"tsc --noEmit","lint":"eslint \"{src,tests,examples}**/*.{ts,tsx}\"","start":"rollup -c -w","test":"jest tests/","storybook":"start-storybook -p 6006","build-storybook":"build-storybook","postinstall":"husky install","prepublishOnly":"pinst --disable","postpublish":"pinst --enable"},"jest":{"modulePathIgnorePatterns":["<rootDir>/examples/"],"setupFilesAfterEnv":["@testing-library/jest-dom/extend-expect"]},"lint-staged":{"**/*.(ts|tsx)":["prettier --write","yarn lint --fix"]},"peerDependencies":{"react":">=16.6.0","react-dom":">=16.6.0"},"dependencies":{"@babel/runtime":"^7.13.2","@popperjs/core":"^2.8.3","react-popper":"^2.2.4"},"devDependencies":{"@babel/core":"^7.13.1","@babel/plugin-transform-runtime":"^7.13.2","@babel/preset-env":"^7.13.0","@babel/preset-react":"^7.12.13","@babel/preset-typescript":"^7.13.0","@storybook/addon-actions":"^6.1.19","@storybook/addon-essentials":"^6.1.19","@storybook/addon-links":"^6.1.19","@storybook/react":"^6.1.19","@testing-library/jest-dom":"^5.11.9","@testing-library/react":"^11.2.5","@testing-library/user-event":"^12.7.2","@types/jest":"^26.0.20","@types/react":"^17.0.2","@types/react-dom":"^17.0.1","@typescript-eslint/eslint-plugin":"^4.15.2","@typescript-eslint/parser":"^4.15.2","babel-loader":"^8.2.2","eslint":"^7.20.0","eslint-config-prettier":"^8.0.0","eslint-plugin-prettier":"^3.3.1","eslint-plugin-react":"^7.22.0","eslint-plugin-react-hooks":"^4.2.0","husky":"^5.1.1","jest":"^26.6.3","lint-staged":"^10.5.4","pinst":"^2.1.6","prettier":"^2.2.1","react":"^17.0.1","react-dom":"^17.0.1","rollup":"^2.39.1","rollup-plugin-babel":"^4.4.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-size-snapshot":"^0.12.0","typescript":"^4.1.5"},"licenseText":"The MIT License (MIT)\n\nCopyright (c) 2018-present Mohsin Ul Haq <mohsinulhaq01@gmail.com>\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\nall copies 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\nTHE SOFTWARE.\n","_id":"react-popper-tooltip@4.2.0","dist":{"shasum":"33ae2658506a1ddf11fffa6021e8ab4849634053","integrity":"sha512-FmfIjqzu00PsCKkCs6I3t0GFmTZfh1H10fzsQ8VZkzLC4ddhLXeQkzpmG9cGc+B0LuJWUvGbN8Mmvqj1UGwxbg==","tarball":"https://registry.npmjs.org/react-popper-tooltip/-/react-popper-tooltip-4.2.0.tgz","fileCount":16,"unpackedSize":559020,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgTzADCRA9TVsSAnZWagAAPzcQAI5T1HE6aewBrbHvZ6z8\nq1LUnt3qG8ojH7c7NvSlahqn7tu9U3X4ILDRIzuHQ2nssQHzT2HWgyQIh5Ho\nDvpVHzU0SLGJpvWs/7TjigMTDWw0RaKT5MOCedP17ipzXcMvNsJTnTkyFZmc\nlkrYo56hXPQSx+z1cKsHdJR4bXM8gF1p8nvmSqss8c95aNixrE3vQXxouJq1\n8j43kZVKfBdePUjQRhavMrjrD1kDBSgJzS2DbtacTHyOK/euJwRPHIMusk7R\nsqhmDDIQO0mswZoCQqZfYEoMK8ib9sCeSyKwZ/4kjMx+gPUbsm4BxS9K5y++\n+mHDJfdI7hCCZXUwUDh0txUMgJWblvixUSCcolJSgHhozvLvfupIbMpSdETl\nqAN/ZIEs1ZewA40PzgFGG1XxSI5A7F9+p6ZmEdDVkMQPUv9iZp1UonBjK7BM\nOozn3uotLMz6vFinq6Ke0BAzvW6WsJ4ylV3IOxjwFNdNT4TCFoKYpVNhq0jT\ncH1VfahWVaU4vE4jd00NDwRbHWxN4RLJ8GIoLd7lfV5pFMlRtz2k5S+vFRA6\nArbFp0Zf+el9bwvyia8O1ddZ4UhDj67o42UvfB6WUvS/JNN7dBgl5aoRYI3u\nGBcJoxBuxFvFEEIiW7aykSLVKHSCkDmiDZXUsXNjzVkYvg2y+ZpUZOmIJG83\n/y/6\r\n=1nGP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCijddCbgKbDNgsZ3hvFvxZyxBCFnMSIEWYtE410ZlvpgIhAL9v/8kSK+wlshjEiJENVJu2vZUVQodRtWjdDtjEQsbH"}]},"_npmUser":{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"},"directories":{},"maintainers":[{"name":"denisborovikov","email":"metaller.ru@gmail.com"},{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-popper-tooltip_4.2.0_1615802371408_0.40475328673052746"},"_hasShrinkwrap":false},"4.3.0-alpha.0":{"name":"react-popper-tooltip","version":"4.3.0-alpha.0","description":"React tooltip library built around react-popper","author":{"name":"Mohsin Ul Haq","email":"mohsinulhaq01@gmail.com"},"license":"MIT","repository":{"type":"git","url":"https://github.com/mohsinulhaq/react-popper-tooltip"},"keywords":["react","tooltip","popover","overlay","react-tooltip","react-popper"],"main":"dist/cjs/react-popper-tooltip.js","module":"dist/esm/react-popper-tooltip.js","typings":"dist/index.d.ts","style":"dist/styles.css","sideEffects":["dist/styles.css"],"scripts":{"build":"rm -rf dist && rollup -c && cp src/styles.css dist && yarn tsc && rm -rf compiled","prepare":"yarn typecheck && yarn lint && yarn build && yarn test","prettier":"prettier --write src/**/*.{ts,tsx}","typecheck":"tsc --noEmit","lint":"eslint \"{src,tests,examples}**/*.{ts,tsx}\"","start":"rollup -c -w","test":"jest tests/","storybook":"start-storybook -p 6006","build-storybook":"build-storybook","postinstall":"husky install","prepublishOnly":"pinst --disable","postpublish":"pinst --enable"},"jest":{"modulePathIgnorePatterns":["<rootDir>/examples/"],"setupFilesAfterEnv":["@testing-library/jest-dom/extend-expect"]},"lint-staged":{"**/*.(ts|tsx)":["prettier --write","yarn lint --fix"]},"peerDependencies":{"react":">=16.6.0","react-dom":">=16.6.0"},"dependencies":{"@babel/runtime":"^7.14.0","@popperjs/core":"^2.9.2","react-popper":"^2.2.5"},"devDependencies":{"@babel/core":"^7.14.3","@babel/plugin-transform-runtime":"^7.14.3","@babel/preset-env":"^7.14.2","@babel/preset-react":"^7.13.13","@babel/preset-typescript":"^7.13.0","@storybook/addon-actions":"^6.2.9","@storybook/addon-essentials":"^6.2.9","@storybook/addon-links":"^6.2.9","@storybook/react":"^6.2.9","@testing-library/jest-dom":"^5.12.0","@testing-library/react":"^11.2.7","@testing-library/user-event":"^13.1.9","@types/jest":"^26.0.23","@types/react":"^17.0.6","@types/react-dom":"^17.0.5","@typescript-eslint/eslint-plugin":"^4.24.0","@typescript-eslint/parser":"^4.24.0","babel-loader":"^8.2.2","eslint":"^7.27.0","eslint-config-prettier":"^8.3.0","eslint-plugin-prettier":"^3.4.0","eslint-plugin-react":"^7.23.2","eslint-plugin-react-hooks":"^4.2.0","husky":"^6.0.0","jest":"^26.6.3","lint-staged":"^11.0.0","pinst":"^2.1.6","prettier":"^2.3.0","react":"^17.0.1","react-dom":"^17.0.1","rollup":"^2.49.0","rollup-plugin-babel":"^4.4.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-size-snapshot":"^0.12.0","typescript":"^4.2.4"},"readmeFilename":"README.md","readme":"# react-popper-tooltip\n\n[![npm version](https://img.shields.io/npm/v/react-popper-tooltip.svg?style=flat-square)](https://www.npmjs.com/package/react-popper-tooltip)\n[![npm downloads](https://img.shields.io/npm/dm/react-popper-tooltip.svg?style=flat-square)](https://www.npmjs.com/package/react-popper-tooltip)\n[![codecov](https://codecov.io/gh/mohsinulhaq/react-popper-tooltip/branch/master/graph/badge.svg)](https://codecov.io/gh/mohsinulhaq/react-popper-tooltip)\n[![Dependency Status](https://img.shields.io/david/mohsinulhaq/react-popper-tooltip.svg?style=flat-square)](https://david-dm.org/mohsinulhaq/react-popper-tooltip)\n\nA React hook to effortlessly build smart tooltips. Based on [react-popper](https://github.com/FezVrasta/react-popper)\nand [popper.js](https://popper.js.org).\n\n## NOTE\n\n> - This is the documentation for 4.x which introduced the `usePopperTooltip` hook.\n> - If you're looking for the render prop version,\nsee [3.x docs](https://github.com/mohsinulhaq/react-popper-tooltip/blob/v3/README.md).\n> - If you're looking to upgrade from 3.x render prop to 4.x hook, please refer to our [migration guide](migrating.md).\n\n## Examples\n\n- Basic usage [Demo](https://codesandbox.io/s/github/mohsinulhaq/react-popper-tooltip/tree/master/examples/basic) ([Source](/examples/basic))\n- Animating appearance with react-spring [Demo](https://codesandbox.io/s/github/mohsinulhaq/react-popper-tooltip/tree/master/examples/animation) ([Source](/examples/animation))\n- Closing tooltip with Esc button [Demo](https://codesandbox.io/s/github/mohsinulhaq/react-popper-tooltip/tree/master/examples/close-on-esc) ([Source](/examples/close-on-esc))\n- Using as a controlled component [Demo](https://codesandbox.io/s/github/mohsinulhaq/react-popper-tooltip/tree/master/examples/controlled) ([Source](/examples/controlled))\n- Persist the tooltip in the DOM once it's mounted [Demo](https://codesandbox.io/s/github/mohsinulhaq/react-popper-tooltip/tree/master/examples/persist-once-mounted) ([Source](/examples/persist-once-mounted))\n- Using with react portal [Demo](https://codesandbox.io/s/github/mohsinulhaq/react-popper-tooltip/tree/master/examples/portal) ([Source](/examples/portal))\n- Implementing render prop (v3) API [Demo](https://codesandbox.io/s/github/mohsinulhaq/react-popper-tooltip/tree/master/examples/render-prop) ([Source](/examples/render-prop))\n\n\n## Installation\n\nYou can install **react-popper-tooltip** with [npm](https://www.npmjs.com) or [yarn](https://yarnpkg.com).\n\n```bash\nnpm i react-popper-tooltip\n# or\nyarn add react-popper-tooltip\n```\n\n## Quick start\n\nThis example illustrates how to create a minimal tooltip with default settings and using our default CSS file.\n\n```jsx\nimport * as React from 'react';\nimport { usePopperTooltip } from 'react-popper-tooltip';\nimport 'react-popper-tooltip/dist/styles.css';\n\nfunction App() {\n  const {\n    getArrowProps,\n    getTooltipProps,\n    setTooltipRef,\n    setTriggerRef,\n    visible,\n  } = usePopperTooltip();\n\n  return (\n    <div className=\"App\">\n      <button type=\"button\" ref={setTriggerRef}>\n        Trigger\n      </button>\n      {visible && (\n        <div\n          ref={setTooltipRef}\n          {...getTooltipProps({ className: 'tooltip-container' })}\n        >\n          <div {...getArrowProps({ className: 'tooltip-arrow' })} />\n          Tooltip\n        </div>\n      )}\n    </div>\n  );\n}\n\nrender(<App />, document.getElementById('root'));\n```\n\n## Styling\n\nWith **react-popper-tooltip**, you can use CSS, LESS, SASS, or any CSS-in-JS library you're already using in your\nproject. However, we do provide a minimal CSS-file file you can use for a quick start or as a reference to create your\nown tooltip styles.\n\nImport `react-popper-tooltip/dist/styles.css` to import it into your project. Add classes\n`tooltip-container` and `tooltip-arrow` to the tooltip container and arrow element accordingly.\n\nWhile the tooltip is being displayed, you have access to some attributes on the tooltip container. You can use them\nin your CSS in specific scenarios.\n\n- `data-popper-placement`: contains the current tooltip `placement`. You can use it to properly offset and display the\n  arrow element (e.g., if the tooltip is displayed on the right, the arrow should point to the left and vice versa).\n\n- `data-popper-reference-hidden`: set to true when the trigger element is fully clipped and hidden from view, which\n  causes the tooltip to appear to be attached to nothing. Set to false otherwise.\n\n- `data-popper-escaped`: set to true when the tooltip escapes the trigger element's boundary (and so it appears\n  detached). Set to false otherwise.\n  \n- `data-popper-interactive`: contains the current `interactive` option value. \n\n## API reference\n\n### usePopperTooltip\n\n```jsx\nconst {\n  getArrowProps,\n  getTooltipProps,\n  setTooltipRef,\n  setTriggerRef,\n  tooltipRef,\n  triggerRef,\n  visible,\n  ...popperProps\n} = usePopperTooltip(\n  {\n    closeOnOutsideClick,\n    closeOnTriggerHidden,\n    defaultVisible,\n    delayHide,\n    delayShow,\n    followCursor,\n    interactive,\n    mutationObserverOptions,\n    offset,\n    onVisibleChange,\n    placement,\n    trigger,\n    visible,\n  },\n  popperOptions\n);\n```\n\n#### Options\n\n- `closeOnOutsideClick: boolean`, defaults to `true`\n\nIf `true`, closes the tooltip when user clicks outside the trigger element.\n\n- `closeOnTriggerHidden: boolean`, defaults to `false`\n\nWhether to close the tooltip when its trigger is out of boundary.\n\n- `delayHide: number`, defaults to `0`\n\nDelay in hiding the tooltip (ms).\n\n- `delayShow: number`, defaults to `0`\n\nDelay in showing the tooltip (ms).\n\n- `defaultVisible: boolean`, defaults to `false`\n\nThe initial visibility state of the tooltip when the hook is initialized.\n\n- `followCursor: boolean`, defaults to `false`\n\nIf `true`, the tooltip will stick to the cursor position. You would probably want to use this option with hover trigger.\n\n- `mutationObserverOptions: MutationObserverInit | null`, defaults\n  to `{ attributes: true, childList: true, subtree: true }`\n\nOptions to [MutationObserver\n](https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver), used internally for updating tooltip position based on its DOM changes. When the tooltip is\nvisible and its content changes, it automatically repositions itself. In some cases\nyou may need to change which parameters to observe or opt-out of tracking the changes at all.\n\n- `offset: [number, number]`, defaults to `[0, 6]`\n\nThis is a shorthand for `popperOptions.modifiers` offset modifier option. The default value means the tooltip will be\nplaced 7px away from the trigger element (to reserve enough space for the arrow element).\n\nWe use this default value to match the size of the arrow element from our default CSS file. Feel free to change it if you are using your\nown styles.\n\nSee [offset modifier docs](https://popper.js.org/docs/v2/modifiers/offset).\n\n`popperOptions` takes precedence over this option.\n\n- `onVisibleChange: (state: boolean) => void`\n\nCalled with the tooltip state, when the visibility of the tooltip changes.\n\n- `trigger: TriggerType | TriggerType[] | null`, where `TriggerType = 'click' | 'right-click' | 'hover' | 'focus'`,\n  defaults to `hover`\n\nEvent or events that trigger the tooltip. Use `null` if you want to disable all events. It's useful in cases when\nyou control the state of the tooltip.\n\n- `visible: boolean`\n\nThe visibility state of the tooltip. Use this prop if you want to control the state of the tooltip.\n\n**react-popper-tooltip** manages its own state internally and calls `onVisibleChange` handler with any relevant changes.\n\nHowever, if more control is needed, you can pass this prop, and the state becomes controlled. As soon as it's not\nundefined, internally, **react-popper-tooltip** will determine its state based on your prop's value rather than its own\ninternal state.\n\n- `placement: 'auto' | 'auto-start' | 'auto-end' | 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'right' | 'right-start' | 'right-end' | 'left' | 'left-start' | 'left-end';`\n\nThe preferred placement of the tooltip. This is an alias for `popperOptions.placement` option.\n\n`popperOptions` takes precedence over this option.\n\n- `interactive: boolean`, defaults to `false`\n\nIf `true`, hovering the tooltip will keep it open. Normally, if you trigger the tooltip on hover event, the tooltip\ncloses when the mouse cursor moves out of the trigger element. If it moves to the tooltip element, the tooltip stays\nopen. It's useful if you want to allow your users to interact with the tooltip's content (select and copy text, click a\nlink, etc.). In this case you might want to increase `delayHide` value to give the user more time to react.\n\n- `popperOptions: { placement, modifiers, strategy, onFirstUpdate }`\n\nThese options passed directly to the underlying `usePopper` hook.\nSee [https://popper.js.org/docs/v2/constructors/#options](https://popper.js.org/docs/v2/constructors/#options).\n\nKeep in mind, if you set `placement` or _any_ `modifiers` here, it replaces `offset` and `placement` options above. They\nwon't be merged into the final object. You have to add `offset` modifier along with others here to make it work.\n\n#### Returns\n\n- `triggerRef: HTMLElement | null`\n\nThe trigger DOM element ref.\n\n- `tooltipRef: HTMLElement | null`\n\nThe tooltip DOM element ref.\n\n- `setTooltipRef: (HTMLElement | null) => void | null`\n\nA tooltip callback ref. Must be assigned to the tooltip's `ref` prop.\n\n- `setTriggerRef: (HTMLElement | null) => void | null`\n\nA trigger callback ref. Must be assigned to the trigger's `ref` prop.\n\n- `visible: boolean`\n\nThe current visibility state of the tooltip. Use it to display or hide the tooltip.\n\n- `getArrowProps: (props) => mergedProps`\n\nThis function merges your props and the internal props of the arrow element. We recommend passing all your props to that\nfunction rather than applying them on the element directly to avoid your props being overridden or overriding the\ninternal props.\n\nIt returns the merged props that you need to pass to the arrow element.\n\n- `getTooltipProps: (props) => mergedProps`\n\nThis function merges your props and the internal props of the tooltip element. We recommend passing all your props to\nthat function rather than applying them on the element directly to avoid your props being overridden or overriding the\ninternal props.\n\nIt returns the merged props that you need to pass to tooltip element.\n\n- `popperProps: { update, forceUpdate, state }`\n\nSome props returned by the underlying `usePopper` hook.\nSee [https://popper.js.org/react-popper/v2/hook](https://popper.js.org/react-popper/v2/hook).\n\nThis doesn't include `styles` and `attributes` props. They are included into `getArrowProps` and `getTooltipProps` prop\ngetters.\n","licenseText":"The MIT License (MIT)\n\nCopyright (c) 2018-present Mohsin Ul Haq <mohsinulhaq01@gmail.com>\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\nall copies 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\nTHE SOFTWARE.\n","_id":"react-popper-tooltip@4.3.0-alpha.0","dist":{"shasum":"3c38ce2c26443984697036939143e8abfd69e32d","integrity":"sha512-bZoOYpdT9CDgQpbShJ8kWjMX6sHyh12Ps7pvhUfKBx9YPpK+vfp689cD//yk/gWnaelb94A4bdETZZ1Wyj52zg==","tarball":"https://registry.npmjs.org/react-popper-tooltip/-/react-popper-tooltip-4.3.0-alpha.0.tgz","fileCount":16,"unpackedSize":227049,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgqng5CRA9TVsSAnZWagAAVjcP/2jgeh3mr8XnsEpDmkm1\n83Y4sejFzjYPRVxjZ7iV9OKqxLZhWW3kpS4Id08coZHHaoKtqqxyUqwpbN69\nSt/BoitjEm+ex7iLj7ocvIaCYi08EvcQWCVfH3PrtYfU9c7RIZxIQS9W3Bgz\nbDw//6tvX31Rg7UjH3K3WQhM4+nClci5eUI/KvrqmGY3Ii3Gt8Sm/Ua7sxLd\nWHUb1V5sz3eesTNRdDgDu5cncgfxcFG3Sc3vPpA5qXAi9eQrNKz6HJkUEIFE\nWM8D7bjVMcAzOpNbPWFnPnJ4WigBohQs81m6ysBZxqFtUzd1gYh1doVIEVsa\nDO5GmkTef0V5EKxLghgXckaqFBam1PRMvvV3DzBiwNjom1IRa9b9BvOMpNAa\nZ6mSW6/jYkWoUbGuTiuEmLSxEM/wn0dAN0ZCy1KCMHWTrPG/Voq5Ixd7/Xn2\nuwwS6LvLCO1pBcU7uT3Pdv1tIIkQDZr3GtqUYORSaI48OvQS2+A3866W4vtW\nnwzEk8/JWCTGmh8TOnLuPciJ9guzkaX4Qk2F9WUgG+wdDP2ekTXgzkugisAg\nWWlucfoFR2c5vDERSpForNHKaOs978yPsR/AbdLozo5oLmAFi/57VHAxk+5Q\nB18IBOpBfJ9LmdPTNkdaIQ4y/jcyPR9SwO3OM77177FLwo6pXxznkPjIIiw2\n9gmD\r\n=/+TM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD9t5z0CrMFfBUVoBcydliNfUJ7Twl2YO7+DLf+14uj/AIhAPebPjEkM6WKMHt8KlsOi4hs5pIsPE6s5KNmIK2uyiGu"}]},"_npmUser":{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"},"directories":{},"maintainers":[{"name":"denisborovikov","email":"metaller.ru@gmail.com"},{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-popper-tooltip_4.3.0-alpha.0_1621784633326_0.9940686567721586"},"_hasShrinkwrap":false},"4.3.0":{"name":"react-popper-tooltip","version":"4.3.0","description":"React tooltip library built around react-popper","author":{"name":"Mohsin Ul Haq","email":"mohsinulhaq01@gmail.com"},"license":"MIT","repository":{"type":"git","url":"https://github.com/mohsinulhaq/react-popper-tooltip"},"keywords":["react","tooltip","popover","overlay","react-tooltip","react-popper"],"main":"dist/cjs/react-popper-tooltip.js","module":"dist/esm/react-popper-tooltip.js","typings":"dist/index.d.ts","style":"dist/styles.css","sideEffects":["dist/styles.css"],"scripts":{"build":"rm -rf dist && rollup -c && cp src/styles.css dist && yarn tsc && rm -rf compiled","prepare":"yarn typecheck && yarn lint && yarn build && yarn test","prettier":"prettier --write src/**/*.{ts,tsx}","typecheck":"tsc --noEmit","lint":"eslint \"{src,tests,examples}**/*.{ts,tsx}\"","start":"rollup -c -w","test":"jest --env=jsdom tests","storybook":"start-storybook -p 6006","build-storybook":"build-storybook","postinstall":"husky install","prepublishOnly":"pinst --disable","postpublish":"pinst --enable"},"jest":{"modulePathIgnorePatterns":["<rootDir>/examples/"],"setupFilesAfterEnv":["@testing-library/jest-dom/extend-expect"]},"lint-staged":{"**/*.(ts|tsx)":["prettier --write","yarn lint --fix"]},"peerDependencies":{"react":">=16.6.0","react-dom":">=16.6.0"},"dependencies":{"@babel/runtime":"^7.14.0","@popperjs/core":"^2.9.2","react-popper":"^2.2.5"},"devDependencies":{"@babel/core":"^7.14.3","@babel/plugin-transform-runtime":"^7.14.3","@babel/preset-env":"^7.14.2","@babel/preset-react":"^7.13.13","@babel/preset-typescript":"^7.13.0","@storybook/addon-actions":"^6.2.9","@storybook/addon-essentials":"^6.2.9","@storybook/addon-links":"^6.2.9","@storybook/react":"^6.2.9","@testing-library/jest-dom":"^5.12.0","@testing-library/react":"^11.2.7","@testing-library/user-event":"^13.1.9","@types/jest":"^26.0.23","@types/react":"^17.0.7","@types/react-dom":"^17.0.5","@typescript-eslint/eslint-plugin":"^4.25.0","@typescript-eslint/parser":"^4.25.0","babel-loader":"^8.2.2","eslint":"^7.27.0","eslint-config-prettier":"^8.3.0","eslint-plugin-prettier":"^3.4.0","eslint-plugin-react":"^7.23.2","eslint-plugin-react-hooks":"^4.2.0","husky":"^6.0.0","jest":"^26.6.3","lint-staged":"^11.0.0","pinst":"^2.1.6","prettier":"^2.3.0","react":"^17.0.1","react-dom":"^17.0.1","rollup":"^2.50.0","rollup-plugin-babel":"^4.4.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-size-snapshot":"^0.12.0","typescript":"^4.2.4"},"licenseText":"The MIT License (MIT)\n\nCopyright (c) 2018-present Mohsin Ul Haq <mohsinulhaq01@gmail.com>\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\nall copies 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\nTHE SOFTWARE.\n","_id":"react-popper-tooltip@4.3.0","dist":{"shasum":"07f84d47e36514091f054506a36730769433d439","integrity":"sha512-t9AYaHwFwnCnhy3FmEYGrerQo7OBYkLHNiiKYFHVJ9kdb7hZrvAdIwIyUDOrdQS0ghXeg1Be1SnPlBeg2XW6nA==","tarball":"https://registry.npmjs.org/react-popper-tooltip/-/react-popper-tooltip-4.3.0.tgz","fileCount":16,"unpackedSize":227052,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgrRrrCRA9TVsSAnZWagAA5IkQAJ6MkQ6yIHFaZlmBTh6r\nKKOvlyArxKLtgmy9ty5yYqzRrLwGQIczOh5RYhi5jX/3lBPriZiVVZ9kYnEH\nQOWn+YYQOFqUqt0na68CRgziMcSfQ2lHIYA52T1a3Vm8SkGSp/Xr8iDaiADE\nxFe+VYb18VKESflF82OrD2iD1v5+T/WHORyEA3TZzuCxkprSApevRDlShvsb\nKnOFx2Uk8YmcFMPV/xp2JGLMPcFfao0qf0LPkT7Epb4WEyYXenz0SWPF4ZAd\nRD3nTsbcM/twc7Yui88nBRW1X39g+NnCTsdqUAf0TBrJvyRE5NoRNvZg0FVI\n1nV+wa0kwJOJGsPCphu49oDU9CLynD1WppvRUBldl7gUK8ers+XRnfV7yGo6\nfljpsuIXLV70KaUni7T5mGi14ZcET+oHEMrfR+Qn2egzIY6IzNaj0HEC1F2A\nWLqRp/FBDFvri4+ndmjMGyoPIg7dF8MAAmVxPscoyPogJKPNi9yGfn346JyU\nmdMUUywX5Os+5i4YxqNGi7GCz0IMfiQ8QFtrZYSIF0sQq4bNzGTLAvo2ih72\ngfLWZ5cGNAhEwGsDMs+4AjFY0r6Mk3fQ04s1joHMhuJ40nmr2sw0JWOCbuI7\n8ixuVdzjPv/8nTzu7eKV5woNGMOT85Bdveq8oD/bUmHAfAsI6FtmWPR0Pof6\nrZPc\r\n=H5YA\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDFWCLFjJZEtD7KPsG98xAiiyWXeYgKRvju8vGBUNvcgAIhAJPrWy90VYf9IMs6Hh/nRFkwA32W9jnQ0ou28rNnR0D4"}]},"_npmUser":{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"},"directories":{},"maintainers":[{"name":"denisborovikov","email":"metaller.ru@gmail.com"},{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-popper-tooltip_4.3.0_1621957354983_0.5843899888456006"},"_hasShrinkwrap":false},"4.3.1":{"name":"react-popper-tooltip","version":"4.3.1","description":"React tooltip library built around react-popper","author":{"name":"Mohsin Ul Haq","email":"mohsinulhaq01@gmail.com"},"license":"MIT","repository":{"type":"git","url":"https://github.com/mohsinulhaq/react-popper-tooltip"},"keywords":["react","tooltip","popover","overlay","react-tooltip","react-popper"],"main":"dist/cjs/react-popper-tooltip.js","module":"dist/esm/react-popper-tooltip.js","typings":"dist/index.d.ts","style":"dist/styles.css","sideEffects":["dist/styles.css"],"scripts":{"build":"rm -rf dist && rollup -c && cp src/styles.css dist && yarn tsc && rm -rf compiled","prepare":"husky install && yarn typecheck && yarn build && yarn test && yarn lint-staged && git add .size-snapshot.json","prettier":"prettier --write src/**/*.{ts,tsx}","typecheck":"tsc --noEmit","lint":"eslint \"{src,tests,examples}**/*.{ts,tsx}\"","start":"rollup -c -w","test":"jest --env=jsdom tests","storybook":"start-storybook -p 6006","build-storybook":"build-storybook"},"jest":{"modulePathIgnorePatterns":["<rootDir>/examples/"],"setupFilesAfterEnv":["@testing-library/jest-dom/extend-expect"]},"lint-staged":{"**/*.(ts|tsx)":["prettier --write","yarn lint --fix"]},"peerDependencies":{"react":">=16.6.0","react-dom":">=16.6.0"},"dependencies":{"@babel/runtime":"^7.15.4","@popperjs/core":"^2.10.2","react-popper":"^2.2.5"},"devDependencies":{"@babel/core":"^7.15.8","@babel/plugin-transform-runtime":"^7.15.8","@babel/preset-env":"^7.15.8","@babel/preset-react":"^7.14.5","@babel/preset-typescript":"^7.15.0","@storybook/addon-actions":"^6.3.10","@storybook/addon-essentials":"^6.3.10","@storybook/addon-links":"^6.3.10","@storybook/react":"^6.3.10","@testing-library/jest-dom":"^5.14.1","@testing-library/react":"^12.1.2","@testing-library/user-event":"^13.2.1","@types/jest":"^27.0.2","@types/react":"^17.0.27","@types/react-dom":"^17.0.9","@typescript-eslint/eslint-plugin":"^4.33.0","@typescript-eslint/parser":"^4.33.0","babel-loader":"^8.2.2","eslint":"^7.32.0","eslint-config-prettier":"^8.3.0","eslint-plugin-prettier":"^4.0.0","eslint-plugin-react":"^7.26.1","eslint-plugin-react-hooks":"^4.2.0","husky":"^7.0.2","jest":"^27.2.4","lint-staged":"^11.2.0","prettier":"^2.4.1","react":"^17.0.1","react-dom":"^17.0.1","rollup":"^2.58.0","rollup-plugin-babel":"^4.4.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-size-snapshot":"^0.12.0","typescript":"^4.4.3"},"licenseText":"The MIT License (MIT)\n\nCopyright (c) 2018-present Mohsin Ul Haq <mohsinulhaq01@gmail.com>\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\nall copies 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\nTHE SOFTWARE.\n","_id":"react-popper-tooltip@4.3.1","dist":{"shasum":"0bfdd40453395865d7a5678a160640243070528e","integrity":"sha512-/Lj1vjAEFEFxKKWnxupeS9pRrXYQlJd++OAAj/Ht3uOSqjWLtYWDXKV99e+YO6b5hV3SgXbtkHFzHH4eqlMWJA==","tarball":"https://registry.npmjs.org/react-popper-tooltip/-/react-popper-tooltip-4.3.1.tgz","fileCount":16,"unpackedSize":229134,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh25C2CRA9TVsSAnZWagAAuaoP/jUAtmjPCKD5mXh+g/3D\nNPQpuAKEbqy1tCylZn6bVDjJ4rveul5Y7rXcTlXz4LGwrSgbBZECFm3iyeWD\nHFQ8FZd/BJM1m1O8P0N7ZOeOmcnky3ZuyrqGl8fi1fuCAaGdxIaX6L/AcA+I\nAEnA8hGxcplbAUv4IJzKt66N4W8DAhqZr4v+lwHbAaVqCnezAy/O5+7Dc2jz\nGkRIGlBVQQp5Y9D95/yFZ/CD/Buw49NNatb9Kcceuo5Gg8SGOJx5zx5pxzss\nE5YsbHhPfewx52u6qwNA6s3BnZh7ujlL51C5+Iv3qpi+lK/kWCZbd1Ccsnbf\nmEuHKRUNpSTEPSPTLG3+GqkieSL2kfowOLDBbzOqquveS9tush43ANDdMmiE\nahiJGqkqnZE7p8XfjYJMfeGZp1cCZfbkKBTKFwg8ijZODUYpuQ5HsgyK7Pt7\nMYo4pgBs89aAmFzhqAfM+hFQH9+KIB5qCZ03N8F5nYYW+t/37/2IW++2DUT9\nG+IRxIfWrftLeoE6JAB3Wij2mxG7qInpTTei5LzuP0m1j11eM6igFx9VtC8o\nePVlTy8UVLcEvJPHmEEKDcZ0zzC+fUPBaG9lt5Obqpdcl2tELErAyn+1KxgZ\n0HzgvlgPiHTUR040RoaH8mAIEDBINFu1EQqFSWDbM7Z6BfKhn6cE3z0CGmp0\nr0Dv\r\n=IVnZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCPUgCMvIDl7SUtEBvj2J7T7Q2Zh1uTpxYcue+EPffTCgIgTGznlL/J4Kei15WnlLiXAuQw+9oF1g3KQ8asQPaDz7U="}]},"_npmUser":{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"},"directories":{},"maintainers":[{"name":"denisborovikov","email":"metaller.ru@gmail.com"},{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-popper-tooltip_4.3.1_1633724520298_0.9100911700999452"},"_hasShrinkwrap":false},"4.4.0":{"name":"react-popper-tooltip","version":"4.4.0","description":"React tooltip library built around react-popper","author":{"name":"Mohsin Ul Haq","email":"mohsinulhaq01@gmail.com"},"license":"MIT","repository":{"type":"git","url":"https://github.com/mohsinulhaq/react-popper-tooltip"},"keywords":["react","tooltip","popover","overlay","react-tooltip","react-popper"],"main":"dist/cjs/react-popper-tooltip.js","module":"dist/esm/react-popper-tooltip.js","typings":"dist/index.d.ts","style":"dist/styles.css","sideEffects":["dist/styles.css"],"scripts":{"build":"rm -rf dist && rollup -c && cp src/styles.css dist && yarn tsc && rm -rf compiled","prepare":"husky install && yarn typecheck && yarn build && yarn test && yarn lint-staged","prettier":"prettier --write src/**/*.{ts,tsx}","typecheck":"tsc --noEmit","lint":"eslint \"{src,tests,examples}**/*.{ts,tsx}\"","start":"rollup -c -w","test":"jest --env=jsdom tests","storybook":"start-storybook -p 6006","build-storybook":"build-storybook"},"jest":{"modulePathIgnorePatterns":["<rootDir>/examples/"],"setupFilesAfterEnv":["@testing-library/jest-dom/extend-expect"]},"lint-staged":{"**/*.(ts|tsx)":["prettier --write","yarn lint --fix"]},"peerDependencies":{"react":">=16.6.0","react-dom":">=16.6.0"},"dependencies":{"@babel/runtime":"^7.18.3","@popperjs/core":"^2.11.5","@types/react":"^18.0.11","@types/react-dom":"^18.0.5","react-popper":"^2.3.0"},"devDependencies":{"@babel/core":"^7.18.2","@babel/plugin-transform-runtime":"^7.18.2","@babel/preset-env":"^7.18.2","@babel/preset-react":"^7.17.12","@babel/preset-typescript":"^7.17.12","@storybook/addon-actions":"^6.5.6","@storybook/addon-essentials":"^6.5.6","@storybook/addon-links":"^6.5.6","@storybook/react":"^6.5.6","@testing-library/jest-dom":"^5.16.4","@testing-library/react":"^13.3.0","@testing-library/user-event":"^14.2.0","@types/jest":"^28.1.1","@typescript-eslint/eslint-plugin":"^5.27.0","@typescript-eslint/parser":"^5.27.0","babel-loader":"^8.2.5","eslint":"^8.17.0","eslint-config-prettier":"^8.5.0","eslint-plugin-prettier":"^4.0.0","eslint-plugin-react":"^7.30.0","eslint-plugin-react-hooks":"^4.5.0","husky":"^8.0.1","jest":"^28.1.0","jest-environment-jsdom":"^28.1.0","lint-staged":"^13.0.0","prettier":"^2.6.2","react":"^18.1.0","react-dom":"^18.1.0","rollup":"^2.75.5","rollup-plugin-babel":"^4.4.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-size-snapshot":"^0.12.0","typescript":"^4.7.3"},"licenseText":"The MIT License (MIT)\n\nCopyright (c) 2018-present Mohsin Ul Haq <mohsinulhaq01@gmail.com>\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\nall copies 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\nTHE SOFTWARE.\n","_id":"react-popper-tooltip@4.4.0","dist":{"shasum":"06dededf3e2c5b7b7dc9faacde8775834757dd9f","integrity":"sha512-i6x9DDGI88kO/pltGF20unkpfCi1KwyT+g3naDILX3v5aQVvBoPZjEyMejBG3lcoN0IJwEjyrKkjGonRAuXK9g==","tarball":"https://registry.npmjs.org/react-popper-tooltip/-/react-popper-tooltip-4.4.0.tgz","fileCount":16,"unpackedSize":92894,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHryyWfi4u7YxKn/Jq5b2g0Mu6/+VJRd6/0wdrgvfmC9AiEAwQJinQn66W5VsKqWlko/sGNB8IaoBIXkiAyQorvnvxY="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinP4XACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoRoRAAko6jg2ByNDlgrWg95i04UnsZy3n5gc13sfDHR1b+6Q//nJ2J\r\nuI5xXub73OtcLDFcACqFJiPsWpp9FwTF+2mlI0eIi6EgWCCCoOEqTkuFVbaK\r\noNv/2iZZ+Z2/n8InrFmQxShDQToYEY8IAwX6WPDE7IPEO5zyXbZAIPY3DJRL\r\n/UlYdFwGKZsWKyeq3yM/Y8bRQTbnE2jHVd+NPanqBXK90zRSdsiCeO4MbORB\r\nILVWR0EpW7lOPvgJCGzRA5l26rFOentvVp7Z5ZnnOPfM+YIr0n9nvBYlnhM5\r\nKnx7w5MOs6Kp275DbxwTqk9PU3whbs7bwPBY+GPaXlz1QFELQbLtvtI/K/Ti\r\nhUH+bEfkyCYrt3dzNp3kvWgLTjNUhHjXcvxhUxoo8bBYQvkpVlH0Zuh9ewUi\r\n9/VaB7LzQUVSCVrMo7ds1Io41zJScPU8zVqYNhV4Yy1ff0hjwPAHu3lj0W2E\r\n2hOhziDe077xBO1I/+DMyIt1mlPpkaSnWb/2GUPDsIIvmJAzBNQILuGmkaIX\r\nejKkIvTZY0q1mMUSV9Vd43g/d0bMsdnEMQcbWJAvl7qDZnaNk666x0paMuSR\r\nTB8fiUWVkYtmjw5tOjJW2Vas62G0hfmdUedxIuXmiqqyxQF4v/Xlhb7zmJA2\r\nppFXRTjU14fYO+pTnwyOZF7ZNKEqW+i3dmA=\r\n=HcP3\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"},"directories":{},"maintainers":[{"name":"denisborovikov","email":"metaller.ru@gmail.com"},{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-popper-tooltip_4.4.0_1654455831485_0.501249270635499"},"_hasShrinkwrap":false},"4.4.1":{"name":"react-popper-tooltip","version":"4.4.1","description":"React tooltip library built around react-popper","author":{"name":"Mohsin Ul Haq","email":"mohsinulhaq01@gmail.com"},"license":"MIT","repository":{"type":"git","url":"https://github.com/mohsinulhaq/react-popper-tooltip"},"keywords":["react","tooltip","popover","overlay","react-tooltip","react-popper"],"main":"dist/cjs/react-popper-tooltip.js","module":"dist/esm/react-popper-tooltip.js","typings":"dist/index.d.ts","style":"dist/styles.css","sideEffects":["dist/styles.css"],"scripts":{"build":"rm -rf dist && rollup -c && cp src/styles.css dist && yarn tsc && rm -rf compiled","prepare":"husky install && yarn typecheck && yarn build && yarn test && yarn lint-staged","prettier":"prettier --write src/**/*.{ts,tsx}","typecheck":"tsc --noEmit","lint":"eslint \"{src,tests,examples}**/*.{ts,tsx}\"","start":"rollup -c -w","test":"jest --env=jsdom tests","storybook":"start-storybook -p 6006","build-storybook":"build-storybook"},"jest":{"modulePathIgnorePatterns":["<rootDir>/examples/"],"setupFilesAfterEnv":["@testing-library/jest-dom/extend-expect"]},"lint-staged":{"**/*.(ts|tsx)":["prettier --write","yarn lint --fix"]},"peerDependencies":{"react":">=16.6.0","react-dom":">=16.6.0"},"dependencies":{"@babel/runtime":"^7.18.3","@popperjs/core":"^2.11.5","react-popper":"^2.3.0"},"devDependencies":{"@babel/core":"^7.18.2","@babel/plugin-transform-runtime":"^7.18.2","@babel/preset-env":"^7.18.2","@babel/preset-react":"^7.17.12","@babel/preset-typescript":"^7.17.12","@storybook/addon-actions":"^6.5.6","@storybook/addon-essentials":"^6.5.6","@storybook/addon-links":"^6.5.6","@storybook/react":"^6.5.6","@testing-library/jest-dom":"^5.16.4","@testing-library/react":"^13.3.0","@testing-library/user-event":"^14.2.0","@types/jest":"^28.1.1","@types/react":"^18.0.11","@types/react-dom":"^18.0.5","@typescript-eslint/eslint-plugin":"^5.27.0","@typescript-eslint/parser":"^5.27.0","babel-loader":"^8.2.5","eslint":"^8.17.0","eslint-config-prettier":"^8.5.0","eslint-plugin-prettier":"^4.0.0","eslint-plugin-react":"^7.30.0","eslint-plugin-react-hooks":"^4.5.0","husky":"^8.0.1","jest":"^28.1.0","jest-environment-jsdom":"^28.1.0","lint-staged":"^13.0.0","prettier":"^2.6.2","react":"^18.1.0","react-dom":"^18.1.0","rollup":"^2.75.5","rollup-plugin-babel":"^4.4.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-size-snapshot":"^0.12.0","typescript":"^4.7.3"},"licenseText":"The MIT License (MIT)\n\nCopyright (c) 2018-present Mohsin Ul Haq <mohsinulhaq01@gmail.com>\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\nall copies 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\nTHE SOFTWARE.\n","_id":"react-popper-tooltip@4.4.1","dist":{"shasum":"dc97900290f4fd4aad6a2d6698fc842b7d966f94","integrity":"sha512-Qe4KH/CAdUYKWzCiV5g7XQGAHxqw9HIbZJpCUmvS+9s0d4qXk+ViCBp/lcTjUr1EG9FeNRt5LCy52tYBh2kO1Q==","tarball":"https://registry.npmjs.org/react-popper-tooltip/-/react-popper-tooltip-4.4.1.tgz","fileCount":16,"unpackedSize":92894,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCeMTzkCIEY0jsbuK9b6t1GRgk8l++SoPmGU27EnwQ11QIgYLWu8G+l3oCGmjWX2GzYEr3U8NJ17PB/CgG1o01Xn2c="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinjIFACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpU0g//dw679+wVYVlNY6u6tUjXsWjqzkG/4WdTTLrE45oEBOeFIdsM\r\nc1glFaoy6hJsfJBmJu0LwTTFNVlpMb+IDq0FcQRK6LtHFq3eugDre5iDYmAF\r\nWMijaMrRqV2Qt1S/EyiSNisDpxufOJVLvkchWFFlqgUjaG43d1cM5jv1aW2S\r\nDrmjGTUubavMk4UrDVkBz+Bh1uQ6xInSoPOlm4o19f0RCn7ZqtxX1QSscCit\r\nKCVsGUT0e7ZxuLbeEVTPdgTgVyjjbvQCb8Mmxk+eTuxIJd5EGHMDfEDZzzhr\r\npwt5IYX+EWD0R7HxsR2zaqmvFhe/LQj0AbwzhhHeAvmGpzgGH6PSq5i0OLRv\r\nJD7QbK+6CLbUeGloj+vU/lZRdx4k4EIg92VbLfn16Xhy3SUzFmW8Kysd70FQ\r\nuRvOm1D1o6SwJl49FxuXU9UT5ZH83QKjzuhQ6OBkj2eI7vW0ENqnRCpmmzO9\r\nZHPgwcykNDdLPBuFHYLGv1hM3dFncEuzgGTINCSmFXGv6XCQYtKHGphmy/E9\r\nTjotO3xPwun5GgsK97qFTP/haroCahpaOE4nrRE3RJLPPK5CJiNqS6Noev/z\r\nLgKe3j9CX/KJqTog2f90b4KoXdLQA7y4BPK2+JkZCSyhngGse0/UnyUUru5T\r\nyCWHH1ix6lDdAdTqSxToQF9m8dvm/k0vq34=\r\n=MKUN\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"},"directories":{},"maintainers":[{"name":"denisborovikov","email":"metaller.ru@gmail.com"},{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-popper-tooltip_4.4.1_1654534661110_0.8207123703010135"},"_hasShrinkwrap":false},"4.4.2":{"name":"react-popper-tooltip","version":"4.4.2","description":"React tooltip library built around react-popper","author":{"name":"Mohsin Ul Haq","email":"mohsinulhaq01@gmail.com"},"license":"MIT","repository":{"type":"git","url":"https://github.com/mohsinulhaq/react-popper-tooltip"},"keywords":["react","tooltip","popover","overlay","react-tooltip","react-popper"],"main":"dist/cjs/react-popper-tooltip.js","module":"dist/esm/react-popper-tooltip.js","browser":"dist/esm/react-popper-tooltip.js","typings":"dist/index.d.ts","style":"dist/styles.css","sideEffects":["dist/styles.css"],"scripts":{"build":"rm -rf dist && rollup -c && cp src/styles.css dist && yarn tsc && rm -rf compiled","prepare":"husky install && yarn typecheck && yarn build && yarn test && yarn lint-staged","prettier":"prettier --write src/**/*.{ts,tsx}","typecheck":"tsc --noEmit","lint":"eslint \"{src,tests,examples}**/*.{ts,tsx}\"","start":"rollup -c -w","test":"jest --env=jsdom tests","storybook":"start-storybook -p 6006","build-storybook":"build-storybook"},"jest":{"modulePathIgnorePatterns":["<rootDir>/examples/"],"setupFilesAfterEnv":["@testing-library/jest-dom/extend-expect"]},"lint-staged":{"**/*.(ts|tsx)":["prettier --write","yarn lint --fix"]},"peerDependencies":{"react":">=16.6.0","react-dom":">=16.6.0"},"dependencies":{"@babel/runtime":"^7.18.3","@popperjs/core":"^2.11.5","react-popper":"^2.3.0"},"devDependencies":{"@babel/core":"^7.18.5","@babel/plugin-transform-runtime":"^7.18.5","@babel/preset-env":"^7.18.2","@babel/preset-react":"^7.17.12","@babel/preset-typescript":"^7.17.12","@storybook/addon-actions":"^6.5.9","@storybook/addon-essentials":"^6.5.9","@storybook/addon-links":"^6.5.9","@storybook/react":"^6.5.9","@testing-library/jest-dom":"^5.16.4","@testing-library/react":"^13.3.0","@testing-library/user-event":"^14.2.1","@types/jest":"^28.1.3","@types/react":"^18.0.14","@types/react-dom":"^18.0.5","@typescript-eslint/eslint-plugin":"^5.29.0","@typescript-eslint/parser":"^5.29.0","babel-loader":"^8.2.5","eslint":"^8.18.0","eslint-config-prettier":"^8.5.0","eslint-plugin-prettier":"^4.0.0","eslint-plugin-react":"^7.30.1","eslint-plugin-react-hooks":"^4.6.0","husky":"^8.0.1","jest":"^28.1.1","jest-environment-jsdom":"^28.1.1","lint-staged":"^13.0.3","prettier":"^2.7.1","react":"^18.2.0","react-dom":"^18.2.0","rollup":"^2.75.7","rollup-plugin-babel":"^4.4.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-size-snapshot":"^0.12.0","typescript":"^4.7.4"},"licenseText":"The MIT License (MIT)\n\nCopyright (c) 2018-present Mohsin Ul Haq <mohsinulhaq01@gmail.com>\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\nall copies 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\nTHE SOFTWARE.\n","_id":"react-popper-tooltip@4.4.2","dist":{"shasum":"0dc4894b8e00ba731f89bd2d30584f6032ec6163","integrity":"sha512-y48r0mpzysRTZAIh8m2kpZ8S1YPNqGtQPDrlXYSGvDS1c1GpG/NUXbsbIdfbhXfmSaRJuTcaT6N1q3CKuHRVbg==","tarball":"https://registry.npmjs.org/react-popper-tooltip/-/react-popper-tooltip-4.4.2.tgz","fileCount":16,"unpackedSize":93269,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDVJZ3z6Hq/F9u/pQsWMT3/mbLUjaSVG7OubPmQmmw+uAIgJXKgEKmoI8nkQ2ooPkZMJj4zuBsEX5x2HgfX5Rohu+c="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiuY6tACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrjwg/9H5X25ltijHw7pcEyTWCSOV4K4vth/r5pbq842c2F5U5oQQal\r\n1PFSktIgtyP9AlHMb/xKTlaOEqa2G9hjM6Ogc29fBzCOEPKfpg2UGvtMVAmu\r\nb5jf4WUDIIzRpbh584mho/xKQM/YfxIhuIl/KoFvY+8QBzKBoT36zSX2gpvQ\r\ny5FzgOYY5c5HLwk8wehbog+QwTelDPf9s1rB0qN4KrKDFqRSEORKa/6pLI2g\r\nzLVa3M7+rjSix4GmHCjoemBwuBgR5I9/h8OR0rHzBsmsfo7MnzkVIwazKXwj\r\nwN2UuGlqvNsuJIydmqY4ubrIhh3LAYOWAyGtKFOt9LZAYCYYuVgXSGc7/Fj7\r\nrhV4Wa3CBnlPORINsWCOjB6GbTlzE/0+E4uGgmFeyfbR3TTZpUR4JmKnxEji\r\nlMbI1/uf4fG5V9/Btn6x1OjVXx6uwSsJ7EQn7jpwfUPfGHqVDIWcDMJlkwp1\r\nzxvPClhiBdp5bQi5pp8x6L6puzKmJQtqCB04zuiVkmawW+SSykUP6kgUPKaW\r\nyrFmsrPSiYexCJ90ipBZiGzeMxK11TS81jx1zGEhDCCHHyv+sy4NbnkpViH1\r\n+eYcyvy3Z85hogSHCjN1Najg+2NoAZI+/OoCss0Ol0vr3IV8spMaHsgI5V/0\r\nP+bgupTxKJNgmOHLXG+NS9SiucIn8xVMzq4=\r\n=bbfE\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"},"directories":{},"maintainers":[{"name":"denisborovikov","email":"metaller.ru@gmail.com"},{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-popper-tooltip_4.4.2_1656327853481_0.9388706033149743"},"_hasShrinkwrap":false}},"maintainers":[{"name":"denisborovikov","email":"metaller.ru@gmail.com"},{"name":"mohsinulhaq","email":"mohsinulhaq01@gmail.com"}],"description":"React tooltip library built around react-popper","keywords":["react","tooltip","popover","overlay","react-tooltip","react-popper"],"author":{"name":"Mohsin Ul Haq","email":"mohsinulhaq01@gmail.com"},"license":"MIT","readme":"# react-popper-tooltip\n\n[![npm version](https://img.shields.io/npm/v/react-popper-tooltip.svg?style=flat-square)](https://www.npmjs.com/package/react-popper-tooltip)\n[![npm downloads](https://img.shields.io/npm/dm/react-popper-tooltip.svg?style=flat-square)](https://www.npmjs.com/package/react-popper-tooltip)\n[![codecov](https://codecov.io/gh/mohsinulhaq/react-popper-tooltip/branch/master/graph/badge.svg)](https://codecov.io/gh/mohsinulhaq/react-popper-tooltip)\n\nA React hook to effortlessly build smart tooltips. Based on [react-popper](https://github.com/FezVrasta/react-popper)\nand [popper.js](https://popper.js.org).\n\n## NOTE\n\n> - This is the documentation for 4.x which introduced the `usePopperTooltip` hook.\n> - If you're looking for the render prop version,\nsee [3.x docs](https://github.com/mohsinulhaq/react-popper-tooltip/blob/v3/README.md).\n> - If you're looking to upgrade from 3.x render prop to 4.x hook, please refer to our [migration guide](migrating.md).\n\n## Examples\n\n- Basic usage [Demo](https://codesandbox.io/s/github/mohsinulhaq/react-popper-tooltip/tree/master/examples/basic) ([Source](/examples/basic))\n- Animating appearance with react-spring [Demo](https://codesandbox.io/s/github/mohsinulhaq/react-popper-tooltip/tree/master/examples/animation) ([Source](/examples/animation))\n- Closing tooltip with Esc button [Demo](https://codesandbox.io/s/github/mohsinulhaq/react-popper-tooltip/tree/master/examples/close-on-esc) ([Source](/examples/close-on-esc))\n- Using as a controlled component [Demo](https://codesandbox.io/s/github/mohsinulhaq/react-popper-tooltip/tree/master/examples/controlled) ([Source](/examples/controlled))\n- Persist the tooltip in the DOM once it's mounted [Demo](https://codesandbox.io/s/github/mohsinulhaq/react-popper-tooltip/tree/master/examples/persist-once-mounted) ([Source](/examples/persist-once-mounted))\n- Using with react portal [Demo](https://codesandbox.io/s/github/mohsinulhaq/react-popper-tooltip/tree/master/examples/portal) ([Source](/examples/portal))\n- Implementing render prop (v3) API [Demo](https://codesandbox.io/s/github/mohsinulhaq/react-popper-tooltip/tree/master/examples/render-prop) ([Source](/examples/render-prop))\n\n\n## Installation\n\nYou can install **react-popper-tooltip** with [npm](https://www.npmjs.com) or [yarn](https://yarnpkg.com).\n\n```bash\nnpm i react-popper-tooltip\n# or\nyarn add react-popper-tooltip\n```\n\n## Quick start\n\nThis example illustrates how to create a minimal tooltip with default settings and using our default CSS file.\n\n```jsx\nimport * as React from 'react';\nimport { usePopperTooltip } from 'react-popper-tooltip';\nimport 'react-popper-tooltip/dist/styles.css';\n\nfunction App() {\n  const {\n    getArrowProps,\n    getTooltipProps,\n    setTooltipRef,\n    setTriggerRef,\n    visible,\n  } = usePopperTooltip();\n\n  return (\n    <div className=\"App\">\n      <button type=\"button\" ref={setTriggerRef}>\n        Trigger\n      </button>\n      {visible && (\n        <div\n          ref={setTooltipRef}\n          {...getTooltipProps({ className: 'tooltip-container' })}\n        >\n          <div {...getArrowProps({ className: 'tooltip-arrow' })} />\n          Tooltip\n        </div>\n      )}\n    </div>\n  );\n}\n\nrender(<App />, document.getElementById('root'));\n```\n\n## Styling\n\nWith **react-popper-tooltip**, you can use CSS, LESS, SASS, or any CSS-in-JS library you're already using in your\nproject. However, we do provide a minimal CSS-file file you can use for a quick start or as a reference to create your\nown tooltip styles.\n\nImport `react-popper-tooltip/dist/styles.css` to import it into your project. Add classes\n`tooltip-container` and `tooltip-arrow` to the tooltip container and arrow element accordingly.\n\nWhile the tooltip is being displayed, you have access to some attributes on the tooltip container. You can use them\nin your CSS in specific scenarios.\n\n- `data-popper-placement`: contains the current tooltip `placement`. You can use it to properly offset and display the\n  arrow element (e.g., if the tooltip is displayed on the right, the arrow should point to the left and vice versa).\n\n- `data-popper-reference-hidden`: set to true when the trigger element is fully clipped and hidden from view, which\n  causes the tooltip to appear to be attached to nothing. Set to false otherwise.\n\n- `data-popper-escaped`: set to true when the tooltip escapes the trigger element's boundary (and so it appears\n  detached). Set to false otherwise.\n  \n- `data-popper-interactive`: contains the current `interactive` option value. \n\n## API reference\n\n### usePopperTooltip\n\n```jsx\nconst {\n  getArrowProps,\n  getTooltipProps,\n  setTooltipRef,\n  setTriggerRef,\n  tooltipRef,\n  triggerRef,\n  visible,\n  ...popperProps\n} = usePopperTooltip(\n  {\n    closeOnOutsideClick,\n    closeOnTriggerHidden,\n    defaultVisible,\n    delayHide,\n    delayShow,\n    followCursor,\n    interactive,\n    mutationObserverOptions,\n    offset,\n    onVisibleChange,\n    placement,\n    trigger,\n    visible,\n  },\n  popperOptions\n);\n```\n\n#### Options\n\n- `closeOnOutsideClick: boolean`, defaults to `true`\n\nIf `true`, closes the tooltip when user clicks outside the trigger element.\n\n- `closeOnTriggerHidden: boolean`, defaults to `false`\n\nWhether to close the tooltip when its trigger is out of boundary.\n\n- `delayHide: number`, defaults to `0`\n\nDelay in hiding the tooltip (ms).\n\n- `delayShow: number`, defaults to `0`\n\nDelay in showing the tooltip (ms).\n\n- `defaultVisible: boolean`, defaults to `false`\n\nThe initial visibility state of the tooltip when the hook is initialized.\n\n- `followCursor: boolean`, defaults to `false`\n\nIf `true`, the tooltip will stick to the cursor position. You would probably want to use this option with hover trigger.\n\n- `mutationObserverOptions: MutationObserverInit | null`, defaults\n  to `{ attributes: true, childList: true, subtree: true }`\n\nOptions to [MutationObserver\n](https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver), used internally for updating tooltip position based on its DOM changes. When the tooltip is\nvisible and its content changes, it automatically repositions itself. In some cases\nyou may need to change which parameters to observe or opt-out of tracking the changes at all.\n\n- `offset: [number, number]`, defaults to `[0, 6]`\n\nThis is a shorthand for `popperOptions.modifiers` offset modifier option. The default value means the tooltip will be\nplaced 6px away from the trigger element (to reserve enough space for the arrow element).\n\nWe use this default value to match the size of the arrow element from our default CSS file. Feel free to change it if you are using your\nown styles.\n\nSee [offset modifier docs](https://popper.js.org/docs/v2/modifiers/offset).\n\n`popperOptions` takes precedence over this option.\n\n- `onVisibleChange: (state: boolean) => void`\n\nCalled with the tooltip state, when the visibility of the tooltip changes.\n\n- `trigger: TriggerType | TriggerType[] | null`, where `TriggerType = 'click' | 'right-click' | 'hover' | 'focus'`,\n  defaults to `hover`\n\nEvent or events that trigger the tooltip. Use `null` if you want to disable all events. It's useful in cases when\nyou control the state of the tooltip.\n\n- `visible: boolean`\n\nThe visibility state of the tooltip. Use this prop if you want to control the state of the tooltip. Note that `delayShow` and `delayHide` are not used if the tooltip is controlled. You have to apply delay on your external state.\n\n**react-popper-tooltip** manages its own state internally and calls `onVisibleChange` handler with any relevant changes.\n\nHowever, if more control is needed, you can pass this prop, and the state becomes controlled. As soon as it's not\nundefined, internally, **react-popper-tooltip** will determine its state based on your prop's value rather than its own\ninternal state.\n\n- `placement: 'auto' | 'auto-start' | 'auto-end' | 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'right' | 'right-start' | 'right-end' | 'left' | 'left-start' | 'left-end';`\n\nThe preferred placement of the tooltip. This is an alias for `popperOptions.placement` option.\n\n`popperOptions` takes precedence over this option.\n\n- `interactive: boolean`, defaults to `false`\n\nIf `true`, hovering the tooltip will keep it open. Normally, if you trigger the tooltip on hover event, the tooltip\ncloses when the mouse cursor moves out of the trigger element. If it moves to the tooltip element, the tooltip stays\nopen. It's useful if you want to allow your users to interact with the tooltip's content (select and copy text, click a\nlink, etc.). In this case you might want to increase `delayHide` value to give the user more time to react.\n\n- `popperOptions: { placement, modifiers, strategy, onFirstUpdate }`\n\nThese options passed directly to the underlying `usePopper` hook.\nSee [https://popper.js.org/docs/v2/constructors/#options](https://popper.js.org/docs/v2/constructors/#options).\n\nKeep in mind, if you set `placement` or _any_ `modifiers` here, it replaces `offset` and `placement` options above. They\nwon't be merged into the final object. You have to add `offset` modifier along with others here to make it work.\n\n#### Returns\n\n- `triggerRef: HTMLElement | null`\n\nThe trigger DOM element ref.\n\n- `tooltipRef: HTMLElement | null`\n\nThe tooltip DOM element ref.\n\n- `setTooltipRef: (HTMLElement | null) => void | null`\n\nA tooltip callback ref. Must be assigned to the tooltip's `ref` prop.\n\n- `setTriggerRef: (HTMLElement | null) => void | null`\n\nA trigger callback ref. Must be assigned to the trigger's `ref` prop.\n\n- `visible: boolean`\n\nThe current visibility state of the tooltip. Use it to display or hide the tooltip.\n\n- `getArrowProps: (props) => mergedProps`\n\nThis function merges your props and the internal props of the arrow element. We recommend passing all your props to that\nfunction rather than applying them on the element directly to avoid your props being overridden or overriding the\ninternal props.\n\nIt returns the merged props that you need to pass to the arrow element.\n\n- `getTooltipProps: (props) => mergedProps`\n\nThis function merges your props and the internal props of the tooltip element. We recommend passing all your props to\nthat function rather than applying them on the element directly to avoid your props being overridden or overriding the\ninternal props.\n\nIt returns the merged props that you need to pass to tooltip element.\n\n- `popperProps: { update, forceUpdate, state }`\n\nSome props returned by the underlying `usePopper` hook.\nSee [https://popper.js.org/react-popper/v2/hook](https://popper.js.org/react-popper/v2/hook).\n\nThis doesn't include `styles` and `attributes` props. They are included into `getArrowProps` and `getTooltipProps` prop\ngetters.\n","readmeFilename":"README.md","repository":{"type":"git","url":"https://github.com/mohsinulhaq/react-popper-tooltip"}}