{"_id":"@danyarubcov/adaptivitynavigation","_rev":"3-a10a14bd8a16c8a2055e1a94117b0d3f","name":"@danyarubcov/adaptivitynavigation","dist-tags":{"latest":"1.10.3"},"versions":{"1.10.1":{"name":"@danyarubcov/adaptivitynavigation","version":"1.10.1","description":"Библиотека для адаптивного ui навигации в зависимости от размеров экрана","main":"dist/index.ts","types":"dist/index.d.ts","scripts":{"build":"tsc","prepare":"install-peers","publish":"npm run build && npm publish"},"author":{"name":"Danya Rubcov"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/ub1x/AdaptivityNavigation.git"},"devDependencies":{"@types/react":"^17.0.0","@types/react-dom":"^17.0.0","install-peers-cli":"^2.2.0","typescript":"^4.1.2"},"peerDependencies":{"@vkontakte/vkjs":"^0.20.0","@vkontakte/vkui":"^4.0.4","react":"^17.0.1"},"bugs":{"url":"https://github.com/ub1x/AdaptivityNavigation/issues"},"homepage":"https://github.com/ub1x/AdaptivityNavigation#readme","keywords":["adaptivitynavigation","vkuinavigation","vkuiadaptivity"],"_id":"@danyarubcov/adaptivitynavigation@1.10.1","_nodeVersion":"12.13.1","_npmVersion":"7.4.0","dist":{"integrity":"sha512-0lvrEWblZiNcmSdOpVe3Oc6XJIuqi3Z/fXANZQ52jQ1c4WLVtgvP26zjvF3VEEIvlMyBPlDrkOWUwV9gv5nHlQ==","shasum":"7bb176631a00c0bb5a4a253625380707daf7324d","tarball":"https://registry.npmjs.org/@danyarubcov/adaptivitynavigation/-/adaptivitynavigation-1.10.1.tgz","fileCount":17,"unpackedSize":11697,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgAEL0CRA9TVsSAnZWagAAv/IQAIfXYm0bn9wmkDdShyQM\nwlQOMnKOJMzoIFOpfdXXfSFkXEEi0hUg682BQlRNms8gWk1YLUQgbwzcJdlm\n2e/sAAJHtfMhToL4TXe+Eh9XoJ6b1V7kKkOdWgRNYKbk8btBuEWttB5piDQM\ncn/CwSQw2bYW0dEC+MgMRYyIvv2jB+T/8y47oKbZxsdh7u+7RYeMgl7N12lr\ng3NYiQC44on3rBb+2a5PMNJzRn0cO6W8AoP93QvLYcJ7YmO+ZngQBfXrWgKd\n6I8y5aZUmlHWBOb6CJcSFy0M3+7JDcdbvw+W+LjhxUegiBUCdIDN4PyfH5UP\n5tcsisv7V7j4syJewwj7H2hfYy2HXHO1AeWomiIgcam9vQUgCS010v2y5Hdp\nqntofUqYR0Uaws85bVgqaj+ssfZclhlOk3+xsCL66gdlJtLpZGusDFoidqHz\nWNsNkgTt2In2LKjwfS0uIz6q2+n9lb7G40q0MAAoIcWYDrOEyVCZL6inONX5\n4IT4J2OT5EIGo53nujDpPJvh2zkk1RlgpwNywyezJzlXc/C2tsqOvSa/K0/1\npjo0Ov09mHyPPjnCLxk2CwHO/C8uYteaX1y6eLReUBdVZ0bFJ7MDb6BcA1vW\nGTu6WSm8zk0ZCx/SCt0U+arFMZXU7yOcziaQwuO5ZRrRSgv+iYcwIamjBy5T\nkkSx\r\n=q8VL\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDOcduB9RNBd68KkNn9WliV1SuPzxYUDxfu/YFem77VhQIgSA5w7teZQsk7E31jUAB0DvPwpX0Jjmqt2YuWkVpIV3s="}]},"_npmUser":{"name":"danyarubcov","email":"rudanru@mail.ru"},"directories":{},"maintainers":[{"name":"danyarubcov","email":"rudanru@mail.ru"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/adaptivitynavigation_1.10.1_1610629875614_0.7558124974996057"},"_hasShrinkwrap":false},"1.10.2":{"name":"@danyarubcov/adaptivitynavigation","version":"1.10.2","description":"Библиотека для адаптивного ui навигации в зависимости от размеров экрана","main":"dist/index.ts","types":"dist/index.d.ts","scripts":{"build":"tsc","prepare":"install-peers","publish":"npm run build && npm publish"},"author":{"name":"Danya Rubcov"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/ub1x/AdaptivityNavigation.git"},"devDependencies":{"@types/react":"^17.0.0","@types/react-dom":"^17.0.0","install-peers-cli":"^2.2.0","typescript":"^4.1.2"},"peerDependencies":{"@vkontakte/vkjs":"^0.20.0","@vkontakte/vkui":"^4.0.4","react":"^17.0.1"},"bugs":{"url":"https://github.com/ub1x/AdaptivityNavigation/issues"},"homepage":"https://github.com/ub1x/AdaptivityNavigation#readme","keywords":["adaptivitynavigation","vkuinavigation","vkuiadaptivity"],"_id":"@danyarubcov/adaptivitynavigation@1.10.2","_nodeVersion":"12.13.1","_npmVersion":"7.4.0","dist":{"integrity":"sha512-OVIUdbZBHLxUM7N4UuLkJ9ZPtTcVYYqhnSF/89z1hkl0qrNi+xOHsaKr9lmy0T+9oyug0/W1I3GBoU1sDoJHjg==","shasum":"2eabefecfc0a5a8ebce997fb5d5639d0a847a6ad","tarball":"https://registry.npmjs.org/@danyarubcov/adaptivitynavigation/-/adaptivitynavigation-1.10.2.tgz","fileCount":17,"unpackedSize":11697,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgAEMGCRA9TVsSAnZWagAAamIP/2twjx+CX3Kg+EAP6UQE\n1TjkOm/fs1gt72EjoXGItkOwOrdEG5+0DMGhCbjYCnfUBv7o1xfVhzynwkDk\n6VrrPT7p8uyUVC3fk95b36mdSUvc2pQvQYlzkHFkBioR1I+K3KU8u9wPP4ij\n5aEP+h9oVYLe1RCqdf5WeTOHFrvM6EaEvZ7we8eRhXAytwglvP9p8ggpKIVy\nlsTb9bU/anEnRmOXDPQpE2lqHXW//NGezKM1IjSB9YILCKT8H3FJzCU0IC+e\ntaibR6KG1T2+mu+6NuHgoTTauk1CmtMmywEogN2eeSKvPqO25PyIizVdaR1C\nZCXbSLcwtVQD7aKyNExT7z1wzHKeyF8hkcmuMVCabTfarTuzaL1TKgLzxLJM\n42FDDXAwhhIq3+5TWzTeURzYA1PQAbHYJf5nNz49C7wieXx4R8LOJKkFOxTf\n1RYJMYCG62fgKYDieT1iGcYu5t4ajkwsc0fYT7V9iq3zq2JMDuLXheOV+/yl\n0bx/IiyF/KvP7D7qVfA+kQ+IrxogHOgciIL0rw34MT0L1joNrxvDWDjNegBZ\nwUk8PKH78bBMUVGNy15MbFUbk6Zu6m02P57mv22gKnM36378Yr1GUsC5Oqbh\nhBp5T/U89YNvgLg6phvKYMjKAzLi62btOXxNzqsPlODl/6ALu4CsFfRMD/g6\nzUxz\r\n=j4x2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFCKu9/AU1NtP5idhYOoVDxq2GyKF+GKTsIAMjvgY6zXAiEA4Whwmd2GLlDshfh663mklGBxpe4Bax4uqhXTdxGMdQ0="}]},"_npmUser":{"name":"danyarubcov","email":"rudanru@mail.ru"},"directories":{},"maintainers":[{"name":"danyarubcov","email":"rudanru@mail.ru"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/adaptivitynavigation_1.10.2_1610629893603_0.08831477557786371"},"_hasShrinkwrap":false},"1.10.3":{"name":"@danyarubcov/adaptivitynavigation","version":"1.10.3","description":"Библиотека для адаптивного ui навигации в зависимости от размеров экрана","main":"dist/index.ts","types":"dist/index.d.ts","scripts":{"build":"tsc","prepare":"install-peers","publish":"npm run build && npm publish"},"author":{"name":"Danya Rubcov"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/ub1x/AdaptivityNavigation.git"},"devDependencies":{"@types/react":"^17.0.0","@types/react-dom":"^17.0.0","install-peers-cli":"^2.2.0","typescript":"^4.1.2"},"peerDependencies":{"@vkontakte/vkjs":"^0.20.0","@vkontakte/vkui":"^4.0.4","react":"^17.0.1"},"bugs":{"url":"https://github.com/ub1x/AdaptivityNavigation/issues"},"homepage":"https://github.com/ub1x/AdaptivityNavigation#readme","keywords":["adaptivitynavigation","vkuinavigation","vkuiadaptivity"],"_id":"@danyarubcov/adaptivitynavigation@1.10.3","_nodeVersion":"12.13.1","_npmVersion":"7.4.0","dist":{"integrity":"sha512-4JLCXcMcORaobtfjlz6zDjxeCTRs4vmTXksQjGegUmqH3K/B4UvdaADzZmOXn5sFto6okUFepowldzEMLh1sCA==","shasum":"a17d2cf827ceaee7626e78b52223e1d46ee57d30","tarball":"https://registry.npmjs.org/@danyarubcov/adaptivitynavigation/-/adaptivitynavigation-1.10.3.tgz","fileCount":17,"unpackedSize":11697,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgAENhCRA9TVsSAnZWagAA4QIP/2WOEjcCiCDDc4ie3ObQ\nZcXD5NEMYa3u5vVCpKG7zCnmx5r9uSDkXPxAZLwn+N4+Oai7RmkbWO1VksUX\nbxWJ9/IfmjZ3TjT/VNjluBOhErff4kzb/4hqT9WecquqZMBOSHDapFXb5f4T\npX+3IDb3tbmIp7WfeqyDG7kS5x2e1BxkM78BdwENRNXRXdwftMdp5mhRTFM2\nBq+i5ybu8KN6Qv5+17nWEMSQH25U5Avp1lO9NRk4nYStMsOnF3XamwQUjOFd\nBNBAAhMzYwUom9vcEvg86V8e17SS2NjYHWCRpc5eLEeVhjHhiR8VWgfuwEsq\nfbKQCyfpn7ExVuFpqrlw1oozCE93H1LcL1H0EnO9tM9pQMzEKZGTWu7ZgD/T\nbgu2GApkECOXDGz44WMKtL3Kko9xKZUpoTIdFT217JRjzWIJQ6+2qFxVCUzC\nShuRrwHACHQ5PRdIY0tikcsDQZ54+RdrKYS1IdnLs/Egi1YJDm6WhJCloifE\nEC+mwh1tsK3c06Y969NQ022wVSoEjQApvPlaOvGrmlGL7AGnTc7HL0MzGqMa\nAHm+gvrRNjvFspgDwWasqNqFeJtrwesMPxzhvi092XfoquvwlRKG69MIupo8\nQkXW0rxKPUgvWRzqPMH8CNbX8gk16SeTfa+jjOIyRtV6lPNrUxuDor9NMeo5\nswmT\r\n=/7dT\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEaMJViMBtgRCvXqHeb8sHcA77BFbOfnNXpFyKMsiwSyAiBagFeeNQaZuhclt+ZLa63tQGmZ/BR/GT92VOPe5GXHMg=="}]},"_npmUser":{"name":"danyarubcov","email":"rudanru@mail.ru"},"directories":{},"maintainers":[{"name":"danyarubcov","email":"rudanru@mail.ru"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/adaptivitynavigation_1.10.3_1610629984684_0.6245087860019145"},"_hasShrinkwrap":false}},"time":{"created":"2021-01-14T13:11:15.566Z","1.10.1":"2021-01-14T13:11:15.724Z","modified":"2022-04-05T02:43:10.832Z","1.10.2":"2021-01-14T13:11:33.706Z","1.10.3":"2021-01-14T13:13:04.838Z"},"maintainers":[{"name":"danyarubcov","email":"rudanru@mail.ru"}],"description":"Библиотека для адаптивного ui навигации в зависимости от размеров экрана","homepage":"https://github.com/ub1x/AdaptivityNavigation#readme","keywords":["adaptivitynavigation","vkuinavigation","vkuiadaptivity"],"repository":{"type":"git","url":"git+https://github.com/ub1x/AdaptivityNavigation.git"},"author":{"name":"Danya Rubcov"},"bugs":{"url":"https://github.com/ub1x/AdaptivityNavigation/issues"},"license":"MIT","readme":"# Для чего нужна эта библиотека?\r\n\r\n- Для адаптивного ui навигации в зависимости от размеров экрана (В соответствии с [VKUI StyleGuide](https://vkcom.github.io/VKUI/#epic))\r\n\r\n# Установка\r\n\r\nИспользуя npm:\r\n\r\n```sh\r\n$ npm i @danyarubcov/adaptivitynavigation\r\n```\r\n\r\nИспользуя yarn:\r\n\r\n```sh\r\n$ yarn add @danyarubcov/adaptivitynavigation\r\n```\r\n\r\n# Использование\r\n\r\n## NavigationProvider\r\n\r\nДля начала нужно обернуть приложение в `NavigationProvider`\r\n\r\n```jsx\r\n// App.jsx\r\nimport { NavigationProvider } from \"@danyarubcov/adaptivitynavigation\";\r\n// import activeStory from your storage (Redux or any)\r\nconst App = () => {\r\n  <NavigationProvider activeStory={activeStory}>\r\n    <App />\r\n  </NavigationProvider>;\r\n};\r\n```\r\n\r\n### Важно\r\n\r\nБиблиотека базируется на хуке [useAdaptivity](https://vkcom.github.io/VKUI/#!/Adaptivity), поэтому Ваше приложение должно быть обернуто в `AdaptivityProvider`\r\n\r\n##### Пример\r\n\r\n```jsx\r\n// index.js\r\nimport ReactDOM from \"react-dom\";\r\nimport { AdaptivityProvider, AppRoot } from \"@vkontakte/vkui\";\r\nimport App from \"./App\";\r\n\r\nReactDOM.render(\r\n  <AdaptivityProvider>\r\n    <AppRoot>\r\n      <App />\r\n    </AppRoot>\r\n  </AdaptivityProvider>,\r\n  document.getElementById(\"root\")\r\n);\r\n```\r\n\r\n## buttons\r\n\r\n`NavigationProvider` ожидает в себе набор кнопок, которые в дальнейшем будут использоваться для навигации.\r\n`NavigationButton` нужно передать в пропс `buttons`, который инкапсулирует поведение `TabbarItem` и `Cell`\r\n\r\n### Пример\r\n\r\n```jsx\r\n// App.jsx\r\nimport {\r\n  NavigationProvider,\r\n  NavigationButton,\r\n} from \"@danyarubcov/adaptivitynavigation\";\r\n// import activeStory from your storage (Redux or any)\r\nconst App = () => {\r\n  <NavigationProvider\r\n    activeStory={activeStory}\r\n    buttons={\r\n      <Fragment>\r\n        <NavigationButton\r\n          selected={activeStory === \"main\"}\r\n          data-story=\"main\"\r\n          onClick={(e) =>\r\n            alert(\"You click to button \" + e.currentTarget.dataset.story)\r\n          }\r\n          text=\"Сервисы\"\r\n        >\r\n          <Icon28ServicesOutline />\r\n        </NavigationButton>\r\n        <NavigationButton\r\n          selected={activeStory === \"clips\"}\r\n          data-story=\"clips\"\r\n          onClick={(e) =>\r\n            alert(\"You click to button \" + e.currentTarget.dataset.story)\r\n          }\r\n          text=\"Клипы\"\r\n        >\r\n          <Icon28ClipOutline />\r\n        </NavigationButton>\r\n      </Fragment>\r\n    }\r\n  >\r\n    <App />\r\n  </NavigationProvider>;\r\n};\r\n```\r\n","readmeFilename":"readme.md"}