{"_rev":"7-b03d657121874e50fdaa0ddb95135095","time":{"created":"2022-10-09T21:59:42.229Z","0.0.1":"2022-10-09T01:06:41.109Z","modified":"2022-10-09T21:59:42.681Z","0.0.2":"2022-10-09T02:31:37.878Z","0.0.3":"2022-10-09T02:41:43.213Z","0.0.4":"2022-10-09T02:45:50.936Z","0.0.5":"2022-10-09T03:03:08.431Z","1.0.0":"2022-10-09T21:59:42.516Z"},"_id":"@appluslaboratories/react-copy-to-clipboard","name":"@appluslaboratories/react-copy-to-clipboard","dist-tags":{"latest":"1.0.0"},"versions":{"1.0.0":{"name":"@appluslaboratories/react-copy-to-clipboard","version":"1.0.0","description":"Copy-to-clipboard React component with typescript support","main":"lib/index.js","types":"dist/index.d.ts","config":{"component":"CopyToClipboard","externals":{"react":"React","react-dom":"ReactDOM"},"include":["https://unpkg.com/react/umd/react.production.min.js","https://unpkg.com/react-dom/umd/react-dom.production.min.js"]},"scripts":{"build":"yarn lib && yarn dist","start":"NODE_ENV=development webpack-cli serve --config ./webpack/dev.config.js","predist":"rm -rf ./build","dist":"NODE_ENV=production webpack-cli --config ./webpack/dist.config.js && NODE_ENV=production webpack-cli --config ./webpack/min.config.js","preghPages":"yarn pub","prelib":"rm -rf ./lib","lib":"NODE_ENV=production babel src --out-dir lib","lint":"eslint .","prepub":"rm -rf ./pub","pub":"NODE_ENV=production webpack-cli --config ./webpack/pub.config.js","test":"node test/Component-test.js","prepublishOnly":"yarn build","postversion":"git push --follow-tags","deps":"depcheck","check:deps":"[ ! $(depcheck | grep --invert-match 'No depcheck issue') ]"},"repository":{"type":"git","url":"https://APPLUSLABCENTRALPRO@dev.azure.com/APPLUSLABCENTRALPRO/Modules/_git/appluslaboratories-react-copy-to-clipboard"},"keywords":["appluslaboratories","component","react-component","react","copy to clipboard","clipboard"],"author":{"name":"Applus+ Laboratories","email":"luigelo.davila@applus.com"},"license":"MIT","bugs":{"url":"https://APPLUSLABCENTRALPRO@dev.azure.com/APPLUSLABCENTRALPRO/Modules/_git/appluslaboratories-react-copy-to-clipboard"},"homepage":"https://APPLUSLABCENTRALPRO@dev.azure.com/APPLUSLABCENTRALPRO/Modules/_git/appluslaboratories-react-copy-to-clipboard","peerDependencies":{"react":"^15.3.0 || 16 || 17 || 18"},"dependencies":{"copy-to-clipboard":"^3.3.1","prop-types":"^15.8.1"},"devDependencies":{"@babel/cli":"^7.17.6","@babel/core":"^7.17.9","@babel/eslint-parser":"^7.17.0","@babel/plugin-proposal-class-properties":"^7.16.7","@babel/plugin-proposal-object-rest-spread":"^7.17.3","@babel/preset-env":"^7.16.11","@babel/preset-react":"^7.16.7","@babel/register":"^7.17.7","babel-loader":"^8.2.4","babel-plugin-transform-react-remove-prop-types":"^0.4.24","css-loader":"^6.7.1","depcheck":"^1.4.3","eslint":"^8.13.0","eslint-config-airbnb":"^19.0.4","eslint-plugin-import":"^2.26.0","eslint-plugin-jsx-a11y":"^6.5.1","eslint-plugin-react":"^7.29.4","eslint-plugin-react-hooks":"^4.4.0","gh-pages":"^3.2.3","html-webpack-plugin":"^5.5.0","html-webpack-tags-plugin":"^3.0.2","mini-css-extract-plugin":"^2.6.0","react":"^18.0.0","react-dom":"^18.0.0","style-loader":"^3.3.1","tape":"^5.5.3","typescript":"^4.8.4","webpack":"^5.72.0","webpack-cli":"^4.9.2","webpack-dev-server":"^4.8.1"},"packageManager":"yarn@3.2.4","gitHead":"61e9e2be8bbd8ea7c336da0a87538e0f343479c1","_id":"@appluslaboratories/react-copy-to-clipboard@1.0.0","_nodeVersion":"16.17.0","_npmVersion":"8.15.0","dist":{"integrity":"sha512-OD2+kfAKYzQ7y7Kbh5RRCjDFGZPNMksCN0NADXTef4ufDcnEj+dlPE+/cfm+KBqr+TpWWviootjCsGLXzlhSBw==","shasum":"a6bc8d408cff9077051b7b7806c66cc5b9eba9c6","tarball":"https://registry.npmjs.org/@appluslaboratories/react-copy-to-clipboard/-/react-copy-to-clipboard-1.0.0.tgz","fileCount":15,"unpackedSize":63915,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCWhybAV+/vJceoKSMjbTpZlpG5Hg1k8pvxK5kfN4cIOAIhAIhBOQq8DhTdIJiqBlZ4stBDW2i7xnIzs28dPv05jXgp"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjQ0ROACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpKDg//UNmznlHWlwYngOWv4sPv737JrxL7ysc1bWYgSWfZl+oX8H/h\r\nIRRO0MdpIa/WX5EUi03/Sa/C7vNEXCdv9soX5zo5mBJRj6It/LQABoK5mh4e\r\nC9LPV0EHK8P2lcAuiuKlkJusjNVhvCE55fDuzz8jrH64JxPW/p2zJ+SSbukS\r\nIMrtgMZYzXnH9vjo7aIesSh1afevfUW3zRpLpXj0tGIObIY1EjnSTy1XSEUq\r\nrrqX/HnKuwxfkUP0yDaBVdc+X6vqV2BkOBBkz4PCoedS7aYolZoGMlmQZsuJ\r\nEcuDfIHOp5Q5B3LhGXhxKXzRUP1jZ831SLggsINKZKOFlEqnOECBkfBzLrzf\r\nW9RnbgtisSWs6N/78hqwsXRIv4hnbw4+F6hvOX4gphmscKg7gkMTiqUAlzIg\r\nsOFagp8qwgrEo/LODroXIiS2fw2Mi91qVTajBLjp3+fpm5CguLI4ZtdCmIGE\r\nRbosp6eB9pJgaWB3wUGyZrmtQ7N0OhQ49HKmTBH0DV5ds6fWyHgCli2GPmeY\r\nPJFqIZLjvyvE+upIE/dCJFiJ1moWXvghr0NWRMB3bhYyrr40usP8a1Qvkqch\r\nWgL/7Da0OC5RU4nO8qK1c7Zbxxi09L5JSV3zxjcE+45z/F5LWio3VNoyyQBq\r\nf85K2OHd6MIqyok5U0EGmkOf/Lbm7D7vYt0=\r\n=RtPE\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"luigelo.davila.applus","email":"luigelo.davila@applus.com"},"directories":{},"maintainers":[{"name":"luigelo.davila.applus","email":"luigelo.davila@applus.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-copy-to-clipboard_1.0.0_1665352782287_0.3013001351694131"},"_hasShrinkwrap":false}},"maintainers":[{"name":"luigelo.davila.applus","email":"luigelo.davila@applus.com"}],"description":"Copy-to-clipboard React component with typescript support","homepage":"https://APPLUSLABCENTRALPRO@dev.azure.com/APPLUSLABCENTRALPRO/Modules/_git/appluslaboratories-react-copy-to-clipboard","keywords":["appluslaboratories","component","react-component","react","copy to clipboard","clipboard"],"repository":{"type":"git","url":"https://APPLUSLABCENTRALPRO@dev.azure.com/APPLUSLABCENTRALPRO/Modules/_git/appluslaboratories-react-copy-to-clipboard"},"author":{"name":"Applus+ Laboratories","email":"luigelo.davila@applus.com"},"bugs":{"url":"https://APPLUSLABCENTRALPRO@dev.azure.com/APPLUSLABCENTRALPRO/Modules/_git/appluslaboratories-react-copy-to-clipboard"},"license":"MIT","readme":"# ApplusLaboratories react-copy-to-clipboard [![npm](https://img.shields.io/npm/v/@appluslaboratories/react-copy-to-clipboard.svg?style=flat-square)](https://www.npmjs.com/package/@appluslaboratories/react-copy-to-clipboard)\n\nCopy to clipboard React component\n\nThis package is based on [copy-to-clipboard](https://npm.im/copy-to-clipboard) & [react-copy-to-clipboard](https://npm.im/react-copy-to-clipboard)\n\n\n![Copy to clipboard](example/copy-to-clipboard.gif)\n\n\n## Installation\n\n### NPM\n\n```sh\nnpm install --save @appluslaboratories/react-copy-to-clipboard\n```\n\nDon't forget to manually install peer dependencies (`react`) if you use npm@3.\n\n## Usage\n```js\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport {CopyToClipboard} from '@appluslaboratories/react-copy-to-clipboard';\n\nclass App extends React.Component {\n  state = {\n    value: '',\n    copied: false,\n  };\n\n  render() {\n    return (\n      <div>\n        <input value={this.state.value}\n          onChange={({target: {value}}) => this.setState({value, copied: false})} />\n\n        <CopyToClipboard text={this.state.value}\n          onCopy={() => this.setState({copied: true})}>\n          <span>Copy to clipboard with span</span>\n        </CopyToClipboard>\n\n        <CopyToClipboard text={this.state.value}\n          onCopy={() => this.setState({copied: true})}>\n          <button>Copy to clipboard with button</button>\n        </CopyToClipboard>\n\n        {this.state.copied ? <span style={{color: 'red'}}>Copied.</span> : null}\n      </div>\n    );\n  }\n}\n\nconst appRoot = document.createElement('div');\ndocument.body.appendChild(appRoot);\nReactDOM.render(<App />, appRoot);\n```\n\n## Options\n\n\n#### `text`: PropTypes.string.isRequired\n\nText to be copied to clipboard\n\n\n#### `onCopy`: PropTypes.func\n\nOptional callback, will be called when text is copied\n\n```\nonCopy(text, result)\n```\n`result (bool)`: Returns `true` if copied successfully, else `false`.\n\n\n#### `options`: PropTypes.shape({debug: bool, message: string})\n\nOptional [copy-to-clipboard](https://npm.im/copy-to-clipboard) options.\n\nSee [API docs](https://npm.im/copy-to-clipboard#api) for details\n\n#### `children`: PropTypes.node.isRequired\n\nCopyToClipboard is a simple wrapping component, it does not render any tags, so it requires the only child element to be present, which will be used to capture clicks.\n\n```js\n<CopyToClipboard text=\"Hello!\">\n  <button>Copy to clipboard</button>\n</CopyToClipboard>\n```\n\n## Development and testing\n\nCurrently is being developed and tested with the latest stable `Node 8` on `OSX`.\n\nTo run example covering all `CopyToClipboard` features, use `yarn start`, which will compile `example/Example.js`\n\n```bash\ngit clone https://APPLUSLABCENTRALPRO@dev.azure.com/APPLUSLABCENTRALPRO/Modules/_git/appluslaboratories-react-copy-to-clipboard\ncd appluslaboratories-react-copy-to-clipboard\nyarn install\nyarn start\n\n# then\nopen http://localhost:8080\n```\n\n## Tests\n\n```bash\n# to run ESLint check\nyarn lint\n\n# to run tests\nyarn test\n\n# to run end-to-end tests\n# first, run `selenium/standalone-firefox:3.4.0` docker image\ndocker run -p 4444:4444 selenium/standalone-firefox:3.4.0\n# then run test\nyarn e2e\n```\n\n## License\n\nMIT\n","readmeFilename":"README.md"}