{"_id":"@creaditor/emoji-picker-web-component","_rev":"3-d2471c4fee61a5e18b9a7bac0351fe91","name":"@creaditor/emoji-picker-web-component","dist-tags":{"latest":"0.1.2"},"versions":{"0.1.0":{"name":"@creaditor/emoji-picker-web-component","version":"0.1.0","private":false,"main":"build/index.js","dependencies":{"@preact/compat":"^17.0.3","array-move":"^4.0.0","emoji-picker-react":"^3.5.1","react-to-webcomponent":"^1.5.1","uuid":"^8.3.2"},"scripts":{"dev":"webpack-dev-server --mode=development","start":"react-scripts start","build":"webpack  --config  webpack.config.js","test":"react-scripts test","eject":"react-scripts eject","prod":"webpack --mode=production"},"eslintConfig":{"extends":["react-app","react-app/jest"]},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@babel/core":"^7.17.5","@babel/plugin-proposal-class-properties":"^7.16.7","@babel/preset-env":"^7.16.11","@babel/preset-react":"^7.16.7","babel-loader":"^8.2.3","html-webpack-plugin":"^5.5.0","path":"^0.12.7","webpack":"^5.69.1","webpack-cli":"^4.9.2","webpack-dev-server":"^4.7.4"},"gitHead":"521ec109896ed5879ce18704d8370eab5f1fef67","description":"### Keep the following in mind","_id":"@creaditor/emoji-picker-web-component@0.1.0","_nodeVersion":"16.13.2","_npmVersion":"8.1.2","dist":{"integrity":"sha512-kbEtXVbuMqHazYrAzLYY3NUishLdZl2KqRMNLxkFKH7IdxdaFXkTlWV6Y0/5L4J24vdlruLRV6HLk1YxKVDztw==","shasum":"f5bbdb454d5bc1be9e2affbb9cedbf229f86dae6","tarball":"https://registry.npmjs.org/@creaditor/emoji-picker-web-component/-/emoji-picker-web-component-0.1.0.tgz","fileCount":20,"unpackedSize":264164,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiQKlAACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoxsxAAlxf+P7aEVqHUlDgfVpI6czMrhxokQDT9W13bJsRfUhkdic6A\r\nNUm7FxYXvAYWB6f0yKRwYqOTDOvK7mkZobGEiuibcBvq/M2n6feG2b2wzhMr\r\nD4cqcqniTtTJG8J3WpO+9khqViLa8P2i//hb8Tvb2xIgENHSfK6xll8vQKP5\r\ndhWN++FaZly1g/1r/xHnApGAlQHQwxb1NiFhaTgBO+VAGGy8x6EzFtdW/OZe\r\nl/XOLSDjA1yJ3damKuHgyYcKH8QOk+QuH1Pd+b8OqDEZ/GAGniSACBoxaCX3\r\n2otElE9RuJE8oOhdvTa/Hn0ikzIU4zKPcm+dDGaFbIXJr6J2MKIEUNepICPx\r\nmtAudnNe4affadj3QENCmROXXcyWtuN1Lkj/J1lINng0Lmf4PInT2hUech3T\r\nnXZLhSAvn2FeCUhG9gsVUtlPWrh+d6LoZVz/lutakP6W2CmiMB7hIzjK8n2N\r\nXiMhD73HmNKyG8PMfT8z7jbvwsjFuW6+N2/hGS2NZamnxez4chRdI6j8Nn6Z\r\ndZAerK2l1Xy6dHTu9+HtDazCmoF2WCHGRclBc+qFNyp2PGzH2fQ49QS6yFjo\r\nhZnASLdNGMYUILyBFyWTuNNI/De3TFiBpMMUZs+6XvrDE4+PbaqGS++91RwU\r\n93lYdg+VEa+sqWdKa6lS1wIzp2wzgYjnZYI=\r\n=2d+X\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDnp0C/fWTeIof2BLIEXzZu8rGfJQjlgLBqP4D8JDa4tQIhAOpdGEUA/1KbfGAgsNKDPGlF5zy0FKqlVXCS6qFTwQO/"}]},"_npmUser":{"name":"creaditor","email":"creaditor.system@gmail.com"},"directories":{},"maintainers":[{"name":"creaditor","email":"creaditor.system@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/emoji-picker-web-component_0.1.0_1648404800347_0.38782833413240936"},"_hasShrinkwrap":false},"0.1.1":{"name":"@creaditor/emoji-picker-web-component","version":"0.1.1","private":false,"main":"build/index.js","dependencies":{"@preact/compat":"^17.0.3","array-move":"^4.0.0","emoji-picker-react":"^3.5.1","react-to-webcomponent":"^1.5.1","uuid":"^8.3.2"},"scripts":{"dev":"webpack-dev-server --mode=development","start":"react-scripts start","build":"webpack  --config  webpack.config.js","test":"react-scripts test","eject":"react-scripts eject","prod":"webpack --mode=production"},"eslintConfig":{"extends":["react-app","react-app/jest"]},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@babel/core":"^7.17.5","@babel/plugin-proposal-class-properties":"^7.16.7","@babel/preset-env":"^7.16.11","@babel/preset-react":"^7.16.7","babel-loader":"^8.2.3","html-webpack-plugin":"^5.5.0","path":"^0.12.7","webpack":"^5.69.1","webpack-cli":"^4.9.2","webpack-dev-server":"^4.7.4"},"gitHead":"c7cb16576c28530578e4e82f64dc06f4ffd47ad3","description":"### Keep the following in mind","_id":"@creaditor/emoji-picker-web-component@0.1.1","_nodeVersion":"16.13.2","_npmVersion":"8.1.2","dist":{"integrity":"sha512-sbEYI8oMHZBkmqrxM8Iv/6WibU4Fz7JVNLuVC+osSP55jh/jmSbZoEriHlJWqMG/6+mPOf5F6L1qtc1mg6jmPw==","shasum":"0d1c7b8ebd27f279405bec76138248be8d4a5b77","tarball":"https://registry.npmjs.org/@creaditor/emoji-picker-web-component/-/emoji-picker-web-component-0.1.1.tgz","fileCount":20,"unpackedSize":264170,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiQKo8ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr26A/+ISDlYpXBBuO7dg7H1VIqWxXF1/qA0aEBuDcuiMHLKw8Q0Rsa\r\nKczvQdqd8fccZRs/6vIBkHJvTBTgRYnQjly0WrXrck43WlkNQktxk6gCRI2v\r\nFrilMbTKtfvz4JfOaEAB+2nnynziC1ScFpvbiKAZy55QuKu3V51deqIETUjw\r\nozhCW4TeL6bTozb9NzH7XhZMmFYdZG25NHOYkUTJwEx7xrs2WJGbFbg/VsD6\r\ntBi+Pa3ZMf286wE1NE5JyAXwivlspGEUrzOSikgsvMt0pv5mBHBrodXBvw3r\r\n7ktJCWjIyGIvgFOYb67y+x71QGsWF/Pcp5Xh0mOwaudSgZ/oRl6wVGAijwDu\r\neOxBuVWF/Kg8vFBxakG23Q21FHy18OURjivc2r1oD+q2KH8VzuBrIYc2s/kA\r\n3DoWRPAwf2rlNIbjXRmKh5t+/d3fijAdzgCZX5EbMlqstVawBkwY2tXmqOna\r\nDVelFaenUnrG+SAegKSrUvZKNsRvLlWThAFjUIyxWhp1pxzKqu6FYNnpYxTv\r\nsWmSsuOOs8sIzAhQPs04uy2FF+0a2/J5e6Z9QDJK+kIHlaU3IzeT60nmDYfF\r\nV3nvYo2X8be5hJy1iiEVVzu6xEBI3sg4354g7SG4AAD1mM0Clsjl17fv9XOb\r\nJmtAG6HjJayNovDcj+DIc9Lg8fSzJgOYdYQ=\r\n=FVHN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDJsS7OuHZUoFhOGxd6NUWF2HLEL/8LOM8VA8CsFUy3LwIgI5mBUCWMo1p5Zgl1fRbQZedv13GLX3Q6fzgyMfYK/h0="}]},"_npmUser":{"name":"creaditor","email":"creaditor.system@gmail.com"},"directories":{},"maintainers":[{"name":"creaditor","email":"creaditor.system@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/emoji-picker-web-component_0.1.1_1648405052455_0.978691032348699"},"_hasShrinkwrap":false},"0.1.2":{"name":"@creaditor/emoji-picker-web-component","version":"0.1.2","private":false,"main":"build/index.js","dependencies":{"@preact/compat":"^17.0.3","array-move":"^4.0.0","emoji-picker-react":"^3.5.1","react-to-webcomponent":"^1.5.1","uuid":"^8.3.2"},"scripts":{"dev":"webpack-dev-server --mode=development","start":"react-scripts start","build":"webpack  --config  webpack.config.js","test":"react-scripts test","eject":"react-scripts eject","prod":"webpack --mode=production"},"eslintConfig":{"extends":["react-app","react-app/jest"]},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@babel/core":"^7.17.5","@babel/plugin-proposal-class-properties":"^7.16.7","@babel/preset-env":"^7.16.11","@babel/preset-react":"^7.16.7","babel-loader":"^8.2.3","html-webpack-plugin":"^5.5.0","path":"^0.12.7","webpack":"^5.69.1","webpack-cli":"^4.9.2","webpack-dev-server":"^4.7.4"},"gitHead":"803981d57260afac51d7d0329b1ea10b8976c33b","description":"this package use [emoji-picker-react](https://www.npmjs.com/package/emoji-picker-react)","_id":"@creaditor/emoji-picker-web-component@0.1.2","_nodeVersion":"18.15.0","_npmVersion":"9.6.2","dist":{"integrity":"sha512-d8dNGZLhz0YCLK0U/STSFpZiPBm13RgRPhNZcuKVe+hunGW0DxyQO0N6tm7YVF/eEv/LucKOuM1Euh5qAKGeOQ==","shasum":"a09cb139e2ee591e81ae2df87e206a9f99df956e","tarball":"https://registry.npmjs.org/@creaditor/emoji-picker-web-component/-/emoji-picker-web-component-0.1.2.tgz","fileCount":20,"unpackedSize":264979,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDOV7wIxKujxgarMXqeyB1joLZR9OyrorAuGikOGsjSRAIhAM8dR3r4hFROiGCDopTypfQeXGko9LEZ3gdaMPaJFvOY"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkPUoiACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmphKQ/+Luj4jAnUeAAm3M8qCt2rOtvoYS0E+V6Tf+0pg39aDfNxEtD0\r\nIfhfAfJye22IIStVN3eKLpguNwfmGyWaQSDS4HdiC5mYfzafDLUMhsgo4X5k\r\nFdO+FsKA8WyyuUKOh5m2xDh5VvjwDQ2DrlXJeI/dMrOCA0H7bj+EiMPsjJFN\r\nejvNx8zXe8zOEBxMRjdGjR/qOS14CFF0ikXhXG7onttqVypC6BSUPufR9aXt\r\nXazB+f8cpb11dcOrmgyynm+2WdYkaNT1t6YbyrEnLgqOjBblyx/De+QqimfY\r\nOlFDfMrU7+pQOR6UX0OuPQDNV22haH+pLqzkegQ7zqKk8Xc/rTyrg57ks/q8\r\nm4hZNPxHGjdC2w98EZwivwabbGFd+d2TEzOPKADbLIgycf55vO4EbCfNS3hh\r\nzscLQoZZOEcKjJt+sLJJ8SFcDqGPD1Xh2nDquhDBbQoLnmQ7BaAQKybzrEFu\r\nFyCgB3oeDYj1hdOT+iEOaRRPUuJjAXRkPKA3IQN7Xtg1hiaUPEc3FDJPNpAn\r\ndLHvYCc3yM5xEZCH3RKoirP6SkXXxvhLRGj6OqydW4h/2RVRLnKW2kJnFmYR\r\n3wiOuP++3sDmJhdOGBBbxC1yPRtyVpO4ngcQviCk0o/wArxBncN3ZzmiFHDe\r\ncnTyeRNtCTrcxdTdMOdlM5diAiMOUgHeJUM=\r\n=WiDN\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"creaditor","email":"creaditor.system@gmail.com"},"directories":{},"maintainers":[{"name":"creaditor","email":"creaditor.system@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/emoji-picker-web-component_0.1.2_1681738274187_0.5108468142425056"},"_hasShrinkwrap":false}},"time":{"created":"2022-03-27T18:13:20.268Z","0.1.0":"2022-03-27T18:13:20.516Z","modified":"2023-04-17T13:31:14.490Z","0.1.1":"2022-03-27T18:17:32.653Z","0.1.2":"2023-04-17T13:31:14.383Z"},"maintainers":[{"name":"creaditor","email":"creaditor.system@gmail.com"}],"description":"this package use [emoji-picker-react](https://www.npmjs.com/package/emoji-picker-react)","readme":"# Creaditor Emoji Picker\r\n\r\n### Keep the following in mind\r\n\r\nthis package use [emoji-picker-react](https://www.npmjs.com/package/emoji-picker-react)\r\n\r\n## Installation\r\n\r\n### Node package\r\n\r\n`npm i @creaditor/emoji-picker-web-component `\r\n\r\n### Include the module in your application\r\n\r\n`import \"@creaditor/emoji-picker-web-component\"`\r\n\r\n### Add the tag in as dom element\r\n\r\n`<cdtr-emoji-picker></cdtr-emoji-picker>`\r\n\r\nExample:\r\n\r\n```json\r\n  const onEmojiClick = (event, emojiObject) => {\r\n    setChosenEmoji(emojiObject);\r\n  };\r\n```\r\n\r\n```js\r\nconst emojiPicker = document.createElement(\"cdtr-emoji-picker\");\r\nemojiPicker.onEmojiClick = (event, emojiObject) => {\r\n  const span = document.createElement(\"span\");\r\n  span.innerHTML = emojiObject.emoji;\r\n  document.getElementById(\"block\").appendChild(span);\r\n};\r\n\r\ndocument.getElementById(\"block\").appendChild(emojiPicker);\r\n```\r\n\r\n## Publish\r\n\r\n#### Please build using `npm run build`\r\n\r\n#### and then run `npm publish`\r\n\r\n### Accepted props\r\n\r\n| Name                    | Type       | Default Value | Required? | Description                                                                                             |\r\n| ----------------------- | ---------- | ------------- | --------- | ------------------------------------------------------------------------------------------------------- |\r\n| `onEmojiClick`          | `Function` | `undefined`   | Yes       | Callback to run when clicking an emoji.                                                                 |\r\n| `preload`               | `Boolean`  | `false`       | No        | Indicates whether all emojis images, should be preloaded, or only when showing each category.           |\r\n| `skinTone`              | `string`   | `neutral`     | No        | Decides the default skit tone for supported emojis.                                                     |\r\n| `disableAutoFocus`      | `boolean`  | `false`       | No        | Disables autofocus of the search bar. Useful for safari-iphone devices which zoom in to focused inputs. |\r\n| `disableSearchBar`      | `boolean`  | `false`       | No        | Disables the search bar and the skin tone picker altogether.                                            |\r\n| `disableSkinTonePicker` | `boolean`  | `false`       | No        | Disables the skin tone picker.                                                                          |\r\n| `pickerStyle`           | `Object`   | `undefined`   | No        | Overrides style of the component.                                                                       |\r\n| `groupNames`            | `Object`   | `undefined`   | No        | Specifies alternative category names to use. See Internationalization section.                          |\r\n| `groupVisibility`       | `Object`   | `undefined`   | No        | Specifies group names to be disabled.                                                                   |\r\n| `native`                | `Boolean`  | `false`       | No        | Loads system emojis instead of Apple Emoji pngs                                                         |\r\n| `searchPlaceholder`     | `string`   | `null`        | No        | Decides the default placeholder for the search input                                                    |\r\n","readmeFilename":"README.md"}