{"_id":"react-simple-resizer","_rev":"15-c91937dbd4151f783869e08f395a9a65","name":"react-simple-resizer","dist-tags":{"latest":"2.1.0","beta":"2.1.0-beta.0"},"versions":{"0.0.1":{"name":"react-simple-resizer","version":"0.0.1","description":"An intuitive React component set for multi-column resizing","main":"./dist/index.js","types":"./dist/index.d.ts","scripts":{"build":"rm -rf ./dist && tsc","prettier":"prettier '@(src|demo)/**/*.@(ts|tsx|html|less)' --write","test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/LeetCode-OpenSource/react-simple-resizer.git"},"keywords":["react","resize","resizer"],"bugs":{"url":"https://github.com/LeetCode-OpenSource/react-simple-resizer/issues"},"homepage":"https://github.com/LeetCode-OpenSource/react-simple-resizer#readme","author":{"name":"LeetCode front-end team"},"license":"MIT","husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"{*.@(ts|tsx)":["prettier --write","tslint -p tsconfig.json --fix","git add"],"*.@(less|html)":["prettier --write","git add"]},"devDependencies":{"@types/lodash":"^4.14.115","@types/react":"^16.4.7","@types/react-dom":"^16.0.7","husky":"^1.2.0","lint-staged":"^8.1.0","prettier":"1.15.3","react":"^16.4.2","react-dom":"^16.4.2","tslib":"^1.9.3","tslint":"^5.11.0","tslint-eslint-rules":"^5.3.1","tslint-react":"^3.6.0","tslint-sonarts":"^1.7.0","typescript":"^3.1.6"},"dependencies":{"lodash":"^4.17.11","rxjs":"^6.3.3"},"peerDependencies":{"react":"^16.3.0","react-dom":"^16.4.2"},"gitHead":"216731e55f744589d2428f3cf90c89d0cc69f3ee","_id":"react-simple-resizer@0.0.1","_npmVersion":"6.4.1","_nodeVersion":"10.13.0","_npmUser":{"name":"runjuuu","email":"huang@runjuu.com"},"dist":{"integrity":"sha512-BJ8lG0rrCg6V88GiDmpMMsp+dUikLhe5m/OfmKPhwTT4U4ZxVXoDNJNrBpbVgbtc/U2P797vYVrCV8wYnzASfw==","shasum":"df59d0424fc1ff2420284305cf21efd8700b05ad","tarball":"https://registry.npmjs.org/react-simple-resizer/-/react-simple-resizer-0.0.1.tgz","fileCount":21,"unpackedSize":52481,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcA2LUCRA9TVsSAnZWagAAFJcP/00JazGLmEokBKuVYZmF\nQ916IMgaklF34MqxoVcdHjmCLxl9BO1wIxCRTqYVXNoWRuNQNrc6jYmlNBQn\nGL7uX4JC1Lli7JYjFdlV30z7lUxJUupOoUMwOWJ0b01+wTmfWmdII+U3+XJG\nFX3doqnEc56VGu26d8JQY+MUstI+GIAVTO9ZrYeb6FL9BFw1tWdZo2m9a+W5\nAHNHgoFU4zpS5a43ohaSPfEqfmb5Rp899UYCDku5nDSMTuV0t6HCiMRTVq9f\no392Tq8DWmCwHFpvMPyaf8bsR4XRJg/qvvW3OpvxvKWn8hQNif2Fa1go22YO\n3zSgD7J9ycjk8TXTln99gW+ZF1saJ2BjAxmsDzt5ZUE2aQRKLv/MTRhcfsQt\n9jrwBYpNZc6Tl0YS9TCEQqO0cK74mdxFrjcYMnNr/CsmRGvIK9lH0MUCVzPF\n8y4jgMW5xm6sBYaoI81v2UUh5Dp+pQ4g3eMiIlV65rzcjVHr7t7f5zR4z5wU\n4ZH2P6wDO2ELnI2FLeAS3pZs3qHkWlvag+5EE/C5oyVn6EemVwnIkRz6PPmq\ne1fdo7powr1Xg3zVqaP9fG9bhe8od5+lLrEm0WxNocazkAieINR4ImiWRW33\nL7MmPYESn3eRGwfytso15A7btdpvLIhuigx4fhcqvm077unyhd3ASfV0VoZ+\nG+Mx\r\n=1ilK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC9+fY/aRWer26i0SxZlhg5f8bz5LxPEMlKSa86z1SbjAIgQ++zArHOQqEzlf+r57oFS+N3fwNck2uV1agw2M7ftuk="}]},"maintainers":[{"name":"runjuuu","email":"huang@runjuu.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-simple-resizer_0.0.1_1543725779474_0.695768016000281"},"_hasShrinkwrap":false},"1.0.0":{"name":"react-simple-resizer","version":"1.0.0","description":"An intuitive React component set for multi-column resizing","main":"./dist/index.js","types":"./dist/index.d.ts","scripts":{"dev":"parcel ./demo/index.html","build:demo":"parcel build ./demo/index.html --out-dir ./demo/dist --public-url ./","build":"rm -rf ./dist && tsc -p ./tsconfig.build.json","prettier":"prettier '@(src|demo)/**/*.@(ts|tsx|html|less)' --write","lint":"tslint -p tsconfig.json --fix","test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/LeetCode-OpenSource/react-simple-resizer.git"},"keywords":["react","resize","resizer","multi-column"],"bugs":{"url":"https://github.com/LeetCode-OpenSource/react-simple-resizer/issues"},"homepage":"https://github.com/LeetCode-OpenSource/react-simple-resizer#readme","author":{"name":"LeetCode front-end team"},"license":"MIT","husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"*.{ts,tsx}":["prettier --write","tslint -p tsconfig.json --fix","git add"],"*.{less,html}":["prettier --write","git add"]},"devDependencies":{"@types/react":"^16.4.7","@types/react-dom":"^16.0.7","husky":"^1.2.0","less":"^3.9.0","lint-staged":"^8.1.0","normalize.css":"^8.0.1","parcel-bundler":"^1.10.3","parcel-plugin-bundle-visualiser":"^1.2.0","prettier":"1.15.3","react":"^16.4.2","react-dom":"^16.4.2","tslib":"^1.9.3","tslint":"^5.11.0","tslint-eslint-rules":"^5.3.1","tslint-react":"^3.6.0","tslint-sonarts":"^1.7.0","typescript":"^3.1.6"},"dependencies":{"rxjs":"^6.3.3"},"peerDependencies":{"react":"^16.3.0","react-dom":"^16.4.2"},"gitHead":"4a3516a32f7a23281112f2c0f7c4fb33db587319","_id":"react-simple-resizer@1.0.0","_npmVersion":"6.4.1","_nodeVersion":"10.13.0","_npmUser":{"name":"runjuuu","email":"huang@runjuu.com"},"dist":{"integrity":"sha512-ZzPMKLsyNTeHp1ljePr8Q1OIjMyhuef8IfM4CMUYUst+sXnDI0+1vwJWtrf5/k/PZIX672vYUi4ivnoJSQGaqg==","shasum":"f82121e62b690af46930180894184030c2a2974c","tarball":"https://registry.npmjs.org/react-simple-resizer/-/react-simple-resizer-1.0.0.tgz","fileCount":23,"unpackedSize":58844,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcCMtRCRA9TVsSAnZWagAAB3AP/0CBqr9NahkbfzM9XNYr\n5pacgMpMwU7rYFRpqw2EvXhy6Uir8IL6rTnhY6HuEOXfzcgbY9Ekbt6nUzJD\nMZzHA9yPeYO4oSUyqZEm5gKJ1m6eEMuag9NowSZUXchrkwRSEiMDR7WKbSFL\nZX3XY0tQmO5+UqGKO05EhYW4HpKIdLMX6vpKtQp3qu0Pnq3VpLYAwWkLx9Y9\nsdpREHD+lXhkRxwtPijgGFqc+jkRS5cFeciyT5nkaZoiBr8ZDBeEuo/jWuFY\nTiB84bNx+HDIdbnlQ0jkgHgIhzqTHaLD5Gj61wDo2Vdzv73Uww7NYKU/FAwq\nBNcwsqtfeQJNLU0ANlmW+EFK1M1IGwNL5yheJER7mM6+gU067PMOuX/ACcNt\nxrdilM9V51vqjOyaU3NLOVM7LyQd6vHHKQLEZXdIMmHAT2SlbR8XVrWsOW/s\nniAhBVWAhZqzbqluGwsnWLCjjJwH7EJLuItNMX/q7YLooAWgiXen9OQYgGM/\nYQ30Aw1p145Y5A6OHnMZxdk5UiJYb7vQdMPMrK+abjfJhUPbq4a7PP7hilVI\nVKWzvXsH4ao8ZgaKGg5hkRB2v87irlH9/jkIiZuGogFqOUZqRJm0SuulUiPR\nRlGaGt+CCrfczPD3Z1gxb03ZN88Q6bKrd+NDqDMzaJD4+lNSJ1W05HbTOYge\ngaHx\r\n=hWDl\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBzh5dNWE61bCcNXmffK4l8p/Wc6H90mRTr8LdyVnsfKAiEA51lz6K8VWh1+HfuTAHomfTNuNRpfeNqyeVPpLbTFubM="}]},"maintainers":[{"name":"runjuuu","email":"huang@runjuu.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-simple-resizer_1.0.0_1544080208601_0.3750182081830946"},"_hasShrinkwrap":false},"1.1.0":{"name":"react-simple-resizer","version":"1.1.0","description":"An intuitive React component set for multi-column resizing","main":"./dist/index.js","types":"./dist/index.d.ts","scripts":{"dev":"parcel ./demo/index.html","build:demo":"rm -rf ./demo/dist/* && parcel build ./demo/index.html --out-dir ./demo/dist --public-url ./","build":"rm -rf ./dist && tsc -p ./tsconfig.build.json","prettier":"prettier '@(src|demo)/**/*.@(ts|tsx|html|less)' --write","lint":"tslint -p tsconfig.json --fix","test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/LeetCode-OpenSource/react-simple-resizer.git"},"keywords":["react","resize","resizer","multi-column"],"bugs":{"url":"https://github.com/LeetCode-OpenSource/react-simple-resizer/issues"},"homepage":"https://github.com/LeetCode-OpenSource/react-simple-resizer#readme","author":{"name":"LeetCode front-end team"},"license":"MIT","husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"*.{ts,tsx}":["prettier --write","tslint -p tsconfig.json --fix","git add"],"*.{less,html}":["prettier --write","git add"]},"devDependencies":{"@types/react":"^16.4.7","@types/react-dom":"^16.0.7","husky":"^1.2.0","less":"^3.9.0","lint-staged":"^8.1.0","normalize.css":"^8.0.1","parcel-bundler":"^1.10.3","parcel-plugin-bundle-visualiser":"^1.2.0","prettier":"1.15.3","react":"^16.4.2","react-dom":"^16.4.2","tslib":"^1.9.3","tslint":"^5.11.0","tslint-eslint-rules":"^5.3.1","tslint-react":"^3.6.0","tslint-sonarts":"^1.7.0","typescript":"^3.1.6"},"dependencies":{"@emotion/core":"^10.0.4","@emotion/styled":"^10.0.4","rxjs":"^6.3.3"},"peerDependencies":{"react":"^16.3.0","react-dom":"^16.4.2"},"gitHead":"71261bd8eea3cc7e33f61d981ef847b6139414db","_id":"react-simple-resizer@1.1.0","_npmVersion":"6.4.1","_nodeVersion":"10.13.0","_npmUser":{"name":"runjuuu","email":"huang@runjuu.com"},"dist":{"integrity":"sha512-RvzQGEC68DYkpLtVefyQM7Erkl1eS4CyFZ9wMN/re3Llh4NO+5v7L6V96pplONTDPONqceuPWVUjp0CNyKErbA==","shasum":"2cb2a369dd41b9ae42f161adf1f1a7723d1917df","tarball":"https://registry.npmjs.org/react-simple-resizer/-/react-simple-resizer-1.1.0.tgz","fileCount":31,"unpackedSize":61803,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcClbVCRA9TVsSAnZWagAAyjoP/0rHpm3VJbLDakqbBbik\nuypVmfBBL6r72z/XVv1dJewSFCiP9Mcguwx0QpMU72ZAjIqQnZGKFW8Z3KVD\naGRh6TNPVc1+6rpyflDtssy7bLg9CB5mAXh4jlQch24eh1mvBuM3dcsd/QEc\nKt5l730yKHihiwN+rFAxphZYL+YoAkOL1Ur4u0OksHt+nFvgBiNv7jaCH/2/\ngnEkmfyr36Hkilmw5UNQeKQCY+yvVTCK/EwNGfch4fIJma2Sh2c6oGqnW4Bm\nyjxp6xKhIYgyPPuqkh5U6Z2YL9Kg2ZKys/898MD2pnti9KY2Ix3Cpt7wLmDm\n9oV5thTXUTNupDqQCvcZIeehmqBtGrPlIG1kcSjIcn1WFrp9SVBk5/PLx104\nYBffDaWOUzLHDHaZY6mZHKG+d+egEm00+1+25Zdf5Bx7O957HJPuGPz1cStK\ncJPe4u1zPzrLzMiLRwA62IxNCP2sKPiIEZbsjqQBh8D5xf4itwKMDQ2WNjJN\n+cMvCv1LDl+NkYAVHyLwSUsPUbrwaLbw+5N3QISyqI3oMEtn+/eU/FJH2EAc\nJmwvuxsy3VXERQJpozDBdccUssuj417u/HcurItGj1/IG24DnxSEhyfxDyoc\neTtTwXV6NN3RQbk/aCCKa4Tdrh1hSvJwT4vfktYzKIZNsAu2cS6WioS26/+w\nfJ4O\r\n=of5Z\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD9oU7OvhlxyIbsneDmefa9MC98+M/CxCYtfLCEWKYXrAIhAN1bHnCncF2aihbbsQy30QJYK1lWuIUyEZyhWhBJ7mhX"}]},"maintainers":[{"name":"runjuuu","email":"huang@runjuu.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-simple-resizer_1.1.0_1544181461166_0.4611214024448833"},"_hasShrinkwrap":false},"1.2.1":{"name":"react-simple-resizer","version":"1.2.1","description":"An intuitive React component set for multi-column resizing","main":"./dist/index.js","types":"./dist/index.d.ts","scripts":{"dev":"parcel ./demo/index.html","build:demo":"rm -rf ./demo/dist/* && parcel build ./demo/index.html --out-dir ./demo/dist --public-url ./","build":"rm -rf ./dist && tsc -p ./tsconfig.build.json","prettier":"prettier '@(src|demo)/**/*.@(ts|tsx|html|less)' --write","lint":"tslint -p tsconfig.json --fix","test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/LeetCode-OpenSource/react-simple-resizer.git"},"keywords":["react","resize","resizer","multi-column"],"bugs":{"url":"https://github.com/LeetCode-OpenSource/react-simple-resizer/issues"},"homepage":"https://github.com/LeetCode-OpenSource/react-simple-resizer#readme","author":{"name":"LeetCode front-end team"},"license":"MIT","husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"*.{ts,tsx}":["prettier --write","tslint -p tsconfig.json --fix","git add"],"*.{less,html}":["prettier --write","git add"]},"devDependencies":{"@types/react":"^16.4.7","@types/react-dom":"^16.0.7","husky":"^1.2.0","less":"^3.9.0","lint-staged":"^8.1.0","normalize.css":"^8.0.1","parcel-bundler":"^1.10.3","parcel-plugin-bundle-visualiser":"^1.2.0","prettier":"1.15.3","react":"^16.4.2","react-dom":"^16.4.2","tslib":"^1.9.3","tslint":"^5.11.0","tslint-eslint-rules":"^5.3.1","tslint-react":"^3.6.0","tslint-sonarts":"^1.7.0","typescript":"^3.1.6"},"dependencies":{"@emotion/core":"^10.0.4","@emotion/styled":"^10.0.4","rxjs":"^6.3.3"},"peerDependencies":{"react":"^16.3.0","react-dom":"^16.4.2"},"gitHead":"b0640dc5ce5b323dd8f559909d70b8f2ad987f5b","_id":"react-simple-resizer@1.2.1","_npmVersion":"6.4.1","_nodeVersion":"10.13.0","_npmUser":{"name":"runjuuu","email":"huang@runjuu.com"},"dist":{"integrity":"sha512-0BbbL4rvJ8jRONsY8QpLGexNGA8xfxMmGJwnaWaFWfhWoLcreJu5n2dJGNiFz3FQIo+vcXNPg4VlPQj5wE1wdg==","shasum":"c9e6f7c9e03a4e30837659dc2f6e3f0e56a47648","tarball":"https://registry.npmjs.org/react-simple-resizer/-/react-simple-resizer-1.2.1.tgz","fileCount":31,"unpackedSize":61973,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcDSJlCRA9TVsSAnZWagAAsmUP/0G2acZYtRr8wkwUHBot\nCoNekNoHQOqy63DRGGcuGYvOyJ5/j3/mnKlv2XTytMi1HxHjsN/TDCUCu2YX\nB/ljY38L1//UzwjVKYZ3Qa7YC4zpjGT4bwQqyVljKbVmPquH34JevDqu7Pmr\nNIBggjexfyBe1RgBZDfNdieamagGd9Eu6XqX858RiO8CB8G9gsOeWwo2QEjo\n6xJvFxs8Tp9YmLnpGyZ5oCQvD84VZqTfkxOAjK0igEemtvVasR2abjHczEZW\n7olUiLrWOt+vdRohqyOZWQPlFa9xesCIVtzIcI8tfholETpsP/kSAklCPfDV\n5CD5hxwNUBrXTqJ4oKZESJzPBbv2+Q0tc/D1i0GIsspgzdLk/TkmWQ/mfrmT\nnQHWrKWdQBkMMzarrxtkGJMGY6jCAIOpBQsW0XXCGJM2BmZeSkecx5zEiro+\nQCoxwThjln/JhEqKAafNPyqZyVtOgKr3aE0UGtxxNgpYPZx4GCZbJy8fdajZ\n350erwsLG6EkOTg/tXiwG7QhBzs7Zl3W6xoI2rQy/uMvmA6HmUHxRjtBnPac\nr/KtODE9gayLRoaoFdom6q63bbwhSTo7UIDjrM6O374PKt2whjrxZtDtDjIJ\nwN5tUv06wU+ngDxnTfnZZzdpu+/XKGUZfVDPxz5djvKLqfK3laG2ymotnbC/\nYwPD\r\n=ROKT\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDUGl9Z86n+I/fP+MeCtrIWGu5UC86jXp/AXrzCKxqb/AiEArsuvCBLSUrCvhXdOzwrzNzBB6/QE8yd4H+6IJ5PrJj0="}]},"maintainers":[{"name":"runjuuu","email":"huang@runjuu.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-simple-resizer_1.2.1_1544364644962_0.3221488334656144"},"_hasShrinkwrap":false},"1.2.2":{"name":"react-simple-resizer","version":"1.2.2","description":"An intuitive React component set for multi-column resizing","main":"./dist/index.js","types":"./dist/index.d.ts","scripts":{"dev":"parcel ./demo/index.html","build:demo":"rm -rf ./demo/dist/* && parcel build ./demo/index.html --out-dir ./demo/dist --public-url ./","build":"rm -rf ./dist && tsc -p ./tsconfig.build.json","prettier":"prettier '@(src|demo)/**/*.@(ts|tsx|html|less)' --write","lint":"tslint -p tsconfig.json --fix","test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/LeetCode-OpenSource/react-simple-resizer.git"},"keywords":["react","resize","resizer","multi-column"],"bugs":{"url":"https://github.com/LeetCode-OpenSource/react-simple-resizer/issues"},"homepage":"https://github.com/LeetCode-OpenSource/react-simple-resizer#readme","author":{"name":"LeetCode front-end team"},"license":"MIT","husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"*.{ts,tsx}":["prettier --write","tslint -p tsconfig.json --fix","git add"],"*.{less,html}":["prettier --write","git add"]},"devDependencies":{"@types/react":"^16.4.7","@types/react-dom":"^16.0.7","husky":"^1.2.0","less":"^3.9.0","lint-staged":"^8.1.0","normalize.css":"^8.0.1","parcel-bundler":"^1.10.3","parcel-plugin-bundle-visualiser":"^1.2.0","prettier":"1.15.3","react":"^16.4.2","react-dom":"^16.4.2","tslib":"^1.9.3","tslint":"^5.11.0","tslint-eslint-rules":"^5.3.1","tslint-react":"^3.6.0","tslint-sonarts":"^1.7.0","typescript":"^3.1.6"},"dependencies":{"@emotion/core":"^10.0.4","@emotion/styled":"^10.0.4","rxjs":"^6.3.3"},"peerDependencies":{"react":"^16.3.0","react-dom":"^16.4.2"},"gitHead":"817ca963b334bab331b5feffd06845a5bd00f2dc","_id":"react-simple-resizer@1.2.2","_npmVersion":"6.4.1","_nodeVersion":"10.13.0","_npmUser":{"name":"runjuuu","email":"huang@runjuu.com"},"dist":{"integrity":"sha512-CM1DVfZQF79rjVItO8vLe+kLAYswHhoVMFGUtT+hKSRqQE8WuMlkZayVN3xufameVL2OrOX8+44nlkkjgQWzzw==","shasum":"7ad917a139065d0e438008a3339e816ce01ec89d","tarball":"https://registry.npmjs.org/react-simple-resizer/-/react-simple-resizer-1.2.2.tgz","fileCount":31,"unpackedSize":62061,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcDSN8CRA9TVsSAnZWagAAbh4QAI8ex3bKZuNkJ59L6FEk\njE0Nrd0l+YXSYvpW40jILzs59gnyOJ6SrJiQMn8RzjeXWQ0eNHir3C9eaTe6\nllN5zGQVc3ZcK3m3/ZBrHMC9YjcWaJtbGXjGYj3yDT2TEp/btNi4tTIFUHMu\n4GpKjT2eJBg2M5mg5tFRrz4YH4FtdIQYCCymNgIKzjUlk2KoSNJ6u+TdWMFY\n6SsdFlOVVSl9R54KvrJfsXnE4Jue/h6jjDk1vmnI/abdkVU5IPeNXby48ubi\n2avCOLIxtpx/z78FbiVN5eoh3vyJyKE23jN0IfPpNzsNIw7/L0SVNo7Efa/Z\nWOp0j8+zgJX6ukBpT1cB0RQOR8u/FP9KDfgCLhuxW32gEIoHnhClo+eIu2x+\n7xflSfOaMoCVRvhAq6J9AB6xRRCCFuqXBKpVHA/xzdqcwc+YFrLMKFqTjPeP\n9+NTdy+1R1T0U9no/s2mbAzeIqPqt8jnGsw8zyy7JCwFxQ4hkYPxUnP2EfUv\nIjmS+Ds4J6q6VMiQfsT7pAxHOfhW+VPfWuOqY0ke9Z7c7uZWV9pcKAvGQ7bJ\nQ9MIU+Wlw6IJhLsvtm/BloyYwlR5ca/L/0cMRaWyqq5FOjBI2o7ckgnLyaO3\n3mJ6OCuZnv6+K5Bw7CC7/6SoQRXu7ya04OXrbIHSRJQQM0xaxEHKjtaswPTs\nLw//\r\n=6r2M\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIH9g8TUuYcIWL0ZubU6SaVXvHza/iOTdPl+eniuSxhhDAiEA+IgL/JtrXS2aMZvpVmGnJcqNMcX0myiFta/IXjeLrdI="}]},"maintainers":[{"name":"runjuuu","email":"huang@runjuu.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-simple-resizer_1.2.2_1544364923179_0.6830283059121847"},"_hasShrinkwrap":false},"1.2.3":{"name":"react-simple-resizer","version":"1.2.3","description":"An intuitive React component set for multi-column resizing","main":"./dist/index.js","types":"./dist/index.d.ts","scripts":{"dev":"parcel ./demo/index.html","build:demo":"rm -rf ./demo/dist/* && parcel build ./demo/index.html --out-dir ./demo/dist --public-url ./","build":"rm -rf ./dist && tsc -p ./tsconfig.build.json","prettier":"prettier '@(src|demo)/**/*.@(ts|tsx|html|less)' --write","lint":"tslint -p tsconfig.json --fix","test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/LeetCode-OpenSource/react-simple-resizer.git"},"keywords":["react","resize","resizer","multi-column"],"bugs":{"url":"https://github.com/LeetCode-OpenSource/react-simple-resizer/issues"},"homepage":"https://github.com/LeetCode-OpenSource/react-simple-resizer#readme","author":{"name":"LeetCode front-end team"},"license":"MIT","husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"*.{ts,tsx}":["prettier --write","tslint -p tsconfig.json --fix","git add"],"*.{less,html}":["prettier --write","git add"]},"devDependencies":{"@types/react":"^16.4.7","@types/react-dom":"^16.0.7","husky":"^1.2.0","less":"^3.9.0","lint-staged":"^8.1.0","normalize.css":"^8.0.1","parcel-bundler":"^1.10.3","parcel-plugin-bundle-visualiser":"^1.2.0","prettier":"1.15.3","react":"^16.4.2","react-dom":"^16.4.2","tslib":"^1.9.3","tslint":"^5.11.0","tslint-eslint-rules":"^5.3.1","tslint-react":"^3.6.0","tslint-sonarts":"^1.7.0","typescript":"^3.1.6"},"dependencies":{"@emotion/core":"^10.0.4","@emotion/is-prop-valid":"^0.7.3","@emotion/styled":"^10.0.4","rxjs":"^6.3.3"},"peerDependencies":{"react":"^16.3.0","react-dom":"^16.4.2"},"gitHead":"1b93e24e4537a8caf702ac877ad6dd6598d25445","_id":"react-simple-resizer@1.2.3","_npmVersion":"6.4.1","_nodeVersion":"10.13.0","_npmUser":{"name":"runjuuu","email":"huang@runjuu.com"},"dist":{"integrity":"sha512-aRBJaSSmXXZyZW7YSzQ4OtuVr4ylPnxmkwTvgjLX/flMCL5HHPDvS1k8TwmoW3fvH9bBTYB+5Kp8vUSOUhxqsw==","shasum":"c01e6a83295be00efdf57fc29c52397983ac4da8","tarball":"https://registry.npmjs.org/react-simple-resizer/-/react-simple-resizer-1.2.3.tgz","fileCount":31,"unpackedSize":62765,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcQDuvCRA9TVsSAnZWagAAlkYQAKRG225D5y3uqgB655CB\n8DbLtyz1xPBZ6P4QXB7n6nYUyyuJor7ogsKP2Do2znyb04quZLSFkFH6ZTpW\nA2nCE49vZJpKby37QGNcIX5X72I1QM7+Y4pJgQZvAear2fM5JahT3sKZYMSW\nLslvCVkBCBjlBVKcwSlKiieWOYBhSSLwPwNvR8dVB80hdXlTPmN+B2kpug08\nLtT6H6U82o2iJsHFvF53zJZhE3WZFzAuEGVOPaG/6jO3BvNou/CGI+4rtCPO\nwAT6jTZ9EUXQF/SnQE015zC6sLVm8aL+7rSF2BACY5gjQil0FR26wsYLSyM1\nsDfdWZRAkZ8R2tH3pWsSEQ+EWi9Fv+LN8Tq9yw0tQcbxt/bY8NL90Dw2yYdb\nTsqErUXYUlIqYAEwVssBeq2sLRR+cJ1gkceCe1U0CWmWFBsc2AeBgMXzPbn1\nLWARws03VqPTB0eqo87vb9on6GUzdrNqAjF7sv/o5ApQb2Of6I1B+DmnbZST\nofWdpMOijihUV7XRc5VrXJCHLi9yKxXUouYeUmjZHyxYcaR6emiKe7iiuQNZ\nOQ3HVCaZh+et4/h+W9j0JiNiJftf3JvsRMytrMZK40dyVO/8IBhATYIfIC0i\ndcIeHvNBYqnlsiyH7mxaJkTCqx8+GHtUe44sQkDBPz9Eqff2NFmOpkR4wln/\nL88V\r\n=5Zuq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIF3t5LHhUMAVirCoTByrw9L+e993UrluhD9Lgd0PPe+yAiEAme2Eo3eBoZvNNuv3Mw3sHGG0C+azBw2rVzOEM+6IRYA="}]},"maintainers":[{"name":"runjuuu","email":"huang@runjuu.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-simple-resizer_1.2.3_1547713454421_0.6192137690807371"},"_hasShrinkwrap":false},"1.2.4":{"name":"react-simple-resizer","version":"1.2.4","description":"An intuitive React component set for multi-column resizing","main":"./dist/index.js","types":"./dist/index.d.ts","scripts":{"dev":"parcel ./demo/index.html","build:demo":"rm -rf ./demo/dist/* && parcel build ./demo/index.html --out-dir ./demo/dist --public-url ./","build":"rm -rf ./dist && tsc -p ./tsconfig.build.json","prettier":"prettier '@(src|demo)/**/*.@(ts|tsx|html|less)' --write","lint":"tslint -p tsconfig.json --fix","test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/LeetCode-OpenSource/react-simple-resizer.git"},"keywords":["react","resize","resizer","multi-column"],"bugs":{"url":"https://github.com/LeetCode-OpenSource/react-simple-resizer/issues"},"homepage":"https://github.com/LeetCode-OpenSource/react-simple-resizer#readme","author":{"name":"LeetCode front-end team"},"license":"MIT","husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"*.{ts,tsx}":["prettier --write","tslint -p tsconfig.json --fix","git add"],"*.{less,html}":["prettier --write","git add"]},"devDependencies":{"@types/react":"^16.4.7","@types/react-dom":"^16.0.7","husky":"^1.2.0","less":"^3.9.0","lint-staged":"^8.1.0","normalize.css":"^8.0.1","parcel-bundler":"^1.10.3","parcel-plugin-bundle-visualiser":"^1.2.0","prettier":"1.15.3","react":"^16.4.2","react-dom":"^16.4.2","tslib":"^1.9.3","tslint":"^5.11.0","tslint-eslint-rules":"^5.3.1","tslint-react":"^3.6.0","tslint-sonarts":"^1.7.0","typescript":"^3.1.6"},"dependencies":{"@emotion/core":"^10.0.4","@emotion/is-prop-valid":"^0.7.3","@emotion/styled":"^10.0.4","rxjs":"^6.3.3"},"peerDependencies":{"react":"^16.3.0","react-dom":"^16.4.2"},"gitHead":"d5fd99a3f4722acf387d1287d9da7150a8ebeeed","_id":"react-simple-resizer@1.2.4","_npmVersion":"6.4.1","_nodeVersion":"10.13.0","_npmUser":{"name":"runjuuu","email":"huang@runjuu.com"},"dist":{"integrity":"sha512-h9+ErV6GH9JVhCd8eNPvNH0p9cmKXLgKl5BZFpq/z46taRVeLqvMA2WBR51/NyvIGExEpC1eduuMFqP/E4tpBg==","shasum":"cbe8d2e1bdb5a1c23ebd7ea0ccb6de9e7039cb7f","tarball":"https://registry.npmjs.org/react-simple-resizer/-/react-simple-resizer-1.2.4.tgz","fileCount":31,"unpackedSize":62910,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcQEkmCRA9TVsSAnZWagAATFMP/Avjuzz0rWCFa/TGluMT\nR8PJwoMLDjbLbtHlYuqT4mfMyUSWCp7a7QzRtIPTgSlwqX5kPXMeL+k3jnsU\nh3tXSz1Ahmj7Sx9bz9oDo1JiosBj+oQltn0r2THEGYPptd7gsyLRH6UnVqQf\niGc1tXPKoVVGvNe+Cozzd8b+0/JnUy4m770fXz5NHR0tABjxnSuuTffjMJSD\nIuAr8UZjekoXnjt6FIpID6lbFKbFRDaZD2gFXO5x2RW4qSyYHJA6fxfM2nvh\n+sUo+ojZiBDljZKZWowBU34WdsAkdaOqblHiyqYO0okpttWOgp7ase1mjSX/\nUzvwtEU+ydLlnePvZqj8UEKSRZTRtC0cSm8DQmycCnOKRo37MeZgPd3/cQGA\nQDU3bHIaej9PUIMij7nzKbaxbs/xgoTeOVAilPMEh6XDAisS6QK7SxqXnQEs\n3ryuGBUpC351ssaRrTqWxDm0ivBwsSnq/L9hcNE8dck6K64hnZ5dtkfWlK2T\nkkU/2roIusBYRmjzgaH9+g36MQseS0PNJzDM88wCPS2RV1CCFeepr/fxIYF3\n9kDZx4ic9Lpa1lpYnt3sDwPlLWr+ZY7MzPnATWdlkvSf3eQOGo2TeIggSJ2Q\nY7pNQuQq3DjbrHf1OgY9t3Y4T+pHYJqEx06rvCy5KUJzO8DKsoNM3LcAkrPm\noV/J\r\n=TE4w\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDutfgI1UgGlTDQSik4NxgYHzPEgZfIsRCm58xNQ/a5/QIgc7TeUcU58mMpP6LN0NslzpqPY1VmF8OHIL3Dl2OmOCQ="}]},"maintainers":[{"name":"runjuuu","email":"huang@runjuu.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-simple-resizer_1.2.4_1547716900971_0.9564976743475555"},"_hasShrinkwrap":false},"1.3.0":{"name":"react-simple-resizer","version":"1.3.0","description":"An intuitive React component set for multi-column resizing","main":"./dist/index.js","types":"./dist/index.d.ts","scripts":{"dev":"parcel ./demo/index.html","build:demo":"rm -rf ./demo/dist/* && parcel build ./demo/index.html --out-dir ./demo/dist --public-url ./","build":"rm -rf ./dist && tsc -p ./tsconfig.build.json","prettier":"prettier '@(src|demo)/**/*.@(ts|tsx|html|less)' --write","lint":"tslint -p tsconfig.json --fix","test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/LeetCode-OpenSource/react-simple-resizer.git"},"keywords":["react","resize","resizer","multi-column"],"bugs":{"url":"https://github.com/LeetCode-OpenSource/react-simple-resizer/issues"},"homepage":"https://github.com/LeetCode-OpenSource/react-simple-resizer#readme","author":{"name":"LeetCode front-end team"},"license":"MIT","husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"*.{ts,tsx}":["prettier --write","tslint -p tsconfig.json --fix","git add"],"*.{less,html}":["prettier --write","git add"]},"devDependencies":{"@types/react":"^16.4.7","@types/react-dom":"^16.0.7","husky":"^1.2.0","less":"^3.9.0","lint-staged":"^8.1.0","normalize.css":"^8.0.1","parcel-bundler":"^1.10.3","parcel-plugin-bundle-visualiser":"^1.2.0","prettier":"1.15.3","react":"^16.4.2","react-dom":"^16.4.2","tslib":"^1.9.3","tslint":"^5.11.0","tslint-eslint-rules":"^5.3.1","tslint-react":"^3.6.0","tslint-sonarts":"^1.7.0","typescript":"^3.1.6"},"dependencies":{"@emotion/core":"^10.0.4","@emotion/is-prop-valid":"^0.7.3","@emotion/styled":"^10.0.4","rxjs":"^6.3.3"},"peerDependencies":{"react":"^16.3.0","react-dom":"^16.4.2"},"gitHead":"c5b499097948217abf329d5881e0bbd089264ed4","_id":"react-simple-resizer@1.3.0","_npmVersion":"6.4.1","_nodeVersion":"10.15.3","_npmUser":{"name":"runjuuu","email":"huang@runjuu.com"},"dist":{"integrity":"sha512-QueJbH41ZtEwvaPCdym+q/pWCGmhiG2vMIZNmQrux+aODsD/rCr85C5ZmUjuQs5vkbBfAGjbPPrV0lLbmbQYFw==","shasum":"6d93a47631af6d503837bca124f4307e52e8de0c","tarball":"https://registry.npmjs.org/react-simple-resizer/-/react-simple-resizer-1.3.0.tgz","fileCount":31,"unpackedSize":62899,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc8MhECRA9TVsSAnZWagAAPq8P/iWG5HvQ0qCh5Am1BJpa\nbm3LmG1eEBAA1wFk8CMf7/NLK3lH81hqoV6w//QNc6JdSxvn8ydNOZSTYnSp\n/NIuGWeJmQJDtMEgwl6auN+j3MSTujqQf6OsA8OrcFLruTMKfs5dFAt6/GRp\nufYmlibAs6gkwJzwA83Sd2QKidOBiES5HQPJW+mCrDDplDSlq2pEuH1F5nuf\n8GnnFGutPxgDE6Fbf8JDVehOyQW4D+MBYiQ5Z3CiG6GMGrQuCdicEMLye/fg\nweXhYVY0Aee/YOZTD6bj2PnWieuMs8m+iuA7SBqMjD/cKj3p1XVDH+h23Sz6\ny9HluI0ggfZO/wmu2Qif7ltoIeFxrbJtpqYKeEj28QgRf9KgjlbX7ZSTvuFY\no76I1Bjiwv2rbPClb3f9v09HU6MEbMrNMV9iZWtaJEk59ogxL+eDMY5ip9C6\nTezs4Sh2MUqoQdSdBonu11WHFYGYyGr3O57PlY3W2hswUDFxpdgxdlqCmbwL\nBOkmzYxyYrcXH/YBCngbIvO00UDNAQZ6Nhs1ekP+Cn/lFtiYq5T3dVUTBztm\neQ50/REb0DfD7UWcaQUXV5fnT2gMFjFFbCHy4hoYRTrqD26OXvVmsJnBsglh\nbWJAkFunv00fQlTpVMRHBnhnuTKhv5SzbFl/1D+PObv073GPeYwIm5BMPdge\nrtWt\r\n=Tl/k\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFDzHCdSUAWSZggOp9gYf9TcH+AgrAUIS5FDDKwFg9mzAiAFdraNKj4Ux8/YMAHJohbTENIOIHSkQYujcRrtg9mOQw=="}]},"maintainers":[{"name":"runjuuu","email":"huang@runjuu.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-simple-resizer_1.3.0_1559283780235_0.8462825782222265"},"_hasShrinkwrap":false},"1.3.1":{"name":"react-simple-resizer","version":"1.3.1","description":"An intuitive React component set for multi-column resizing","main":"./dist/index.js","types":"./dist/index.d.ts","scripts":{"dev":"parcel ./demo/index.html","build:demo":"rm -rf ./demo/dist/* && parcel build ./demo/index.html --out-dir ./demo/dist --public-url ./","build":"rm -rf ./dist && tsc -p ./tsconfig.build.json","prettier":"prettier '@(src|demo)/**/*.@(ts|tsx|html|less)' --write","lint":"tslint -p tsconfig.json --fix","test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/LeetCode-OpenSource/react-simple-resizer.git"},"keywords":["react","resize","resizer","multi-column"],"bugs":{"url":"https://github.com/LeetCode-OpenSource/react-simple-resizer/issues"},"homepage":"https://github.com/LeetCode-OpenSource/react-simple-resizer#readme","author":{"name":"LeetCode front-end team"},"license":"MIT","husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"*.{ts,tsx}":["prettier --write","tslint -p tsconfig.json --fix","git add"],"*.{less,html}":["prettier --write","git add"]},"devDependencies":{"@types/react":"^16.4.7","@types/react-dom":"^16.0.7","husky":"^1.2.0","less":"^3.9.0","lint-staged":"^8.1.0","normalize.css":"^8.0.1","parcel-bundler":"^1.10.3","parcel-plugin-bundle-visualiser":"^1.2.0","prettier":"1.15.3","react":"^16.4.2","react-dom":"^16.4.2","tslib":"^1.9.3","tslint":"^5.11.0","tslint-eslint-rules":"^5.3.1","tslint-react":"^3.6.0","tslint-sonarts":"^1.7.0","typescript":"^3.1.6"},"dependencies":{"@emotion/core":"^10.0.4","@emotion/is-prop-valid":"^0.7.3","@emotion/styled":"^10.0.4","rxjs":"^6.3.3"},"peerDependencies":{"react":"^16.3.0","react-dom":"^16.4.2"},"gitHead":"1965bfd5c78ced3143ef82dd3447159fa558bc9a","_id":"react-simple-resizer@1.3.1","_npmVersion":"6.4.1","_nodeVersion":"10.15.3","_npmUser":{"name":"runjuuu","email":"huang@runjuu.com"},"dist":{"integrity":"sha512-TmN0FL2gAbkB4OEk8CzxrBua7phc5J2tZQmmlGUKeTAnwXHA06yN47faNsSLkHUQ/OOLM/uub6tWhKHiw9SErg==","shasum":"57f92383d1df120decb691df42caf6329a2cd4c7","tarball":"https://registry.npmjs.org/react-simple-resizer/-/react-simple-resizer-1.3.1.tgz","fileCount":31,"unpackedSize":62774,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc8NPHCRA9TVsSAnZWagAA/8oP/3ol57d8EYllLgMqmNbX\ntG25Irrl63qck3T2xEOI+OdkzNOwypHczH1BBHKKcf0Ny6kPd6Ug/4tx2s70\nyFVcMY66a8HmcWFdCEXpbDwagvdf6sydnErCoDZtTD82kG9efexCouNHSYFV\n0NzRWcnWxZ7MCpTSvobxaRVIadYOXmTRkMPRA70yj9kbTtC3p5BNQLs00BSL\nA7/acJhdcHCqJQpWxi3hiJ4f+qofok+GzQdVT1RZa1rslwtpcMHXVCKf9Co5\nH4aUUyMcrNn2kpUZyeI0R9wCm45Os7mDefdUAA1oQI9Y4UPaDnIgh2xo/jFa\nzAoQP0QeYLtX9DOF2KxKjUme6qA6hCb/DVzYOMED1NZySpJq/6LlolcprkC8\npvemx7vNbZbxhB8ReMRcgEzFHravKUw+S45hbc9knylKY52mMcnV0kA1Rk6C\necuRPm0NifdGx9+zkZSQUtdjX1eEu/7UfVQTaxL0CZycvSuYJWSWfS63vA81\nrI8Zqeo03c4NNGsKbTkulDL3x+ozxjxQesd7DMfQI9buqQT6pfbkqxfTTKnV\nFOqiOL0Q7jUniaN7TsQYxUuCjgIYntCyQPgRbefxGIQ72wni21eplmtxo2wJ\nO/+ifrsawy2lbY3Te5oXymh/mvbzvZME0yrOrH2lDZsZYI6OsByX5Dps4mJ+\n3VGY\r\n=xrKw\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGk8pU/0Q1H7minAf7LzjcKQ5iIO6DqFzGaOlK2Do/s8AiEAnuBR898WXIJ6XDRVICpuofyr4qaakZOzcRr+DZsxiWQ="}]},"maintainers":[{"name":"runjuuu","email":"huang@runjuu.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-simple-resizer_1.3.1_1559286726520_0.9965854873501387"},"_hasShrinkwrap":false},"1.4.0-beta.0":{"name":"react-simple-resizer","version":"1.4.0-beta.0","description":"An intuitive React component set for multi-column resizing","main":"./dist/es5/index.js","module":"./dist/esm/index.js","esnext":"./dist/esnext/index.js","jsdelivr":"./dist/umd/index.js","unpkg":"./dist/umd/index.js","types":"./dist/es5/index.d.ts","scripts":{"dev":"parcel ./demo/index.html","build:demo":"rm -rf ./demo/dist/* && parcel build ./demo/index.html --out-dir ./demo/dist --public-url ./","build":"rm -rf ./dist && yarn run build:es5 && yarn run build:esm && yarn run build:esnext && yarn run build:umd","build:es5":"tsc -p ./tsconfig.build.json -m es2015 --outDir ./dist/es5","build:esm":"tsc -p ./tsconfig.build.json -m esnext --outDir ./dist/esm","build:esnext":"tsc -p ./tsconfig.build.json --target esnext --outDir ./dist/esnext","build:umd":"tsc -p ./tsconfig.build.json -m umd --outDir ./dist/umd","prettier":"prettier '@(src|demo)/**/*.@(ts|tsx|html|less)' --write","lint":"tslint -p tsconfig.json --fix","test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/LeetCode-OpenSource/react-simple-resizer.git"},"keywords":["react","resize","resizer","multi-column"],"bugs":{"url":"https://github.com/LeetCode-OpenSource/react-simple-resizer/issues"},"homepage":"https://github.com/LeetCode-OpenSource/react-simple-resizer#readme","author":{"name":"LeetCode front-end team"},"license":"MIT","husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"*.{ts,tsx}":["prettier --write","tslint -p tsconfig.json --fix","git add"],"*.{less,html}":["prettier --write","git add"]},"devDependencies":{"@types/react":"^16.4.7","@types/react-dom":"^16.0.7","husky":"^1.2.0","less":"^3.9.0","lint-staged":"^8.1.0","normalize.css":"^8.0.1","parcel-bundler":"^1.10.3","parcel-plugin-bundle-visualiser":"^1.2.0","prettier":"1.15.3","react":"^16.4.2","react-dom":"^16.4.2","tslib":"^1.9.3","tslint":"^5.11.0","tslint-eslint-rules":"^5.3.1","tslint-react":"^3.6.0","tslint-sonarts":"^1.7.0","typescript":"^3.1.6"},"dependencies":{"@emotion/core":"^10.0.4","@emotion/is-prop-valid":"^0.7.3","@emotion/styled":"^10.0.4","rxjs":"^6.3.3"},"peerDependencies":{"react":"^16.3.0","react-dom":"^16.4.2"},"readme":"# react-simple-resizer &middot; [![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/LeetCode-OpenSource/react-simple-resizer/blob/master/LICENSE) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](#contributing) [![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat)](https://github.com/prettier/prettier) [![npm version](https://img.shields.io/npm/v/react-simple-resizer.svg?style=flat)](https://www.npmjs.com/package/react-simple-resizer)\n\n\nAn intuitive React component set for multi-column(row) resizing. You could [customize the behavior of resizing](#customize-resize-behavior) in a very simple way. Works in every modern browser [which](https://caniuse.com/#feat=flexbox) supports [flexible box layout](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout).\n\n#### Table of Contents\n- [Installation](#installation)\n- [Examples](#examples)\n- [Components](#components)\n    - [Container](#container-)\n    - [Section](#section-)\n    - [Bar](#bar-)\n- [Customize resize behavior](#customize-resize-behavior)\n- [Contributing](#contributing)\n\n## Installation\nUsing [yarn](https://yarnpkg.com/):\n```bash\nyarn add react-simple-resizer\n```\n\nOr via [npm](https://docs.npmjs.com):\n```bash\nnpm install react-simple-resizer\n```\n\n## Examples\n\nHere is a minimal example for two-column layout:\n```jsx\nimport React from 'react';\nimport { Container, Section, Bar } from 'react-simple-resizer';\n\nexport default () => (\n  <Container style={{ height: '500px' }}>\n    <Section style={{ background: '#d3d3d3' }} minSize={100}/>\n    <Bar size={10} style={{ background: '#888888', cursor: 'col-resize' }} />\n    <Section style={{ background: '#d3d3d3' }} minSize={100} />\n  </Container>\n);\n```\n\nWe have created several demos on CodeSandbox, check demos below:\n\n- [Simple demo](https://codesandbox.io/s/qkw1rxxq29)\n- [Make Section collapsible](https://codesandbox.io/s/1vpy7kz5j3)\n- [Multiple Section linkage effects](https://codesandbox.io/s/r51pv3qzpm)\n\n## Components\n\n### \\<Container \\/\\>\n\nLiterally, it's the container of the other components.\n\n```typescript\nimport { Container } from 'react-simple-resizer';\n```\n\n#### Props\n```typescript\nimport { HTMLAttributes } from 'react';\n\ninterface ContainerProps extends HTMLAttributes<HTMLDivElement> {\n  vertical?: boolean;\n  onActivate?: () => void;\n  beforeApplyResizer?: (resizer: Resizer) => void;\n  afterResizing?: () => void;\n}\n```\n\n##### `vertical`\n\nDetermine whether using vertical layout or not, default is `false`.\n\n##### `onActivate`\n\nTriggered when any [`Bar`](#bar-) is activated. i.e, [onMouseDown](https://developer.mozilla.org/en/docs/Web/Events/mousedown) or [onTouchStart](https://developer.mozilla.org/en-US/docs/Web/Events/touchstart).\n\n##### `beforeApplyResizer`\n\nUsed to [customize resize behavior](#customize-resize-behavior). In this method, you __don't__ need to call [`applyResizer`](#applyresizer) to apply the resize result. Please note that you should not do any side effect on this method. If you want to do something after resizing, see [`afterResizing`](#afterresizing) below.\n\n##### `afterResizing`\n\nTriggered after a <a name=\"resizing-section\">__resizing section__</a> is completed, which means that it will be triggered after [onMouseUp](https://developer.mozilla.org/en-US/docs/Web/Events/mouseup) and [onTouchEnd](https://developer.mozilla.org/en-US/docs/Web/Events/touchend) events. If you want to do something after size of section has changed, use [`onSizeChanged`](#onsizechanged) props on the [`Section`](#section-) instead.\n\n#### Instance properties\n```typescript\nimport React from 'react';\n\nclass Container extends React.PureComponent<ContainerProps> {\n    public getResizer(): Resizer\n    public applyResizer(resizer: Resizer): void\n}\n```\n##### `getResizer`\nUsed to get newest [`Resizer`](#customize-resize-behavior). But any change won't apply unless you pass the `Resizer` to `applyResizer`.\n\n##### `applyResizer`\nApply the passed `Resizer` to `Container`.\n\n---\n### \\<Section \\/\\>\n\n```typescript\nimport { Section } from 'react-simple-resizer';\n```\n\n#### Props\n```typescript\nimport { HTMLAttributes, RefObject } from 'react';\n\ninterface SectionProps extends HTMLAttributes<HTMLDivElement> {\n  size?: number;\n  defaultSize?: number;\n  maxSize?: number;\n  minSize?: number;\n  disableResponsive?: boolean;\n  onSizeChanged?: (currentSize: number) => void;\n  innerRef?: RefObject<HTMLDivElement>;\n}\n```\n##### `size`\nUsed to set `Section`'s size. If `size` is set, `Section` will ignore the value of `defaultSize`, `maxSize` and `minSize`.\n\n##### `defaultSize`\nUsed to set default size of `Section`.\n\n##### `maxSize`\nUsed to set max size of `Section`.\n\n##### `minSize`\nUsed to set min size of `Section`.\n\n##### `disableResponsive`\nEach `Section` is responsive as default, unless `size` exists. The `responsive` here means that `Section`'s size is related with `Container`'s size, if `Container`'s size turn smaller, the `Section`'s size also turn smaller automatically. Otherwise, changes of `Container` size won't affect the `Section` when `disableResponsive` is `true`.\n\n##### `onSizeChanged`\nWill be triggered each time its size has changed.\n\n##### `innerRef`\nUsed to get the actual DOM ref of `Section`.\n\n---\n### \\<Bar \\/\\>\n\n```typescript\nimport { Bar } from 'react-simple-resizer';\n```\n\n#### Props\n```typescript\nimport { HTMLAttributes, RefObject } from 'react';\n\ninterface ExpandInteractiveArea {\n  top?: number;\n  left?: number;\n  right?: number;\n  bottom?: number;\n}\n\ninterface BarProps extends HTMLAttributes<HTMLDivElement> {\n  size: number;\n  expandInteractiveArea?: ExpandInteractiveArea;\n  onStatusChanged?: (isActive: boolean) => void;\n  onClick?: () => void;\n  innerRef?: RefObject<HTMLDivElement>;\n}\n```\n##### `size`\nRequired, used to set the size of `Bar`.\n\n##### `expandInteractiveArea`\nUsed to expand interactive area of `Bar`.\n\n##### `onStatusChanged`\nTriggered when the state of `Bar` has changed.\n\n##### `onClick`\nTriggered if there's no \"move\" events. The main difference between it and original `onClick` event is that __there is no parameters__ on _this_ `onClick`. You could also use it as a touch event on mobile platform, without 300ms click delay.\n\n##### `innerRef`\nUsed to get the actual DOM ref of `Bar`.\n\n## Customize resize behavior\nIf you want to customize behavior of resizing, then you have to know how to use `Resizer`.\n\nThere is two ways to get the `Resizer`. One is [`beforeApplyResizer`](#beforeapplyresizer) defined on the __props__ of `Container`, and the other is [`getResizer`](#getresizer) defined on the __instance__ of `Container`.\n\nBeware that you need __manually__ calling [`applyResizer`](#applyresizer) every time you want to apply the effect, except in `beforeApplyResizer`. Check demo [Make Section collapsible](https://codesandbox.io/s/1vpy7kz5j3) to see how `applyResizer` is used.\n\n```typescript\ninterface Resizer {\n  resizeSection: (indexOfSection: number, config: { toSize: number; preferMoveLeftBar?: boolean }) => void;\n  moveBar: (indexOfBar: number, config: { withOffset: number; }) => void;\n  discard: () => void;\n  isSectionResized: (indexOfSection: number) => boolean;\n  isBarActivated: (indexOfBar: number) => boolean;\n  getSectionSize: (indexOfSection: number) => number | -1;\n  getTotalSize: () => number;\n}\n```\n\n##### `resizeSection`\nUsed to set size of the nth `Section`.\nIn multi-column layout, there're several `Bar`s could change the `Section`'s size. Therefore, you could try to use the left side `Bar` to resizing by setting `preferMoveLeftBar`.\n\n##### `moveBar`\nUsed to move the nth `Bar` to resizing. \nIf the value of A is negative, move `Bar` to the left. When [`vertical`](#vertical) is `true`, move up.\n\n##### `discard`\nDiscard resizing at this time.\n\n##### `isSectionResized`\nUsed to determine whether the nth `Section`'s size is changed at current [resizing section](#user-content-resizing-section) or not.\n\n##### `isBarActivated`\nUsed to determine whether the nth `Bar` is active or not.\n\n##### `getSectionSize`\nUsed to get size of the nth `Section`. if there is no nth `Section`, return `-1`.\n\n##### `getTotalSize`\nUsed to get total size of all `Section`.\n\n\n\n## Contributing\nThe main purpose of this repository is to continue to evolve react-simple-resizer, making it faster, smaller and easier to use. We are grateful to the community for contributing bugfixes and improvements.\n\n#### About Demo\nFeel free to let us know that you have created some new customized resize behavior. You could create a PR to let more people see your works. Also, if you find some behaviors that you cannot create, let us know too.\n","readmeFilename":"README.md","gitHead":"1965bfd5c78ced3143ef82dd3447159fa558bc9a","_id":"react-simple-resizer@1.4.0-beta.0","_nodeVersion":"10.16.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-fX3a+LLJp/6FroCjhhVqfLvzMHXcble6HWrc3eS79AKPdNPYthB2vfsuf+c7W34KCDrSA45ql3vBTbyr5urw3w==","shasum":"9d9f1fd8d9eb0247c76db025509b3147a3bf5939","tarball":"https://registry.npmjs.org/react-simple-resizer/-/react-simple-resizer-1.4.0-beta.0.tgz","fileCount":115,"unpackedSize":209875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdLxeCCRA9TVsSAnZWagAAUjcP/2iC1tW/1wKqnKC6RLkh\n1RbLNQtbNRhNQBHn5nfOPSqFQHGzMDL0D6bhx+4mqzJ8UucAIet+TDxWoG9e\nfz485uD18ZS8RcpZfR2Hm2te+UWusk6MUuEm4PNMVCmqCTiKrLBevn9kEfJh\n6PgOUU1FkuQ5g1ctwDEVOozM5pYAxlrMcZ2BBUoq85w82BkOl22mNjRLRuUA\ncpFAJG0L2tCOmeHccXLVfGSNv8YgbV2osNccvN0db0EuQkPKvejFtcEanAcu\niWEYfrCZkMtvHODc57knnOEJACMiyKOKtcck/y5raPG3G+eGWxZEjKUTrSlU\n8dhXmUmJdI5W6m0W0sU+pFdYTqVhR+Q+gsZnBuDyzCRfjxEkC/AdNQ/7oU1Z\n/VPzf18dWCZXJWOR8+IHrt3fUZryCbVN/NYbGc6MCCpBIuMsNUV1W9sNGuFd\nO/XtyCH1BJLvJUtoKcy+wBXPgEJX+XoWpk/BBYGbrCKf0Q4OrR/KyCTGzc6v\nOj+FT2iWgK+bna9RruMwLAGfc34HDG+yd9tJIYaaGZ7JxBwdCyUFftEvpJFw\nqWN15du4DlkY6AgN7ynXixVKUod9w3QM4i/EledZq35LlyAQ84vyJ8PyvM/C\naG8LtwASkyNQpnJ3g3DoICqtfZsUF3CVaMhxm+j02pgOlPXF+nLXzAH54P/o\nl2S2\r\n=H1K8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGwKtTr4KNfQjcGw1sGidN3FsvPrPJrvKVJ2gKB1nuLZAiEA+R05xBVJjkmVVnVz7biJpdlIsiwwuDHf7vFMa3RNEZ4="}]},"maintainers":[{"name":"runjuuu","email":"huang@runjuu.com"}],"_npmUser":{"name":"runjuuu","email":"huang@runjuu.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-simple-resizer_1.4.0-beta.0_1563367297937_0.5560407637176259"},"_hasShrinkwrap":false},"1.4.0-beta.1":{"name":"react-simple-resizer","version":"1.4.0-beta.1","description":"An intuitive React component set for multi-column resizing","main":"./dist/es5/index.js","module":"./dist/esm/index.js","esnext":"./dist/esnext/index.js","jsdelivr":"./dist/index.umd.js","unpkg":"./dist/index.umd.js","types":"./dist/es5/index.d.ts","scripts":{"dev":"parcel ./demo/index.html","build:demo":"rm -rf ./demo/dist/* && parcel build ./demo/index.html --out-dir ./demo/dist --public-url ./","build":"rm -rf ./dist && yarn run build:es5 && yarn run build:esm && yarn run build:esnext && yarn run build:umd","build:es5":"tsc -p ./tsconfig.build.json -m es2015 --outDir ./dist/es5","build:esm":"tsc -p ./tsconfig.build.json -m esnext --outDir ./dist/esm","build:esnext":"tsc -p ./tsconfig.build.json --target esnext --outDir ./dist/esnext","build:umd":"rollup --config","prettier":"prettier '@(src|demo)/**/*.@(ts|tsx|html|less)' --write","lint":"tslint -p tsconfig.json --fix","test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/LeetCode-OpenSource/react-simple-resizer.git"},"keywords":["react","resize","resizer","multi-column"],"bugs":{"url":"https://github.com/LeetCode-OpenSource/react-simple-resizer/issues"},"homepage":"https://github.com/LeetCode-OpenSource/react-simple-resizer#readme","author":{"name":"LeetCode front-end team"},"license":"MIT","husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"*.{ts,tsx}":["prettier --write","tslint -p tsconfig.json --fix","git add"],"*.{less,html}":["prettier --write","git add"]},"devDependencies":{"@types/react":"^16.4.7","@types/react-dom":"^16.0.7","husky":"^1.2.0","less":"^3.9.0","lint-staged":"^8.1.0","normalize.css":"^8.0.1","parcel-bundler":"^1.10.3","parcel-plugin-bundle-visualiser":"^1.2.0","prettier":"1.15.3","react":"^16.4.2","react-dom":"^16.4.2","rollup":"^1.17.0","rollup-plugin-commonjs":"^10.0.1","rollup-plugin-node-resolve":"^5.2.0","tslib":"^1.9.3","tslint":"^5.11.0","tslint-eslint-rules":"^5.3.1","tslint-react":"^3.6.0","tslint-sonarts":"^1.7.0","typescript":"^3.1.6"},"dependencies":{"@emotion/core":"^10.0.4","@emotion/is-prop-valid":"^0.7.3","@emotion/styled":"^10.0.4","rxjs":"^6.3.3"},"peerDependencies":{"react":"^16.3.0","react-dom":"^16.4.2"},"readme":"# react-simple-resizer &middot; [![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/LeetCode-OpenSource/react-simple-resizer/blob/master/LICENSE) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](#contributing) [![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat)](https://github.com/prettier/prettier) [![npm version](https://img.shields.io/npm/v/react-simple-resizer.svg?style=flat)](https://www.npmjs.com/package/react-simple-resizer)\n\n\nAn intuitive React component set for multi-column(row) resizing. You could [customize the behavior of resizing](#customize-resize-behavior) in a very simple way. Works in every modern browser [which](https://caniuse.com/#feat=flexbox) supports [flexible box layout](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout).\n\n#### Table of Contents\n- [Installation](#installation)\n- [Examples](#examples)\n- [Components](#components)\n    - [Container](#container-)\n    - [Section](#section-)\n    - [Bar](#bar-)\n- [Customize resize behavior](#customize-resize-behavior)\n- [Contributing](#contributing)\n\n## Installation\nUsing [yarn](https://yarnpkg.com/):\n```bash\nyarn add react-simple-resizer\n```\n\nOr via [npm](https://docs.npmjs.com):\n```bash\nnpm install react-simple-resizer\n```\n\n## Examples\n\nHere is a minimal example for two-column layout:\n```jsx\nimport React from 'react';\nimport { Container, Section, Bar } from 'react-simple-resizer';\n\nexport default () => (\n  <Container style={{ height: '500px' }}>\n    <Section style={{ background: '#d3d3d3' }} minSize={100}/>\n    <Bar size={10} style={{ background: '#888888', cursor: 'col-resize' }} />\n    <Section style={{ background: '#d3d3d3' }} minSize={100} />\n  </Container>\n);\n```\n\nWe have created several demos on CodeSandbox, check demos below:\n\n- [Simple demo](https://codesandbox.io/s/qkw1rxxq29)\n- [Make Section collapsible](https://codesandbox.io/s/1vpy7kz5j3)\n- [Multiple Section linkage effects](https://codesandbox.io/s/r51pv3qzpm)\n\n## Components\n\n### \\<Container \\/\\>\n\nLiterally, it's the container of the other components.\n\n```typescript\nimport { Container } from 'react-simple-resizer';\n```\n\n#### Props\n```typescript\nimport { HTMLAttributes } from 'react';\n\ninterface ContainerProps extends HTMLAttributes<HTMLDivElement> {\n  vertical?: boolean;\n  onActivate?: () => void;\n  beforeApplyResizer?: (resizer: Resizer) => void;\n  afterResizing?: () => void;\n}\n```\n\n##### `vertical`\n\nDetermine whether using vertical layout or not, default is `false`.\n\n##### `onActivate`\n\nTriggered when any [`Bar`](#bar-) is activated. i.e, [onMouseDown](https://developer.mozilla.org/en/docs/Web/Events/mousedown) or [onTouchStart](https://developer.mozilla.org/en-US/docs/Web/Events/touchstart).\n\n##### `beforeApplyResizer`\n\nUsed to [customize resize behavior](#customize-resize-behavior). In this method, you __don't__ need to call [`applyResizer`](#applyresizer) to apply the resize result. Please note that you should not do any side effect on this method. If you want to do something after resizing, see [`afterResizing`](#afterresizing) below.\n\n##### `afterResizing`\n\nTriggered after a <a name=\"resizing-section\">__resizing section__</a> is completed, which means that it will be triggered after [onMouseUp](https://developer.mozilla.org/en-US/docs/Web/Events/mouseup) and [onTouchEnd](https://developer.mozilla.org/en-US/docs/Web/Events/touchend) events. If you want to do something after size of section has changed, use [`onSizeChanged`](#onsizechanged) props on the [`Section`](#section-) instead.\n\n#### Instance properties\n```typescript\nimport React from 'react';\n\nclass Container extends React.PureComponent<ContainerProps> {\n    public getResizer(): Resizer\n    public applyResizer(resizer: Resizer): void\n}\n```\n##### `getResizer`\nUsed to get newest [`Resizer`](#customize-resize-behavior). But any change won't apply unless you pass the `Resizer` to `applyResizer`.\n\n##### `applyResizer`\nApply the passed `Resizer` to `Container`.\n\n---\n### \\<Section \\/\\>\n\n```typescript\nimport { Section } from 'react-simple-resizer';\n```\n\n#### Props\n```typescript\nimport { HTMLAttributes, RefObject } from 'react';\n\ninterface SectionProps extends HTMLAttributes<HTMLDivElement> {\n  size?: number;\n  defaultSize?: number;\n  maxSize?: number;\n  minSize?: number;\n  disableResponsive?: boolean;\n  onSizeChanged?: (currentSize: number) => void;\n  innerRef?: RefObject<HTMLDivElement>;\n}\n```\n##### `size`\nUsed to set `Section`'s size. If `size` is set, `Section` will ignore the value of `defaultSize`, `maxSize` and `minSize`.\n\n##### `defaultSize`\nUsed to set default size of `Section`.\n\n##### `maxSize`\nUsed to set max size of `Section`.\n\n##### `minSize`\nUsed to set min size of `Section`.\n\n##### `disableResponsive`\nEach `Section` is responsive as default, unless `size` exists. The `responsive` here means that `Section`'s size is related with `Container`'s size, if `Container`'s size turn smaller, the `Section`'s size also turn smaller automatically. Otherwise, changes of `Container` size won't affect the `Section` when `disableResponsive` is `true`.\n\n##### `onSizeChanged`\nWill be triggered each time its size has changed.\n\n##### `innerRef`\nUsed to get the actual DOM ref of `Section`.\n\n---\n### \\<Bar \\/\\>\n\n```typescript\nimport { Bar } from 'react-simple-resizer';\n```\n\n#### Props\n```typescript\nimport { HTMLAttributes, RefObject } from 'react';\n\ninterface ExpandInteractiveArea {\n  top?: number;\n  left?: number;\n  right?: number;\n  bottom?: number;\n}\n\ninterface BarProps extends HTMLAttributes<HTMLDivElement> {\n  size: number;\n  expandInteractiveArea?: ExpandInteractiveArea;\n  onStatusChanged?: (isActive: boolean) => void;\n  onClick?: () => void;\n  innerRef?: RefObject<HTMLDivElement>;\n}\n```\n##### `size`\nRequired, used to set the size of `Bar`.\n\n##### `expandInteractiveArea`\nUsed to expand interactive area of `Bar`.\n\n##### `onStatusChanged`\nTriggered when the state of `Bar` has changed.\n\n##### `onClick`\nTriggered if there's no \"move\" events. The main difference between it and original `onClick` event is that __there is no parameters__ on _this_ `onClick`. You could also use it as a touch event on mobile platform, without 300ms click delay.\n\n##### `innerRef`\nUsed to get the actual DOM ref of `Bar`.\n\n## Customize resize behavior\nIf you want to customize behavior of resizing, then you have to know how to use `Resizer`.\n\nThere is two ways to get the `Resizer`. One is [`beforeApplyResizer`](#beforeapplyresizer) defined on the __props__ of `Container`, and the other is [`getResizer`](#getresizer) defined on the __instance__ of `Container`.\n\nBeware that you need __manually__ calling [`applyResizer`](#applyresizer) every time you want to apply the effect, except in `beforeApplyResizer`. Check demo [Make Section collapsible](https://codesandbox.io/s/1vpy7kz5j3) to see how `applyResizer` is used.\n\n```typescript\ninterface Resizer {\n  resizeSection: (indexOfSection: number, config: { toSize: number; preferMoveLeftBar?: boolean }) => void;\n  moveBar: (indexOfBar: number, config: { withOffset: number; }) => void;\n  discard: () => void;\n  isSectionResized: (indexOfSection: number) => boolean;\n  isBarActivated: (indexOfBar: number) => boolean;\n  getSectionSize: (indexOfSection: number) => number | -1;\n  getTotalSize: () => number;\n}\n```\n\n##### `resizeSection`\nUsed to set size of the nth `Section`.\nIn multi-column layout, there're several `Bar`s could change the `Section`'s size. Therefore, you could try to use the left side `Bar` to resizing by setting `preferMoveLeftBar`.\n\n##### `moveBar`\nUsed to move the nth `Bar` to resizing. \nIf the value of A is negative, move `Bar` to the left. When [`vertical`](#vertical) is `true`, move up.\n\n##### `discard`\nDiscard resizing at this time.\n\n##### `isSectionResized`\nUsed to determine whether the nth `Section`'s size is changed at current [resizing section](#user-content-resizing-section) or not.\n\n##### `isBarActivated`\nUsed to determine whether the nth `Bar` is active or not.\n\n##### `getSectionSize`\nUsed to get size of the nth `Section`. if there is no nth `Section`, return `-1`.\n\n##### `getTotalSize`\nUsed to get total size of all `Section`.\n\n\n\n## Contributing\nThe main purpose of this repository is to continue to evolve react-simple-resizer, making it faster, smaller and easier to use. We are grateful to the community for contributing bugfixes and improvements.\n\n#### About Demo\nFeel free to let us know that you have created some new customized resize behavior. You could create a PR to let more people see your works. Also, if you find some behaviors that you cannot create, let us know too.\n","readmeFilename":"README.md","gitHead":"82fa959536c4e610960bff04310e3e3dd27104b6","_id":"react-simple-resizer@1.4.0-beta.1","_nodeVersion":"10.16.0","_npmVersion":"6.10.1","dist":{"integrity":"sha512-kvFq/en8/QxRIk53SXGRJdWCi6Nv87hnUT2E2+Xc5CcBwPXrkP2MhkCCTeNPj1udVq4i/tAaz+XWsUXfK0DqWg==","shasum":"000639b56eb767b4cd9ae7dec58a7dc329b62cbe","tarball":"https://registry.npmjs.org/react-simple-resizer/-/react-simple-resizer-1.4.0-beta.1.tgz","fileCount":90,"unpackedSize":715339,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdLy6LCRA9TVsSAnZWagAANU4P/0CMeg+tJJ1h3zBKvyJY\nlaG0DbR/IWKcEeuMnpX8/7J7JlkiCaCAvEKIW5/WzaLuuck7rebjK3HXr782\n5IWs2ki6xMR4IzcwOw8ngBTNxlf7CbIxGpm3vKqCYGGj7hwAj+Nq5w4T1csn\nB8QBB5Yk9HJ0FyJX2dId5k5Fq7PhCbIk/FvQD3uqhld69MLkABj8Q7DdAL3/\nWyWzX0+vsKMbr+g3lkfklHAvxVy8X3oY7o6WyLsiS6Bf8wTen//V37bhwu7X\nl3PK/QjLAzX5/TA4uDwp8SHVadHT4qe/HK1j7G7Ww+CjlYMSdd1wamwc/k2d\nQKdouBEVwoRWOoKUS2tGYwWeqCMlhSVUP+T+PUjGz22DJAa0ra2r7jx0z6PJ\n0QK2wT/PUnHY6H4oMS2/IdwSdHhUWSorW6Of4NhAC9yPPJV1Oz5kg7+Ll/1Y\nYwygbEhD20z8uQq1EUdDGzx2PR1GwJX+rySE6/v/AIKx+6Gw+fpwjIDSPZkr\nLyl/WPUhnjWb51W9GBHUSS3b7TXg7lXD5rBsHc+c/YkmOewVhHbPPwm9s1gi\nNU6LxGWGsfijsbMlNb8UKaVCXX4zSrfopnznSTK+e2qNNhupSuT6K6iMZe3m\n8Pv+xw9iy2wxHriWY+i7rv9JeE25GQnaZVn23nlcY77gozRl9p/nLzGENSNA\nXOEj\r\n=m4Wh\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC5fHXwfUFJJxaXv7jt/PuJpriFQZ4nM4nyYbmJuC2FFgIgWJGQgd0otOUgjD1HTuj/NNjo0eaDrvY9sBd6gs8e4aw="}]},"maintainers":[{"name":"runjuuu","email":"huang@runjuu.com"}],"_npmUser":{"name":"runjuuu","email":"huang@runjuu.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-simple-resizer_1.4.0-beta.1_1563373194685_0.37718063273803115"},"_hasShrinkwrap":false},"2.0.0":{"name":"react-simple-resizer","version":"2.0.0","description":"An intuitive React component set for multi-column resizing","main":"./dist/index.js","types":"./dist/index.d.ts","scripts":{"dev":"parcel ./demo/index.html","build:demo":"rm -rf ./demo/dist/* && parcel build ./demo/index.html --out-dir ./demo/dist --public-url ./","build":"rm -rf ./dist && tsc -p ./tsconfig.build.json","prettier":"prettier '@(src|demo)/**/*.@(ts|tsx|html|less)' --write","lint":"tslint -p tsconfig.json --fix","test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/LeetCode-OpenSource/react-simple-resizer.git"},"keywords":["react","resize","resizer","multi-column"],"bugs":{"url":"https://github.com/LeetCode-OpenSource/react-simple-resizer/issues"},"homepage":"https://github.com/LeetCode-OpenSource/react-simple-resizer#readme","author":{"name":"LeetCode front-end team"},"license":"MIT","husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"*.{ts,tsx}":["prettier --write","tslint -p tsconfig.json --fix","git add"],"*.{less,html}":["prettier --write","git add"]},"devDependencies":{"@types/react":"^16.4.7","@types/react-dom":"^16.0.7","husky":"^1.2.0","less":"^3.9.0","lint-staged":"^8.1.0","normalize.css":"^8.0.1","parcel-bundler":"^1.10.3","parcel-plugin-bundle-visualiser":"^1.2.0","prettier":"1.15.3","react":"^16.4.2","react-dom":"^16.4.2","tslib":"^1.9.3","tslint":"^5.11.0","tslint-eslint-rules":"^5.3.1","tslint-react":"^3.6.0","tslint-sonarts":"^1.7.0","typescript":"^3.1.6"},"dependencies":{"rxjs":"^6.3.3"},"peerDependencies":{"react":"^16.3.0","react-dom":"^16.4.2"},"gitHead":"3c44d21d79d5694a66c7c61bebf483e233cf4a3c","_id":"react-simple-resizer@2.0.0","_nodeVersion":"10.16.0","_npmVersion":"6.10.1","dist":{"integrity":"sha512-TaHUnjg2S8Vi4XbQeH45E1Y0CQdzPPkJZKs3fNXWLputYj8dBtQkICopY054Xjb/GmC+cPsM0QtKQuYFg3iNjQ==","shasum":"22ba7a8ca4daabb8a76eae54f1b5fd4405fa08d7","tarball":"https://registry.npmjs.org/react-simple-resizer/-/react-simple-resizer-2.0.0.tgz","fileCount":31,"unpackedSize":66579,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqpYpCRA9TVsSAnZWagAAcZ0P/2wviQW1ogFowYrDGsiR\nR2llsmeYZ+mDip3uScAj92eaAugFcktJa2gTmpSWlM9EzqVjcDRV7Gh4IZQM\n8MFRi6S8UfCfWBzcTlZ9ErpyHkhsuIJmAsxxsVu6fZ0UDbj+z5prHerH4DM/\nbNAI5f7sp+1cnNJrH/UwFb37UwH4BG4Lv8qiDInlVuIM5RWzSi8pfvIPAKIz\npTKoMmFnQC9cgi5Hl4La6erJCaThtnZAfK+LWopa5hU50EzZqZlF7GtPxP5y\n8SdsEua50QXuD/riSQwXySsaVhoeq7FSTAKeqVzThnWUaVwUvyG/IKN6Aefr\nyKrvOFioI6cExzRLxM9qzzoj66Ne/fKiinTypsC+BfucZ/J6ixgqgX/x2k+y\nyn89hwYmI3znKown+UieqAQvC2SRrvJpieJqKC9Ok+6DIgJlH2OuyK7CxDZn\n0ECuw07sTjq1QWqL7m5dYl2yJJopcq9EdK7Ag/jp/4rX7qAVZUhwRB+rKdWg\nE3vryc/uIG48gmTsI4Nb2QHkMrzmN6/fpteavmjqzU8yil5EIBzpXeQwtdt/\ntqK/99D//F2pBLWnCYIzXDiH3uATMzmEgGG9OcsODwycJsSPG+YnGTY3I2n8\nYEz3xRe2bL0nW3KI9AlYR/0fMx+4c9fAKaJH2mcWqvFIXfAr9MfqZLtpi9ps\nempz\r\n=m3VD\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCwawKA4ZBOREhONB0dFY6CL0n8YbYIo01aNXGvnDE0/gIgHGq8pObrZX3NelP2a3+TOMd792haZYEJGifk4VDUos8="}]},"maintainers":[{"name":"runjuuu","email":"huang@runjuu.com"}],"_npmUser":{"name":"runjuuu","email":"huang@runjuu.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-simple-resizer_2.0.0_1571460648471_0.6332930378042867"},"_hasShrinkwrap":false},"2.1.0-beta.0":{"name":"react-simple-resizer","version":"2.1.0-beta.0","description":"An intuitive React component set for multi-column resizing","main":"./dist/index.js","types":"./dist/index.d.ts","scripts":{"dev":"parcel ./demo/index.html","build:demo":"rm -rf ./demo/dist/* && parcel build ./demo/index.html --out-dir ./demo/dist --public-url ./","build":"rm -rf ./dist && tsc -p ./tsconfig.build.json","prettier":"prettier '@(src|demo)/**/*.@(ts|tsx|html|less)' --write","lint":"tslint -p tsconfig.json --fix","test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/LeetCode-OpenSource/react-simple-resizer.git"},"keywords":["react","resize","resizer","multi-column"],"bugs":{"url":"https://github.com/LeetCode-OpenSource/react-simple-resizer/issues"},"homepage":"https://github.com/LeetCode-OpenSource/react-simple-resizer#readme","author":{"name":"LeetCode front-end team"},"license":"MIT","husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"*.{ts,tsx}":["prettier --write","tslint -p tsconfig.json --fix","git add"],"*.{less,html}":["prettier --write","git add"]},"devDependencies":{"@types/react":"^16.4.7","@types/react-dom":"^16.0.7","husky":"^1.2.0","less":"^3.9.0","lint-staged":"^8.1.0","normalize.css":"^8.0.1","parcel-bundler":"^1.10.3","parcel-plugin-bundle-visualiser":"^1.2.0","prettier":"1.15.3","react":"^16.4.2","react-dom":"^16.4.2","tslib":"^1.9.3","tslint":"^5.11.0","tslint-eslint-rules":"^5.3.1","tslint-react":"^3.6.0","tslint-sonarts":"^1.7.0","typescript":"^3.1.6"},"dependencies":{"rxjs":"^6.3.3"},"peerDependencies":{"react":"^16.3.0","react-dom":"^16.4.2"},"readme":"# react-simple-resizer &middot; [![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/LeetCode-OpenSource/react-simple-resizer/blob/master/LICENSE) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](#contributing) [![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat)](https://github.com/prettier/prettier) [![npm version](https://img.shields.io/npm/v/react-simple-resizer.svg?style=flat)](https://www.npmjs.com/package/react-simple-resizer)\n\n\nAn intuitive React component set for multi-column(row) resizing. You could [customize the behavior of resizing](#customize-resize-behavior) in a very simple way. Works in every modern browser [which](https://caniuse.com/#feat=flexbox) supports [flexible box layout](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout).\n\n#### Table of Contents\n- [Installation](#installation)\n- [Examples](#examples)\n- [Components](#components)\n    - [Container](#container-)\n    - [Section](#section-)\n    - [Bar](#bar-)\n- [Customize resize behavior](#customize-resize-behavior)\n- [Contributing](#contributing)\n\n## Installation\nUsing [yarn](https://yarnpkg.com/):\n```bash\nyarn add react-simple-resizer\n```\n\nOr via [npm](https://docs.npmjs.com):\n```bash\nnpm install react-simple-resizer\n```\n\n## Examples\n\nHere is a minimal example for two-column layout:\n```jsx\nimport React from 'react';\nimport { Container, Section, Bar } from 'react-simple-resizer';\n\nexport default () => (\n  <Container style={{ height: '500px' }}>\n    <Section style={{ background: '#d3d3d3' }} minSize={100}/>\n    <Bar size={10} style={{ background: '#888888', cursor: 'col-resize' }} />\n    <Section style={{ background: '#d3d3d3' }} minSize={100} />\n  </Container>\n);\n```\n\nWe have created several demos on CodeSandbox, check demos below:\n\n- [Simple demo](https://codesandbox.io/s/qkw1rxxq29)\n- [Make Section collapsible](https://codesandbox.io/s/1vpy7kz5j3)\n- [Multiple Section linkage effects](https://codesandbox.io/s/r51pv3qzpm)\n\n## Components\n\n### \\<Container \\/\\>\n\nLiterally, it's the container of the other components.\n\n```typescript\nimport { Container } from 'react-simple-resizer';\n```\n\n#### Props\n```typescript\nimport { HTMLAttributes } from 'react';\n\ninterface ContainerProps extends HTMLAttributes<HTMLDivElement> {\n  vertical?: boolean;\n  onActivate?: () => void;\n  beforeApplyResizer?: (resizer: Resizer) => void;\n  afterResizing?: () => void;\n}\n```\n\n##### `vertical`\n\nDetermine whether using vertical layout or not, default is `false`.\n\n##### `onActivate`\n\nTriggered when any [`Bar`](#bar-) is activated. i.e, [onMouseDown](https://developer.mozilla.org/en/docs/Web/Events/mousedown) or [onTouchStart](https://developer.mozilla.org/en-US/docs/Web/Events/touchstart).\n\n##### `beforeApplyResizer`\n\nUsed to [customize resize behavior](#customize-resize-behavior). In this method, you __don't__ need to call [`applyResizer`](#applyresizer) to apply the resize result. Please note that you should not do any side effect on this method. If you want to do something after resizing, see [`afterResizing`](#afterresizing) below.\n\n##### `afterResizing`\n\nTriggered after a <a name=\"resizing-section\">__resizing section__</a> is completed, which means that it will be triggered after [onMouseUp](https://developer.mozilla.org/en-US/docs/Web/Events/mouseup) and [onTouchEnd](https://developer.mozilla.org/en-US/docs/Web/Events/touchend) events. If you want to do something after size of section has changed, use [`onSizeChanged`](#onsizechanged) props on the [`Section`](#section-) instead.\n\n#### Instance properties\n```typescript\nimport React from 'react';\n\nclass Container extends React.PureComponent<ContainerProps> {\n    public getResizer(): Resizer\n    public applyResizer(resizer: Resizer): void\n}\n```\n##### `getResizer`\nUsed to get newest [`Resizer`](#customize-resize-behavior). But any change won't apply unless you pass the `Resizer` to `applyResizer`.\n\n##### `applyResizer`\nApply the passed `Resizer` to `Container`.\n\n---\n### \\<Section \\/\\>\n\n```typescript\nimport { Section } from 'react-simple-resizer';\n```\n\n#### Props\n```typescript\nimport { HTMLAttributes, RefObject } from 'react';\n\ninterface SectionProps extends HTMLAttributes<HTMLDivElement> {\n  size?: number;\n  defaultSize?: number;\n  maxSize?: number;\n  minSize?: number;\n  disableResponsive?: boolean;\n  onSizeChanged?: (currentSize: number) => void;\n  innerRef?: RefObject<HTMLDivElement>;\n}\n```\n##### `size`\nUsed to set `Section`'s size. If `size` is set, `Section` will ignore the value of `defaultSize`, `maxSize` and `minSize`.\n\n##### `defaultSize`\nUsed to set default size of `Section`.\n\n##### `maxSize`\nUsed to set max size of `Section`.\n\n##### `minSize`\nUsed to set min size of `Section`.\n\n##### `disableResponsive`\nEach `Section` is responsive as default, unless `size` exists. The `responsive` here means that `Section`'s size is related with `Container`'s size, if `Container`'s size turn smaller, the `Section`'s size also turn smaller automatically. Otherwise, changes of `Container` size won't affect the `Section` when `disableResponsive` is `true`.\n\n##### `onSizeChanged`\nWill be triggered each time its size has changed.\n\n##### `innerRef`\nUsed to get the actual DOM ref of `Section`.\n\n---\n### \\<Bar \\/\\>\n\n```typescript\nimport { Bar } from 'react-simple-resizer';\n```\n\n#### Props\n```typescript\nimport { HTMLAttributes, RefObject } from 'react';\n\ninterface ExpandInteractiveArea {\n  top?: number;\n  left?: number;\n  right?: number;\n  bottom?: number;\n}\n\ninterface BarProps extends HTMLAttributes<HTMLDivElement> {\n  size: number;\n  expandInteractiveArea?: ExpandInteractiveArea;\n  onStatusChanged?: (isActive: boolean) => void;\n  onClick?: () => void;\n  innerRef?: RefObject<HTMLDivElement>;\n}\n```\n##### `size`\nRequired, used to set the size of `Bar`.\n\n##### `expandInteractiveArea`\nUsed to expand interactive area of `Bar`.\n\n##### `onStatusChanged`\nTriggered when the state of `Bar` has changed.\n\n##### `onClick`\nTriggered if there's no \"move\" events. The main difference between it and original `onClick` event is that __there is no parameters__ on _this_ `onClick`. You could also use it as a touch event on mobile platform, without 300ms click delay.\n\n##### `innerRef`\nUsed to get the actual DOM ref of `Bar`.\n\n## Customize resize behavior\nIf you want to customize behavior of resizing, then you have to know how to use `Resizer`.\n\nThere is two ways to get the `Resizer`. One is [`beforeApplyResizer`](#beforeapplyresizer) defined on the __props__ of `Container`, and the other is [`getResizer`](#getresizer) defined on the __instance__ of `Container`.\n\nBeware that you need __manually__ calling [`applyResizer`](#applyresizer) every time you want to apply the effect, except in `beforeApplyResizer`. Check demo [Make Section collapsible](https://codesandbox.io/s/1vpy7kz5j3) to see how `applyResizer` is used.\n\n```typescript\ninterface Resizer {\n  resizeSection: (indexOfSection: number, config: { toSize: number; preferMoveLeftBar?: boolean }) => void;\n  moveBar: (indexOfBar: number, config: { withOffset: number; }) => void;\n  discard: () => void;\n  isSectionResized: (indexOfSection: number) => boolean;\n  isBarActivated: (indexOfBar: number) => boolean;\n  getSectionSize: (indexOfSection: number) => number | -1;\n  getTotalSize: () => number;\n}\n```\n\n##### `resizeSection`\nUsed to set size of the nth `Section`.\nIn multi-column layout, there're several `Bar`s could change the `Section`'s size. Therefore, you could try to use the left side `Bar` to resizing by setting `preferMoveLeftBar`.\n\n##### `moveBar`\nUsed to move the nth `Bar` to resizing. \nIf the value of A is negative, move `Bar` to the left. When [`vertical`](#vertical) is `true`, move up.\n\n##### `discard`\nDiscard resizing at this time.\n\n##### `isSectionResized`\nUsed to determine whether the nth `Section`'s size is changed at current [resizing section](#user-content-resizing-section) or not.\n\n##### `isBarActivated`\nUsed to determine whether the nth `Bar` is active or not.\n\n##### `getSectionSize`\nUsed to get size of the nth `Section`. if there is no nth `Section`, return `-1`.\n\n##### `getTotalSize`\nUsed to get total size of all `Section`.\n\n\n\n## Contributing\nThe main purpose of this repository is to continue to evolve react-simple-resizer, making it faster, smaller and easier to use. We are grateful to the community for contributing bugfixes and improvements.\n\n#### About Demo\nFeel free to let us know that you have created some new customized resize behavior. You could create a PR to let more people see your works. Also, if you find some behaviors that you cannot create, let us know too.\n","readmeFilename":"README.md","gitHead":"3c44d21d79d5694a66c7c61bebf483e233cf4a3c","_id":"react-simple-resizer@2.1.0-beta.0","_nodeVersion":"12.12.0","_npmVersion":"6.11.3","dist":{"integrity":"sha512-ZKLCfcI+7WQxRHrF2Q0KUjJZ9hBhuwZ67Zr0qbgTmzjzcHoDnUKFALHvQGbDMELZyDOZsFop1GMKisBdZBSnFQ==","shasum":"92982a41429d9ca2ec1414b429ef2255531fa2df","tarball":"https://registry.npmjs.org/react-simple-resizer/-/react-simple-resizer-2.1.0-beta.0.tgz","fileCount":31,"unpackedSize":66748,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdsDbFCRA9TVsSAnZWagAAmJkP/RPHysfpDGqI8Vg6W69z\nxDB0lp8GZLyCkV1fBGnKoa9kUJx4d8IBQIKkf1ZIkEmxPX8T8KmWwWD5Ft8y\n4gZvOyAHqdkAPAZAdzluhdrRb5EdKvPmJp4ZGDNZta+B+ZFnjKgnMb1PUBbC\n0a6y/ZJzbuckabBHie64GMMkOHRihT9uHyExPLdUM5ggynEOgX5DG9Uz0DzA\nLQLfoQ4jkAaQmlhDla1SGNHyV7HNa21MNEFsnAwWYfmOQtWUIkB4rbt63HIn\ng9NKY1+jj/qKuHaLgei/4Kw++g2FP26OQuZaK8pPDY2m44bREh21hUYb/1le\nCD/agm6ZJkuHnU5gzGmYY1nYkwe0OyWrI2xbUUeLGJKHTIi8j+e1VKSYH9hh\nhCqJgPtYcJW3OnjQZ7KlhrC/g+Ci201XmExEahb06f9Mon+5VCrjGMtjL6tB\n1utKBAot7p13wc1kRMU6Inl0XmIR+IiCaIqoVbL2Ok7yuWww+dZZ28uV5iCO\nXYJsAQT+Dn20F/G8YaaqB7XemsV0BEnO/YoOpYZF9FYvYdtmk2QmuZVePGTY\nrJwRJXFChZIOde2nQ0n5JN7ltt1YqcKnYQ70uN/85ai7ZGW60qHGl2G5sqcU\nH0ntq2byiOyVE7S2Swfl++ridNm9BSCipSzXnPhaU/vKbGxzNfPa3KEoiNl2\n49rQ\r\n=3HB1\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDuON818Ip/xowa/blZqBf7rhO1oK43DZctVh8nDYzlrgIhAJUlM1Qjx5/TDHyvvpzLPl5kG6tjDeXWBNRnVqhVpuEp"}]},"maintainers":[{"name":"runjuuu","email":"huang@runjuu.com"}],"_npmUser":{"name":"runjuuu","email":"huang@runjuu.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-simple-resizer_2.1.0-beta.0_1571829445253_0.09185522512754285"},"_hasShrinkwrap":false},"2.1.0":{"name":"react-simple-resizer","version":"2.1.0","description":"An intuitive React component set for multi-column resizing","main":"./dist/index.js","types":"./dist/index.d.ts","scripts":{"dev":"parcel ./demo/index.html","build:demo":"rm -rf ./demo/dist/* && parcel build ./demo/index.html --out-dir ./demo/dist --public-url ./","build":"rm -rf ./dist && tsc -p ./tsconfig.build.json","prettier":"prettier '@(src|demo)/**/*.@(ts|tsx|html|less)' --write","lint":"tslint -p tsconfig.json --fix","test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/LeetCode-OpenSource/react-simple-resizer.git"},"keywords":["react","resize","resizer","multi-column"],"bugs":{"url":"https://github.com/LeetCode-OpenSource/react-simple-resizer/issues"},"homepage":"https://github.com/LeetCode-OpenSource/react-simple-resizer#readme","author":{"name":"LeetCode front-end team"},"license":"MIT","husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"*.{ts,tsx}":["prettier --write","tslint -p tsconfig.json --fix","git add"],"*.{less,html}":["prettier --write","git add"]},"devDependencies":{"@types/react":"^16.4.7","@types/react-dom":"^16.0.7","husky":"^1.2.0","less":"^3.9.0","lint-staged":"^8.1.0","normalize.css":"^8.0.1","parcel-bundler":"^1.10.3","parcel-plugin-bundle-visualiser":"^1.2.0","prettier":"1.15.3","react":"^16.4.2","react-dom":"^16.4.2","tslib":"^1.9.3","tslint":"^5.11.0","tslint-eslint-rules":"^5.3.1","tslint-react":"^3.6.0","tslint-sonarts":"^1.7.0","typescript":"^3.1.6"},"dependencies":{"rxjs":"^6.3.3"},"peerDependencies":{"react":"^16.3.0","react-dom":"^16.4.2"},"gitHead":"a68dc0325a1a238fe1ea9a7454a604f85e07d74a","_id":"react-simple-resizer@2.1.0","_nodeVersion":"12.12.0","_npmVersion":"6.11.3","dist":{"integrity":"sha512-iiPER+vuKsW5+6+HroNnahc2Cah6UpO4w9SeuGw1pf/6p/F/vAD4+4288yJS5fLY4xJpDNEiOiRBk2kLUui6nw==","shasum":"9645d2bc2f1ee043435804619826cad0bf2511d7","tarball":"https://registry.npmjs.org/react-simple-resizer/-/react-simple-resizer-2.1.0.tgz","fileCount":31,"unpackedSize":66741,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdsDwlCRA9TVsSAnZWagAASM8QAIjhWUDd/6y19bZoPXXe\n5Az112Pmfwhtjzvy7ih6QOPya1Oxy381pPEwHAX+QL6PEAt6N2RXjiH8tUjl\nnh7GQm0/DCOIB0mAoxGyqFKmIWpwxf/RfKHZhCK9qD0Y3YU5xnXCa1+QO28v\nX/QnggfnSON2zGFi/UT1RO+rcT9p7w2s/jDdUoW+EQN2Vj/n9KlvndGjQCYy\nsRG9ioFLFrmsJGzdsuisd/Wuf55mOx2Hm4ZJxElVQby1Ccg77gmfpJhd/kVq\nDD2UX+NVrqAAF5+NS3gET9STgY+1dbV+R9AbSs1lOk8bsWJZkV467X3usvUB\nOafn4WcViox0amRgM1EzkLNGwnAarG4ADoq+oRV46MlsrYJmsAQ9hYDMYP2s\nRQ4WOHfgG+yEGiJGsMlPj/yC8J2BfpVDMHJ8FkEtaZUm975E+AM3+AzwjITH\n2prLRPXpHs7/LuSdCOJvsNFW7UJ72i8fjRJFU8+qYzCvrvixMTlUSCxYta5J\n99E4HDsuSvAIkf+DnwMr9HCa9OYvPdoitor3FNEq+re3yaCe+wZPIJpPgU6Y\n8Oie+AsrN7Me0NXd1HcjfDSitHuB45sdFsLFVRLTvVv2J8gMuLIrn32X6HCf\ndU7UcEiL+9sKgUf1+AeFzq41tvKshSLlvAKdPhxqst+OfetCTpj4xxuyj0V4\niBdG\r\n=KEy7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEHDCZMLfgU+MIkBqMZNfOrsVA6bIin5tXet85WKVuxEAiBtMgByYMxZwJLHhz28pW7r8miEGkRWaCbLZpIX+ZeiKQ=="}]},"maintainers":[{"name":"runjuuu","email":"huang@runjuu.com"}],"_npmUser":{"name":"runjuuu","email":"huang@runjuu.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-simple-resizer_2.1.0_1571830820813_0.19193090214296116"},"_hasShrinkwrap":false}},"time":{"created":"2018-12-02T04:42:59.474Z","0.0.1":"2018-12-02T04:42:59.670Z","modified":"2022-05-15T04:17:32.696Z","1.0.0":"2018-12-06T07:10:08.755Z","1.1.0":"2018-12-07T11:17:41.344Z","1.2.1":"2018-12-09T14:10:45.116Z","1.2.2":"2018-12-09T14:15:23.424Z","1.2.3":"2019-01-17T08:24:14.608Z","1.2.4":"2019-01-17T09:21:41.277Z","1.3.0":"2019-05-31T06:23:00.362Z","1.3.1":"2019-05-31T07:12:06.670Z","1.4.0-beta.0":"2019-07-17T12:41:38.409Z","1.4.0-beta.1":"2019-07-17T14:19:54.814Z","2.0.0":"2019-10-19T04:50:48.637Z","2.1.0-beta.0":"2019-10-23T11:17:25.386Z","2.1.0":"2019-10-23T11:40:20.956Z"},"maintainers":[{"email":"hi@runjuu.com","name":"runjuu"}],"description":"An intuitive React component set for multi-column resizing","homepage":"https://github.com/LeetCode-OpenSource/react-simple-resizer#readme","keywords":["react","resize","resizer","multi-column"],"repository":{"type":"git","url":"git+https://github.com/LeetCode-OpenSource/react-simple-resizer.git"},"author":{"name":"LeetCode front-end team"},"bugs":{"url":"https://github.com/LeetCode-OpenSource/react-simple-resizer/issues"},"license":"MIT","readme":"# react-simple-resizer &middot; [![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/LeetCode-OpenSource/react-simple-resizer/blob/master/LICENSE) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](#contributing) [![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat)](https://github.com/prettier/prettier) [![npm version](https://img.shields.io/npm/v/react-simple-resizer.svg?style=flat)](https://www.npmjs.com/package/react-simple-resizer)\n\n\nAn intuitive React component set for multi-column(row) resizing. You could [customize the behavior of resizing](#customize-resize-behavior) in a very simple way. Works in every modern browser [which](https://caniuse.com/#feat=flexbox) supports [flexible box layout](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout).\n\n#### Table of Contents\n- [Installation](#installation)\n- [Examples](#examples)\n- [Components](#components)\n    - [Container](#container-)\n    - [Section](#section-)\n    - [Bar](#bar-)\n- [Customize resize behavior](#customize-resize-behavior)\n- [Contributing](#contributing)\n\n## Installation\nUsing [yarn](https://yarnpkg.com/):\n```bash\nyarn add react-simple-resizer\n```\n\nOr via [npm](https://docs.npmjs.com):\n```bash\nnpm install react-simple-resizer\n```\n\n## Examples\n\nHere is a minimal example for two-column layout:\n```jsx\nimport React from 'react';\nimport { Container, Section, Bar } from 'react-simple-resizer';\n\nexport default () => (\n  <Container style={{ height: '500px' }}>\n    <Section style={{ background: '#d3d3d3' }} minSize={100}/>\n    <Bar size={10} style={{ background: '#888888', cursor: 'col-resize' }} />\n    <Section style={{ background: '#d3d3d3' }} minSize={100} />\n  </Container>\n);\n```\n\nWe have created several demos on CodeSandbox, check demos below:\n\n- [Simple demo](https://codesandbox.io/s/qkw1rxxq29)\n- [Make Section collapsible](https://codesandbox.io/s/1vpy7kz5j3)\n- [Multiple Section linkage effects](https://codesandbox.io/s/r51pv3qzpm)\n\n## Components\n\n### \\<Container \\/\\>\n\nLiterally, it's the container of the other components.\n\n```typescript\nimport { Container } from 'react-simple-resizer';\n```\n\n#### Props\n```typescript\nimport { HTMLAttributes } from 'react';\n\ninterface ContainerProps extends HTMLAttributes<HTMLDivElement> {\n  vertical?: boolean;\n  onActivate?: () => void;\n  beforeApplyResizer?: (resizer: Resizer) => void;\n  afterResizing?: () => void;\n}\n```\n\n##### `vertical`\n\nDetermine whether using vertical layout or not, default is `false`.\n\n##### `onActivate`\n\nTriggered when any [`Bar`](#bar-) is activated. i.e, [onMouseDown](https://developer.mozilla.org/en/docs/Web/Events/mousedown) or [onTouchStart](https://developer.mozilla.org/en-US/docs/Web/Events/touchstart).\n\n##### `beforeApplyResizer`\n\nUsed to [customize resize behavior](#customize-resize-behavior). In this method, you __don't__ need to call [`applyResizer`](#applyresizer) to apply the resize result. Please note that you should not do any side effect on this method. If you want to do something after resizing, see [`afterResizing`](#afterresizing) below.\n\n##### `afterResizing`\n\nTriggered after a <a name=\"resizing-section\">__resizing section__</a> is completed, which means that it will be triggered after [onMouseUp](https://developer.mozilla.org/en-US/docs/Web/Events/mouseup) and [onTouchEnd](https://developer.mozilla.org/en-US/docs/Web/Events/touchend) events. If you want to do something after size of section has changed, use [`onSizeChanged`](#onsizechanged) props on the [`Section`](#section-) instead.\n\n#### Instance properties\n```typescript\nimport React from 'react';\n\nclass Container extends React.PureComponent<ContainerProps> {\n    public getResizer(): Resizer\n    public applyResizer(resizer: Resizer): void\n}\n```\n##### `getResizer`\nUsed to get newest [`Resizer`](#customize-resize-behavior). But any change won't apply unless you pass the `Resizer` to `applyResizer`.\n\n##### `applyResizer`\nApply the passed `Resizer` to `Container`.\n\n---\n### \\<Section \\/\\>\n\n```typescript\nimport { Section } from 'react-simple-resizer';\n```\n\n#### Props\n```typescript\nimport { HTMLAttributes, RefObject } from 'react';\n\ninterface SectionProps extends HTMLAttributes<HTMLDivElement> {\n  size?: number;\n  defaultSize?: number;\n  maxSize?: number;\n  minSize?: number;\n  disableResponsive?: boolean;\n  onSizeChanged?: (currentSize: number) => void;\n  innerRef?: RefObject<HTMLDivElement>;\n}\n```\n##### `size`\nUsed to set `Section`'s size. If `size` is set, `Section` will ignore the value of `defaultSize`, `maxSize` and `minSize`.\n\n##### `defaultSize`\nUsed to set default size of `Section`.\n\n##### `maxSize`\nUsed to set max size of `Section`.\n\n##### `minSize`\nUsed to set min size of `Section`.\n\n##### `disableResponsive`\nEach `Section` is responsive as default, unless `size` exists. The `responsive` here means that `Section`'s size is related with `Container`'s size, if `Container`'s size turn smaller, the `Section`'s size also turn smaller automatically. Otherwise, changes of `Container` size won't affect the `Section` when `disableResponsive` is `true`.\n\n##### `onSizeChanged`\nWill be triggered each time its size has changed.\n\n##### `innerRef`\nUsed to get the actual DOM ref of `Section`.\n\n---\n### \\<Bar \\/\\>\n\n```typescript\nimport { Bar } from 'react-simple-resizer';\n```\n\n#### Props\n```typescript\nimport { HTMLAttributes, RefObject } from 'react';\n\ninterface ExpandInteractiveArea {\n  top?: number;\n  left?: number;\n  right?: number;\n  bottom?: number;\n}\n\ninterface BarProps extends HTMLAttributes<HTMLDivElement> {\n  size: number;\n  expandInteractiveArea?: ExpandInteractiveArea;\n  onStatusChanged?: (isActive: boolean) => void;\n  onClick?: () => void;\n  innerRef?: RefObject<HTMLDivElement>;\n}\n```\n##### `size`\nRequired, used to set the size of `Bar`.\n\n##### `expandInteractiveArea`\nUsed to expand interactive area of `Bar`.\n\n##### `onStatusChanged`\nTriggered when the state of `Bar` has changed.\n\n##### `onClick`\nTriggered if there's no \"move\" events. The main difference between it and original `onClick` event is that __there is no parameters__ on _this_ `onClick`. You could also use it as a touch event on mobile platform, without 300ms click delay.\n\n##### `innerRef`\nUsed to get the actual DOM ref of `Bar`.\n\n## Customize resize behavior\nIf you want to customize behavior of resizing, then you have to know how to use `Resizer`.\n\nThere is two ways to get the `Resizer`. One is [`beforeApplyResizer`](#beforeapplyresizer) defined on the __props__ of `Container`, and the other is [`getResizer`](#getresizer) defined on the __instance__ of `Container`.\n\nBeware that you need __manually__ calling [`applyResizer`](#applyresizer) every time you want to apply the effect, except in `beforeApplyResizer`. Check demo [Make Section collapsible](https://codesandbox.io/s/1vpy7kz5j3) to see how `applyResizer` is used.\n\n```typescript\ninterface Resizer {\n  resizeSection: (indexOfSection: number, config: { toSize: number; preferMoveLeftBar?: boolean }) => void;\n  moveBar: (indexOfBar: number, config: { withOffset: number; }) => void;\n  discard: () => void;\n  isSectionResized: (indexOfSection: number) => boolean;\n  isBarActivated: (indexOfBar: number) => boolean;\n  getSectionSize: (indexOfSection: number) => number | -1;\n  getTotalSize: () => number;\n}\n```\n\n##### `resizeSection`\nUsed to set size of the nth `Section`.\nIn multi-column layout, there're several `Bar`s could change the `Section`'s size. Therefore, you could try to use the left side `Bar` to resizing by setting `preferMoveLeftBar`.\n\n##### `moveBar`\nUsed to move the nth `Bar` to resizing. \nIf the value of A is negative, move `Bar` to the left. When [`vertical`](#vertical) is `true`, move up.\n\n##### `discard`\nDiscard resizing at this time.\n\n##### `isSectionResized`\nUsed to determine whether the nth `Section`'s size is changed at current [resizing section](#user-content-resizing-section) or not.\n\n##### `isBarActivated`\nUsed to determine whether the nth `Bar` is active or not.\n\n##### `getSectionSize`\nUsed to get size of the nth `Section`. if there is no nth `Section`, return `-1`.\n\n##### `getTotalSize`\nUsed to get total size of all `Section`.\n\n\n\n## Contributing\nThe main purpose of this repository is to continue to evolve react-simple-resizer, making it faster, smaller and easier to use. We are grateful to the community for contributing bugfixes and improvements.\n\n#### About Demo\nFeel free to let us know that you have created some new customized resize behavior. You could create a PR to let more people see your works. Also, if you find some behaviors that you cannot create, let us know too.\n","readmeFilename":"README.md"}