{"_id":"@ayub-begimkulov/react-transition","_rev":"9-d26e7c9efb603159246d235f00201e4f","name":"@ayub-begimkulov/react-transition","dist-tags":{"latest":"0.2.0"},"versions":{"0.1.0":{"private":false,"name":"@ayub-begimkulov/react-transition","version":"0.1.0","description":"Library that helps you create smooth css transitions in your react app.","main":"dist/index.js","module":"dist/index.es.js","sideEffects":false,"scripts":{"build":"rollup -c","test":"jest","dev":"cd demo && npm run dev","build-and-test":"npm run build --prefix tests/app && npm run test","test-group":"npm run build --prefix tests/app2 && npm run test ./tests/TransitionGroup.spec.ts","lint":"eslint '*/**/*.{js,ts,tsx}' --fix"},"keywords":["react","transition","animation","reaction-transition","react-animation"],"author":{"name":"Ayub Begimkulov"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/Ayub-Begimkulov/react-transition.git"},"homepage":"https://github.com/Ayub-Begimkulov/react-transition","bugs":{"url":"https://github.com/Ayub-Begimkulov/react-transition/issues"},"workspaces":["demo","src","tests/app"],"devDependencies":{"@rollup/plugin-replace":"^2.3.4","@testing-library/jest-dom":"^5.11.8","@testing-library/react":"^11.2.2","@types/jest":"^26.0.15","@types/puppeteer":"^5.4.0","@types/react":"^16.9.50","@types/react-dom":"^16.9.8","@typescript-eslint/eslint-plugin":"^4.6.0","@typescript-eslint/parser":"^4.6.0","eslint":"^7.12.1","eslint-plugin-react":"^7.21.5","eslint-plugin-react-hooks":"^4.2.0","html-webpack-plugin":"^4.5.0","husky":"^4.3.0","istanbul-lib-coverage":"^3.0.0","jest":"^26.6.3","puppeteer":"^5.4.1","react":"^17.0.1","rollup":"^2.33.3","rollup-plugin-size-snapshot":"^0.12.0","rollup-plugin-terser":"^7.0.2","rollup-plugin-typescript2":"^0.29.0","ts-jest":"^26.4.3","ts-loader":"^8.0.4","typescript":"^4.1.2","v8-to-istanbul":"^7.1.0"},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0"},"husky":{"hooks":{"pre-commit":"npm run lint && npm run test"}},"gitHead":"70f0ed2333a5976b5cf8fa92dc85924522af525b","_id":"@ayub-begimkulov/react-transition@0.1.0","_nodeVersion":"14.15.1","_npmVersion":"6.14.8","dist":{"integrity":"sha512-gmePnkkmLuUkgpggffTsldUixI03ld/D/MUNuXGdlcjlmrsKRjvX9QU1fITwtiC+5jJwACDG3siZGzydgZrr4g==","shasum":"22d004bc4e9ad6e54e94d31904a6cbcc889824a5","tarball":"https://registry.npmjs.org/@ayub-begimkulov/react-transition/-/react-transition-0.1.0.tgz","fileCount":22,"unpackedSize":44386,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgCZajCRA9TVsSAnZWagAAJ6MP/0miNMORwySxdyxP840H\nwViKdjUpb04VcYgo6D4Ez3lJxKuxy7nrPhG0tCAzPtr6+DhqVSfnZTrHQF9K\ng7sWUBqcQuX4YHYOONKPKqTg3d6E33qmlSx1iZUw1gBAzXQKjLWkSkQXImtw\n1EpiipUjxUcd35aZAFj8pXfuY7BobHrM3W/UafuGqXHx3wI0CfNtZ33MqK5A\n17sxWpDuZC/hTQFeGtDpIbVea1WbZMQCzQ4qnZILF40Cq6+znaUfhSQS/aTh\nsQSg0d2endEL3GUwP+xC9maw4q3FxE0CXs2nvcK+VZFJrqmBwA/QZs2Qe2ei\nPxrOiQxAiYwlhZq0icTBw+9KGYw0lRNjvCGsl/kW+aOWbRcRnPtvH63TfE0u\nNz2/KhGqEU6zuqL10u2Oi4PLHRplixL3JIHn90tbFgaZKBH9xD3z8wN3N4lR\nmqzfMwz/iQuSvpTB8qIMMzTMNRE/2ZVIahV3FIokZ7TDmxMq0afrlQO1Yn+n\n7THf0jtHAD0EPeUSM7q/44G+EAHdIDkTCVm/BqouR68EUok9ENSRprZpMuZg\nvVwE+H2xxypDY3ZuApvrrsJuRnZiqQPdg+0mtSmBnul20/abWSw1ZizWJTkj\nkyncink2D+wonXcEpRrreU+qi/kBg1dXSJO4xSL3CxRQW7gmhLOJQNhaWHAO\n6ce1\r\n=7EIC\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAxp6xjmWI8J58yzGyYJP9+x6whBAiE9AHr04iFIDPJLAiBIVZiBftSZTUV9qJaGrvlBl1gnnWjiNg093lY4qCa6ag=="}]},"_npmUser":{"name":"ayub-begimkulov","email":"begimkulov963@gmail.com"},"directories":{},"maintainers":[{"name":"ayub-begimkulov","email":"begimkulov963@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-transition_0.1.0_1611241123021_0.18656224591321413"},"_hasShrinkwrap":false,"deprecated":"Package was renamed to 'retransition'"},"0.1.1":{"private":false,"name":"@ayub-begimkulov/react-transition","version":"0.1.1","description":"Library that helps you create smooth css transitions in your react app.","main":"dist/index.js","module":"dist/index.es.js","sideEffects":false,"scripts":{"build":"rollup -c","test":"jest","dev":"cd demo && npm run dev","build-and-test":"npm run build --prefix tests/app && npm run test","test-group":"npm run build --prefix tests/app2 && npm run test ./tests/TransitionGroup.spec.ts","lint":"eslint '*/**/*.{js,ts,tsx}' --fix"},"keywords":["react","transition","animation","reaction-transition","react-animation"],"author":{"name":"Ayub Begimkulov"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/Ayub-Begimkulov/react-transition.git"},"homepage":"https://github.com/Ayub-Begimkulov/react-transition","bugs":{"url":"https://github.com/Ayub-Begimkulov/react-transition/issues"},"workspaces":["demo","src","tests/app"],"devDependencies":{"@rollup/plugin-replace":"^2.3.4","@testing-library/jest-dom":"^5.11.8","@testing-library/react":"^11.2.2","@types/jest":"^26.0.15","@types/puppeteer":"^5.4.0","@types/react":"^16.9.50","@types/react-dom":"^16.9.8","@typescript-eslint/eslint-plugin":"^4.6.0","@typescript-eslint/parser":"^4.6.0","eslint":"^7.12.1","eslint-plugin-react":"^7.21.5","eslint-plugin-react-hooks":"^4.2.0","html-webpack-plugin":"^4.5.0","husky":"^4.3.0","istanbul-lib-coverage":"^3.0.0","jest":"^26.6.3","puppeteer":"^5.4.1","react":"^17.0.1","rollup":"^2.33.3","rollup-plugin-size-snapshot":"^0.12.0","rollup-plugin-terser":"^7.0.2","rollup-plugin-typescript2":"^0.29.0","ts-jest":"^26.4.3","ts-loader":"^8.0.4","typescript":"^4.1.2","v8-to-istanbul":"^7.1.0"},"peerDependencies":{"react":">=16.8.0 || 17.x","react-dom":">=16.8.0 || 17.x"},"husky":{"hooks":{"pre-commit":"npm run lint && npm run test"}},"gitHead":"70f0ed2333a5976b5cf8fa92dc85924522af525b","_id":"@ayub-begimkulov/react-transition@0.1.1","_nodeVersion":"14.15.1","_npmVersion":"6.14.8","dist":{"integrity":"sha512-WF/D9DL1UsW24R4k2J+KCrOCG3XhRY1GPkmfj+HVtxIL0azBWN8fF/iylPp4cANFqkoNrRy1C9c+KjETjzuHDQ==","shasum":"e7f5d9d890c5cf90bc8894d532e32bac35344797","tarball":"https://registry.npmjs.org/@ayub-begimkulov/react-transition/-/react-transition-0.1.1.tgz","fileCount":22,"unpackedSize":44402,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgCZzTCRA9TVsSAnZWagAAlBsQAJVQCsZL8p0EQ5Lzf/+S\nTZnEFPga5orOW8nYM2o7Ui19nofru6sjnpkSuoTq3wKRHs3jEz2NJuhflOVB\na3mem+djBPqp7Udh+zbFcgjQ5UG4WYcRKCv4FysYbPQL8emVhhs6v9BQvMYR\nbbXnDj2gwuqZtuLswJVOkv1EvPPgrHGXTolWKkZPyhWGj72H5TRltn//Knn5\nhozbnypMDy0h5EUJhuKRshKmyFIfTcb3BZZFHDKAn2Gcb5ztHo88KIO8xBuu\nWD4+2Wz6wFUA6dPLeH09e3dvpe+U0OLySnotMJFkIki0V88UVu7joeRFz4Mp\nkCCzEumPBliZDMqIGTv44e9Q5JzNCwqpYRbiP84dpBm72w7v6hTQvXSYUf0C\nJW7zpqKMJ1avqf2qYFLjETSuQpCgpNclF/fD23xEnvdq1NXXLdcZh2wQFNEA\n+AYjDPSEThTXxCaSj/tNx0B+XZkjz33xHZtcF1S9k98qmk21pJlTgaCGJd0b\n471RmecbNZIk88SnLcybCKzSVXVN3yUOLmRmqMplBFiYLC8d0Mui26fSpBQE\nA8/UpDfKKiOJSNGdGzAihVRXBCrzEZ1cSbcoTzDrhfWsR8Qclf0cYyo+KyDV\nWklNFjFwWSBJV6ZJRVrKupKMNavI+wJpmmB0Zs0tY4oKs83LQF1dO2TaV1Js\nMT4v\r\n=KXEC\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC3T9Ef3Xo34pCjNy/tBjxYW+eArXzAxXcDNA7vuuTfXAIhAOijufvPPGo1yK+H5+jmztc/4ZtTPO8BkiLxotr1TPLk"}]},"_npmUser":{"name":"ayub-begimkulov","email":"begimkulov963@gmail.com"},"directories":{},"maintainers":[{"name":"ayub-begimkulov","email":"begimkulov963@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-transition_0.1.1_1611242707453_0.3053213537875821"},"_hasShrinkwrap":false,"deprecated":"Package was renamed to 'retransition'"},"0.1.2":{"private":false,"name":"@ayub-begimkulov/react-transition","version":"0.1.2","description":"Library that helps you create smooth css transitions in your react app.","main":"dist/index.js","module":"dist/index.es.js","sideEffects":false,"scripts":{"build":"rollup -c","test":"jest","dev":"cd demo && npm run dev","build-and-test":"npm run build --prefix tests/app && npm run test","test-group":"npm run build --prefix tests/app2 && npm run test ./tests/TransitionGroup.spec.ts","lint":"eslint '*/**/*.{js,ts,tsx}' --fix"},"keywords":["react","transition","animation","reaction-transition","react-animation"],"author":{"name":"Ayub Begimkulov"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/Ayub-Begimkulov/react-transition.git"},"homepage":"https://github.com/Ayub-Begimkulov/react-transition","bugs":{"url":"https://github.com/Ayub-Begimkulov/react-transition/issues"},"workspaces":["demo","src","tests/app"],"devDependencies":{"@rollup/plugin-replace":"^2.3.4","@testing-library/jest-dom":"^5.11.8","@testing-library/react":"^11.2.2","@types/jest":"^26.0.15","@types/puppeteer":"^5.4.0","@types/react":"^16.9.50","@types/react-dom":"^16.9.8","@typescript-eslint/eslint-plugin":"^4.6.0","@typescript-eslint/parser":"^4.6.0","eslint":"^7.12.1","eslint-plugin-react":"^7.21.5","eslint-plugin-react-hooks":"^4.2.0","html-webpack-plugin":"^4.5.0","husky":"^4.3.0","istanbul-lib-coverage":"^3.0.0","jest":"^26.6.3","puppeteer":"^5.4.1","react":"^17.0.1","rollup":"^2.33.3","rollup-plugin-size-snapshot":"^0.12.0","rollup-plugin-terser":"^7.0.2","rollup-plugin-typescript2":"^0.29.0","ts-jest":"^26.4.3","ts-loader":"^8.0.4","typescript":"^4.1.2","v8-to-istanbul":"^7.1.0"},"peerDependencies":{"react":">=16.8.0 || 17.x","react-dom":">=16.8.0 || 17.x"},"husky":{"hooks":{"pre-commit":"npm run lint && npm run test"}},"gitHead":"a335f4d22eab2abbfa8e5f1d407ef6ff0bc3a8b5","_id":"@ayub-begimkulov/react-transition@0.1.2","_nodeVersion":"14.15.1","_npmVersion":"6.14.8","dist":{"integrity":"sha512-2a2YfDg7AQ6y9FJV3qq0HOsQEybQeBHZa7HTlW4u6MUvuYHT03MzY89cqiS7ItRO9+56kPp28XjnehnoSO+MvQ==","shasum":"d553ab7d3d8c9555b2c16cf7632592d646704feb","tarball":"https://registry.npmjs.org/@ayub-begimkulov/react-transition/-/react-transition-0.1.2.tgz","fileCount":22,"unpackedSize":48066,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgC9cVCRA9TVsSAnZWagAAIbMP/jGwGvvSNtapGBRvrgQ7\n0DyCyje3MN91VjtI5jcQ72Gw3hMmnlVhw7xu8D4ebnjvZdbJnJCLRAfLx72a\nBDZfLHRzSNL2K4yHKItYgYARFr9earaPz4truaEkh4lokAahgjFstPwPfAMC\nmj7D2quQcM/e/kqWEEYAxi3VN3rxuxkRD7VY69CRwNKI/zpJfAXJCjI3lNYo\nfAZEeIbRccyJB/M02RP5CyLBt7fk2vYm4p20ULEO3pU4BoGD+pFaC4KPvOW4\nWzloCXC0wFTMlx2NkL7qUYtKldToioYWhmpz14yezNWjUkTO+4THes5MEnrt\nK+cVXN3DV8k9tGj2Lgm/mAULfiTWJWBETWMgGwFyAPbdRoEpw3lXKiGrF3wq\nQod9qnWYHBPtQRrtqje6pP+dUAoM53Z9SJHMSbUoJqPOxYFYN6YGXd+LhbG7\nnt+kMzbH+D4neN1jUv7K9xEENCzxKrwjR0MtNuj6NTq0p76TLmuFCiyTWESO\nf48bZ/qHX/jHmA1epB2UAvXTn5t4ccIbGihwxBZa3nXbvJtRSpdwWpBeTBNT\np3aAAKZggdKNC7pGSj1+NtcR0NlOI8r+p8+p6R8zMzd2XB3SJjWS30a0LsAz\nprCYw0hMwfu0bNK747NarYvsWwLx2CxzG+ZZsPPtuljvkmVeYnznxRfunz4Y\nwRRD\r\n=curZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEdsO/k8AMwu2LcxnSSEie9UHKAMcF9dsxW+NBU00/lNAiEAg2UvMpOVgGOBO7TSdk6rC/AZGkzJn4ae+CXpL88+Iyc="}]},"_npmUser":{"name":"ayub-begimkulov","email":"begimkulov963@gmail.com"},"directories":{},"maintainers":[{"name":"ayub-begimkulov","email":"begimkulov963@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-transition_0.1.2_1611388692477_0.9644363508378462"},"_hasShrinkwrap":false,"deprecated":"Package was renamed to 'retransition'"},"0.1.3":{"private":false,"name":"@ayub-begimkulov/react-transition","version":"0.1.3","description":"Library that helps you create smooth css transitions in your react app.","main":"dist/index.js","module":"dist/index.es.js","sideEffects":false,"scripts":{"build":"rollup -c","test":"yarn build && npm run build --prefix tests/app && npm run build --prefix tests/app2 && jest","dev":"cd demo && npm run dev","lint":"eslint '*/**/*.{js,ts,tsx}' --fix"},"keywords":["react","transition","animation","reaction-transition","react-animation"],"author":{"name":"Ayub Begimkulov"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/Ayub-Begimkulov/react-transition.git"},"homepage":"https://github.com/Ayub-Begimkulov/react-transition","bugs":{"url":"https://github.com/Ayub-Begimkulov/react-transition/issues"},"workspaces":["demo","src","tests/app"],"devDependencies":{"@rollup/plugin-replace":"^2.3.4","@testing-library/jest-dom":"^5.11.8","@testing-library/react":"^11.2.2","@types/jest":"^26.0.15","@types/puppeteer":"^5.4.0","@types/react":"^16.9.50","@types/react-dom":"^16.9.8","@typescript-eslint/eslint-plugin":"^4.6.0","@typescript-eslint/parser":"^4.6.0","eslint":"^7.12.1","eslint-plugin-react":"^7.21.5","eslint-plugin-react-hooks":"^4.2.0","html-webpack-plugin":"^4.5.0","husky":"^4.3.0","istanbul-lib-coverage":"^3.0.0","jest":"^26.6.3","puppeteer":"^5.4.1","react":"^17.0.1","rollup":"^2.33.3","rollup-plugin-istanbul":"^3.0.0","rollup-plugin-size-snapshot":"^0.12.0","rollup-plugin-terser":"^7.0.2","rollup-plugin-typescript2":"^0.29.0","ts-jest":"^26.4.3","ts-loader":"^8.0.4","typescript":"^4.1.2","v8-to-istanbul":"^7.1.0"},"peerDependencies":{"react":">=16.8.0 || 17.x","react-dom":">=16.8.0 || 17.x"},"husky":{"hooks":{"pre-commit":"npm run lint && npm run test"}},"gitHead":"af8734f2467118178bf516f7cf4f255b8779d16f","_id":"@ayub-begimkulov/react-transition@0.1.3","_nodeVersion":"14.15.1","_npmVersion":"6.14.8","dist":{"integrity":"sha512-x6TcIeIDexq9Z3ABzJmpAg+DEtQ8RF1/brk/J2md0/ybNlpZVYimkwZjWHU5F75i9wN7ZF2rVRIgixDYrGVgCA==","shasum":"953b167fb597ba4a89a33b80ab948eb5466c5b20","tarball":"https://registry.npmjs.org/@ayub-begimkulov/react-transition/-/react-transition-0.1.3.tgz","fileCount":19,"unpackedSize":39246,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgDCSlCRA9TVsSAnZWagAAREsP/iWNsNy1UpJ2JAPoVuzu\nkSfxeb49aKVFoQHpeFeVYGMid3IMDIu9zREzQnzdnBkxAvNe9/iirt8sZMQR\niub7JtB5GR14CVQE/MaLwcV2reFFtiJbqDmAP1YFTTO6Ahd1cJg85BS3vf1M\nCibUJ7eSj90s9mQxneC2r1+/mEQ6JHiW+Y0jqFbdnvdf+ocaTowAPVrJ9DtO\nOx23F9wMxNvMpMK9BfrV+ufyQpdI95kwczClrvsd+mP1yC0S3zN5n06hxATL\nLW5uXfAO46AJUj2y8nakL+0w2xfOZdgh+1nw93otZECvd1nSCpzUSY7G4ttY\n3WrEpsb+Ed/oycdIOlKzt/kz/w+me7nCNN+GQOxTGPDb+4Ok/gEbOM4NyT8h\nJR1B2QNw6kZw4KUeFGUnXU2upDQvhriKA/WKoMNHJrXFKBFDZZStfl4gqSrM\nmGe+3Wzhnhq3WRGOT/OsbuLBiTSIav/Zjn8nWaDohxSTUgfInyF46w8BcMpV\nJPxKuGQHAhC3Xvzz4f2CUB6E/gZgbuJ8xN7I2y1giZwHMwsOcl2kxmZUQi2O\njSM8KB209/idJkQjla0q2rO5rJzNuVkjOrNlL59WX2+Mn/6XXbcgyusHzjEB\n7dzbM6OQydIB2/MLbOhdmeXU3gmiUbUvvjxO2vb2HqPJ53jIO9QZAu5/Ax3a\nt3Be\r\n=TZL7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCuODNEcwkUy/7hxf6qLfV3a/7qptJTfOLqLEEwdvlf/gIhAK7y26HXxRMYEJjjE98iERAcVuXrZHxheFfXM/knjqDk"}]},"_npmUser":{"name":"ayub-begimkulov","email":"begimkulov963@gmail.com"},"directories":{},"maintainers":[{"name":"ayub-begimkulov","email":"begimkulov963@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-transition_0.1.3_1611408548888_0.8940742356986273"},"_hasShrinkwrap":false,"deprecated":"Package was renamed to 'retransition'"},"0.2.0":{"private":false,"name":"@ayub-begimkulov/react-transition","version":"0.2.0","description":"![GitHub](https://img.shields.io/github/license/Ayub-Begimkulov/react-transition) ![npm](https://img.shields.io/npm/v/@ayub-begimkulov/react-transition) ![npm bundle size](https://img.shields.io/bundlephobia/minzip/@ayub-begimkulov/react-transition)","main":"dist/index.js","module":"dist/index.es.js","sideEffects":false,"scripts":{"build":"rollup -c","test":"TESTING=true yarn build && nyc instrument tests/index.umd.js > tests/lib.js && jest --runInBand","dev":"yarn --cwd demo dev","lint":"eslint '*/**/*.{js,ts,tsx}' --fix","coverage":"nyc report --reporter html --reporter text -t coverage --report-dir coverage/summary"},"keywords":["react","transition","animation","reaction-transition","react-animation"],"author":{"name":"Ayub Begimkulov"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/Ayub-Begimkulov/react-transition.git"},"homepage":"https://github.com/Ayub-Begimkulov/react-transition","bugs":{"url":"https://github.com/Ayub-Begimkulov/react-transition/issues"},"workspaces":["demo","src","tests/app"],"devDependencies":{"@rollup/plugin-replace":"^2.3.4","@testing-library/jest-dom":"^5.11.8","@testing-library/react":"^11.2.2","@types/jest":"^26.0.15","@types/puppeteer":"^5.4.0","@types/react":"^16.9.50","@types/react-dom":"^16.9.8","@typescript-eslint/eslint-plugin":"^4.6.0","@typescript-eslint/parser":"^4.6.0","eslint":"^7.12.1","eslint-plugin-react":"^7.21.5","eslint-plugin-react-hooks":"^4.2.0","html-webpack-plugin":"^4.5.0","husky":"^4.3.0","istanbul-lib-coverage":"^3.0.0","jest":"^26.6.3","nyc":"^15.1.0","playwright":"^1.8.0","puppeteer":"^5.4.1","react":"^17.0.1","rollup":"^2.33.3","rollup-plugin-istanbul":"^3.0.0","rollup-plugin-size-snapshot":"^0.12.0","rollup-plugin-terser":"^7.0.2","rollup-plugin-typescript2":"^0.29.0","ts-jest":"^26.4.3","ts-loader":"^8.0.4","typescript":"^4.1.3","v8-to-istanbul":"^7.1.0"},"peerDependencies":{"react":">=16.8.0 || 17.x","react-dom":">=16.8.0 || 17.x"},"husky":{"hooks":{"pre-commit":"npm run lint && npm run test"}},"gitHead":"10d86b7c33e94a5ddfee31acc5859f8dde3108ce","_id":"@ayub-begimkulov/react-transition@0.2.0","_nodeVersion":"14.15.1","_npmVersion":"6.14.8","dist":{"integrity":"sha512-HCFKRK4N5iG6Zhse6ouFrYDmwEgyDKvVfNaVDkIxhQA2hX2regEmBEXDJLCF9vRlpvxO7/xk1Ljbv489YTUbyQ==","shasum":"fb1b54a2a8fbb53d2d7d2dd80b1f21e969991223","tarball":"https://registry.npmjs.org/@ayub-begimkulov/react-transition/-/react-transition-0.2.0.tgz","fileCount":19,"unpackedSize":39646,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgKhG5CRA9TVsSAnZWagAA2B4QAJ+4TledmINJynT/3zUK\ncvCF91my3t9sEFKjSeVgNw4xes/dDQEh20pgyST1cX7gPHpaOV1ZARlVfEU2\nIPNnIfvTGCJhK5RwQiUqLhom/9LFV5XtxRZgJkD/NP4IeSbrh+TuKqZFZ7FW\n8VhbQ4JaUoLSQ/jdyVKVLhkYaC5MWRKqmpmoK3pNbRZdBICbegjqq5iJwhKp\nGyaCbyI8TICQhWscx8IHKe6yThMnPMWPas4e5xxaD0PkfRT+LiGJNa/+uLpu\navV2I/pN9uBv5d/9DmBwACA6SLNxnNxltTSI2WvTgMqmDUN/AQLuUnTbQHk0\nlkWeYzs12PEt61uLhEGxt9fjFzv/JFpGhN4+0gwKnwhO87lXlSKbA6gNP1wz\nPKJSHsyf04guHp2QsEyaoyf0l1XsufiaykxAa0zfXTH5XvmyQ3wwgfVsnyjj\nIDO+MnO83mRqhyk1fg5g3/FjQwzFLk9Di96eZM5fiodJHWkDgNpYHAMtP0Zv\nDLAS0hx5FQKkySQMf4Qlw62XViOOw9775K4eeSbFV8/8Gj8xdc2yvhNzJq82\nOIfufrxvugijAaNNFwyQAl2D29C18/T2OhxX+SyZ8Qsz/OWp7MKJuJIqOZnd\nt/cZ4z2IL4zksgiWSjyNbToxEm4mrtiBK5hz115BEavFh7BCS+TBjpLdvw41\n+9gz\r\n=Hg14\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGSnpyKj2fqIUvis46t7JnB/DViYgKJOdW0l3bSD6UMWAiEAjs7z3hBT7FZHc3khPvaTcm+tl8Uc5Mf9EwhyQKk2ojo="}]},"_npmUser":{"name":"ayub-begimkulov","email":"begimkulov963@gmail.com"},"directories":{},"maintainers":[{"name":"ayub-begimkulov","email":"begimkulov963@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-transition_0.2.0_1613369785145_0.9872864196194631"},"_hasShrinkwrap":false,"deprecated":"Package was renamed to 'retransition'"}},"time":{"created":"2021-01-21T14:58:42.972Z","0.1.0":"2021-01-21T14:58:43.205Z","modified":"2022-04-04T17:15:09.510Z","0.1.1":"2021-01-21T15:25:07.593Z","0.1.2":"2021-01-23T07:58:12.631Z","0.1.3":"2021-01-23T13:29:09.077Z","0.2.0":"2021-02-15T06:16:25.279Z"},"maintainers":[{"name":"ayub-begimkulov","email":"begimkulov963@gmail.com"}],"description":"![GitHub](https://img.shields.io/github/license/Ayub-Begimkulov/react-transition) ![npm](https://img.shields.io/npm/v/@ayub-begimkulov/react-transition) ![npm bundle size](https://img.shields.io/bundlephobia/minzip/@ayub-begimkulov/react-transition)","homepage":"https://github.com/Ayub-Begimkulov/react-transition","keywords":["react","transition","animation","reaction-transition","react-animation"],"repository":{"type":"git","url":"git+https://github.com/Ayub-Begimkulov/react-transition.git"},"author":{"name":"Ayub Begimkulov"},"bugs":{"url":"https://github.com/Ayub-Begimkulov/react-transition/issues"},"license":"MIT","readme":"# React Transition\n\n![GitHub](https://img.shields.io/github/license/Ayub-Begimkulov/react-transition)\n![npm](https://img.shields.io/npm/v/@ayub-begimkulov/react-transition)\n![npm bundle size](https://img.shields.io/bundlephobia/minzip/@ayub-begimkulov/react-transition)\n\nLibrary that helps you create smooth css transitions in your react app.\n\n## Why?\n\nI decided to create this package because often used `react-transition-group`\nbut I didn't like some things about it. For instance you have to pass `timeout`\nor provide your custom `addEndListener`. Also you don't have a \"move\" transition\nfor ``.\n\n## Install\n\nRight now this library is published as `@ayub-begimkulov/react-transition`. I used this name to publish the first version, but I'm still not sure how to name it (so if you how any ideas feel free to open an issue).\n\nnpm:\n\n```bash\nnpm i @ayub-begimkulov/react-transition\n```\n\nor yarn:\n\n```bash\nyarn add @ayub-begimkulov/react-transition\n```\n\nNote that this library uses hooks, so you need to have `react` and `react-dom` 16.8.0 or higher.\n\n## Usage\n\n### CSS Transition\n\n[Try in codesandbox](https://codesandbox.io/s/css-transiton-basic-example-928fh?file=/src/App.js)\n\n```jsx\nimport React, { useState } from \"react\";\nimport { Transition } from \"@ayub-begimkulov/react-transition\";\n\nimport \"./index.css\";\n\nconst App = () => {\n const [visible, setVisible] = useState(false);\n\n return (\n <>\n \n \n
\n \n \n );\n};\n```\n\n```css\n.fade-leave-to,\n.fade-enter-from {\n opacity: 0;\n transform: translateX(300px);\n}\n\n.fade-enter-active,\n.fade-leave-active {\n transition: all 500ms ease;\n}\n\n.fade-leave-from,\n.fade-enter-to {\n opacity: 1;\n transform: translateX(0);\n}\n```\n\n### CSS Animation\n\n[Try in codesandbox](https://codesandbox.io/s/css-animation-example-nroet?file=/src/App.js)\n\n```jsx\nimport React, { useState } from \"react\";\nimport { Transition } from \"@ayub-begimkulov/react-transition\";\n\nimport \"./index.css\";\n\nconst App = () => {\n const [visible, setVisible] = useState(false);\n\n return (\n <>\n \n \n
\n \n \n );\n};\n```\n\n```css\n.fade-animation-enter-active {\n animation: rotate-in 500ms ease;\n}\n\n.fade-animation-leave-active {\n animation: rotate-in 500ms ease reverse;\n}\n\n.fade-animation-move {\n transition: transform 500ms ease;\n}\n\n@keyframes rotate-in {\n 0% {\n transform: scale(0) rotate(360deg);\n }\n 100% {\n transform: scale(1) rotate(0);\n }\n}\n```\n\n### TransitionGroup Move\n\n[Try in codesandbox](https://codesandbox.io/s/sudoku-example-86zxw?file=/src/App.js)\n\n```jsx\nimport React, { useState } from \"react\";\nimport { Transition, TransitionGroup } from \"@ayub-begimkulov/react-transition\";\nimport { shuffle } from \"lodash-es\";\n\nimport \"./index.css\";\n\nconst makeArr = () => {\n return Array(81)\n .fill(null)\n .map((_, index) => ({\n id: \"$\" + index,\n number: (index % 9) + 1,\n }));\n};\n\nconst App = () => {\n const [numbers, setNumbers] = useState(() => makeArr());\n\n return (\n <>\n {\" \"}\n
\n \n {numbers.map(({ id, number }) => (\n \n
{number}
\n \n ))}\n \n
\n \n );\n};\n```\n\n```css\n.container {\n display: flex;\n flex-wrap: wrap;\n width: 240px;\n margin-top: 10px;\n}\n\n.cell {\n display: flex;\n justify-content: space-around;\n align-items: center;\n width: 25px;\n height: 25px;\n border: 1px solid #aaa;\n margin-right: -1px;\n margin-bottom: -1px;\n}\n\n.cell:nth-child(3n) {\n margin-right: 0;\n}\n\n.cell:nth-child(27n) {\n margin-bottom: 0;\n}\n\n.cell-move {\n transition: transform 2s;\n}\n```\n\n### TransitionGroup Enter, Leave and Move\n\n[Try in codesandbox](https://codesandbox.io/s/transition-group-list-example-dkw6e?file=/src/App.js)\n\n```jsx\nimport React, { useState } from \"react\";\nimport { Transition, TransitionGroup } from \"@ayub-begimkulov/react-transition\";\nimport { shuffle } from \"lodash-es\";\n\nimport \"./index.css\";\n\nconst getRandomIndex = (length: number) => Math.floor(Math.random() * length);\n\nconst initialNumbers = new Array(10)\n .fill(null)\n .map((_, i) => ({ value: i, index: Math.random() }));\n\nconst App = () => {\n const [numbers, setNumbers] = useState(initialNumbers);\n\n const add = () => {\n const index = getRandomIndex(numbers.length);\n const newNum = {\n value: numbers.length,\n index: Math.random(),\n };\n const newValue = [\n ...numbers.slice(0, index),\n newNum,\n ...numbers.slice(index),\n ];\n setNumbers(newValue);\n };\n\n const remove = () => {\n const index = getRandomIndex(numbers.length);\n const newValue = numbers.filter((_, idx) => idx !== index);\n setNumbers(newValue);\n };\n\n const reorder = () => {\n setNumbers(n => shuffle(n));\n };\n\n return (\n <>\n \n \n \n
\n \n {numbers.map(n => (\n \n
{n.value}
\n \n ))}\n \n
\n \n );\n};\n```\n\n```css\n.fade-leave-to,\n.fade-enter-from {\n transform: translateX(200px);\n opacity: 0;\n}\n\n.fade-enter-active,\n.fade-leave-active {\n transition: opacity 500ms ease, transform 500ms ease;\n}\n\n.fade-leave-active {\n /* \n not that we add absolute position to leaving element\n so other elements change their position and trigger move transition \n */\n position: absolute;\n}\n\n.fade-leave-from,\n.fade-enter-to {\n transform: translateX(0);\n opacity: 1;\n}\n\n.fade-move {\n transition: transform 500ms ease;\n}\n```\n\n## API\n\n### Transition\n\n#### Props\n\n\n| name | type | default | description|\n| --- | --- | --- | --- | \n| visible | `boolean` | `false` | Determines wether to show component or nor, trigger transition on change |\n| name | `string` | `transition` | The name of the transition, used to generate a default transition classes |\n| appear | `boolean` | `false` | By default enter transition is not performed on initial render, if you want this behavior set `appear` and `visible` to `true` |\n| customAppear | `boolean` | `false` | By default appear transition uses enter classes and events. But if you want it to generate custom classes and not use enter events, pass `true` |\n| nodeRef | `React.MutableRef \\| ((node: Element) => void` | `undefined` | `` component passes `ref` to it's children. So if you also want to use `ref` pass it to the wrapping `` component |\n| unmount | `boolean` | `true` | By default the child is unmounted on exit. If you prefer no unmounting (hided with `display: none`) change this to `false`. |\n| type | `'animation' \\| 'transition' \\| undefined` | `undefined` | TODO |\n| enterFromClass | `string` | `` `${name}-enter-from` `` | Class that sets the starting styles of enter transition. |\n| enterActiveClass | `string` | `` `${name}-enter-to` `` | Class that sets the active style of enter transition. This class can be used to define the duration, delay and easing curve for the entering transition. |\n| enterToClass | `string` | `` `${name}-enter-active` `` | Class that sets the ending styles of enter transition. |\n| leaveFromClass | `string` | `` `${name}-leave-from` `` | Class that sets the starting styles of leave transition. |\n| leaveActiveClass | `string` | `` `${name}-leave-active` `` | Class that sets the active style of leave transition. This class can be used to define the duration, delay and easing curve for the leaving transition. |\n| leaveToClass | `string` | `` `${name}-leave-to` `` | Class that sets the ending styles of leave transition. |\n| appearFromClass | `string` | `` `enterFromClass` `` | Class that sets the starting styles of appear transition. By default `enterFromClass` is used. To change this behavior pass `customAppear` prop. | \n| appearActiveClass | `string` | `` `enterActiveClass` `` | Class that sets the active style of appear transition. This class can be used to define the duration, delay and easing curve for the appearing transition. |\n| appearToClass | `string` | `` `enterToClass` `` | Class that sets the ending styles of appear transition. |\n\n### TransitionGroup\n\nThis is a container that wraps your `` components and performs enter/leave transition on added/removed elements form the list.\n\n#### Props\n\n\n| name | type | default | description |\n| --------- | -------------------- | -------------------- | --------------------------------------------------------------------------------------- |\n| name | `string` | `transition` | Name for your child transitions, also used to generate moveClass if it's not provided. |\n| moveClass | `string` | `` `${name}-move` `` | Class that would be added to children that are `moved` due to element addition/removal. |\n| appear | `boolean` | `false` | if true performs appear transition for all of it's on initial render. |\n| children | `React.ReactElement` | - | Elements wrapped in `` component. |\n\n## Contribution\n\nIf you have any question, suggestions or improvements, feel free to open issue or pull request.\n\n## License\n\nMIT.\n","readmeFilename":"README.md"}