{"_id":"@anywhere-ui/react","_rev":"2-266e9607a330ba6a6a7e599a95544a33","name":"@anywhere-ui/react","dist-tags":{"latest":"0.3.0"},"versions":{"0.2.1":{"name":"@anywhere-ui/react","sideEffects":false,"version":"0.2.1","description":"AnywhereUI integration for React apps","license":"MIT","keywords":["anywhere-ui","framework","react","stencil","mobile","app","webapp","capacitor","cordova","electron","progressive web app","pwa"],"repository":{"type":"git","url":"git+https://github.com/adaleks/anywhere-ui.git"},"bugs":{"url":"https://github.com/adaleks/anywhere-ui/issues"},"homepage":"https://github.com/adaleks/anywhere-ui/tree/main/packages/react#readme","scripts":{"build":"npm run clean && npm run compile","clean":"rm -rf dist","compile":"npm run tsc","tsc":"tsc -p .","rollup":"rollup -c"},"main":"./dist/index.js","module":"./dist/index.js","types":"./dist/index.d.ts","devDependencies":{"@types/jest":"^23.3.14","@types/node":"^13.13.52","@types/react":"^17.0.39","@types/react-dom":"^17.0.11","jest":"^26.6.3","jest-dom":"^3.0.2","np":"^6.5.0","react":"^17.0.2","react-dom":"^17.0.2","typescript":"^4.5.5"},"dependencies":{"@anywhere-ui/core":"^0.2.1"},"peerDependencies":{"react":"^17.0.2","react-dom":"^17.0.2"},"jest":{"preset":"ts-jest","setupTestFrameworkScriptFile":"<rootDir>/jest.setup.js","testPathIgnorePatterns":["node_modules","dist"]},"buildnum":"9","_id":"@anywhere-ui/react@0.2.1","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-9YWmHxiQCbr9YHqJ9obQY9+i6GQjyGHIe4b+5M5QRcAuVmjmah2xeAxMAh4vlxpf3Ay4eO1LJ7gWeohFJPzTIw==","shasum":"b1dc9b97ea4e4d11083e62de69cb18d0f86301fb","tarball":"https://registry.npmjs.org/@anywhere-ui/react/-/react-0.2.1.tgz","fileCount":33,"unpackedSize":44192,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiG9QFACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqOjg/+IfAlxI1JtWqkUMPwaZCw/48M2eJgh6jm3iAZ9WjfEPqui7gU\r\n4rwlvA2SHkpdJDAOyQ4j4De31jlo+jXEzGATgueE6qqtiuaAGtPoA6/Kzb9H\r\nYP5a3Wm7Rj7LufdVWBcd6LYrL4gWT5oq19EUbhYDZgBhD0Zg176yAoTGA6U7\r\n3FM3CIHsAoqg2+gGDPQWpOlbDJK2hr1ruouSrp5pHvTy0PT9Nj9+S1v01rG9\r\nhuqvfam8GerEhyVximel5D83Ae6goRzQAk8e6Q+fRt0DOAPkNWwleQrm6+Fw\r\nZMHlWN0Sz/fRKTZJ/wNpxheP/8t0UGtWBgOAU8B9gc+5+SP2yz/7jynEAnDV\r\nm/1MewmJZqzMx9GRoD4iSY8G9z0/U1sSJx8xuRY4+/jRtmE9BwGOm2wVvsqE\r\nDHvxA/9eh+GnA1ZDj25nf0WmY7Jz2yPj3WX+nlXvMORZzj+bTPWoASl8hAuQ\r\na+MU5CZvnLLETkOjzW+wm7kVQF5s8wSlCgbSHrSp60f+HRp/5gela5vRKkcK\r\nGefjuuAQqTTWPL/CJ7MK7y/Gm1nBQzsIuedrtZTLvqQnjwCCuuLh1CiQSoUz\r\n/wMZNmXca+21mxhA8N4qc855oQVQTA4ltUuldSTs0ZH7KhtTS9XL3NJgwJu1\r\nT+lB4wb4P33lu0tUVSzN/Yav+bVDvR8bPP8=\r\n=xWP/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIB6MQ12oOVXj7npSPdv3hXz1fnu+S+snL0eyIcVLftLCAiEAoOWwEX6NRZYUPPcZt44tpp3s+gY6mN+F++fWMuL/F/o="}]},"_npmUser":{"name":"gjovanovicst","email":"gjovanovic.st@gmail.com"},"directories":{},"maintainers":[{"name":"gjovanovicst","email":"gjovanovic.st@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react_0.2.1_1645990916809_0.3267912521309757"},"_hasShrinkwrap":false},"0.3.0":{"name":"@anywhere-ui/react","sideEffects":false,"version":"0.3.0","description":"AnywhereUI integration for React apps","license":"MIT","keywords":["anywhere-ui","framework","react","stencil","mobile","app","webapp","capacitor","cordova","electron","progressive web app","pwa"],"repository":{"type":"git","url":"git+https://github.com/adaleks/anywhere-ui.git"},"bugs":{"url":"https://github.com/adaleks/anywhere-ui/issues"},"homepage":"https://github.com/adaleks/anywhere-ui/tree/main/packages/react#readme","scripts":{"build":"npm run clean && npm run compile","clean":"rm -rf dist","compile":"npm run tsc","tsc":"tsc -p .","rollup":"rollup -c"},"main":"./dist/index.js","module":"./dist/index.js","types":"./dist/index.d.ts","devDependencies":{"@types/jest":"^29.4.0","@types/node":"^18.11.18","@types/react":"^18.0.27","@types/react-dom":"^18.0.10","jest":"^29.4.1","jest-dom":"^4.0.0","np":"^7.6.3","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.9.5"},"peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0"},"jest":{"preset":"ts-jest","setupTestFrameworkScriptFile":"<rootDir>/jest.setup.js","testPathIgnorePatterns":["node_modules","dist"]},"buildnum":"13","dependencies":{"@anywhere-ui/core":"^0.3.0","@anywhere-ui/flex":"^1.0.2"},"_id":"@anywhere-ui/react@0.3.0","_nodeVersion":"14.21.2","_npmVersion":"6.14.17","dist":{"integrity":"sha512-+zHDTzYs7IuJYrUw5lXig3KTyXaVTBklLHLOmyij2KgRClicQIfx78VfxdzsD10dei+AFcjP4xVm7SsyWw0+GQ==","shasum":"b88f2e9a72d136324bb0e66e5c7e4a9760c06fa1","tarball":"https://registry.npmjs.org/@anywhere-ui/react/-/react-0.3.0.tgz","fileCount":33,"unpackedSize":43663,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIATj6rdPrypo3lzBXawJSs+jJ/7d7fJkb220U/VLumV4AiBblvVHCZQUkifkpEsXSsAuamd3r4LIpr6CmuDamDFrIQ=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj7XGMACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrgCg/+OUvSJWWMu5Jm3zKUx1vSlHbto7ysDJfeYmsjFopzoD5x1hBu\r\nIiRnDG6Sp8BWe2HI+JB4Eo2Pk7Cyirab8FS3wM3KDon/nzaEzHYE4Q/d9ycc\r\nOtY7iDbyT2GCmSgftfJu21TLEgmpp1nLuytLCfzyf7+5F3kDxYa34tsMHK1Z\r\ntZyLZAatWCa8BQ7bSOOQalTXF81uHok0p2hJv9fc4GZymvZ7KZTq5zuCM7Cy\r\nhH5JGAid9jLQVMPSQIvPuyb6fMK99dCesjiRLXW5+2fWLkkWZdB3WCVGwPiG\r\npIEPE2ULlCWoxaXQhGVgLtFFq1jKU/I8eVLHY4an4rkeLhv4tFIbbypYrOL8\r\nWIHUi+z0qd+0ZvjGd6pbHDtjXhP4IWbEhtOLMnllezk/qZ+5gCGOsr1m1asC\r\nZQHpxobp13NtC3kqEnY56jfEOkdoguuB4tUNf5mFK4ucvEEiXT5lzhDrC8zc\r\n9069Z7i+yu+8J3dBkaESzAiM8fLM63CF+3MBJlOtB9TBBqAxgFhobmpHnBtK\r\npebbNytfjsF9jkZ8RYILV7T58BgkAJ9BFo+snjSramBWezzDfZ1+ifNgyFHh\r\nDK/l+OCVzLxer73CEqbzLgyEQMuWv7PCl6S/jg59NTFFGtUVFzqcLFhWuxo3\r\n+d5cd3XkEFlXBf0QmyhhV+fx2Bsga/3F7SE=\r\n=mtX/\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"gjovanovicst","email":"gjovanovic.st@gmail.com"},"directories":{},"maintainers":[{"name":"gjovanovicst","email":"gjovanovic.st@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react_0.3.0_1676505484088_0.7088459600012051"},"_hasShrinkwrap":false}},"time":{"created":"2022-02-27T19:41:56.763Z","0.2.1":"2022-02-27T19:41:57.034Z","modified":"2023-02-15T23:58:04.373Z","0.3.0":"2023-02-15T23:58:04.260Z"},"maintainers":[{"name":"gjovanovicst","email":"gjovanovic.st@gmail.com"}],"description":"AnywhereUI integration for React apps","homepage":"https://github.com/adaleks/anywhere-ui/tree/main/packages/react#readme","keywords":["anywhere-ui","framework","react","stencil","mobile","app","webapp","capacitor","cordova","electron","progressive web app","pwa"],"repository":{"type":"git","url":"git+https://github.com/adaleks/anywhere-ui.git"},"bugs":{"url":"https://github.com/adaleks/anywhere-ui/issues"},"license":"MIT","readme":"# React\n\nReact has a difficult story with web components. Their documentation shows the simplest possible example but more than likely you will want to pass more than strings to your component. If you want to know what the story is without the bindings go here: https://stenciljs.com/docs/react.\n\nWith bindings the web components get wrapped in a React component and then immediately become available as React Components. Some of the advantages of doing this are that you get types for your components. One of the main issues with React is that react does not propertly pass properties to web components. Out of the box React can only pass strings and numbers to components and it cannot listen to custom events. With the bindings the components appear as though they are React components and all properties get passed correctly including functions, objects, and arrays. The bindings also account for custom events by creating a prop called ‘on’. These allow React developers to interact with the web components as though they are React components.\n\n## AnywhereUI components for React\n\nThese are AnyehereUI Web Components specifically build for React.\n\n## Style\n\nThe css dependencies should be imported in `index.js` file\n\n```js\nimport \"@anywhere-ui/core/dist/anywhere-ui/anywhere-ui.css\";\n```\n\n## Usage\n\nAdd this package to your project:\n\n```shell\nnpm install @anywhere-ui/react\n```\n\nOr:\n\n```shell\nyarn add @anywhere-ui/react\n```\n\nImport the component(s) you want to use:\n\n```js\nimport { AnyCheckbox } from \"@anywhere-ui/react\";\n```\n\nUse it in your JSX as any React component:\n\n```html\n<AnyCheckbox checked=\"true\" label=\"React\"></AnyCheckbox>\n```\n\n## Config\n\nAnywhereUI Config provides a way to change the properties of components globally across an app. It can set the ripple effect, app mode, animations, and more.\n\n### Global Config\n\nTo override the initial AnywhereUI config for the app, provide a config in `setupAnywhereUIReact` method in the `App.js` file.\n\n```js\nimport { setupAnywhereUIReact } from \"@anywhere-ui/react\";\n\nsetupAnywhereUIReact({\n  rippleEffect: true,\n});\n```\n\n## Config Options\n\nBelow is a list of config options that AnywhereUI uses.\n\n| Config       | Type    | Default | Description                                     |\n| ------------ | ------- | ------- | ----------------------------------------------- |\n| rippleEffect | boolean | true    | If `true` adds ripple effect to the components. |\n\n## Build\n\n```bash\nnpm run build\n```\n\n## How to release a new version\n\n- Build the core package\n- Run build on this package\n- Publish\n","readmeFilename":"README.md"}