{"_id":"react-beautiful-dnd","_rev":"112-b967e9eb40c38b2a946bdca535cf9189","name":"react-beautiful-dnd","dist-tags":{"alpha":"12.2.0-alpha.1","beta":"13.0.0-beta.1","latest":"13.1.1"},"versions":{"1.0.0":{"name":"react-beautiful-dnd","version":"1.0.0","keywords":["drag and drop","react","natural","beautiful"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@1.0.0","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"e42bff6d3a5421738a6303f01fb3ba67fd8228fb","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-1.0.0.tgz","integrity":"sha512-jJZg4s2s/uECsXmSzhVFzI/LTxjX3y+2zSD8IGQ4M+rmaqRgWESkSeLMoNdbiLxUb0UGWMLytbq0u8ZqL+/JQA==","signatures":[{"sig":"MEYCIQDyQisePqXUR7dQLVUSaUM2Ij363Ul/FaolN6kPMNX/kQIhAP82VZJ6Z8DyqrkZC7hGlAl8+Hn6HxC2EkjFc6VC+lhY","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"lib/index.js","_from":".","_shasum":"e42bff6d3a5421738a6303f01fb3ba67fd8228fb","gitHead":"824a81e0749eba8f50a48625e228d7b4f7819643","scripts":{"lint":"eslint src test stories","test":"jest --config ./jest.config.js","build":"babel src -d lib","validate":"yarn run lint && yarn run typecheck","storybook":"start-storybook -p 9002","typecheck":"flow check","prepublish":"yarn run build","build-storybook":"build-storybook -c .storybook -o site"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"3.10.10","description":"A beautiful, accessible drag and drop library for lists with React.js","directories":{},"_nodeVersion":"6.9.4","dependencies":{"redux":"^3.6.0","raf-schd":"2.0.1","reselect":"3.0.1","invariant":"2.2.2","prop-types":"15.5.10","memoize-one":"3.0.1","react-redux":"5.0.6","redux-thunk":"2.2.0","react-motion":"0.5.0","babel-runtime":"6.25.0","@storybook/react":"3.2.3","prop-types-extra":"1.0.1","@atlaskit/css-reset":"1.1.5"},"devDependencies":{"jest":"20.0.4","react":"15.6.1","enzyme":"2.9.1","eslint":"3.19.0","flow-bin":"0.52.0","raf-stub":"2.0.1","babel-cli":"6.24.1","react-dom":"15.6.1","babel-eslint":"7.2.3","babel-preset-flow":"6.23.0","styled-components":"2.1.2","babel-preset-react":"6.24.1","eslint-plugin-jest":"20.0.3","babel-preset-es2015":"6.24.1","eslint-plugin-react":"7.1.0","eslint-config-airbnb":"15.1.0","eslint-plugin-import":"2.7.0","eslint-plugin-jsx-a11y":"5","react-addons-test-utils":"15.6.0","babel-plugin-transform-runtime":"6.23.0","babel-plugin-transform-class-properties":"6.24.1","babel-plugin-transform-export-extensions":"6.22.0","babel-plugin-transform-object-rest-spread":"6.23.0","babel-plugin-react-flow-props-to-prop-types":"0.15.0"},"peerDependencies":{"react":"15.6.1"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd-1.0.0.tgz_1502349347739_0.8016190747730434","host":"s3://npm-registry-packages"},"deprecated":"react-beautiful-dnd is now deprecated. Context and options: https://github.com/atlassian/react-beautiful-dnd/issues/2672"},"1.0.1":{"name":"react-beautiful-dnd","version":"1.0.1","keywords":["drag and drop","react","natural","beautiful"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@1.0.1","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"72e26580ceec91d2804351bd1593846a749d1b5d","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-1.0.1.tgz","integrity":"sha512-g2a2vo8/bSeVfEjzKGpA62QHofbzvwR31YLcNzCZZ4BXLIQ5ikLxuCNUI5xLNu5mBgvwSDCITc3m42AIbaTQ3g==","signatures":[{"sig":"MEYCIQC8HdO1c22Ge32ftb9uXm5wCv5K1Eu3eSx8/U49BnV0iAIhAIhZR3dx/IJLQIMictkGHiDVaIoRHU6yW6U7JlDgslUw","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"lib/index.js","_from":".","_shasum":"72e26580ceec91d2804351bd1593846a749d1b5d","gitHead":"c7ae7fc4e7804a0a642047ac5acc505932abee91","scripts":{"lint":"eslint src test stories","test":"jest --config ./jest.config.js","build":"babel src -d lib","validate":"yarn run lint && yarn run typecheck","storybook":"start-storybook -p 9002","typecheck":"flow check","prepublish":"yarn run build","build-storybook":"build-storybook -c .storybook -o site"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"3.10.10","description":"Beautiful, accessible drag and drop for lists with React.js","directories":{},"_nodeVersion":"6.9.4","dependencies":{"redux":"^3.6.0","raf-schd":"2.0.1","reselect":"3.0.1","invariant":"2.2.2","prop-types":"15.5.10","memoize-one":"3.0.1","react-redux":"5.0.6","redux-thunk":"2.2.0","react-motion":"0.5.0","babel-runtime":"6.25.0","@storybook/react":"3.2.3","prop-types-extra":"1.0.1","@atlaskit/css-reset":"1.1.5"},"devDependencies":{"jest":"20.0.4","react":"15.6.1","enzyme":"2.9.1","eslint":"3.19.0","flow-bin":"0.52.0","raf-stub":"2.0.1","babel-cli":"6.24.1","react-dom":"15.6.1","babel-eslint":"7.2.3","babel-preset-flow":"6.23.0","styled-components":"2.1.2","babel-preset-react":"6.24.1","eslint-plugin-jest":"20.0.3","babel-preset-es2015":"6.24.1","eslint-plugin-react":"7.1.0","eslint-config-airbnb":"15.1.0","eslint-plugin-import":"2.7.0","eslint-plugin-jsx-a11y":"5","react-addons-test-utils":"15.6.0","babel-plugin-transform-runtime":"6.23.0","babel-plugin-transform-class-properties":"6.24.1","babel-plugin-transform-export-extensions":"6.22.0","babel-plugin-transform-object-rest-spread":"6.23.0","babel-plugin-react-flow-props-to-prop-types":"0.15.0"},"peerDependencies":{"react":"15.6.1"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd-1.0.1.tgz_1502411473520_0.13567299745045602","host":"s3://npm-registry-packages"},"deprecated":"react-beautiful-dnd is now deprecated. Context and options: https://github.com/atlassian/react-beautiful-dnd/issues/2672"},"1.0.2":{"name":"react-beautiful-dnd","version":"1.0.2","keywords":["drag and drop","dnd","react","react.js","natural","beautiful"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@1.0.2","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"1129d5469222b47ad715e1ad135976d41a84f21c","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-1.0.2.tgz","integrity":"sha512-z+VdKfFTLkB55iuRG92mjrPLTu02KA6wRKcMPJiUZDaLG6FQpmAd5SOGKainmcZheOjuwFFJUm4KSuxGQV0jAw==","signatures":[{"sig":"MEUCIQD1T0eeL338XPIvytTMnfaq4XswpVV90yQEw9gzGqw1IQIgcpwyachFD1orq89imxywKWlLa9x9BVWy8u4PneE/mm4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"lib/index.js","_from":".","_shasum":"1129d5469222b47ad715e1ad135976d41a84f21c","gitHead":"81a1891d90e0061b2dd79baea39ce35a9afcf5b8","scripts":{"lint":"eslint src test stories","test":"jest --config ./jest.config.js","build":"babel src -d lib","validate":"yarn run lint && yarn run typecheck","storybook":"start-storybook -p 9002","typecheck":"flow check","prepublish":"yarn run build","build-storybook":"build-storybook -c .storybook -o site"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"3.10.10","description":"Beautiful, accessible drag and drop for lists with React.js","directories":{},"_nodeVersion":"6.9.4","dependencies":{"redux":"^3.6.0","raf-schd":"2.0.1","reselect":"3.0.1","invariant":"2.2.2","prop-types":"15.5.10","memoize-one":"3.0.1","react-redux":"5.0.6","redux-thunk":"2.2.0","react-motion":"0.5.0","babel-runtime":"6.25.0","prop-types-extra":"1.0.1"},"devDependencies":{"jest":"20.0.4","react":"15.6.1","enzyme":"2.9.1","eslint":"3.19.0","flow-bin":"0.52.0","raf-stub":"2.0.1","babel-cli":"6.24.1","react-dom":"15.6.1","babel-eslint":"7.2.3","@storybook/react":"3.2.3","babel-preset-flow":"6.23.0","styled-components":"2.1.2","babel-preset-react":"6.24.1","eslint-plugin-jest":"20.0.3","@atlaskit/css-reset":"1.1.5","babel-preset-es2015":"6.24.1","eslint-plugin-react":"7.1.0","eslint-config-airbnb":"15.1.0","eslint-plugin-import":"2.7.0","eslint-plugin-jsx-a11y":"5","react-addons-test-utils":"15.6.0","babel-plugin-transform-runtime":"6.23.0","babel-plugin-transform-class-properties":"6.24.1","babel-plugin-transform-export-extensions":"6.22.0","babel-plugin-transform-object-rest-spread":"6.23.0","babel-plugin-react-flow-props-to-prop-types":"0.15.0"},"peerDependencies":{"react":"15.6.1"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd-1.0.2.tgz_1502759135416_0.965217164484784","host":"s3://npm-registry-packages"},"deprecated":"react-beautiful-dnd is now deprecated. Context and options: https://github.com/atlassian/react-beautiful-dnd/issues/2672"},"1.0.3":{"name":"react-beautiful-dnd","version":"1.0.3","keywords":["drag and drop","dnd","react","react.js","natural","beautiful"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@1.0.3","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"764df51c73f06ecb71bb26e9a093f6229280c8e5","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-1.0.3.tgz","integrity":"sha512-xwCKvfg8f33ehI6CkKYAGCNTIXEpEWVTRhmXxQJhc4LMio0oPbJghR2J5U0HOFnIdtdUeb0r4qoPtaV/4k5Kcw==","signatures":[{"sig":"MEUCIE8X43R63iqXwENW2VifRMZcoKYBRmARXtYwQecRgCR4AiEA1Fbcj1nKe68MqDnAfCfEdK7TjTbxbFQSBBGD0STbc5w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"lib/index.js","_from":".","_shasum":"764df51c73f06ecb71bb26e9a093f6229280c8e5","gitHead":"13fc5243962668e05996a1dc6b2385554d12f5d1","scripts":{"lint":"eslint src test stories","test":"jest --config ./jest.config.js","build":"babel src -d lib","validate":"yarn run lint && yarn run typecheck","storybook":"start-storybook -p 9002","typecheck":"flow check","prepublish":"yarn run build","build-storybook":"build-storybook -c .storybook -o site"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"3.10.10","description":"Beautiful, accessible drag and drop for lists with React.js","directories":{},"_nodeVersion":"6.9.4","dependencies":{"redux":"^3.6.0","raf-schd":"2.0.1","reselect":"3.0.1","invariant":"2.2.2","prop-types":"15.5.10","memoize-one":"3.0.1","react-redux":"5.0.6","redux-thunk":"2.2.0","react-motion":"0.5.0","babel-runtime":"6.25.0","prop-types-extra":"1.0.1"},"devDependencies":{"jest":"20.0.4","react":"15.6.1","enzyme":"2.9.1","eslint":"3.19.0","flow-bin":"0.52.0","raf-stub":"2.0.1","babel-cli":"6.24.1","react-dom":"15.6.1","babel-eslint":"7.2.3","@storybook/react":"3.2.3","babel-preset-flow":"6.23.0","styled-components":"2.1.2","babel-preset-react":"6.24.1","eslint-plugin-jest":"20.0.3","@atlaskit/css-reset":"1.1.5","babel-preset-es2015":"6.24.1","eslint-plugin-react":"7.1.0","eslint-config-airbnb":"15.1.0","eslint-plugin-import":"2.7.0","eslint-plugin-jsx-a11y":"5","react-addons-test-utils":"15.6.0","babel-plugin-transform-runtime":"6.23.0","babel-plugin-transform-class-properties":"6.24.1","babel-plugin-transform-export-extensions":"6.22.0","babel-plugin-transform-object-rest-spread":"6.23.0","babel-plugin-react-flow-props-to-prop-types":"0.15.0"},"peerDependencies":{"react":"15.6.1"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd-1.0.3.tgz_1503225302769_0.1969213057309389","host":"s3://npm-registry-packages"},"deprecated":"react-beautiful-dnd is now deprecated. Context and options: https://github.com/atlassian/react-beautiful-dnd/issues/2672"},"2.0.0":{"name":"react-beautiful-dnd","version":"2.0.0","keywords":["drag and drop","dnd","react","react.js","natural","beautiful"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@2.0.0","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"53b9084c468ccf0275949ec2ac9bf003fb27789c","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-2.0.0.tgz","integrity":"sha512-02eZa37o6ZFw9zyOJr0U1UGGtg3vDg0TwHPAvzGnVfu9hdHPxToH93L6hXp9RZODooHnPni7tsYq5Csvo026vw==","signatures":[{"sig":"MEUCIQCg35+wleL/7b+ZIMFci0em4YDwrmdkjz/kmLxl3UK6jAIgR+DoMB9FI72PKCqg5RGP3h/BeofyLyr6OBWTvsqU6Jc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"lib/index.js","_from":".","_shasum":"53b9084c468ccf0275949ec2ac9bf003fb27789c","gitHead":"7151ededd0ed78f18ed12610bd49a017851ee185","scripts":{"lint":"eslint src test stories","test":"jest --config ./jest.config.js","build":"babel src -d lib","validate":"yarn run lint && yarn run typecheck","storybook":"start-storybook -p 9002","typecheck":"flow check","prepublish":"yarn run build","build-storybook":"build-storybook -c .storybook -o site"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"3.10.10","description":"Beautiful, accessible drag and drop for lists with React.js","directories":{},"_nodeVersion":"6.9.4","dependencies":{"redux":"^3.6.0","raf-schd":"2.0.1","reselect":"3.0.1","invariant":"2.2.2","prop-types":"15.5.10","memoize-one":"3.0.1","react-redux":"5.0.6","redux-thunk":"2.2.0","react-motion":"0.5.0","babel-runtime":"6.26.0","prop-types-extra":"1.0.1"},"devDependencies":{"jest":"20.0.4","react":"15.6.1","enzyme":"2.9.1","eslint":"3.19.0","flow-bin":"0.52.0","raf-stub":"2.0.1","babel-cli":"6.26.0","react-dom":"15.6.1","babel-eslint":"7.2.3","@storybook/react":"3.2.5","babel-preset-flow":"6.23.0","styled-components":"2.1.2","babel-preset-react":"6.24.1","eslint-plugin-jest":"20.0.3","@atlaskit/css-reset":"1.1.5","babel-preset-es2015":"6.24.1","eslint-plugin-react":"7.1.0","react-test-renderer":"15.6.1","eslint-config-airbnb":"15.1.0","eslint-plugin-import":"2.7.0","eslint-plugin-jsx-a11y":"5","babel-plugin-transform-runtime":"6.23.0","babel-plugin-transform-class-properties":"6.24.1","babel-plugin-transform-export-extensions":"6.22.0","babel-plugin-transform-object-rest-spread":"6.26.0","babel-plugin-react-flow-props-to-prop-types":"0.15.0"},"peerDependencies":{"react":"15.6.1"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd-2.0.0.tgz_1503446217893_0.032331872498616576","host":"s3://npm-registry-packages"},"deprecated":"react-beautiful-dnd is now deprecated. Context and options: https://github.com/atlassian/react-beautiful-dnd/issues/2672"},"2.0.1":{"name":"react-beautiful-dnd","version":"2.0.1","keywords":["drag and drop","dnd","react","react.js","natural","beautiful"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@2.0.1","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"7c926592df3caf3f8d9dbab9210ae5607c04f70d","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-2.0.1.tgz","integrity":"sha512-nlsXOdHLDYNSRTmc2TFBTEBWpuPB5GMm4Ovtss9azd0m7Vl2cDdxbzSpVP2JibacUxbColYdYvvYDdmhX+uqBw==","signatures":[{"sig":"MEUCIDG0N3MAWxV/MjMRxeBX8mS5O7C9q3hFabbhb5hjph22AiEA7r4Ga7yv7v59ffMDbXt5tmipFybc4++SICCeys2n5wY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"lib/index.js","_from":".","_shasum":"7c926592df3caf3f8d9dbab9210ae5607c04f70d","gitHead":"079daa9733f4e3322ec0542ed14f146eba1c5cf7","scripts":{"lint":"eslint src test stories","test":"jest --config ./jest.config.js","build":"babel src -d lib","validate":"yarn run lint && yarn run typecheck","storybook":"start-storybook -p 9002","typecheck":"flow check","prepublish":"yarn run build","build-storybook":"build-storybook -c .storybook -o site"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"3.10.10","description":"Beautiful, accessible drag and drop for lists with React.js","directories":{},"_nodeVersion":"6.9.4","dependencies":{"redux":"^3.6.0","raf-schd":"2.0.1","reselect":"3.0.1","invariant":"2.2.2","prop-types":"15.5.10","memoize-one":"3.0.1","react-redux":"5.0.6","redux-thunk":"2.2.0","react-motion":"0.5.0","babel-runtime":"6.26.0","prop-types-extra":"1.0.1"},"devDependencies":{"jest":"20.0.4","react":"15.6.1","enzyme":"2.9.1","eslint":"3.19.0","flow-bin":"0.52.0","raf-stub":"2.0.1","babel-cli":"6.26.0","react-dom":"15.6.1","babel-eslint":"7.2.3","@storybook/react":"3.2.5","babel-preset-flow":"6.23.0","styled-components":"2.1.2","babel-preset-react":"6.24.1","eslint-plugin-jest":"20.0.3","@atlaskit/css-reset":"1.1.5","babel-preset-es2015":"6.24.1","eslint-plugin-react":"7.1.0","react-test-renderer":"15.6.1","eslint-config-airbnb":"15.1.0","eslint-plugin-import":"2.7.0","eslint-plugin-jsx-a11y":"5","babel-plugin-transform-runtime":"6.23.0","babel-plugin-transform-class-properties":"6.24.1","babel-plugin-transform-export-extensions":"6.22.0","babel-plugin-transform-object-rest-spread":"6.26.0","babel-plugin-react-flow-props-to-prop-types":"0.15.0"},"peerDependencies":{"react":"15.6.1"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd-2.0.1.tgz_1503613344440_0.8842444207984954","host":"s3://npm-registry-packages"},"deprecated":"react-beautiful-dnd is now deprecated. Context and options: https://github.com/atlassian/react-beautiful-dnd/issues/2672"},"2.0.2":{"name":"react-beautiful-dnd","version":"2.0.2","keywords":["drag and drop","dnd","react","react.js","natural","beautiful"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@2.0.2","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"2cb089feea932a961c76cb990368f48df221649a","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-2.0.2.tgz","integrity":"sha512-5HzjsL5TUsB2+6Q9wvq7nAZUhVo1QuhyepsIqSZtURK+Yue8BGxPVvBMRwzcSQwoXV4oqVPDPiRZOK26OpnANQ==","signatures":[{"sig":"MEYCIQDf7gcWUx4eowfyd7KPFjtks3J/LW4BI0POqMwOeIyFcgIhAP3FeVJY9kT5bS+qi0cSDqJoP6QdTS3TFx2pr6MqhBGD","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"lib/index.js","_from":".","_shasum":"2cb089feea932a961c76cb990368f48df221649a","gitHead":"0cf94bbc4287a6173a6e96e04bd6d500031a8a2d","scripts":{"lint":"eslint src test stories","test":"jest --config ./jest.config.js","build":"babel src -d lib","validate":"yarn run lint && yarn run typecheck","storybook":"start-storybook -p 9002","typecheck":"flow check","prepublish":"yarn run build","build-storybook":"build-storybook -c .storybook -o site"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"3.10.10","description":"Beautiful, accessible drag and drop for lists with React.js","directories":{},"_nodeVersion":"6.9.4","dependencies":{"redux":"^3.6.0","raf-schd":"2.0.1","reselect":"3.0.1","invariant":"2.2.2","prop-types":"15.5.10","memoize-one":"3.0.1","react-redux":"5.0.6","redux-thunk":"2.2.0","react-motion":"0.5.0","babel-runtime":"6.26.0","prop-types-extra":"1.0.1"},"devDependencies":{"jest":"20.0.4","react":"15.6.1","enzyme":"2.9.1","eslint":"3.19.0","flow-bin":"0.52.0","raf-stub":"2.0.1","babel-cli":"6.26.0","react-dom":"15.6.1","babel-eslint":"7.2.3","@storybook/react":"3.2.8","babel-preset-flow":"6.23.0","styled-components":"2.1.2","babel-preset-react":"6.24.1","eslint-plugin-jest":"20.0.3","@atlaskit/css-reset":"1.1.5","babel-preset-es2015":"6.24.1","eslint-plugin-react":"7.1.0","react-test-renderer":"15.6.1","eslint-config-airbnb":"15.1.0","eslint-plugin-import":"2.7.0","eslint-plugin-jsx-a11y":"5","babel-plugin-transform-runtime":"6.23.0","babel-plugin-transform-class-properties":"6.24.1","babel-plugin-transform-export-extensions":"6.22.0","babel-plugin-transform-object-rest-spread":"6.26.0","babel-plugin-react-flow-props-to-prop-types":"0.15.0"},"peerDependencies":{"react":"15.6.1"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd-2.0.2.tgz_1504224030298_0.6370956331957132","host":"s3://npm-registry-packages"},"deprecated":"react-beautiful-dnd is now deprecated. Context and options: https://github.com/atlassian/react-beautiful-dnd/issues/2672"},"2.1.0":{"name":"react-beautiful-dnd","version":"2.1.0","keywords":["drag and drop","dnd","react","react.js","natural","beautiful"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@2.1.0","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"0c78ad6e931aa9e2906a318034c0af64eea2172b","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-2.1.0.tgz","integrity":"sha512-EJTf+pN1epNK3Kw4IWh6t8fOKdexnGMWVhbrX4NGatkO50xcwC0xFmQLIfZ8zuKjFZbsPf+xz1uxjv78MHBPmw==","signatures":[{"sig":"MEYCIQDGD4i4NWqEN+rHkgyosFU1//+4eNgd5RJ8lOZsPsvdsAIhAON4Do7Uos4OVphMb0zwwvwjROHbX49arrVcukhnWzLX","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"lib/index.js","_from":".","_shasum":"0c78ad6e931aa9e2906a318034c0af64eea2172b","gitHead":"241d1a7178c3cfa9b31b13a8a71454d4190f131c","scripts":{"lint":"eslint src test stories","test":"jest --config ./jest.config.js","build":"yarn run build:lib && yarn run build:flow","validate":"yarn run lint && yarn run typecheck","build:lib":"babel src -d lib","storybook":"start-storybook -p 9002","typecheck":"flow check","build:flow":"flow-copy-source --verbose src lib","prepublish":"yarn run build","build-storybook":"build-storybook -c .storybook -o site"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"3.10.10","description":"Beautiful, accessible drag and drop for lists with React.js","directories":{},"_nodeVersion":"6.9.4","dependencies":{"redux":"^3.6.0","raf-schd":"2.0.1","reselect":"3.0.1","invariant":"2.2.2","prop-types":"15.5.10","memoize-one":"3.0.1","react-redux":"5.0.6","redux-thunk":"2.2.0","react-motion":"0.5.0","babel-runtime":"6.26.0","prop-types-extra":"1.0.1"},"devDependencies":{"jest":"20.0.4","react":"15.6.1","enzyme":"2.9.1","eslint":"3.19.0","flow-bin":"0.52.0","raf-stub":"2.0.1","babel-cli":"6.26.0","react-dom":"15.6.1","babel-eslint":"7.2.3","@storybook/react":"3.2.8","flow-copy-source":"1.2.1","babel-preset-flow":"6.23.0","styled-components":"2.1.2","babel-preset-react":"6.24.1","eslint-plugin-jest":"20.0.3","@atlaskit/css-reset":"1.1.5","babel-preset-es2015":"6.24.1","eslint-plugin-react":"7.1.0","react-test-renderer":"15.6.1","eslint-config-airbnb":"15.1.0","eslint-plugin-import":"2.7.0","eslint-plugin-jsx-a11y":"5","babel-plugin-transform-runtime":"6.23.0","babel-plugin-transform-class-properties":"6.24.1","babel-plugin-transform-export-extensions":"6.22.0","babel-plugin-transform-object-rest-spread":"6.26.0","babel-plugin-react-flow-props-to-prop-types":"0.15.0"},"peerDependencies":{"react":"15.6.1"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd-2.1.0.tgz_1504246491700_0.6513295283075422","host":"s3://npm-registry-packages"},"deprecated":"react-beautiful-dnd is now deprecated. Context and options: https://github.com/atlassian/react-beautiful-dnd/issues/2672"},"2.1.1":{"name":"react-beautiful-dnd","version":"2.1.1","keywords":["drag and drop","dnd","react","react.js","natural","beautiful"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@2.1.1","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"aa682c266813b1cccdb835cadba5f29a13fb940d","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-2.1.1.tgz","integrity":"sha512-xIK4YbMERSO8b6ia0UyCOcpw+Ghpq7zVuaqV6fWN11FqZYccSI93l9Umj3PrcbopI12m7mIP/1ImaFr79hHYjQ==","signatures":[{"sig":"MEYCIQDc8SslMGu6K/hXigBIPzQ8Ma4kqvbQS/0gCWzqBnc1cwIhAInHkRXOJHVFuGFPdKqEwhBLGNeqxFc/1mA/r63AuHGY","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"lib/index.js","_from":".","_shasum":"aa682c266813b1cccdb835cadba5f29a13fb940d","gitHead":"32b26a5e26257929a9b6f72cc636ef9c94720b72","scripts":{"lint":"eslint .","test":"jest --config ./jest.config.js","build":"yarn run build:lib && yarn run build:flow","validate":"yarn run lint && yarn run typecheck","build:lib":"babel src -d lib","storybook":"start-storybook -p 9002","typecheck":"flow check","build:flow":"flow-copy-source --verbose src lib","prepublish":"yarn run build","build-storybook":"build-storybook -c .storybook -o site"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"3.10.10","description":"Beautiful, accessible drag and drop for lists with React.js","directories":{},"_nodeVersion":"6.9.4","dependencies":{"redux":"^3.6.0","raf-schd":"2.0.1","reselect":"3.0.1","invariant":"2.2.2","prop-types":"15.5.10","memoize-one":"3.0.1","react-redux":"5.0.6","redux-thunk":"2.2.0","react-motion":"0.5.0","babel-runtime":"6.26.0","prop-types-extra":"1.0.1"},"devDependencies":{"jest":"20.0.4","react":"15.6.1","enzyme":"2.9.1","eslint":"3.19.0","flow-bin":"0.52.0","raf-stub":"2.0.1","babel-cli":"6.26.0","react-dom":"15.6.1","babel-eslint":"7.2.3","@storybook/react":"3.2.8","flow-copy-source":"1.2.1","babel-preset-flow":"6.23.0","styled-components":"2.1.2","babel-preset-react":"6.24.1","eslint-plugin-jest":"20.0.3","@atlaskit/css-reset":"1.1.5","babel-preset-es2015":"6.24.1","eslint-plugin-react":"7.1.0","react-test-renderer":"15.6.1","eslint-config-airbnb":"15.1.0","eslint-plugin-import":"2.7.0","eslint-plugin-jsx-a11y":"5","babel-plugin-transform-runtime":"6.23.0","babel-plugin-transform-class-properties":"6.24.1","babel-plugin-transform-export-extensions":"6.22.0","babel-plugin-transform-object-rest-spread":"6.26.0","babel-plugin-react-flow-props-to-prop-types":"0.15.0"},"peerDependencies":{"react":"15.6.1"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd-2.1.1.tgz_1504755588953_0.9658738893922418","host":"s3://npm-registry-packages"},"deprecated":"react-beautiful-dnd is now deprecated. Context and options: https://github.com/atlassian/react-beautiful-dnd/issues/2672"},"2.2.0":{"name":"react-beautiful-dnd","version":"2.2.0","keywords":["drag and drop","dnd","react","react.js","natural","beautiful"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@2.2.0","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"bf9f3f61490497276610bc9a044f7aec1955bc12","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-2.2.0.tgz","integrity":"sha512-dDlFuJvUNijeAqL2sZndTNosvPMcwqGYNkvHf1N7EPCIhX+o8DyEqQvZ1d9uzkZDhQgGGX2JzQ3b8vLg7zcuAg==","signatures":[{"sig":"MEUCIFgKjwN6RwOH9qZrxjp6/mk0g2KrKnyqpLZSkay19WbGAiEApNBILPoHAKecm1SFne8xCnO/M9kIi65rGayPm8A1YEk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"lib/index.js","gitHead":"6538630004bc1df9e6fc1ddf520be579df8d3030","scripts":{"lint":"eslint .","test":"jest --config ./jest.config.js","build":"yarn run build:lib && yarn run build:flow","validate":"yarn run lint && yarn run typecheck","build:lib":"babel src -d lib","storybook":"start-storybook -p 9002","typecheck":"flow check","build:flow":"flow-copy-source --verbose src lib","prepublish":"yarn run build","build-storybook":"build-storybook -c .storybook -o site"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"5.3.0","description":"Beautiful, accessible drag and drop for lists with React.js","directories":{},"_nodeVersion":"8.4.0","dependencies":{"redux":"^3.6.0","raf-schd":"2.0.1","reselect":"3.0.1","invariant":"2.2.2","prop-types":"15.5.10","memoize-one":"3.0.1","react-redux":"5.0.6","redux-thunk":"2.2.0","react-motion":"0.5.0","babel-runtime":"6.26.0","prop-types-extra":"1.0.1"},"devDependencies":{"jest":"20.0.4","react":"15.6.1","enzyme":"2.9.1","eslint":"3.19.0","flow-bin":"0.52.0","raf-stub":"2.0.1","babel-cli":"6.26.0","react-dom":"15.6.1","babel-eslint":"7.2.3","@storybook/react":"3.2.8","flow-copy-source":"1.2.1","babel-preset-flow":"6.23.0","styled-components":"2.1.2","babel-preset-react":"6.24.1","eslint-plugin-jest":"20.0.3","@atlaskit/css-reset":"1.1.5","babel-preset-es2015":"6.24.1","eslint-plugin-react":"7.1.0","react-test-renderer":"15.6.1","eslint-config-airbnb":"15.1.0","eslint-plugin-import":"2.7.0","eslint-plugin-jsx-a11y":"5","babel-plugin-transform-runtime":"6.23.0","babel-plugin-transform-class-properties":"6.24.1","babel-plugin-transform-export-extensions":"6.22.0","babel-plugin-transform-object-rest-spread":"6.26.0","babel-plugin-react-flow-props-to-prop-types":"0.15.0"},"peerDependencies":{"react":">=15.4.0"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd-2.2.0.tgz_1505368282687_0.27204427449032664","host":"s3://npm-registry-packages"},"deprecated":"react-beautiful-dnd is now deprecated. Context and options: https://github.com/atlassian/react-beautiful-dnd/issues/2672"},"2.2.1":{"name":"react-beautiful-dnd","version":"2.2.1","keywords":["drag and drop","dnd","react","react.js","natural","beautiful"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@2.2.1","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"e5ec7461ba89cc3e2c05a135564bcf771ccfc13b","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-2.2.1.tgz","integrity":"sha512-bCNP4R5n7T/AnSiUQeczJH2V3fV+JE6SjDEBi/9+QBWryxE2UdHiQYcI5kgd7kz9ZqF9fZqI0p8TqlULeVeEbA==","signatures":[{"sig":"MEUCIHTMXG9c7J0tgvZDgfnCz5xMJhItPpjnVxrvsefSykkuAiEA3dLfRV9cvt5DUmvPhrwJQUXGX2MEzTt61PDSs0FxT8M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"lib/index.js","gitHead":"f9c37cc9433e1c51c7b12031c920581bbbb41ae1","scripts":{"lint":"eslint .","test":"jest --config ./jest.config.js","build":"yarn run build:lib && yarn run build:flow","validate":"yarn run lint && yarn run typecheck","build:lib":"babel src -d lib","storybook":"start-storybook -p 9002","typecheck":"flow check","build:flow":"flow-copy-source --verbose src lib","prepublish":"yarn run build","build-storybook":"build-storybook -c .storybook -o site"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"5.3.0","description":"Beautiful, accessible drag and drop for lists with React.js","directories":{},"_nodeVersion":"8.4.0","dependencies":{"redux":"^3.6.0","raf-schd":"2.0.1","reselect":"3.0.1","invariant":"2.2.2","prop-types":"15.5.10","memoize-one":"3.0.1","react-redux":"5.0.6","redux-thunk":"2.2.0","react-motion":"0.5.0","babel-runtime":"6.26.0","prop-types-extra":"1.0.1"},"devDependencies":{"jest":"20.0.4","react":"15.6.1","enzyme":"2.9.1","eslint":"3.19.0","flow-bin":"0.52.0","raf-stub":"2.0.1","babel-cli":"6.26.0","react-dom":"15.6.1","babel-eslint":"7.2.3","@storybook/react":"3.2.8","flow-copy-source":"1.2.1","babel-preset-flow":"6.23.0","styled-components":"2.1.2","babel-preset-react":"6.24.1","eslint-plugin-jest":"20.0.3","@atlaskit/css-reset":"1.1.5","babel-preset-es2015":"6.24.1","eslint-plugin-react":"7.1.0","react-test-renderer":"15.6.1","eslint-config-airbnb":"15.1.0","eslint-plugin-import":"2.7.0","eslint-plugin-jsx-a11y":"5","babel-plugin-transform-runtime":"6.23.0","babel-plugin-transform-class-properties":"6.24.1","babel-plugin-transform-export-extensions":"6.22.0","babel-plugin-transform-object-rest-spread":"6.26.0","babel-plugin-react-flow-props-to-prop-types":"0.15.0"},"peerDependencies":{"react":">=15.4.0"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd-2.2.1.tgz_1505369013788_0.832889698445797","host":"s3://npm-registry-packages"},"deprecated":"react-beautiful-dnd is now deprecated. Context and options: https://github.com/atlassian/react-beautiful-dnd/issues/2672"},"2.2.2":{"name":"react-beautiful-dnd","version":"2.2.2","keywords":["drag and drop","dnd","react","react.js","natural","beautiful"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@2.2.2","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"de78d417375efd733834211b2f6ec88e27ba2ae1","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-2.2.2.tgz","integrity":"sha512-8YZkDpPOj1Ihse2GSu30/7vdmU773t8qMN8t50VtGGEEm5gqzEjCoZ55FoMWjoVnjZHdeB2MmU1w0Cd4gJkgNw==","signatures":[{"sig":"MEUCIHGwtfWEPHXpBjxE/lM3srDbm1zfNsczHcF4OSejnmMEAiEA1E14FccsdxAriOMqoUN/6tgH9RN4mO9u2XqOxZKfOHU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"lib/index.js","gitHead":"182c272c44ffdb6a2c7b786feb1a9a5b41a986e9","scripts":{"lint":"eslint .","test":"jest --config ./jest.config.js","build":"yarn run build:lib && yarn run build:flow","validate":"yarn run lint && yarn run typecheck","build:lib":"babel src -d lib","storybook":"start-storybook -p 9002","typecheck":"flow check","build:flow":"flow-copy-source --verbose src lib","prepublish":"yarn run build","build-storybook":"build-storybook -c .storybook -o site"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"5.4.1","description":"Beautiful, accessible drag and drop for lists with React.js","directories":{},"_nodeVersion":"8.4.0","dependencies":{"redux":"^3.6.0","raf-schd":"2.0.1","reselect":"3.0.1","invariant":"2.2.2","prop-types":"15.5.10","memoize-one":"3.0.1","react-redux":"5.0.6","redux-thunk":"2.2.0","react-motion":"0.5.0","babel-runtime":"6.26.0","prop-types-extra":"1.0.1"},"devDependencies":{"jest":"20.0.4","react":"15.6.1","enzyme":"2.9.1","eslint":"3.19.0","flow-bin":"0.52.0","raf-stub":"2.0.1","babel-cli":"6.26.0","react-dom":"15.6.1","babel-eslint":"7.2.3","@storybook/react":"3.2.8","flow-copy-source":"1.2.1","babel-preset-flow":"6.23.0","styled-components":"2.1.2","babel-preset-react":"6.24.1","eslint-plugin-jest":"20.0.3","@atlaskit/css-reset":"1.1.5","babel-preset-es2015":"6.24.1","eslint-plugin-react":"7.1.0","react-test-renderer":"15.6.1","eslint-config-airbnb":"15.1.0","eslint-plugin-import":"2.7.0","eslint-plugin-jsx-a11y":"5","babel-plugin-transform-runtime":"6.23.0","babel-plugin-transform-class-properties":"6.24.1","babel-plugin-transform-export-extensions":"6.22.0","babel-plugin-transform-object-rest-spread":"6.26.0","babel-plugin-react-flow-props-to-prop-types":"0.15.0"},"peerDependencies":{"react":">=15.4.0"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd-2.2.2.tgz_1505385600276_0.930215371074155","host":"s3://npm-registry-packages"},"deprecated":"react-beautiful-dnd is now deprecated. Context and options: https://github.com/atlassian/react-beautiful-dnd/issues/2672"},"2.2.3":{"name":"react-beautiful-dnd","version":"2.2.3","keywords":["drag and drop","dnd","react","react.js","natural","beautiful"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@2.2.3","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"f4442951d99b6d5faabc870548fd397f22b1f9b7","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-2.2.3.tgz","integrity":"sha512-3CrVaMLQmlNWix0RK6NVe7lxNRmDAuXUJutN5litmvKjqAoCnC0DTqGB4XiaLPZn69XdQatg5TSir0M4379K8g==","signatures":[{"sig":"MEYCIQDNT5yhszjwj4HE84X5E/WrQjraCKEKOJ4Rx73N35+uGgIhAOviBV9sKB25p+Eoe5xeXOUzDN5bmAZCmt9p2fbmesxq","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"lib/index.js","gitHead":"bf9d5e8cc48a7dab70a83ffcfe6688379882775d","scripts":{"lint":"eslint .","test":"jest --config ./jest.config.js","build":"yarn run build:lib && yarn run build:flow","validate":"yarn run lint && yarn run typecheck","build:lib":"babel src -d lib","storybook":"start-storybook -p 9002","typecheck":"flow check","build:flow":"flow-copy-source --verbose src lib","prepublish":"yarn run build","build-storybook":"build-storybook -c .storybook -o site"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"5.4.1","description":"Beautiful, accessible drag and drop for lists with React.js","directories":{},"_nodeVersion":"8.4.0","dependencies":{"redux":"^3.6.0","raf-schd":"2.0.1","reselect":"3.0.1","invariant":"2.2.2","prop-types":"15.5.10","memoize-one":"3.0.1","react-redux":"5.0.6","redux-thunk":"2.2.0","react-motion":"0.5.0","babel-runtime":"6.26.0","prop-types-extra":"1.0.1"},"devDependencies":{"jest":"20.0.4","react":"15.6.1","enzyme":"2.9.1","eslint":"3.19.0","flow-bin":"0.52.0","raf-stub":"2.0.1","babel-cli":"6.26.0","react-dom":"15.6.1","babel-eslint":"7.2.3","@storybook/react":"3.2.8","flow-copy-source":"1.2.1","babel-preset-flow":"6.23.0","styled-components":"2.1.2","babel-preset-react":"6.24.1","eslint-plugin-jest":"20.0.3","@atlaskit/css-reset":"1.1.5","babel-preset-es2015":"6.24.1","eslint-plugin-react":"7.1.0","react-test-renderer":"15.6.1","eslint-config-airbnb":"15.1.0","eslint-plugin-import":"2.7.0","eslint-plugin-jsx-a11y":"5","babel-plugin-transform-runtime":"6.23.0","babel-plugin-transform-class-properties":"6.24.1","babel-plugin-transform-export-extensions":"6.22.0","babel-plugin-transform-object-rest-spread":"6.26.0","babel-plugin-react-flow-props-to-prop-types":"0.15.0"},"peerDependencies":{"react":">=15.4.0"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd-2.2.3.tgz_1505431545762_0.2770650931634009","host":"s3://npm-registry-packages"},"deprecated":"react-beautiful-dnd is now deprecated. Context and options: https://github.com/atlassian/react-beautiful-dnd/issues/2672"},"2.2.4":{"name":"react-beautiful-dnd","version":"2.2.4","keywords":["drag and drop","dnd","react","react.js","natural","beautiful"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@2.2.4","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"c09babd657427a4ad6fd0e9dcde1cadea1b3e472","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-2.2.4.tgz","integrity":"sha512-UN836BMXC8jH+r7i1BnBzMwmYYF3RLHORr4XkB2ce5nT1awhaBYquwTOzGCi5RVTEtc/gXLKtL9wiHztWtL2Lw==","signatures":[{"sig":"MEUCIFTRY/7HyMNdemUlJkhF5FJ9bvfcEifNIbq1seeRkhGTAiEA38Gi9Rhzcnn4II5Xwde46ReCNYu+O/bYKBJXldDevZA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"lib/index.js","gitHead":"75a9a39e0bbcd38fd0b955fdd63205e232048c9c","scripts":{"lint":"eslint .","test":"jest --config ./jest.config.js","build":"yarn run build:lib && yarn run build:flow","validate":"yarn run lint && yarn run typecheck","build:lib":"babel src -d lib","storybook":"start-storybook -p 9002","typecheck":"flow check","build:flow":"flow-copy-source --verbose src lib","prepublish":"yarn run build","build-storybook":"build-storybook -c .storybook -o site"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"5.4.1","description":"Beautiful, accessible drag and drop for lists with React.js","directories":{},"_nodeVersion":"8.4.0","dependencies":{"redux":"^3.6.0","raf-schd":"2.0.1","reselect":"3.0.1","invariant":"2.2.2","prop-types":"15.5.10","memoize-one":"3.0.1","react-redux":"5.0.6","redux-thunk":"2.2.0","react-motion":"0.5.0","babel-runtime":"6.26.0","prop-types-extra":"1.0.1"},"devDependencies":{"jest":"20.0.4","react":"15.6.1","enzyme":"2.9.1","eslint":"3.19.0","flow-bin":"0.52.0","raf-stub":"2.0.1","babel-cli":"6.26.0","react-dom":"15.6.1","babel-eslint":"7.2.3","@storybook/react":"3.2.8","flow-copy-source":"1.2.1","babel-preset-flow":"6.23.0","styled-components":"2.1.2","babel-preset-react":"6.24.1","eslint-plugin-jest":"20.0.3","@atlaskit/css-reset":"1.1.5","babel-preset-es2015":"6.24.1","eslint-plugin-react":"7.1.0","react-test-renderer":"15.6.1","eslint-config-airbnb":"15.1.0","eslint-plugin-import":"2.7.0","eslint-plugin-jsx-a11y":"5","babel-plugin-transform-runtime":"6.23.0","babel-plugin-transform-class-properties":"6.24.1","babel-plugin-transform-export-extensions":"6.22.0","babel-plugin-transform-object-rest-spread":"6.26.0","babel-plugin-react-flow-props-to-prop-types":"0.15.0"},"peerDependencies":{"react":">=15.4.0"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd-2.2.4.tgz_1505480322879_0.575071977218613","host":"s3://npm-registry-packages"},"deprecated":"react-beautiful-dnd is now deprecated. Context and options: https://github.com/atlassian/react-beautiful-dnd/issues/2672"},"2.3.0":{"name":"react-beautiful-dnd","version":"2.3.0","keywords":["drag and drop","dnd","react","react.js","natural","beautiful"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@2.3.0","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"34be6f9d0b964f395db758af0b81f5bb914c8588","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-2.3.0.tgz","integrity":"sha512-F22S2eD3b/Avc7SLcopQ/tzoeo3aPzXHPDJ9VP2EkC06HovsPLaOVQ+/YJxtL7/6ggkqctgpgGEA875bkJe2tw==","signatures":[{"sig":"MEQCIDneZMxCXQuPsmgtz4biHHHHQEm1ktnPSXGcjYO1Rkp5AiBC0aAQjCsEs5jlc0d0tCZ789/Hz/HZI8MPmvmJDZ0dGw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"lib/index.js","gitHead":"f2564a40be17257a7afa6b065cfdc4fe75e23f70","scripts":{"lint":"eslint .","test":"jest --config ./jest.config.js","build":"yarn run build:lib && yarn run build:flow","validate":"yarn run lint && yarn run typecheck","build:lib":"babel src -d lib","storybook":"start-storybook -p 9002","typecheck":"flow check","build:flow":"flow-copy-source --verbose src lib","prepublish":"yarn run build","build-storybook":"build-storybook -c .storybook -o site"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"5.4.1","description":"Beautiful, accessible drag and drop for lists with React.js","directories":{},"_nodeVersion":"8.4.0","dependencies":{"redux":"^3.6.0","raf-schd":"2.0.1","reselect":"3.0.1","invariant":"2.2.2","prop-types":"15.5.10","memoize-one":"3.0.1","react-redux":"5.0.6","redux-thunk":"2.2.0","react-motion":"0.5.0","babel-runtime":"6.26.0","prop-types-extra":"1.0.1"},"devDependencies":{"jest":"20.0.4","react":"15.6.1","enzyme":"2.9.1","eslint":"3.19.0","flow-bin":"0.52.0","raf-stub":"2.0.1","babel-cli":"6.26.0","react-dom":"15.6.1","babel-eslint":"7.2.3","@storybook/react":"3.2.8","flow-copy-source":"1.2.1","babel-preset-flow":"6.23.0","styled-components":"2.1.2","babel-preset-react":"6.24.1","eslint-plugin-jest":"20.0.3","@atlaskit/css-reset":"1.1.5","babel-preset-es2015":"6.24.1","eslint-plugin-react":"7.1.0","react-test-renderer":"15.6.1","eslint-config-airbnb":"15.1.0","eslint-plugin-import":"2.7.0","eslint-plugin-jsx-a11y":"5","babel-plugin-transform-runtime":"6.23.0","babel-plugin-transform-class-properties":"6.24.1","babel-plugin-transform-export-extensions":"6.22.0","babel-plugin-transform-object-rest-spread":"6.26.0","babel-plugin-react-flow-props-to-prop-types":"0.15.0"},"peerDependencies":{"react":">=15.4.0"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd-2.3.0.tgz_1505873305820_0.9583365505095571","host":"s3://npm-registry-packages"},"deprecated":"react-beautiful-dnd is now deprecated. Context and options: https://github.com/atlassian/react-beautiful-dnd/issues/2672"},"2.3.1":{"name":"react-beautiful-dnd","version":"2.3.1","keywords":["drag and drop","dnd","react","react.js","natural","beautiful"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@2.3.1","maintainers":[{"name":"jaredcrowe","email":"jared.j.crowe@gmail.com"},{"name":"alexreardon","email":"alexreardon@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"adead2e37f8f1bf74da50c8c72a47d7ed6106248","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-2.3.1.tgz","integrity":"sha512-Txxa5fDMb6i4bm7oP2ezzu+mBjtFZsL+L331+SwwhTN0rzXZtpb9yWykhNacfuIpbJXHNWGnY1EAaa1+IClmqw==","signatures":[{"sig":"MEUCIDuwwK8PPPTTnfPcua29LsLW+1fDSfcgnlVFxhbxG0icAiEAmgOVG3MbEyFm0QY8dgei3zfmKhJMXi5sYYYGQN/ufD0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"lib/index.js","_from":".","_shasum":"adead2e37f8f1bf74da50c8c72a47d7ed6106248","gitHead":"301c44016085d7fec252e793afa3a13f8de25b88","scripts":{"lint":"eslint .","test":"jest --config ./jest.config.js","build":"yarn run build:lib && yarn run build:flow","validate":"yarn run lint && yarn run typecheck","build:lib":"babel src -d lib","storybook":"start-storybook -p 9002","typecheck":"flow check","build:flow":"flow-copy-source --verbose src lib","prepublish":"yarn run build","build-storybook":"build-storybook -c .storybook -o site"},"_npmUser":{"name":"jaredcrowe","email":"jared.j.crowe@gmail.com"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"3.10.10","description":"Beautiful, accessible drag and drop for lists with React.js","directories":{},"_nodeVersion":"6.10.2","dependencies":{"redux":"^3.6.0","raf-schd":"2.0.1","reselect":"3.0.1","invariant":"2.2.2","prop-types":"15.5.10","memoize-one":"3.0.1","react-redux":"5.0.6","redux-thunk":"2.2.0","react-motion":"0.5.0","babel-runtime":"6.26.0","prop-types-extra":"1.0.1"},"devDependencies":{"jest":"20.0.4","react":"15.6.1","enzyme":"2.9.1","eslint":"3.19.0","flow-bin":"0.52.0","raf-stub":"2.0.1","babel-cli":"6.26.0","react-dom":"15.6.1","babel-eslint":"7.2.3","@storybook/react":"3.2.8","flow-copy-source":"1.2.1","babel-preset-flow":"6.23.0","styled-components":"2.1.2","babel-preset-react":"6.24.1","eslint-plugin-jest":"20.0.3","@atlaskit/css-reset":"1.1.5","babel-preset-es2015":"6.24.1","eslint-plugin-react":"7.1.0","react-test-renderer":"15.6.1","eslint-config-airbnb":"15.1.0","eslint-plugin-import":"2.7.0","eslint-plugin-jsx-a11y":"5","babel-plugin-transform-runtime":"6.23.0","babel-plugin-transform-class-properties":"6.24.1","babel-plugin-transform-export-extensions":"6.22.0","babel-plugin-transform-object-rest-spread":"6.26.0","babel-plugin-react-flow-props-to-prop-types":"0.15.0"},"peerDependencies":{"react":">=15.4.0"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd-2.3.1.tgz_1506299863643_0.6411844403482974","host":"s3://npm-registry-packages"},"deprecated":"react-beautiful-dnd is now deprecated. Context and options: https://github.com/atlassian/react-beautiful-dnd/issues/2672"},"2.4.0":{"name":"react-beautiful-dnd","version":"2.4.0","keywords":["drag and drop","dnd","react","react.js","natural","beautiful"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@2.4.0","maintainers":[{"name":"jaredcrowe","email":"jared.j.crowe@gmail.com"},{"name":"alexreardon","email":"alexreardon@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"7a5881742d024da09a975d1bd2f3fdd24854a03d","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-2.4.0.tgz","integrity":"sha512-Sr5HFxq/cfeTS9HTFMGox6CnUExR5QnlSZkn2+qhIbFBBvbj+2hP8Uq65hb7VIa3VEBpX/cOVMTPs14ni4Qd2A==","signatures":[{"sig":"MEUCIQCv2uuilroTatJISNcy2H9Fc5XF4rjmIA4P6GpwOqiOswIgGl0Tv2/kuSbdWl52ubaZ1FC+qgQVvsIHKy1zUJC7kws=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"lib/index.js","gitHead":"e419cdb1dc358e906d5876e1777ce86f22dd9d59","scripts":{"lint":"eslint .","test":"jest --config ./jest.config.js","build":"yarn run build:clean && yarn run build:lib && yarn run build:flow","validate":"yarn run lint && yarn run typecheck","build:lib":"babel src -d lib","storybook":"start-storybook -p 9002","typecheck":"flow check","build:flow":"flow-copy-source --verbose src lib","prepublish":"yarn run build","build:clean":"rimraf lib","build-storybook":"build-storybook -c .storybook -o site"},"_npmUser":{"name":"jaredcrowe","email":"jared.j.crowe@gmail.com"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"5.3.0","description":"Beautiful, accessible drag and drop for lists with React.js","directories":{},"_nodeVersion":"8.6.0","dependencies":{"redux":"3.7.2","raf-schd":"2.0.1","reselect":"3.0.1","invariant":"2.2.2","prop-types":"15.5.10","memoize-one":"3.0.1","react-redux":"5.0.6","redux-thunk":"2.2.0","react-motion":"0.5.0","babel-runtime":"6.26.0","prop-types-extra":"1.0.1","babel-plugin-react-flow-props-to-prop-types":"0.15.0"},"devDependencies":{"jest":"21.1.0","react":"15.6.1","enzyme":"2.9.1","eslint":"4.7.2","rimraf":"2.6.2","flow-bin":"0.52.0","raf-stub":"2.0.1","babel-cli":"6.26.0","react-dom":"15.6.1","babel-eslint":"8.0.0","@storybook/react":"3.2.10","flow-copy-source":"1.2.1","babel-preset-flow":"6.23.0","styled-components":"2.1.2","babel-preset-react":"6.24.1","eslint-plugin-jest":"21.1.0","@atlaskit/css-reset":"1.1.5","babel-preset-es2015":"6.24.1","eslint-plugin-react":"7.3.0","react-test-renderer":"15.6.1","eslint-config-airbnb":"15.1.0","eslint-plugin-import":"2.7.0","eslint-plugin-jsx-a11y":"5","babel-plugin-transform-runtime":"6.23.0","babel-plugin-transform-class-properties":"6.24.1","babel-plugin-transform-export-extensions":"6.22.0","babel-plugin-transform-object-rest-spread":"6.26.0"},"peerDependencies":{"react":">=15.4.0"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd-2.4.0.tgz_1507173548643_0.5242798153776675","host":"s3://npm-registry-packages"},"deprecated":"react-beautiful-dnd is now deprecated. Context and options: https://github.com/atlassian/react-beautiful-dnd/issues/2672"},"2.4.1":{"name":"react-beautiful-dnd","version":"2.4.1","keywords":["drag and drop","dnd","react","react.js","natural","beautiful"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@2.4.1","maintainers":[{"name":"jaredcrowe","email":"jared.j.crowe@gmail.com"},{"name":"alexreardon","email":"alexreardon@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"2006dd8134fab658c8b44594766db70947422f8d","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-2.4.1.tgz","integrity":"sha512-jx9emkk7+/N29e+JZnAQtrgBJpbi0epDhtAzqMyqsdFOCfu8TYzULK0Z1NeL3gCHsQp2c15FvwDDnTyQcAQ8KA==","signatures":[{"sig":"MEUCIQDKPeaEPr1ik0/mmHmHWU+HUPKbVAgAfgO7Wg9qK4aSkQIgCWSCVvEsfiKGdkl5NyHblwx/pptERQkFxH8+0rXL2Vk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"lib/index.js","_from":".","_shasum":"2006dd8134fab658c8b44594766db70947422f8d","gitHead":"9eb2586b481f3d07c43a048ff34af788bbabc598","scripts":{"lint":"eslint .","test":"jest --config ./jest.config.js","build":"yarn run build:clean && yarn run build:lib && yarn run build:flow","validate":"yarn run lint && yarn run typecheck","build:lib":"babel src -d lib","storybook":"start-storybook -p 9002","typecheck":"flow check","build:flow":"flow-copy-source --verbose src lib","prepublish":"yarn run build","build:clean":"rimraf lib","build-storybook":"build-storybook -c .storybook -o site"},"_npmUser":{"name":"jaredcrowe","email":"jared.j.crowe@gmail.com"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"3.10.10","description":"Beautiful, accessible drag and drop for lists with React.js","directories":{},"_nodeVersion":"6.11.4","dependencies":{"redux":"3.7.2","raf-schd":"2.0.1","reselect":"3.0.1","invariant":"2.2.2","prop-types":"15.5.10","memoize-one":"3.0.1","react-redux":"5.0.6","redux-thunk":"2.2.0","react-motion":"0.5.0","babel-runtime":"6.26.0","prop-types-extra":"1.0.1","babel-plugin-react-flow-props-to-prop-types":"0.15.0"},"devDependencies":{"jest":"21.1.0","react":"15.6.1","enzyme":"2.9.1","eslint":"4.7.2","rimraf":"2.6.2","flow-bin":"0.52.0","raf-stub":"2.0.1","babel-cli":"6.26.0","react-dom":"15.6.1","babel-eslint":"8.0.0","@storybook/react":"3.2.10","flow-copy-source":"1.2.1","babel-preset-flow":"6.23.0","styled-components":"2.1.2","babel-preset-react":"6.24.1","eslint-plugin-jest":"21.1.0","@atlaskit/css-reset":"1.1.5","babel-preset-es2015":"6.24.1","eslint-plugin-react":"7.3.0","react-test-renderer":"15.6.1","eslint-config-airbnb":"15.1.0","eslint-plugin-import":"2.7.0","eslint-plugin-jsx-a11y":"5","babel-plugin-transform-runtime":"6.23.0","babel-plugin-transform-class-properties":"6.24.1","babel-plugin-transform-export-extensions":"6.22.0","babel-plugin-transform-object-rest-spread":"6.26.0"},"peerDependencies":{"react":">=15.4.0"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd-2.4.1.tgz_1508209991090_0.6088482683990151","host":"s3://npm-registry-packages"},"deprecated":"react-beautiful-dnd is now deprecated. Context and options: https://github.com/atlassian/react-beautiful-dnd/issues/2672"},"2.5.0":{"name":"react-beautiful-dnd","version":"2.5.0","keywords":["drag and drop","dnd","react","react.js","natural","beautiful"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@2.5.0","maintainers":[{"name":"jaredcrowe","email":"jared.j.crowe@gmail.com"},{"name":"alexreardon","email":"alexreardon@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"593dbd54a88dd8d52f64dfdf559e0bd023ef226d","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-2.5.0.tgz","integrity":"sha512-c3oefE483qXF4YJVl47A56OqXo533xlHN5c/eKQOJbKBit1u8c5rzm+ZaLQGp4W2ZB8J1+C2UtGfjo1dpYsjEg==","signatures":[{"sig":"MEUCIFo45GbS1R/CzKlCdEFdSMhXEVuWxi0Ou+BwGpc4p9PiAiEAzvEEYk4WAV+RhLqY94XUnm+lpvxMU8Ka8dPOEsGcYm4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"lib/index.js","gitHead":"b568df6640b035e8b8dec204868e39d34b3de451","scripts":{"lint":"eslint .","test":"jest --config ./jest.config.js","build":"yarn run build:clean && yarn run build:lib && yarn run build:flow","validate":"yarn run lint && yarn run typecheck","build:lib":"babel src -d lib","storybook":"start-storybook -p 9002","typecheck":"flow check","build:flow":"flow-copy-source --verbose src lib","prepublish":"yarn run build","build:clean":"rimraf lib","build-storybook":"build-storybook -c .storybook -o site"},"_npmUser":{"name":"jaredcrowe","email":"jared.j.crowe@gmail.com"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"5.4.2","description":"Beautiful, accessible drag and drop for lists with React.js","directories":{},"_nodeVersion":"8.7.0","dependencies":{"redux":"3.7.2","raf-schd":"2.0.1","reselect":"3.0.1","invariant":"2.2.2","prop-types":"15.5.10","memoize-one":"3.0.1","react-redux":"5.0.6","redux-thunk":"2.2.0","react-motion":"0.5.0","babel-runtime":"6.26.0","prop-types-extra":"1.0.1","babel-plugin-react-flow-props-to-prop-types":"0.15.0"},"devDependencies":{"jest":"21.1.0","react":"15.6.1","enzyme":"2.9.1","eslint":"4.7.2","rimraf":"2.6.2","flow-bin":"0.52.0","raf-stub":"2.0.1","babel-cli":"6.26.0","react-dom":"15.6.1","babel-eslint":"8.0.0","@storybook/react":"3.2.10","flow-copy-source":"1.2.1","babel-preset-flow":"6.23.0","styled-components":"2.1.2","babel-preset-react":"6.24.1","eslint-plugin-jest":"21.1.0","@atlaskit/css-reset":"1.1.5","babel-preset-es2015":"6.24.1","eslint-plugin-react":"7.3.0","react-test-renderer":"15.6.1","eslint-config-airbnb":"15.1.0","eslint-plugin-import":"2.7.0","eslint-plugin-jsx-a11y":"5","babel-plugin-transform-runtime":"6.23.0","babel-plugin-transform-class-properties":"6.24.1","babel-plugin-transform-export-extensions":"6.22.0","babel-plugin-transform-object-rest-spread":"6.26.0"},"peerDependencies":{"react":">=15.4.0"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd-2.5.0.tgz_1509342679902_0.4884507190436125","host":"s3://npm-registry-packages"},"deprecated":"react-beautiful-dnd is now deprecated. Context and options: https://github.com/atlassian/react-beautiful-dnd/issues/2672"},"2.6.0":{"name":"react-beautiful-dnd","version":"2.6.0","keywords":["drag and drop","dnd","react","react.js","natural","beautiful"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@2.6.0","maintainers":[{"name":"jaredcrowe","email":"jared.j.crowe@gmail.com"},{"name":"alexreardon","email":"alexreardon@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"aabd8191f3519e3307af68264da9544955d5b440","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-2.6.0.tgz","integrity":"sha512-nW6Q3JnQGBAuwbHBipZDnAjC3P1b7IyteZ+bPWFJBHmTZD0QgnHL7uBBXkJbdoLWtQwtKoWLjeN+Gf9kWjwFTA==","signatures":[{"sig":"MEQCIBk05rqKNHvCNwYu+rG8toQ6dUdnXfG4RIDkGTVavGTrAiB+3dZd9e/mrqNt6x8FwnY88LeA6CrH7Qu5rJ/1WpOQ4Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"lib/index.js","gitHead":"43e3c933818c1a0ecc97abbc141ee1c812a8eab9","scripts":{"lint":"eslint .","test":"jest --config ./jest.config.js","build":"yarn run build:clean && yarn run build:lib && yarn run build:flow","validate":"yarn run lint && yarn run typecheck","build:lib":"babel src -d lib","storybook":"start-storybook -p 9002","typecheck":"flow check","build:flow":"flow-copy-source --verbose src lib","prepublish":"yarn run build","build:clean":"rimraf lib","build-storybook":"build-storybook -c .storybook -o site"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"5.5.1","description":"Beautiful, accessible drag and drop for lists with React.js","directories":{},"_nodeVersion":"8.4.0","dependencies":{"redux":"3.7.2","raf-schd":"2.0.1","reselect":"3.0.1","invariant":"2.2.2","prop-types":"15.5.10","memoize-one":"3.0.1","react-redux":"5.0.6","redux-thunk":"2.2.0","react-motion":"0.5.0","babel-runtime":"6.26.0","prop-types-extra":"1.0.1","babel-plugin-react-flow-props-to-prop-types":"0.15.0"},"devDependencies":{"jest":"21.1.0","react":"15.6.1","enzyme":"2.9.1","eslint":"4.7.2","rimraf":"2.6.2","flow-bin":"0.52.0","raf-stub":"2.0.1","babel-cli":"6.26.0","react-dom":"15.6.1","babel-eslint":"8.0.0","@storybook/react":"3.2.10","flow-copy-source":"1.2.1","babel-preset-flow":"6.23.0","styled-components":"2.1.2","babel-preset-react":"6.24.1","eslint-plugin-jest":"21.1.0","@atlaskit/css-reset":"1.1.5","babel-preset-es2015":"6.24.1","eslint-plugin-react":"7.3.0","react-test-renderer":"15.6.1","eslint-config-airbnb":"15.1.0","eslint-plugin-import":"2.7.0","eslint-plugin-jsx-a11y":"5","babel-plugin-transform-runtime":"6.23.0","babel-plugin-transform-class-properties":"6.24.1","babel-plugin-transform-export-extensions":"6.22.0","babel-plugin-transform-object-rest-spread":"6.26.0"},"peerDependencies":{"react":">=15.4.0"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd-2.6.0.tgz_1510635955781_0.990940771298483","host":"s3://npm-registry-packages"},"deprecated":"react-beautiful-dnd is now deprecated. Context and options: https://github.com/atlassian/react-beautiful-dnd/issues/2672"},"2.6.1":{"name":"react-beautiful-dnd","version":"2.6.1","keywords":["drag and drop","dnd","react","react.js","natural","beautiful"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@2.6.1","maintainers":[{"name":"jaredcrowe","email":"jared.j.crowe@gmail.com"},{"name":"alexreardon","email":"alexreardon@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"755ff39d33333355b3c5cab6eaf52c30260774f8","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-2.6.1.tgz","integrity":"sha512-P8SWJG6FFXXFrfStAxGeihiVA4Zp2hWZoZ9RdS6i+CEnU69HgwiJRlEuG147Kvbp+8kqcGRQ+kA98PrPPI6Qcg==","signatures":[{"sig":"MEUCIQCx9cGTSKF0XspB7tL2G6oc0hl2twqFL8MRuoG8YYRawAIgLSLZE5GonQdjberM0rbQAtD3uWjjTICTVS5pYUc384Q=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"lib/index.js","gitHead":"b5a6592edddeec083379a8b46d33bf7cd2c572ef","scripts":{"lint":"eslint .","test":"jest --config ./jest.config.js","build":"yarn run build:clean && yarn run build:lib && yarn run build:flow","validate":"yarn run lint && yarn run typecheck","build:lib":"babel src -d lib","storybook":"start-storybook -p 9002","typecheck":"flow check","build:flow":"flow-copy-source --verbose src lib","prepublish":"yarn run build","build:clean":"rimraf lib","build-storybook":"build-storybook -c .storybook -o site"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"5.5.1","description":"Beautiful, accessible drag and drop for lists with React.js","directories":{},"_nodeVersion":"8.4.0","dependencies":{"redux":"3.7.2","raf-schd":"2.0.1","reselect":"3.0.1","invariant":"2.2.2","prop-types":"15.5.10","memoize-one":"3.0.1","react-redux":"5.0.6","redux-thunk":"2.2.0","react-motion":"0.5.0","babel-runtime":"6.26.0","prop-types-extra":"1.0.1","babel-plugin-react-flow-props-to-prop-types":"0.15.0"},"devDependencies":{"jest":"21.1.0","react":"15.6.1","enzyme":"2.9.1","eslint":"4.7.2","rimraf":"2.6.2","flow-bin":"0.52.0","raf-stub":"2.0.1","babel-cli":"6.26.0","react-dom":"15.6.1","babel-eslint":"8.0.0","@storybook/react":"3.2.10","flow-copy-source":"1.2.1","babel-preset-flow":"6.23.0","styled-components":"2.1.2","babel-preset-react":"6.24.1","eslint-plugin-jest":"21.1.0","@atlaskit/css-reset":"1.1.5","babel-preset-es2015":"6.24.1","eslint-plugin-react":"7.3.0","react-test-renderer":"15.6.1","eslint-config-airbnb":"15.1.0","eslint-plugin-import":"2.7.0","eslint-plugin-jsx-a11y":"5","babel-plugin-transform-runtime":"6.23.0","babel-plugin-transform-class-properties":"6.24.1","babel-plugin-transform-export-extensions":"6.22.0","babel-plugin-transform-object-rest-spread":"6.26.0"},"peerDependencies":{"react":">=15.4.0"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd-2.6.1.tgz_1510649321795_0.367963167373091","host":"s3://npm-registry-packages"},"deprecated":"react-beautiful-dnd is now deprecated. Context and options: https://github.com/atlassian/react-beautiful-dnd/issues/2672"},"2.6.2":{"name":"react-beautiful-dnd","version":"2.6.2","keywords":["drag and drop","dnd","react","react.js","natural","beautiful"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@2.6.2","maintainers":[{"name":"jaredcrowe","email":"jared.j.crowe@gmail.com"},{"name":"alexreardon","email":"alexreardon@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"0a081944a875d1b93043235b5a5b768c4cedac84","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-2.6.2.tgz","integrity":"sha512-6s9dKsBbYqqP6dwpROR4b6mrUdmV4CkTGYY9GOFYXVzFbD4vgmipglEJISxd3FX/LWsSjukl4+BX4JDQbWs/xA==","signatures":[{"sig":"MEYCIQCnJ00Ti7HwuyfeoLGE7co1BCX0xpSY53kMagt9jtjq+wIhAOjpifP6Xh+7e/VVMUwvHAE2l8yrAaY9a6gc0QzLrnXB","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"lib/index.js","gitHead":"5def35597398eef567f9d1c791243243f3fdfe9c","scripts":{"lint":"eslint .","test":"jest --config ./jest.config.js","build":"yarn run build:clean && yarn run build:lib && yarn run build:flow","validate":"yarn run lint && yarn run typecheck","build:lib":"babel src -d lib","storybook":"start-storybook -p 9002","typecheck":"flow check","build:flow":"flow-copy-source --verbose src lib","prepublish":"yarn run build","build:clean":"rimraf lib","build-storybook":"build-storybook -c .storybook -o site"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"5.5.1","description":"Beautiful, accessible drag and drop for lists with React.js","directories":{},"_nodeVersion":"8.4.0","dependencies":{"redux":"3.7.2","raf-schd":"2.0.1","reselect":"3.0.1","invariant":"2.2.2","prop-types":"15.5.10","memoize-one":"3.0.1","react-redux":"5.0.6","redux-thunk":"2.2.0","react-motion":"0.5.0","babel-runtime":"6.26.0","prop-types-extra":"1.0.1","babel-plugin-react-flow-props-to-prop-types":"0.15.0"},"devDependencies":{"jest":"21.1.0","react":"15.6.1","enzyme":"2.9.1","eslint":"4.7.2","rimraf":"2.6.2","flow-bin":"0.52.0","raf-stub":"2.0.1","babel-cli":"6.26.0","react-dom":"15.6.1","babel-eslint":"8.0.0","@storybook/react":"3.2.10","flow-copy-source":"1.2.1","babel-preset-flow":"6.23.0","styled-components":"2.1.2","babel-preset-react":"6.24.1","eslint-plugin-jest":"21.1.0","@atlaskit/css-reset":"1.1.5","babel-preset-es2015":"6.24.1","eslint-plugin-react":"7.3.0","react-test-renderer":"15.6.1","eslint-config-airbnb":"15.1.0","eslint-plugin-import":"2.7.0","eslint-plugin-jsx-a11y":"5","babel-plugin-transform-runtime":"6.23.0","babel-plugin-transform-class-properties":"6.24.1","babel-plugin-transform-export-extensions":"6.22.0","babel-plugin-transform-object-rest-spread":"6.26.0"},"peerDependencies":{"react":">=15.4.0"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd-2.6.2.tgz_1510800862433_0.026925787795335054","host":"s3://npm-registry-packages"},"deprecated":"react-beautiful-dnd is now deprecated. Context and options: https://github.com/atlassian/react-beautiful-dnd/issues/2672"},"2.6.3":{"name":"react-beautiful-dnd","version":"2.6.3","keywords":["drag and drop","dnd","react","react.js","natural","beautiful"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@2.6.3","maintainers":[{"name":"jaredcrowe","email":"jared.j.crowe@gmail.com"},{"name":"alexreardon","email":"alexreardon@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"880077c45c19b7fb808aa950b5248a5b38b446a4","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-2.6.3.tgz","integrity":"sha512-JLcJaQCKzHCKZYq24zz39ZREojqCXQFIqB1Pwp5Jt+oRmXqwcOFZTNKqrz1IXg2PEHu+/4P87D6CwR60R64sqw==","signatures":[{"sig":"MEYCIQCjj+Yy2VpSpnk/4Ri2XYdPyOGPKx2b7JaEbP5NDFWrpwIhAIPGV4Es7wQSqoX3su8NZMBuMT+S46f8bG7VmUpkZTco","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"lib/index.js","files":["/lib"],"gitHead":"87e3d81e53185e6494b1e173d54f7f071704b8ce","scripts":{"lint":"eslint .","test":"jest --config ./jest.config.js","build":"yarn run build:clean && yarn run build:lib && yarn run build:flow","validate":"yarn run lint && yarn run typecheck","build:lib":"babel src -d lib","storybook":"start-storybook -p 9002","typecheck":"flow check","build:flow":"flow-copy-source --verbose src lib","prepublish":"yarn run build","build:clean":"rimraf lib","build-storybook":"build-storybook -c .storybook -o site"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"5.5.1","description":"Beautiful, accessible drag and drop for lists with React.js","directories":{},"_nodeVersion":"8.4.0","dependencies":{"redux":"^3.7.2","raf-schd":"^2.0.2","reselect":"^3.0.1","invariant":"^2.2.2","prop-types":"^15.6.0","memoize-one":"^3.0.1","react-redux":"^5.0.6","redux-thunk":"^2.2.0","react-motion":"^0.5.2","babel-runtime":"^6.26.0"},"devDependencies":{"jest":"^21.2.1","react":"^15.6.1","enzyme":"^3.2.0","eslint":"^4.11.0","rimraf":"^2.6.2","flow-bin":"0.59.0","raf-stub":"^2.0.1","babel-cli":"^6.26.0","react-dom":"^15.6.1","babel-eslint":"^8.0.2","@storybook/react":"^3.2.16","flow-copy-source":"^1.2.1","babel-preset-flow":"^6.23.0","styled-components":"^2.2.3","babel-preset-react":"^6.24.1","eslint-plugin-jest":"^21.3.2","@atlaskit/css-reset":"^1.1.5","babel-preset-es2015":"^6.24.1","eslint-plugin-react":"^7.5.1","react-test-renderer":"^15.6.1","eslint-config-airbnb":"^16.1.0","eslint-plugin-import":"^2.8.0","eslint-plugin-jsx-a11y":"^6.0.2","enzyme-adapter-react-15":"^1.0.5","babel-plugin-transform-runtime":"^6.23.0","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-export-extensions":"^6.22.0","babel-plugin-transform-object-rest-spread":"^6.26.0"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd-2.6.3.tgz_1511158491171_0.9564412732142955","host":"s3://npm-registry-packages"},"deprecated":"react-beautiful-dnd is now deprecated. Context and options: https://github.com/atlassian/react-beautiful-dnd/issues/2672"},"2.6.4":{"name":"react-beautiful-dnd","version":"2.6.4","keywords":["drag and drop","dnd","react","react.js","natural","beautiful"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@2.6.4","maintainers":[{"name":"jaredcrowe","email":"jared.j.crowe@gmail.com"},{"name":"alexreardon","email":"alexreardon@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"e1632696aeeec5b20720037c348834eb3e8e22cf","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-2.6.4.tgz","integrity":"sha512-P+iXbRNpO23PwjsnK1zaoCK2HMdnTMznOfbtf+oU/hZo2F2OuYAVcR1JkbZNk6+P4Aqcu3HfAUT6NlsWzOwGWg==","signatures":[{"sig":"MEQCIAbX6ThKV254pwTWr5H/pelcjklHUjjHpH8XKZSp6IXdAiAF3xuNul4QV20PcLcMInjgt2kS4wxq6nxjbvLBHdKaMw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"lib/index.js","files":["/lib"],"gitHead":"750326101868b78d80a1478618bac4e55b425be9","scripts":{"lint":"eslint .","test":"jest --config ./jest.config.js","build":"yarn run build:clean && yarn run build:lib && yarn run build:flow","validate":"yarn run lint && yarn run typecheck","build:lib":"babel src -d lib","storybook":"start-storybook -p 9002","typecheck":"flow check","build:flow":"flow-copy-source --verbose src lib","prepublish":"yarn run build","build:clean":"rimraf lib","build-storybook":"build-storybook -c .storybook -o site"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"5.5.1","description":"Beautiful, accessible drag and drop for lists with React.js","directories":{},"_nodeVersion":"8.4.0","dependencies":{"redux":"^3.7.2","raf-schd":"^2.0.2","reselect":"^3.0.1","invariant":"^2.2.2","prop-types":"^15.6.0","memoize-one":"^3.0.1","react-redux":"^5.0.6","redux-thunk":"^2.2.0","react-motion":"^0.5.2","babel-runtime":"^6.26.0"},"devDependencies":{"jest":"^21.2.1","react":"^15.6.1","enzyme":"^3.2.0","eslint":"^4.11.0","rimraf":"^2.6.2","flow-bin":"0.59.0","raf-stub":"^2.0.1","babel-cli":"^6.26.0","react-dom":"^15.6.1","babel-eslint":"^8.0.2","@storybook/react":"^3.2.16","flow-copy-source":"^1.2.1","babel-preset-flow":"^6.23.0","styled-components":"^2.2.3","babel-preset-react":"^6.24.1","eslint-plugin-jest":"^21.3.2","@atlaskit/css-reset":"^1.1.5","babel-preset-es2015":"^6.24.1","eslint-plugin-react":"^7.5.1","react-test-renderer":"^15.6.1","eslint-config-airbnb":"^16.1.0","eslint-plugin-import":"^2.8.0","eslint-plugin-jsx-a11y":"^6.0.2","enzyme-adapter-react-15":"^1.0.5","babel-plugin-transform-runtime":"^6.23.0","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-export-extensions":"^6.22.0","babel-plugin-transform-object-rest-spread":"^6.26.0"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd-2.6.4.tgz_1511221232344_0.9315324623603374","host":"s3://npm-registry-packages"},"deprecated":"react-beautiful-dnd is now deprecated. Context and options: https://github.com/atlassian/react-beautiful-dnd/issues/2672"},"3.0.0":{"name":"react-beautiful-dnd","version":"3.0.0","keywords":["drag and drop","dnd","react","react.js","natural","beautiful"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@3.0.0","maintainers":[{"name":"jaredcrowe","email":"jared.j.crowe@gmail.com"},{"name":"alexreardon","email":"alexreardon@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"b07fb06111b7d6ae9908eb71033320fa849b1000","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-3.0.0.tgz","integrity":"sha512-GP30iqV9vlFW3QG6RRL9yOQyzsFwQ9+2KsKfLZ3AkgfBg0O0m59LysQgQKBQMHUGrvZLM3CghUCE9h1X1nonig==","signatures":[{"sig":"MEUCIQDOcliIJroZWKalCJS3iu3sRGMD6/7L5Q9xQ7z3Dumc5AIgEqg9BP+ZFQPjLgaFTQTaA5cJ1vkZUKlbq4u0WCgKfFA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"lib/index.js","files":["/lib","/dist"],"gitHead":"efad500f2e8eb73920478a6b472750257aad4f78","scripts":{"lint":"eslint .","test":"jest --config ./jest.config.js","build":"yarn run build:clean && yarn run build:lib && yarn run build:flow && yarn run build:dist","validate":"yarn run lint && yarn run typecheck","build:lib":"babel src -d lib","storybook":"start-storybook -p 9002","typecheck":"flow check","build:dist":"rollup -c && rollup -c --min","build:flow":"flow-copy-source --verbose src lib","prepublish":"yarn run build","build:clean":"rimraf lib && rimraf dist","build-storybook":"build-storybook -c .storybook -o site"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"5.5.1","description":"Beautiful, accessible drag and drop for lists with React.js","directories":{},"_nodeVersion":"8.4.0","dependencies":{"redux":"^3.7.2","raf-schd":"^2.0.2","reselect":"^3.0.1","invariant":"^2.2.2","prop-types":"^15.6.0","memoize-one":"^3.0.1","react-redux":"^5.0.6","redux-thunk":"^2.2.0","react-motion":"^0.5.2","babel-runtime":"^6.26.0"},"devDependencies":{"jest":"^21.2.1","react":"^15.6.1","enzyme":"^3.2.0","eslint":"^4.11.0","rimraf":"^2.6.2","rollup":"^0.51.8","flow-bin":"0.59.0","raf-stub":"^2.0.1","babel-cli":"^6.26.0","react-dom":"^15.6.1","babel-eslint":"^8.0.2","@storybook/react":"^3.2.16","flow-copy-source":"^1.2.1","babel-preset-flow":"^6.23.0","styled-components":"^2.2.3","babel-preset-react":"^6.24.1","eslint-plugin-jest":"^21.3.2","@atlaskit/css-reset":"^1.1.5","babel-preset-es2015":"^6.24.1","eslint-plugin-react":"^7.5.1","react-test-renderer":"^15.6.1","rollup-plugin-babel":"^3.0.2","eslint-config-airbnb":"^16.1.0","eslint-plugin-import":"^2.8.0","rollup-plugin-uglify":"^2.0.1","rollup-plugin-replace":"^2.0.0","eslint-plugin-flowtype":"^2.39.1","eslint-plugin-jsx-a11y":"^6.0.2","rollup-plugin-commonjs":"^8.2.6","enzyme-adapter-react-15":"^1.0.5","rollup-plugin-node-resolve":"^3.0.0","babel-plugin-transform-runtime":"^6.23.0","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-export-extensions":"^6.22.0","babel-plugin-transform-object-rest-spread":"^6.26.0"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd-3.0.0.tgz_1511843631703_0.9210450646933168","host":"s3://npm-registry-packages"},"deprecated":"react-beautiful-dnd is now deprecated. Context and options: https://github.com/atlassian/react-beautiful-dnd/issues/2672"},"4.0.0":{"name":"react-beautiful-dnd","version":"4.0.0","keywords":["drag and drop","dnd","react","react.js","natural","beautiful"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@4.0.0","maintainers":[{"name":"jaredcrowe","email":"jared.j.crowe@gmail.com"},{"name":"alexreardon","email":"alexreardon@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"adc87358a30b830430ae44574b2af8fd8c7dd0d6","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-4.0.0.tgz","integrity":"sha512-nXdXdy27Hf5IuaoHUluLkRuMtkGqexbaix1299ptxBqXcZJ3OGBMFd7rdY77Uo825jKi7ry6+n03FgvWsqsq+A==","signatures":[{"sig":"MEUCIQDjWnbxoKcv4xQqgKpFdwqe//QqWYtKx5N7ekb2nXQRFwIgI0L6cIzays54aeItS5CFhe4IqE7tw7M3QLZ0jYypHjg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"lib/index.js","files":["/lib","/dist"],"gitHead":"5f6fd239dfe0b60cb4429dfb8f4f85fa00fa5d56","scripts":{"lint":"eslint .","test":"jest --config ./jest.config.js","build":"yarn run build:clean && yarn run build:lib && yarn run build:flow && yarn run build:dist","validate":"yarn run lint && yarn run typecheck","build:lib":"babel src -d lib","storybook":"start-storybook -p 9002","typecheck":"flow check","build:dist":"rollup -c && rollup -c --min","build:flow":"flow-copy-source --verbose src lib","prepublish":"yarn run build","build:clean":"rimraf lib && rimraf dist","build-storybook":"build-storybook -c .storybook -o site"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"5.5.1","description":"Beautiful, accessible drag and drop for lists with React.js","directories":{},"_nodeVersion":"8.4.0","dependencies":{"redux":"^3.7.2","raf-schd":"^2.1.0","reselect":"^3.0.1","invariant":"^2.2.2","prop-types":"^15.6.0","memoize-one":"^3.0.1","react-redux":"^5.0.6","redux-thunk":"^2.2.0","react-motion":"^0.5.2","babel-runtime":"^6.26.0"},"devDependencies":{"jest":"^22.0.5","react":"^15.6.2","enzyme":"^3.3.0","eslint":"^4.15.0","rimraf":"^2.6.2","rollup":"^0.53.4","flow-bin":"0.61.0","raf-stub":"^2.0.1","babel-cli":"^6.26.0","react-dom":"^15.6.2","babel-eslint":"^8.2.1","@storybook/react":"^3.2.16","flow-copy-source":"^1.2.1","babel-preset-flow":"^6.23.0","styled-components":"^2.4.0","babel-preset-react":"^6.24.1","eslint-plugin-jest":"^21.6.1","@atlaskit/css-reset":"^1.2.0","babel-preset-es2015":"^6.24.1","eslint-plugin-react":"^7.5.1","react-test-renderer":"^16.2.0","rollup-plugin-babel":"^3.0.3","eslint-config-airbnb":"^16.1.0","eslint-plugin-import":"^2.8.0","rollup-plugin-uglify":"^2.0.1","rollup-plugin-replace":"^2.0.0","eslint-plugin-flowtype":"^2.41.0","eslint-plugin-jsx-a11y":"^6.0.3","rollup-plugin-commonjs":"^8.2.6","enzyme-adapter-react-15":"^1.0.5","rollup-plugin-node-resolve":"^3.0.2","babel-plugin-transform-runtime":"^6.23.0","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-export-extensions":"^6.22.0","babel-plugin-transform-object-rest-spread":"^6.26.0"},"peerDependencies":{"react":">=15.4.0 || ^16.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd-4.0.0.tgz_1515640554977_0.5351538031827658","host":"s3://npm-registry-packages"},"deprecated":"react-beautiful-dnd is now deprecated. Context and options: https://github.com/atlassian/react-beautiful-dnd/issues/2672"},"4.0.1":{"name":"react-beautiful-dnd","version":"4.0.1","keywords":["drag and drop","dnd","react","react.js","natural","beautiful"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@4.0.1","maintainers":[{"name":"jaredcrowe","email":"jared.j.crowe@gmail.com"},{"name":"alexreardon","email":"alexreardon@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"3b0a49bf6be75af351176c904f012611dd292b81","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-4.0.1.tgz","integrity":"sha512-d73RMu4QOFCyjUELLWFyY/EuclnfqulI9pECx+2gIuJvV0ycf1uR88o+1x0RSB9ILD70inHMzCBKNkWVbbt+vA==","signatures":[{"sig":"MEUCIFrgOPECuu6hv2UMLISaMdoqCHENfANK/Y5sbSli3QTjAiEA3mWA2qOpqTaIhYqVD41qTVpjgNXBxLxr92F9+ke//hM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"lib/index.js","files":["/lib","/dist"],"gitHead":"419f842029b0ef1074c706497416b9e533a4c670","scripts":{"lint":"eslint .","test":"jest --config ./jest.config.js","build":"yarn run build:clean && yarn run build:lib && yarn run build:flow && yarn run build:dist","validate":"yarn run lint && yarn run typecheck","build:lib":"babel src -d lib","storybook":"start-storybook -p 9002","typecheck":"flow check","build:dist":"rollup -c && rollup -c --min","build:flow":"flow-copy-source --verbose src lib","prepublish":"yarn run build","build:clean":"rimraf lib && rimraf dist","build-storybook":"build-storybook -c .storybook -o site"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"5.5.1","description":"Beautiful, accessible drag and drop for lists with React.js","directories":{},"_nodeVersion":"8.4.0","dependencies":{"redux":"^3.7.2","raf-schd":"^2.1.0","reselect":"^3.0.1","invariant":"^2.2.2","prop-types":"^15.6.0","memoize-one":"^3.0.1","react-redux":"^5.0.6","redux-thunk":"^2.2.0","react-motion":"^0.5.2","babel-runtime":"^6.26.0"},"devDependencies":{"jest":"^22.0.5","react":"^15.6.2","enzyme":"^3.3.0","eslint":"^4.15.0","rimraf":"^2.6.2","rollup":"^0.54.0","flow-bin":"0.61.0","raf-stub":"^2.0.1","babel-cli":"^6.26.0","react-dom":"^15.6.2","babel-eslint":"^8.2.1","@storybook/react":"^3.2.16","flow-copy-source":"^1.2.1","babel-preset-flow":"^6.23.0","styled-components":"^2.4.0","babel-preset-react":"^6.24.1","eslint-plugin-jest":"^21.6.1","@atlaskit/css-reset":"^1.2.0","babel-preset-es2015":"^6.24.1","eslint-plugin-react":"^7.5.1","react-test-renderer":"^16.2.0","rollup-plugin-babel":"^3.0.3","eslint-config-airbnb":"^16.1.0","eslint-plugin-import":"^2.8.0","rollup-plugin-uglify":"^2.0.1","rollup-plugin-replace":"^2.0.0","eslint-plugin-flowtype":"^2.41.0","eslint-plugin-jsx-a11y":"^6.0.3","rollup-plugin-commonjs":"^8.2.6","enzyme-adapter-react-15":"^1.0.5","rollup-plugin-node-resolve":"^3.0.2","babel-plugin-transform-runtime":"^6.23.0","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-export-extensions":"^6.22.0","babel-plugin-transform-object-rest-spread":"^6.26.0"},"peerDependencies":{"react":">=15.4.0 || ^16.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd-4.0.1.tgz_1516152054252_0.42941066320054233","host":"s3://npm-registry-packages"},"deprecated":"react-beautiful-dnd is now deprecated. Context and options: https://github.com/atlassian/react-beautiful-dnd/issues/2672"},"5.0.0":{"name":"react-beautiful-dnd","version":"5.0.0","keywords":["drag and drop","dnd","sortable","react","react.js","natural","beautiful"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@5.0.0","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"},{"name":"jaredcrowe","email":"jared.j.crowe@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"5200d37c4fc847946f5bf56f2613f2ca9591d405","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-5.0.0.tgz","fileCount":211,"integrity":"sha512-36lBQb08Xa+Z473YxG6/fIpt0MOd6LXlpCaAHL4btCBpg4FCIHff0J9OKipeiFHb0KspqCS+2tm8ztZlassGZg==","signatures":[{"sig":"MEQCIAP5umxwJt4fx13YEuwxf4TM1mmsGMjMCmKKueJyImJ3AiBX17FJ5kAka/6h+GQwhCQhG9M4iOeSWIiLXMCf7j4vRw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1104465},"main":"lib/index.js","files":["/lib","/dist"],"gitHead":"fc35bd22a546243d8f811fa8f88c4b5e77077eb1","scripts":{"lint":"eslint .","test":"jest --config ./jest.config.js","build":"yarn run build:clean && yarn run build:lib && yarn run build:flow && yarn run build:dist","validate":"yarn run lint && yarn run typecheck","build:lib":"babel src -d lib","storybook":"start-storybook -p 9002","typecheck":"flow check","build:dist":"rollup -c && rollup -c --min","build:flow":"flow-copy-source --verbose src lib","prepublish":"yarn run build","build:clean":"rimraf lib && rimraf dist","build-storybook":"build-storybook -c .storybook -o site"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"5.5.1","description":"Beautiful, accessible drag and drop for lists with React.js","directories":{},"_nodeVersion":"8.4.0","dependencies":{"redux":"^3.7.2","raf-schd":"^2.1.0","reselect":"^3.0.1","invariant":"^2.2.2","prop-types":"^15.6.0","memoize-one":"^3.0.1","react-redux":"^5.0.6","redux-thunk":"^2.2.0","react-motion":"^0.5.2","babel-runtime":"^6.26.0"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^22.0.5","react":"^15.6.2","enzyme":"^3.3.0","eslint":"^4.15.0","rimraf":"^2.6.2","rollup":"^0.56.2","flow-bin":"0.61.0","raf-stub":"^2.0.1","babel-cli":"^6.26.0","react-dom":"^15.6.2","babel-eslint":"^8.2.1","@storybook/react":"^3.2.16","babel-preset-env":"^1.6.1","flow-copy-source":"^1.2.1","babel-preset-flow":"^6.23.0","styled-components":"^2.4.0","babel-preset-react":"^6.24.1","eslint-plugin-jest":"^21.6.1","@atlaskit/css-reset":"^1.2.0","eslint-plugin-react":"^7.5.1","react-test-renderer":"^16.2.0","rollup-plugin-babel":"^3.0.3","rollup-plugin-strip":"^1.1.1","eslint-config-airbnb":"^16.1.0","eslint-plugin-import":"^2.8.0","rollup-plugin-uglify":"^2.0.1","rollup-plugin-replace":"^2.0.0","eslint-plugin-flowtype":"^2.41.0","eslint-plugin-jsx-a11y":"^6.0.3","rollup-plugin-commonjs":"^8.2.6","enzyme-adapter-react-15":"^1.0.5","rollup-plugin-node-resolve":"^3.0.2","babel-plugin-transform-runtime":"^6.23.0","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-export-extensions":"^6.22.0","babel-plugin-transform-object-rest-spread":"^6.26.0"},"peerDependencies":{"react":">=15.4.0 || ^16.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd_5.0.0_1519344759681_0.1252327677672802","host":"s3://npm-registry-packages"},"deprecated":"react-beautiful-dnd is now deprecated. Context and options: https://github.com/atlassian/react-beautiful-dnd/issues/2672"},"6.0.0":{"name":"react-beautiful-dnd","version":"6.0.0","keywords":["drag and drop","dnd","sortable","react","react.js","natural","beautiful"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@6.0.0","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"},{"name":"jaredcrowe","email":"jared.j.crowe@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"6871ef49b4ca2d07dba99489ca79aa6804040628","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-6.0.0.tgz","fileCount":330,"integrity":"sha512-VefM4HFm2M2LSqyUIg73kKw6nWaElMrKFuul6KAfQJzm3BESQTZsw7dNaBkP00uaKFqNhPj0zl+KhHOAQRCcQA==","signatures":[{"sig":"MEUCIQD1ADjFp3tzqcVubRCvbjZImYpH+YTHUpbiI96IlFSaHwIgR0NqcQvLq+OxOgS3qKj3evOIIbyfoIJsfHg4S+TOG1o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1222621},"main":"lib/index.js","files":["/lib","/dist","/esm","/src"],"module":"esm/index.js","gitHead":"1858afe02e1c96a9c8382db6dfe1f32b7aec1ab2","scripts":{"lint":"eslint .","test":"jest --config ./jest.config.js","build":"yarn run build:clean && yarn run build:lib && yarn run build:flow && yarn run build:dist && yarn run build:esm","validate":"yarn run lint && yarn run typecheck","build:esm":"babel src -d esm","build:lib":"cross-env NODE_ENV=cjs babel src -d lib","storybook":"start-storybook -p 9002","typecheck":"flow check","build:dist":"rollup -c && cross-env NODE_ENV=min rollup -c","build:flow":"echo \"// @flow\n\nexport * from '../src';\" > lib/index.js.flow","prepublish":"yarn run build","build:clean":"rimraf lib && rimraf esm && rimraf dist","build-storybook":"build-storybook -c .storybook -o site"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"5.5.1","description":"Beautiful, accessible drag and drop for lists with React.js","directories":{},"sideEffects":false,"_nodeVersion":"8.4.0","dependencies":{"redux":"^3.7.2","raf-schd":"^2.1.0","reselect":"^3.0.1","invariant":"^2.2.2","prop-types":"^15.6.0","memoize-one":"^3.0.1","react-redux":"^5.0.6","redux-thunk":"^2.2.0","react-motion":"^0.5.2","babel-runtime":"^6.26.0"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^22.0.5","react":"^15.6.2","enzyme":"^3.3.0","eslint":"^4.15.0","rimraf":"^2.6.2","rollup":"^0.56.2","flow-bin":"0.61.0","raf-stub":"^2.0.1","babel-cli":"^6.26.0","cross-env":"^5.1.3","react-dom":"^15.6.2","babel-eslint":"^8.2.1","@storybook/react":"^3.2.16","babel-preset-env":"^1.6.1","babel-preset-flow":"^6.23.0","styled-components":"^3.2.0","babel-preset-react":"^6.24.1","eslint-plugin-jest":"^21.6.1","@atlaskit/css-reset":"^1.2.0","eslint-plugin-react":"^7.5.1","react-test-renderer":"^16.2.0","rollup-plugin-babel":"^3.0.3","rollup-plugin-strip":"^1.1.1","eslint-config-airbnb":"^16.1.0","eslint-plugin-import":"^2.8.0","rollup-plugin-uglify":"^2.0.1","rollup-plugin-replace":"^2.0.0","eslint-plugin-flowtype":"^2.41.0","eslint-plugin-jsx-a11y":"^6.0.3","rollup-plugin-commonjs":"^8.2.6","enzyme-adapter-react-15":"^1.0.5","rollup-plugin-node-resolve":"^3.0.2","babel-plugin-transform-runtime":"^6.23.0","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-export-extensions":"^6.22.0","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-plugin-transform-es2015-modules-commonjs":"^6.26.0"},"peerDependencies":{"react":">=15.4.0 || ^16.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd_6.0.0_1520923024732_0.38673688616819324","host":"s3://npm-registry-packages"},"deprecated":"react-beautiful-dnd is now deprecated. Context and options: https://github.com/atlassian/react-beautiful-dnd/issues/2672"},"6.0.1":{"name":"react-beautiful-dnd","version":"6.0.1","keywords":["drag and drop","dnd","sortable","react","react.js","natural","beautiful"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@6.0.1","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"},{"name":"jaredcrowe","email":"jared.j.crowe@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"f5b70cc37188bd9e79c2bd2152bebfadb2861cff","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-6.0.1.tgz","fileCount":331,"integrity":"sha512-tHnXsxSdvKK4grYS/dwJrQ1y8lT9lO+nnLYYQ85noFhyDD0nUzal0UcwBkhEoNwkGLeRyxmg7nMkAKCI9BTIIg==","signatures":[{"sig":"MEUCIFCMRTNtkF3KiX+d47fgl1KiZZoyKv7ixeSip58qvk+dAiEAnuEwwtddfI4pH+H9nqzcue5yvui9Un1PmgLadVYe8+g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1224081},"main":"lib/index.js","files":["/lib","/dist","/esm","/src"],"module":"esm/index.js","gitHead":"6219d1ab5cd18d2ce6bee0897ae20d600fa975ca","scripts":{"lint":"eslint .","test":"jest --config ./jest.config.js","build":"yarn run build:clean && yarn run build:lib && yarn run build:esm && yarn run build:flow && yarn run build:dist","validate":"yarn run lint && yarn run typecheck","build:esm":"babel src -d esm","build:lib":"cross-env NODE_ENV=cjs babel src -d lib","storybook":"start-storybook -p 9002","typecheck":"flow check","build:dist":"rollup -c && cross-env NODE_ENV=min rollup -c","build:flow":"echo \"// @flow\n\nexport * from '../src';\" | tee lib/index.js.flow esm/index.js.flow","prepublish":"yarn run build","build:clean":"rimraf lib && rimraf esm && rimraf dist","build-storybook":"build-storybook -c .storybook -o site"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"5.5.1","description":"Beautiful, accessible drag and drop for lists with React.js","directories":{},"sideEffects":false,"_nodeVersion":"8.4.0","dependencies":{"redux":"^3.7.2","raf-schd":"^2.1.1","reselect":"^3.0.1","invariant":"^2.2.2","prop-types":"^15.6.0","memoize-one":"^3.1.1","react-redux":"^5.0.6","redux-thunk":"^2.2.0","react-motion":"^0.5.2","babel-runtime":"^6.26.0"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^22.0.5","react":"^15.6.2","enzyme":"^3.3.0","eslint":"^4.15.0","rimraf":"^2.6.2","rollup":"^0.56.2","flow-bin":"0.68.0","raf-stub":"^2.0.2","babel-cli":"^6.26.0","cross-env":"^5.1.3","react-dom":"^15.6.2","babel-eslint":"^8.2.1","@storybook/react":"^3.2.16","babel-preset-env":"^1.6.1","babel-preset-flow":"^6.23.0","styled-components":"^3.2.0","babel-preset-react":"^6.24.1","eslint-plugin-jest":"^21.6.1","@atlaskit/css-reset":"^1.2.0","eslint-plugin-react":"^7.5.1","react-test-renderer":"^16.2.0","rollup-plugin-babel":"^3.0.3","rollup-plugin-strip":"^1.1.1","eslint-config-airbnb":"^16.1.0","eslint-plugin-import":"^2.8.0","rollup-plugin-uglify":"^2.0.1","rollup-plugin-replace":"^2.0.0","eslint-plugin-flowtype":"^2.41.0","eslint-plugin-jsx-a11y":"^6.0.3","rollup-plugin-commonjs":"^8.2.6","enzyme-adapter-react-15":"^1.0.5","rollup-plugin-node-resolve":"^3.0.2","babel-plugin-transform-runtime":"^6.23.0","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-export-extensions":"^6.22.0","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-plugin-transform-es2015-modules-commonjs":"^6.26.0"},"peerDependencies":{"react":">=15.4.0 || ^16.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd_6.0.1_1521776737436_0.9341862688338745","host":"s3://npm-registry-packages"},"deprecated":"react-beautiful-dnd is now deprecated. Context and options: https://github.com/atlassian/react-beautiful-dnd/issues/2672"},"6.0.2":{"name":"react-beautiful-dnd","version":"6.0.2","keywords":["drag and drop","dnd","sortable","react","react.js","natural","beautiful"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@6.0.2","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"},{"name":"jaredcrowe","email":"jared.j.crowe@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"2e2deec247cc92727fb290ba08cee4db70b0b439","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-6.0.2.tgz","fileCount":331,"integrity":"sha512-iEmDHBiHndWPdRIbwZ1n8eSK8+LogOmbPVcAMX2KkFotdjY8IXdDjfVPas5J5lF17ZP1Y6rTtRI+3TGdvhgI4w==","signatures":[{"sig":"MEQCIEkqNxomOYNxXaqE97+voYVdnAEzZmR0beBN5CrfAuz5AiBJ6vx96d1vki16n6tpLBMBDkcqUO3IH1yCr1reQElodw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1229334},"main":"lib/index.js","files":["/lib","/dist","/esm","/src"],"module":"esm/index.js","gitHead":"116c153144eea8bc93a7d81c17e6e71e1824541a","scripts":{"lint":"yarn eslint .","test":"jest --config ./jest.config.js","build":"yarn run build:clean && yarn run build:lib && yarn run build:esm && yarn run build:flow && yarn run build:dist","validate":"yarn run lint && yarn run typecheck","build:esm":"babel src -d esm","build:lib":"cross-env NODE_ENV=cjs babel src -d lib","storybook":"start-storybook -p 9002","typecheck":"flow check","build:dist":"rollup -c && cross-env NODE_ENV=min rollup -c","build:flow":"echo \"// @flow\n\nexport * from '../src';\" | tee lib/index.js.flow esm/index.js.flow","prepublish":"yarn run build && cd website && yarn","build:clean":"rimraf lib && rimraf esm && rimraf dist","website:dev":"cd website && gatsby develop","website:build":"cd website && yarn gatsby build","build-storybook":"build-storybook -c .storybook -o site"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"5.5.1","description":"Beautiful, accessible drag and drop for lists with React.js","directories":{},"sideEffects":false,"_nodeVersion":"8.4.0","dependencies":{"redux":"^3.7.2","raf-schd":"^2.1.1","reselect":"^3.0.1","invariant":"^2.2.2","prop-types":"^15.6.0","memoize-one":"^3.1.1","react-redux":"^5.0.6","redux-thunk":"^2.2.0","react-motion":"^0.5.2","babel-runtime":"^6.26.0"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^22.0.5","react":"^15.6.2","enzyme":"^3.3.0","eslint":"^4.15.0","rimraf":"^2.6.2","rollup":"^0.56.2","flow-bin":"0.69.0","raf-stub":"^2.0.2","babel-cli":"^6.26.0","cross-env":"^5.1.3","puppeteer":"^1.2.0","react-dom":"^15.6.2","babel-eslint":"^8.2.1","@storybook/react":"^3.2.16","babel-preset-env":"^1.6.1","babel-preset-flow":"^6.23.0","styled-components":"^3.2.0","babel-preset-react":"^6.24.1","eslint-plugin-jest":"^21.6.1","@atlaskit/css-reset":"^1.2.0","eslint-plugin-react":"^7.5.1","react-test-renderer":"^16.2.0","rollup-plugin-babel":"^3.0.3","rollup-plugin-strip":"^1.1.1","eslint-config-airbnb":"^16.1.0","eslint-plugin-import":"^2.8.0","rollup-plugin-uglify":"^2.0.1","rollup-plugin-replace":"^2.0.0","eslint-plugin-flowtype":"^2.41.0","eslint-plugin-jsx-a11y":"^6.0.3","rollup-plugin-commonjs":"^8.2.6","enzyme-adapter-react-15":"^1.0.5","rollup-plugin-node-resolve":"^3.0.2","babel-plugin-transform-runtime":"^6.23.0","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-export-extensions":"^6.22.0","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-plugin-transform-es2015-modules-commonjs":"^6.26.0"},"peerDependencies":{"react":">=15.4.0 || ^16.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd_6.0.2_1522734794293_0.4611845565908337","host":"s3://npm-registry-packages"},"deprecated":"react-beautiful-dnd is now deprecated. Context and options: https://github.com/atlassian/react-beautiful-dnd/issues/2672"},"7.0.0":{"name":"react-beautiful-dnd","version":"7.0.0","keywords":["drag and drop","dnd","sortable","reorder","reorderable","react","react.js","natural","beautiful"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@7.0.0","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"},{"name":"jaredcrowe","email":"jared.j.crowe@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"fd211780144b1710d85bdcb2c386a551554c974d","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-7.0.0.tgz","fileCount":117,"integrity":"sha512-FCgatZljI75+gyCB9+Ht7y+r+jsHFHDwVJyCQmbaBIGrpEeP6zpo9DkRduJXZMyiC6ltyJe3f9l6wxp6xoPC7g==","signatures":[{"sig":"MEQCIBO/R0RXB8CjvjoWNkJWe8dKrXR5Vd8sGIGVOuCBB/1DAiAWP27cl8nipG7Va2Onyi2peazm2wUyiirSwUMroko9Qg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1209063},"main":"dist/react-beautiful-dnd.cjs.js","files":["/dist","/src"],"module":"dist/react-beautiful-dnd.esm.js","gitHead":"6ba24c80f7680d8493ce2ab47343050d01fa391d","scripts":{"lint":"yarn eslint .","test":"jest --config ./jest.config.js","build":"yarn build:clean && yarn build:dist && yarn build:flow","prepare":"cd website && yarn","validate":"yarn lint && yarn typecheck","storybook":"start-storybook -p 9002","typecheck":"flow check","build:dist":"rollup -c","build:flow":"echo \"// @flow\n\nexport * from '../src';\" > dist/react-beautiful-dnd.cjs.js.flow","build:clean":"rimraf dist","website:build":"cd website && yarn build","website:start":"cd website && yarn develop","prepublishOnly":"yarn build","build-storybook":"build-storybook -c .storybook -o site","check-bundle-sizes":"cross-env SNAPSHOT=check yarn build:dist && yarn build:clean","update-bundle-sizes":"yarn build:dist && yarn build:clean"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"5.5.1","description":"Beautiful, accessible drag and drop for lists with React.js","directories":{},"sideEffects":false,"_nodeVersion":"8.4.0","dependencies":{"redux":"^3.7.2","raf-schd":"^2.1.1","reselect":"^3.0.1","invariant":"^2.2.4","prop-types":"^15.6.0","memoize-one":"^3.1.1","react-redux":"^5.0.6","redux-thunk":"^2.2.0","react-motion":"^0.5.2","babel-runtime":"^6.26.0"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^22.0.5","react":"^16.3.1","enzyme":"^3.3.0","eslint":"^4.15.0","rimraf":"^2.6.2","rollup":"^0.56.2","flow-bin":"0.69.0","raf-stub":"^2.0.2","babel-cli":"^6.26.0","cross-env":"^5.1.3","puppeteer":"^1.2.0","react-dom":"^16.3.1","babel-eslint":"^8.2.1","@storybook/react":"^3.2.16","babel-preset-env":"^1.6.1","babel-preset-flow":"^6.23.0","styled-components":"^3.2.0","babel-preset-react":"^6.24.1","eslint-plugin-jest":"^21.6.1","@atlaskit/css-reset":"^2.0.0","eslint-plugin-react":"^7.5.1","react-test-renderer":"^16.3.1","rollup-plugin-babel":"^3.0.3","rollup-plugin-strip":"^1.1.1","eslint-config-airbnb":"^16.1.0","eslint-plugin-import":"^2.8.0","rollup-plugin-uglify":"^2.0.1","rollup-plugin-replace":"^2.0.0","eslint-plugin-flowtype":"^2.41.0","eslint-plugin-jsx-a11y":"^6.0.3","rollup-plugin-commonjs":"^8.2.6","enzyme-adapter-react-16":"^1.1.1","rollup-plugin-node-resolve":"^3.0.2","rollup-plugin-size-snapshot":"^0.3.0","babel-plugin-transform-runtime":"^6.23.0","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-export-extensions":"^6.22.0","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-plugin-transform-es2015-modules-commonjs":"^6.26.0"},"peerDependencies":{"react":"^16.3.1"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd_7.0.0_1523424726571_0.584079705969589","host":"s3://npm-registry-packages"},"deprecated":"react-beautiful-dnd is now deprecated. Context and options: https://github.com/atlassian/react-beautiful-dnd/issues/2672"},"7.0.1":{"name":"react-beautiful-dnd","version":"7.0.1","keywords":["drag and drop","dnd","sortable","reorder","reorderable","react","react.js","natural","beautiful"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@7.0.1","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"},{"name":"jaredcrowe","email":"jared.j.crowe@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"a08373bbc43c51450f0b6f99358e257f657ac63a","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-7.0.1.tgz","fileCount":117,"integrity":"sha512-nE90BEuT7yzVhk9YZE1w2BrV4hgcxEs7m+QZlkxJlM7bOoVn2Zg1034Dcsw+K+A0V68rw/+HBmTGUioh27h06w==","signatures":[{"sig":"MEYCIQDFkkGgsePA526qbxB68UZLKYn8aj8OKrUzzKVHu72/UwIhAJz4ZMjfb70+rm0YTboyAhs4n2mTFbzf6FEhxol/3B65","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1212296,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa0/XBCRA9TVsSAnZWagAAt8wQAJxOWpe4AUmPpGyTh/QQ\n8d433B1UInWYzi3e5EGubqkIpwZ4XPimH0IiHKL0bISMLafKn2Iu2R1DNhoq\n1U6qBQ2djnfRpGB88AKDEuPrrLfBuWoXgKRA1M1jvmluRv7sHBCGWw2Az4l6\nh19j0piAEy1cekMOlB0NRmCNSRn9WK3dsFNTXH9sV/KP6m0bt3dp7baK5HGn\nShcnO+wx1b+8kJJvLBwPvYu/GtKXQy2EIEG7z6tPqQkgrbZfICRJW/LT9kc5\nQgssTehhH6JFxN2zZWnwTkYI5O0fRwN0QVYYT2FzW4DSasANQ+eAvTMgfVW5\n8R96tSROo48+wcChgz9B3ZDq9kqKhiDxXSTZ/05slVWYKqW0BHCP+i2o+nPI\nYgHpxxPGN3DUMeM2L4tMjGNaKDAzdOwFK9wCgkxmPpIImnlu5zqbWwio2IVx\nPG/U/PG8qtvTP0tuiWZsb8gk+pQ6VeTbn6Ohl3PR6qyLpiho2Hv2zffoipq5\n4NCbxidSOmRBYmFb83RzIA9AEW3gyWAiQZXang1XPubEAwDscO3szS1SRShw\nntbflbea+Cr+1+KlexCe1c2i1/9VhrwtTYB25K4AEGHDD3jTjMLAR4V6eylZ\nln5PlCuEaWYHC1V0z8CqYn9eLrz4PSRhUvSdptg8YKaXCZdpWb/AgPsPTVwx\n8+ZN\r\n=743F\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/react-beautiful-dnd.cjs.js","files":["/dist","/src"],"module":"dist/react-beautiful-dnd.esm.js","gitHead":"b9035e23c906cc45f6e0fa0f598d33a23ed05558","scripts":{"lint":"yarn eslint .","test":"jest --config ./jest.config.js","build":"yarn build:clean && yarn build:dist && yarn build:flow","prepare":"cd website && yarn","validate":"yarn lint && yarn typecheck","storybook":"start-storybook -p 9002","typecheck":"flow check","build:dist":"rollup -c","build:flow":"echo \"// @flow\n\nexport * from '../src';\" > dist/react-beautiful-dnd.cjs.js.flow","build:clean":"rimraf dist","website:build":"cd website && yarn build","website:start":"cd website && yarn develop","prepublishOnly":"yarn build","build-storybook":"build-storybook -c .storybook -o site","check-bundle-sizes":"cross-env SNAPSHOT=check yarn build:dist && yarn build:clean","update-bundle-sizes":"yarn build:dist && yarn build:clean"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"5.8.0","description":"Beautiful, accessible drag and drop for lists with React.js","directories":{},"sideEffects":false,"_nodeVersion":"8.4.0","dependencies":{"redux":"^3.7.2","raf-schd":"^2.1.1","reselect":"^3.0.1","invariant":"^2.2.4","prop-types":"^15.6.0","memoize-one":"^3.1.1","react-redux":"^5.0.6","redux-thunk":"^2.2.0","react-motion":"^0.5.2","babel-runtime":"^6.26.0"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^22.0.5","react":"^16.3.1","enzyme":"^3.3.0","eslint":"^4.15.0","rimraf":"^2.6.2","rollup":"^0.56.2","flow-bin":"0.69.0","raf-stub":"^2.0.2","babel-cli":"^6.26.0","cross-env":"^5.1.3","puppeteer":"^1.2.0","react-dom":"^16.3.1","babel-eslint":"^8.2.1","@storybook/react":"^3.2.16","babel-preset-env":"^1.6.1","babel-preset-flow":"^6.23.0","styled-components":"^3.2.0","babel-preset-react":"^6.24.1","eslint-plugin-jest":"^21.6.1","@atlaskit/css-reset":"^2.0.0","eslint-plugin-react":"^7.5.1","react-test-renderer":"^16.3.1","rollup-plugin-babel":"^3.0.3","rollup-plugin-strip":"^1.1.1","eslint-config-airbnb":"^16.1.0","eslint-plugin-import":"^2.8.0","rollup-plugin-uglify":"^2.0.1","rollup-plugin-replace":"^2.0.0","eslint-plugin-flowtype":"^2.41.0","eslint-plugin-jsx-a11y":"^6.0.3","rollup-plugin-commonjs":"^8.2.6","enzyme-adapter-react-16":"^1.1.1","rollup-plugin-node-resolve":"^3.0.2","rollup-plugin-size-snapshot":"^0.3.0","babel-plugin-transform-runtime":"^6.23.0","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-export-extensions":"^6.22.0","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-plugin-transform-es2015-modules-commonjs":"^6.26.0"},"peerDependencies":{"react":"^16.3.1"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd_7.0.1_1523840446640_0.41462227902022475","host":"s3://npm-registry-packages"},"deprecated":"react-beautiful-dnd is now deprecated. Context and options: https://github.com/atlassian/react-beautiful-dnd/issues/2672"},"7.0.2":{"name":"react-beautiful-dnd","version":"7.0.2","keywords":["drag and drop","dnd","sortable","reorder","reorderable","react","react.js","natural","beautiful"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@7.0.2","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"},{"name":"jaredcrowe","email":"jared.j.crowe@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"a04986f7b395398ce7dff9b49dd2f31c169d01dd","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-7.0.2.tgz","fileCount":117,"integrity":"sha512-rskiUGGHxVMco6RWhOrih5Ksu6Tb/gq8N8WNDuVXun/L2hJ1zjckVBch+NhI0TKQJGO2nKrwcpTX5dzknZORUQ==","signatures":[{"sig":"MEYCIQDos+owJv40qXf0a320iR7v9zxmhVvFsYwCbA4rt4XUHAIhALoaCZx+CBsA07nH1M0H9F6CUYaXTVaD0s0MKT8264lL","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1245400,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa1dWjCRA9TVsSAnZWagAA3g8QAIqUOdeSyfT8Sof5I7Du\nhFremoZ5HVdjHvZuwkbWz0oK5YGI/PlzRolgPGdlOuDI2DLYWbxPIQBs/kum\n82A62TBDyXrau6pkmQM8AAQXcqVz13xQSCBXTRBe9UKpH/3kt88HMqlS8jcO\nDRHB8oDZo6zb0I6W5aSnLVwQS9utVhdbx/ieid6H3rdcpSSzQCo99EHdJZ/Y\n6WHRkvDqhdJDEYz00wygWZ/LCUoKttFabVw/H1fmbBbf8IBpHY1rfL6v38Ce\n0w52pbC1hs3Cek0lKqQz+84Bh8btmiJU4PAWiXAkNsoE1ANQSgu2Q8X6sIcd\nOlr1ik/yz5uW3Cg22NTjQ0a9Bi9kxWLV6jyJ96dyIFC/69Jg1CIYmLBd5C9w\nXRJvaXSDm5AEs39KOPAWnT6knnxZi50jqQEuwQgUsKL4oyB6kJbtfI/DMpEG\nfEq6GJPb7iMMWRUlaF6oYlfCKKH15MUrnbrJF4BM2tpPFbH0yjyjqk/LOrUy\nF8QVJDWdxHw5FhEjHkHTOAlbBjfijirduaYkfHDNOLboKSK4q+AVvl0DF4OJ\n7eMRDtW3RV1nO+p0Gy4hllaOQJRiosl0teK7OHH3zbeVLtMQ2hL7BxpCZze8\nuGBZ0dDIYQHb5gXAP+29lDgdqEqOOiDeYaZ4wl9XClaX4WpNUdlg4mIMPb5L\nS7EB\r\n=c+OM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/react-beautiful-dnd.cjs.js","files":["/dist","/src"],"module":"dist/react-beautiful-dnd.esm.js","gitHead":"78c30a056c0aa7514cd5374a55072f9f798a1cdc","scripts":{"lint":"yarn eslint .","test":"jest --config ./jest.config.js","build":"yarn build:clean && yarn build:dist && yarn build:flow","prepare":"cd website && yarn","validate":"yarn lint && yarn typecheck","storybook":"start-storybook -p 9002","typecheck":"flow check","build:dist":"rollup -c","build:flow":"echo \"// @flow\n\nexport * from '../src';\" > dist/react-beautiful-dnd.cjs.js.flow","build:clean":"rimraf dist","website:build":"cd website && yarn build","website:start":"cd website && yarn develop","prepublishOnly":"yarn build","build-storybook":"build-storybook -c .storybook -o site","check-bundle-sizes":"cross-env SNAPSHOT=check yarn build:dist && yarn build:clean","update-bundle-sizes":"yarn build:dist && yarn build:clean"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"5.8.0","description":"Beautiful, accessible drag and drop for lists with React.js","directories":{},"sideEffects":false,"_nodeVersion":"8.4.0","dependencies":{"redux":"^3.7.2","raf-schd":"^2.1.1","reselect":"^3.0.1","prop-types":"^15.6.0","memoize-one":"^3.1.1","react-redux":"^5.0.6","redux-thunk":"^2.2.0","react-motion":"^0.5.2","babel-runtime":"^6.26.0","tiny-invariant":"^0.0.3"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^22.4.3","react":"^16.3.1","enzyme":"^3.3.0","eslint":"^4.19.1","rimraf":"^2.6.2","rollup":"^0.58.0","flow-bin":"0.70.0","raf-stub":"^2.0.2","babel-cli":"^6.26.0","cross-env":"^5.1.4","puppeteer":"^1.3.0","react-dom":"^16.3.1","babel-core":"^6.26.0","babel-eslint":"^8.2.3","@storybook/react":"^3.4.1","babel-preset-env":"^1.6.1","babel-preset-flow":"^6.23.0","styled-components":"^3.2.6","babel-preset-react":"^6.24.1","eslint-plugin-jest":"^21.15.0","@atlaskit/css-reset":"^2.0.0","eslint-plugin-react":"^7.7.0","react-test-renderer":"^16.3.1","rollup-plugin-babel":"^3.0.3","rollup-plugin-strip":"^1.1.1","eslint-config-airbnb":"^16.1.0","eslint-plugin-import":"^2.11.0","rollup-plugin-uglify":"^3.0.0","rollup-plugin-replace":"^2.0.0","eslint-plugin-flowtype":"^2.46.2","eslint-plugin-jsx-a11y":"^6.0.3","rollup-plugin-commonjs":"^9.1.0","enzyme-adapter-react-16":"^1.1.1","rollup-plugin-node-resolve":"^3.3.0","rollup-plugin-size-snapshot":"^0.3.1","babel-plugin-transform-runtime":"^6.23.0","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-export-extensions":"^6.22.0","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-plugin-transform-es2015-modules-commonjs":"^6.26.0"},"peerDependencies":{"react":"^16.3.1"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd_7.0.2_1523963296505_0.5959377503870165","host":"s3://npm-registry-packages"},"deprecated":"react-beautiful-dnd is now deprecated. Context and options: https://github.com/atlassian/react-beautiful-dnd/issues/2672"},"7.1.0":{"name":"react-beautiful-dnd","version":"7.1.0","keywords":["drag and drop","dnd","sortable","reorder","reorderable","react","react.js","natural","beautiful"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@7.1.0","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"},{"name":"jaredcrowe","email":"jared.j.crowe@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"f78b4b47c557fba7ca3c4ae399c3b9621c92dc50","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-7.1.0.tgz","fileCount":121,"integrity":"sha512-vadIgzrx1lJZ4NQQQg3WObRKQsvYCIcrSSYq69Jyp/rSvgQJ4FTno86Mql6t1f/cTPBMdf93nBxWjchvFMT6Cg==","signatures":[{"sig":"MEUCIQCByt3CAlnaGRuu0LRUwdZYPVVp6npwOjkufOJRauskSgIgPYuHnflTZoTDaAVECNbo2W3l1jJ7INIJPujFk+DW3Bo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1260646,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa2XgwCRA9TVsSAnZWagAAyx8QAJH/WZveOJsR6uK142qj\nAYFQ17E3VQG5zu085qeIE3A2J7bBHdLYGEBWeHvA6l5UHtixLweYaK+vTLXj\nfjIcWPc9KGb4gLl2gLnMCJ8H0Anl668BKtZ+XIB3fPGzBYkP5Wdv7U3FIbtm\n0j5LsRGwBe6fAg5lToz/BydBR+dXCX3X2rlhcnHsSgTnn+PNOPB78QbsWxCb\nfx7iQInDQHzpcDw/4A2sVBy4iApEroxa0K23Q0hhlxdtk07k8m0W5HjXJrNL\nSBzbPn4X8q3/oUaExh0p2y5kZkrH1gV/cd5Kapy1WdhVVg51qRWQndNdDYrG\nx+BfBUpQuuuC48aqDFL/vHjtpgMpkG4uFKuNXR9mMMDiqlBu2wKNjFZ7tUrY\n7QWO8JFp+b3223WkaK8p7xVYQEEyWPs7KS7nHXycrcy9PLWuyWiGKs9eLsk4\nC0/Q+medCRF3mskku6awfsP7b9s5x+kmnlrPaimMktu+hgSJAzMPjaahvv9v\nyTTPdo+o73SHxugQMzv/reKEEySQkgjcCJ0FQSk9QUQtR9Dtbb8x0DWSJW/v\nYWfDq4pZ9pSxau2Zmq0wFjV0bYohphrYh5+IS+beEYoo8PK+h41/53tK9J6f\nbETxd82ScvlCCHzWZOpSvbB6ZP6lFZNBkOfJo6FZ8cmK9J144MeaufKSVcLP\n5nBC\r\n=fBaa\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/react-beautiful-dnd.cjs.js","files":["/dist","/src"],"module":"dist/react-beautiful-dnd.esm.js","gitHead":"8bbf33f8d3b88a37758dcf1e486af99dac3baa17","scripts":{"lint":"yarn eslint .","test":"jest --config ./jest.config.js","build":"yarn build:clean && yarn build:dist && yarn build:flow","prepare":"cd website && yarn","validate":"yarn lint && yarn typecheck","storybook":"start-storybook -p 9002","typecheck":"flow check","build:dist":"rollup -c","build:flow":"echo \"// @flow\n\nexport * from '../src';\" > dist/react-beautiful-dnd.cjs.js.flow","build:clean":"rimraf dist","website:build":"cd website && yarn build","website:start":"cd website && yarn develop","prepublishOnly":"yarn build","build-storybook":"build-storybook -c .storybook -o site","check-bundle-sizes":"cross-env SNAPSHOT=check yarn build:dist && yarn build:clean","update-bundle-sizes":"yarn build:dist && yarn build:clean"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"5.8.0","description":"Beautiful, accessible drag and drop for lists with React.js","directories":{},"sideEffects":false,"_nodeVersion":"8.4.0","dependencies":{"redux":"^3.7.2","raf-schd":"^2.1.1","reselect":"^3.0.1","prop-types":"^15.6.0","memoize-one":"^3.1.1","react-redux":"^5.0.6","redux-thunk":"^2.2.0","react-motion":"^0.5.2","babel-runtime":"^6.26.0","tiny-invariant":"^0.0.3"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^22.4.3","react":"^16.3.1","enzyme":"^3.3.0","eslint":"^4.19.1","rimraf":"^2.6.2","rollup":"^0.58.0","flow-bin":"0.70.0","raf-stub":"^2.0.2","babel-cli":"^6.26.0","cross-env":"^5.1.4","puppeteer":"^1.3.0","react-dom":"^16.3.1","babel-core":"^6.26.0","babel-eslint":"^8.2.3","@storybook/react":"^3.4.1","babel-preset-env":"^1.6.1","babel-preset-flow":"^6.23.0","styled-components":"^3.2.6","babel-preset-react":"^6.24.1","eslint-plugin-jest":"^21.15.0","@atlaskit/css-reset":"^2.0.0","eslint-plugin-react":"^7.7.0","react-test-renderer":"^16.3.1","rollup-plugin-babel":"^3.0.3","rollup-plugin-strip":"^1.1.1","eslint-config-airbnb":"^16.1.0","eslint-plugin-import":"^2.11.0","rollup-plugin-uglify":"^3.0.0","rollup-plugin-replace":"^2.0.0","eslint-plugin-flowtype":"^2.46.2","eslint-plugin-jsx-a11y":"^6.0.3","rollup-plugin-commonjs":"^9.1.0","enzyme-adapter-react-16":"^1.1.1","rollup-plugin-node-resolve":"^3.3.0","rollup-plugin-size-snapshot":"^0.3.1","babel-plugin-transform-runtime":"^6.23.0","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-export-extensions":"^6.22.0","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-plugin-transform-es2015-modules-commonjs":"^6.26.0"},"peerDependencies":{"react":"^16.3.1"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd_7.1.0_1524201517696_0.11126348381239404","host":"s3://npm-registry-packages"},"deprecated":"react-beautiful-dnd is now deprecated. Context and options: https://github.com/atlassian/react-beautiful-dnd/issues/2672"},"7.1.1":{"name":"react-beautiful-dnd","version":"7.1.1","keywords":["drag and drop","dnd","sortable","reorder","reorderable","react","react.js","natural","beautiful"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@7.1.1","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"},{"name":"jaredcrowe","email":"jared.j.crowe@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"a15c07ee41697ca179431da5baefb26cdbdfb4d2","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-7.1.1.tgz","fileCount":123,"integrity":"sha512-pfNFy6hGmIz4KEUs5panA6XfCDz9k5LU8eIIX8GNyI6XOzJqnKEyrVHOqaqth538yoqwOH165JuRYV3sjMsKXQ==","signatures":[{"sig":"MEUCIQCTkX4nM0osNYfx7lk5xdb027NvHwSCvA1C9dShtK0a+AIgXPg8PwhXGJKA0EN7D+c3dgyAGJqE00kuGPcTMprA6Oo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1252199,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa5ptjCRA9TVsSAnZWagAAGNEQAJUULLUxelWU52Ox4Chi\njm9Mwe5OXuAtHFUgmq+JEcTdFR3fuiQnnTiNeR3V9fZYj1cXB393jU/mkxiE\n7MqfyeZh1ac4OakyrzywLq6cQCJ7eLQBoB9T0Sytqt1na2ZYjsX8CGQiFLc4\nkjTxw0QPVmFZ0ix3K9kppCMx20id4HuRGiJAI/OLX4xgeB0Xk6wQldY2jXo5\n3F7UFxdkABNbY2zsqrpYv9LkPa0COaVVk5Gr1BFmZSIKHt26bUKHouanyJwc\n6SlDXi0RLb0Cx26qyyx8bWTw5jrzaRcTbE/CmioNi6JvFC6zXJaZBVapPvWi\niFtY7MnPE/aRBFxBrDLIDd59QFmyLcpYSAoJ7ae2RPUJaQXvZm/r0PmZnEv3\nHqTs4VqS6N7p7LkyChLjqoneWTdJXSWoF65umLFRoUrzm18cswR0TPPw2ccg\nVhgSfG/m94PmlJC9B5kIqyRfeRgXkp60C/GTNkUORYam+SmGPXeM0T915KNt\nQGT8XQ5x0hmms7yJFSyhmF8j1xDseLMMyWySIDphiYclMUKCQF9dVUzRONNa\nCd+cH9bEhFGtYFcu4LsDzMFLEAUdxxD+eOffIkxAwSSuwqKDVCswWGt997Lm\nEhG/yEHvKxXr8aqcUfQvcqnzkd1kTvQQX2XF21jhb+DxS9IEru+4h4ekGR3m\n9trc\r\n=l6uj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/react-beautiful-dnd.cjs.js","files":["/dist","/src"],"module":"dist/react-beautiful-dnd.esm.js","gitHead":"7887411e869d99ce564caf5d080493c8100faaca","scripts":{"lint":"yarn eslint .","test":"jest --config ./jest.config.js","build":"yarn build:clean && yarn build:dist && yarn build:flow","prepare":"cd website && yarn","validate":"yarn lint && yarn typecheck","storybook":"start-storybook -p 9002","typecheck":"flow check","build:dist":"rollup -c","build:flow":"echo \"// @flow\n\nexport * from '../src';\" > dist/react-beautiful-dnd.cjs.js.flow","build:clean":"rimraf dist","website:build":"cd website && yarn build","website:start":"cd website && yarn develop","prepublishOnly":"yarn build","build-storybook":"build-storybook -c .storybook -o site","check-bundle-sizes":"cross-env SNAPSHOT=check yarn build:dist && yarn build:clean","update-bundle-sizes":"yarn build:dist && yarn build:clean"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"6.0.0","description":"Beautiful, accessible drag and drop for lists with React.js","directories":{},"sideEffects":false,"_nodeVersion":"8.4.0","dependencies":{"redux":"^3.7.2","raf-schd":"^2.1.1","reselect":"^3.0.1","prop-types":"^15.6.0","memoize-one":"^3.1.1","react-redux":"^5.0.6","redux-thunk":"^2.2.0","react-motion":"^0.5.2","babel-runtime":"^6.26.0","css-box-model":"^0.0.12","tiny-invariant":"^0.0.3"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^22.4.3","react":"^16.3.1","enzyme":"^3.3.0","eslint":"^4.19.1","rimraf":"^2.6.2","rollup":"^0.58.0","flow-bin":"0.71.0","raf-stub":"^2.0.2","babel-cli":"^6.26.0","cross-env":"^5.1.4","puppeteer":"^1.3.0","react-dom":"^16.3.1","babel-core":"^6.26.0","babel-eslint":"^8.2.3","@storybook/react":"^3.4.1","babel-preset-env":"^1.6.1","babel-preset-flow":"^6.23.0","styled-components":"^3.2.6","babel-preset-react":"^6.24.1","eslint-plugin-jest":"^21.15.0","@atlaskit/css-reset":"^2.0.0","eslint-plugin-react":"^7.7.0","react-test-renderer":"^16.3.1","rollup-plugin-babel":"^3.0.3","rollup-plugin-strip":"^1.1.1","eslint-config-airbnb":"^16.1.0","eslint-plugin-import":"^2.11.0","rollup-plugin-uglify":"^3.0.0","rollup-plugin-replace":"^2.0.0","eslint-plugin-flowtype":"^2.46.2","eslint-plugin-jsx-a11y":"^6.0.3","rollup-plugin-commonjs":"^9.1.0","enzyme-adapter-react-16":"^1.1.1","rollup-plugin-node-resolve":"^3.3.0","rollup-plugin-size-snapshot":"^0.3.1","babel-plugin-styled-components":"^1.5.1","babel-plugin-transform-runtime":"^6.23.0","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-export-extensions":"^6.22.0","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-plugin-transform-es2015-modules-commonjs":"^6.26.0"},"peerDependencies":{"react":"^16.3.1"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd_7.1.1_1525062497064_0.915277753706004","host":"s3://npm-registry-packages"},"deprecated":"react-beautiful-dnd is now deprecated. Context and options: https://github.com/atlassian/react-beautiful-dnd/issues/2672"},"7.1.2":{"name":"react-beautiful-dnd","version":"7.1.2","keywords":["drag and drop","dnd","sortable","reorder","reorderable","react","react.js","natural","beautiful"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@7.1.2","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"},{"name":"jaredcrowe","email":"jared.j.crowe@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"25474ecb801a2214a87eb421b42a4ec9a0b04bc6","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-7.1.2.tgz","fileCount":123,"integrity":"sha512-9gFO0q9sU+OxVGvFHzNXO8qZXWJGPplI6nEJasiMM3LoFvGijxBTlshSlNwE1ysBTkoYlcGz+Afd7ZoVkGDkHA==","signatures":[{"sig":"MEQCIHcYPWqc2LVeyxZK8DuasfdmHi+M1jfzGGhyE1dCHyUKAiA5nwR9N80oD8gNfViYTfd3CWXh6ApCaEZWMBCdawO4dg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1252228,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa5qceCRA9TVsSAnZWagAA+zYP+wSJDWYZwZwYrN+ckLg7\nknbKcpRa0OGt0HbSzO7Cy7ZPIvFtI3SHA0/lU3B1uzmHyGoD8U2DRTrujtNH\nD35XB7pYZx3SAbA5Lb+6ODrvhEA87k0g3xHDhN8UUA6zKs89iobDoTIr2izP\nFRM8DZ6NWEMF4UoKjM1nvSzBV9wrBuZXnPMkRrXvCezB4LB4M8i7V4mcKvI7\nSEhXX+5kUicwfhQz47JTN/Oxe69MgWBU3aFITfXUMbuu/Z2Uug2xQqnNyANz\nx06C3GTBZBi1ow8Yj3ijgOa45PmXn0PeZ95URO8uFG9ZGl8gkMT7JuvbmOn3\nrZw6NawFBnwBpXY0wjQ43j0HQWKzI9RcfXIen2UileeAF7A6E0axU968e82S\n50ML25I0DUfkYBMoA/gknZguYCTEm6w72WJGIJaBq+GbD+SsAqwGMKqc8SX5\nZ5ZXrZcmlXiKxRwym8gBdm+FE0vYjoCTHjf0XeyUdU+1dHmNrvvzZabjGF62\nDaYcsXveplt/Zme/zq6TgHZ9l/HFHHQBVgRIc9oDu5cZJChLFyFWng+U8uey\njEWjk0CySCs36HJCoXDlx1Z+Hu1xnhNK0b3uBjfBZ/q99RTUypodhWy7dw5E\no5FIhd4m2GthGCQWcN8gMQFTClpPEhv5JjD5HsxssF9S5jTrwLQPc+zLw4Vk\nDAa3\r\n=fdDA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/react-beautiful-dnd.cjs.js","files":["/dist","/src"],"module":"dist/react-beautiful-dnd.esm.js","gitHead":"8b02824514db5e3b64867cf19bc4763213db9015","scripts":{"lint":"yarn eslint .","test":"jest --config ./jest.config.js","build":"yarn build:clean && yarn build:dist && yarn build:flow","prepare":"cd website && yarn","validate":"yarn lint && yarn typecheck","storybook":"start-storybook -p 9002","typecheck":"flow check","build:dist":"rollup -c","build:flow":"echo \"// @flow\n\nexport * from '../src';\" > dist/react-beautiful-dnd.cjs.js.flow","build:clean":"rimraf dist","website:build":"cd website && yarn build","website:start":"cd website && yarn develop","prepublishOnly":"yarn build","build-storybook":"build-storybook -c .storybook -o site","check-bundle-sizes":"cross-env SNAPSHOT=check yarn build:dist && yarn build:clean","update-bundle-sizes":"yarn build:dist && yarn build:clean"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"6.0.0","description":"Beautiful, accessible drag and drop for lists with React.js","directories":{},"sideEffects":false,"_nodeVersion":"8.4.0","dependencies":{"redux":"^4.0.0","raf-schd":"^2.1.1","reselect":"^3.0.1","prop-types":"^15.6.0","memoize-one":"^3.1.1","react-redux":"^5.0.7","redux-thunk":"^2.2.0","react-motion":"^0.5.2","babel-runtime":"^6.26.0","css-box-model":"^0.0.12","tiny-invariant":"^0.0.3"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^22.4.3","react":"^16.3.1","enzyme":"^3.3.0","eslint":"^4.19.1","rimraf":"^2.6.2","rollup":"^0.58.2","flow-bin":"0.71.0","raf-stub":"^2.0.2","babel-cli":"^6.26.0","cross-env":"^5.1.4","puppeteer":"^1.3.0","react-dom":"^16.3.1","babel-core":"^6.26.3","babel-jest":"^22.4.3","babel-eslint":"^8.2.3","@storybook/react":"^3.4.3","babel-preset-env":"^1.6.1","babel-preset-flow":"^6.23.0","styled-components":"^3.2.6","babel-preset-react":"^6.24.1","eslint-plugin-jest":"^21.15.1","@atlaskit/css-reset":"^2.0.0","eslint-plugin-react":"^7.7.0","react-test-renderer":"^16.3.1","rollup-plugin-babel":"^3.0.3","rollup-plugin-strip":"^1.1.1","eslint-config-airbnb":"^16.1.0","eslint-plugin-import":"^2.11.0","rollup-plugin-uglify":"^3.0.0","rollup-plugin-replace":"^2.0.0","eslint-plugin-flowtype":"^2.46.3","eslint-plugin-jsx-a11y":"^6.0.3","rollup-plugin-commonjs":"^9.1.0","enzyme-adapter-react-16":"^1.1.1","rollup-plugin-node-resolve":"^3.3.0","rollup-plugin-size-snapshot":"^0.3.1","babel-plugin-styled-components":"^1.5.1","babel-plugin-transform-runtime":"^6.23.0","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-export-extensions":"^6.22.0","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-plugin-transform-es2015-modules-commonjs":"^6.26.2"},"peerDependencies":{"react":"^16.3.1"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd_7.1.2_1525065499586_0.95213164828214","host":"s3://npm-registry-packages"},"deprecated":"react-beautiful-dnd is now deprecated. Context and options: https://github.com/atlassian/react-beautiful-dnd/issues/2672"},"7.1.3":{"name":"react-beautiful-dnd","version":"7.1.3","keywords":["drag and drop","dnd","sortable","reorder","reorderable","react","react.js","natural","beautiful"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@7.1.3","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"},{"name":"jaredcrowe","email":"jared.j.crowe@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"03d0b1e264b25cd347d1f46b02c8a8b24d26b1fb","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-7.1.3.tgz","fileCount":123,"integrity":"sha512-HqQhJMcI3SdMePGFCGNV0xa/0qZ1xHiEpJWKRH46+/+bzOBsW+YGLt9vdizJKjYKnTvha8N43RRSJC9o93NW9w==","signatures":[{"sig":"MEUCIA5J+dfbgnsuRGisVBjphXFhcp9IBX+fWTqbaMWh74nRAiEA91Sli0oKh/nCAy0wIGdrGQa8IB7c1efO2Cqi0vDs6eM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1253992,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa/V+QCRA9TVsSAnZWagAAx9AP/A+PP5PvmhGzY34TA19P\nlaEzdgHT66R+LHTsCWLcRcQ+FHsWBGzAcP74ZbalEN49WkNxbHotOTrWf14d\ne+8DIa2YfqqaFMu2NSrrcThNsgbAFaJh/pEweYuIuOunX7UwtoZyHhzuJ6fW\nPAtnmC5lQo+8E1W8iwc+ERxKiIDjyDFUQWCW5P4yoWWQ6ooUx2UfEHozVuUF\nwRKdVwHMWJnxO0RJbakDSVLSjnB1tYm+CZTYp41nVFlFrDwWhy5shstS41xM\nnDZ9EcDwcqIlE3wWYMOhuUQFW+LYJtnMA5uSB6DnjENngDHLpDTTlma81zhf\nqHGzcjLuCQ4Bt9kN84c0PN9GnscZMtKOcrpDSydMMx7FRrE2peYLvyxyeZfF\njsmJOSJoW9qglHVydFFXJfMnvAR75MbZLpGmtV85ojrp7isyy0seizUQ662P\n81dCJH9BMwP4HL6hnjUmljnxNr5fXjl6MhSrfqXC0vEyYjGBaPpC2l+jg+By\n+9AlJT2+XY+dK+axl6gJzIxQvI2COifcrw5QBK6ae0ynDnjUcnupOisT3uva\nv3z+BC/tBel0rdsyZ8pnJVbEqXCEfw2s0nNNl1F6dAcWYjV1ZzN142o+07D4\nMuldM/qv4EDI+dUfrurPXI8iPBUAcK7W0FQskfZmPOyIh8c5hdqY6LHdVnlc\n0+SC\r\n=21ze\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/react-beautiful-dnd.cjs.js","files":["/dist","/src"],"module":"dist/react-beautiful-dnd.esm.js","gitHead":"55de4c8bcbc9ee9b5419cd3f7d6fd92d868c69aa","scripts":{"lint":"yarn eslint .","test":"jest --config ./jest.config.js","build":"yarn build:clean && yarn build:dist && yarn build:flow","prepare":"cd website && yarn","lint:css":"stylelint \"stories/**/*.{js,jsx}\"","validate":"yarn lint && yarn lint:css && yarn typecheck","storybook":"start-storybook -p 9002","typecheck":"flow check","build:dist":"rollup -c","build:flow":"echo \"// @flow\n\nexport * from '../src';\" > dist/react-beautiful-dnd.cjs.js.flow","build:clean":"rimraf dist","website:build":"cd website && yarn build","website:start":"cd website && yarn develop","prepublishOnly":"yarn build","build-storybook":"build-storybook -c .storybook -o site","check-bundle-sizes":"cross-env SNAPSHOT=match yarn build:dist && yarn build:clean","update-bundle-sizes":"yarn build:dist && yarn build:clean"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"6.0.0","description":"Beautiful, accessible drag and drop for lists with React.js","directories":{},"sideEffects":false,"_nodeVersion":"8.4.0","dependencies":{"redux":"^4.0.0","raf-schd":"^2.1.2","reselect":"^3.0.1","prop-types":"^15.6.0","memoize-one":"^3.1.1","react-redux":"^5.0.7","redux-thunk":"^2.2.0","react-motion":"^0.5.2","babel-runtime":"^6.26.0","css-box-model":"^0.0.13","tiny-invariant":"^0.0.3"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^22.4.3","react":"^16.3.1","enzyme":"^3.3.0","eslint":"^4.19.1","rimraf":"^2.6.2","rollup":"^0.58.2","flow-bin":"0.71.0","raf-stub":"^2.0.2","babel-cli":"^6.26.0","cross-env":"^5.1.4","puppeteer":"^1.3.0","react-dom":"^16.3.1","stylelint":"9.1.3","babel-core":"^6.26.3","babel-jest":"^22.4.3","babel-eslint":"^8.2.3","@storybook/react":"^3.4.3","babel-preset-env":"^1.6.1","babel-preset-flow":"^6.23.0","styled-components":"^3.2.6","babel-preset-react":"^6.24.1","eslint-plugin-jest":"^21.15.1","@atlaskit/css-reset":"^2.0.0","eslint-plugin-react":"^7.7.0","react-test-renderer":"^16.3.1","rollup-plugin-babel":"^3.0.3","rollup-plugin-strip":"^1.1.1","eslint-config-airbnb":"^16.1.0","eslint-plugin-import":"^2.11.0","rollup-plugin-uglify":"^3.0.0","rollup-plugin-replace":"^2.0.0","eslint-plugin-flowtype":"^2.46.3","eslint-plugin-jsx-a11y":"^6.0.3","rollup-plugin-commonjs":"^9.1.0","enzyme-adapter-react-16":"^1.1.1","stylelint-config-standard":"^18.2.0","rollup-plugin-node-resolve":"^3.3.0","rollup-plugin-size-snapshot":"^0.4.0","babel-plugin-styled-components":"^1.5.1","babel-plugin-transform-runtime":"^6.23.0","stylelint-config-styled-components":"^0.1.1","stylelint-processor-styled-components":"^1.3.1","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-export-extensions":"^6.22.0","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-plugin-transform-es2015-modules-commonjs":"^6.26.2"},"peerDependencies":{"react":"^16.3.1"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd_7.1.3_1526554510096_0.033046807591273764","host":"s3://npm-registry-packages"},"deprecated":"react-beautiful-dnd is now deprecated. Context and options: https://github.com/atlassian/react-beautiful-dnd/issues/2672"},"8.0.0":{"name":"react-beautiful-dnd","version":"8.0.0","keywords":["drag and drop","dnd","sortable","reorder","reorderable","react","react.js","natural","beautiful"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@8.0.0","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"},{"name":"jaredcrowe","email":"jared.j.crowe@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"8f2854b0e4f1d449f55339c404cf6e3e45fc3dc0","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-8.0.0.tgz","fileCount":140,"integrity":"sha512-RUpmjrq7X/EgSbMIHsM1RMRh04GuZPD0Jok++i44ChpoiZ82sw1N64VeJe33KrZeNSSUbok9I0toY5aJrOoEXQ==","signatures":[{"sig":"MEYCIQCI3PpwHeigvXJLrKtHYpFBfBlSgvQX8pcV6GtlmPbMDAIhAJX9JMjcneD7B4n0m13vSd68l6EMnqrcnDr9erxmweM+","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1210642,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbOyU2CRA9TVsSAnZWagAAGA0P/0pllrDJQwqnA+q/SpSt\n15b0JyVT7ywWmYqQJgInZmewXBlh0KIE2x44cm3DIYGZ6asmsB02St08iEwF\nts/80v3axqhzwdXl9SchdJ7tXdCFn9z/C46IA+UJ5oXlM57L7veDD7Eo2Pca\nxq74eSAQRPHLwaFqGO9iX/zT943Uc2k3gXiPDvvZIOjkVyV54IUUHT+1kIzs\nR1/VFWToij94xxHENXaJl8cqFy02DIkmY6McdZyHyI3l/KIM6CSQ6/BrcCSH\nHCj0SlgEDxOFK3CakG9lxL7UgZiMyi/u26QDAvB5xHDAyUgkF6RSJieC+RfD\nKPdPCdAcuhLPbnvVZF4IghRjYXaEz180lAGjMYuq5vkersdekySyXHEWql7J\ntBlr0GS/UkH23wqFFgH5dMproRimDG+mDusjX0z7XkRKKhvD//d1tMUzVhgb\nC7ZcmHCzWjlh6rdNEFWezCBW41KzTykfYU09afQmZU8lgjrsv9DsMDN7aQan\nCnl0uTgDnqwjxfTJK/XneswPAS11TUrQwe7CUS6k2IkAyBpgLrNqKJ2ZxPTH\nKUzD/IOjCtS9xA0wCxjLWDJCSRBvYPzn0JDSSfQ6ZbrfukL7V1zah1HyU59t\n9rMF5SdeUHECRIUBeYMbi/qumjicVYtCNhs1UTQq87F2SYVOypA/bAsWnE4h\ngUJw\r\n=GmTh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/react-beautiful-dnd.cjs.js","files":["/dist","/src"],"module":"dist/react-beautiful-dnd.esm.js","gitHead":"33ef97314b2f8f86d0ed3be49a7fd408e3a8ef1f","scripts":{"test":"jest --config ./jest.config.js","build":"yarn build:clean && yarn build:dist && yarn build:flow","prepare":"cd website && yarn","lint:css":"stylelint \"stories/**/*.{js,jsx}\"","validate":"yarn prettier:check && yarn lint:eslint && yarn lint:css && yarn typecheck","storybook":"start-storybook -p 9002 & opn http://localhost:9002","typecheck":"flow check","build:dist":"rollup -c","build:flow":"echo \"// @flow\n\nexport * from '../src';\" > dist/react-beautiful-dnd.cjs.js.flow","build:clean":"rimraf dist","lint:eslint":"yarn eslint .","website:build":"cd website && yarn build","website:start":"cd website && yarn develop","prepublishOnly":"yarn build","prettier:check":"yarn prettier --debug-check *.md src/**/*.{js,jsx} test/**/*.{js,jsx} stories/**/*.{js,jsx} website/src/**/*.{js,jsx}","prettier:write":"yarn prettier --write *.md src/**/*.{js,jsx} test/**/*.{js,jsx} stories/**/*.{js,jsx} website/src/**/*.{js,jsx}","build-storybook":"build-storybook -c .storybook -o site","bundle-size:check":"cross-env SNAPSHOT=match yarn build:dist && yarn build:clean","bundle-size:update":"yarn build:dist && yarn build:clean"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"5.6.0","description":"Beautiful, accessible drag and drop for lists with React.js","directories":{},"sideEffects":false,"_nodeVersion":"8.11.3","dependencies":{"redux":"^4.0.0","raf-schd":"^3.0.1","prop-types":"^15.6.1","memoize-one":"^4.0.0","react-redux":"^5.0.7","react-motion":"^0.5.2","css-box-model":"^1.0.0","@babel/runtime":"7.0.0-beta.51","tiny-invariant":"^0.0.3"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^23.2.0","react":"^16.3.1","enzyme":"^3.3.0","eslint":"^5.0.1","rimraf":"^2.6.2","rollup":"^0.61.2","opn-cli":"^3.1.0","flow-bin":"0.75.0","prettier":"^1.13.7","raf-stub":"^2.0.2","cross-env":"^5.2.0","puppeteer":"^1.5.0","react-dom":"^16.3.1","stylelint":"9.3.0","babel-core":"^7.0.0-bridge.0","babel-jest":"^23.2.0","@babel/core":"^7.0.0-beta.51","babel-eslint":"^8.2.5","@storybook/react":"^3.4.8","@babel/preset-env":"^7.0.0-beta.51","styled-components":"^3.3.3","@babel/preset-flow":"^7.0.0-beta.51","eslint-plugin-jest":"^21.17.0","@atlaskit/css-reset":"^2.0.7","@babel/preset-react":"^7.0.0-beta.51","eslint-plugin-react":"^7.10.0","react-test-renderer":"^16.3.1","rollup-plugin-babel":"^4.0.0-beta.5","rollup-plugin-strip":"^1.1.1","eslint-config-airbnb":"^17.0.0","eslint-plugin-import":"^2.13.0","jest-watch-typeahead":"^0.1.0","rollup-plugin-uglify":"^4.0.0","rollup-plugin-replace":"^2.0.0","eslint-config-prettier":"^2.9.0","eslint-plugin-flowtype":"^2.49.3","eslint-plugin-jsx-a11y":"^6.0.3","eslint-plugin-prettier":"^2.6.1","rollup-plugin-commonjs":"^9.1.3","enzyme-adapter-react-16":"^1.1.1","stylelint-config-prettier":"^3.3.0","stylelint-config-standard":"^18.2.0","rollup-plugin-node-resolve":"^3.3.0","babel-plugin-dev-expression":"^0.2.1","rollup-plugin-size-snapshot":"^0.6.0","babel-plugin-styled-components":"^1.5.1","@babel/plugin-transform-runtime":"^7.0.0-beta.51","stylelint-config-styled-components":"^0.1.1","stylelint-processor-styled-components":"^1.3.1","@babel/plugin-proposal-class-properties":"^7.0.0-beta.51","@babel/plugin-transform-modules-commonjs":"^7.0.0-beta.51","@babel/plugin-proposal-object-rest-spread":"^7.0.0-beta.51"},"peerDependencies":{"react":"^16.3.1"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd_8.0.0_1530602806478_0.5188015617089401","host":"s3://npm-registry-packages"},"deprecated":"react-beautiful-dnd is now deprecated. Context and options: https://github.com/atlassian/react-beautiful-dnd/issues/2672"},"8.0.1":{"name":"react-beautiful-dnd","version":"8.0.1","keywords":["drag and drop","dnd","sortable","reorder","reorderable","react","react.js","natural","beautiful"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@8.0.1","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"},{"name":"jaredcrowe","email":"jared.j.crowe@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"c74e696fe5fb6facd71bd0e3a67f0d0de78acc31","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-8.0.1.tgz","fileCount":140,"integrity":"sha512-DIxN29E/kNPBqzavGg/4bOHO8eL3+wL8QJX6jMAlsP+9vXMB3P3Ol5ryIAklHmrBqYTQe72H//eaE1TVsBBnBg==","signatures":[{"sig":"MEQCIAy7w87Y24gg+oZZIQfHfdal9k0Fx9WZF6cYYCFdtZdlAiBEECWFb2ugnKlgg3VoeLUzF4zEd/riDCxKQ345BRZZqQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1210388,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbPEb7CRA9TVsSAnZWagAA2t4QAInIGDS5fC70F/chbaj4\nKCrLOh+mgg62u7+bI6M/M6YSd5+bKLHT0WDE5dRLcoCkv7DHB3ypwJ0BXcKC\nNmNsmoBHhTADjUZtHACXibyxrv8QrBLlUtUaRVtPdKrUnH7NoVR6U5XfFi4v\n5FQeJAcwgE80DD/0UZDzbAmjLwWSD/Ot/l1wKsFF8PjYYj5JR2qg7xqCgB8L\ntDTHoepNykRbIOHR2g5EGm3Qg31yB6GulFbL0PqZdTg/xXwbBPUwNcAaulHK\nLeX4t/HFFXU3NcWZebyCz7tIAEwZ9xr923mlG+lhKnwbZb6y2pdKyiatWyzz\nygO9batwWuZ+gBN4ZxLEWaUtIFq8uaDCPivTyKej7X5NAkE+jWPU8QYzrCVm\nNYiVrWO7AOc7b2JCoZVnd9M9EATQHj3htCfKijjEtE8f8xtx08FtGUAwQyI9\nfJvI3t4dE9ovFjER8kKPh2vNeArGaLleeaT32am5kgLh6UfJTsWU4f5NPr+5\nics9+5mLbzn6A5X73L+L3tAqV8wQKeDOkB2L2zbM1IJZlHjILG0SonVfbBVz\nvoIGjSQlXySmwljOJX6Nr624uND1sAFra/oiFWRvQ0wCAhczbi5uDoPMb8Gq\nJPXI0EroNTwGL6UVrlZUo4ScBIDt9XcezJvcR4EB7vw7JTg4LaL/tjv5j/5i\nld+n\r\n=Vvmz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/react-beautiful-dnd.cjs.js","files":["/dist","/src"],"module":"dist/react-beautiful-dnd.esm.js","gitHead":"0e6ccf8e103f102671f05cfbff91dbd1e42d4bf3","scripts":{"test":"jest --config ./jest.config.js","build":"yarn build:clean && yarn build:dist && yarn build:flow","prepare":"cd website && yarn","lint:css":"stylelint \"stories/**/*.{js,jsx}\"","validate":"yarn prettier:check && yarn lint:eslint && yarn lint:css && yarn typecheck","storybook":"start-storybook -p 9002 & opn http://localhost:9002","typecheck":"flow check","build:dist":"rollup -c","build:flow":"echo \"// @flow\n\nexport * from '../src';\" > dist/react-beautiful-dnd.cjs.js.flow","build:clean":"rimraf dist","lint:eslint":"yarn eslint .","website:build":"cd website && yarn build","website:start":"cd website && yarn develop","prepublishOnly":"yarn build","prettier:check":"yarn prettier --debug-check *.md src/**/*.{js,jsx} test/**/*.{js,jsx} stories/**/*.{js,jsx} website/src/**/*.{js,jsx}","prettier:write":"yarn prettier --write *.md src/**/*.{js,jsx} test/**/*.{js,jsx} stories/**/*.{js,jsx} website/src/**/*.{js,jsx}","build-storybook":"build-storybook -c .storybook -o site","bundle-size:check":"cross-env SNAPSHOT=match yarn build:dist && yarn build:clean","bundle-size:update":"yarn build:dist && yarn build:clean"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"5.6.0","description":"Beautiful, accessible drag and drop for lists with React.js","directories":{},"sideEffects":false,"_nodeVersion":"8.11.3","dependencies":{"redux":"^4.0.0","raf-schd":"^3.0.1","prop-types":"^15.6.1","memoize-one":"^4.0.0","react-redux":"^5.0.7","react-motion":"^0.5.2","css-box-model":"^1.0.0","@babel/runtime":"7.0.0-beta.51","tiny-invariant":"^0.0.3"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^23.2.0","react":"^16.3.1","enzyme":"^3.3.0","eslint":"^5.0.1","rimraf":"^2.6.2","rollup":"^0.61.2","opn-cli":"^3.1.0","flow-bin":"0.75.0","prettier":"^1.13.7","raf-stub":"^2.0.2","cross-env":"^5.2.0","puppeteer":"^1.5.0","react-dom":"^16.3.1","stylelint":"9.3.0","babel-core":"^7.0.0-bridge.0","babel-jest":"^23.2.0","@babel/core":"^7.0.0-beta.51","babel-eslint":"^8.2.5","@storybook/react":"^3.4.8","@babel/preset-env":"^7.0.0-beta.51","styled-components":"^3.3.3","@babel/preset-flow":"^7.0.0-beta.51","eslint-plugin-jest":"^21.17.0","@atlaskit/css-reset":"^2.0.7","@babel/preset-react":"^7.0.0-beta.51","eslint-plugin-react":"^7.10.0","react-test-renderer":"^16.3.1","rollup-plugin-babel":"^4.0.0-beta.5","rollup-plugin-strip":"^1.1.1","eslint-config-airbnb":"^17.0.0","eslint-plugin-import":"^2.13.0","jest-watch-typeahead":"^0.1.0","rollup-plugin-uglify":"^4.0.0","rollup-plugin-replace":"^2.0.0","eslint-config-prettier":"^2.9.0","eslint-plugin-flowtype":"^2.49.3","eslint-plugin-jsx-a11y":"^6.0.3","eslint-plugin-prettier":"^2.6.1","rollup-plugin-commonjs":"^9.1.3","enzyme-adapter-react-16":"^1.1.1","stylelint-config-prettier":"^3.3.0","stylelint-config-standard":"^18.2.0","rollup-plugin-node-resolve":"^3.3.0","babel-plugin-dev-expression":"^0.2.1","rollup-plugin-size-snapshot":"^0.6.0","babel-plugin-styled-components":"^1.5.1","@babel/plugin-transform-runtime":"^7.0.0-beta.51","stylelint-config-styled-components":"^0.1.1","stylelint-processor-styled-components":"^1.3.1","@babel/plugin-proposal-class-properties":"^7.0.0-beta.51","@babel/plugin-transform-modules-commonjs":"^7.0.0-beta.51","@babel/plugin-proposal-object-rest-spread":"^7.0.0-beta.51"},"peerDependencies":{"react":"^16.3.1"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd_8.0.1_1530676987831_0.2173422549189412","host":"s3://npm-registry-packages"},"deprecated":"react-beautiful-dnd is now deprecated. Context and options: https://github.com/atlassian/react-beautiful-dnd/issues/2672"},"8.0.2":{"name":"react-beautiful-dnd","version":"8.0.2","keywords":["drag and drop","dnd","sortable","reorder","reorderable","react","react.js","natural","beautiful"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@8.0.2","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"},{"name":"jaredcrowe","email":"jared.j.crowe@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"96e588dcb41c45d0e059c739334f75f4a81c8850","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-8.0.2.tgz","fileCount":140,"integrity":"sha512-/LNC7CLI5M2mHEAseMV6LXMHByBU+FqfFCDaKJ0SLp8QWhVk6BKgGGf0c1/WRqY4Zw4TPvN97pLUI1r3IYKpKg==","signatures":[{"sig":"MEUCIQD6VFmoANIR/pjuXhgpVM8hsMV6LGwxKy7f0xxphDeZmAIgPB71Bl4iD++mJDDdJOimaYMqroJZulQEd7+HytZ5Ns8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1212454,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbPvcPCRA9TVsSAnZWagAAqcsP/0XnAxnpu8Y00IZOJsbK\nIgBPU24iYhgm4+iDbS+epGkGspp7cN/DMVDoX32sRx6mqqevWwXViMDdcWKD\nKbwGxoiAmDhr0sbqrZeJ1xuHmBBeUPz6BbHHFds0F1bzSGfQ5DC08++wENFw\n2R/SyTlj0zJcZ5tqhOJsU+s1TXYb5WBfsrGAObg0rjntBUKK9+u/nbQtfbEu\nhanPToNZJFoFYx5n9iuYTTfqxbbuDrRkXa1EUXCQedqUVRnFTB97S0AUcdgv\nXglegBq29CR9aeMmyY5DsSAdaH1yNLd4feVKSI9/0hlwBRa9K4Si6kDC1SCT\nWO2iET+qGzqqmVL406pdAMlOD8luf0B4FO1/3ypaIlayU4lc084uUEQWT/ke\nDjumPVv4sMLqateG5rx+HRXjKIbK2ybiE8LgIiz6Rday394IZ/vkfm3n4PXh\nUIXBbILiMGiOqXmjqueXit6CH77Lo5/QTcXY+onh4pLVx9wvma0CFGJpHuiV\n1Q+4wv3cRrKluPCYDlg8L/j7ZKEtkjIHCNmCIjMG6SG7jQQpsrl9gPdr2leN\nvko8Uh9uDQmiyDVxFGVc+vFwqeadnIlCuBgp6VBP6RuNNqihY1a+Cw8lbWYo\nlMgM4kNe97P6kpXxStoikAx9TvxFAeWDtqPfCx6PItQaB6VvzXBuJsqtcZgx\nWWV1\r\n=Rs2r\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/react-beautiful-dnd.cjs.js","files":["/dist","/src"],"module":"dist/react-beautiful-dnd.esm.js","gitHead":"372be755db75f9006b71cdc66b7bd79aca75ee08","scripts":{"test":"jest --config ./jest.config.js","build":"yarn build:clean && yarn build:dist && yarn build:flow","prepare":"cd website && yarn","lint:css":"stylelint \"stories/**/*.{js,jsx}\"","validate":"yarn prettier:check && yarn lint:eslint && yarn lint:css && yarn typecheck","storybook":"start-storybook -p 9002 & opn http://localhost:9002","typecheck":"flow check","build:dist":"rollup -c","build:flow":"echo \"// @flow\n\nexport * from '../src';\" > dist/react-beautiful-dnd.cjs.js.flow","build:clean":"rimraf dist","lint:eslint":"yarn eslint .","website:build":"cd website && yarn build","website:start":"cd website && yarn develop","prepublishOnly":"yarn build","prettier:check":"yarn prettier --debug-check *.md src/**/*.{js,jsx} test/**/*.{js,jsx} stories/**/*.{js,jsx} website/src/**/*.{js,jsx}","prettier:write":"yarn prettier --write *.md src/**/*.{js,jsx} test/**/*.{js,jsx} stories/**/*.{js,jsx} website/src/**/*.{js,jsx}","build-storybook":"build-storybook -c .storybook -o site","bundle-size:check":"cross-env SNAPSHOT=match yarn build:dist && yarn build:clean","bundle-size:update":"yarn build:dist && yarn build:clean"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"5.6.0","description":"Beautiful, accessible drag and drop for lists with React.js","directories":{},"sideEffects":false,"_nodeVersion":"8.11.3","dependencies":{"redux":"^4.0.0","raf-schd":"^3.0.1","prop-types":"^15.6.1","memoize-one":"^4.0.0","react-redux":"^5.0.7","react-motion":"^0.5.2","css-box-model":"^1.0.0","@babel/runtime":"7.0.0-beta.52","tiny-invariant":"^0.0.3"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^23.2.0","react":"^16.3.1","enzyme":"^3.3.0","eslint":"^5.0.1","rimraf":"^2.6.2","rollup":"^0.61.2","opn-cli":"^3.1.0","flow-bin":"0.75.0","prettier":"^1.13.7","raf-stub":"^2.0.2","cross-env":"^5.2.0","puppeteer":"^1.5.0","react-dom":"^16.3.1","stylelint":"9.3.0","babel-core":"^7.0.0-bridge.0","babel-jest":"^23.2.0","@babel/core":"^7.0.0-beta.51","babel-eslint":"^8.2.5","@storybook/react":"^3.4.8","@babel/preset-env":"^7.0.0-beta.51","styled-components":"^3.3.3","@babel/preset-flow":"^7.0.0-beta.51","eslint-plugin-jest":"^21.17.0","@atlaskit/css-reset":"^2.0.7","@babel/preset-react":"^7.0.0-beta.51","eslint-plugin-react":"^7.10.0","react-test-renderer":"^16.3.1","rollup-plugin-babel":"^4.0.0-beta.5","rollup-plugin-strip":"^1.1.1","eslint-config-airbnb":"^17.0.0","eslint-plugin-import":"^2.13.0","jest-watch-typeahead":"^0.1.0","rollup-plugin-uglify":"^4.0.0","rollup-plugin-replace":"^2.0.0","eslint-config-prettier":"^2.9.0","eslint-plugin-flowtype":"^2.49.3","eslint-plugin-jsx-a11y":"^6.0.3","eslint-plugin-prettier":"^2.6.1","rollup-plugin-commonjs":"^9.1.3","enzyme-adapter-react-16":"^1.1.1","stylelint-config-prettier":"^3.3.0","stylelint-config-standard":"^18.2.0","rollup-plugin-node-resolve":"^3.3.0","babel-plugin-dev-expression":"^0.2.1","rollup-plugin-size-snapshot":"^0.6.0","babel-plugin-styled-components":"^1.5.1","@babel/plugin-transform-runtime":"^7.0.0-beta.51","stylelint-config-styled-components":"^0.1.1","stylelint-processor-styled-components":"^1.3.1","@babel/plugin-proposal-class-properties":"^7.0.0-beta.51","@babel/plugin-transform-modules-commonjs":"^7.0.0-beta.51","@babel/plugin-proposal-object-rest-spread":"^7.0.0-beta.51"},"peerDependencies":{"react":"^16.3.1"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd_8.0.2_1530853135662_0.9943085182399443","host":"s3://npm-registry-packages"},"deprecated":"react-beautiful-dnd is now deprecated. Context and options: https://github.com/atlassian/react-beautiful-dnd/issues/2672"},"8.0.3":{"name":"react-beautiful-dnd","version":"8.0.3","keywords":["drag and drop","dnd","sortable","reorder","reorderable","react","react.js","natural","beautiful"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@8.0.3","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"},{"name":"jaredcrowe","email":"jared.j.crowe@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"fc3a9eca369b8a2f35454728d54e06dc57e6a8cb","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-8.0.3.tgz","fileCount":140,"integrity":"sha512-QSwd2DsvtNyldPLZJL0jb6FWkU5m6X4lcYaROBHtz4VnTI1+19HWsNcLz9z4S3XUAmc7BUiUPvx1t5ccAin3Ug==","signatures":[{"sig":"MEYCIQCAOtfD3VKK+hmLl2xIKr+PTyqV1V4MJHo/5CgPjf+b5gIhAO/Hn6Ol4ndLycYoIubKiDHYffrg7Bp5iWL6EKx65ZpL","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1210666,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbRV++CRA9TVsSAnZWagAAPeYP/jerw8E/MEs/vm9dFfqr\nxj4r5aK6zemuN4dxn67yPdmzwkfGYc5eNtxO2VH4WNqX1XwxJfEhoozlJBu5\ns0DWiSLIfLs6yMtk5M/MkswRoOEwtQSMYREtb/hbWvlBXOUUZi8KzYvO1F5/\nN6IFvz8rafAcwUJu0ronrmO43CLK/ANhoJhsRtfnrjz5h/S82pb3e4FHnH+m\nyHOXyQGqsD8lvN4XGS1m45RKEGWFglFBWYNzOfTniIJviFdssU1eRPbv86iW\nkiR36rz7YKzKh93s2VVQdfkgYWM76nUfuxZTrp47dhtjrxi9vGXvgHVnR8RI\njpUg2rFt4hz08G4QXiKe9oPGhqj7z7OoqIoLHXL7T/qTiL2lo4agyFXYmDOJ\n1YGSGYs2S8+zXHERJD8laYb7fo+xhX3GOsbF9whbMzhzK9vgBjAnt+ZvBELR\nOpvGbRxzNN4ISDMt5nGpiCQsC4bWxrxyKWC3mZysNZVt0M9OEZLYlePHu87f\nhyZVYhTqHZhJveOd6f8dzyHshZrW3csBmoCs4DS/cAz0vhd3eRSYmJgyH/Ot\nz7ml8hJpqcVDJjGSuznCALB9hkaMLIQzo7d5GCmNeyDCE7Gq4wDM0yKrcAGU\nWx2MRNr4nZW46zqhIR91HoR16RPLM7b9zMeDVH//zHLweQp4laQhCNsNA65p\n5obk\r\n=t6Hz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/react-beautiful-dnd.cjs.js","files":["/dist","/src"],"config":{"prettier_target":"*.{js,jsx,md,json} src/**/*.{js,jsx,md,json} test/**/*.{js,jsx,md,json} docs/**/*.{js,jsx,md,json} stories/**/*.{js,jsx,md,json} website/src/**/*.{js,jsx,md,json}"},"module":"dist/react-beautiful-dnd.esm.js","gitHead":"1b7197b3683b23942631c640a4741c438f0cf58e","scripts":{"test":"jest --config ./jest.config.js","build":"yarn build:clean && yarn build:dist && yarn build:flow","prepare":"cd website && yarn","lint:css":"stylelint \"stories/**/*.{js,jsx}\"","validate":"yarn prettier:check && yarn lint:eslint && yarn lint:css && yarn typecheck","storybook":"start-storybook -p 9002 & opn http://localhost:9002","typecheck":"flow check","build:dist":"rollup -c","build:flow":"echo \"// @flow\n\nexport * from '../src';\" > dist/react-beautiful-dnd.cjs.js.flow","build:clean":"rimraf dist","lint:eslint":"yarn eslint .","website:build":"cd website && yarn build","website:start":"cd website && yarn develop","prepublishOnly":"yarn build","prettier:check":"yarn prettier --debug-check $npm_package_config_prettier_target","prettier:write":"yarn prettier --write $npm_package_config_prettier_target","build-storybook":"build-storybook -c .storybook -o site","bundle-size:check":"cross-env SNAPSHOT=match yarn build:dist && yarn build:clean","bundle-size:update":"yarn build:dist && yarn build:clean"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"5.6.0","description":"Beautiful, accessible drag and drop for lists with React.js","directories":{},"sideEffects":false,"_nodeVersion":"8.11.3","dependencies":{"redux":"^4.0.0","raf-schd":"^3.0.1","prop-types":"^15.6.1","memoize-one":"^4.0.0","react-redux":"^5.0.7","react-motion":"^0.5.2","css-box-model":"^1.0.0","@babel/runtime":"7.0.0-beta.52","tiny-invariant":"^0.0.3"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^23.2.0","react":"^16.3.1","enzyme":"^3.3.0","eslint":"^5.0.1","rimraf":"^2.6.2","rollup":"^0.62.0","opn-cli":"^3.1.0","flow-bin":"0.75.0","prettier":"^1.13.7","raf-stub":"^2.0.2","cross-env":"^5.2.0","puppeteer":"^1.5.0","react-dom":"^16.3.1","stylelint":"9.3.0","babel-core":"^7.0.0-bridge.0","babel-jest":"^23.2.0","@babel/core":"^7.0.0-beta.52","babel-eslint":"^8.2.5","@storybook/react":"^3.4.8","@babel/preset-env":"^7.0.0-beta.52","styled-components":"^3.3.3","@babel/preset-flow":"^7.0.0-beta.52","eslint-plugin-jest":"^21.17.0","@atlaskit/css-reset":"^2.0.7","@babel/preset-react":"^7.0.0-beta.52","eslint-plugin-react":"^7.10.0","react-test-renderer":"^16.3.1","rollup-plugin-babel":"^4.0.0-beta.7","rollup-plugin-strip":"^1.1.1","eslint-config-airbnb":"^17.0.0","eslint-plugin-import":"^2.13.0","jest-watch-typeahead":"^0.1.0","rollup-plugin-uglify":"^4.0.0","rollup-plugin-replace":"^2.0.0","eslint-config-prettier":"^2.9.0","eslint-plugin-flowtype":"^2.49.3","eslint-plugin-jsx-a11y":"^6.0.3","eslint-plugin-prettier":"^2.6.1","rollup-plugin-commonjs":"^9.1.3","enzyme-adapter-react-16":"^1.1.1","stylelint-config-prettier":"^3.3.0","stylelint-config-standard":"^18.2.0","rollup-plugin-node-resolve":"^3.3.0","babel-plugin-dev-expression":"^0.2.1","rollup-plugin-size-snapshot":"^0.6.0","babel-plugin-styled-components":"^1.5.1","@babel/plugin-transform-runtime":"^7.0.0-beta.52","stylelint-config-styled-components":"^0.1.1","stylelint-processor-styled-components":"^1.3.1","@babel/plugin-proposal-class-properties":"^7.0.0-beta.52","@babel/plugin-transform-modules-commonjs":"^7.0.0-beta.52","@babel/plugin-proposal-object-rest-spread":"^7.0.0-beta.52"},"peerDependencies":{"react":"^16.3.1"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd_8.0.3_1531273150188_0.6794202721541169","host":"s3://npm-registry-packages"},"deprecated":"react-beautiful-dnd is now deprecated. Context and options: https://github.com/atlassian/react-beautiful-dnd/issues/2672"},"8.0.4":{"name":"react-beautiful-dnd","version":"8.0.4","keywords":["drag and drop","dnd","sortable","reorder","reorderable","react","react.js","natural","beautiful"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@8.0.4","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"},{"name":"jaredcrowe","email":"jared.j.crowe@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"d7572913065261d69d6de5b87573ff7ecb9548dd","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-8.0.4.tgz","fileCount":140,"integrity":"sha512-6j+HVsp1ToqeGgmCa7ws3LKIhijm3EB0TReZ2unEQ3GfDnKzxdTIixs0u3Y4TMTJTuHSxOeg9d8U33tAG5hOCA==","signatures":[{"sig":"MEQCIDSBYocImDG0P4cKyJuivdRlLFwmT+8UEv8InpV9fbz1AiBE4CBuPPexTS1GOVQZXy+3IjY/grTw1Vcc/YS1U1GXAg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1211244,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbTYVBCRA9TVsSAnZWagAAHUMP/0/l7jwV1uyvIJAE8enR\nC/sOKaSZtWu5yddexATD1i0ectStTX6wp1DlkT7AecbaFOWpzcnH/ayYl2ob\n+jtTnws4Xfyr/ynMstmO6GSAhMPWSMV7PaqHmxqEG+akMg5siXfiXAiI2UHI\n0FSSLQG0UmSNJVapd/STgGCQOPuEzr3+X+d6xKq7M/jAnjljEa/mwC1waM5H\njbFwcLG66cmIqcUOYd54WyfPHF4sMqqdMUAfnNCpswWmJLPy7pLq5C6fv3b4\nPsXfN3PlajCeHEFLoK/hl5E57UA0qseTm909opb90ijs0eaxMUFP6lPieqyH\nszWHTQLpqYofypYsThzRJ5G4F/u2qPlNCdOPOAuFQTg4rXqxixKS82+qB5yF\nf8DjQWgSgO9S+otqflUAVuuLCQcd1jWCwzPXFEEWCqUy00IPhdjt3JHjewVv\nnqyzBezflFCUdmN12m3ou/Q13lhTlkmGSU3Qq/l40svKljYXzAQjgqvN9Ye+\n1YMeuU662PyJ12oa+EWb80V24DQuGi/Rp1ygJhUv7+afJRiY7+veeRT0tTG9\nnxjjbuPB8G5VGxELFEZbNN3/nnxbNfmc7UbtCsgvxfApMYn1goWjamEbqp5H\nrsgv33VbaV7i0uulL3KWHsO3e54lI/j7NiK/4nwiHE2xxOHCG5yGNcu3oyrN\noYb/\r\n=LzR9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/react-beautiful-dnd.cjs.js","files":["/dist","/src"],"config":{"prettier_target":"*.{js,jsx,md,json} src/**/*.{js,jsx,md,json} test/**/*.{js,jsx,md,json} docs/**/*.{js,jsx,md,json} stories/**/*.{js,jsx,md,json} website/src/**/*.{js,jsx,md,json}"},"module":"dist/react-beautiful-dnd.esm.js","gitHead":"a4f9ac1fea80c0cf4f055f23f4f52471b7df2acb","scripts":{"test":"jest --config ./jest.config.js","build":"yarn build:clean && yarn build:dist && yarn build:flow","prepare":"cd website && yarn","lint:css":"stylelint \"stories/**/*.{js,jsx}\"","validate":"yarn prettier:check && yarn lint:eslint && yarn lint:css && yarn typecheck","storybook":"start-storybook -p 9002 & opn http://localhost:9002","typecheck":"flow check","build:dist":"rollup -c","build:flow":"echo \"// @flow\n\nexport * from '../src';\" > dist/react-beautiful-dnd.cjs.js.flow","build:clean":"rimraf dist","lint:eslint":"yarn eslint .","website:build":"cd website && yarn build","website:start":"cd website && yarn develop","prepublishOnly":"yarn build","prettier:check":"yarn prettier --debug-check $npm_package_config_prettier_target","prettier:write":"yarn prettier --write $npm_package_config_prettier_target","build-storybook":"build-storybook -c .storybook -o site","bundle-size:check":"cross-env SNAPSHOT=match yarn build:dist && yarn build:clean","bundle-size:update":"yarn build:dist && yarn build:clean"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"6.1.0","description":"Beautiful, accessible drag and drop for lists with React.js","directories":{},"sideEffects":false,"_nodeVersion":"8.11.3","dependencies":{"redux":"^4.0.0","raf-schd":"^4.0.0","prop-types":"^15.6.1","memoize-one":"^4.0.0","react-redux":"^5.0.7","react-motion":"^0.5.2","css-box-model":"^1.0.0","@babel/runtime":"7.0.0-beta.52","tiny-invariant":"^0.0.3"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^23.2.0","react":"^16.3.1","enzyme":"^3.3.0","eslint":"^5.0.1","rimraf":"^2.6.2","rollup":"^0.62.0","opn-cli":"^3.1.0","flow-bin":"0.75.0","prettier":"^1.13.7","raf-stub":"^2.0.2","cross-env":"^5.2.0","puppeteer":"^1.5.0","react-dom":"^16.3.1","stylelint":"9.3.0","babel-core":"^7.0.0-bridge.0","babel-jest":"^23.2.0","@babel/core":"^7.0.0-beta.52","babel-eslint":"^8.2.5","@storybook/react":"^3.4.8","@babel/preset-env":"^7.0.0-beta.52","styled-components":"^3.3.3","@babel/preset-flow":"^7.0.0-beta.52","eslint-plugin-jest":"^21.17.0","@atlaskit/css-reset":"^2.0.7","@babel/preset-react":"^7.0.0-beta.52","eslint-plugin-react":"^7.10.0","react-test-renderer":"^16.3.1","rollup-plugin-babel":"^4.0.0-beta.7","rollup-plugin-strip":"^1.1.1","eslint-config-airbnb":"^17.0.0","eslint-plugin-import":"^2.13.0","jest-watch-typeahead":"^0.1.0","rollup-plugin-uglify":"^4.0.0","rollup-plugin-replace":"^2.0.0","eslint-config-prettier":"^2.9.0","eslint-plugin-flowtype":"^2.49.3","eslint-plugin-jsx-a11y":"^6.0.3","eslint-plugin-prettier":"^2.6.1","rollup-plugin-commonjs":"^9.1.3","enzyme-adapter-react-16":"^1.1.1","stylelint-config-prettier":"^3.3.0","stylelint-config-standard":"^18.2.0","rollup-plugin-node-resolve":"^3.3.0","babel-plugin-dev-expression":"^0.2.1","rollup-plugin-size-snapshot":"^0.6.0","babel-plugin-styled-components":"^1.5.1","@babel/plugin-transform-runtime":"^7.0.0-beta.52","stylelint-config-styled-components":"^0.1.1","stylelint-processor-styled-components":"^1.3.1","@babel/plugin-proposal-class-properties":"^7.0.0-beta.52","@babel/plugin-transform-modules-commonjs":"^7.0.0-beta.52","@babel/plugin-proposal-object-rest-spread":"^7.0.0-beta.52"},"peerDependencies":{"react":"^16.3.1"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd_8.0.4_1531807041280_0.26299199536725637","host":"s3://npm-registry-packages"},"deprecated":"react-beautiful-dnd is now deprecated. Context and options: https://github.com/atlassian/react-beautiful-dnd/issues/2672"},"8.0.5":{"name":"react-beautiful-dnd","version":"8.0.5","keywords":["drag and drop","dnd","sortable","reorder","reorderable","react","react.js","natural","beautiful"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@8.0.5","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"},{"name":"jaredcrowe","email":"jared.j.crowe@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"962faf703f1334679b779936674f2da0dd8791f1","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-8.0.5.tgz","fileCount":140,"integrity":"sha512-pCax/kaOrfAsPbc73mentKWG7BEWF+JRtzGXCQm0fI/iCMQR5xgM8SmdBa8io5ufO5S58ol1Hwn25fDfhrf8FQ==","signatures":[{"sig":"MEYCIQCeV2jNGUL8T/KQP8YMrQLoB7W5V9Np6UZapgjfLepPTAIhANHABFP+D2VMTEcNbivTY0Ml4x6EEEh3S3UQTud6J60v","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1212099,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbTpjaCRA9TVsSAnZWagAAq/wP/3Bp9j9kWrZMof4fge2P\njgsKNx7ky/rSE++/ZmJYBakJa8Us2zozZ3DooM4VXnzzCFmuwQ44TS6rNq5p\nmsyc6t/RDMUmUlofDw7UFVOfyCFDiQJmO1gTbqHiKrotYvu1j8CvrJod/YbQ\ngMYLjZ2a4d21/fxorFDWLuL1uCYUfItpmrdHuWHvmFwCb9O0zAZvaTADvAcV\nq19mgbbzoEtq9M7cK4ARsoxsvhJ2sUfjDfjtPxADuoEreuFknSNuhBqVVWRf\nEncTBgAVncU0X2/m8DjLrx95TYH7UfmUtfnNfMDYFolbajpH5Hp9iHTKATR2\nUnb1FMkt8iEVn55/UPIDEBzme5OxNCWVSn/lY8r5JfiN/UBZoVIKqc15F6sO\nmdAZgtQTUagpZdIyRwFDV+LDGmayK6wA98f0TlFE7fGNqfg1B6UEvN2EtIpQ\nB36EjrAOQVpw1xyv0k8WotI59Q6WFyNwIQPMlohCRwz8hJmRTwIGsToBjJCR\nvM5wuq4FBtDXyTCRtvBgYKyqLWN/hEFEdFpjJ4LAYln4WRk6mLsJzjwP9nDF\nKoHzbyk9YTY71BHJaYF4Vi3hPu/AYCigydxiQhZfZr7Vy4tmcipONkPa22nZ\nj4ZHX/zsKyddb0AAZ6zPK8xaO/KhdVZA2ZYFV8E3eL0wwOPmyaj4GSnJMqJn\nBIpm\r\n=XjjB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/react-beautiful-dnd.cjs.js","files":["/dist","/src"],"config":{"prettier_target":"*.{js,jsx,md,json} src/**/*.{js,jsx,md,json} test/**/*.{js,jsx,md,json} docs/**/*.{js,jsx,md,json} stories/**/*.{js,jsx,md,json} website/src/**/*.{js,jsx,md,json}"},"module":"dist/react-beautiful-dnd.esm.js","gitHead":"c2a5b795c694c9295203f8a6b470fbea9f4e9646","scripts":{"test":"jest --config ./jest.config.js","build":"yarn build:clean && yarn build:dist && yarn build:flow","prepare":"cd website && yarn","lint:css":"stylelint \"stories/**/*.{js,jsx}\"","validate":"yarn prettier:check && yarn lint:eslint && yarn lint:css && yarn typecheck","storybook":"start-storybook -p 9002 & opn http://localhost:9002","typecheck":"flow check","build:dist":"rollup -c","build:flow":"echo \"// @flow\n\nexport * from '../src';\" > dist/react-beautiful-dnd.cjs.js.flow","build:clean":"rimraf dist","lint:eslint":"yarn eslint .","website:build":"cd website && yarn build","website:start":"cd website && yarn develop","prepublishOnly":"yarn build","prettier:check":"yarn prettier --debug-check $npm_package_config_prettier_target","prettier:write":"yarn prettier --write $npm_package_config_prettier_target","build-storybook":"build-storybook -c .storybook -o site","bundle-size:check":"cross-env SNAPSHOT=match yarn build:dist && yarn build:clean","bundle-size:update":"yarn build:dist && yarn build:clean"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"6.1.0","description":"Beautiful, accessible drag and drop for lists with React.js","directories":{},"sideEffects":false,"_nodeVersion":"8.11.3","dependencies":{"redux":"^4.0.0","raf-schd":"^4.0.0","prop-types":"^15.6.1","memoize-one":"^4.0.0","react-redux":"^5.0.7","react-motion":"^0.5.2","css-box-model":"^1.0.0","@babel/runtime":"7.0.0-beta.52","tiny-invariant":"^0.0.3"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^23.2.0","react":"^16.3.1","enzyme":"^3.3.0","eslint":"^5.0.1","rimraf":"^2.6.2","rollup":"^0.62.0","opn-cli":"^3.1.0","flow-bin":"0.75.0","prettier":"^1.13.7","raf-stub":"^2.0.2","cross-env":"^5.2.0","puppeteer":"^1.5.0","react-dom":"^16.3.1","stylelint":"9.3.0","babel-core":"^7.0.0-bridge.0","babel-jest":"^23.2.0","@babel/core":"^7.0.0-beta.52","babel-eslint":"^8.2.5","@storybook/react":"^3.4.8","@babel/preset-env":"^7.0.0-beta.52","styled-components":"^3.3.3","@babel/preset-flow":"^7.0.0-beta.52","eslint-plugin-jest":"^21.17.0","@atlaskit/css-reset":"^2.0.7","@babel/preset-react":"^7.0.0-beta.52","eslint-plugin-react":"^7.10.0","react-test-renderer":"^16.3.1","rollup-plugin-babel":"^4.0.0-beta.7","rollup-plugin-strip":"^1.1.1","eslint-config-airbnb":"^17.0.0","eslint-plugin-import":"^2.13.0","jest-watch-typeahead":"^0.1.0","rollup-plugin-uglify":"^4.0.0","rollup-plugin-replace":"^2.0.0","eslint-config-prettier":"^2.9.0","eslint-plugin-flowtype":"^2.49.3","eslint-plugin-jsx-a11y":"^6.0.3","eslint-plugin-prettier":"^2.6.1","rollup-plugin-commonjs":"^9.1.3","enzyme-adapter-react-16":"^1.1.1","stylelint-config-prettier":"^3.3.0","stylelint-config-standard":"^18.2.0","rollup-plugin-node-resolve":"^3.3.0","babel-plugin-dev-expression":"^0.2.1","rollup-plugin-size-snapshot":"^0.6.0","babel-plugin-styled-components":"^1.5.1","@babel/plugin-transform-runtime":"^7.0.0-beta.52","stylelint-config-styled-components":"^0.1.1","stylelint-processor-styled-components":"^1.3.1","@babel/plugin-proposal-class-properties":"^7.0.0-beta.52","@babel/plugin-transform-modules-commonjs":"^7.0.0-beta.52","@babel/plugin-proposal-object-rest-spread":"^7.0.0-beta.52"},"peerDependencies":{"react":"^16.3.1"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd_8.0.5_1531877594375_0.0755508323718852","host":"s3://npm-registry-packages"},"deprecated":"react-beautiful-dnd is now deprecated. Context and options: https://github.com/atlassian/react-beautiful-dnd/issues/2672"},"8.0.6":{"name":"react-beautiful-dnd","version":"8.0.6","keywords":["drag and drop","dnd","sortable","reorder","reorderable","react","react.js","natural","beautiful"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@8.0.6","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"},{"name":"jaredcrowe","email":"jared.j.crowe@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"0b60e1b0b2bc1b05e7ee32a6bc001b59e4473f08","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-8.0.6.tgz","fileCount":140,"integrity":"sha512-6Ug1vRkV5yrEkFQnjqTWGnITUnw514vNhi6DAFS58SSb0wy48B73hQ12WozQR9dBVwTedlA6DtSzmt7FTA9Sog==","signatures":[{"sig":"MEUCICUWJtEFWMpeG1gtxwHn4++x43rYgLW9eF1XwzxVjCcnAiEAu0ubapGLvYDDrzZ5mJRuSpAclBbVeqJCg4jiz7cvjyo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1214777,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbYU4/CRA9TVsSAnZWagAAFggP/jnHRyBmFuYr+1lfaVsg\n4zm09JBx/kK3axC6HfnmczfQAYFUYTF60MgPcqGZjgaKQoszBDjxKJ1E1n7P\nhlnLH5rJDGnqmKAJwFRZNwC73w9j+wtg2Ss1rYQsRU0Lw/Yc5gOULVUPeXSS\nz3r2BCkgJCdhS6QTUNYy+7zfxNT1YXGgaOcr9E2CxojLBgrIxq9EizFE0/Ok\nA4EcFuUdxAAH738BOFV4Haedi/wBLzwBxBL3uR1GtW0PNovYJc5NJL8lFRhd\nYF8c8TNRyy2bvid0Is7AbgqoKOFChEFTu3w1/Z6LPdh/RT4VkQfciYFza8EN\nYbJ8tdaAGgWOLwdNBZ43EOMjwQwGdEQ9L4kO4hgbe/0l8Lz1oPrdXrnJLJu+\ni+nCDpeIwLOyrabckoRIufL/lrDQH1c6tpmTGMvXgxYObHkIHuvo2UO905/K\nLkv4OmrprMV6DvkMbX6tojVX0xDLFBfZr7addnrD6JbRbSn/ZUzgkmwX93RK\nBVOROggQshdlWrfXLdRKE1VnwUxJciJXclXAVB2Q83kxbi882cNj98Dodgcd\nIMa/VI9fpse7YIn25ofG3brIebZrHbiLfRhxwJi3C+tx46E9QHrIGewdK7Xf\ng8b0zQN26OVyVJElLm+REiiNDUHdmpwxxD/udztjdcPK9soT9ulWcglc2RiA\nmrDm\r\n=xkF6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/react-beautiful-dnd.cjs.js","files":["/dist","/src"],"config":{"prettier_target":"*.{js,jsx,md,json} src/**/*.{js,jsx,md,json} test/**/*.{js,jsx,md,json} docs/**/*.{js,jsx,md,json} stories/**/*.{js,jsx,md,json} website/src/**/*.{js,jsx,md,json}"},"module":"dist/react-beautiful-dnd.esm.js","gitHead":"0ea9d1fec34393e00ccdfbbb0d43cd69c7cda159","scripts":{"test":"jest --config ./jest.config.js","build":"yarn build:clean && yarn build:dist && yarn build:flow","prepare":"cd website && yarn","lint:css":"stylelint \"stories/**/*.{js,jsx}\"","validate":"yarn prettier:check && yarn lint:eslint && yarn lint:css && yarn typecheck","storybook":"start-storybook -p 9002","typecheck":"flow check","build:dist":"rollup -c","build:flow":"echo \"// @flow\n\nexport * from '../src';\" > dist/react-beautiful-dnd.cjs.js.flow","build:clean":"rimraf dist","lint:eslint":"yarn eslint .","test:browser":"testcafe 'chrome:headless,chrome:headless:emulation:device=iphone 6;touch=true,firefox:headless' ./test/browser/*  -r spec,xunit:./test-reports/browser/test-results.xml","website:build":"cd website && yarn build","website:start":"cd website && yarn develop","prepublishOnly":"yarn build","prettier:check":"yarn prettier --debug-check $npm_package_config_prettier_target","prettier:write":"yarn prettier --write $npm_package_config_prettier_target","build-storybook":"build-storybook -c .storybook -o site","bundle-size:check":"cross-env SNAPSHOT=match yarn build:dist && yarn build:clean","bundle-size:update":"yarn build:dist && yarn build:clean"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"jest-junit":{"output":"test-reports/junit/js-test-results.xml"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"6.1.0","description":"Beautiful, accessible drag and drop for lists with React.js","directories":{},"sideEffects":false,"_nodeVersion":"8.11.3","dependencies":{"redux":"^4.0.0","raf-schd":"^4.0.0","prop-types":"15.6.1","memoize-one":"^4.0.0","react-redux":"^5.0.7","react-motion":"^0.5.2","css-box-model":"^1.0.0","@babel/runtime":"7.0.0-beta.54","tiny-invariant":"^0.0.3"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^23.4.2","react":"^16.4.1","enzyme":"^3.3.0","eslint":"^5.2.0","rimraf":"^2.6.2","rollup":"^0.62.0","flow-bin":"0.77.0","prettier":"^1.14.0","raf-stub":"^2.0.2","testcafe":"^0.20.5","cross-env":"^5.2.0","react-dom":"^16.4.1","stylelint":"9.4.0","wait-port":"^0.2.2","babel-core":"^7.0.0-bridge.0","babel-jest":"^23.4.2","jest-junit":"^5.1.0","@babel/core":"^7.0.0-beta.54","babel-eslint":"^8.2.6","@storybook/react":"^3.4.8","@babel/preset-env":"^7.0.0-beta.54","styled-components":"^3.3.3","@babel/preset-flow":"^7.0.0-beta.54","eslint-plugin-jest":"^21.18.0","@atlaskit/css-reset":"^3.0.1","@babel/preset-react":"^7.0.0-beta.54","eslint-plugin-react":"^7.10.0","react-test-renderer":"^16.4.1","rollup-plugin-babel":"^4.0.0-beta.7","rollup-plugin-strip":"^1.1.1","eslint-config-airbnb":"^17.0.0","eslint-plugin-import":"^2.13.0","jest-watch-typeahead":"^0.2.0","rollup-plugin-uglify":"^4.0.0","rollup-plugin-replace":"^2.0.0","eslint-config-prettier":"^2.9.0","eslint-plugin-flowtype":"^2.50.0","eslint-plugin-jsx-a11y":"^6.1.1","eslint-plugin-prettier":"^2.6.2","rollup-plugin-commonjs":"^9.1.3","enzyme-adapter-react-16":"^1.1.1","testcafe-reporter-xunit":"^2.1.0","stylelint-config-prettier":"^3.3.0","stylelint-config-standard":"^18.2.0","rollup-plugin-node-resolve":"^3.3.0","babel-plugin-dev-expression":"^0.2.1","rollup-plugin-size-snapshot":"^0.6.0","babel-plugin-styled-components":"^1.5.1","@babel/plugin-transform-runtime":"^7.0.0-beta.54","stylelint-config-styled-components":"^0.1.1","stylelint-processor-styled-components":"^1.3.2","@babel/plugin-proposal-class-properties":"^7.0.0-beta.54","@babel/plugin-transform-modules-commonjs":"^7.0.0-beta.54"},"peerDependencies":{"react":"^16.3.1"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd_8.0.6_1533103679025_0.3939295630905688","host":"s3://npm-registry-packages"},"deprecated":"react-beautiful-dnd is now deprecated. Context and options: https://github.com/atlassian/react-beautiful-dnd/issues/2672"},"8.0.7":{"name":"react-beautiful-dnd","version":"8.0.7","keywords":["drag and drop","dnd","sortable","reorder","reorderable","react","react.js","natural","beautiful"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@8.0.7","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"},{"name":"jaredcrowe","email":"jared.j.crowe@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"2cc7ba62bffe08d3dad862fd8f48204440901b43","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-8.0.7.tgz","fileCount":140,"integrity":"sha512-j2cClhKuACXp/KcG+YXSrVxZ7AQl13dG9X+ojstR6H2G0yoA+1GZn/O147PWVVScmfk/mSt60GNseH7vjae7vQ==","signatures":[{"sig":"MEYCIQDiSpJ/ymIaiLJTcI6DPoT0KKXcUiCltlKz90+yAuPbFgIhAJ/tMTLUKpB8D58sGs/qZUG1o/hx6hled4aecF/giyvv","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1214805,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbYVuRCRA9TVsSAnZWagAARfcQAJyFqYXmWoywyBEAYDew\nlUD2Hcbu7l4xKzWbSEVjPSKNbObbVcTbv3my2YpdeTFoVyGKTUEsUeKf9vgh\nQBSTRn58anKWGCDKRUGyZ8q5QJxo3H1edEpwGSZR3qyJRAYCs2LqTSsyAIWL\nTzHKu/D9fDiRg+M7EQJgohV+TRKskrFaHe0ErJZFIIt6MxKkpLY/7NRzATKS\nyjrZ7oU2VoaP74JjalsDndNUHgiWiJcfmzWZMXAQqLXQ5FAtBWH5QScnLBwW\n2yVyRZV+IGa+o3FUSd1eMSNHlWpG0a6hAXEBMgVKxIoqO8d5Qbeoz+Jdqszp\nKVee8xUliqqmF5q/hxQLmys5ej8pS3DAbi15NNNgcuddgMBUVQrxATM4lFdg\np7IiTF8kwNZN6otUWmDhOvR6Lw4FFyciU3cEHJWWvLA9fexF5/r06/Ag7YNr\n0mWg+JLSpHWsx9/gW/dMdvPw7h7jBr4sAC3/qSwBRx3uryR3CMjZgpIRMb8F\nr8Hn3osnCYptTcV9OiNQlp/LrXNWrOKB0eaCtM1CrjquW4UyKwLmmgzcoGnq\nA0+mQY53ZkvqnQrkY2BNirH+NM9W5eUBaVFuRtAaRIgtjGZ5cquiimQrxpUc\nQA4DY5xqqR5WkoExNIgQZE2nvX296SYRh5kDoFjyfNU4yhmLGc7vBWmifZII\nsKNk\r\n=QlRe\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/react-beautiful-dnd.cjs.js","files":["/dist","/src"],"config":{"prettier_target":"*.{js,jsx,md,json} src/**/*.{js,jsx,md,json} test/**/*.{js,jsx,md,json} docs/**/*.{js,jsx,md,json} stories/**/*.{js,jsx,md,json} website/src/**/*.{js,jsx,md,json}"},"module":"dist/react-beautiful-dnd.esm.js","gitHead":"4fb9432999c92a55cc6c1549e94c565ce5668100","scripts":{"test":"jest --config ./jest.config.js","build":"yarn build:clean && yarn build:dist && yarn build:flow","prepare":"cd website && yarn","lint:css":"stylelint \"stories/**/*.{js,jsx}\"","validate":"yarn prettier:check && yarn lint:eslint && yarn lint:css && yarn typecheck","storybook":"start-storybook -p 9002","typecheck":"flow check","build:dist":"rollup -c","build:flow":"echo \"// @flow\n\nexport * from '../src';\" > dist/react-beautiful-dnd.cjs.js.flow","build:clean":"rimraf dist","lint:eslint":"yarn eslint .","test:browser":"testcafe 'chrome:headless,chrome:headless:emulation:device=iphone 6;touch=true,firefox:headless' ./test/browser/*  -r spec,xunit:./test-reports/browser/test-results.xml","website:build":"cd website && yarn build","website:start":"cd website && yarn develop","prepublishOnly":"yarn build","prettier:check":"yarn prettier --debug-check $npm_package_config_prettier_target","prettier:write":"yarn prettier --write $npm_package_config_prettier_target","build-storybook":"build-storybook -c .storybook -o site","bundle-size:check":"cross-env SNAPSHOT=match yarn build:dist && yarn build:clean","bundle-size:update":"yarn build:dist && yarn build:clean"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"jest-junit":{"output":"test-reports/junit/js-test-results.xml"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"6.1.0","description":"Beautiful, accessible drag and drop for lists with React.js","directories":{},"sideEffects":false,"_nodeVersion":"8.11.3","dependencies":{"redux":"^4.0.0","raf-schd":"^4.0.0","prop-types":"15.6.1","memoize-one":"^4.0.0","react-redux":"^5.0.7","react-motion":"^0.5.2","css-box-model":"^1.0.0","@babel/runtime":"7.0.0-beta.54","tiny-invariant":"^0.0.3"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^23.4.2","react":"^16.4.1","enzyme":"^3.3.0","eslint":"^5.2.0","rimraf":"^2.6.2","rollup":"^0.62.0","flow-bin":"0.77.0","prettier":"^1.14.0","raf-stub":"^2.0.2","testcafe":"^0.20.5","cross-env":"^5.2.0","react-dom":"^16.4.1","stylelint":"9.4.0","wait-port":"^0.2.2","babel-core":"^7.0.0-bridge.0","babel-jest":"^23.4.2","jest-junit":"^5.1.0","@babel/core":"^7.0.0-beta.54","babel-eslint":"^8.2.6","@storybook/react":"^3.4.8","@babel/preset-env":"^7.0.0-beta.54","styled-components":"^3.3.3","@babel/preset-flow":"^7.0.0-beta.54","eslint-plugin-jest":"^21.18.0","@atlaskit/css-reset":"^3.0.1","@babel/preset-react":"^7.0.0-beta.54","eslint-plugin-react":"^7.10.0","react-test-renderer":"^16.4.1","rollup-plugin-babel":"^4.0.0-beta.7","rollup-plugin-strip":"^1.1.1","eslint-config-airbnb":"^17.0.0","eslint-plugin-import":"^2.13.0","jest-watch-typeahead":"^0.2.0","rollup-plugin-uglify":"^4.0.0","rollup-plugin-replace":"^2.0.0","eslint-config-prettier":"^2.9.0","eslint-plugin-flowtype":"^2.50.0","eslint-plugin-jsx-a11y":"^6.1.1","eslint-plugin-prettier":"^2.6.2","rollup-plugin-commonjs":"^9.1.3","enzyme-adapter-react-16":"^1.1.1","testcafe-reporter-xunit":"^2.1.0","stylelint-config-prettier":"^3.3.0","stylelint-config-standard":"^18.2.0","rollup-plugin-node-resolve":"^3.3.0","babel-plugin-dev-expression":"^0.2.1","rollup-plugin-size-snapshot":"^0.6.0","babel-plugin-styled-components":"^1.5.1","@babel/plugin-transform-runtime":"^7.0.0-beta.54","stylelint-config-styled-components":"^0.1.1","stylelint-processor-styled-components":"^1.3.2","@babel/plugin-proposal-class-properties":"^7.0.0-beta.54","@babel/plugin-transform-modules-commonjs":"^7.0.0-beta.54"},"peerDependencies":{"react":"^16.3.1"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd_8.0.7_1533107088846_0.007704229201579427","host":"s3://npm-registry-packages"},"deprecated":"react-beautiful-dnd is now deprecated. Context and options: https://github.com/atlassian/react-beautiful-dnd/issues/2672"},"9.0.0":{"name":"react-beautiful-dnd","version":"9.0.0","keywords":["drag and drop","dnd","sortable","reorder","reorderable","react","react.js","natural","beautiful"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@9.0.0","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"},{"name":"jaredcrowe","email":"jared.j.crowe@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"94ec61f0ba45c773063eec6653eb712c11fb78d4","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-9.0.0.tgz","fileCount":140,"integrity":"sha512-w7JNOx/duNtmka+hSp2NXIRFfIxFtrxT/AV70z3h+0afui0XOwzuQpy+x07n1NxIL8CvIwP6alFEUbYUsytBNQ==","signatures":[{"sig":"MEQCIEfHGWYUlS57utkBLEVlbrhXZW6a9+pLv9SX2ASeR/zOAiBUpih6r5raIxTES1uy9c57dsVjO2htv0pAvgBGYh/nPQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1210553,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJba9VzCRA9TVsSAnZWagAA/XAP/RVogS1MsWA3EFxjBgNc\niNFYDaAbqrbUG1xsMU7zlA4O+uo7jDpsEJBkkW77Bp6/6v0z/S3rWaTbwyXc\nqYRbMln1g4mfrLN54CDKWiA8Oup+Kr95pW4hVFylHFr6nQVDPE8mNZ/kq3P2\nuE58AzOgXm/mq+TCUpZ2ptbAVoVLk1RSQbLRBqTDu064VH0vGpyUxDj9wsYG\nnngNTn0YRnKaoYL4XnH+BhPKmOId0tm6k0xvn+rbZR5dBw9L9vgaNVUl0HfM\njBPSPZ65T+KPtlEck035eCkFwagpOTVe3YrphDcv+fynlaJEenGcyi8dx7SN\nkuq+RMGIIiyrgONvl7GFDw3NikUUxjJlib/ocSeeFP9nrQKx/N4U2VXtLlst\nE8oL7Cm09QXvmZySzOUxVMBjX6BlBpg5mQzDoqc+UM3h2tygeiLTQDlrFANw\nwAY0x0jV3mcwXcxKIKzS5l+shEAv+SuVeL5841dr2lc2RLkq0OYHvqZ2cd6K\n/0W+cDTAbuCDq7r24p0/DVd/AO3ntwv1EoWyBI5P7siF6JCsNKLhUK6sYbEz\nmv4/9oymRtEjUJqbhs/ugAKt8+iXqN0r3lIkDn+9fso2foZ64kP6k133jEak\nxdE7LRBQnc9hv54Gm7JqGu18qCbbjfy9lEmXNUaVnnqpEILEpXfqUrUqWqQN\nePoD\r\n=WIEx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/react-beautiful-dnd.cjs.js","files":["/dist","/src"],"config":{"prettier_target":"*.{js,jsx,md,json} src/**/*.{js,jsx,md,json} test/**/*.{js,jsx,md,json} docs/**/*.{js,jsx,md,json} stories/**/*.{js,jsx,md,json} website/src/**/*.{js,jsx,md,json}"},"module":"dist/react-beautiful-dnd.esm.js","gitHead":"2d6504fe23f2a91b1db6bcb94ad71b2f28e83bab","scripts":{"test":"jest --config ./jest.config.js","build":"yarn build:clean && yarn build:dist && yarn build:flow","prepare":"cd website && yarn","lint:css":"stylelint \"stories/**/*.{js,jsx}\"","validate":"yarn prettier:check && yarn lint:eslint && yarn lint:css && yarn typecheck","storybook":"start-storybook -p 9002","typecheck":"flow check","build:dist":"rollup -c","build:flow":"echo \"// @flow\n\nexport * from '../src';\" > dist/react-beautiful-dnd.cjs.js.flow","build:clean":"rimraf dist","lint:eslint":"yarn eslint .","test:browser":"testcafe 'chrome:headless,chrome:headless:emulation:device=iphone 6;touch=true,firefox:headless' ./test/browser/*  -r spec,xunit:./test-reports/browser/test-results.xml","website:build":"cd website && yarn build","website:start":"cd website && yarn develop","prepublishOnly":"yarn build","prettier:check":"yarn prettier --debug-check $npm_package_config_prettier_target","prettier:write":"yarn prettier --write $npm_package_config_prettier_target","build-storybook":"build-storybook -c .storybook -o site","bundle-size:check":"cross-env SNAPSHOT=match yarn build:dist && yarn build:clean","bundle-size:update":"yarn build:dist && yarn build:clean"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"jest-junit":{"output":"test-reports/junit/js-test-results.xml"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"6.1.0","description":"Beautiful, accessible drag and drop for lists with React.js","directories":{},"sideEffects":false,"_nodeVersion":"8.11.3","dependencies":{"redux":"^4.0.0","raf-schd":"^4.0.0","prop-types":"^15.6.1","memoize-one":"^4.0.0","react-redux":"^5.0.7","react-motion":"^0.5.2","css-box-model":"^1.0.0","tiny-invariant":"^0.0.3","@babel/runtime-corejs2":"7.0.0-beta.56"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^23.4.2","react":"^16.4.2","enzyme":"^3.3.0","eslint":"^5.2.0","rimraf":"^2.6.2","rollup":"^0.62.0","flow-bin":"0.78.0","prettier":"^1.14.0","raf-stub":"^2.0.2","testcafe":"^0.21.1","cross-env":"^5.2.0","react-dom":"^16.4.2","stylelint":"9.4.0","wait-port":"^0.2.2","babel-core":"^7.0.0-bridge.0","babel-jest":"^23.4.2","jest-junit":"^5.1.0","@babel/core":"^7.0.0-beta.56","babel-eslint":"^9.0.0-beta.3","@storybook/react":"^3.4.8","@babel/preset-env":"^7.0.0-beta.56","styled-components":"^3.3.3","@babel/preset-flow":"^7.0.0-beta.56","eslint-plugin-jest":"^21.18.0","@atlaskit/css-reset":"^3.0.1","@babel/preset-react":"^7.0.0-beta.56","eslint-plugin-react":"^7.10.0","react-test-renderer":"^16.4.2","rollup-plugin-babel":"^4.0.0-beta.8","rollup-plugin-strip":"^1.1.1","eslint-config-airbnb":"^17.0.0","eslint-plugin-import":"^2.13.0","jest-watch-typeahead":"^0.2.0","rollup-plugin-uglify":"^4.0.0","rollup-plugin-replace":"^2.0.0","eslint-config-prettier":"^2.9.0","eslint-plugin-flowtype":"^2.50.0","eslint-plugin-jsx-a11y":"^6.1.1","eslint-plugin-prettier":"^2.6.2","rollup-plugin-commonjs":"^9.1.3","enzyme-adapter-react-16":"^1.1.1","testcafe-reporter-xunit":"^2.1.0","stylelint-config-prettier":"^3.3.0","stylelint-config-standard":"^18.2.0","rollup-plugin-node-resolve":"^3.3.0","babel-plugin-dev-expression":"^0.2.1","rollup-plugin-size-snapshot":"^0.6.0","babel-plugin-styled-components":"^1.5.1","@babel/plugin-transform-runtime":"^7.0.0-beta.56","stylelint-config-styled-components":"^0.1.1","stylelint-processor-styled-components":"^1.3.2","@babel/plugin-proposal-class-properties":"^7.0.0-beta.56","@babel/plugin-transform-modules-commonjs":"^7.0.0-beta.56"},"peerDependencies":{"react":"^16.3.1"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd_9.0.0_1533793650651_0.5329133468298781","host":"s3://npm-registry-packages"},"deprecated":"react-beautiful-dnd is now deprecated. Context and options: https://github.com/atlassian/react-beautiful-dnd/issues/2672"},"9.0.1":{"name":"react-beautiful-dnd","version":"9.0.1","keywords":["drag and drop","dnd","sortable","reorder","reorderable","react","react.js","natural","beautiful"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@9.0.1","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"},{"name":"jaredcrowe","email":"jared.j.crowe@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"64fc29d40d0302379d1531c12974cc5a833588e4","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-9.0.1.tgz","fileCount":141,"integrity":"sha512-gkSs//bBAU+mbQaAyzMZgmxFww/vIXtwbpxf69nX2D/e8Zhs7BRDWZDih1CvO4l+wy/yeL6vqNUiq33zZ49kjg==","signatures":[{"sig":"MEQCIA/7c7W4rXTLuIKl38HjYhdVHARVI3Tjr9M0999WUOUyAiBwnAFLmgZF8/9PRrrjKxqFYXd3GpChWjKFLKlBIgu5HA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1211652,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbef8BCRA9TVsSAnZWagAAxOIP/jWPwzj7/UhU7KyZin/d\nxZPzEd9xBoWoxdE4AtcLETRY3h3tTW0oYeIqLjCaNEpDCPpN6iyNQZe5+fuH\nELeGC2p5p2ZVfTUNy1clAyF9S115wfcnFT4c+hj3iAw2fQOAyaIzIRlSw4rT\nMpepGm+AeAEhjte0q0jtbuZaDN27adxA8A0VQbN7cJrRK1ZjP5Ds+YKqYhgl\nZKJuBEOBNJfxmPbcYQheyUp73MTIcx6rjDrMGZZWNvwiWZI4SYFDxyXiwTKC\ni75YaagikAzz2jJokj6b7QxCuUg6QJnNmg9JmL2U42AmsQu6b0UbIv6/xwHO\nNIt3jiNjsHGveUBcak1QdtXJcpaaOCIhlzRqPY8gLAB2lAgaKRVT9cZ0aqs3\nHFQA9Bcor60wm75se1+0ql6mFF4NOkcbpp9t6m0MlQ91eZoVTZkG/V6ZEapK\n47lST1wr2SAcdpvsJgkYfCUsgtiaZDof38TwcXtfZNRc8LdKeNfVIPknvbt6\nkEYyBMpotxp9H5WV4iOCMN0z/xDake8yJn+5J+AnABTiYoog405s+zhZGTew\nXemW+p24jsVMLb22gaaM9F8qsUfZB5R1DoOAsYA1uOpwHWwspfEWlMQ2Wkvh\nA8PNuuwW069S8mPxMXUf0QzqHwDov3aA9DfkwkM8D/RUZ08L46j1oqb5bUJd\nRKS5\r\n=/M5+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/react-beautiful-dnd.cjs.js","files":["/dist","/src"],"config":{"prettier_target":"*.{js,jsx,md,json} src/**/*.{js,jsx,md,json} test/**/*.{js,jsx,md,json} docs/**/*.{js,jsx,md,json} stories/**/*.{js,jsx,md,json} website/src/**/*.{js,jsx,md,json}"},"module":"dist/react-beautiful-dnd.esm.js","gitHead":"568cdbe8186de2de87b81f36a970581618106919","scripts":{"test":"jest --config ./jest.config.js","build":"yarn build:clean && yarn build:dist && yarn build:flow","prepare":"cd website && yarn","lint:css":"stylelint \"stories/**/*.{js,jsx}\"","validate":"yarn prettier:check && yarn lint:eslint && yarn lint:css && yarn typecheck","storybook":"start-storybook -p 9002","typecheck":"flow check","build:dist":"rollup -c","build:flow":"echo \"// @flow\n\nexport * from '../src';\" > dist/react-beautiful-dnd.cjs.js.flow","build:clean":"rimraf dist","lint:eslint":"yarn eslint .","test:browser":"testcafe 'chrome:headless,chrome:headless:emulation:device=iphone 6;touch=true,firefox:headless' ./test/browser/*  -r spec,xunit:./test-reports/browser/test-results.xml","test:coverage":"yarn test --coverage --coveragePathIgnorePatterns=/debug","website:build":"cd website && yarn build","website:start":"cd website && yarn develop","prepublishOnly":"yarn build","prettier:check":"yarn prettier --debug-check $npm_package_config_prettier_target","prettier:write":"yarn prettier --write $npm_package_config_prettier_target","build-storybook":"build-storybook -c .storybook -o site","bundle-size:check":"cross-env SNAPSHOT=match yarn build:dist && yarn build:clean","bundle-size:update":"yarn build:dist && yarn build:clean"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"jest-junit":{"output":"test-reports/junit/js-test-results.xml"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"6.1.0","description":"Beautiful, accessible drag and drop for lists with React.js","directories":{},"sideEffects":false,"_nodeVersion":"8.11.3","dependencies":{"redux":"^4.0.0","raf-schd":"^4.0.0","prop-types":"^15.6.1","memoize-one":"^4.0.0","react-redux":"^5.0.7","react-motion":"^0.5.2","css-box-model":"^1.0.0","tiny-invariant":"^1.0.0","@babel/runtime-corejs2":"7.0.0-beta.56"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^23.4.2","react":"^16.4.2","enzyme":"^3.3.0","eslint":"^5.2.0","rimraf":"^2.6.2","rollup":"^0.62.0","flow-bin":"0.78.0","prettier":"^1.14.0","raf-stub":"^2.0.2","testcafe":"^0.21.1","cross-env":"^5.2.0","react-dom":"^16.4.2","stylelint":"9.5.0","wait-port":"^0.2.2","babel-core":"^7.0.0-bridge.0","babel-jest":"^23.4.2","jest-junit":"^5.1.0","@babel/core":"^7.0.0-beta.56","babel-eslint":"^9.0.0-beta.3","@storybook/react":"^3.4.8","@babel/preset-env":"^7.0.0-beta.56","styled-components":"^3.3.3","@babel/preset-flow":"^7.0.0-beta.56","eslint-plugin-jest":"^21.18.0","@atlaskit/css-reset":"^3.0.1","@babel/preset-react":"^7.0.0-beta.56","eslint-plugin-react":"^7.10.0","react-test-renderer":"^16.4.2","rollup-plugin-babel":"^4.0.0-beta.8","rollup-plugin-strip":"^1.1.1","eslint-config-airbnb":"^17.0.0","eslint-plugin-import":"^2.13.0","jest-watch-typeahead":"^0.2.0","rollup-plugin-uglify":"^4.0.0","rollup-plugin-replace":"^2.0.0","eslint-config-prettier":"^3.0.0","eslint-plugin-flowtype":"^2.50.0","eslint-plugin-jsx-a11y":"^6.1.1","eslint-plugin-prettier":"^2.6.2","rollup-plugin-commonjs":"^9.1.3","enzyme-adapter-react-16":"^1.1.1","testcafe-reporter-xunit":"^2.1.0","stylelint-config-prettier":"^3.3.0","stylelint-config-standard":"^18.2.0","rollup-plugin-node-resolve":"^3.3.0","babel-plugin-dev-expression":"^0.2.1","rollup-plugin-size-snapshot":"^0.6.0","babel-plugin-styled-components":"^1.5.1","@babel/plugin-transform-runtime":"^7.0.0-beta.56","stylelint-config-styled-components":"^0.1.1","stylelint-processor-styled-components":"^1.3.2","@babel/plugin-proposal-class-properties":"^7.0.0-beta.56","@babel/plugin-transform-modules-commonjs":"^7.0.0-beta.56"},"peerDependencies":{"react":"^16.3.1"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd_9.0.1_1534721792217_0.37893256908692363","host":"s3://npm-registry-packages"},"deprecated":"react-beautiful-dnd is now deprecated. Context and options: https://github.com/atlassian/react-beautiful-dnd/issues/2672"},"9.0.2":{"name":"react-beautiful-dnd","version":"9.0.2","keywords":["drag and drop","dnd","sortable","reorder","reorderable","react","react.js","natural","beautiful"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@9.0.2","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"},{"name":"jaredcrowe","email":"jared.j.crowe@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"9785a96c1f1385620aed840f0bc774c7455b3fd4","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-9.0.2.tgz","fileCount":141,"integrity":"sha512-hZJJeOUnWLecgD52cJ51zsvosRTsSoweOlyYa+RQzvXHejCdzKUecEqSzF0aNaCsuHGx/GCVBHTdUR4be1HbWg==","signatures":[{"sig":"MEUCIBTfokJs5Y+bS4lDN+YaJOM71RDM9tJijeKGeKBUp4Q5AiEAiv1IcbOIXj+Wtz1equVp/G++MUNDDvSIa4rWS+/Lyzg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1211666,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbh2Y1CRA9TVsSAnZWagAAieYP/RUncK5MnTrLdiojTPP4\ndz4j+j6Zw9z4QAIVj5fpQAD3hEKAqlbnZUTlI5HMPtbFjGrEQVnto6L7Elxn\nfB3ID41XPAXJnZ1mxhILoKkFalD5ZZBPrsm88/woBGmQP2ShBve9jpAh/qwS\nigZqSc5O8lgdX0zt3JQsVMO1XL0Wm7UnYhZpwHXOXlS+qgsiQ0sl92DS7aFg\nXkTIhBK0xp1/jhlpAKJoFBIfi64/yPeDbJ0RMB69cSwyT2Ec0tiRBHQUhfoC\nNRSs7UqKJmRcPxNh9nQxMb1vzdMivatsJ3QSfR/6zpV1/fN/2zaP/70wRC5Z\nHQd/Fkl5ZA8IXLUY1Z99KQFpYYvyUu/yRWfiiAI7fST3BPXSRF7ZqtnmHbWF\npFfqFm5htFfzvpuKxXE1SNzGq9HbGcH4c4H0vEAC+JsJabpltmE6WQSszITo\nZMj4tpGyDapIaR+h0umpbIf8eGohqsGHuaW8ygac+jQBbYNHHar4ENjVUGT3\nWYakrkJYBi2Wo+luoVQhRtF2eLQx5Iw9J4P7gXekCITZhkHupXFv7owwfNWv\nEiF8LA7HNot8x1BcHCoQ0U5Iioak/6FoAv9rWTu0kI9zImxmj5sZK7QJjWDi\nQehO/+peMbZME+YmJUnqWYlRcUNXzFV8dNHO4H3B99k4vV4WUHVI0JwL80Ai\nN9+R\r\n=/bjS\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/react-beautiful-dnd.cjs.js","config":{"prettier_target":"*.{js,jsx,md,json} src/**/*.{js,jsx,md,json} test/**/*.{js,jsx,md,json} docs/**/*.{js,jsx,md,json} stories/**/*.{js,jsx,md,json} website/src/**/*.{js,jsx,md,json}"},"module":"dist/react-beautiful-dnd.esm.js","gitHead":"6e5d44583bbd31d05b92a638fe37f3c03ef77002","scripts":{"test":"jest --config ./jest.config.js","build":"yarn build:clean && yarn build:dist && yarn build:flow","prepare":"cd website && yarn","lint:css":"stylelint \"stories/**/*.{js,jsx}\" \"website/src/**/*.{js,jsx}\"","validate":"yarn prettier:check && yarn lint:eslint && yarn lint:css && yarn typecheck","storybook":"start-storybook -p 9002","typecheck":"flow check","build:dist":"rollup -c","build:flow":"echo \"// @flow\n\nexport * from '../src';\" > dist/react-beautiful-dnd.cjs.js.flow","build:clean":"rimraf dist","lint:eslint":"yarn eslint \"./**/*.{js,jsx}\"","test:browser":"testcafe 'chrome:headless,chrome:headless:emulation:device=iphone 6;touch=true,firefox:headless' ./test/browser/*  -r spec,xunit:./test-reports/browser/test-results.xml","test:coverage":"yarn test --coverage --coveragePathIgnorePatterns=/debug","website:build":"cd website && yarn build","website:start":"cd website && yarn develop","prepublishOnly":"yarn build","prettier:check":"yarn prettier --debug-check $npm_package_config_prettier_target","prettier:write":"yarn prettier --write $npm_package_config_prettier_target","build-storybook":"build-storybook -c .storybook -o site","bundle-size:check":"cross-env SNAPSHOT=match yarn build:dist && yarn build:clean","bundle-size:update":"yarn build:dist && yarn build:clean"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"jest-junit":{"output":"test-reports/junit/js-test-results.xml"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"6.1.0","description":"Beautiful, accessible drag and drop for lists with React.js","directories":{},"sideEffects":false,"_nodeVersion":"8.11.3","dependencies":{"redux":"^4.0.0","raf-schd":"^4.0.0","prop-types":"^15.6.1","memoize-one":"^4.0.0","react-redux":"^5.0.7","react-motion":"^0.5.2","css-box-model":"^1.0.0","tiny-invariant":"^1.0.0","@babel/runtime-corejs2":"^7.0.0"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^23.5.0","react":"^16.4.2","enzyme":"^3.5.0","eslint":"^5.4.0","rimraf":"^2.6.2","rollup":"^0.65.0","emotion":"^9.2.8","flow-bin":"0.79.1","prettier":"^1.14.2","raf-stub":"^2.0.2","testcafe":"^0.21.1","cross-env":"^5.2.0","react-dom":"^16.4.2","stylelint":"9.5.0","wait-port":"^0.2.2","babel-core":"^7.0.0-bridge.0","babel-jest":"^23.4.2","jest-junit":"^5.1.0","@babel/core":"^7.0.0","babel-eslint":"^9.0.0","react-emotion":"^9.2.8","@storybook/react":"^3.4.10","@babel/preset-env":"^7.0.0","@babel/preset-flow":"^7.0.0","eslint-plugin-jest":"^21.22.0","@atlaskit/css-reset":"^3.0.1","@babel/preset-react":"^7.0.0","eslint-plugin-react":"^7.11.1","react-test-renderer":"^16.4.2","rollup-plugin-babel":"^4.0.2","rollup-plugin-strip":"^1.1.1","eslint-config-airbnb":"^17.1.0","eslint-plugin-import":"^2.14.0","jest-watch-typeahead":"^0.2.0","rollup-plugin-uglify":"^4.0.0","rollup-plugin-replace":"^2.0.0","eslint-config-prettier":"^3.0.1","eslint-plugin-flowtype":"^2.50.0","eslint-plugin-jsx-a11y":"^6.1.1","eslint-plugin-prettier":"^2.6.2","rollup-plugin-commonjs":"^9.1.6","enzyme-adapter-react-16":"^1.3.0","testcafe-reporter-xunit":"^2.1.0","stylelint-config-prettier":"^4.0.0","stylelint-config-standard":"^18.2.0","rollup-plugin-node-resolve":"^3.3.0","babel-plugin-dev-expression":"^0.2.1","rollup-plugin-size-snapshot":"^0.6.1","@babel/plugin-transform-runtime":"^7.0.0","stylelint-config-styled-components":"^0.1.1","stylelint-processor-styled-components":"^1.3.2","@babel/plugin-proposal-class-properties":"^7.0.0","@babel/plugin-transform-modules-commonjs":"^7.0.0"},"peerDependencies":{"react":"^16.3.1"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd_9.0.2_1535600180293_0.26512223280307823","host":"s3://npm-registry-packages"},"deprecated":"react-beautiful-dnd is now deprecated. Context and options: https://github.com/atlassian/react-beautiful-dnd/issues/2672"},"10.0.0":{"name":"react-beautiful-dnd","version":"10.0.0","keywords":["drag and drop","dnd","sortable","reorder","reorderable","react","react.js","natural","beautiful"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@10.0.0","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"},{"name":"jaredcrowe","email":"jared.j.crowe@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"6264686b9543eef1d6ec8fa37752bedf8be82c0e","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-10.0.0.tgz","fileCount":188,"integrity":"sha512-1RkdZeWQDxGh97lSMH0iOYMYnxotuTfc0I38MQYogGC48BHZaalJWjpZR7s9AfX2X5DR7i2SxPEpOy6u1s0M6A==","signatures":[{"sig":"MEUCIQD6VecVSUyxA20gfaNdq+1Mq3iTquUZiRfMnOdHU4ci/gIgXSL4JOd8P/WOWtQVC6trvP1M4CjhTMb94wnOJK1Stqo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1314869,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb6L1xCRA9TVsSAnZWagAAbBEQAIwGETbuYxv4d9haWIty\nQMzgJMeDbBo/PiMUwcSYYUkCn8EytyEnsVl7YWZJ9kTS2kTbcd3Bj9ispmWA\nES5qA0gkwwSYAiY7FBSaMaijkNXsd8Td+mKOoSEadHijoF6kBlTdjVImuyD9\nBQXRu8FL3OazooCBfwToqfWHWIsQVIgso76RdauSnkq92lM9bzaAKsWVTZI2\n/XbOU20DG6eofF7PjxWKzydYyLkjZITFWSpKI+iBIiUFLA08INvQVwxsxQJ6\n/jI1GKSxnCWrGItmd7AfNlFOxeU1C4NXEDQxwZiIURTTXvOm6FeQZHGEqJKO\no7O0tbY0NAq7e8lNmsSwfVkleKoSBJq3Oe4Sm1mjMgIAeklt5UKK6TLkf4wG\nhTG1CAgp4BuTa4GPAw/lHnjzI8+wbgQj37UE6w1NF91qc6PJpl0EukAw9v0q\nxLLBvzLb4W+a+slUVstkNpcWdQJ9jv1Ki+SWTKL2/5ZO1AJGzouFGj5Auszd\n39Lc44JXD9jKGlm0d3m/paplfLDQ2P3uHLVYgxAjXayAG82l3JTzOkNPziuR\nCRtwuAP//3qSGgqn+8cTfkzSCKwuML6dAXsPqYfW99YCJn/MacWcqiWScaQs\ncpFvyRPp+h1u1bfWPOATNJ7gc6Dy6JMPK/Q11GV54sqolOW6g8OBp3T/Pheg\nFMiV\r\n=VRBr\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/react-beautiful-dnd.cjs.js","config":{"prettier_target":"*.{js,jsx,md,json} src/**/*.{js,jsx,md,json} test/**/*.{js,jsx,md,json} docs/**/*.{js,jsx,md,json} stories/**/*.{js,jsx,md,json} website/src/**/*.{js,jsx,md,json}"},"module":"dist/react-beautiful-dnd.esm.js","gitHead":"67b54c5eddb05828027f9365dad4606a272543d0","scripts":{"test":"jest --config ./jest.config.js","build":"yarn build:clean && yarn build:dist && yarn build:flow","prepare":"cd website && yarn","test:ci":"jest test --maxWorkers=2","lint:css":"stylelint \"stories/**/*.{js,jsx}\" \"website/src/**/*.{js,jsx}\"","validate":"yarn prettier:check && yarn lint:eslint && yarn lint:css && yarn typecheck","storybook":"start-storybook -p 9002","typecheck":"flow check","build:dist":"rollup -c","build:flow":"echo \"// @flow\n\nexport * from '../src';\" > dist/react-beautiful-dnd.cjs.js.flow","build:clean":"rimraf dist","lint:eslint":"yarn eslint \"./**/*.{js,jsx}\"","test:browser":"testcafe 'chrome:headless,chrome:headless:emulation:device=iphone 6;touch=true,firefox:headless' ./test/browser/*  -r spec,xunit:./test-reports/browser/test-results.xml","test:coverage":"yarn test --coverage --coveragePathIgnorePatterns=/debug","website:build":"cd website && yarn build","website:start":"cd website && yarn develop","prepublishOnly":"yarn build","prettier:check":"yarn prettier --debug-check $npm_package_config_prettier_target","prettier:write":"yarn prettier --write $npm_package_config_prettier_target","build-storybook":"build-storybook -c .storybook -o site","bundle-size:check":"cross-env SNAPSHOT=match yarn bundle-size:update","bundle-size:update":"yarn build:clean && yarn build:dist && yarn build:clean","test:browser:local":"testcafe 'chrome' ./test/browser/*"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"jest-junit":{"output":"test-reports/junit/js-test-results.xml"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"6.1.0","description":"Beautiful and accessible drag and drop for lists with React","directories":{},"sideEffects":false,"_nodeVersion":"8.11.3","dependencies":{"redux":"^4.0.1","raf-schd":"^4.0.0","prop-types":"^15.6.1","memoize-one":"^4.0.3","react-redux":"^5.0.7","css-box-model":"^1.1.1","tiny-invariant":"^1.0.3","@babel/runtime-corejs2":"^7.1.5"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^23.6.0","react":"^16.4.2","enzyme":"^3.7.0","eslint":"^5.9.0","globby":"^8.0.1","rimraf":"^2.6.2","rollup":"^0.67.1","emotion":"^9.2.12","flow-bin":"0.86.0","prettier":"^1.15.2","raf-stub":"^2.0.2","testcafe":"^0.23.1","cross-env":"^5.2.0","react-dom":"^16.4.2","stylelint":"9.8.0","wait-port":"^0.2.2","babel-core":"^7.0.0-bridge.0","babel-jest":"^23.6.0","jest-junit":"^5.2.0","@babel/core":"^7.1.5","babel-eslint":"^10.0.1","react-emotion":"^9.2.12","@storybook/react":"^3.4.11","@babel/preset-env":"^7.1.5","@babel/preset-flow":"^7.0.0","eslint-plugin-jest":"^22.0.0","rollup-plugin-json":"^3.1.0","@atlaskit/css-reset":"^3.0.2","@babel/preset-react":"^7.0.0","eslint-plugin-react":"^7.11.1","react-test-renderer":"^16.6.1","rollup-plugin-babel":"^4.0.3","rollup-plugin-strip":"^1.2.0","eslint-config-airbnb":"^17.1.0","eslint-plugin-import":"^2.14.0","jest-watch-typeahead":"^0.2.0","rollup-plugin-uglify":"^6.0.0","rollup-plugin-replace":"^2.1.0","eslint-config-prettier":"^3.3.0","eslint-plugin-flowtype":"^3.2.0","eslint-plugin-jsx-a11y":"^6.1.2","eslint-plugin-prettier":"^3.0.0","rollup-plugin-commonjs":"^9.2.0","enzyme-adapter-react-16":"^1.6.0","testcafe-reporter-xunit":"^2.1.0","stylelint-config-prettier":"^4.0.0","stylelint-config-standard":"^18.2.0","rollup-plugin-node-resolve":"^3.4.0","babel-plugin-dev-expression":"^0.2.1","rollup-plugin-size-snapshot":"^0.7.0","stylelint-config-recommended":"^2.1.0","@babel/plugin-transform-runtime":"^7.1.0","stylelint-config-styled-components":"^0.1.1","stylelint-processor-styled-components":"^1.5.0","@babel/plugin-proposal-class-properties":"^7.1.0","@babel/plugin-transform-modules-commonjs":"^7.1.0"},"peerDependencies":{"react":"^16.3.1"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd_10.0.0_1541979504111_0.19980355674814243","host":"s3://npm-registry-packages"},"deprecated":"react-beautiful-dnd is now deprecated. Context and options: https://github.com/atlassian/react-beautiful-dnd/issues/2672"},"10.0.1":{"name":"react-beautiful-dnd","version":"10.0.1","keywords":["drag and drop","dnd","sortable","reorder","reorderable","react","react.js","natural","beautiful"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@10.0.1","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"},{"name":"jaredcrowe","email":"jared.j.crowe@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"425da0ef33ed4569afda6ca683d3769ab7de6518","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-10.0.1.tgz","fileCount":188,"integrity":"sha512-v+CzggIcss/lG0R3s/CqT4TOvOkS4GA559j1bcxvER1vMFNRZTvdzC0n7Ywx7S8sR9iOuogMxurKZ/3ADAMf3g==","signatures":[{"sig":"MEQCIA9N8HaYKkl7wF4c/X/lvW9lfGV2IQOnIiVCyYl7iOHcAiB1J08W0dERPoSZr4v/Kr8rj1frORxi6lmClknPRyKTQQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1317930,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb61vjCRA9TVsSAnZWagAAtK4P/i6KlSPJ6+TJf0iW311a\n3vfs5J8FQ0vxSkost2ubOWeeVzIgPqR7ae8GiN11dNI+DHM0zmQAngce79xW\n9j/284z6WoPXCN7xZQy5p2y1t+5fC5pUvOYmOCX0m3Gc63LmPbdkwzpLfL+w\nX8xdRaF7DDsNePoZ1d9AAdLukV79FpZcR2CKDKqVJC7Mez8rWRjAxtTlKsYW\nv+I8jnjuMcagEcS99VX1Sjf8KjWR6BbyyUk5Ytn+426xz6sPVAm0yhjnGr9d\nXU6Wk6Pul2Y23ztV7Xxy0YTvBPTF5eJ2j9HzFbD78ALbvH5MH+eUI2HdLSns\nEAZtoFKz9mDdKHAuvc6iZDWp/Eoc6SL5dG88CL17GnhYb+rHTmjc0hTiv99R\nrtJxPWF6DJCjzMpg9cKbjJoc6TjYOt3LDyStJzhzUlIIrcHPo7OM/Sga2yqZ\nqNFr/ntRHqDkoYxzG32NuUfR6Tb5gWMhnbckiN/qfKGBwpcQP0YUiGwXx/wu\nmer6xg9uSz7FXAF7LFWGZ8+O+LOqeFA6tG3I+VSnwRIgRIBqookvQ7OEPNoV\n47NnQTZsoG6rkkAGeDrPUlMxz+poEPuDrsWZZFMqYTkUjiDgij7qFpa1ElM4\n3APxJDAM22R5QbAOeDF7K1vQFnY5YFLVkTuzMEAqRnRm7teYglvjebWqcwsf\ncAEN\r\n=Z83z\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/react-beautiful-dnd.cjs.js","config":{"prettier_target":"*.{js,jsx,md,json} src/**/*.{js,jsx,md,json} test/**/*.{js,jsx,md,json} docs/**/*.{js,jsx,md,json} stories/**/*.{js,jsx,md,json} website/src/**/*.{js,jsx,md,json}"},"module":"dist/react-beautiful-dnd.esm.js","gitHead":"783497135a2f9c219118c43c7eb83288ba5a001c","scripts":{"test":"jest --config ./jest.config.js","build":"yarn build:clean && yarn build:dist && yarn build:flow","prepare":"cd website && yarn","test:ci":"jest test --maxWorkers=2","lint:css":"stylelint \"stories/**/*.{js,jsx}\" \"website/src/**/*.{js,jsx}\"","validate":"yarn prettier:check && yarn lint:eslint && yarn lint:css && yarn typecheck","storybook":"start-storybook -p 9002","typecheck":"flow check --max-warnings=0","build:dist":"rollup -c","build:flow":"echo \"// @flow\n\nexport * from '../src';\" > dist/react-beautiful-dnd.cjs.js.flow","build:clean":"rimraf dist","lint:eslint":"yarn eslint \"./**/*.{js,jsx}\"","test:browser":"testcafe 'chrome:headless,chrome:headless:emulation:device=iphone 6;touch=true,firefox:headless' ./test/browser/*  -r spec,xunit:./test-reports/browser/test-results.xml","test:coverage":"yarn test --coverage --coveragePathIgnorePatterns=/debug","website:build":"cd website && yarn build","website:start":"cd website && yarn develop","prepublishOnly":"yarn build","prettier:check":"yarn prettier --debug-check $npm_package_config_prettier_target","prettier:write":"yarn prettier --write $npm_package_config_prettier_target","build-storybook":"build-storybook -c .storybook -o site","bundle-size:check":"cross-env SNAPSHOT=match yarn bundle-size:update","bundle-size:update":"yarn build:clean && yarn build:dist && yarn build:clean","test:browser:local":"testcafe 'chrome' ./test/browser/*"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"jest-junit":{"output":"test-reports/junit/js-test-results.xml"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"6.1.0","description":"Beautiful and accessible drag and drop for lists with React","directories":{},"sideEffects":false,"_nodeVersion":"8.11.3","dependencies":{"redux":"^4.0.1","raf-schd":"^4.0.0","prop-types":"^15.6.1","memoize-one":"^4.0.3","react-redux":"^5.0.7","css-box-model":"^1.1.1","tiny-invariant":"^1.0.3","@babel/runtime-corejs2":"^7.1.5"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^23.6.0","react":"^16.4.2","enzyme":"^3.7.0","eslint":"^5.9.0","globby":"^8.0.1","rimraf":"^2.6.2","rollup":"^0.67.1","emotion":"^9.2.12","flow-bin":"0.86.0","prettier":"^1.15.2","raf-stub":"^2.0.2","testcafe":"^0.23.1","cross-env":"^5.2.0","react-dom":"^16.4.2","stylelint":"9.8.0","wait-port":"^0.2.2","babel-core":"^7.0.0-bridge.0","babel-jest":"^23.6.0","jest-junit":"^5.2.0","@babel/core":"^7.1.5","babel-eslint":"^10.0.1","react-emotion":"^9.2.12","@storybook/react":"^3.4.11","@babel/preset-env":"^7.1.5","@babel/preset-flow":"^7.0.0","eslint-plugin-jest":"^22.0.0","rollup-plugin-json":"^3.1.0","@atlaskit/css-reset":"^3.0.2","@babel/preset-react":"^7.0.0","eslint-plugin-react":"^7.11.1","react-test-renderer":"^16.6.1","rollup-plugin-babel":"^4.0.3","rollup-plugin-strip":"^1.2.0","eslint-config-airbnb":"^17.1.0","eslint-plugin-import":"^2.14.0","jest-watch-typeahead":"^0.2.0","rollup-plugin-uglify":"^6.0.0","rollup-plugin-replace":"^2.1.0","eslint-config-prettier":"^3.3.0","eslint-plugin-flowtype":"^3.2.0","eslint-plugin-jsx-a11y":"^6.1.2","eslint-plugin-prettier":"^3.0.0","rollup-plugin-commonjs":"^9.2.0","enzyme-adapter-react-16":"^1.6.0","testcafe-reporter-xunit":"^2.1.0","stylelint-config-prettier":"^4.0.0","stylelint-config-standard":"^18.2.0","rollup-plugin-node-resolve":"^3.4.0","babel-plugin-dev-expression":"^0.2.1","rollup-plugin-size-snapshot":"^0.7.0","stylelint-config-recommended":"^2.1.0","@babel/plugin-transform-runtime":"^7.1.0","stylelint-config-styled-components":"^0.1.1","stylelint-processor-styled-components":"^1.5.0","@babel/plugin-proposal-class-properties":"^7.1.0","@babel/plugin-transform-modules-commonjs":"^7.1.0"},"peerDependencies":{"react":"^16.3.1"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd_10.0.1_1542151138402_0.23214039354622495","host":"s3://npm-registry-packages"},"deprecated":"react-beautiful-dnd is now deprecated. Context and options: https://github.com/atlassian/react-beautiful-dnd/issues/2672"},"10.0.2":{"name":"react-beautiful-dnd","version":"10.0.2","keywords":["drag and drop","dnd","sortable","reorder","reorderable","react","react.js","natural","beautiful"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@10.0.2","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"},{"name":"jaredcrowe","email":"jared.j.crowe@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"618fe3dcd841c65235fca89bdde99a172fe77e50","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-10.0.2.tgz","fileCount":188,"integrity":"sha512-hLdSdUh7UHHCpFx/dMqtLmxVry8npxjdSpwmLG5dM6D578qv9LMF3uuAn37X6Wgyc2Hj5TYFoFL2iQWMnoR/Bg==","signatures":[{"sig":"MEUCIQDPBIPeHKnA6JnaZfIslSm1gBy45fabyOH57ihFvmzUXAIgKwo5iMdQjxGzbGPqVyrZQ3OuhhYuMJOMjVHZB7jj3e4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1322765,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb9KKMCRA9TVsSAnZWagAA4BgQAI95xFev+E+KxfcfOmQV\nEyW8fn83zFcSfZvcaaWqKs4auKq1TMFoFOdoBtVx7eyH9MOTpP8cU32DgkZQ\nwkq5lsdea0l8EVblEQh57O0MdjhIBUoH84ds+F3VyKhj/b6GFuXQHH7XF7j3\nUM2YSSAKaaE8cP+0L/nHxQVqO65yppIWVGQNpMEHLybtOUEtXwTMfIGo8pVh\nghRK8p8QcZk9A1PyyIhrpFTqGMjUkpPdO1v3+/snbDOCChi29InDwxWHD/1O\nWFdIgmkxtz5NIoW/Q6p6ZANdN4gRlgS4gHhrDFpbpjMAO/EavmqtMldhtoC8\nqVpjuBigwQzeyfrkrb1NfWNOVmArP9L1awIOpicDvfoLxHncC938ZWcrSUmW\nlqCKIox3wn9Xc0fuziljm5Ol73hHglf/NZfDzCwbpgpbUj/FlBtRPMQjCv/Q\nu97kKkoVeRYxWQ2usk/2wLCiy0lKxxFpIqhTNr+uy+b/fpg8izufoqvASUgC\n0Uo1PFsOb/g5Ob9uXjhdQ/gjAYz86VKdiViSTARhiJy/58q/jdpNEyY8k35x\njkGlDH81713NWK5qFxJ6LDzcj7T7YqbV22cKgevx8cqvPnVBiL1DBy0sx6L4\n9lgW7uU1YYkcPh5XQqRGMSocc+JDuD4aRkdR3dmUb6EI93S5sEqNhFxKTIaO\n+WAr\r\n=kAfj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/react-beautiful-dnd.cjs.js","config":{"prettier_target":"*.{js,jsx,md,json} src/**/*.{js,jsx,md,json} test/**/*.{js,jsx,md,json} docs/**/*.{js,jsx,md,json} stories/**/*.{js,jsx,md,json} website/src/**/*.{js,jsx,md,json}"},"module":"dist/react-beautiful-dnd.esm.js","gitHead":"564a369f016fe3d4c21cf7c91bcf4610912230f3","scripts":{"test":"jest --config ./jest.config.js","build":"yarn build:clean && yarn build:dist && yarn build:flow","prepare":"cd website && yarn","test:ci":"jest test --maxWorkers=2","lint:css":"stylelint \"stories/**/*.{js,jsx}\" \"website/src/**/*.{js,jsx}\"","validate":"yarn prettier:check && yarn lint:eslint && yarn lint:css && yarn typecheck","storybook":"start-storybook -p 9002","typecheck":"flow check --max-warnings=0","build:dist":"rollup -c","build:flow":"echo \"// @flow\n\nexport * from '../src';\" > dist/react-beautiful-dnd.cjs.js.flow","build:clean":"rimraf dist","lint:eslint":"yarn eslint \"./**/*.{js,jsx}\"","test:browser":"testcafe 'chrome:headless,chrome:headless:emulation:device=iphone 6;touch=true,firefox:headless' ./test/browser/*  -r spec,xunit:./test-reports/browser/test-results.xml","test:coverage":"yarn test --coverage --coveragePathIgnorePatterns=/debug","website:build":"cd website && yarn build","website:start":"cd website && yarn develop","prepublishOnly":"yarn build","prettier:check":"yarn prettier --debug-check $npm_package_config_prettier_target","prettier:write":"yarn prettier --write $npm_package_config_prettier_target","build-storybook":"build-storybook -c .storybook -o site","bundle-size:check":"cross-env SNAPSHOT=match yarn bundle-size:update","bundle-size:update":"yarn build:clean && yarn build:dist && yarn build:clean","test:browser:local":"testcafe 'chrome' ./test/browser/*"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"jest-junit":{"output":"test-reports/junit/js-test-results.xml"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"6.1.0","description":"Beautiful and accessible drag and drop for lists with React","directories":{},"sideEffects":false,"_nodeVersion":"8.11.3","dependencies":{"redux":"^4.0.1","raf-schd":"^4.0.0","prop-types":"^15.6.1","memoize-one":"^4.0.3","react-redux":"^5.0.7","css-box-model":"^1.1.1","tiny-invariant":"^1.0.3","@babel/runtime-corejs2":"^7.1.5"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^23.6.0","react":"^16.4.2","enzyme":"^3.7.0","eslint":"^5.9.0","globby":"^8.0.1","rimraf":"^2.6.2","rollup":"^0.67.1","emotion":"^9.2.12","flow-bin":"0.86.0","prettier":"^1.15.2","raf-stub":"^2.0.2","testcafe":"^0.23.1","cross-env":"^5.2.0","react-dom":"^16.4.2","stylelint":"9.8.0","wait-port":"^0.2.2","babel-core":"^7.0.0-bridge.0","babel-jest":"^23.6.0","jest-junit":"^5.2.0","@babel/core":"^7.1.5","babel-eslint":"^10.0.1","react-emotion":"^9.2.12","@storybook/react":"^3.4.11","@babel/preset-env":"^7.1.5","@babel/preset-flow":"^7.0.0","eslint-plugin-jest":"^22.0.0","rollup-plugin-json":"^3.1.0","@atlaskit/css-reset":"^3.0.2","@babel/preset-react":"^7.0.0","eslint-plugin-react":"^7.11.1","react-test-renderer":"^16.6.1","rollup-plugin-babel":"^4.0.3","rollup-plugin-strip":"^1.2.0","eslint-config-airbnb":"^17.1.0","eslint-plugin-import":"^2.14.0","jest-watch-typeahead":"^0.2.0","rollup-plugin-uglify":"^6.0.0","rollup-plugin-replace":"^2.1.0","eslint-config-prettier":"^3.3.0","eslint-plugin-flowtype":"^3.2.0","eslint-plugin-jsx-a11y":"^6.1.2","eslint-plugin-prettier":"^3.0.0","rollup-plugin-commonjs":"^9.2.0","enzyme-adapter-react-16":"^1.6.0","testcafe-reporter-xunit":"^2.1.0","stylelint-config-prettier":"^4.0.0","stylelint-config-standard":"^18.2.0","rollup-plugin-node-resolve":"^3.4.0","babel-plugin-dev-expression":"^0.2.1","rollup-plugin-size-snapshot":"^0.7.0","stylelint-config-recommended":"^2.1.0","@babel/plugin-transform-runtime":"^7.1.0","stylelint-config-styled-components":"^0.1.1","stylelint-processor-styled-components":"^1.5.0","@babel/plugin-proposal-class-properties":"^7.1.0","@babel/plugin-transform-modules-commonjs":"^7.1.0"},"peerDependencies":{"react":"^16.3.1"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd_10.0.2_1542759051700_0.37983600185765964","host":"s3://npm-registry-packages"},"deprecated":"react-beautiful-dnd is now deprecated. Context and options: https://github.com/atlassian/react-beautiful-dnd/issues/2672"},"10.0.3":{"name":"react-beautiful-dnd","version":"10.0.3","keywords":["drag and drop","dnd","sortable","reorder","reorderable","react","react.js","natural","beautiful"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@10.0.3","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"},{"name":"jaredcrowe","email":"jared.j.crowe@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"75e7989b639493cefcf71a678e93c171ac6a207b","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-10.0.3.tgz","fileCount":204,"integrity":"sha512-A6N50lv2RnXH9kNRKy+HYcQYOgRmgQRdn8qaKTTb4sYzX0H/4UhEYuOnh5PQB8i66bvCpfkxxD9El/OjgbtpPw==","signatures":[{"sig":"MEUCICgxWrGLIKYoVa+3iTFoN4BVkKRDjtKVL13o1W8f+QohAiEAoDgM/4+pP4V8ox1+Af86P+JAcISvzZMxIXIQ9DRtmKc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1355297,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcEHeICRA9TVsSAnZWagAAj/kP/joGgGjpDpl3NMR8fV3W\n7kclKlxOT5515W2RgkL3qDiZNTeDRzMzm8b7yXeCMktANLx0dJf6lqSx5Jn+\nkU49ih90Bw9YBubRC8kKDEeTXwPRSYF+CqecyrxGC5u5S5OopcvoO63ofpuc\nZP/bMB0J9lKePd0TRGzloly1bflf/xh0nHJyjOuniH8durfqOgPv2qDKqlrO\nQLFBtbavnrd5y8p49CGlpmxMmPLd3AzBzG+B8nMHxIiHAIuEtp0RMoWi18bL\n0Rinrc2gVSpvUnlLiEF9Gpx67XYlokCdERI1dEP3CSvdR8LH1wDP5HGtSwKZ\npn96+tBIKa6S1eHhezj9AelhINalgLjYWx8RhwBPK9MjZwgvZfOcPTTK46G/\nMWl3SiA47swO43pSCHNS48SSrzkdDD+StRX2hd3GwFtd9hDYvmpxhcowxNjw\nNHmiZ8+2Q4sG7BARSocZGIg6/RBg/TKu/HK51QSgBeMieMY3AHL+1rbSJO2s\n7oHYXDNc5IyP+bGpNSxsJBdMHWu+EBkjA6B9f0wuwkELwoOTIxBvuc1dHVXw\nzWXj/2VBbyv1hORsycp4f8jKE64urMxbUrxf2CQlJoWpWKTjTpxYpUJJm3ut\nCZ1vY+6eH+07S52TA6B7lM2GTafzsEHaagErbYHviEiwBPwCb1DKDUVgtHx8\nFLwP\r\n=TpAq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/react-beautiful-dnd.cjs.js","config":{"prettier_target":"*.{js,jsx,md,json} src/**/*.{js,jsx,md,json} test/**/*.{js,jsx,md,json} docs/**/*.{js,jsx,md,json} stories/**/*.{js,jsx,md,json} website/src/**/*.{js,jsx,md,json}"},"module":"dist/react-beautiful-dnd.esm.js","gitHead":"9064d4729a47a617e622b7387beb4f03003680da","scripts":{"test":"jest --config ./jest.config.js","build":"yarn build:clean && yarn build:dist && yarn build:flow","prepare":"cd website && yarn","test:ci":"jest test --maxWorkers=2","lint:css":"stylelint \"stories/**/*.{js,jsx}\" \"website/src/**/*.{js,jsx}\"","validate":"yarn prettier:check && yarn lint:eslint && yarn lint:css && yarn typecheck","storybook":"start-storybook -p 9002","typecheck":"flow check --max-warnings=0","build:dist":"rollup -c","build:flow":"echo \"// @flow\n\nexport * from '../src';\" > dist/react-beautiful-dnd.cjs.js.flow","build:clean":"rimraf dist","lint:eslint":"yarn eslint \"./**/*.{js,jsx}\"","test:browser":"testcafe 'chrome:headless,chrome:headless:emulation:device=iphone 6;touch=true,firefox:headless' ./test/browser/*  -r spec,xunit:./test-reports/browser/test-results.xml","test:coverage":"yarn test --coverage --coveragePathIgnorePatterns=/debug","website:build":"cd website && yarn build","website:start":"cd website && yarn develop","prepublishOnly":"yarn build","prettier:check":"yarn prettier --debug-check $npm_package_config_prettier_target","prettier:write":"yarn prettier --write $npm_package_config_prettier_target","build-storybook":"build-storybook -c .storybook -o site","bundle-size:check":"cross-env SNAPSHOT=match yarn bundle-size:update","bundle-size:update":"yarn build:clean && yarn build:dist && yarn build:clean","test:browser:local":"testcafe 'chrome' ./test/browser/*"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"jest-junit":{"output":"test-reports/junit/js-test-results.xml"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"6.1.0","description":"Beautiful and accessible drag and drop for lists with React","directories":{},"sideEffects":false,"_nodeVersion":"8.11.3","dependencies":{"redux":"^4.0.1","raf-schd":"^4.0.0","prop-types":"^15.6.1","memoize-one":"^4.1.0","react-redux":"^5.0.7","css-box-model":"^1.1.1","tiny-invariant":"^1.0.3","@babel/runtime-corejs2":"^7.2.0"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^23.6.0","react":"16.4.2","enzyme":"^3.8.0","eslint":"^5.10.0","globby":"^8.0.1","rimraf":"^2.6.2","rollup":"^0.67.4","flow-bin":"0.88.0","prettier":"^1.15.3","raf-stub":"^2.0.2","testcafe":"^0.23.2","cross-env":"^5.2.0","react-dom":"16.4.2","stylelint":"9.9.0","wait-port":"^0.2.2","babel-core":"^7.0.0-bridge.0","babel-jest":"^23.6.0","jest-junit":"^5.2.0","@babel/core":"^7.2.0","babel-eslint":"^10.0.1","babel-loader":"^8.0.4","@storybook/react":"^4.0.12","@babel/preset-env":"^7.2.0","styled-components":"^4.1.2","@babel/preset-flow":"^7.0.0","eslint-plugin-jest":"^22.1.2","rollup-plugin-json":"^3.1.0","@atlaskit/css-reset":"^3.0.5","@babel/preset-react":"^7.0.0","eslint-plugin-react":"^7.11.1","react-test-renderer":"16.4.2","rollup-plugin-babel":"^4.0.3","rollup-plugin-strip":"^1.2.0","eslint-config-airbnb":"^17.1.0","eslint-plugin-import":"^2.14.0","jest-watch-typeahead":"^0.2.0","rollup-plugin-uglify":"^6.0.0","rollup-plugin-replace":"^2.1.0","eslint-config-prettier":"^3.3.0","eslint-plugin-flowtype":"^3.2.0","eslint-plugin-jsx-a11y":"^6.1.2","eslint-plugin-prettier":"^3.0.0","rollup-plugin-commonjs":"^9.2.0","enzyme-adapter-react-16":"^1.7.1","testcafe-reporter-xunit":"^2.1.0","stylelint-config-prettier":"^4.0.0","stylelint-config-standard":"^18.2.0","rollup-plugin-node-resolve":"^4.0.0","babel-plugin-dev-expression":"^0.2.1","rollup-plugin-size-snapshot":"^0.7.0","stylelint-config-recommended":"^2.1.0","babel-plugin-styled-components":"^1.9.4","@babel/plugin-transform-runtime":"^7.2.0","stylelint-config-styled-components":"^0.1.1","stylelint-processor-styled-components":"^1.5.1","@babel/plugin-proposal-class-properties":"^7.2.1","@babel/plugin-transform-modules-commonjs":"^7.2.0"},"peerDependencies":{"react":"^16.3.1"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd_10.0.3_1544583047554_0.08795332109675646","host":"s3://npm-registry-packages"},"deprecated":"react-beautiful-dnd is now deprecated. Context and options: https://github.com/atlassian/react-beautiful-dnd/issues/2672"},"10.0.4":{"name":"react-beautiful-dnd","version":"10.0.4","keywords":["drag and drop","dnd","sortable","reorder","reorderable","react","react.js","natural","beautiful"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@10.0.4","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"},{"name":"jaredcrowe","email":"jared.j.crowe@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"56913a77706ad2d1b002041d9cb1ac3849a4ae89","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-10.0.4.tgz","fileCount":209,"integrity":"sha512-j2Ra/mW48tXz1Mk6bNBuiENpRBt8wQcPbJgHSswmLDonUE8JPwVikaONoMavdowoMKQJoOJ9IwPTo82d/8aKKg==","signatures":[{"sig":"MEQCIBT18VijUAPE4GtJhMsVx9mIa8vdh5KPj4OpeBdJtE5HAiBk/8qnnQb3kgCgk41UdirnFZ4no0ZqPxLA/V9WEJ/Rlg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1360808,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcT5XZCRA9TVsSAnZWagAAWMAP/AkOgSm8CBsE8JJLl6AT\nms5xSOwSuyonce0TkgwIoAAMfU3Qem2hfBvsj7a93zEiELenneW/8cxaeVD9\nXf04v0Tgsba4ydp0ZgaZOQJ6C6fGzNNjXeTRvzb87f801Us+ezuCjVR+xB0L\nxoB84K/L/9xZLZcr9FzPQGfsJPaulMTRu49I3pr5t1JSlWcR6+TrU4Dacew3\n5+DuX7RFGMK66K1jcxfOURkrFdJ1/UaeMNuFwk0HcwJ9XxT3DIEvCKiQ3Fay\nPyNlAVuDAupF1bAPAji9kPN8z/ctecvVyHfVxixVbus3NflkmBB1cWYQly7c\ntR5Avgl2enXhdzhPu/Ji8VU/NBeO2SyOwGuv0+sOTCwj06NnIdvIMzTWZkZI\ni7h0AlITbhIhUTuEWexdFv/Acjp0l324OziWHU3PJaGRNMNxj748/w6lyNGw\noPMZYhYi8vuKxwscatu2Db2LeNoMk4+E02ZQWqUJG5n1QPFjSa6XX0pCvGcY\nYMCHBXwFcbM4x7a+pbArLKwQVxDSisixeM1UpOtMjo+T4kq/QukcEPhkKgPr\n1O+ZwY8uwLJ3P+m8UlH0WKt6599wn8jVglQENIipHcDxP6fC6CZRe6WtQQ8P\n2mdDZ1I8do6oEBfDyjM34GoTvh9VmpN2LQRvtQk8jZkp+5oxqeUOfcspm/Ar\nlglo\r\n=Kv7J\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/react-beautiful-dnd.cjs.js","config":{"prettier_target":"*.{js,jsx,md,json} src/**/*.{js,jsx,md,json} test/**/*.{js,jsx,md,json} docs/**/*.{js,jsx,md,json} stories/**/*.{js,jsx,md,json} website/src/**/*.{js,jsx,md,json}"},"module":"dist/react-beautiful-dnd.esm.js","gitHead":"1cd6d138815cc0b3cddf8c10f2f1e850b4df47c9","scripts":{"test":"jest --config ./jest.config.js","build":"yarn build:clean && yarn build:dist && yarn build:flow","prepare":"cd website && yarn","test:ci":"jest test --maxWorkers=2","lint:css":"stylelint \"stories/**/*.{js,jsx}\" \"website/src/**/*.{js,jsx}\"","validate":"yarn prettier:check && yarn lint:eslint && yarn lint:css && yarn typecheck","storybook":"start-storybook -p 9002","typecheck":"flow check --max-warnings=0","build:dist":"rollup -c","build:flow":"echo \"// @flow\n\nexport * from '../src';\" > dist/react-beautiful-dnd.cjs.js.flow","build:clean":"rimraf dist","lint:eslint":"yarn eslint \"./**/*.{js,jsx}\"","test:browser":"testcafe 'chrome:headless,chrome:headless:emulation:device=iphone 6;touch=true' ./test/browser/*  -r spec,xunit:./test-reports/browser/test-results.xml","test:coverage":"yarn test --coverage --coveragePathIgnorePatterns=/debug","website:build":"cd website && yarn build","website:start":"cd website && yarn develop","prepublishOnly":"yarn build","prettier:check":"yarn prettier --debug-check $npm_package_config_prettier_target","prettier:write":"yarn prettier --write $npm_package_config_prettier_target","build-storybook":"build-storybook -c .storybook -o site","bundle-size:check":"cross-env SNAPSHOT=match yarn bundle-size:update","bundle-size:update":"yarn build:clean && yarn build:dist && yarn build:clean","test:browser:local":"testcafe 'chrome' ./test/browser/*"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"jest-junit":{"output":"test-reports/junit/js-test-results.xml"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"6.1.0","description":"Beautiful and accessible drag and drop for lists with React","directories":{},"sideEffects":false,"_nodeVersion":"8.11.3","dependencies":{"redux":"^4.0.1","raf-schd":"^4.0.0","prop-types":"^15.6.1","memoize-one":"^5.0.0","react-redux":"^5.0.7","css-box-model":"^1.1.1","tiny-invariant":"^1.0.3","@babel/runtime-corejs2":"^7.3.0"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^23.6.0","react":"16.4.2","enzyme":"^3.8.0","eslint":"^5.12.1","globby":"^9.0.0","rimraf":"^2.6.3","rollup":"^1.1.2","flow-bin":"0.91.0","prettier":"^1.16.0","raf-stub":"^2.0.2","testcafe":"^0.23.3","cross-env":"^5.2.0","react-dom":"16.4.2","stylelint":"9.10.1","wait-port":"^0.2.2","babel-core":"^7.0.0-bridge.0","babel-jest":"^23.6.0","jest-junit":"^6.0.1","@babel/core":"^7.2.2","babel-eslint":"^10.0.1","babel-loader":"^8.0.5","@emotion/core":"0.x","@storybook/react":"^4.1.7","@babel/preset-env":"^7.3.0","styled-components":"^4.1.3","@babel/preset-flow":"^7.0.0","eslint-plugin-jest":"^22.1.3","rollup-plugin-json":"^3.1.0","@atlaskit/css-reset":"^3.0.5","@babel/preset-react":"^7.0.0","eslint-plugin-react":"^7.12.4","react-test-renderer":"16.4.2","rollup-plugin-babel":"^4.3.2","rollup-plugin-strip":"^1.2.1","eslint-config-airbnb":"^17.1.0","eslint-plugin-import":"^2.14.0","jest-watch-typeahead":"^0.2.0","rollup-plugin-uglify":"^6.0.1","rollup-plugin-replace":"^2.1.0","eslint-config-prettier":"^3.6.0","eslint-plugin-flowtype":"^3.2.1","eslint-plugin-jsx-a11y":"^6.1.2","eslint-plugin-prettier":"^3.0.1","rollup-plugin-commonjs":"^9.2.0","enzyme-adapter-react-16":"^1.7.1","testcafe-reporter-xunit":"^2.1.0","stylelint-config-prettier":"^4.0.0","stylelint-config-standard":"^18.2.0","rollup-plugin-node-resolve":"^4.0.0","babel-plugin-dev-expression":"^0.2.1","rollup-plugin-size-snapshot":"^0.8.0","stylelint-config-recommended":"^2.1.0","babel-plugin-styled-components":"^1.10.0","@babel/plugin-transform-runtime":"^7.2.0","stylelint-config-styled-components":"^0.1.1","stylelint-processor-styled-components":"^1.5.2","@babel/plugin-proposal-class-properties":"^7.3.0","@babel/plugin-transform-modules-commonjs":"^7.2.0"},"peerDependencies":{"react":"^16.3.1"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd_10.0.4_1548719576687_0.31279463398317","host":"s3://npm-registry-packages"},"deprecated":"react-beautiful-dnd is now deprecated. Context and options: https://github.com/atlassian/react-beautiful-dnd/issues/2672"},"10.1.0":{"name":"react-beautiful-dnd","version":"10.1.0","keywords":["drag and drop","dnd","sortable","reorder","reorderable","react","react.js","natural","beautiful"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"apache-2.0","_id":"react-beautiful-dnd@10.1.0","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"},{"name":"jaredcrowe","email":"jared.j.crowe@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"11b8958cfba5c54cb013dcff797efd15a3e0f333","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-10.1.0.tgz","fileCount":215,"integrity":"sha512-oij2ZLIQ6SFmqy/MiXbuO8HUFHQ39gaPsTYj0Ewk0XwbLM32L+diVP0NXbEK7nhYv5lF2jviXGnda+BYMi6+nA==","signatures":[{"sig":"MEUCIQDM5LTOhGvVLWDO82tZAvjm2oG7Xx25O5stQUyt00ebrwIgb9luPMvy8B7lkQNRZlHoELLCXrbPMcHGe+Z8IhcFW3o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1348729,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJchvSwCRA9TVsSAnZWagAAGvUP/AyyUiDlXuUY2tWNQodp\nW3CZ06mWJHxNu+ECr3tH6Ink/A0n3zXGIUwuEd9KTAaQv2c0rqL3CJGMpnKP\n1ht8iBgImbIHnziieKbZGPynhLN4Rb194uVQ91wywu1k02k8Voi8ZS+V3A4A\nlsozkiUEg4R3A4bw3HXUUvzuksriLsi6AaUHxwOli9ribc/dnxUJOdVFzesp\n5Kj2vgYt/F/b4QSO3G26mxBkzMzB9wDClPyGVyyUeLO3tI7btVoeulE99WxZ\niVoSHlVK3WCpm2AOvoXwx6UZzka/sAZYKLolxMsu5L3nWVj3ujKoKcxUmftm\nHg+TZJBzLzOHwKuMh1YtA7gOfWFnPtalI565mcrcvpReuPvODKt/ydwfGx6e\niTP1TNhWHRVMXlcLC7Gmu97EgtKw9a8ZOBpzpNjjQkcGfx9f2yoctcN8uzk0\nYOUCv9AMCN33zeeDuVjvQhN3qnCHme/qReo4EjLziKJRRMVxKDxozEjXnQN5\nlGRHoqK8yHbtQlt/rzMucK/6KhX6Yc+NRyoDP4J1+ItjcgZTgV6E10a7eyoK\neWVfYLmtx2/XwFNs5rf1AFjrjGSQsaV3DJa2wq+jr7YyKn8WIWy8yvzy2pAV\naiQ40x1TPeItxy8KGIQSMOGE+z/R6NMpYr0EG1xm+kgAoQr2jQoYTAx2geE4\n89Z9\r\n=bj3I\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/react-beautiful-dnd.cjs.js","config":{"prettier_target":"*.{js,jsx,md,json} src/**/*.{js,jsx,md,json} test/**/*.{js,jsx,md,json} docs/**/*.{js,jsx,md,json} stories/**/*.{js,jsx,md,json} cypress/**/*.{js,jsx,md,json}"},"module":"dist/react-beautiful-dnd.esm.js","gitHead":"45cc88ad4cdf7cd800a8030932cf221fef8a782e","scripts":{"test":"jest --config ./jest.config.js","build":"yarn build:clean && yarn build:dist && yarn build:flow","test:ci":"jest test --maxWorkers=2","lint:css":"stylelint \"stories/**/*.{js,jsx}\"","validate":"yarn prettier:check && yarn lint:eslint && yarn lint:css && yarn typecheck","storybook":"start-storybook -p 9002","typecheck":"flow check --max-warnings=0","build:dist":"rollup -c","build:flow":"echo \"// @flow\n\nexport * from '../src';\" > dist/react-beautiful-dnd.cjs.js.flow","build:clean":"rimraf dist","lint:eslint":"yarn eslint \"./**/*.{js,jsx}\"","test:browser":"cypress open","test:coverage":"yarn test --coverage --coveragePathIgnorePatterns=/debug","prepublishOnly":"yarn build","prettier:check":"yarn prettier --debug-check $npm_package_config_prettier_target","prettier:write":"yarn prettier --write $npm_package_config_prettier_target","build-storybook":"build-storybook -c .storybook -o site","test:browser:ci":"cypress run","bundle-size:check":"cross-env SNAPSHOT=match yarn bundle-size:update","bundle-size:update":"yarn build:clean && yarn build:dist && yarn build:clean"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"jest-junit":{"output":"test-reports/junit/js-test-results.xml"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"6.1.0","description":"Beautiful and accessible drag and drop for lists with React","directories":{},"sideEffects":false,"_nodeVersion":"8.11.3","dependencies":{"redux":"^4.0.1","raf-schd":"^4.0.0","prop-types":"^15.6.1","memoize-one":"^5.0.0","react-redux":"^5.0.7","css-box-model":"^1.1.1","tiny-invariant":"^1.0.3","@babel/runtime-corejs2":"^7.3.4"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^24.3.1","react":"16.8.4","enzyme":"^3.9.0","eslint":"^5.15.1","globby":"^9.1.0","rimraf":"^2.6.3","rollup":"^1.6.0","cypress":"^3.1.5","webpack":"^4.29.6","flow-bin":"0.94.0","fs-extra":"^7.0.1","prettier":"^1.16.4","raf-stub":"^2.0.2","cross-env":"^5.2.0","react-dom":"16.8.4","stylelint":"^9.10.1","wait-port":"^0.2.2","babel-core":"^7.0.0-bridge.0","babel-jest":"^24.3.1","jest-junit":"^6.3.0","@babel/core":"^7.3.4","markdown-it":"^8.4.2","babel-eslint":"^10.0.1","babel-loader":"^8.0.5","@emotion/core":"^10.0.7","@atlaskit/theme":"^8.0.0","@emotion/styled":"^10.0.7","@storybook/react":"^5.0.1","@babel/preset-env":"^7.3.4","styled-components":"3.x","@babel/preset-flow":"^7.0.0","@storybook/theming":"^5.0.1","eslint-plugin-jest":"^22.3.0","rollup-plugin-json":"^3.1.0","@atlaskit/css-reset":"^3.0.6","@babel/preset-react":"^7.0.0","eslint-plugin-react":"^7.12.4","react-test-renderer":"16.8.4","rollup-plugin-babel":"^4.3.2","rollup-plugin-strip":"^1.2.1","babel-plugin-emotion":"^10.0.7","eslint-config-airbnb":"^17.1.0","eslint-plugin-import":"^2.16.0","jest-watch-typeahead":"^0.2.1","rollup-plugin-uglify":"^6.0.2","eslint-plugin-cypress":"^2.2.1","eslint-plugin-emotion":"^10.0.7","rollup-plugin-replace":"^2.1.0","eslint-config-prettier":"^4.1.0","eslint-plugin-flowtype":"^3.4.2","eslint-plugin-jsx-a11y":"^6.2.1","eslint-plugin-prettier":"^3.0.1","rollup-plugin-commonjs":"^9.2.1","enzyme-adapter-react-16":"^1.10.0","testcafe-reporter-xunit":"^2.1.0","stylelint-config-prettier":"^5.0.0","stylelint-config-standard":"^18.2.0","rollup-plugin-node-resolve":"^4.0.1","babel-plugin-dev-expression":"^0.2.1","rollup-plugin-size-snapshot":"^0.8.0","stylelint-config-recommended":"^2.1.0","@babel/plugin-transform-runtime":"^7.3.4","stylelint-config-styled-components":"^0.1.1","stylelint-processor-styled-components":"^1.5.2","@babel/plugin-proposal-class-properties":"^7.3.4","@babel/plugin-transform-modules-commonjs":"^7.2.0"},"peerDependencies":{"react":"^16.3.1"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd_10.1.0_1552348335500_0.7956373412649096","host":"s3://npm-registry-packages"},"deprecated":"react-beautiful-dnd is now deprecated. Context and options: https://github.com/atlassian/react-beautiful-dnd/issues/2672"},"10.1.1":{"name":"react-beautiful-dnd","version":"10.1.1","keywords":["drag and drop","dnd","sortable","reorder","reorderable","react","react.js","natural","beautiful"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@10.1.1","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"},{"name":"jaredcrowe","email":"jared.j.crowe@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"d753088d77d7632e77cf8a8935fafcffa38f574b","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-10.1.1.tgz","fileCount":219,"integrity":"sha512-TdE06Shfp56wm28EzjgC56EEMgGI5PDHejJ2bxuAZvZr8CVsbksklsJC06Hxf0MSL7FHbflL/RpkJck9isuxHg==","signatures":[{"sig":"MEYCIQDPvS1ckWDSCOgrm5voygHuB4cnTywyuQI0FYLpnXR4vgIhAKkGLT9aU8D2pXYAx20nWLHcrKHQZ1oWhF4KWmBZramN","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1351474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcmuiSCRA9TVsSAnZWagAA1CoP/0d4p2Jiqyob+7Ne963y\nxTnK46hLwqPGF2AwPYTIQQGiBqxnvI4JqGoA7bdLgJJYxSXrlcYeQSFLCh6T\npdAcB6xWobHAgC1Q8dhrnvpK1ZTdMaJP9eU43WFZ4DpbQlvcHJJzG13fikrC\ndh4Tn4IRcnNfC4M91R97R3bpTMWONn+aO3Aaf6g92UikrlLqPrgkWIL0wTDj\n+N5J55ylfDmrsxvqN+Rl3WiNZ6Jp+CzNRZjKe5IRQvy8vtKY7DozLyixb2lS\nIK6eOekdcbFHptDQ+symmSgPdP8FdhbVre0gmgtqzcFvYAvWvCu1dUL0wpuo\nA7gi+ep5tFIy7lielVLc3h/ETsTqxrQ8EOFQzNV2Kei5rtneAy1moqAp5xVr\nmEWwxi4Iq8UaCE+hetqMWRPLVlTmt1jUc/HQ9o2nm6EUSDAhxKaPljmxI5eo\n0APd2lA2Zvzndagfe5dRtFKT8gthM6jQ/1rNzznaPMCHeBsnTRst2yfhE3pO\nTYQVLWkxH5iOqLyUtVzJPA0Z3RdNGt1dKgLjYk2bXm1vlao9SLOBXYmMo4uJ\nMIJml72gE2W1gXDL0GxTAB/PHCv9xLmGi63yCWK8U904jV+06UdZrQLbV4Ty\nsQcPF5cqWDmJ5KwPKVuiDfKRJ+kVD4KG084rDyy1qDJF4P0ZTPLKTVCzoP5t\nYYj+\r\n=64Fr\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/react-beautiful-dnd.cjs.js","config":{"prettier_target":"*.{js,jsx,md,json} src/**/*.{js,jsx,md,json} test/**/*.{js,jsx,md,json} docs/**/*.{js,jsx,md,json} stories/**/*.{js,jsx,md,json} cypress/**/*.{js,jsx,md,json}"},"module":"dist/react-beautiful-dnd.esm.js","gitHead":"416491fa45ae00051291b9672a09d82a8eccc30d","scripts":{"test":"jest --config ./jest.config.js","build":"yarn build:clean && yarn build:dist && yarn build:flow","test:ci":"jest test --maxWorkers=2","lint:css":"stylelint \"stories/**/*.{js,jsx}\"","validate":"yarn prettier:check && yarn lint:eslint && yarn lint:css && yarn typecheck","storybook":"start-storybook -p 9002","typecheck":"flow check --max-warnings=0","build:dist":"rollup -c","build:flow":"echo \"// @flow\n\nexport * from '../src';\" > dist/react-beautiful-dnd.cjs.js.flow","build:clean":"rimraf dist","lint:eslint":"yarn eslint \"./**/*.{js,jsx}\"","test:browser":"cypress open","test:coverage":"yarn test --coverage --coveragePathIgnorePatterns=/debug","prepublishOnly":"yarn build","prettier:check":"yarn prettier --debug-check $npm_package_config_prettier_target","prettier:write":"yarn prettier --write $npm_package_config_prettier_target","build-storybook":"build-storybook -c .storybook -o site","test:browser:ci":"cypress run","bundle-size:check":"cross-env SNAPSHOT=match yarn bundle-size:update","bundle-size:update":"yarn build:clean && yarn build:dist && yarn build:clean"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"jest-junit":{"output":"test-reports/junit/js-test-results.xml"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"6.1.0","description":"Beautiful and accessible drag and drop for lists with React","directories":{},"sideEffects":false,"_nodeVersion":"8.11.3","dependencies":{"redux":"^4.0.1","raf-schd":"^4.0.0","prop-types":"^15.6.1","memoize-one":"^5.0.1","react-redux":"^5.0.7","css-box-model":"^1.1.1","tiny-invariant":"^1.0.4","@babel/runtime-corejs2":"^7.4.2"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^24.5.0","react":"16.8.5","enzyme":"^3.9.0","eslint":"^5.15.3","globby":"^9.1.0","rimraf":"^2.6.3","rollup":"^1.7.3","cypress":"^3.2.0","webpack":"^4.29.6","flow-bin":"0.95.1","fs-extra":"^7.0.1","prettier":"^1.16.4","raf-stub":"^2.0.2","cross-env":"^5.2.0","react-dom":"16.8.5","stylelint":"^9.10.1","wait-port":"^0.2.2","babel-core":"^7.0.0-bridge.0","babel-jest":"^24.5.0","jest-junit":"^6.3.0","@babel/core":"^7.4.0","markdown-it":"^8.4.2","babel-eslint":"^10.0.1","babel-loader":"^8.0.5","@emotion/core":"^10.0.10","@atlaskit/theme":"^8.1.1","@emotion/styled":"^10.0.10","emotion-theming":"^10.0.10","@storybook/react":"^5.0.5","@babel/preset-env":"^7.4.2","styled-components":"3.x","@babel/preset-flow":"^7.0.0","@storybook/theming":"^5.0.5","eslint-plugin-jest":"^22.4.1","rollup-plugin-json":"^4.0.0","@atlaskit/css-reset":"^3.0.6","@babel/preset-react":"^7.0.0","eslint-plugin-react":"^7.12.4","react-test-renderer":"16.8.5","rollup-plugin-babel":"^4.3.2","rollup-plugin-strip":"^1.2.1","babel-plugin-emotion":"^10.0.9","eslint-config-airbnb":"^17.1.0","eslint-plugin-import":"^2.16.0","jest-watch-typeahead":"^0.2.1","rollup-plugin-uglify":"^6.0.2","eslint-plugin-cypress":"^2.2.1","eslint-plugin-emotion":"^10.0.7","rollup-plugin-replace":"^2.1.1","eslint-config-prettier":"^4.1.0","eslint-plugin-flowtype":"^3.4.2","eslint-plugin-jsx-a11y":"^6.2.1","eslint-plugin-prettier":"^3.0.1","rollup-plugin-commonjs":"^9.2.2","enzyme-adapter-react-16":"^1.11.2","testcafe-reporter-xunit":"^2.1.0","eslint-plugin-react-hooks":"^1.6.0","stylelint-config-prettier":"^5.0.0","stylelint-config-standard":"^18.2.0","rollup-plugin-node-resolve":"^4.0.1","babel-plugin-dev-expression":"^0.2.1","rollup-plugin-size-snapshot":"^0.8.0","stylelint-config-recommended":"^2.1.0","@babel/plugin-transform-runtime":"^7.4.0","stylelint-config-styled-components":"^0.1.1","stylelint-processor-styled-components":"^1.6.0","@babel/plugin-proposal-class-properties":"^7.4.0","@babel/plugin-transform-modules-commonjs":"^7.4.0"},"peerDependencies":{"react":"^16.3.1"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd_10.1.1_1553655953658_0.003930897544391465","host":"s3://npm-registry-packages"},"deprecated":"react-beautiful-dnd is now deprecated. Context and options: https://github.com/atlassian/react-beautiful-dnd/issues/2672"},"11.0.0-beta":{"name":"react-beautiful-dnd","version":"11.0.0-beta","keywords":["drag and drop","dnd","sortable","reorder","reorderable","react","react.js","natural","beautiful"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@11.0.0-beta","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"},{"name":"jaredcrowe","email":"jared.j.crowe@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"75f2c459c0af71a75be081ef6bb8c6bd295959d3","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-11.0.0-beta.tgz","fileCount":234,"integrity":"sha512-K2pHVdiGbyMB8COlPMnnuftGH5xUV//XZFECxPaPuFfCXc+tciK0Rxi3wUN5IBJe2IcdqyHy0PhPqZ2Q2RkbrQ==","signatures":[{"sig":"MEUCIQC2LdIn8/ynTzN/QcWUshst+s0XasLD9E+LU5N7SFlJowIgBoinBAJuQlebd2+VFxunUh+9W8rt4n8O5wd+3rUCrKM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1399789,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcpD9BCRA9TVsSAnZWagAAC2gP/iAAdC7olGYzq1zpaDiE\nwSN1zhbPTQFnYzzwY+WrBQR459XSRmjtEuG52bfVpXIaMUKTqt5cED14bmYY\ngSSrFblvvzPiqU6duHYnwReO/y4ZCoKz+Wnsgwmtjqo2uuazd0PLgtBA4RNz\nzYKQqf9jDKf03StAJ/nqqKJsbaCT/WOsz6TW1FIMNbvqBHxrMX5ibumvcJwu\nZlWcYV2fJtc8MVZew3Aj0XFPEhgMh4PMlv4j5sEue3zTnGwzvbx/RSb/snDe\nC3zHBD2cSW+7QdeNQ0TwxeouMLvpUuk5xSOZdFcz6YKuuoRJqkS8NeeYmDtg\n3R7b2Ql8owmxF9mrPD39he61CjZ5Ey2m0Z3XoqAfmjRnUVBxTiR2hYcI5FJh\njwCUIWORt96G9DT6N8luozqxo82gYNYUs0RXIaXbTNEnGioJGTVwliaaPhu4\nWv9QoZAZShYnGk7IeAkSjmugiVgjLw2cDZae+PmJSUx167njdmcreQFr8izz\nnOAKKJ+1wGnFuCqrv4hsR5jpLUXRq3q1Bi20H5nAWCtAofmL45cDxk7UjZlW\nsCmX48fY50UQ9rKGDZrKVViS178MYVilJ70Rxr4JQf2n4rwwODvUpY80YNao\n13wzwPy4cvqnTGD4lUXH1Lgjnju7Pui5XW/G2RvY4YAMAIMKfn2oJi6xzNEw\nSTqv\r\n=ikHJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/react-beautiful-dnd.cjs.js","config":{"prettier_target":"*.{js,jsx,md,json} src/**/*.{js,jsx,md,json} test/**/*.{js,jsx,md,json} docs/**/*.{js,jsx,md,json} stories/**/*.{js,jsx,md,json} cypress/**/*.{js,jsx,md,json}"},"module":"dist/react-beautiful-dnd.esm.js","gitHead":"0fc6aa4b6bd9cfd186d3325d29d95224a17a37d2","scripts":{"test":"jest --config ./jest.config.js","build":"yarn build:clean && yarn build:dist && yarn build:flow","test:ci":"jest test --maxWorkers=2","lint:css":"stylelint \"stories/**/*.{js,jsx}\"","validate":"yarn prettier:check && yarn lint:eslint && yarn lint:css && yarn typecheck","storybook":"start-storybook -p 9002","typecheck":"flow check --max-warnings=0","build:dist":"rollup -c","build:flow":"echo \"// @flow\n\nexport * from '../src';\" > dist/react-beautiful-dnd.cjs.js.flow","build:clean":"rimraf dist","lint:eslint":"yarn eslint \"./**/*.{js,jsx}\"","test:browser":"cypress open","test:coverage":"yarn test --coverage --coveragePathIgnorePatterns=/debug","prepublishOnly":"yarn build","prettier:check":"yarn prettier --debug-check $npm_package_config_prettier_target","prettier:write":"yarn prettier --write $npm_package_config_prettier_target","build-storybook":"build-storybook -c .storybook -o site","test:browser:ci":"cypress run","bundle-size:check":"cross-env SNAPSHOT=match yarn bundle-size:update","bundle-size:update":"yarn build:clean && yarn build:dist && yarn build:clean"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"jest-junit":{"output":"test-reports/junit/js-test-results.xml"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"6.1.0","description":"Beautiful and accessible drag and drop for lists with React","directories":{},"sideEffects":false,"_nodeVersion":"8.11.3","dependencies":{"redux":"^4.0.1","raf-schd":"^4.0.0","memoize-one":"^5.0.1","react-redux":"7.0.0-beta.0","use-memo-one":"^1.0.0","css-box-model":"^1.1.1","tiny-invariant":"^1.0.4","@babel/runtime-corejs2":"^7.4.2"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^24.5.0","react":"16.8.5","enzyme":"^3.9.0","eslint":"^5.15.3","globby":"^9.1.0","rimraf":"^2.6.3","rollup":"^1.7.3","cypress":"^3.2.0","webpack":"^4.29.6","flow-bin":"0.95.1","fs-extra":"^7.0.1","prettier":"^1.16.4","raf-stub":"^2.0.2","cross-env":"^5.2.0","react-dom":"16.8.5","stylelint":"^9.10.1","wait-port":"^0.2.2","babel-core":"^7.0.0-bridge.0","babel-jest":"^24.5.0","jest-junit":"^6.3.0","@babel/core":"^7.4.0","markdown-it":"^8.4.2","babel-eslint":"^10.0.1","babel-loader":"^8.0.5","@emotion/core":"^10.0.10","@atlaskit/theme":"^8.1.1","@emotion/styled":"^10.0.10","emotion-theming":"^10.0.10","@storybook/react":"^5.0.5","@babel/preset-env":"^7.4.2","styled-components":"3.x","@babel/preset-flow":"^7.0.0","@storybook/theming":"^5.0.5","eslint-plugin-jest":"^22.4.1","rollup-plugin-json":"^4.0.0","@atlaskit/css-reset":"^3.0.6","@babel/preset-react":"^7.0.0","eslint-plugin-react":"^7.12.4","react-test-renderer":"16.8.5","rollup-plugin-babel":"^4.3.2","rollup-plugin-strip":"^1.2.1","babel-plugin-emotion":"^10.0.9","eslint-config-airbnb":"^17.1.0","eslint-plugin-import":"^2.16.0","jest-watch-typeahead":"^0.2.1","rollup-plugin-uglify":"^6.0.2","eslint-plugin-cypress":"^2.2.1","eslint-plugin-emotion":"^10.0.7","rollup-plugin-replace":"^2.1.1","eslint-config-prettier":"^4.1.0","eslint-plugin-flowtype":"^3.4.2","eslint-plugin-jsx-a11y":"^6.2.1","eslint-plugin-prettier":"^3.0.1","rollup-plugin-commonjs":"^9.2.2","enzyme-adapter-react-16":"^1.11.2","testcafe-reporter-xunit":"^2.1.0","eslint-plugin-react-hooks":"^1.6.0","stylelint-config-prettier":"^5.0.0","stylelint-config-standard":"^18.2.0","rollup-plugin-node-resolve":"^4.0.1","babel-plugin-dev-expression":"^0.2.1","rollup-plugin-size-snapshot":"^0.8.0","stylelint-config-recommended":"^2.1.0","@babel/plugin-transform-runtime":"^7.4.0","stylelint-config-styled-components":"^0.1.1","stylelint-processor-styled-components":"^1.6.0","@babel/plugin-proposal-class-properties":"^7.4.0","@babel/plugin-transform-modules-commonjs":"^7.4.0"},"peerDependencies":{"react":"^16.8.0"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd_11.0.0-beta_1554267968559_0.19947232965739659","host":"s3://npm-registry-packages"}},"11.0.0-beta.2":{"name":"react-beautiful-dnd","version":"11.0.0-beta.2","keywords":["drag and drop","dnd","sortable","reorder","reorderable","react","react.js","natural","beautiful"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@11.0.0-beta.2","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"},{"name":"jaredcrowe","email":"jared.j.crowe@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"5bd5fa328f08ddec0555daf4acb64c7e03db4f96","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-11.0.0-beta.2.tgz","fileCount":233,"integrity":"sha512-b3cDEfBzS3AzfsqqBXIfNMxFqOD/2aBYm/9qwGfoP+nEbhGYt/hsUmATTRykXJ/XOVA6qA/e1RAZ5lt++hWEeg==","signatures":[{"sig":"MEUCIQDuZ5A87NWjMdtcv9g9ZprKNPVOXB3wVeKI/9qoOY6WjwIgT3bQ80f+MYbYeOm4+k4IkCtwJdF6fch9LgqSNxECuoU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1399960,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcqtZICRA9TVsSAnZWagAAAoIP/2cm3dJGkdCXCGWBIcoa\nTRWul9adp6a2WejwPEbNir978CdUcfQNv+jTXG5nSK00srtPZLFhi3/gGZ01\nTNfa4mtLeMPSv+FAvvGKVsAuA+5ODiGM+RAeRC61wfxXZQOMaLve4lMiuYut\niw4mG9mE1PacpE6aYdk6ca8qqmc5tubagumgS2uWiP0pvpQya5TpPJKmEaVm\n2fbhgnhqgqYHBFCVac2uw/eQdiIUPhlSbGwnR9R/owfJEvVpvPTClFuLW1l9\nJ274rWw5cOyjUi9WjZq31fIuMOSiKTO5lSdUTLIhBhRw6WoKth6abiTvkXxH\nShT5lu5W1aJdPEzI+Ds2OpeBxCCGJiL3myyo0QoY2hDj9ikk7p1lWbiltHg8\nGtZcD01Yln/Owz5OzVyqqSH4JNGsI3GB6bIQJbGG8R5589oIl3DITzPPsK0Z\nJY3ZALx04f+dRsnDlCrBy3hiYAlZ+W9myabxrFIZU398NSXeOKWriBqWeNmV\ngQCJj6UDyCm/rn5fbAc0jsCEesfiUTQ3781w7lQELp2bIClqpYpXXrkAeSRz\nRo5KFPjDKfMd4XdxwoIQD400BxcL4rKiPhQPn6IZegb2sGv2WfJ8AXJ0kzcw\npV460zL810talY7kT73cNIF12iEBEMurGgelNrMZdMbT7ZXNWuydfRM2jEdq\n1G0V\r\n=y++D\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/react-beautiful-dnd.cjs.js","config":{"prettier_target":"*.{js,jsx,md,json} src/**/*.{js,jsx,md,json} test/**/*.{js,jsx,md,json} docs/**/*.{js,jsx,md,json} stories/**/*.{js,jsx,md,json} cypress/**/*.{js,jsx,md,json}"},"module":"dist/react-beautiful-dnd.esm.js","gitHead":"655ce1bdb9e698922222953a5740a9bcd76eb5f8","scripts":{"test":"jest --config ./jest.config.js","build":"yarn build:clean && yarn build:dist && yarn build:flow","test:ci":"jest test --maxWorkers=2","lint:css":"stylelint \"stories/**/*.{js,jsx}\"","validate":"yarn prettier:check && yarn lint:eslint && yarn lint:css && yarn typecheck","storybook":"start-storybook -p 9002","typecheck":"flow check --max-warnings=0","build:dist":"rollup -c","build:flow":"echo \"// @flow\n\nexport * from '../src';\" > dist/react-beautiful-dnd.cjs.js.flow","build:clean":"rimraf dist","lint:eslint":"yarn eslint \"./**/*.{js,jsx}\"","test:browser":"cypress open","test:coverage":"yarn test --coverage --coveragePathIgnorePatterns=/debug","prepublishOnly":"yarn build","prettier:check":"yarn prettier --debug-check $npm_package_config_prettier_target","prettier:write":"yarn prettier --write $npm_package_config_prettier_target","build-storybook":"build-storybook -c .storybook -o site","test:browser:ci":"cypress run","bundle-size:check":"cross-env SNAPSHOT=match yarn bundle-size:update","bundle-size:update":"yarn build:clean && yarn build:dist && yarn build:clean"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"jest-junit":{"output":"test-reports/junit/js-test-results.xml"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"6.1.0","description":"Beautiful and accessible drag and drop for lists with React","directories":{},"sideEffects":false,"_nodeVersion":"8.11.3","dependencies":{"redux":"^4.0.1","raf-schd":"^4.0.0","memoize-one":"^5.0.4","react-redux":"7.0.0-beta.1","use-memo-one":"^1.0.1","css-box-model":"^1.1.1","tiny-invariant":"^1.0.4","@babel/runtime-corejs2":"^7.4.3"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^24.7.1","react":"^16.8.6","enzyme":"^3.9.0","eslint":"^5.16.0","globby":"^9.2.0","rimraf":"^2.6.3","rollup":"^1.9.0","cypress":"^3.2.0","webpack":"^4.29.6","flow-bin":"0.96.0","fs-extra":"^7.0.1","prettier":"^1.16.4","raf-stub":"^2.0.2","cross-env":"^5.2.0","react-dom":"^16.8.6","stylelint":"^9.10.1","wait-port":"^0.2.2","babel-core":"^7.0.0-bridge.0","babel-jest":"^24.7.1","jest-junit":"^6.3.0","@babel/core":"^7.4.3","markdown-it":"^8.4.2","babel-eslint":"^10.0.1","babel-loader":"^8.0.5","@emotion/core":"^10.0.10","@atlaskit/theme":"^8.1.4","@emotion/styled":"^10.0.10","emotion-theming":"^10.0.10","@storybook/react":"^5.0.6","@babel/preset-env":"^7.4.3","styled-components":"3.x","@babel/preset-flow":"^7.0.0","@storybook/theming":"^5.0.6","eslint-plugin-jest":"^22.4.1","rollup-plugin-json":"^4.0.0","@atlaskit/css-reset":"^3.0.7","@babel/preset-react":"^7.0.0","eslint-plugin-react":"^7.12.4","react-test-renderer":"^16.8.6","rollup-plugin-babel":"^4.3.2","rollup-plugin-strip":"^1.2.1","babel-plugin-emotion":"^10.0.9","eslint-config-airbnb":"^17.1.0","eslint-plugin-import":"^2.16.0","jest-watch-typeahead":"^0.3.0","rollup-plugin-uglify":"^6.0.2","eslint-plugin-cypress":"^2.2.1","eslint-plugin-emotion":"^10.0.7","rollup-plugin-replace":"^2.1.1","eslint-config-prettier":"^4.1.0","eslint-plugin-flowtype":"^3.5.1","eslint-plugin-jsx-a11y":"^6.2.1","eslint-plugin-prettier":"^3.0.1","rollup-plugin-commonjs":"^9.3.4","enzyme-adapter-react-16":"^1.12.1","testcafe-reporter-xunit":"^2.1.0","eslint-plugin-react-hooks":"^1.6.0","stylelint-config-prettier":"^5.0.0","stylelint-config-standard":"^18.2.0","rollup-plugin-node-resolve":"^4.2.1","babel-plugin-dev-expression":"^0.2.1","rollup-plugin-size-snapshot":"^0.8.0","stylelint-config-recommended":"^2.1.0","@babel/plugin-transform-runtime":"^7.4.3","stylelint-config-styled-components":"^0.1.1","stylelint-processor-styled-components":"^1.6.0","@babel/plugin-proposal-class-properties":"^7.4.0","@babel/plugin-transform-modules-commonjs":"^7.4.3"},"peerDependencies":{"react":"^16.8.0"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd_11.0.0-beta.2_1554699847192_0.8973363524212825","host":"s3://npm-registry-packages"}},"11.0.0-beta.3":{"name":"react-beautiful-dnd","version":"11.0.0-beta.3","keywords":["drag and drop","dnd","sortable","reorder","reorderable","react","react.js","natural","beautiful"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@11.0.0-beta.3","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"},{"name":"jaredcrowe","email":"jared.j.crowe@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"b568f8d96478f06e8a7ae983ccf47fe90a91fb3b","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-11.0.0-beta.3.tgz","fileCount":233,"integrity":"sha512-eJ3yfsXQq5dQlOYXfC/E+QS4sLGylt2sG8WfKs/v2IH0GEFCrpsP0zE7AiLyaaQ+qqlDXI4ghnOXHTgMSI2d4Q==","signatures":[{"sig":"MEQCIAWTd64CqVx+7pCsJ85qm2AGpBSNUQlKLEzKnN1UkQVfAiAf0GvzT3xrg7K+eS6pu34kfAygZRLq2S+MZ/5J8ImPJg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1400325,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcrYqlCRA9TVsSAnZWagAA9vcP/iPo3Yhf9p5C3x2OqK6H\ngWnRYR0gSL8pJCa4Yn1H5MXC4+Ul3qKFkHjeULa8A+dnxMBb/TqFGdMw0uH/\ncm3IQltVTKSZlqKVJcKMuSMqN5KVMbfy5XjxUMxHVv7iTw1vZUTvzaG4R9/G\ndFcThLeDN4YmfbS+UdE8uxqqyDFXPY7Oael24cMuAr977FhSKX6X02wTOock\n09DjuUtAlqcPy/txaIhsZSH1/kR/hoy5Exsxj28W8iEq11TBpeLWWo8fWQQ+\n1xxBjsYPdMhLTqsD984Mu9o8atheRau9vRv+5Z/R2F5TTvUjD2GkI8b67wN3\nzonOrSy9kFNprR1AjyCAXS1WtafTzMmEyygKbMKBQa2pRtHJG+g72WpiDwBV\n7OAC8bwYRpJq7O3RgXw/cEBoRpQnqvIZruf9nFy/AGkwc3rWQDQv7C35Jchg\n0E7hyF/lfQvPV6CmdQr6nfC8vpMnFcop5DFw/ouwpJjwJL+z+wbZD6GQlWd4\nkPzf6TEw0k8iRjsP+cqjGSI8mEH9dWwbXJRY/yfhVPMiJ/cCsKO30quoivnS\n+KRYc3b0vwULx/fM1tDlmBWG0boFwghzc798RnrLq9nfkcFfbL0Um7o6JIQ6\nMLJb7rYfgWUCz6gnoBcGbJzOGOjqfekZrU9XRQvnQgQffJ4eWWQfvf6JR+yY\n6Ir+\r\n=DJJO\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/react-beautiful-dnd.cjs.js","config":{"prettier_target":"*.{js,jsx,md,json} src/**/*.{js,jsx,md,json} test/**/*.{js,jsx,md,json} docs/**/*.{js,jsx,md,json} stories/**/*.{js,jsx,md,json} cypress/**/*.{js,jsx,md,json}"},"module":"dist/react-beautiful-dnd.esm.js","gitHead":"efe6ef3c678257f774a22d149c331d2b89e09b93","scripts":{"test":"jest --config ./jest.config.js","build":"yarn build:clean && yarn build:dist && yarn build:flow","test:ci":"jest test --maxWorkers=2","lint:css":"stylelint \"stories/**/*.{js,jsx}\"","validate":"yarn prettier:check && yarn lint:eslint && yarn lint:css && yarn typecheck","storybook":"start-storybook -p 9002","typecheck":"flow check --max-warnings=0","build:dist":"rollup -c","build:flow":"echo \"// @flow\n\nexport * from '../src';\" > dist/react-beautiful-dnd.cjs.js.flow","build:clean":"rimraf dist","lint:eslint":"yarn eslint \"./**/*.{js,jsx}\"","test:browser":"cypress open","test:coverage":"yarn test --coverage --coveragePathIgnorePatterns=/debug","prepublishOnly":"yarn build","prettier:check":"yarn prettier --debug-check $npm_package_config_prettier_target","prettier:write":"yarn prettier --write $npm_package_config_prettier_target","build-storybook":"build-storybook -c .storybook -o site","test:browser:ci":"cypress run","bundle-size:check":"cross-env SNAPSHOT=match yarn bundle-size:update","bundle-size:update":"yarn build:clean && yarn build:dist && yarn build:clean"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"jest-junit":{"output":"test-reports/junit/js-test-results.xml"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"6.1.0","description":"Beautiful and accessible drag and drop for lists with React","directories":{},"sideEffects":false,"_nodeVersion":"8.11.3","dependencies":{"redux":"^4.0.1","raf-schd":"^4.0.0","memoize-one":"^5.0.4","react-redux":"^7.0.1","use-memo-one":"^1.0.1","css-box-model":"^1.1.1","tiny-invariant":"^1.0.4","@babel/runtime-corejs2":"^7.4.3"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^24.7.1","react":"^16.8.6","enzyme":"^3.9.0","eslint":"^5.16.0","globby":"^9.2.0","rimraf":"^2.6.3","rollup":"^1.9.0","cypress":"^3.2.0","webpack":"^4.29.6","flow-bin":"0.96.0","fs-extra":"^7.0.1","prettier":"^1.16.4","raf-stub":"^2.0.2","cross-env":"^5.2.0","react-dom":"^16.8.6","stylelint":"^9.10.1","wait-port":"^0.2.2","babel-core":"^7.0.0-bridge.0","babel-jest":"^24.7.1","jest-junit":"^6.3.0","@babel/core":"^7.4.3","markdown-it":"^8.4.2","babel-eslint":"^10.0.1","babel-loader":"^8.0.5","@emotion/core":"^10.0.10","@atlaskit/theme":"^8.1.4","@emotion/styled":"^10.0.10","emotion-theming":"^10.0.10","@storybook/react":"^5.0.6","@babel/preset-env":"^7.4.3","styled-components":"3.x","@babel/preset-flow":"^7.0.0","@storybook/theming":"^5.0.6","eslint-plugin-jest":"^22.4.1","rollup-plugin-json":"^4.0.0","@atlaskit/css-reset":"^3.0.7","@babel/preset-react":"^7.0.0","eslint-plugin-react":"^7.12.4","react-test-renderer":"^16.8.6","rollup-plugin-babel":"^4.3.2","rollup-plugin-strip":"^1.2.1","babel-plugin-emotion":"^10.0.9","eslint-config-airbnb":"^17.1.0","eslint-plugin-import":"^2.16.0","jest-watch-typeahead":"^0.3.0","rollup-plugin-uglify":"^6.0.2","eslint-plugin-cypress":"^2.2.1","eslint-plugin-emotion":"^10.0.7","rollup-plugin-replace":"^2.1.1","eslint-config-prettier":"^4.1.0","eslint-plugin-flowtype":"^3.6.0","eslint-plugin-jsx-a11y":"^6.2.1","eslint-plugin-prettier":"^3.0.1","rollup-plugin-commonjs":"^9.3.4","enzyme-adapter-react-16":"^1.12.1","testcafe-reporter-xunit":"^2.1.0","eslint-plugin-react-hooks":"^1.6.0","stylelint-config-prettier":"^5.0.0","stylelint-config-standard":"^18.2.0","rollup-plugin-node-resolve":"^4.2.1","babel-plugin-dev-expression":"^0.2.1","rollup-plugin-size-snapshot":"^0.8.0","stylelint-config-recommended":"^2.1.0","@babel/plugin-transform-runtime":"^7.4.3","stylelint-config-styled-components":"^0.1.1","stylelint-processor-styled-components":"^1.6.0","@babel/plugin-proposal-class-properties":"^7.4.0","@babel/plugin-transform-modules-commonjs":"^7.4.3"},"peerDependencies":{"react":"^16.8.0"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd_11.0.0-beta.3_1554877092396_0.14963906235988134","host":"s3://npm-registry-packages"}},"11.0.0":{"name":"react-beautiful-dnd","version":"11.0.0","keywords":["drag and drop","dnd","sortable","reorder","reorderable","react","react.js","natural","beautiful"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@11.0.0","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"},{"name":"jaredcrowe","email":"jared.j.crowe@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"c7a9b7afe9824c6bdcaab84d41a1af7708fd7e0a","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-11.0.0.tgz","fileCount":233,"integrity":"sha512-yL5YSE73e1Obl/aUYVZ/cBfcK2nF04r9POaJ75Fq6838DHqqeAUpYjOF8JvHiNXzUbIl3ALdoUoLCUbS0D+aWg==","signatures":[{"sig":"MEQCIH+6JXaAy/VKMOSt8d9rAtk0Zg21EAPQMHZADR9dTKntAiAop4sZCKYUvFPk/fe1g2C8AaOo53SMTDF4+MXL3r3EYw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1400726,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJctA8hCRA9TVsSAnZWagAA1NIP/jE/96TXuhZZa9B9QSHH\nXpqrNDilPCXK+L/2aOpWfONdSiaGwroeRm3eZWfKroWcrzneRya1mZdeQNQW\nqQ3YZJbndJA168NlQ84PiTEfcnK4jNF7xjLAn8OK3Zje6m/CR1CbOXeSW9tb\ndhJWY9Nd9MxpjF0b77zEdeKcfg9lJYwmk+BGkqCdQuh4ASKXa6uROcRxOpwg\nShEoPjwLZ/kk+0JIYN8c4yQqSCLLFkjVI2mes6UUd7jozU5EjwK+WCS3ifkG\nQ7OV45MzdHmz4IMgUlzZ335URf94cyk8qLj71z+aGgHlqowalct7MnqTGSSY\nFVgjslQm2hL0LoyYzQwYHgxoNbxg23Z0WFLfbTDf2PER/LUqI+NM46Vta949\n+WMNkM9KIBJmuWbdyjceZ3SYu8IdkUWFBJ0cDaYfAJKYvosha02INuJgQ57n\nMPLQJOC1XukhbIctbct/hlJbzb2RLHj+OSh9JVARm9q0P1+hxDVRWK5c4fZn\nqC15IWIvBHv9+AdTmYHfD2piH7IjgHuKESYFDx2pynNL0bRHIsicR6yacKl+\nzgYrDaxUHkxFvdm1ZfiR/oAMn3YeQ766AwOr1dytOW304u/p1BXqzUp00O2+\nM979B3CRWRCTCrWw0BvFgACZd8WQ47ZP0cKItkK51fjxkg1OdPmyCM1d16yk\nZ3Y/\r\n=1Hze\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/react-beautiful-dnd.cjs.js","config":{"prettier_target":"*.{js,jsx,md,json} src/**/*.{js,jsx,md,json} test/**/*.{js,jsx,md,json} docs/**/*.{js,jsx,md,json} stories/**/*.{js,jsx,md,json} cypress/**/*.{js,jsx,md,json}"},"module":"dist/react-beautiful-dnd.esm.js","gitHead":"c798045733a63e00e46a540ec33ab54c3a0b2279","scripts":{"test":"jest --config ./jest.config.js","build":"yarn build:clean && yarn build:dist && yarn build:flow","test:ci":"jest test --maxWorkers=2","lint:css":"stylelint \"stories/**/*.{js,jsx}\"","validate":"yarn prettier:check && yarn lint:eslint && yarn lint:css && yarn typecheck","storybook":"start-storybook -p 9002","typecheck":"flow check --max-warnings=0","build:dist":"rollup -c","build:flow":"echo \"// @flow\n\nexport * from '../src';\" > dist/react-beautiful-dnd.cjs.js.flow","build:clean":"rimraf dist","lint:eslint":"yarn eslint \"./**/*.{js,jsx}\"","test:browser":"cypress open","test:coverage":"yarn test --coverage --coveragePathIgnorePatterns=/debug","prepublishOnly":"yarn build","prettier:check":"yarn prettier --debug-check $npm_package_config_prettier_target","prettier:write":"yarn prettier --write $npm_package_config_prettier_target","build-storybook":"build-storybook -c .storybook -o site","test:browser:ci":"cypress run","bundle-size:check":"cross-env SNAPSHOT=match yarn bundle-size:update","bundle-size:update":"yarn build:clean && yarn build:dist && yarn build:clean"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"jest-junit":{"output":"test-reports/junit/js-test-results.xml"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"6.4.1","description":"Beautiful and accessible drag and drop for lists with React","directories":{},"sideEffects":false,"_nodeVersion":"10.15.3","dependencies":{"redux":"^4.0.1","raf-schd":"^4.0.0","memoize-one":"^5.0.4","react-redux":"^7.0.2","use-memo-one":"^1.0.1","css-box-model":"^1.1.1","tiny-invariant":"^1.0.4","@babel/runtime-corejs2":"^7.4.3"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^24.7.1","react":"^16.8.6","enzyme":"^3.9.0","eslint":"^5.16.0","globby":"^9.2.0","rimraf":"^2.6.3","rollup":"^1.9.0","cypress":"^3.2.0","webpack":"^4.29.6","flow-bin":"0.96.0","fs-extra":"^7.0.1","prettier":"^1.16.4","raf-stub":"^2.0.2","cross-env":"^5.2.0","react-dom":"^16.8.6","stylelint":"^9.10.1","wait-port":"^0.2.2","babel-core":"^7.0.0-bridge.0","babel-jest":"^24.7.1","jest-junit":"^6.3.0","@babel/core":"^7.4.3","markdown-it":"^8.4.2","babel-eslint":"^10.0.1","babel-loader":"^8.0.5","@emotion/core":"^10.0.10","@atlaskit/theme":"^8.1.4","@emotion/styled":"^10.0.10","emotion-theming":"^10.0.10","@storybook/react":"^5.0.6","@babel/preset-env":"^7.4.3","styled-components":"3.x","@babel/preset-flow":"^7.0.0","@storybook/theming":"^5.0.6","eslint-plugin-jest":"^22.4.1","rollup-plugin-json":"^4.0.0","@atlaskit/css-reset":"^3.0.7","@babel/preset-react":"^7.0.0","eslint-plugin-react":"^7.12.4","react-test-renderer":"^16.8.6","rollup-plugin-babel":"^4.3.2","rollup-plugin-strip":"^1.2.1","babel-plugin-emotion":"^10.0.9","eslint-config-airbnb":"^17.1.0","eslint-plugin-import":"^2.16.0","jest-watch-typeahead":"^0.3.0","rollup-plugin-uglify":"^6.0.2","eslint-plugin-cypress":"^2.2.1","eslint-plugin-emotion":"^10.0.7","rollup-plugin-replace":"^2.1.1","eslint-config-prettier":"^4.1.0","eslint-plugin-flowtype":"^3.6.0","eslint-plugin-jsx-a11y":"^6.2.1","eslint-plugin-prettier":"^3.0.1","rollup-plugin-commonjs":"^9.3.4","enzyme-adapter-react-16":"^1.12.1","testcafe-reporter-xunit":"^2.1.0","eslint-plugin-react-hooks":"^1.6.0","stylelint-config-prettier":"^5.0.0","stylelint-config-standard":"^18.2.0","rollup-plugin-node-resolve":"^4.2.1","babel-plugin-dev-expression":"^0.2.1","rollup-plugin-size-snapshot":"^0.8.0","stylelint-config-recommended":"^2.1.0","@babel/plugin-transform-runtime":"^7.4.3","stylelint-config-styled-components":"^0.1.1","stylelint-processor-styled-components":"^1.6.0","@babel/plugin-proposal-class-properties":"^7.4.0","@babel/plugin-transform-modules-commonjs":"^7.4.3"},"peerDependencies":{"react":"^16.8.5"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd_11.0.0_1555304224652_0.9508983294246469","host":"s3://npm-registry-packages"},"deprecated":"react-beautiful-dnd is now deprecated. Context and options: https://github.com/atlassian/react-beautiful-dnd/issues/2672"},"11.0.1":{"name":"react-beautiful-dnd","version":"11.0.1","keywords":["drag and drop","dnd","sortable","reorder","reorderable","react","react.js","natural","beautiful"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@11.0.1","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"},{"name":"jaredcrowe","email":"jared.j.crowe@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"2790a1d5404f28555e4f53850257ca1c84f780bb","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-11.0.1.tgz","fileCount":233,"integrity":"sha512-GEdXVO53IXUDVphEo+6wh1mmR1uRqCPRshUsguuQjcryeaczS8g5BEqoS5PlWfuNzFvsJZzG1SQQQbk6Q4tx1g==","signatures":[{"sig":"MEQCIA/H/VJIpHZJ1nAyBTWZx6yToMMbAECJQgiiThP3AD50AiAM6Ea3K6bV7/+U911QEnLVbeBolvgQ5dvqipPikJALsw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1402960,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcv8NGCRA9TVsSAnZWagAAuTEQAJVjPgJ9uuvs2A/DHPVn\nv8DYcIIIPGnK3ADZnRaYvZd/d0BkZJi4/cTYdwtBt7HYwuDDgRpYu9w/vMQ1\nz60S7/sK6GQswqKhb9m9j4PxreDG4pHuWIqHXt0OfWySLXqOSnW1w8pbc3E5\nNMil4LuTGdfElG5GI0j7dDyZ0mBRNgOekF6f2c0fXNR3Zr2r1UMRc+MAKp/4\np6RkG4xzwSYASCs9iUN3gqmP0o7rOePkvaXPo9oTgETqRsUh7prDmcdiRmNT\nci6j73TRLnL5vjwnoCJcMAki6MikVR046l+B0HCKi6xYIjgK9CGZCQb8gBxw\ngI475PAfmCA3ecZBROynBrM1qDCe8KQdmCLvvBR2qhU1w3xFHvNRBPnNEtxO\nhrKHnDI6ksXCSzwcJz4KG1S0G0boDSDM+85ccmM6pHN1WHbMLzfzqmGBQSrp\nFgdy6vh97fAyeBQtie33+9dlNZ56DifiY7IS1EsBYK0JIgw7bJIqP8q358Ea\nBuzfnjMGudJAkp6NkCdk2ZZsdBb7GqMsXLn9Y/EEc/I7tFZbiutvduc+EUjh\ndopzpLZMaG/SyvGe2OE1RMBRhgqs3mWgOWAsX2PIY10I7g9vYxY2/xEvoXGU\nbsGHduYjTuJXQptWJKOHUxDshWWDapne6+U/A2CfCwxOB4kIxdOzBmDlcHLC\nxR+5\r\n=7RIZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/react-beautiful-dnd.cjs.js","config":{"prettier_target":"*.{js,jsx,md,json} src/**/*.{js,jsx,md,json} test/**/*.{js,jsx,md,json} docs/**/*.{js,jsx,md,json} stories/**/*.{js,jsx,md,json} cypress/**/*.{js,jsx,md,json}"},"module":"dist/react-beautiful-dnd.esm.js","gitHead":"645e641185df77d8a7e887f45e2c1eed15a8d6e8","scripts":{"test":"jest --config ./jest.config.js","build":"yarn build:clean && yarn build:dist && yarn build:flow","test:ci":"jest test --maxWorkers=2","lint:css":"stylelint \"stories/**/*.{js,jsx}\"","validate":"yarn prettier:check && yarn lint:eslint && yarn lint:css && yarn typecheck","storybook":"start-storybook -p 9002","typecheck":"flow check --max-warnings=0","build:dist":"rollup -c","build:flow":"echo \"// @flow\n\nexport * from '../src';\" > dist/react-beautiful-dnd.cjs.js.flow","build:clean":"rimraf dist","lint:eslint":"yarn eslint \"./**/*.{js,jsx}\"","test:browser":"cypress open","test:coverage":"yarn test --coverage --coveragePathIgnorePatterns=/debug","prepublishOnly":"yarn build","prettier:check":"yarn prettier --debug-check $npm_package_config_prettier_target","prettier:write":"yarn prettier --write $npm_package_config_prettier_target","build-storybook":"build-storybook -c .storybook -o site","test:browser:ci":"cypress run","bundle-size:check":"cross-env SNAPSHOT=match yarn bundle-size:update","bundle-size:update":"yarn build:clean && yarn build:dist && yarn build:clean"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"jest-junit":{"output":"test-reports/junit/js-test-results.xml"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"6.4.1","description":"Beautiful and accessible drag and drop for lists with React","directories":{},"sideEffects":false,"_nodeVersion":"10.15.3","dependencies":{"redux":"^4.0.1","raf-schd":"^4.0.0","memoize-one":"^5.0.4","react-redux":"^7.0.2","use-memo-one":"^1.1.0","css-box-model":"^1.1.1","tiny-invariant":"^1.0.4","@babel/runtime-corejs2":"^7.4.3"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^24.7.1","react":"^16.8.6","enzyme":"^3.9.0","eslint":"^5.16.0","globby":"^9.2.0","rimraf":"^2.6.3","rollup":"^1.9.0","cypress":"^3.2.0","webpack":"^4.29.6","flow-bin":"0.96.0","fs-extra":"^7.0.1","prettier":"^1.16.4","raf-stub":"^2.0.2","cross-env":"^5.2.0","react-dom":"^16.8.6","stylelint":"^9.10.1","wait-port":"^0.2.2","babel-core":"^7.0.0-bridge.0","babel-jest":"^24.7.1","jest-junit":"^6.3.0","@babel/core":"^7.4.3","markdown-it":"^8.4.2","babel-eslint":"^10.0.1","babel-loader":"^8.0.5","@emotion/core":"^10.0.10","@atlaskit/theme":"^8.1.4","@emotion/styled":"^10.0.10","emotion-theming":"^10.0.10","@storybook/react":"^5.0.6","@babel/preset-env":"^7.4.3","styled-components":"3.x","@babel/preset-flow":"^7.0.0","@storybook/theming":"^5.0.6","eslint-plugin-jest":"^22.4.1","rollup-plugin-json":"^4.0.0","@atlaskit/css-reset":"^3.0.7","@babel/preset-react":"^7.0.0","eslint-plugin-react":"^7.12.4","react-test-renderer":"^16.8.6","rollup-plugin-babel":"^4.3.2","rollup-plugin-strip":"^1.2.1","babel-plugin-emotion":"^10.0.9","eslint-config-airbnb":"^17.1.0","eslint-plugin-import":"^2.16.0","jest-watch-typeahead":"^0.3.0","rollup-plugin-uglify":"^6.0.2","eslint-plugin-cypress":"^2.2.1","eslint-plugin-emotion":"^10.0.7","rollup-plugin-replace":"^2.1.1","eslint-config-prettier":"^4.1.0","eslint-plugin-flowtype":"^3.6.0","eslint-plugin-jsx-a11y":"^6.2.1","eslint-plugin-prettier":"^3.0.1","rollup-plugin-commonjs":"^9.3.4","enzyme-adapter-react-16":"^1.12.1","testcafe-reporter-xunit":"^2.1.0","eslint-plugin-react-hooks":"^1.6.0","stylelint-config-prettier":"^5.0.0","stylelint-config-standard":"^18.2.0","rollup-plugin-node-resolve":"^4.2.1","babel-plugin-dev-expression":"^0.2.1","rollup-plugin-size-snapshot":"^0.8.0","stylelint-config-recommended":"^2.1.0","@babel/plugin-transform-runtime":"^7.4.3","stylelint-config-styled-components":"^0.1.1","stylelint-processor-styled-components":"^1.6.0","@babel/plugin-proposal-class-properties":"^7.4.0","@babel/plugin-transform-modules-commonjs":"^7.4.3"},"peerDependencies":{"react":"^16.8.5"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd_11.0.1_1556071237657_0.12530150350821434","host":"s3://npm-registry-packages"},"deprecated":"react-beautiful-dnd is now deprecated. Context and options: https://github.com/atlassian/react-beautiful-dnd/issues/2672"},"11.0.2":{"name":"react-beautiful-dnd","version":"11.0.2","keywords":["drag and drop","dnd","sortable","reorder","reorderable","react","react.js","natural","beautiful"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@11.0.2","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"},{"name":"jaredcrowe","email":"jared.j.crowe@gmail.com"}],"bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"27ac10092ed918b16fcee19ce5db483005b02e87","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-11.0.2.tgz","fileCount":286,"integrity":"sha512-8Z6fTli+w04suhFWUcvmQZLaouqsgWWvsZnKenyTiLs7AzaNREt4OshKCBhb2ml78n5GYMge6WB6nIINRVjK5w==","signatures":[{"sig":"MEYCIQCx+jG+Aqwwl9ZMbYSGlGJGvNjEMu7lkzAQlQJrpYzSTwIhANzHhGozVtNU4zRUtbonlg+Q9ugTGBha4def/IOjvGFz","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1405553,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcxlEKCRA9TVsSAnZWagAA5UsP/iIbDYKlilkI5tM8bf8V\niIknmtHGCis8SIPFNvjHyMMlK2JWtU8mN0/jsdN0htGbbE68PnayEazrn9nv\nQ8xxtZ9DM3k6A3mAsVdzW9SJA09qXTdxNWySihn1owPAZwnIXBVcBO5ShSMr\nczLlG7nQw40dlg72W0FDtey3ujVBrhoNX74xkT7woGkZmX0Sprm2IhO3roVr\nvFgUxaW1dVdCgcMSBXx7J2tcLCk771ffgDwrhZZwVioRBDjW+D7je3C574qP\nF43STJZVHRD/EcECR81Ha3pOjyGSefI4JNWWitDyCoK2QHewqkPY0Zk1OJag\nzmfR665fdGr5XYdPBXiLPQ/pH5M7ohcseptfyJTfrp185yp0vjmuRiML+2iS\n903wkA0w2nLNobEuzqCksEbBEgoA+a6oRjNCx3dLWGHIUZi/hHQSCBoAB+0W\nAPqZgqreWowlEsxoOq0ytrNmZ/Z4pz97m1pljQJWpemNswL7CzV5olErCZDG\nZTWS/KdsBjqvP8jjyoKNkoOp3nODJXjfG8LU+5JDx9iPWh1yIdSzmo4yXmvP\n/4HzhArtwuI1MpHBru7RdZcsrusUinM49wk7kc2BXlbcs2kQnNDUBSE0eV+r\na9YdZBLDBCqSvXR7CynXzsD0uI9jM6NjgeB2K7OjD1uvVqcpcqNjsmgmN2Ws\n8qWd\r\n=Nl+p\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/react-beautiful-dnd.cjs.js","config":{"prettier_target":"*.{js,jsx,md,json} src/**/*.{js,jsx,md,json} test/**/*.{js,jsx,md,json} docs/**/*.{js,jsx,md,json} stories/**/*.{js,jsx,md,json} cypress/**/*.{js,jsx,md,json}"},"module":"dist/react-beautiful-dnd.esm.js","scripts":{"test":"jest --config ./jest.config.js","build":"yarn build:clean && yarn build:dist && yarn build:flow","test:ci":"jest test --maxWorkers=2","lint:css":"stylelint \"stories/**/*.{js,jsx}\"","validate":"yarn prettier:check && yarn lint:eslint && yarn lint:css && yarn typecheck","storybook":"start-storybook -p 9002","typecheck":"flow check --max-warnings=0","build:dist":"rollup -c","build:flow":"echo \"// @flow\n\nexport * from '../src';\" > dist/react-beautiful-dnd.cjs.js.flow","build:clean":"rimraf dist","lint:eslint":"yarn eslint \"./**/*.{js,jsx}\"","test:browser":"cypress open","test:coverage":"yarn test --coverage --coveragePathIgnorePatterns=/debug","prepublishOnly":"yarn build","prettier:check":"yarn prettier --debug-check $npm_package_config_prettier_target","prettier:write":"yarn prettier --write $npm_package_config_prettier_target","build-storybook":"build-storybook -c .storybook -o site","test:browser:ci":"cypress run","bundle-size:check":"cross-env SNAPSHOT=match yarn bundle-size:update","bundle-size:update":"yarn build:clean && yarn build:dist && yarn build:clean"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"jest-junit":{"output":"test-reports/junit/js-test-results.xml"},"repository":{"url":"https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"description":"Beautiful and accessible drag and drop for lists with React","directories":{},"licenseText":"Copyright 2019 Atlassian Pty Ltd\n\nLicensed under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\n    http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n","sideEffects":false,"dependencies":{"redux":"^4.0.1","raf-schd":"^4.0.0","memoize-one":"^5.0.4","react-redux":"^7.0.2","use-memo-one":"^1.1.0","css-box-model":"^1.1.1","tiny-invariant":"^1.0.4","@babel/runtime-corejs2":"^7.4.3"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^24.7.1","react":"^16.8.6","enzyme":"^3.9.0","eslint":"^5.16.0","globby":"^9.2.0","rimraf":"^2.6.3","rollup":"^1.9.0","cypress":"^3.2.0","webpack":"^4.29.6","flow-bin":"0.96.0","fs-extra":"^7.0.1","prettier":"^1.16.4","raf-stub":"^2.0.2","cross-env":"^5.2.0","react-dom":"^16.8.6","stylelint":"^9.10.1","wait-port":"^0.2.2","babel-core":"^7.0.0-bridge.0","babel-jest":"^24.7.1","jest-junit":"^6.3.0","@babel/core":"^7.4.3","markdown-it":"^8.4.2","babel-eslint":"^10.0.1","babel-loader":"^8.0.5","@emotion/core":"^10.0.10","@atlaskit/theme":"^8.1.4","@emotion/styled":"^10.0.10","emotion-theming":"^10.0.10","@storybook/react":"^5.0.6","@babel/preset-env":"^7.4.3","styled-components":"3.x","@babel/preset-flow":"^7.0.0","@storybook/theming":"^5.0.6","eslint-plugin-jest":"^22.4.1","rollup-plugin-json":"^4.0.0","@atlaskit/css-reset":"^3.0.7","@babel/preset-react":"^7.0.0","eslint-plugin-react":"^7.12.4","react-test-renderer":"^16.8.6","rollup-plugin-babel":"^4.3.2","rollup-plugin-strip":"^1.2.1","babel-plugin-emotion":"^10.0.9","eslint-config-airbnb":"^17.1.0","eslint-plugin-import":"^2.16.0","jest-watch-typeahead":"^0.3.0","rollup-plugin-uglify":"^6.0.2","eslint-plugin-cypress":"^2.2.1","eslint-plugin-emotion":"^10.0.7","rollup-plugin-replace":"^2.1.1","eslint-config-prettier":"^4.1.0","eslint-plugin-flowtype":"^3.6.0","eslint-plugin-jsx-a11y":"^6.2.1","eslint-plugin-prettier":"^3.0.1","rollup-plugin-commonjs":"^9.3.4","enzyme-adapter-react-16":"^1.12.1","testcafe-reporter-xunit":"^2.1.0","eslint-plugin-react-hooks":"^1.6.0","stylelint-config-prettier":"^5.0.0","stylelint-config-standard":"^18.2.0","rollup-plugin-node-resolve":"^4.2.1","babel-plugin-dev-expression":"^0.2.1","rollup-plugin-size-snapshot":"^0.8.0","stylelint-config-recommended":"^2.1.0","@babel/plugin-transform-runtime":"^7.4.3","stylelint-config-styled-components":"^0.1.1","stylelint-processor-styled-components":"^1.6.0","@babel/plugin-proposal-class-properties":"^7.4.0","@babel/plugin-transform-modules-commonjs":"^7.4.3"},"peerDependencies":{"react":"^16.8.5"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd_11.0.2_1556500745344_0.6806731324624584","host":"s3://npm-registry-packages"},"deprecated":"react-beautiful-dnd is now deprecated. Context and options: https://github.com/atlassian/react-beautiful-dnd/issues/2672"},"11.0.3":{"name":"react-beautiful-dnd","version":"11.0.3","keywords":["drag and drop","dnd","sortable","reorder","reorderable","react","react.js","natural","beautiful"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@11.0.3","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"},{"name":"jaredcrowe","email":"jared.j.crowe@gmail.com"}],"bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"5678bb3e725d8b56cb7cf57f56e952105fc4f2af","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-11.0.3.tgz","fileCount":286,"integrity":"sha512-2FX2SnOlKMmfn90xUHCav7cxRWXwY7FeRa6TzdxWeX7DdP5JTvVQcsWgiOkdbJSj+J+1q1nA9QO4/HQ52D0DAA==","signatures":[{"sig":"MEUCIECjVFoAJmo2RiCQMK8PwPSMNfZd77CEglLUnHUh+TgHAiEA1Otb/UvaukVozgBAd6ZDLNqJKGzYaEBmezjkTaGz0O8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1405617,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc0iVoCRA9TVsSAnZWagAAJKYQAIk4hnj6ywZvZJVzIPUI\nPvCoFC00vsE8QIDeY6qg9g1HBzqdRRn1wyzckluLXO0b1/BVSrUA0fIpc78L\n98EyUArzJuP/fwfF3cxjtJGqoFYVNHT++m3QmNOSAguysv2MCExQbm9y5QfJ\ngqLi7XOhHAfEOMZk6zNM+lGAey5nsgvtNQVrwuZxgv+h6xILaVXNeHSfXfHL\n3IB9vGRFjSkmcC/IkH6/pmoadp8Fm1QiNdp8mcHvnID2fIG2uR4fz/sE2Nmn\nEa+3luhiBBduggoR4QqQgKHTebABTgzN2xtpXqQBKMDqJASLpAFPQCiOqTE/\nRj/H/3HxnF2ORuqDTnQ9mkyD7/nuhBHbIWHflLWiU5OyiIRVcCW5yxC1ACVe\nqQA35LRutH2bl1mXvQ56/ZMNcf7bPHZPDIl+j3EAzg7EPZ9faDz9zwk/7FGW\nL8zTXIZJm6I2g1ppV6tO1x4+35Y7D7h38MmS6lvZ8zXc9dFnhLQjXxBiUUUs\njSMcsGOwrXjsAv9CSFo8kHs0/xsMJ+y1Ouiz2VORs4c7PG+B/SJgPsbLhbXE\nhJJ/KMsRV7s82loQ7qqYhTxufWLEzCGY79ZHd6IOc20+salVedVFAxdTiW9Q\np9W3X1eE7neyQemIVg8ju/cybsBV6bE4pGk4eeNWgS1ORvDLTjVNhTn5ZIX5\nBjH8\r\n=1DJB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/react-beautiful-dnd.cjs.js","config":{"prettier_target":"*.{js,jsx,md,json} src/**/*.{js,jsx,md,json} test/**/*.{js,jsx,md,json} docs/**/*.{js,jsx,md,json} stories/**/*.{js,jsx,md,json} cypress/**/*.{js,jsx,md,json}"},"module":"dist/react-beautiful-dnd.esm.js","scripts":{"test":"jest --config ./jest.config.js","build":"yarn build:clean && yarn build:dist && yarn build:flow","test:ci":"jest test --maxWorkers=2","lint:css":"stylelint \"stories/**/*.{js,jsx}\"","validate":"yarn prettier:check && yarn lint:eslint && yarn lint:css && yarn typecheck","storybook":"start-storybook -p 9002","typecheck":"flow check --max-warnings=0","build:dist":"rollup -c","build:flow":"echo \"// @flow\n\nexport * from '../src';\" > dist/react-beautiful-dnd.cjs.js.flow","build:clean":"rimraf dist","lint:eslint":"yarn eslint \"./**/*.{js,jsx}\"","test:browser":"cypress open","test:coverage":"yarn test --coverage --coveragePathIgnorePatterns=/debug","prepublishOnly":"yarn build","prettier:check":"yarn prettier --debug-check $npm_package_config_prettier_target","prettier:write":"yarn prettier --write $npm_package_config_prettier_target","build-storybook":"build-storybook -c .storybook -o site","test:browser:ci":"cypress run","bundle-size:check":"cross-env SNAPSHOT=match yarn bundle-size:update","bundle-size:update":"yarn build:clean && yarn build:dist && yarn build:clean"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"jest-junit":{"output":"test-reports/junit/js-test-results.xml"},"repository":{"url":"https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"description":"Beautiful and accessible drag and drop for lists with React","directories":{},"licenseText":"Copyright 2019 Atlassian Pty Ltd\n\nLicensed under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\n    http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n","sideEffects":false,"dependencies":{"redux":"^4.0.1","raf-schd":"^4.0.0","memoize-one":"^5.0.4","react-redux":"^7.0.3","use-memo-one":"^1.1.0","css-box-model":"^1.1.2","tiny-invariant":"^1.0.4","@babel/runtime-corejs2":"^7.4.4"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^24.8.0","react":"^16.8.6","enzyme":"^3.9.0","eslint":"^5.16.0","globby":"^9.2.0","rimraf":"^2.6.3","rollup":"^1.11.3","cypress":"^3.2.0","webpack":"^4.30.0","flow-bin":"0.96.0","fs-extra":"^7.0.1","prettier":"^1.17.0","raf-stub":"^2.0.2","cross-env":"^5.2.0","react-dom":"^16.8.6","stylelint":"^10.0.1","wait-port":"^0.2.2","babel-core":"^7.0.0-bridge.0","babel-jest":"^24.8.0","jest-junit":"^6.4.0","@babel/core":"^7.4.4","markdown-it":"^8.4.2","babel-eslint":"^10.0.1","babel-loader":"^8.0.5","@emotion/core":"^10.0.10","@atlaskit/theme":"^9.0.0","@emotion/styled":"^10.0.10","emotion-theming":"^10.0.10","@storybook/react":"^5.0.11","@babel/preset-env":"^7.4.4","styled-components":"3.x","@babel/preset-flow":"^7.0.0","@storybook/theming":"^5.0.11","eslint-plugin-jest":"^22.5.1","rollup-plugin-json":"^4.0.0","@atlaskit/css-reset":"^4.0.0","@babel/preset-react":"^7.0.0","eslint-plugin-react":"^7.13.0","react-test-renderer":"^16.8.6","rollup-plugin-babel":"^4.3.2","rollup-plugin-strip":"^1.2.1","babel-plugin-emotion":"^10.0.9","eslint-config-airbnb":"^17.1.0","eslint-plugin-import":"^2.17.2","jest-watch-typeahead":"^0.3.1","rollup-plugin-uglify":"^6.0.2","eslint-plugin-cypress":"^2.2.1","eslint-plugin-emotion":"^10.0.7","rollup-plugin-replace":"^2.2.0","eslint-config-prettier":"^4.2.0","eslint-plugin-flowtype":"^3.7.0","eslint-plugin-jsx-a11y":"^6.2.1","eslint-plugin-prettier":"^3.0.1","rollup-plugin-commonjs":"^9.3.4","enzyme-adapter-react-16":"^1.12.1","testcafe-reporter-xunit":"^2.1.0","eslint-plugin-react-hooks":"^1.6.0","stylelint-config-prettier":"^5.1.0","stylelint-config-standard":"^18.3.0","rollup-plugin-node-resolve":"^4.2.3","babel-plugin-dev-expression":"^0.2.1","rollup-plugin-size-snapshot":"^0.8.0","stylelint-config-recommended":"^2.2.0","@babel/plugin-transform-runtime":"^7.4.4","stylelint-config-styled-components":"^0.1.1","stylelint-processor-styled-components":"^1.6.0","@babel/plugin-proposal-class-properties":"^7.4.4","@babel/plugin-transform-modules-commonjs":"^7.4.4"},"peerDependencies":{"react":"^16.8.5"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd_11.0.3_1557276007704_0.4753882717788107","host":"s3://npm-registry-packages"},"deprecated":"react-beautiful-dnd is now deprecated. Context and options: https://github.com/atlassian/react-beautiful-dnd/issues/2672"},"12.0.0-alpha.1":{"name":"react-beautiful-dnd","version":"12.0.0-alpha.1","keywords":["drag and drop","dnd","sortable","reorder","reorderable","react","react.js","natural","beautiful"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@12.0.0-alpha.1","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"},{"name":"jaredcrowe","email":"jared.j.crowe@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"9bfdbfbe176d7bd6cdf73d4d67bf99e1595f1183","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-12.0.0-alpha.1.tgz","fileCount":238,"integrity":"sha512-I+sPeDgwkBC85212GDBlOTCML+PD6qbgfjUK8QQP2vYpBV9kUy1tuEGARmi4lhWt7cVF2XeHS7KyHge5UBV3ww==","signatures":[{"sig":"MEQCIByilDoSK4pm6zikP4+zraA6eqxwjCPfmvEbz7RxlTylAiA5UY/P47hiEvSeD/eSeO7iq5jo8GZbIzyFFH3+qltt+g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1399192,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc9Pm7CRA9TVsSAnZWagAAZtwP+QF7Bc6aNWjb2JSOyWKj\nHCy1grf6U+/6/hnF+DEdFgV+lucNBg08dlfjevI7jamXPMt4gy6HISqtqnol\n4StbUk7/Cgu9MdolHSdWDNOE9uAuhiJobi2FnQNvcXfwGs34QP8lJzNetPNA\nnhtgfuXe2A/xwdiXnLhGqRdNRtRqGZznxMBmTVhVxW1btWt3sSdR9HxbdRMf\nZowILfTaikIEMEEN7H1IX+e0Q8gY1dxptzmbXH7CtWkjVPu7Zr01UkdI0XVP\nRgbKGdzTSunPq9YtQwVLo4coAi1YjytXexT93CIoambMYoG7ipozhhCAJHFo\nNBSqBHC9MiBtM4Fij7EouREL1szKL80lOdu8W0ZxEYhCtCsfVIiOu/ezFGe6\nrjxBRvnPKbnq7W+aY3uVXIv61WChyKtnsH965HZhioOA9Yuo8SaAa5Q6VVrw\np0VzUzqxYubAe+IbQSQV6ofm0yXOi+T2QDOOi1+LxGxDa017+okW0lBr0MOf\npHXvzZSCWkwn4ZBnMZrFnB/0EC1RUxBFtWVaIkS7JalFBuK/p9ncsZbPQClC\nyAdNS7LG3jWTY4aSRVPOOGNxnIZtmKbzvzd05ATaH3lG51QmkuwfCydnFYol\n3HXxAy/eEe5MsnYsmS0IM/u+cIbebu/8/mhEPeCd/0Wyv4Oo/iSBq3OGaU9P\nbVY8\r\n=YxJN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/react-beautiful-dnd.cjs.js","config":{"prettier_target":"*.{js,jsx,md,json} src/**/*.{js,jsx,md,json} test/**/*.{js,jsx,md,json} docs/**/*.{js,jsx,md,json} stories/**/*.{js,jsx,md,json} cypress/**/*.{js,jsx,md,json}"},"module":"dist/react-beautiful-dnd.esm.js","readme":"<p align=\"center\">\n  <img src=\"https://user-images.githubusercontent.com/2182637/53611918-54c1ff80-3c24-11e9-9917-66ac3cef513d.png\" alt=\"react beautiful dnd logo\" />\n</p>\n<h1 align=\"center\">react-beautiful-dnd</h1>\n\n<div align=\"center\">\n\n**Beautiful** and **accessible** drag and drop for lists with [`React`](https://facebook.github.io/react/)\n\n[![CircleCI branch](https://img.shields.io/circleci/project/github/atlassian/react-beautiful-dnd/master.svg)](https://circleci.com/gh/atlassian/react-beautiful-dnd/tree/master)\n[![npm](https://img.shields.io/npm/v/react-beautiful-dnd.svg)](https://www.npmjs.com/package/react-beautiful-dnd)\n\n![quote application example](https://user-images.githubusercontent.com/2182637/53614150-efbed780-3c2c-11e9-9204-a5d2e746faca.gif)\n\n[Play with this example if you want!](https://react-beautiful-dnd.netlify.com/iframe.html?selectedKind=board&selectedStory=simple)\n\n</div>\n\n## Core characteristics\n\n- Beautiful and [natural movement](/docs/about/animations.md) of items 💐\n- [Accessible](/docs/about/accessibility.md): powerful keyboard and screen reader support ♿️\n- [Extremely performant](/docs/support/media.md) 🚀\n- Clean and powerful api which is simple to get started with\n- Plays extremely well with standard browser interactions\n- [Unopinionated styling](/docs/guides/preset-styles.md)\n- No creation of additional wrapper dom nodes - flexbox and focus management friendly!\n\n## Get started 👩‍🏫\n\nWe have created [a free course on `egghead.io` 🥚](https://egghead.io/courses/beautiful-and-accessible-drag-and-drop-with-react-beautiful-dnd) to help you get started with `react-beautiful-dnd` as quickly as possible.\n\n[![course-logo](https://user-images.githubusercontent.com/2182637/43372837-8c72d3f8-93e8-11e8-9d92-a82adde7718f.png)](https://egghead.io/courses/beautiful-and-accessible-drag-and-drop-with-react-beautiful-dnd)\n\n## Currently supported feature set ✅\n\n- Vertical lists ↕\n- Horizontal lists ↔\n- Movement between lists (▤ ↔ ▤)\n- [Combining items](/docs/guides/combining.md)\n- Mouse 🐭, keyboard 🎹♿️ and touch 👉📱 (mobile, tablet and so on) support\n- [Multi drag support](/docs/patterns/multi-drag.md)\n- Incredible screen reader support ♿️ - we provide an amazing experience for english screen readers out of the box 📦. We also provide complete customisation control and internationalisation support for those who need it 💖\n- [Conditional dragging](/docs/api/draggable.md#optional-props) and [conditional dropping](/docs/api/droppable.md#conditionally-dropping)\n- Multiple independent lists on the one page\n- Flexible item sizes - the draggable items can have different heights (vertical lists) or widths (horizontal lists)\n- [Add and remove items during a drag](/docs/guides/changes-while-dragging.md)\n- Compatible with semantic `<table>` reordering - [table pattern](/docs/patterns/tables.md)\n- [Auto scrolling](/docs/guides/auto-scrolling.md) - automatically scroll containers and the window as required during a drag (even with keyboard 🔥)\n- Custom drag handles - you can drag a whole item by just a part of it\n- Able to drag a [clone](TODO) or use a [portal](/docs/patterns/using-a-portal.md)\n- Full [programmatic api 🎮](/docs/api/programmatic.md)\n- 🌲 Tree support through the [`@atlaskit/tree`](https://atlaskit.atlassian.com/packages/core/tree) package\n- A `<Droppable />` list can be a scroll container (without a scrollable parent) or be the child of a scroll container (that also does not have a scrollable parent)\n- Independent nested lists - a list can be a child of another list, but you cannot drag items from the parent list into a child list\n- Server side rendering (SSR) compatible - see [resetServerContext()](/docs/api/reset-server-context.md)\n- Plays well with [nested interactive elements](/docs/api/draggable.md#interactive-child-elements-within-a-draggable-) by default\n\n## Motivation 🤔\n\n`react-beautiful-dnd` exists to create beautiful drag and drop for lists that anyone can use - even people who cannot see. For a good overview of the history and motivations of the project you can take a look at these external resources:\n\n- 📖 [Rethinking drag and drop](https://medium.com/@alexandereardon/rethinking-drag-and-drop-d9f5770b4e6b)\n- 🎧 [React podcast: fast, accessible and beautiful drag and drop](https://reactpodcast.simplecast.fm/17)\n\n## Not for everyone ✌️\n\nThere are a lot of libraries out there that allow for drag and drop interactions within React. Most notable of these is the amazing [`react-dnd`](https://github.com/react-dnd/react-dnd). It does an incredible job at providing a great set of drag and drop primitives which work especially well with the [wildly inconsistent](https://www.quirksmode.org/blog/archives/2009/09/the_html5_drag.html) html5 drag and drop feature. `react-beautiful-dnd` is a higher level abstraction specifically built for lists (vertical, horizontal, movement between lists, nested lists and so on). Within that subset of functionality `react-beautiful-dnd` offers a powerful, natural and beautiful drag and drop experience. However, it does not provide the breadth of functionality offered by `react-dnd`. So `react-beautiful-dnd` might not be for you depending on what your use case is.\n\n## Documentation 📖\n\n### About 👋\n\n- [Installation](/docs/about/installation.md)\n- [Examples and samples](/docs/about/examples.md)\n- [Get started](https://egghead.io/courses/beautiful-and-accessible-drag-and-drop-with-react-beautiful-dnd)\n- [Design principles](/docs/about/design-principles.md)\n- [Animations](/docs/about/animations.md)\n- [Accessibility](/docs/about/accessibility.md)\n- [Browser support](/docs/about/browser-support.md)\n\n### Sensors 🔉\n\n> The ways in which somebody can start and control a drag\n\n- [Mouse dragging 🐭](/docs/sensors/mouse.md)\n- [Touch dragging 👉📱](/docs/sensors/touch.md)\n- [Keyboard dragging 🎹♿️](/docs/sensors/keyboard.md)\n- [Programmatic dragging 🎮](/docs/sensors/programmatic.md)\n\n### API 🏋️‍\n\n![diagram](https://user-images.githubusercontent.com/2182637/53607406-c8f3a780-3c12-11e9-979c-7f3b5bd1bfbd.gif)\n\n- [`<DragDropContext />`](/docs/api/drag-drop-context.md) - _Wraps the part of your application you want to have drag and drop enabled for_\n- [`<Droppable />`](/docs/api/droppable.md) - _An area that can be dropped into. Contains `<Draggable />`s_\n- [`<Draggable />`](/docs/api/draggable.md) - _What can be dragged around_\n- [`resetServerContext()`](/docs/api/reset-server-context.md) - _Utility for server side rendering (SSR)_\n\n### Guides 🗺\n\n- [`<DragDropContext />` responders](/docs/guides/responders.md) - _`onDragStart`, `onDragUpdate`, `onDragEnd` and `onBeforeDragStart`_\n- [Combining `<Draggable />`s](/docs/guides/combining.md)\n- [Common setup issues](/docs/guides/common-setup-issues.md)\n- [Using `innerRef`](/docs/guides/using-inner-ref.md)\n- [Developer warnings and how to disable them](/docs/guides/developer-warnings.md)\n- [Rules for `draggableId` and `droppableId`s](/docs/guides/identifiers.md)\n- [Customising or skipping the drop animation](/docs/guides/drop-animation.md)\n- [Auto scrolling](/docs/guides/auto-scrolling.md)\n- [Controlling the screen reader](/docs/guides/screen-reader.md)\n- [Use the html5 `doctype`](/docs/guides/doctype.md)\n- [`TypeScript` and `flow`](/docs/guides/types.md)\n- [Dragging `<svg>`s](/docs/guides/dragging-svgs.md)\n- [Non-visible preset styles](/docs/guides/preset-styles.md)\n- [How we detect scroll containers](/docs/guides/how-we-detect-scroll-containers.md)\n- [How we use dom events](/docs/guides/how-we-use-dom-events.md) - _Useful if you need to build on top of `react-beautiful-dnd`_\n- [Adding `<Draggable />`s during a drag](/docs/guides/changes-while-dragging.md) - _⚠️ Advanced_\n\n### Patterns 👷‍\n\n- [Multi drag](/docs/patterns/multi-drag.md)\n- [Tables](/docs/patterns/tables.md)\n- [Using a portal (`ReactDOM.createPortal`)](/docs/patterns/using-a-portal.md)\n\n### Support 👩‍⚕️\n\n- [Engineering health](/docs/support/engineering-health.md)\n- [Community and addons](/docs/support/community-and-addons.md)\n- [Release notes and changelog](https://github.com/atlassian/react-beautiful-dnd/releases)\n- [Upgrading](/docs/support/upgrading.md)\n- [Road map](https://github.com/atlassian/react-beautiful-dnd/issues)\n- [Media](/docs/support/media.md)\n\n## Read this in other languages 🌎\n\n- [![kr](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/South-Korea.png) **한글/Korean**](https://github.com/LeeHyungGeun/react-beautiful-dnd-kr)\n- [![china](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/China.png) **中文/Chinese**](https://github.com/chinanf-boy/react-beautiful-dnd-zh)\n\n## Author ✍️\n\nAlex Reardon [@alexandereardon](https://twitter.com/alexandereardon)\n\n## Collaborators 🤝\n\n- Bogdan Chadkin [@IAmTrySound](https://twitter.com/IAmTrySound)\n- Luke Batchelor [@alukebatchelor](https://twitter.com/alukebatchelor)\n- Jared Crowe [@jaredjcrowe](https://twitter.com/jaredjcrowe)\n- Many other [@Atlassian](https://twitter.com/Atlassian)'s!\n","gitHead":"009d60bf41c876fce79f3389faab86161d0e84af","scripts":{"test":"jest --config ./jest.config.js","build":"yarn build:clean && yarn build:dist && yarn build:flow","test:ci":"jest test --maxWorkers=2","lint:css":"stylelint \"stories/**/*.{js,jsx}\"","validate":"yarn prettier:check && yarn lint:eslint && yarn lint:css && yarn typecheck","storybook":"start-storybook -p 9002","typecheck":"flow check --max-warnings=0","build:dist":"rollup -c","build:flow":"echo \"// @flow\n\nexport * from '../src';\" > dist/react-beautiful-dnd.cjs.js.flow","build:clean":"rimraf dist","lint:eslint":"yarn eslint \"./**/*.{js,jsx}\"","test:browser":"cypress open","test:coverage":"yarn test --coverage --coveragePathIgnorePatterns=/debug","prepublishOnly":"yarn build","prettier:check":"yarn prettier --debug-check $npm_package_config_prettier_target","prettier:write":"yarn prettier --write $npm_package_config_prettier_target","build-storybook":"build-storybook -c .storybook -o site","test:browser:ci":"cypress run","bundle-size:check":"cross-env SNAPSHOT=match yarn bundle-size:update","bundle-size:update":"yarn build:clean && yarn build:dist && yarn build:clean"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"jest-junit":{"output":"test-reports/junit/js-test-results.xml"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"6.9.0","description":"Beautiful and accessible drag and drop for lists with React","directories":{},"sideEffects":false,"_nodeVersion":"10.15.3","dependencies":{"redux":"^4.0.1","raf-schd":"^4.0.0","memoize-one":"^5.0.4","react-redux":"^7.0.3","use-memo-one":"^1.1.0","css-box-model":"^1.1.2","tiny-invariant":"^1.0.4","@babel/runtime-corejs2":"^7.4.4"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^24.8.0","react":"^16.8.6","enzyme":"^3.9.0","eslint":"^5.16.0","globby":"^9.2.0","rimraf":"^2.6.3","rollup":"^1.11.3","cypress":"^3.2.0","webpack":"^4.30.0","flow-bin":"0.96.0","fs-extra":"^7.0.1","prettier":"^1.17.0","raf-stub":"^2.0.2","cross-env":"^5.2.0","react-dom":"^16.8.6","stylelint":"^10.0.1","wait-port":"^0.2.2","babel-core":"^7.0.0-bridge.0","babel-jest":"^24.8.0","jest-junit":"^6.4.0","url-loader":"^1.1.2","@babel/core":"^7.4.4","markdown-it":"^8.4.2","babel-eslint":"^10.0.1","babel-loader":"^8.0.5","react-window":"^1.8.1","@emotion/core":"^10.0.10","@atlaskit/theme":"^9.0.0","@emotion/styled":"^10.0.10","emotion-theming":"^10.0.10","@storybook/react":"^5.0.11","@babel/preset-env":"^7.4.4","styled-components":"3.x","@babel/preset-flow":"^7.0.0","@storybook/theming":"^5.0.11","eslint-plugin-jest":"^22.5.1","rollup-plugin-json":"^4.0.0","@atlaskit/css-reset":"^4.0.0","@babel/preset-react":"^7.0.0","eslint-plugin-react":"^7.13.0","react-test-renderer":"^16.8.6","rollup-plugin-babel":"^4.3.2","rollup-plugin-strip":"^1.2.1","babel-plugin-emotion":"^10.0.9","eslint-config-airbnb":"^17.1.0","eslint-plugin-import":"^2.17.2","jest-watch-typeahead":"^0.3.1","rollup-plugin-uglify":"^6.0.2","eslint-plugin-cypress":"^2.2.1","eslint-plugin-emotion":"^10.0.7","react-testing-library":"^7.0.1","rollup-plugin-replace":"^2.2.0","eslint-config-prettier":"^4.2.0","eslint-plugin-flowtype":"^3.7.0","eslint-plugin-jsx-a11y":"^6.2.1","eslint-plugin-prettier":"^3.0.1","rollup-plugin-commonjs":"^9.3.4","enzyme-adapter-react-16":"^1.12.1","testcafe-reporter-xunit":"^2.1.0","eslint-plugin-react-hooks":"^1.6.0","stylelint-config-prettier":"^5.1.0","stylelint-config-standard":"^18.3.0","rollup-plugin-node-resolve":"^4.2.3","babel-plugin-dev-expression":"^0.2.1","rollup-plugin-size-snapshot":"^0.8.0","stylelint-config-recommended":"^2.2.0","@emotion/babel-preset-css-prop":"^10.0.9","@babel/plugin-transform-runtime":"^7.4.4","stylelint-config-styled-components":"^0.1.1","stylelint-processor-styled-components":"^1.6.0","@babel/plugin-proposal-class-properties":"^7.4.4","@babel/plugin-transform-modules-commonjs":"^7.4.4"},"peerDependencies":{"react":"^16.8.5"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd_12.0.0-alpha.1_1559558586767_0.057688237249461594","host":"s3://npm-registry-packages"}},"11.0.4":{"name":"react-beautiful-dnd","version":"11.0.4","keywords":["drag and drop","dnd","sortable","reorder","reorderable","react","react.js","natural","beautiful"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@11.0.4","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"},{"name":"jaredcrowe","email":"jared.j.crowe@gmail.com"}],"bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"4f9baa0bf035aac44e60702d6b20b4f140c18f1a","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-11.0.4.tgz","fileCount":286,"integrity":"sha512-Obt3mYk8PhVMVp/AtgVgzP4YT2lJ2znN8XNsioYBoBbLTINurAF9H7toLoc3cCRnCYgUI1QUwK+UltXsuckSdQ==","signatures":[{"sig":"MEUCIQCCB//J/Cks+giHHieGbUKsDzhUq7z8gNdngEaLKn4CXgIgJljEtoEVSH5CT+CzEsUGnns2XgAU/54ho/N9o58O9fY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1405426,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc/ubvCRA9TVsSAnZWagAAnLYP/2p4s2hDT7kgQsZuuMBd\nSl1UcUgbLqoq/+dstrRMW3Llp3yJRTUKuU93cV+6siecSOE65GYlh6AAvjKD\nRKUlN5DY7wNM0qW9asrLfJClIdSRuDZFjM6K7onY0W1++DaNT8NICbIT588w\nGAN9H8jB56LVE8g01WnocNnrM8LstE94ThxQXyisuRCTtYdsPlaNJCEshbV+\nRxHVDoM5BcQzL8jWoPUjvu9yTDEf+8s8jS4WlNDZiXg8fTKOlR/N2mr3GmvJ\n5K4Czv6t3HwwOt2wM7xVR3EZ/ocHt2igqsF/WY0EXDslntGz0JYHbzC9QTwm\nfJ2yQ+jyPXN/RQabjUMyXpT6I6s8tGJ1jpk3npQ919VhXxE/tOfVXGClXVI6\nTshWhxqfR5WQv6nmBpOr0lurYeBaN8DP0+jbQqR14BeRXxWeb5C5uMkUDGxd\n5sq5tHr3iD0it/qJzVvhtOREaoCzazmWEUtauOfre2qA4mfH6biFoSv+z/DZ\nwWbFKNoAjpSCJwKW1LpBu8hBGA/1Gmyyp0ZW74mUppiTk7G6aVn6wRcsWiqC\nG0XTOtgamc+C03Gk+9bLc/97ty2s5Cg9iIaEEiCP6B9MT7AFW3ZxqKECcjVm\naY7FYc0HiF/qEChvUeze+BOZahSZhvi629rvkQRijkOGX7mpfQx5l4M4wMB1\nd/cy\r\n=Sveq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/react-beautiful-dnd.cjs.js","config":{"prettier_target":"*.{js,jsx,md,json} src/**/*.{js,jsx,md,json} test/**/*.{js,jsx,md,json} docs/**/*.{js,jsx,md,json} stories/**/*.{js,jsx,md,json} cypress/**/*.{js,jsx,md,json}"},"module":"dist/react-beautiful-dnd.esm.js","scripts":{"test":"jest --config ./jest.config.js","build":"yarn build:clean && yarn build:dist && yarn build:flow","test:ci":"jest test --maxWorkers=2","lint:css":"stylelint \"stories/**/*.{js,jsx}\"","validate":"yarn prettier:check && yarn lint:eslint && yarn lint:css && yarn typecheck","storybook":"start-storybook -p 9002","typecheck":"flow check --max-warnings=0","build:dist":"rollup -c","build:flow":"echo \"// @flow\n\nexport * from '../src';\" > dist/react-beautiful-dnd.cjs.js.flow","build:clean":"rimraf dist","lint:eslint":"yarn eslint \"./**/*.{js,jsx}\"","test:browser":"cypress open","test:coverage":"yarn test --coverage --coveragePathIgnorePatterns=/debug","prepublishOnly":"yarn build","prettier:check":"yarn prettier --debug-check $npm_package_config_prettier_target","prettier:write":"yarn prettier --write $npm_package_config_prettier_target","build-storybook":"build-storybook -c .storybook -o site","test:browser:ci":"cypress run","bundle-size:check":"cross-env SNAPSHOT=match yarn bundle-size:update","bundle-size:update":"yarn build:clean && yarn build:dist && yarn build:clean"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"jest-junit":{"output":"test-reports/junit/js-test-results.xml"},"repository":{"url":"https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"description":"Beautiful and accessible drag and drop for lists with React","directories":{},"licenseText":"Copyright 2019 Atlassian Pty Ltd\n\nLicensed under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\n    http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n","sideEffects":false,"dependencies":{"redux":"^4.0.1","raf-schd":"^4.0.0","memoize-one":"^5.0.4","react-redux":"^7.0.3","use-memo-one":"^1.1.0","css-box-model":"^1.1.2","tiny-invariant":"^1.0.4","@babel/runtime-corejs2":"^7.4.5"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^24.8.0","react":"^16.8.6","enzyme":"^3.10.0","eslint":"^5.16.0","globby":"^9.2.0","rimraf":"^2.6.3","rollup":"^1.14.6","cypress":"^3.3.1","webpack":"^4.33.0","flow-bin":"0.96.0","fs-extra":"^8.0.1","prettier":"^1.18.2","raf-stub":"^2.0.2","cross-env":"^5.2.0","react-dom":"^16.8.6","stylelint":"^10.1.0","wait-port":"^0.2.2","babel-core":"^7.0.0-bridge.0","babel-jest":"^24.8.0","jest-junit":"^6.4.0","@babel/core":"^7.4.5","markdown-it":"^8.4.2","babel-eslint":"^10.0.1","babel-loader":"^8.0.6","@emotion/core":"^10.0.10","@atlaskit/theme":"^9.1.0","@emotion/styled":"^10.0.12","emotion-theming":"^10.0.10","@storybook/react":"^5.1.3","@babel/preset-env":"^7.4.5","styled-components":"3.x","@babel/preset-flow":"^7.0.0","@storybook/theming":"^5.1.3","eslint-plugin-jest":"^22.6.4","rollup-plugin-json":"^4.0.0","@atlaskit/css-reset":"^4.0.0","@babel/preset-react":"^7.0.0","eslint-plugin-react":"^7.13.0","react-test-renderer":"^16.8.6","rollup-plugin-babel":"^4.3.2","rollup-plugin-strip":"^1.2.1","babel-plugin-emotion":"^10.0.13","eslint-config-airbnb":"^17.1.0","eslint-plugin-import":"^2.17.3","jest-watch-typeahead":"^0.3.1","rollup-plugin-uglify":"^6.0.2","eslint-plugin-cypress":"^2.2.1","eslint-plugin-emotion":"^10.0.7","rollup-plugin-replace":"^2.2.0","eslint-config-prettier":"^4.3.0","eslint-plugin-flowtype":"^3.10.1","eslint-plugin-jsx-a11y":"^6.2.1","eslint-plugin-prettier":"^3.1.0","rollup-plugin-commonjs":"^10.0.0","enzyme-adapter-react-16":"^1.14.0","testcafe-reporter-xunit":"^2.1.0","eslint-plugin-react-hooks":"^1.6.0","stylelint-config-prettier":"^5.2.0","stylelint-config-standard":"^18.3.0","rollup-plugin-node-resolve":"^5.0.1","babel-plugin-dev-expression":"^0.2.1","rollup-plugin-size-snapshot":"^0.9.0","stylelint-config-recommended":"^2.2.0","@babel/plugin-transform-runtime":"^7.4.4","stylelint-config-styled-components":"^0.1.1","stylelint-processor-styled-components":"^1.8.0","@babel/plugin-proposal-class-properties":"^7.4.4","@babel/plugin-transform-modules-commonjs":"^7.4.4"},"peerDependencies":{"react":"^16.8.5"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd_11.0.4_1560209134199_0.8156997592377497","host":"s3://npm-registry-packages"},"deprecated":"react-beautiful-dnd is now deprecated. Context and options: https://github.com/atlassian/react-beautiful-dnd/issues/2672"},"12.0.0-alpha.2":{"name":"react-beautiful-dnd","version":"12.0.0-alpha.2","keywords":["drag and drop","dnd","sortable","reorder","reorderable","react","react.js","natural","beautiful"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@12.0.0-alpha.2","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"},{"name":"jaredcrowe","email":"jared.j.crowe@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"23c30908b7314abe6f94253ff4609598538f31a2","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-12.0.0-alpha.2.tgz","fileCount":239,"integrity":"sha512-5FCQwRVipnuxwsddh1CYV7R9WnGGLGaPIHEOlOVfiaheWPsT6a4EqhYA+BUWWfcJkW7/pMrbFZ+HbKh+QhGQZg==","signatures":[{"sig":"MEUCIQDtG13QOc7pyWB5Gpr5Flu6URcghNeKrmi5vt+s4DTlhQIgXxCfrQnFW64fPxSWbHUtUlg6YYlJy7i8f1gaHBUbR+U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1402255,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdCDhHCRA9TVsSAnZWagAAonwP/0DFThqzLhjqAfXskdxE\nZVFigK8itVYQOchZOMJQ65Y15Ljwgg/3ERD95kV0CJAf40SmW85ZH1jzsc7s\nyf85mVYaFhCgFUT4dP4d3KSy3XpJWLWfwuu2GOEkWHuXIYVwgA8f6x74HvvP\nccsPsPD3fVqU27MHut9DshVzIzybcIzi1sGjoFoh2a4KvJtw/3ING9iOCr/8\nzrpMVFNsYDfqddnyFtw0WClEYtGiGOp68/f5lKCeHxnVNz7y1pJE40Pd8aFb\nUUTEKVrBTxMS3dnldUIEr58qnxeAynUEpMIFleSgjbok8c/QSOJZct43dt7D\nZiinqKHIXBF/yovtpIge9LtXK2LL+5KzGvYpBgvq3twrPrUbGnscrsGjAscn\nv8Uk6enKQALTnrJkTo3d7WXrTSeJlFNSBH5ZAOj3SEghZOkj53/kr87/Z8SN\nGRYCX34bzLloAJMLZyBJwavaC+Xazf1w7iyIpx+4xc017XLGrWcyxW0JDSkE\nnf2YC6o33Ki5QQMpQGgCzYAC/qnqdkrws20AM1wBbB8dyzbdmmaUFbrKBvqg\nP5SurcWoAWbe6o7RFGJgTbVdEYcNyXnyM1SPIE3uVP1mPRSs5eGwpxsrsTy7\ngW5FKvTIpN9ToR1WPClN2zMAkR0xTMxCikLpcf/vMoxIlH1ZpD/gdNb+bi75\ncioB\r\n=usfg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/react-beautiful-dnd.cjs.js","config":{"prettier_target":"*.{js,jsx,md,json} src/**/*.{js,jsx,md,json} test/**/*.{js,jsx,md,json} docs/**/*.{js,jsx,md,json} stories/**/*.{js,jsx,md,json} cypress/**/*.{js,jsx,md,json}"},"module":"dist/react-beautiful-dnd.esm.js","readme":"<p align=\"center\">\n  <img src=\"https://user-images.githubusercontent.com/2182637/53611918-54c1ff80-3c24-11e9-9917-66ac3cef513d.png\" alt=\"react beautiful dnd logo\" />\n</p>\n<h1 align=\"center\">react-beautiful-dnd</h1>\n\n<div align=\"center\">\n\n**Beautiful** and **accessible** drag and drop for lists with [`React`](https://facebook.github.io/react/)\n\n[![CircleCI branch](https://img.shields.io/circleci/project/github/atlassian/react-beautiful-dnd/master.svg)](https://circleci.com/gh/atlassian/react-beautiful-dnd/tree/master)\n[![npm](https://img.shields.io/npm/v/react-beautiful-dnd.svg)](https://www.npmjs.com/package/react-beautiful-dnd)\n\n![quote application example](https://user-images.githubusercontent.com/2182637/53614150-efbed780-3c2c-11e9-9204-a5d2e746faca.gif)\n\n[Play with this example if you want!](https://react-beautiful-dnd.netlify.com/iframe.html?selectedKind=board&selectedStory=simple)\n\n</div>\n\n## Core characteristics\n\n- Beautiful and [natural movement](/docs/about/animations.md) of items 💐\n- [Accessible](/docs/about/accessibility.md): powerful keyboard and screen reader support ♿️\n- [Extremely performant](/docs/support/media.md) 🚀\n- Clean and powerful api which is simple to get started with\n- Plays extremely well with standard browser interactions\n- [Unopinionated styling](/docs/guides/preset-styles.md)\n- No creation of additional wrapper dom nodes - flexbox and focus management friendly!\n\n## Get started 👩‍🏫\n\nWe have created [a free course on `egghead.io` 🥚](https://egghead.io/courses/beautiful-and-accessible-drag-and-drop-with-react-beautiful-dnd) to help you get started with `react-beautiful-dnd` as quickly as possible.\n\n[![course-logo](https://user-images.githubusercontent.com/2182637/43372837-8c72d3f8-93e8-11e8-9d92-a82adde7718f.png)](https://egghead.io/courses/beautiful-and-accessible-drag-and-drop-with-react-beautiful-dnd)\n\n## Currently supported feature set ✅\n\n- Vertical lists ↕\n- Horizontal lists ↔\n- Movement between lists (▤ ↔ ▤)\n- [Combining items](/docs/guides/combining.md)\n- Mouse 🐭, keyboard 🎹♿️ and touch 👉📱 (mobile, tablet and so on) support\n- [Multi drag support](/docs/patterns/multi-drag.md)\n- Incredible screen reader support ♿️ - we provide an amazing experience for english screen readers out of the box 📦. We also provide complete customisation control and internationalisation support for those who need it 💖\n- [Conditional dragging](/docs/api/draggable.md#optional-props) and [conditional dropping](/docs/api/droppable.md#conditionally-dropping)\n- Multiple independent lists on the one page\n- Flexible item sizes - the draggable items can have different heights (vertical lists) or widths (horizontal lists)\n- [Add and remove items during a drag](/docs/guides/changes-while-dragging.md)\n- Compatible with semantic `<table>` reordering - [table pattern](/docs/patterns/tables.md)\n- [Auto scrolling](/docs/guides/auto-scrolling.md) - automatically scroll containers and the window as required during a drag (even with keyboard 🔥)\n- Custom drag handles - you can drag a whole item by just a part of it\n- Able to drag a [clone](TODO) or use a [portal](/docs/patterns/using-a-portal.md)\n- Full [programmatic api 🎮](/docs/api/programmatic.md)\n- 🌲 Tree support through the [`@atlaskit/tree`](https://atlaskit.atlassian.com/packages/core/tree) package\n- A `<Droppable />` list can be a scroll container (without a scrollable parent) or be the child of a scroll container (that also does not have a scrollable parent)\n- Independent nested lists - a list can be a child of another list, but you cannot drag items from the parent list into a child list\n- Server side rendering (SSR) compatible - see [resetServerContext()](/docs/api/reset-server-context.md)\n- Plays well with [nested interactive elements](/docs/api/draggable.md#interactive-child-elements-within-a-draggable-) by default\n\n## Motivation 🤔\n\n`react-beautiful-dnd` exists to create beautiful drag and drop for lists that anyone can use - even people who cannot see. For a good overview of the history and motivations of the project you can take a look at these external resources:\n\n- 📖 [Rethinking drag and drop](https://medium.com/@alexandereardon/rethinking-drag-and-drop-d9f5770b4e6b)\n- 🎧 [React podcast: fast, accessible and beautiful drag and drop](https://reactpodcast.simplecast.fm/17)\n\n## Not for everyone ✌️\n\nThere are a lot of libraries out there that allow for drag and drop interactions within React. Most notable of these is the amazing [`react-dnd`](https://github.com/react-dnd/react-dnd). It does an incredible job at providing a great set of drag and drop primitives which work especially well with the [wildly inconsistent](https://www.quirksmode.org/blog/archives/2009/09/the_html5_drag.html) html5 drag and drop feature. `react-beautiful-dnd` is a higher level abstraction specifically built for lists (vertical, horizontal, movement between lists, nested lists and so on). Within that subset of functionality `react-beautiful-dnd` offers a powerful, natural and beautiful drag and drop experience. However, it does not provide the breadth of functionality offered by `react-dnd`. So `react-beautiful-dnd` might not be for you depending on what your use case is.\n\n## Documentation 📖\n\n### About 👋\n\n- [Installation](/docs/about/installation.md)\n- [Examples and samples](/docs/about/examples.md)\n- [Get started](https://egghead.io/courses/beautiful-and-accessible-drag-and-drop-with-react-beautiful-dnd)\n- [Design principles](/docs/about/design-principles.md)\n- [Animations](/docs/about/animations.md)\n- [Accessibility](/docs/about/accessibility.md)\n- [Browser support](/docs/about/browser-support.md)\n\n### Sensors 🔉\n\n> The ways in which somebody can start and control a drag\n\n- [Mouse dragging 🐭](/docs/sensors/mouse.md)\n- [Touch dragging 👉📱](/docs/sensors/touch.md)\n- [Keyboard dragging 🎹♿️](/docs/sensors/keyboard.md)\n- [Programmatic dragging 🎮](/docs/sensors/programmatic.md)\n\n### API 🏋️‍\n\n![diagram](https://user-images.githubusercontent.com/2182637/53607406-c8f3a780-3c12-11e9-979c-7f3b5bd1bfbd.gif)\n\n- [`<DragDropContext />`](/docs/api/drag-drop-context.md) - _Wraps the part of your application you want to have drag and drop enabled for_\n- [`<Droppable />`](/docs/api/droppable.md) - _An area that can be dropped into. Contains `<Draggable />`s_\n- [`<Draggable />`](/docs/api/draggable.md) - _What can be dragged around_\n- [`resetServerContext()`](/docs/api/reset-server-context.md) - _Utility for server side rendering (SSR)_\n\n### Guides 🗺\n\n- [`<DragDropContext />` responders](/docs/guides/responders.md) - _`onDragStart`, `onDragUpdate`, `onDragEnd` and `onBeforeDragStart`_\n- [Combining `<Draggable />`s](/docs/guides/combining.md)\n- [Common setup issues](/docs/guides/common-setup-issues.md)\n- [Using `innerRef`](/docs/guides/using-inner-ref.md)\n- [Developer warnings and how to disable them](/docs/guides/developer-warnings.md)\n- [Rules for `draggableId` and `droppableId`s](/docs/guides/identifiers.md)\n- [Customising or skipping the drop animation](/docs/guides/drop-animation.md)\n- [Auto scrolling](/docs/guides/auto-scrolling.md)\n- [Controlling the screen reader](/docs/guides/screen-reader.md)\n- [Use the html5 `doctype`](/docs/guides/doctype.md)\n- [`TypeScript` and `flow`](/docs/guides/types.md)\n- [Dragging `<svg>`s](/docs/guides/dragging-svgs.md)\n- [Non-visible preset styles](/docs/guides/preset-styles.md)\n- [How we detect scroll containers](/docs/guides/how-we-detect-scroll-containers.md)\n- [How we use dom events](/docs/guides/how-we-use-dom-events.md) - _Useful if you need to build on top of `react-beautiful-dnd`_\n- [Adding `<Draggable />`s during a drag](/docs/guides/changes-while-dragging.md) - _⚠️ Advanced_\n\n### Patterns 👷‍\n\n- [Multi drag](/docs/patterns/multi-drag.md)\n- [Tables](/docs/patterns/tables.md)\n- [Using a portal (`ReactDOM.createPortal`)](/docs/patterns/using-a-portal.md)\n\n### Support 👩‍⚕️\n\n- [Engineering health](/docs/support/engineering-health.md)\n- [Community and addons](/docs/support/community-and-addons.md)\n- [Release notes and changelog](https://github.com/atlassian/react-beautiful-dnd/releases)\n- [Upgrading](/docs/support/upgrading.md)\n- [Road map](https://github.com/atlassian/react-beautiful-dnd/issues)\n- [Media](/docs/support/media.md)\n\n## Read this in other languages 🌎\n\n- [![kr](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/South-Korea.png) **한글/Korean**](https://github.com/LeeHyungGeun/react-beautiful-dnd-kr)\n- [![china](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/China.png) **中文/Chinese**](https://github.com/chinanf-boy/react-beautiful-dnd-zh)\n- [![ru](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/Russia.png) На русском/Russian\\*\\*](https://github.com/vtereshyn/react-beautiful-dnd-ru)\n- [![pt](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/Brazil.png) Português/Portuguese](https://github.com/dudestein/react-beautiful-dnd-pt)\n\n## Author ✍️\n\nAlex Reardon [@alexandereardon](https://twitter.com/alexandereardon)\n\n## Collaborators 🤝\n\n- Bogdan Chadkin [@IAmTrySound](https://twitter.com/IAmTrySound)\n- Luke Batchelor [@alukebatchelor](https://twitter.com/alukebatchelor)\n- Jared Crowe [@jaredjcrowe](https://twitter.com/jaredjcrowe)\n- Many other [@Atlassian](https://twitter.com/Atlassian)'s!\n","gitHead":"d28291c279c273e0b9621adea4143000edb9358f","scripts":{"test":"jest --config ./jest.config.js","build":"yarn build:clean && yarn build:dist && yarn build:flow","test:ci":"jest test --maxWorkers=2","lint:css":"stylelint \"stories/**/*.{js,jsx}\"","validate":"yarn prettier:check && yarn lint:eslint && yarn lint:css && yarn typecheck","storybook":"start-storybook -p 9002","typecheck":"flow check --max-warnings=0","build:dist":"rollup -c","build:flow":"echo \"// @flow\n\nexport * from '../src';\" > dist/react-beautiful-dnd.cjs.js.flow","build:clean":"rimraf dist","lint:eslint":"yarn eslint \"./**/*.{js,jsx}\"","test:browser":"cypress open","test:coverage":"yarn test --coverage --coveragePathIgnorePatterns=/debug","prepublishOnly":"yarn build","prettier:check":"yarn prettier --debug-check $npm_package_config_prettier_target","prettier:write":"yarn prettier --write $npm_package_config_prettier_target","build-storybook":"build-storybook -c .storybook -o site","test:browser:ci":"cypress run","bundle-size:check":"cross-env SNAPSHOT=match yarn bundle-size:update","bundle-size:update":"yarn build:clean && yarn build:dist && yarn build:clean"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"jest-junit":{"output":"test-reports/junit/js-test-results.xml"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"6.9.0","description":"Beautiful and accessible drag and drop for lists with React","directories":{},"sideEffects":false,"_nodeVersion":"10.15.3","dependencies":{"redux":"^4.0.1","raf-schd":"^4.0.1","memoize-one":"^5.0.4","react-redux":"^7.0.3","use-memo-one":"^1.1.0","css-box-model":"^1.1.2","tiny-invariant":"^1.0.4","@babel/runtime-corejs2":"^7.4.5"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^24.8.0","react":"^16.8.6","enzyme":"^3.10.0","eslint":"^5.16.0","globby":"^9.2.0","rimraf":"^2.6.3","rollup":"^1.14.6","cypress":"^3.3.1","webpack":"^4.33.0","flow-bin":"0.96.0","fs-extra":"^8.0.1","prettier":"^1.18.2","raf-stub":"^2.0.2","cross-env":"^5.2.0","react-dom":"^16.8.6","stylelint":"^10.1.0","wait-port":"^0.2.2","babel-core":"^7.0.0-bridge.0","babel-jest":"^24.8.0","jest-junit":"^6.4.0","url-loader":"^1.1.2","@babel/core":"^7.4.5","markdown-it":"^8.4.2","babel-eslint":"^10.0.1","babel-loader":"^8.0.6","react-window":"^1.8.1","@emotion/core":"^10.0.10","@atlaskit/theme":"^9.1.0","@emotion/styled":"^10.0.12","emotion-theming":"^10.0.10","@storybook/react":"^5.1.3","@babel/preset-env":"^7.4.5","styled-components":"3.x","@babel/preset-flow":"^7.0.0","@storybook/theming":"^5.1.3","eslint-plugin-jest":"^22.6.4","rollup-plugin-json":"^4.0.0","@atlaskit/css-reset":"^4.0.0","@babel/preset-react":"^7.0.0","eslint-plugin-react":"^7.13.0","react-test-renderer":"^16.8.6","rollup-plugin-babel":"^4.3.2","rollup-plugin-strip":"^1.2.1","babel-plugin-emotion":"^10.0.13","eslint-config-airbnb":"^17.1.0","eslint-plugin-import":"^2.17.3","jest-watch-typeahead":"^0.3.1","rollup-plugin-uglify":"^6.0.2","eslint-plugin-cypress":"^2.2.1","eslint-plugin-emotion":"^10.0.7","react-testing-library":"^7.0.1","rollup-plugin-replace":"^2.2.0","eslint-config-prettier":"^4.3.0","eslint-plugin-flowtype":"^3.10.1","eslint-plugin-jsx-a11y":"^6.2.1","eslint-plugin-prettier":"^3.1.0","rollup-plugin-commonjs":"^10.0.0","enzyme-adapter-react-16":"^1.14.0","testcafe-reporter-xunit":"^2.1.0","eslint-plugin-react-hooks":"^1.6.0","stylelint-config-prettier":"^5.2.0","stylelint-config-standard":"^18.3.0","rollup-plugin-node-resolve":"^5.0.1","babel-plugin-dev-expression":"^0.2.1","rollup-plugin-size-snapshot":"^0.9.0","stylelint-config-recommended":"^2.2.0","@emotion/babel-preset-css-prop":"^10.0.9","@babel/plugin-transform-runtime":"^7.4.4","stylelint-config-styled-components":"^0.1.1","stylelint-processor-styled-components":"^1.8.0","@babel/plugin-proposal-class-properties":"^7.4.4","@babel/plugin-transform-modules-commonjs":"^7.4.4"},"peerDependencies":{"react":"^16.8.5"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd_12.0.0-alpha.2_1560819782336_0.848694326563775","host":"s3://npm-registry-packages"}},"12.0.0-alpha.3":{"name":"react-beautiful-dnd","version":"12.0.0-alpha.3","keywords":["drag and drop","dnd","sortable","reorder","reorderable","react","react.js","natural","beautiful"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@12.0.0-alpha.3","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"},{"name":"jaredcrowe","email":"jared.j.crowe@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"3103b9b3e17a824cf1eeafa99a40d031d86507dd","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-12.0.0-alpha.3.tgz","fileCount":239,"integrity":"sha512-UzKoG1hnCm96Bwf+Aja6Z5TOiGGea2nMtq7ISTaNp2K1k1cvA18bKYx4AGbeHauMv+2yjy9J9nAai09T+uddCQ==","signatures":[{"sig":"MEUCIQD4XjssUDD3tIE2OQStJ8yryQKPhUhabbQ6iLEwPuQj6gIgYz53fquWHyX+SYj7SYiInb2OaPGxfLcoD1JTxgnvilI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1402263,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdCGI+CRA9TVsSAnZWagAAPMgP/jv9sROtxbMcaaQ0UMeS\nsg2l/1aG5G0Y6/Z/kceqTVZhy2EjWl7V3Pm4BzGoM6ur7H5OpuFczC4J0wG1\nvMV+aWjfYUmMqEljLXSjqLmdNbdC3/uo83IYb6CDo1kF+8sF8vzqg2NGhQ79\n/kD5FwceADwGhG2VtDxv7Oz/jz9Zmh2XCnZ6UCeN3LAO+JIWkzX01MKKQDlv\ne3JMnPxjqjfYTsO18w2qAECemLKKjmVw22oiXxjgBbH2IC5dnUsnSfQRL97Z\nAPpFqhOn2ieQ7Rjr07gCgj8IZJl3Y+Jf7qbcmotvizW5/v0NHjyBCMr7OPGd\nBT6FnsR/AGDNgG3O/utcwQIHkvsqEHat3devxNG1veZDrIeDzq3IWW2MGDtj\nkVoN3ABF3fWQXhAOagP+FI2/Lv4wnbBsE3AevoA33eMEEY+D+jv21tXvkUDA\nzrVstdXcVrZJ7SQdM0wkPCNBtif7KfYm1gBA4TNeTThpGk7DnmgKIsJUsmvI\nL1KfqOEvrP1BvKgnGuOuOZsopx7h1fpVJLv1kwZEkHPNmC6puFd9MJGByA7S\nYn2LcYBaYNBioqknDL8cjQNklzc8p880V2QNSYHG3YDl/GzrwcvO+ova/B8A\n4wsuQ3B7MvaEwpDcrJbF0QG5jWeiQM/7i6XQZ8qGpSMHt1jQz32TAlol8dTF\n6DqK\r\n=j0GC\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/react-beautiful-dnd.cjs.js","config":{"prettier_target":"*.{js,jsx,md,json} src/**/*.{js,jsx,md,json} test/**/*.{js,jsx,md,json} docs/**/*.{js,jsx,md,json} stories/**/*.{js,jsx,md,json} cypress/**/*.{js,jsx,md,json}"},"module":"dist/react-beautiful-dnd.esm.js","readme":"<p align=\"center\">\n  <img src=\"https://user-images.githubusercontent.com/2182637/53611918-54c1ff80-3c24-11e9-9917-66ac3cef513d.png\" alt=\"react beautiful dnd logo\" />\n</p>\n<h1 align=\"center\">react-beautiful-dnd</h1>\n\n<div align=\"center\">\n\n**Beautiful** and **accessible** drag and drop for lists with [`React`](https://facebook.github.io/react/)\n\n[![CircleCI branch](https://img.shields.io/circleci/project/github/atlassian/react-beautiful-dnd/master.svg)](https://circleci.com/gh/atlassian/react-beautiful-dnd/tree/master)\n[![npm](https://img.shields.io/npm/v/react-beautiful-dnd.svg)](https://www.npmjs.com/package/react-beautiful-dnd)\n\n![quote application example](https://user-images.githubusercontent.com/2182637/53614150-efbed780-3c2c-11e9-9204-a5d2e746faca.gif)\n\n[Play with this example if you want!](https://react-beautiful-dnd.netlify.com/iframe.html?selectedKind=board&selectedStory=simple)\n\n</div>\n\n## Core characteristics\n\n- Beautiful and [natural movement](/docs/about/animations.md) of items 💐\n- [Accessible](/docs/about/accessibility.md): powerful keyboard and screen reader support ♿️\n- [Extremely performant](/docs/support/media.md) 🚀\n- Clean and powerful api which is simple to get started with\n- Plays extremely well with standard browser interactions\n- [Unopinionated styling](/docs/guides/preset-styles.md)\n- No creation of additional wrapper dom nodes - flexbox and focus management friendly!\n\n## Get started 👩‍🏫\n\nWe have created [a free course on `egghead.io` 🥚](https://egghead.io/courses/beautiful-and-accessible-drag-and-drop-with-react-beautiful-dnd) to help you get started with `react-beautiful-dnd` as quickly as possible.\n\n[![course-logo](https://user-images.githubusercontent.com/2182637/43372837-8c72d3f8-93e8-11e8-9d92-a82adde7718f.png)](https://egghead.io/courses/beautiful-and-accessible-drag-and-drop-with-react-beautiful-dnd)\n\n## Currently supported feature set ✅\n\n- Vertical lists ↕\n- Horizontal lists ↔\n- Movement between lists (▤ ↔ ▤)\n- [Combining items](/docs/guides/combining.md)\n- Mouse 🐭, keyboard 🎹♿️ and touch 👉📱 (mobile, tablet and so on) support\n- [Multi drag support](/docs/patterns/multi-drag.md)\n- Incredible screen reader support ♿️ - we provide an amazing experience for english screen readers out of the box 📦. We also provide complete customisation control and internationalisation support for those who need it 💖\n- [Conditional dragging](/docs/api/draggable.md#optional-props) and [conditional dropping](/docs/api/droppable.md#conditionally-dropping)\n- Multiple independent lists on the one page\n- Flexible item sizes - the draggable items can have different heights (vertical lists) or widths (horizontal lists)\n- [Add and remove items during a drag](/docs/guides/changes-while-dragging.md)\n- Compatible with semantic `<table>` reordering - [table pattern](/docs/patterns/tables.md)\n- [Auto scrolling](/docs/guides/auto-scrolling.md) - automatically scroll containers and the window as required during a drag (even with keyboard 🔥)\n- Custom drag handles - you can drag a whole item by just a part of it\n- Able to drag a [clone](TODO) or use a [portal](/docs/patterns/using-a-portal.md)\n- Full [programmatic api 🎮](/docs/api/programmatic.md)\n- 🌲 Tree support through the [`@atlaskit/tree`](https://atlaskit.atlassian.com/packages/core/tree) package\n- A `<Droppable />` list can be a scroll container (without a scrollable parent) or be the child of a scroll container (that also does not have a scrollable parent)\n- Independent nested lists - a list can be a child of another list, but you cannot drag items from the parent list into a child list\n- Server side rendering (SSR) compatible - see [resetServerContext()](/docs/api/reset-server-context.md)\n- Plays well with [nested interactive elements](/docs/api/draggable.md#interactive-child-elements-within-a-draggable-) by default\n\n## Motivation 🤔\n\n`react-beautiful-dnd` exists to create beautiful drag and drop for lists that anyone can use - even people who cannot see. For a good overview of the history and motivations of the project you can take a look at these external resources:\n\n- 📖 [Rethinking drag and drop](https://medium.com/@alexandereardon/rethinking-drag-and-drop-d9f5770b4e6b)\n- 🎧 [React podcast: fast, accessible and beautiful drag and drop](https://reactpodcast.simplecast.fm/17)\n\n## Not for everyone ✌️\n\nThere are a lot of libraries out there that allow for drag and drop interactions within React. Most notable of these is the amazing [`react-dnd`](https://github.com/react-dnd/react-dnd). It does an incredible job at providing a great set of drag and drop primitives which work especially well with the [wildly inconsistent](https://www.quirksmode.org/blog/archives/2009/09/the_html5_drag.html) html5 drag and drop feature. `react-beautiful-dnd` is a higher level abstraction specifically built for lists (vertical, horizontal, movement between lists, nested lists and so on). Within that subset of functionality `react-beautiful-dnd` offers a powerful, natural and beautiful drag and drop experience. However, it does not provide the breadth of functionality offered by `react-dnd`. So `react-beautiful-dnd` might not be for you depending on what your use case is.\n\n## Documentation 📖\n\n### About 👋\n\n- [Installation](/docs/about/installation.md)\n- [Examples and samples](/docs/about/examples.md)\n- [Get started](https://egghead.io/courses/beautiful-and-accessible-drag-and-drop-with-react-beautiful-dnd)\n- [Design principles](/docs/about/design-principles.md)\n- [Animations](/docs/about/animations.md)\n- [Accessibility](/docs/about/accessibility.md)\n- [Browser support](/docs/about/browser-support.md)\n\n### Sensors 🔉\n\n> The ways in which somebody can start and control a drag\n\n- [Mouse dragging 🐭](/docs/sensors/mouse.md)\n- [Touch dragging 👉📱](/docs/sensors/touch.md)\n- [Keyboard dragging 🎹♿️](/docs/sensors/keyboard.md)\n- [Programmatic dragging 🎮](/docs/sensors/programmatic.md)\n\n### API 🏋️‍\n\n![diagram](https://user-images.githubusercontent.com/2182637/53607406-c8f3a780-3c12-11e9-979c-7f3b5bd1bfbd.gif)\n\n- [`<DragDropContext />`](/docs/api/drag-drop-context.md) - _Wraps the part of your application you want to have drag and drop enabled for_\n- [`<Droppable />`](/docs/api/droppable.md) - _An area that can be dropped into. Contains `<Draggable />`s_\n- [`<Draggable />`](/docs/api/draggable.md) - _What can be dragged around_\n- [`resetServerContext()`](/docs/api/reset-server-context.md) - _Utility for server side rendering (SSR)_\n\n### Guides 🗺\n\n- [`<DragDropContext />` responders](/docs/guides/responders.md) - _`onDragStart`, `onDragUpdate`, `onDragEnd` and `onBeforeDragStart`_\n- [Combining `<Draggable />`s](/docs/guides/combining.md)\n- [Common setup issues](/docs/guides/common-setup-issues.md)\n- [Using `innerRef`](/docs/guides/using-inner-ref.md)\n- [Developer warnings and how to disable them](/docs/guides/developer-warnings.md)\n- [Rules for `draggableId` and `droppableId`s](/docs/guides/identifiers.md)\n- [Customising or skipping the drop animation](/docs/guides/drop-animation.md)\n- [Auto scrolling](/docs/guides/auto-scrolling.md)\n- [Controlling the screen reader](/docs/guides/screen-reader.md)\n- [Use the html5 `doctype`](/docs/guides/doctype.md)\n- [`TypeScript` and `flow`](/docs/guides/types.md)\n- [Dragging `<svg>`s](/docs/guides/dragging-svgs.md)\n- [Non-visible preset styles](/docs/guides/preset-styles.md)\n- [How we detect scroll containers](/docs/guides/how-we-detect-scroll-containers.md)\n- [How we use dom events](/docs/guides/how-we-use-dom-events.md) - _Useful if you need to build on top of `react-beautiful-dnd`_\n- [Adding `<Draggable />`s during a drag](/docs/guides/changes-while-dragging.md) - _⚠️ Advanced_\n\n### Patterns 👷‍\n\n- [Multi drag](/docs/patterns/multi-drag.md)\n- [Tables](/docs/patterns/tables.md)\n- [Using a portal (`ReactDOM.createPortal`)](/docs/patterns/using-a-portal.md)\n\n### Support 👩‍⚕️\n\n- [Engineering health](/docs/support/engineering-health.md)\n- [Community and addons](/docs/support/community-and-addons.md)\n- [Release notes and changelog](https://github.com/atlassian/react-beautiful-dnd/releases)\n- [Upgrading](/docs/support/upgrading.md)\n- [Road map](https://github.com/atlassian/react-beautiful-dnd/issues)\n- [Media](/docs/support/media.md)\n\n## Read this in other languages 🌎\n\n- [![kr](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/South-Korea.png) **한글/Korean**](https://github.com/LeeHyungGeun/react-beautiful-dnd-kr)\n- [![china](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/China.png) **中文/Chinese**](https://github.com/chinanf-boy/react-beautiful-dnd-zh)\n- [![ru](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/Russia.png) На русском/Russian\\*\\*](https://github.com/vtereshyn/react-beautiful-dnd-ru)\n- [![pt](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/Brazil.png) Português/Portuguese](https://github.com/dudestein/react-beautiful-dnd-pt)\n\n## Author ✍️\n\nAlex Reardon [@alexandereardon](https://twitter.com/alexandereardon)\n\n## Collaborators 🤝\n\n- Bogdan Chadkin [@IAmTrySound](https://twitter.com/IAmTrySound)\n- Luke Batchelor [@alukebatchelor](https://twitter.com/alukebatchelor)\n- Jared Crowe [@jaredjcrowe](https://twitter.com/jaredjcrowe)\n- Many other [@Atlassian](https://twitter.com/Atlassian)'s!\n","gitHead":"7b2e87de948bbafb51780d4c8d8653767690d85f","scripts":{"test":"jest --config ./jest.config.js","build":"yarn build:clean && yarn build:dist && yarn build:flow","test:ci":"jest test --maxWorkers=2","lint:css":"stylelint \"stories/**/*.{js,jsx}\"","validate":"yarn prettier:check && yarn lint:eslint && yarn lint:css && yarn typecheck","storybook":"start-storybook -p 9002","typecheck":"flow check --max-warnings=0","build:dist":"rollup -c","build:flow":"echo \"// @flow\n\nexport * from '../src';\" > dist/react-beautiful-dnd.cjs.js.flow","build:clean":"rimraf dist","lint:eslint":"yarn eslint \"./**/*.{js,jsx}\"","test:browser":"cypress open","test:coverage":"yarn test --coverage --coveragePathIgnorePatterns=/debug","prepublishOnly":"yarn build","prettier:check":"yarn prettier --debug-check $npm_package_config_prettier_target","prettier:write":"yarn prettier --write $npm_package_config_prettier_target","build-storybook":"build-storybook -c .storybook -o site","test:browser:ci":"cypress run","bundle-size:check":"cross-env SNAPSHOT=match yarn bundle-size:update","bundle-size:update":"yarn build:clean && yarn build:dist && yarn build:clean"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"jest-junit":{"output":"test-reports/junit/js-test-results.xml"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"6.9.0","description":"Beautiful and accessible drag and drop for lists with React","directories":{},"sideEffects":false,"_nodeVersion":"10.15.3","dependencies":{"redux":"^4.0.1","raf-schd":"^4.0.1","memoize-one":"^5.0.4","react-redux":"^7.0.3","use-memo-one":"^1.1.0","css-box-model":"^1.1.2","tiny-invariant":"^1.0.4","@babel/runtime-corejs2":"^7.4.5"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^24.8.0","react":"^16.8.6","enzyme":"^3.10.0","eslint":"^5.16.0","globby":"^9.2.0","rimraf":"^2.6.3","rollup":"^1.14.6","cypress":"^3.3.1","webpack":"^4.33.0","flow-bin":"0.96.0","fs-extra":"^8.0.1","prettier":"^1.18.2","raf-stub":"^2.0.2","cross-env":"^5.2.0","react-dom":"^16.8.6","stylelint":"^10.1.0","wait-port":"^0.2.2","babel-core":"^7.0.0-bridge.0","babel-jest":"^24.8.0","jest-junit":"^6.4.0","url-loader":"^1.1.2","@babel/core":"^7.4.5","markdown-it":"^8.4.2","babel-eslint":"^10.0.1","babel-loader":"^8.0.6","react-window":"^1.8.1","@emotion/core":"^10.0.10","@atlaskit/theme":"^9.1.0","@emotion/styled":"^10.0.12","emotion-theming":"^10.0.10","@storybook/react":"^5.1.3","@babel/preset-env":"^7.4.5","styled-components":"3.x","@babel/preset-flow":"^7.0.0","@storybook/theming":"^5.1.3","eslint-plugin-jest":"^22.6.4","rollup-plugin-json":"^4.0.0","@atlaskit/css-reset":"^4.0.0","@babel/preset-react":"^7.0.0","eslint-plugin-react":"^7.13.0","react-test-renderer":"^16.8.6","rollup-plugin-babel":"^4.3.2","rollup-plugin-strip":"^1.2.1","babel-plugin-emotion":"^10.0.13","eslint-config-airbnb":"^17.1.0","eslint-plugin-import":"^2.17.3","jest-watch-typeahead":"^0.3.1","rollup-plugin-uglify":"^6.0.2","eslint-plugin-cypress":"^2.2.1","eslint-plugin-emotion":"^10.0.7","react-testing-library":"^7.0.1","rollup-plugin-replace":"^2.2.0","eslint-config-prettier":"^4.3.0","eslint-plugin-flowtype":"^3.10.1","eslint-plugin-jsx-a11y":"^6.2.1","eslint-plugin-prettier":"^3.1.0","rollup-plugin-commonjs":"^10.0.0","enzyme-adapter-react-16":"^1.14.0","testcafe-reporter-xunit":"^2.1.0","eslint-plugin-react-hooks":"^1.6.0","stylelint-config-prettier":"^5.2.0","stylelint-config-standard":"^18.3.0","rollup-plugin-node-resolve":"^5.0.1","babel-plugin-dev-expression":"^0.2.1","rollup-plugin-size-snapshot":"^0.9.0","stylelint-config-recommended":"^2.2.0","@emotion/babel-preset-css-prop":"^10.0.9","@babel/plugin-transform-runtime":"^7.4.4","stylelint-config-styled-components":"^0.1.1","stylelint-processor-styled-components":"^1.8.0","@babel/plugin-proposal-class-properties":"^7.4.4","@babel/plugin-transform-modules-commonjs":"^7.4.4"},"peerDependencies":{"react":"^16.8.5"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd_12.0.0-alpha.3_1560830525615_0.636107305027529","host":"s3://npm-registry-packages"}},"12.0.0-alpha.4":{"name":"react-beautiful-dnd","version":"12.0.0-alpha.4","keywords":["drag and drop","dnd","sortable","reorder","reorderable","react","react.js","natural","beautiful","accessible"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@12.0.0-alpha.4","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"},{"name":"jaredcrowe","email":"jared.j.crowe@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"95b4f9c146686828c0c2339bc225730b03590923","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-12.0.0-alpha.4.tgz","fileCount":240,"integrity":"sha512-I8tpB68PYbPOTK5wMdiXlzwqB74qFXoRGIa7pM9s77iw/Z7kdPTEZ9pvpBHzZvGmPky/xo/seOk5KxjGNOWtag==","signatures":[{"sig":"MEQCICaZtOvx/i+WVX4aMglVe5w+K6+O3rKYPmIxt91q06o3AiBUj2wdNOUK2LFaIz3JykCOZppwoFTPn8zf6j0AZ4hu/g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1409213,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdCt59CRA9TVsSAnZWagAACfoQAIuJ1UpZqMrqRSPjn2mv\nCns5smMi3ulnHhMC8WvFT9PZ9Sk4Q5N4i7N0U+GS9YXkbGYshA1tbParQlfP\nMa7BU8oOce6qZjof1z01BhosVHhAfzI0DBChdsLj4Fo6lRC0ERGcNwcknsHy\nbOhVsAfRagkZjjox1u92M9z+LgJxfDXwDuHQXtyew1J/K4hWyHfidFCa4wOJ\nR5mjTx0darR7uF6MxaN8Whp1yUAXty/BQCTt07mdp5ru41yc46BNznIw6FGX\n5gkcnG5gmGtRN3TL2j/Jp8hbCUbOX9767/IJstCLCBvycurTyQ+GbiMEgD7u\nwiHWIyJ9v3L+ErX+xZXmI0g8ENtEkimqqfUzswGV7Zh7uKZPNi43UTszswsC\nu2Mm4znDtAIicq/jhPpbbIkFYVlgKrJknykHfPwoLvkgfquXSmEkaBGcnMRm\nODCMK4qHbMvzkVavfDik2wFdgPMJ6w/D9LJQLvAY84UTT/qJbd5naPMbldOG\nB323m2RBrbWAzx7zQibs3C0/kuhJXVxIuAq30PTUwm0+aWvYQ7N+cGIU9NZS\nLpkDsfbEpzLxSBvDRBe4eE1qw2YoCBKulX41kk26XSPe7iSKd8pHv9g/RJfX\nELxbJkjz0ISYO0pgC2dx+qFn7CTRP/WoZTP+PxzbA5OjqlMR4Et/FAAg77CX\nOBWz\r\n=zDP6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/react-beautiful-dnd.cjs.js","config":{"prettier_target":"*.{js,jsx,md,json} src/**/*.{js,jsx,md,json} test/**/*.{js,jsx,md,json} docs/**/*.{js,jsx,md,json} stories/**/*.{js,jsx,md,json} cypress/**/*.{js,jsx,md,json}"},"module":"dist/react-beautiful-dnd.esm.js","readme":"<p align=\"center\">\n  <img src=\"https://user-images.githubusercontent.com/2182637/53611918-54c1ff80-3c24-11e9-9917-66ac3cef513d.png\" alt=\"react beautiful dnd logo\" />\n</p>\n<h1 align=\"center\">react-beautiful-dnd</h1>\n\n<div align=\"center\">\n\n**Beautiful** and **accessible** drag and drop for lists with [`React`](https://facebook.github.io/react/)\n\n[![CircleCI branch](https://img.shields.io/circleci/project/github/atlassian/react-beautiful-dnd/master.svg)](https://circleci.com/gh/atlassian/react-beautiful-dnd/tree/master)\n[![npm](https://img.shields.io/npm/v/react-beautiful-dnd.svg)](https://www.npmjs.com/package/react-beautiful-dnd)\n\n![quote application example](https://user-images.githubusercontent.com/2182637/53614150-efbed780-3c2c-11e9-9204-a5d2e746faca.gif)\n\n[Play with this example if you want!](https://react-beautiful-dnd.netlify.com/iframe.html?selectedKind=board&selectedStory=simple)\n\n</div>\n\n## Core characteristics\n\n- Beautiful and [natural movement](/docs/about/animations.md) of items 💐\n- [Accessible](/docs/about/accessibility.md): powerful keyboard and screen reader support ♿️\n- [Extremely performant](/docs/support/media.md) 🚀\n- Clean and powerful api which is simple to get started with\n- Plays extremely well with standard browser interactions\n- [Unopinionated styling](/docs/guides/preset-styles.md)\n- No creation of additional wrapper dom nodes - flexbox and focus management friendly!\n\n## Get started 👩‍🏫\n\nWe have created [a free course on `egghead.io` 🥚](https://egghead.io/courses/beautiful-and-accessible-drag-and-drop-with-react-beautiful-dnd) to help you get started with `react-beautiful-dnd` as quickly as possible.\n\n[![course-logo](https://user-images.githubusercontent.com/2182637/43372837-8c72d3f8-93e8-11e8-9d92-a82adde7718f.png)](https://egghead.io/courses/beautiful-and-accessible-drag-and-drop-with-react-beautiful-dnd)\n\n## Currently supported feature set ✅\n\n- Vertical lists ↕\n- Horizontal lists ↔\n- Movement between lists (▤ ↔ ▤)\n- [Combining items](/docs/guides/combining.md)\n- Mouse 🐭, keyboard 🎹♿️ and touch 👉📱 (mobile, tablet and so on) support\n- [Multi drag support](/docs/patterns/multi-drag.md)\n- Incredible screen reader support ♿️ - we provide an amazing experience for english screen readers out of the box 📦. We also provide complete customisation control and internationalisation support for those who need it 💖\n- [Conditional dragging](/docs/api/draggable.md#optional-props) and [conditional dropping](/docs/api/droppable.md#conditionally-dropping)\n- Multiple independent lists on the one page\n- Flexible item sizes - the draggable items can have different heights (vertical lists) or widths (horizontal lists)\n- [Add and remove items during a drag](/docs/guides/changes-while-dragging.md)\n- Compatible with semantic `<table>` reordering - [table pattern](/docs/patterns/tables.md)\n- [Auto scrolling](/docs/guides/auto-scrolling.md) - automatically scroll containers and the window as required during a drag (even with keyboard 🔥)\n- Custom drag handles - you can drag a whole item by just a part of it\n- Able to drag a [clone](TODO) or use a [portal](/docs/patterns/using-a-portal.md)\n- Full [programmatic api 🎮](/docs/api/programmatic.md)\n- 🌲 Tree support through the [`@atlaskit/tree`](https://atlaskit.atlassian.com/packages/core/tree) package\n- A `<Droppable />` list can be a scroll container (without a scrollable parent) or be the child of a scroll container (that also does not have a scrollable parent)\n- Independent nested lists - a list can be a child of another list, but you cannot drag items from the parent list into a child list\n- Server side rendering (SSR) compatible - see [resetServerContext()](/docs/api/reset-server-context.md)\n- Plays well with [nested interactive elements](/docs/api/draggable.md#interactive-child-elements-within-a-draggable-) by default\n\n## Motivation 🤔\n\n`react-beautiful-dnd` exists to create beautiful drag and drop for lists that anyone can use - even people who cannot see. For a good overview of the history and motivations of the project you can take a look at these external resources:\n\n- 📖 [Rethinking drag and drop](https://medium.com/@alexandereardon/rethinking-drag-and-drop-d9f5770b4e6b)\n- 🎧 [React podcast: fast, accessible and beautiful drag and drop](https://reactpodcast.simplecast.fm/17)\n\n## Not for everyone ✌️\n\nThere are a lot of libraries out there that allow for drag and drop interactions within React. Most notable of these is the amazing [`react-dnd`](https://github.com/react-dnd/react-dnd). It does an incredible job at providing a great set of drag and drop primitives which work especially well with the [wildly inconsistent](https://www.quirksmode.org/blog/archives/2009/09/the_html5_drag.html) html5 drag and drop feature. `react-beautiful-dnd` is a higher level abstraction specifically built for lists (vertical, horizontal, movement between lists, nested lists and so on). Within that subset of functionality `react-beautiful-dnd` offers a powerful, natural and beautiful drag and drop experience. However, it does not provide the breadth of functionality offered by `react-dnd`. So `react-beautiful-dnd` might not be for you depending on what your use case is.\n\n## Documentation 📖\n\n### About 👋\n\n- [Installation](/docs/about/installation.md)\n- [Examples and samples](/docs/about/examples.md)\n- [Get started](https://egghead.io/courses/beautiful-and-accessible-drag-and-drop-with-react-beautiful-dnd)\n- [Design principles](/docs/about/design-principles.md)\n- [Animations](/docs/about/animations.md)\n- [Accessibility](/docs/about/accessibility.md)\n- [Browser support](/docs/about/browser-support.md)\n\n### Sensors 🔉\n\n> The ways in which somebody can start and control a drag\n\n- [Mouse dragging 🐭](/docs/sensors/mouse.md)\n- [Touch dragging 👉📱](/docs/sensors/touch.md)\n- [Keyboard dragging 🎹♿️](/docs/sensors/keyboard.md)\n- [Programmatic dragging 🎮](/docs/sensors/programmatic.md)\n\n### API 🏋️‍\n\n![diagram](https://user-images.githubusercontent.com/2182637/53607406-c8f3a780-3c12-11e9-979c-7f3b5bd1bfbd.gif)\n\n- [`<DragDropContext />`](/docs/api/drag-drop-context.md) - _Wraps the part of your application you want to have drag and drop enabled for_\n- [`<Droppable />`](/docs/api/droppable.md) - _An area that can be dropped into. Contains `<Draggable />`s_\n- [`<Draggable />`](/docs/api/draggable.md) - _What can be dragged around_\n- [`resetServerContext()`](/docs/api/reset-server-context.md) - _Utility for server side rendering (SSR)_\n\n### Guides 🗺\n\n- [`<DragDropContext />` responders](/docs/guides/responders.md) - _`onDragStart`, `onDragUpdate`, `onDragEnd` and `onBeforeDragStart`_\n- [Combining `<Draggable />`s](/docs/guides/combining.md)\n- [Common setup issues](/docs/guides/common-setup-issues.md)\n- [Using `innerRef`](/docs/guides/using-inner-ref.md)\n- [Developer warnings and how to disable them](/docs/guides/developer-warnings.md)\n- [Rules for `draggableId` and `droppableId`s](/docs/guides/identifiers.md)\n- [Customising or skipping the drop animation](/docs/guides/drop-animation.md)\n- [Auto scrolling](/docs/guides/auto-scrolling.md)\n- [Controlling the screen reader](/docs/guides/screen-reader.md)\n- [Use the html5 `doctype`](/docs/guides/doctype.md)\n- [`TypeScript` and `flow`](/docs/guides/types.md)\n- [Dragging `<svg>`s](/docs/guides/dragging-svgs.md)\n- [Non-visible preset styles](/docs/guides/preset-styles.md)\n- [How we detect scroll containers](/docs/guides/how-we-detect-scroll-containers.md)\n- [How we use dom events](/docs/guides/how-we-use-dom-events.md) - _Useful if you need to build on top of `react-beautiful-dnd`_\n- [Adding `<Draggable />`s during a drag](/docs/guides/changes-while-dragging.md) - _⚠️ Advanced_\n\n### Patterns 👷‍\n\n- [Multi drag](/docs/patterns/multi-drag.md)\n- [Tables](/docs/patterns/tables.md)\n- [Using a portal (`ReactDOM.createPortal`)](/docs/patterns/using-a-portal.md)\n\n### Support 👩‍⚕️\n\n- [Engineering health](/docs/support/engineering-health.md)\n- [Community and addons](/docs/support/community-and-addons.md)\n- [Release notes and changelog](https://github.com/atlassian/react-beautiful-dnd/releases)\n- [Upgrading](/docs/support/upgrading.md)\n- [Road map](https://github.com/atlassian/react-beautiful-dnd/issues)\n- [Media](/docs/support/media.md)\n\n## Read this in other languages 🌎\n\n- [![kr](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/South-Korea.png) **한글/Korean**](https://github.com/LeeHyungGeun/react-beautiful-dnd-kr)\n- [![china](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/China.png) **中文/Chinese**](https://github.com/chinanf-boy/react-beautiful-dnd-zh)\n- [![ru](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/Russia.png) На русском/Russian\\*\\*](https://github.com/vtereshyn/react-beautiful-dnd-ru)\n- [![pt](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/Brazil.png) Português/Portuguese](https://github.com/dudestein/react-beautiful-dnd-pt)\n\n## Author ✍️\n\nAlex Reardon [@alexandereardon](https://twitter.com/alexandereardon)\n\n## Collaborators 🤝\n\n- Bogdan Chadkin [@IAmTrySound](https://twitter.com/IAmTrySound)\n- Luke Batchelor [@alukebatchelor](https://twitter.com/alukebatchelor)\n- Jared Crowe [@jaredjcrowe](https://twitter.com/jaredjcrowe)\n- Many other [@Atlassian](https://twitter.com/Atlassian)'s!\n","gitHead":"d4bf849a4e1a8f37d015a96e6b985fe02a671c72","scripts":{"test":"jest --config ./jest.config.js","build":"yarn build:clean && yarn build:dist && yarn build:flow","test:ci":"jest test --maxWorkers=2","lint:css":"stylelint \"stories/**/*.{js,jsx}\"","validate":"yarn prettier:check && yarn lint:eslint && yarn lint:css && yarn typecheck","storybook":"start-storybook -p 9002","typecheck":"flow check --max-warnings=0","build:dist":"rollup -c","build:flow":"echo \"// @flow\n\nexport * from '../src';\" > dist/react-beautiful-dnd.cjs.js.flow","build:clean":"rimraf dist","lint:eslint":"yarn eslint \"./**/*.{js,jsx}\"","test:browser":"cypress open","test:coverage":"yarn test --coverage --coveragePathIgnorePatterns=/debug","prepublishOnly":"yarn build","prettier:check":"yarn prettier --debug-check $npm_package_config_prettier_target","prettier:write":"yarn prettier --write $npm_package_config_prettier_target","build-storybook":"build-storybook -c .storybook -o site","test:browser:ci":"cypress run","bundle-size:check":"cross-env SNAPSHOT=match yarn bundle-size:update","bundle-size:update":"yarn build:clean && yarn build:dist && yarn build:clean"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"jest-junit":{"output":"test-reports/junit/js-test-results.xml"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"6.9.0","description":"Beautiful and accessible drag and drop for lists with React","directories":{},"sideEffects":false,"_nodeVersion":"10.15.3","dependencies":{"redux":"^4.0.1","raf-schd":"^4.0.1","memoize-one":"^5.0.4","react-redux":"^7.0.3","use-memo-one":"^1.1.0","css-box-model":"^1.1.2","tiny-invariant":"^1.0.4","@babel/runtime-corejs2":"^7.4.5"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^24.8.0","react":"^16.8.6","enzyme":"^3.10.0","eslint":"^5.16.0","globby":"^9.2.0","rimraf":"^2.6.3","rollup":"^1.14.6","cypress":"^3.3.1","webpack":"^4.33.0","flow-bin":"0.96.0","fs-extra":"^8.0.1","prettier":"^1.18.2","raf-stub":"^2.0.2","cross-env":"^5.2.0","react-dom":"^16.8.6","stylelint":"^10.1.0","wait-port":"^0.2.2","babel-core":"^7.0.0-bridge.0","babel-jest":"^24.8.0","jest-junit":"^6.4.0","url-loader":"^1.1.2","@babel/core":"^7.4.5","markdown-it":"^8.4.2","babel-eslint":"^10.0.1","babel-loader":"^8.0.6","react-window":"^1.8.1","@emotion/core":"^10.0.10","@atlaskit/theme":"^9.1.0","@emotion/styled":"^10.0.12","emotion-theming":"^10.0.10","@storybook/react":"^5.1.3","@babel/preset-env":"^7.4.5","styled-components":"3.x","@babel/preset-flow":"^7.0.0","@storybook/theming":"^5.1.3","eslint-plugin-jest":"^22.6.4","rollup-plugin-json":"^4.0.0","@atlaskit/css-reset":"^4.0.0","@babel/preset-react":"^7.0.0","eslint-plugin-react":"^7.13.0","react-test-renderer":"^16.8.6","rollup-plugin-babel":"^4.3.2","rollup-plugin-strip":"^1.2.1","babel-plugin-emotion":"^10.0.13","eslint-config-airbnb":"^17.1.0","eslint-plugin-import":"^2.17.3","jest-watch-typeahead":"^0.3.1","rollup-plugin-uglify":"^6.0.2","eslint-plugin-cypress":"^2.2.1","eslint-plugin-emotion":"^10.0.7","react-testing-library":"^7.0.1","rollup-plugin-replace":"^2.2.0","eslint-config-prettier":"^4.3.0","eslint-plugin-flowtype":"^3.10.1","eslint-plugin-jsx-a11y":"^6.2.1","eslint-plugin-prettier":"^3.1.0","rollup-plugin-commonjs":"^10.0.0","enzyme-adapter-react-16":"^1.14.0","testcafe-reporter-xunit":"^2.1.0","eslint-plugin-react-hooks":"^1.6.0","stylelint-config-prettier":"^5.2.0","stylelint-config-standard":"^18.3.0","rollup-plugin-node-resolve":"^5.0.1","babel-plugin-dev-expression":"^0.2.1","rollup-plugin-size-snapshot":"^0.9.0","stylelint-config-recommended":"^2.2.0","@emotion/babel-preset-css-prop":"^10.0.9","@babel/plugin-transform-runtime":"^7.4.4","stylelint-config-styled-components":"^0.1.1","stylelint-processor-styled-components":"^1.8.0","@babel/plugin-proposal-class-properties":"^7.4.4","@babel/plugin-transform-modules-commonjs":"^7.4.4"},"peerDependencies":{"react":"^16.8.5"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd_12.0.0-alpha.4_1560993405018_0.8228960730949582","host":"s3://npm-registry-packages"}},"12.0.0-alpha.6":{"name":"react-beautiful-dnd","version":"12.0.0-alpha.6","keywords":["drag and drop","dnd","sortable","reorder","reorderable","react","react.js","natural","beautiful","accessible"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@12.0.0-alpha.6","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"},{"name":"jaredcrowe","email":"jared.j.crowe@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"3856ad1c14be1f45370847f44b4c975346b43528","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-12.0.0-alpha.6.tgz","fileCount":241,"integrity":"sha512-99+aIIF1AOeMY4v7eVludTO9WxJ6LO0iP92+7fwpze8VtMPAHSsM3q8/c6pbOocfzAF2iuGqnZW8KENQZBQDzA==","signatures":[{"sig":"MEUCIQDSPlRQlThNmP7spCnMGLF09htq0E45Zf8PQ+axl6K03wIgeEUuvci2bH/MeH67Q9/qfP+YiOCoXO/qmWtfqT8Qns8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1416321,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdFAv9CRA9TVsSAnZWagAASpYP/0nwDJqq+AkWmr2qmJWm\np5qMGv8fgqzMRj+NCo5Y5xZfpk0ihhKoL2ybupePJkm1dTu0uugzxP0Ud/V4\nX2udhClGq/qMD9SEBIXXQpZtSIt/SVfGt9X93eJOmzL79JE2Rm9dMxD49fsf\n6sDB/V1tZ//VaSnLMDJBL9AFBAwlkxvUUddk1fCgun2uEeAjwblo2v3NrGbd\nd7n5OjuBfbjZb/zgWhcia05dz0L7lKyAs5TvTSG4YU86Q2IS/NiYRZ0OlINe\n5bFlXv3S5bpxUf8ekAv0RtaCGl0wFPyUpvOU1h8xKEf1Q2jZO+6AnVjjO1I+\nrfksE4u4f23spiGUWhcZatPBR0rjSoqgSMuOR8CWtDBfRoWBHnYN8zeE3Y6e\nPtmNlDV0U/t6twvySdZplg9uluqT/W/Y4Rb3tRnS2FbxwSvMgzTYBqsDgsew\nRIKZGqRkwC5TZWPRUqixkon6a02VFZf5uD0wnyejT6ENEtKqtagDxsU3+YQL\nXmslvNHLup2+RN/9ntMV/ek2CRK0lFoyC2ADUU2aq75zMBcAaIc4R6l/xc1y\nuE+9IKDdmM8yiowFQjtGZYu7HRow1zM1vtJMyqV2bCDH6bd/Ce6Gu9LzmyJv\nS1AmsBaWiH4hAanS8rZIqq4SogTdABOl67UKyGVDelMMbv5+OHOPuGz5rct8\n6H/X\r\n=WoAZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/react-beautiful-dnd.cjs.js","config":{"prettier_target":"*.{js,jsx,md,json} src/**/*.{js,jsx,md,json} test/**/*.{js,jsx,md,json} docs/**/*.{js,jsx,md,json} stories/**/*.{js,jsx,md,json} cypress/**/*.{js,jsx,md,json}"},"module":"dist/react-beautiful-dnd.esm.js","readme":"<p align=\"center\">\n  <img src=\"https://user-images.githubusercontent.com/2182637/53611918-54c1ff80-3c24-11e9-9917-66ac3cef513d.png\" alt=\"react beautiful dnd logo\" />\n</p>\n<h1 align=\"center\">react-beautiful-dnd</h1>\n\n<div align=\"center\">\n\n**Beautiful** and **accessible** drag and drop for lists with [`React`](https://facebook.github.io/react/)\n\n[![CircleCI branch](https://img.shields.io/circleci/project/github/atlassian/react-beautiful-dnd/master.svg)](https://circleci.com/gh/atlassian/react-beautiful-dnd/tree/master)\n[![npm](https://img.shields.io/npm/v/react-beautiful-dnd.svg)](https://www.npmjs.com/package/react-beautiful-dnd)\n\n![quote application example](https://user-images.githubusercontent.com/2182637/53614150-efbed780-3c2c-11e9-9204-a5d2e746faca.gif)\n\n[Play with this example if you want!](https://react-beautiful-dnd.netlify.com/iframe.html?selectedKind=board&selectedStory=simple)\n\n</div>\n\n## Core characteristics\n\n- Beautiful and [natural movement](/docs/about/animations.md) of items 💐\n- [Accessible](/docs/about/accessibility.md): powerful keyboard and screen reader support ♿️\n- [Extremely performant](/docs/support/media.md) 🚀\n- Clean and powerful api which is simple to get started with\n- Plays extremely well with standard browser interactions\n- [Unopinionated styling](/docs/guides/preset-styles.md)\n- No creation of additional wrapper dom nodes - flexbox and focus management friendly!\n\n## Get started 👩‍🏫\n\nWe have created [a free course on `egghead.io` 🥚](https://egghead.io/courses/beautiful-and-accessible-drag-and-drop-with-react-beautiful-dnd) to help you get started with `react-beautiful-dnd` as quickly as possible.\n\n[![course-logo](https://user-images.githubusercontent.com/2182637/43372837-8c72d3f8-93e8-11e8-9d92-a82adde7718f.png)](https://egghead.io/courses/beautiful-and-accessible-drag-and-drop-with-react-beautiful-dnd)\n\n## Currently supported feature set ✅\n\n- Vertical lists ↕\n- Horizontal lists ↔\n- Movement between lists (▤ ↔ ▤)\n- [Combining items](/docs/guides/combining.md)\n- Mouse 🐭, keyboard 🎹♿️ and touch 👉📱 (mobile, tablet and so on) support\n- [Multi drag support](/docs/patterns/multi-drag.md)\n- Incredible screen reader support ♿️ - we provide an amazing experience for english screen readers out of the box 📦. We also provide complete customisation control and internationalisation support for those who need it 💖\n- [Conditional dragging](/docs/api/draggable.md#optional-props) and [conditional dropping](/docs/api/droppable.md#conditionally-dropping)\n- Multiple independent lists on the one page\n- Flexible item sizes - the draggable items can have different heights (vertical lists) or widths (horizontal lists)\n- [Add and remove items during a drag](/docs/guides/changes-while-dragging.md)\n- Compatible with semantic `<table>` reordering - [table pattern](/docs/patterns/tables.md)\n- [Auto scrolling](/docs/guides/auto-scrolling.md) - automatically scroll containers and the window as required during a drag (even with keyboard 🔥)\n- Custom drag handles - you can drag a whole item by just a part of it\n- Able to drag a [clone](TODO) or use a [portal](/docs/patterns/using-a-portal.md)\n- Full [programmatic api 🎮](/docs/api/programmatic.md)\n- 🌲 Tree support through the [`@atlaskit/tree`](https://atlaskit.atlassian.com/packages/core/tree) package\n- A `<Droppable />` list can be a scroll container (without a scrollable parent) or be the child of a scroll container (that also does not have a scrollable parent)\n- Independent nested lists - a list can be a child of another list, but you cannot drag items from the parent list into a child list\n- Server side rendering (SSR) compatible - see [resetServerContext()](/docs/api/reset-server-context.md)\n- Plays well with [nested interactive elements](/docs/api/draggable.md#interactive-child-elements-within-a-draggable-) by default\n\n## Motivation 🤔\n\n`react-beautiful-dnd` exists to create beautiful drag and drop for lists that anyone can use - even people who cannot see. For a good overview of the history and motivations of the project you can take a look at these external resources:\n\n- 📖 [Rethinking drag and drop](https://medium.com/@alexandereardon/rethinking-drag-and-drop-d9f5770b4e6b)\n- 🎧 [React podcast: fast, accessible and beautiful drag and drop](https://reactpodcast.simplecast.fm/17)\n\n## Not for everyone ✌️\n\nThere are a lot of libraries out there that allow for drag and drop interactions within React. Most notable of these is the amazing [`react-dnd`](https://github.com/react-dnd/react-dnd). It does an incredible job at providing a great set of drag and drop primitives which work especially well with the [wildly inconsistent](https://www.quirksmode.org/blog/archives/2009/09/the_html5_drag.html) html5 drag and drop feature. `react-beautiful-dnd` is a higher level abstraction specifically built for lists (vertical, horizontal, movement between lists, nested lists and so on). Within that subset of functionality `react-beautiful-dnd` offers a powerful, natural and beautiful drag and drop experience. However, it does not provide the breadth of functionality offered by `react-dnd`. So `react-beautiful-dnd` might not be for you depending on what your use case is.\n\n## Documentation 📖\n\n### About 👋\n\n- [Installation](/docs/about/installation.md)\n- [Examples and samples](/docs/about/examples.md)\n- [Get started](https://egghead.io/courses/beautiful-and-accessible-drag-and-drop-with-react-beautiful-dnd)\n- [Design principles](/docs/about/design-principles.md)\n- [Animations](/docs/about/animations.md)\n- [Accessibility](/docs/about/accessibility.md)\n- [Browser support](/docs/about/browser-support.md)\n\n### Sensors 🔉\n\n> The ways in which somebody can start and control a drag\n\n- [Mouse dragging 🐭](/docs/sensors/mouse.md)\n- [Touch dragging 👉📱](/docs/sensors/touch.md)\n- [Keyboard dragging 🎹♿️](/docs/sensors/keyboard.md)\n- [Programmatic dragging 🎮](/docs/sensors/programmatic.md)\n\n### API 🏋️‍\n\n![diagram](https://user-images.githubusercontent.com/2182637/53607406-c8f3a780-3c12-11e9-979c-7f3b5bd1bfbd.gif)\n\n- [`<DragDropContext />`](/docs/api/drag-drop-context.md) - _Wraps the part of your application you want to have drag and drop enabled for_\n- [`<Droppable />`](/docs/api/droppable.md) - _An area that can be dropped into. Contains `<Draggable />`s_\n- [`<Draggable />`](/docs/api/draggable.md) - _What can be dragged around_\n- [`resetServerContext()`](/docs/api/reset-server-context.md) - _Utility for server side rendering (SSR)_\n\n### Guides 🗺\n\n- [`<DragDropContext />` responders](/docs/guides/responders.md) - _`onDragStart`, `onDragUpdate`, `onDragEnd` and `onBeforeDragStart`_\n- [Combining `<Draggable />`s](/docs/guides/combining.md)\n- [Common setup issues](/docs/guides/common-setup-issues.md)\n- [Using `innerRef`](/docs/guides/using-inner-ref.md)\n- [Developer warnings and how to disable them](/docs/guides/developer-warnings.md)\n- [Rules for `draggableId` and `droppableId`s](/docs/guides/identifiers.md)\n- [Customising or skipping the drop animation](/docs/guides/drop-animation.md)\n- [Auto scrolling](/docs/guides/auto-scrolling.md)\n- [Controlling the screen reader](/docs/guides/screen-reader.md)\n- [Use the html5 `doctype`](/docs/guides/doctype.md)\n- [`TypeScript` and `flow`](/docs/guides/types.md)\n- [Dragging `<svg>`s](/docs/guides/dragging-svgs.md)\n- [Non-visible preset styles](/docs/guides/preset-styles.md)\n- [How we detect scroll containers](/docs/guides/how-we-detect-scroll-containers.md)\n- [How we use dom events](/docs/guides/how-we-use-dom-events.md) - _Useful if you need to build on top of `react-beautiful-dnd`_\n- [Adding `<Draggable />`s during a drag](/docs/guides/changes-while-dragging.md) - _⚠️ Advanced_\n\n### Patterns 👷‍\n\n- [Multi drag](/docs/patterns/multi-drag.md)\n- [Tables](/docs/patterns/tables.md)\n- [Using a portal (`ReactDOM.createPortal`)](/docs/patterns/using-a-portal.md)\n\n### Support 👩‍⚕️\n\n- [Engineering health](/docs/support/engineering-health.md)\n- [Community and addons](/docs/support/community-and-addons.md)\n- [Release notes and changelog](https://github.com/atlassian/react-beautiful-dnd/releases)\n- [Upgrading](/docs/support/upgrading.md)\n- [Road map](https://github.com/atlassian/react-beautiful-dnd/issues)\n- [Media](/docs/support/media.md)\n\n## Read this in other languages 🌎\n\n- [![kr](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/South-Korea.png) **한글/Korean**](https://github.com/LeeHyungGeun/react-beautiful-dnd-kr)\n- [![china](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/China.png) **中文/Chinese**](https://github.com/chinanf-boy/react-beautiful-dnd-zh)\n- [![ru](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/Russia.png) На русском/Russian\\*\\*](https://github.com/vtereshyn/react-beautiful-dnd-ru)\n- [![pt](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/Brazil.png) Português/Portuguese](https://github.com/dudestein/react-beautiful-dnd-pt)\n\n## Author ✍️\n\nAlex Reardon [@alexandereardon](https://twitter.com/alexandereardon)\n\n## Collaborators 🤝\n\n- Bogdan Chadkin [@IAmTrySound](https://twitter.com/IAmTrySound)\n- Luke Batchelor [@alukebatchelor](https://twitter.com/alukebatchelor)\n- Jared Crowe [@jaredjcrowe](https://twitter.com/jaredjcrowe)\n- Many other [@Atlassian](https://twitter.com/Atlassian)'s!\n","gitHead":"856fa384106534b3265cc926a61e8ab7c00c9d38","scripts":{"test":"jest --config ./jest.config.js","build":"yarn build:clean && yarn build:dist && yarn build:flow","test:ci":"jest test --maxWorkers=2","lint:css":"stylelint \"stories/**/*.{js,jsx}\"","validate":"yarn prettier:check && yarn lint:eslint && yarn lint:css && yarn typecheck","storybook":"start-storybook -p 9002","typecheck":"flow check --max-warnings=0","build:dist":"rollup -c","build:flow":"echo \"// @flow\n\nexport * from '../src';\" > dist/react-beautiful-dnd.cjs.js.flow","build:clean":"rimraf dist","lint:eslint":"yarn eslint \"./**/*.{js,jsx}\"","test:browser":"cypress open","test:coverage":"yarn test --coverage --coveragePathIgnorePatterns=/debug","prepublishOnly":"yarn build","prettier:check":"yarn prettier --debug-check $npm_package_config_prettier_target","prettier:write":"yarn prettier --write $npm_package_config_prettier_target","build-storybook":"build-storybook -c .storybook -o site","test:browser:ci":"cypress run","bundle-size:check":"cross-env SNAPSHOT=match yarn bundle-size:update","bundle-size:update":"yarn build:clean && yarn build:dist && yarn build:clean"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"jest-junit":{"output":"test-reports/junit/js-test-results.xml"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"6.9.0","description":"Beautiful and accessible drag and drop for lists with React","directories":{},"sideEffects":false,"_nodeVersion":"10.15.3","dependencies":{"redux":"^4.0.1","raf-schd":"^4.0.1","memoize-one":"^5.0.4","react-redux":"^7.1.0","use-memo-one":"^1.1.0","css-box-model":"^1.1.2","tiny-invariant":"^1.0.4","@babel/runtime-corejs2":"^7.4.5"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^24.8.0","react":"^16.8.6","enzyme":"^3.10.0","eslint":"^6.0.1","globby":"^9.2.0","rimraf":"^2.6.3","rollup":"^1.16.2","cypress":"^3.3.1","webpack":"^4.35.0","flow-bin":"0.102.0","fs-extra":"^8.0.1","prettier":"^1.18.2","raf-stub":"^2.0.2","cross-env":"^5.2.0","react-dom":"^16.8.6","stylelint":"^10.1.0","wait-port":"^0.2.2","babel-core":"^7.0.0-bridge.0","babel-jest":"^24.8.0","jest-junit":"^6.4.0","url-loader":"^2.0.1","@babel/core":"^7.4.5","markdown-it":"^8.4.2","babel-eslint":"^10.0.2","babel-loader":"^8.0.6","react-window":"^1.8.3","@emotion/core":"^10.0.14","@atlaskit/theme":"^9.1.1","@emotion/styled":"^10.0.14","emotion-theming":"^10.0.14","@storybook/react":"^5.1.9","@babel/preset-env":"^7.4.5","styled-components":"3.x","@babel/preset-flow":"^7.0.0","@storybook/theming":"^5.1.9","eslint-plugin-jest":"^22.7.1","rollup-plugin-json":"^4.0.0","@atlaskit/css-reset":"^5.0.2","@babel/preset-react":"^7.0.0","eslint-plugin-react":"^7.14.2","react-test-renderer":"^16.8.6","rollup-plugin-babel":"^4.3.3","rollup-plugin-strip":"^1.2.1","babel-plugin-emotion":"^10.0.14","eslint-config-airbnb":"^17.1.0","eslint-plugin-import":"^2.18.0","jest-watch-typeahead":"^0.3.1","rollup-plugin-uglify":"^6.0.2","eslint-plugin-cypress":"^2.2.1","eslint-plugin-emotion":"^10.0.14","rollup-plugin-replace":"^2.2.0","@testing-library/react":"^8.0.4","eslint-config-prettier":"^6.0.0","eslint-plugin-flowtype":"^3.11.1","eslint-plugin-jsx-a11y":"^6.2.1","eslint-plugin-prettier":"^3.1.0","rollup-plugin-commonjs":"^10.0.0","enzyme-adapter-react-16":"^1.14.0","testcafe-reporter-xunit":"^2.1.0","eslint-plugin-react-hooks":"^1.6.1","stylelint-config-prettier":"^5.2.0","stylelint-config-standard":"^18.3.0","rollup-plugin-node-resolve":"^5.1.0","babel-plugin-dev-expression":"^0.2.1","rollup-plugin-size-snapshot":"^0.9.0","stylelint-config-recommended":"^2.2.0","@emotion/babel-preset-css-prop":"^10.0.14","@babel/plugin-transform-runtime":"^7.4.4","stylelint-config-styled-components":"^0.1.1","stylelint-processor-styled-components":"^1.8.0","@babel/plugin-proposal-class-properties":"^7.4.4","@babel/plugin-transform-modules-commonjs":"^7.4.4"},"peerDependencies":{"react":"^16.8.5"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd_12.0.0-alpha.6_1561594876525_0.8187431851040614","host":"s3://npm-registry-packages"}},"12.0.0-alpha.7":{"name":"react-beautiful-dnd","version":"12.0.0-alpha.7","keywords":["drag and drop","dnd","sortable","reorder","reorderable","react","react.js","natural","beautiful","accessible"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@12.0.0-alpha.7","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"},{"name":"jaredcrowe","email":"jared.j.crowe@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"c90b46d02c4f008f392b0621856ee69f0916b855","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-12.0.0-alpha.7.tgz","fileCount":243,"integrity":"sha512-C6ieL3JjNxFynnJy8kws4EClIn6nbgkdOn7wKhK7+aeYYJZcte/bhFsp2FYQnvg2Y+OrWV2/YpPhAMQjgHnCGA==","signatures":[{"sig":"MEUCIQDMOSiQjZr1qqmTwQgRjcSjRxtmiaK3YJcKDUBv3UYzyQIgKXpmQB802NVNy1g9LKwRZInTSGtrJEbWhr0XqQdndDA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1394087,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdJ7iFCRA9TVsSAnZWagAAQz8P/jxJTToOJY7LzGfhDCzz\na4Fag7PF9IMLQUzZ1rPxlBZI8ogHjlICHgn2wqfwAr2Ga25ZsMDUHq2WQakE\nS3Hr4HJOCDzHu8pNH6uAeNyP2MM5NZY7ttWQJRp+A4XGcl20ARatbxgZMUTq\nLfn5DqO3UaUqSSPVRXMsF5zHPKP/538jBA/O9TUa0o9lVR+qz4yww1nuKVxS\ndWgkzD+jsYE0IV8TC2adZo6DCSsceFCwjWFmlObP+lEG3WhPNSalaX0RkIQ9\niUcc2N+cYi1SceWD+Nd5WSc9jtlAM6V+2ISBv47OdF9eV9Kdy6z60zttPIrU\nEPZKQW8myh/8vXTZtx0oYedmDcnr55xAA6l+FyA1wpU6jN6em2DbV6Q1YpnV\nT4HZ2n0Ntkar3sn6YzDdX/Z4fG3iqoaZqEfCBD7QH0iFfsrRiW8VAurbhurd\nN8FvUYI5Ojdn+5EMjWY85S6GoGxqddIjESJVm19k/Mpw/65VGd+oX2UyAMUb\nNciwJCCNlu6NqOwhBtSrHSBESFHNUqlYgmLpS5LPr1PNKj5VnFNnbJh15w4q\nQbLyRl0Sd7f7XQf/JFxikdLwfE9Vszavd6MK2uK/Eu3f+1IFTR7qG+Pq0oVH\nhGJ+88uzSRYkjp0R6u7XuXKI6V+mUYqnNjP5SrS3LW/VYy6PBxv9uMf5ryFv\nN6xW\r\n=/VOP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/react-beautiful-dnd.cjs.js","config":{"prettier_target":"*.{js,jsx,md,json} src/**/*.{js,jsx,md,json} test/**/*.{js,jsx,md,json} docs/**/*.{js,jsx,md,json} stories/**/*.{js,jsx,md,json} cypress/**/*.{js,jsx,md,json}"},"module":"dist/react-beautiful-dnd.esm.js","readme":"<p align=\"center\">\n  <img src=\"https://user-images.githubusercontent.com/2182637/53611918-54c1ff80-3c24-11e9-9917-66ac3cef513d.png\" alt=\"react beautiful dnd logo\" />\n</p>\n<h1 align=\"center\">react-beautiful-dnd</h1>\n\n<div align=\"center\">\n\n**Beautiful** and **accessible** drag and drop for lists with [`React`](https://facebook.github.io/react/)\n\n[![CircleCI branch](https://img.shields.io/circleci/project/github/atlassian/react-beautiful-dnd/master.svg)](https://circleci.com/gh/atlassian/react-beautiful-dnd/tree/master)\n[![npm](https://img.shields.io/npm/v/react-beautiful-dnd.svg)](https://www.npmjs.com/package/react-beautiful-dnd)\n\n![quote application example](https://user-images.githubusercontent.com/2182637/53614150-efbed780-3c2c-11e9-9204-a5d2e746faca.gif)\n\n[Play with this example if you want!](https://react-beautiful-dnd.netlify.com/iframe.html?selectedKind=board&selectedStory=simple)\n\n</div>\n\n## Core characteristics\n\n- Beautiful and [natural movement](/docs/about/animations.md) of items 💐\n- [Accessible](/docs/about/accessibility.md): powerful keyboard and screen reader support ♿️\n- [Extremely performant](/docs/support/media.md) 🚀\n- Clean and powerful api which is simple to get started with\n- Plays extremely well with standard browser interactions\n- [Unopinionated styling](/docs/guides/preset-styles.md)\n- No creation of additional wrapper dom nodes - flexbox and focus management friendly!\n\n## Get started 👩‍🏫\n\nWe have created [a free course on `egghead.io` 🥚](https://egghead.io/courses/beautiful-and-accessible-drag-and-drop-with-react-beautiful-dnd) to help you get started with `react-beautiful-dnd` as quickly as possible.\n\n[![course-logo](https://user-images.githubusercontent.com/2182637/43372837-8c72d3f8-93e8-11e8-9d92-a82adde7718f.png)](https://egghead.io/courses/beautiful-and-accessible-drag-and-drop-with-react-beautiful-dnd)\n\n## Currently supported feature set ✅\n\n- Vertical lists ↕\n- Horizontal lists ↔\n- Movement between lists (▤ ↔ ▤)\n- [Combining items](/docs/guides/combining.md)\n- Mouse 🐭, keyboard 🎹♿️ and touch 👉📱 (mobile, tablet and so on) support\n- [Multi drag support](/docs/patterns/multi-drag.md)\n- Incredible screen reader support ♿️ - we provide an amazing experience for english screen readers out of the box 📦. We also provide complete customisation control and internationalisation support for those who need it 💖\n- [Conditional dragging](/docs/api/draggable.md#optional-props) and [conditional dropping](/docs/api/droppable.md#conditionally-dropping)\n- Multiple independent lists on the one page\n- Flexible item sizes - the draggable items can have different heights (vertical lists) or widths (horizontal lists)\n- [Add and remove items during a drag](/docs/guides/changes-while-dragging.md)\n- Compatible with semantic `<table>` reordering - [table pattern](/docs/patterns/tables.md)\n- [Auto scrolling](/docs/guides/auto-scrolling.md) - automatically scroll containers and the window as required during a drag (even with keyboard 🔥)\n- Custom drag handles - you can drag a whole item by just a part of it\n- Able to drag a [clone](TODO) or use a [portal](/docs/patterns/using-a-portal.md)\n- Full [programmatic api 🎮](/docs/api/programmatic.md)\n- 🌲 Tree support through the [`@atlaskit/tree`](https://atlaskit.atlassian.com/packages/core/tree) package\n- A `<Droppable />` list can be a scroll container (without a scrollable parent) or be the child of a scroll container (that also does not have a scrollable parent)\n- Independent nested lists - a list can be a child of another list, but you cannot drag items from the parent list into a child list\n- Server side rendering (SSR) compatible - see [resetServerContext()](/docs/api/reset-server-context.md)\n- Plays well with [nested interactive elements](/docs/api/draggable.md#interactive-child-elements-within-a-draggable-) by default\n\n## Motivation 🤔\n\n`react-beautiful-dnd` exists to create beautiful drag and drop for lists that anyone can use - even people who cannot see. For a good overview of the history and motivations of the project you can take a look at these external resources:\n\n- 📖 [Rethinking drag and drop](https://medium.com/@alexandereardon/rethinking-drag-and-drop-d9f5770b4e6b)\n- 🎧 [React podcast: fast, accessible and beautiful drag and drop](https://reactpodcast.simplecast.fm/17)\n\n## Not for everyone ✌️\n\nThere are a lot of libraries out there that allow for drag and drop interactions within React. Most notable of these is the amazing [`react-dnd`](https://github.com/react-dnd/react-dnd). It does an incredible job at providing a great set of drag and drop primitives which work especially well with the [wildly inconsistent](https://www.quirksmode.org/blog/archives/2009/09/the_html5_drag.html) html5 drag and drop feature. `react-beautiful-dnd` is a higher level abstraction specifically built for lists (vertical, horizontal, movement between lists, nested lists and so on). Within that subset of functionality `react-beautiful-dnd` offers a powerful, natural and beautiful drag and drop experience. However, it does not provide the breadth of functionality offered by `react-dnd`. So `react-beautiful-dnd` might not be for you depending on what your use case is.\n\n## Documentation 📖\n\n### About 👋\n\n- [Installation](/docs/about/installation.md)\n- [Examples and samples](/docs/about/examples.md)\n- [Get started](https://egghead.io/courses/beautiful-and-accessible-drag-and-drop-with-react-beautiful-dnd)\n- [Design principles](/docs/about/design-principles.md)\n- [Animations](/docs/about/animations.md)\n- [Accessibility](/docs/about/accessibility.md)\n- [Browser support](/docs/about/browser-support.md)\n\n### Sensors 🔉\n\n> The ways in which somebody can start and control a drag\n\n- [Mouse dragging 🐭](/docs/sensors/mouse.md)\n- [Touch dragging 👉📱](/docs/sensors/touch.md)\n- [Keyboard dragging 🎹♿️](/docs/sensors/keyboard.md)\n- [Programmatic dragging 🎮](/docs/sensors/programmatic.md)\n\n### API 🏋️‍\n\n![diagram](https://user-images.githubusercontent.com/2182637/53607406-c8f3a780-3c12-11e9-979c-7f3b5bd1bfbd.gif)\n\n- [`<DragDropContext />`](/docs/api/drag-drop-context.md) - _Wraps the part of your application you want to have drag and drop enabled for_\n- [`<Droppable />`](/docs/api/droppable.md) - _An area that can be dropped into. Contains `<Draggable />`s_\n- [`<Draggable />`](/docs/api/draggable.md) - _What can be dragged around_\n- [`resetServerContext()`](/docs/api/reset-server-context.md) - _Utility for server side rendering (SSR)_\n\n### Guides 🗺\n\n- [`<DragDropContext />` responders](/docs/guides/responders.md) - _`onDragStart`, `onDragUpdate`, `onDragEnd` and `onBeforeDragStart`_\n- [Combining `<Draggable />`s](/docs/guides/combining.md)\n- [Common setup issues](/docs/guides/common-setup-issues.md)\n- [Using `innerRef`](/docs/guides/using-inner-ref.md)\n- [Developer warnings and how to disable them](/docs/guides/developer-warnings.md)\n- [Rules for `draggableId` and `droppableId`s](/docs/guides/identifiers.md)\n- [Customising or skipping the drop animation](/docs/guides/drop-animation.md)\n- [Auto scrolling](/docs/guides/auto-scrolling.md)\n- [Controlling the screen reader](/docs/guides/screen-reader.md)\n- [Use the html5 `doctype`](/docs/guides/doctype.md)\n- [`TypeScript` and `flow`](/docs/guides/types.md)\n- [Dragging `<svg>`s](/docs/guides/dragging-svgs.md)\n- [Non-visible preset styles](/docs/guides/preset-styles.md)\n- [How we detect scroll containers](/docs/guides/how-we-detect-scroll-containers.md)\n- [How we use dom events](/docs/guides/how-we-use-dom-events.md) - _Useful if you need to build on top of `react-beautiful-dnd`_\n- [Adding `<Draggable />`s during a drag](/docs/guides/changes-while-dragging.md) - _⚠️ Advanced_\n\n### Patterns 👷‍\n\n- [Multi drag](/docs/patterns/multi-drag.md)\n- [Tables](/docs/patterns/tables.md)\n- [Using a portal (`ReactDOM.createPortal`)](/docs/patterns/using-a-portal.md)\n\n### Support 👩‍⚕️\n\n- [Engineering health](/docs/support/engineering-health.md)\n- [Community and addons](/docs/support/community-and-addons.md)\n- [Release notes and changelog](https://github.com/atlassian/react-beautiful-dnd/releases)\n- [Upgrading](/docs/support/upgrading.md)\n- [Road map](https://github.com/atlassian/react-beautiful-dnd/issues)\n- [Media](/docs/support/media.md)\n\n## Read this in other languages 🌎\n\n- [![kr](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/South-Korea.png) **한글/Korean**](https://github.com/LeeHyungGeun/react-beautiful-dnd-kr)\n- [![china](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/China.png) **中文/Chinese**](https://github.com/chinanf-boy/react-beautiful-dnd-zh)\n- [![ru](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/Russia.png) На русском/Russian\\*\\*](https://github.com/vtereshyn/react-beautiful-dnd-ru)\n- [![pt](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/Brazil.png) Português/Portuguese](https://github.com/dudestein/react-beautiful-dnd-pt)\n\n## Author ✍️\n\nAlex Reardon [@alexandereardon](https://twitter.com/alexandereardon)\n\n## Collaborators 🤝\n\n- Bogdan Chadkin [@IAmTrySound](https://twitter.com/IAmTrySound)\n- Luke Batchelor [@alukebatchelor](https://twitter.com/alukebatchelor)\n- Jared Crowe [@jaredjcrowe](https://twitter.com/jaredjcrowe)\n- Many other [@Atlassian](https://twitter.com/Atlassian)'s!\n","gitHead":"8993438c691b35bfc70f96ac2179fc89bb381f74","scripts":{"test":"jest --config ./jest.config.js","build":"yarn build:clean && yarn build:dist && yarn build:flow","test:ci":"jest test --maxWorkers=2","lint:css":"stylelint \"stories/**/*.{js,jsx}\"","validate":"yarn prettier:check && yarn lint:eslint && yarn lint:css && yarn typecheck","storybook":"start-storybook -p 9002","typecheck":"flow check --max-warnings=0","build:dist":"rollup -c","build:flow":"echo \"// @flow\n\nexport * from '../src';\" > dist/react-beautiful-dnd.cjs.js.flow","build:clean":"rimraf dist","lint:eslint":"yarn eslint \"./**/*.{js,jsx}\"","test:browser":"cypress open","test:coverage":"yarn test --coverage --coveragePathIgnorePatterns=/debug","prepublishOnly":"yarn build","prettier:check":"yarn prettier --debug-check $npm_package_config_prettier_target","prettier:write":"yarn prettier --write $npm_package_config_prettier_target","build-storybook":"build-storybook -c .storybook -o site","test:browser:ci":"cypress run","bundle-size:check":"cross-env SNAPSHOT=match yarn bundle-size:update","bundle-size:update":"yarn build:clean && yarn build:dist && yarn build:clean","test:accessibility":"lighthouse http://localhost:9002/iframe.html?id=single-vertical-list--basic --chrome-flags='--headless' --output=json --output=html --output-path=./test-reports/lighthouse/a11y.json && node a11y-audit-parse.js"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"jest-junit":{"output":"test-reports/junit/js-test-results.xml"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"6.9.0","description":"Beautiful and accessible drag and drop for lists with React","directories":{},"sideEffects":false,"_nodeVersion":"10.15.3","dependencies":{"redux":"^4.0.2","raf-schd":"^4.0.2","memoize-one":"^5.0.5","react-redux":"^7.1.0","use-memo-one":"^1.1.1","css-box-model":"^1.1.3","tiny-invariant":"^1.0.5","@babel/runtime-corejs2":"^7.5.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^24.8.0","react":"^16.8.6","enzyme":"^3.10.0","eslint":"^6.0.1","globby":"^10.0.1","rimraf":"^2.6.3","rollup":"^1.16.6","cypress":"^3.3.1","webpack":"^4.35.3","flow-bin":"0.102.0","fs-extra":"^8.0.1","prettier":"^1.18.2","raf-stub":"^3.0.0","cross-env":"^5.2.0","react-dom":"^16.8.6","stylelint":"^10.1.0","wait-port":"^0.2.2","babel-core":"^7.0.0-bridge.0","babel-jest":"^24.8.0","jest-junit":"^6.4.0","lighthouse":"^4.3.1","url-loader":"^2.0.1","@babel/core":"^7.5.0","markdown-it":"^8.4.2","babel-eslint":"^10.0.2","babel-loader":"^8.0.6","react-window":"^1.8.5","@emotion/core":"^10.0.14","@atlaskit/theme":"^9.1.1","@emotion/styled":"^10.0.14","emotion-theming":"^10.0.14","@storybook/react":"^5.1.9","@babel/preset-env":"^7.5.2","styled-components":"3.x","@babel/preset-flow":"^7.0.0","@storybook/theming":"^5.1.9","eslint-plugin-jest":"^22.7.1","rollup-plugin-json":"^4.0.0","@atlaskit/css-reset":"^5.0.2","@babel/preset-react":"^7.0.0","eslint-plugin-react":"^7.14.2","react-test-renderer":"^16.8.6","rollup-plugin-babel":"^4.3.3","rollup-plugin-strip":"^1.2.1","babel-plugin-emotion":"^10.0.14","eslint-config-airbnb":"^17.1.0","eslint-plugin-import":"^2.18.0","jest-watch-typeahead":"^0.3.1","rollup-plugin-uglify":"^6.0.2","eslint-plugin-cypress":"^2.2.1","eslint-plugin-emotion":"^10.0.14","rollup-plugin-replace":"^2.2.0","@testing-library/react":"^8.0.4","eslint-config-prettier":"^6.0.0","eslint-plugin-flowtype":"^3.11.1","eslint-plugin-jsx-a11y":"^6.2.1","eslint-plugin-prettier":"^3.1.0","rollup-plugin-commonjs":"^10.0.0","enzyme-adapter-react-16":"^1.14.0","testcafe-reporter-xunit":"^2.1.0","eslint-plugin-react-hooks":"^1.6.1","stylelint-config-prettier":"^5.2.0","stylelint-config-standard":"^18.3.0","rollup-plugin-node-resolve":"^5.1.0","babel-plugin-dev-expression":"^0.2.2","rollup-plugin-size-snapshot":"^0.9.0","stylelint-config-recommended":"^2.2.0","@emotion/babel-preset-css-prop":"^10.0.14","@babel/plugin-transform-runtime":"^7.5.0","stylelint-config-styled-components":"^0.1.1","stylelint-processor-styled-components":"^1.8.0","@babel/plugin-proposal-class-properties":"^7.5.0","@babel/plugin-transform-modules-commonjs":"^7.5.0"},"peerDependencies":{"react":"^16.8.5"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd_12.0.0-alpha.7_1562884228524_0.3443596234054027","host":"s3://npm-registry-packages"}},"11.0.5":{"name":"react-beautiful-dnd","version":"11.0.5","keywords":["drag and drop","dnd","sortable","reorder","reorderable","react","react.js","natural","beautiful"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@11.0.5","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"},{"name":"jaredcrowe","email":"jared.j.crowe@gmail.com"}],"bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"16b1dbd4d6493de0cb3f842cad57c7e9e1ff5fe7","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-11.0.5.tgz","fileCount":286,"integrity":"sha512-7llby9U+jIfkINcyxPHVWU0HFYzqxMemUYgGHsFsbx4fZo1n/pW6sYKYzhxGxR3Ap5HxqswcQkKUZX4uEUWhlw==","signatures":[{"sig":"MEYCIQCqIQED4GCmhIxPn4rlT3LTfcf1GauRu7uDvcoCNNpBhgIhAOGfWF2sLiDZx5x+4NoFtKJL9TSI4gGhI1PsT8IU5oCl","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1400432,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdNRENCRA9TVsSAnZWagAA3lYP/RIV/a0vtVrwzeX6Px0M\nqu7jD6LP+FOcOTq1yqE3pz+IbRi1hdDzV7gs/X8CtRWoQT094U0nW81oeZDb\ngNdKTu1ZhibefVJB1RC8B//y4/UE55Ha2815VgV0FReB+8pcBuO0J7GvnYap\nsQRRY+DcP+iWnIiez7m/tc0I+p+l3kRNCz2DcM+No6J0t+NQ3arNbxYyz+NQ\ns1E5UIAqMjkow3owiFFr+BBOvTw/C0FAhPv9iVdQvOO+Q0UhxCF8DqUnMxI1\nZRIkwhrahMhf2rVAaHjemtr+E/yB9cVY6draTWbEnQyuVZXEGNjhlNbt52G7\nxcHrjT5Vm/rBo3f2cjU9DoFD93tmEsy3D5UyEc3zL6j2me4FnqreL5NSD1Jh\n5KBSFscKTlIDUL0Ao2b65PbYFFFY4hSyIW5TOBzkou1GPIK/hY5BkbdQK8FT\nalCzl3zlcDqig5UPXpDQvrmgsoBG9kPl8KeW2QWzP5Agi12Z/kffGTlibl2L\npcu5a9uJTqSfTy9hmFdKYF7BoUvaB11pHuS2vGyEG7gNXN+SzNaIWf5kJ0QB\nMLtxjV5llWYiE7NEjlYQHb+HYNRyYV2VHG6YvKaFer1/4QNxBVKXoPLdjsvg\nJS39soFE5h1YNRzH9IYB1TyKH12fpxTVit0HoZhsbu7jQ7nN0OLfWGIrxVgQ\nqK9y\r\n=+1g+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/react-beautiful-dnd.cjs.js","config":{"prettier_target":"*.{js,jsx,md,json} src/**/*.{js,jsx,md,json} test/**/*.{js,jsx,md,json} docs/**/*.{js,jsx,md,json} stories/**/*.{js,jsx,md,json} cypress/**/*.{js,jsx,md,json}"},"module":"dist/react-beautiful-dnd.esm.js","scripts":{"test":"jest --config ./jest.config.js","build":"yarn build:clean && yarn build:dist && yarn build:flow","test:ci":"jest test --maxWorkers=2","lint:css":"stylelint \"stories/**/*.{js,jsx}\"","validate":"yarn prettier:check && yarn lint:eslint && yarn lint:css && yarn typecheck","storybook":"start-storybook -p 9002","typecheck":"flow check --max-warnings=0","build:dist":"rollup -c","build:flow":"echo \"// @flow\n\nexport * from '../src';\" > dist/react-beautiful-dnd.cjs.js.flow","build:clean":"rimraf dist","lint:eslint":"yarn eslint \"./**/*.{js,jsx}\"","test:browser":"cypress open","test:coverage":"yarn test --coverage --coveragePathIgnorePatterns=/debug","prepublishOnly":"yarn build","prettier:check":"yarn prettier --debug-check $npm_package_config_prettier_target","prettier:write":"yarn prettier --write $npm_package_config_prettier_target","build-storybook":"build-storybook -c .storybook -o site","test:browser:ci":"cypress run","bundle-size:check":"cross-env SNAPSHOT=match yarn bundle-size:update","bundle-size:update":"yarn build:clean && yarn build:dist && yarn build:clean"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"jest-junit":{"output":"test-reports/junit/js-test-results.xml"},"repository":{"url":"https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"description":"Beautiful and accessible drag and drop for lists with React","directories":{},"licenseText":"Copyright 2019 Atlassian Pty Ltd\n\nLicensed under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\n    http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n","sideEffects":false,"dependencies":{"redux":"^4.0.1","raf-schd":"^4.0.0","memoize-one":"^5.0.4","react-redux":"^7.0.3","use-memo-one":"^1.1.0","css-box-model":"^1.1.2","tiny-invariant":"^1.0.4","@babel/runtime-corejs2":"^7.4.5"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^24.8.0","react":"^16.8.6","enzyme":"^3.10.0","eslint":"^5.16.0","globby":"^9.2.0","rimraf":"^2.6.3","rollup":"^1.14.6","cypress":"^3.3.1","webpack":"^4.33.0","flow-bin":"0.96.0","fs-extra":"^8.0.1","prettier":"^1.18.2","raf-stub":"^2.0.2","cross-env":"^5.2.0","react-dom":"^16.8.6","stylelint":"^10.1.0","wait-port":"^0.2.2","babel-core":"^7.0.0-bridge.0","babel-jest":"^24.8.0","jest-junit":"^6.4.0","@babel/core":"^7.4.5","markdown-it":"^8.4.2","babel-eslint":"^10.0.1","babel-loader":"^8.0.6","@emotion/core":"^10.0.10","@atlaskit/theme":"^9.1.0","@emotion/styled":"^10.0.12","emotion-theming":"^10.0.10","@storybook/react":"^5.1.3","@babel/preset-env":"^7.4.5","styled-components":"3.x","@babel/preset-flow":"^7.0.0","@storybook/theming":"^5.1.3","eslint-plugin-jest":"^22.6.4","rollup-plugin-json":"^4.0.0","@atlaskit/css-reset":"^4.0.0","@babel/preset-react":"^7.0.0","eslint-plugin-react":"^7.13.0","react-test-renderer":"^16.8.6","rollup-plugin-babel":"^4.3.2","rollup-plugin-strip":"^1.2.1","babel-plugin-emotion":"^10.0.13","eslint-config-airbnb":"^17.1.0","eslint-plugin-import":"^2.17.3","jest-watch-typeahead":"^0.3.1","rollup-plugin-uglify":"^6.0.2","eslint-plugin-cypress":"^2.2.1","eslint-plugin-emotion":"^10.0.7","rollup-plugin-replace":"^2.2.0","eslint-config-prettier":"^5.1.0","eslint-plugin-flowtype":"^3.10.1","eslint-plugin-jsx-a11y":"^6.2.1","eslint-plugin-prettier":"^3.1.0","rollup-plugin-commonjs":"^10.0.0","enzyme-adapter-react-16":"^1.14.0","testcafe-reporter-xunit":"^2.1.0","eslint-plugin-react-hooks":"^1.6.0","stylelint-config-prettier":"^5.2.0","stylelint-config-standard":"^18.3.0","rollup-plugin-node-resolve":"^5.0.1","babel-plugin-dev-expression":"^0.2.1","rollup-plugin-size-snapshot":"^0.9.0","stylelint-config-recommended":"^2.2.0","@babel/plugin-transform-runtime":"^7.4.4","stylelint-config-styled-components":"^0.1.1","stylelint-processor-styled-components":"^1.8.0","@babel/plugin-proposal-class-properties":"^7.4.4","@babel/plugin-transform-modules-commonjs":"^7.4.4"},"peerDependencies":{"react":"^16.8.5"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd_11.0.5_1563758861093_0.6688145338945268","host":"s3://npm-registry-packages"},"deprecated":"react-beautiful-dnd is now deprecated. Context and options: https://github.com/atlassian/react-beautiful-dnd/issues/2672"},"12.0.0-beta.1":{"name":"react-beautiful-dnd","version":"12.0.0-beta.1","keywords":["drag and drop","dnd","sortable","reorder","reorderable","react","react.js","natural","beautiful","accessible"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@12.0.0-beta.1","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"},{"name":"jaredcrowe","email":"jared.j.crowe@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"cd7d59d07faae135818cad17095a83f6429b36a7","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-12.0.0-beta.1.tgz","fileCount":238,"integrity":"sha512-DZQBDtb05ySrWoiFVXVFEWlb2iOvolNQWYH9lpzOpCZQo57ZHyQSDZo2PZGlGKzaxnyDz4R+TtPy18WN9QAw1w==","signatures":[{"sig":"MEQCIGhFOIZPq6xNZZCnfWPZk345/VTlVEM3/eX3C0gcp4/tAiB25rpzwZUA9ncLDIEOr7eo4KIQGzrUFq54K9cUck+e/w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1378358,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdeFAUCRA9TVsSAnZWagAA9l4P/1VQutaIvHuxgSlKZBGF\nvzO7yKc0LhEuwT3T/Ug/fvoxjf+HrwTXlvor79piiH8TzSpZPdVEYR9WtLHy\n8M/HnRMUpX4oOT9M0v4HKTt44nnN3nXOxNjz+Sh1aOYSnQDWMmeaTyaKS4WD\nmIVdn+alWoMB6rQBEqld2IXxKtDPLPyVwoD6erIjWs+zab2GKeh3nm38Fycu\naYUp9p3UgrSbO1X7mXM3hMhhN5zRMwGpTfTi1W4AvOON7ztPLtEuDCEGtqFh\nzOK9KfVt6iGgQNZQA6pMubKBh9tjySw718z6CqCgjN4Z9mOMuB9JdO9iLmSn\nQu/B9o41HXlr0T/qfrx5w72DZmiTWAmwsDzlRIiw10QwIPUW1rr2sz7yUS2m\nLkzY9HoMmNldxk7gvSsqU7Cn0laKhjrJgTs9m9UPsTEWQZOoizhl3EuOMQT7\nwiw5sZO6tO1K6c10zWIB8mKGkhXnq40WhKVPx98/fNerQ98GW4/L6m+MGnMw\nNlSQxS0e5MCBXem5PUzQATxuIYE3aiZYyVVu1K5W0CUDFPgXARjkf3v0eiyr\nr5XMTvp8KS1NH8+foAWmt0WTzluF4v2QHXWzso4znxUmQhT1yqQzQtIoH5Vj\ny05XXCf32LIpWjslyNVv909f4cMOFo4L3TaxhbJsK4REkBj9BvHStyvloejP\ngrH+\r\n=d9Yz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/react-beautiful-dnd.cjs.js","config":{"prettier_target":"*.{js,jsx,md,json} src/**/*.{js,jsx,md,json} test/**/*.{js,jsx,md,json} docs/**/*.{js,jsx,md,json} stories/**/*.{js,jsx,md,json} cypress/**/*.{js,jsx,md,json}"},"module":"dist/react-beautiful-dnd.esm.js","readme":"<p align=\"center\">\n  <img src=\"https://user-images.githubusercontent.com/2182637/53611918-54c1ff80-3c24-11e9-9917-66ac3cef513d.png\" alt=\"react beautiful dnd logo\" />\n</p>\n<h1 align=\"center\">react-beautiful-dnd</h1>\n\n<div align=\"center\">\n\n**Beautiful** and **accessible** drag and drop for lists with [`React`](https://facebook.github.io/react/)\n\n[![CircleCI branch](https://img.shields.io/circleci/project/github/atlassian/react-beautiful-dnd/master.svg)](https://circleci.com/gh/atlassian/react-beautiful-dnd/tree/master)\n[![npm](https://img.shields.io/npm/v/react-beautiful-dnd.svg)](https://www.npmjs.com/package/react-beautiful-dnd)\n\n![quote application example](https://user-images.githubusercontent.com/2182637/53614150-efbed780-3c2c-11e9-9204-a5d2e746faca.gif)\n\n[Play with this example if you want!](https://react-beautiful-dnd.netlify.com/iframe.html?selectedKind=board&selectedStory=simple)\n\n</div>\n\n## Core characteristics\n\n- Beautiful and [natural movement](/docs/about/animations.md) of items 💐\n- [Accessible](/docs/about/accessibility.md): powerful keyboard and screen reader support ♿️\n- [Extremely performant](/docs/support/media.md) 🚀\n- Clean and powerful api which is simple to get started with\n- Plays extremely well with standard browser interactions\n- [Unopinionated styling](/docs/guides/preset-styles.md)\n- No creation of additional wrapper dom nodes - flexbox and focus management friendly!\n\n## Get started 👩‍🏫\n\nWe have created [a free course on `egghead.io` 🥚](https://egghead.io/courses/beautiful-and-accessible-drag-and-drop-with-react-beautiful-dnd) to help you get started with `react-beautiful-dnd` as quickly as possible.\n\n[![course-logo](https://user-images.githubusercontent.com/2182637/43372837-8c72d3f8-93e8-11e8-9d92-a82adde7718f.png)](https://egghead.io/courses/beautiful-and-accessible-drag-and-drop-with-react-beautiful-dnd)\n\n## Currently supported feature set ✅\n\n- Vertical lists ↕\n- Horizontal lists ↔\n- Movement between lists (▤ ↔ ▤)\n- [Combining items](/docs/guides/combining.md)\n- Mouse 🐭, keyboard 🎹♿️ and touch 👉📱 (mobile, tablet and so on) support\n- [Multi drag support](/docs/patterns/multi-drag.md)\n- Incredible screen reader support ♿️ - we provide an amazing experience for english screen readers out of the box 📦. We also provide complete customisation control and internationalisation support for those who need it 💖\n- [Conditional dragging](/docs/api/draggable.md#optional-props) and [conditional dropping](/docs/api/droppable.md#conditionally-dropping)\n- Multiple independent lists on the one page\n- Flexible item sizes - the draggable items can have different heights (vertical lists) or widths (horizontal lists)\n- [Add and remove items during a drag](/docs/guides/changes-while-dragging.md)\n- Compatible with semantic `<table>` reordering - [table pattern](/docs/patterns/tables.md)\n- [Auto scrolling](/docs/guides/auto-scrolling.md) - automatically scroll containers and the window as required during a drag (even with keyboard 🔥)\n- Custom drag handles - you can drag a whole item by just a part of it\n- Able to drag a [clone](/docs/patterns/using-a-clone.md) or use a [portal](/docs/patterns/using-a-portal.md)\n- Full [programmatic api 🎮](/docs/sensors/programmatic.md)\n- 🌲 Tree support through the [`@atlaskit/tree`](https://atlaskit.atlassian.com/packages/core/tree) package\n- A `<Droppable />` list can be a scroll container (without a scrollable parent) or be the child of a scroll container (that also does not have a scrollable parent)\n- Independent nested lists - a list can be a child of another list, but you cannot drag items from the parent list into a child list\n- Server side rendering (SSR) compatible - see [resetServerContext()](/docs/api/reset-server-context.md)\n- Plays well with [nested interactive elements](/docs/api/draggable.md#interactive-child-elements-within-a-draggable-) by default\n\n## Motivation 🤔\n\n`react-beautiful-dnd` exists to create beautiful drag and drop for lists that anyone can use - even people who cannot see. For a good overview of the history and motivations of the project you can take a look at these external resources:\n\n- 📖 [Rethinking drag and drop](https://medium.com/@alexandereardon/rethinking-drag-and-drop-d9f5770b4e6b)\n- 🎧 [React podcast: fast, accessible and beautiful drag and drop](https://reactpodcast.simplecast.fm/17)\n\n## Not for everyone ✌️\n\nThere are a lot of libraries out there that allow for drag and drop interactions within React. Most notable of these is the amazing [`react-dnd`](https://github.com/react-dnd/react-dnd). It does an incredible job at providing a great set of drag and drop primitives which work especially well with the [wildly inconsistent](https://www.quirksmode.org/blog/archives/2009/09/the_html5_drag.html) html5 drag and drop feature. `react-beautiful-dnd` is a higher level abstraction specifically built for lists (vertical, horizontal, movement between lists, nested lists and so on). Within that subset of functionality `react-beautiful-dnd` offers a powerful, natural and beautiful drag and drop experience. However, it does not provide the breadth of functionality offered by `react-dnd`. So `react-beautiful-dnd` might not be for you depending on what your use case is.\n\n## Documentation 📖\n\n### About 👋\n\n- [Installation](/docs/about/installation.md)\n- [Examples and samples](/docs/about/examples.md)\n- [Get started](https://egghead.io/courses/beautiful-and-accessible-drag-and-drop-with-react-beautiful-dnd)\n- [Design principles](/docs/about/design-principles.md)\n- [Animations](/docs/about/animations.md)\n- [Accessibility](/docs/about/accessibility.md)\n- [Browser support](/docs/about/browser-support.md)\n\n### Sensors 🔉\n\n> The ways in which somebody can start and control a drag\n\n- [Mouse dragging 🐭](/docs/sensors/mouse.md)\n- [Touch dragging 👉📱](/docs/sensors/touch.md)\n- [Keyboard dragging 🎹♿️](/docs/sensors/keyboard.md)\n- [Programmatic dragging 🎮](/docs/sensors/programmatic.md)\n\n### API 🏋️‍\n\n![diagram](https://user-images.githubusercontent.com/2182637/53607406-c8f3a780-3c12-11e9-979c-7f3b5bd1bfbd.gif)\n\n- [`<DragDropContext />`](/docs/api/drag-drop-context.md) - _Wraps the part of your application you want to have drag and drop enabled for_\n- [`<Droppable />`](/docs/api/droppable.md) - _An area that can be dropped into. Contains `<Draggable />`s_\n- [`<Draggable />`](/docs/api/draggable.md) - _What can be dragged around_\n- [`resetServerContext()`](/docs/api/reset-server-context.md) - _Utility for server side rendering (SSR)_\n\n### Guides 🗺\n\n- [`<DragDropContext />` responders](/docs/guides/responders.md) - _`onDragStart`, `onDragUpdate`, `onDragEnd` and `onBeforeDragStart`_\n- [Combining `<Draggable />`s](/docs/guides/combining.md)\n- [Common setup issues](/docs/guides/common-setup-issues.md)\n- [Using `innerRef`](/docs/guides/using-inner-ref.md)\n- [Developer warnings and how to disable them](/docs/guides/developer-warnings.md)\n- [Rules for `draggableId` and `droppableId`s](/docs/guides/identifiers.md)\n- [Customising or skipping the drop animation](/docs/guides/drop-animation.md)\n- [Auto scrolling](/docs/guides/auto-scrolling.md)\n- [Controlling the screen reader](/docs/guides/screen-reader.md)\n- [Use the html5 `doctype`](/docs/guides/doctype.md)\n- [`TypeScript` and `flow`](/docs/guides/types.md)\n- [Dragging `<svg>`s](/docs/guides/dragging-svgs.md)\n- [Non-visible preset styles](/docs/guides/preset-styles.md)\n- [How we detect scroll containers](/docs/guides/how-we-detect-scroll-containers.md)\n- [How we use dom events](/docs/guides/how-we-use-dom-events.md) - _Useful if you need to build on top of `react-beautiful-dnd`_\n- [Adding `<Draggable />`s during a drag](/docs/guides/changes-while-dragging.md) - _⚠️ Advanced_\n\n### Patterns 👷‍\n\n- [Multi drag](/docs/patterns/multi-drag.md)\n- [Tables](/docs/patterns/tables.md)\n- [Using a portal (`ReactDOM.createPortal`)](/docs/patterns/using-a-portal.md)\n\n### Support 👩‍⚕️\n\n- [Engineering health](/docs/support/engineering-health.md)\n- [Community and addons](/docs/support/community-and-addons.md)\n- [Release notes and changelog](https://github.com/atlassian/react-beautiful-dnd/releases)\n- [Upgrading](/docs/support/upgrading.md)\n- [Road map](https://github.com/atlassian/react-beautiful-dnd/issues)\n- [Media](/docs/support/media.md)\n\n## Read this in other languages 🌎\n\n- [![kr](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/South-Korea.png) **한글/Korean**](https://github.com/LeeHyungGeun/react-beautiful-dnd-kr)\n- [![china](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/China.png) **中文/Chinese**](https://github.com/chinanf-boy/react-beautiful-dnd-zh)\n- [![ru](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/Russia.png) **На русском/Russian**](https://github.com/vtereshyn/react-beautiful-dnd-ru)\n- [![pt](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/Brazil.png) **Português/Portuguese**](https://github.com/dudestein/react-beautiful-dnd-pt)\n\n## Author ✍️\n\nAlex Reardon [@alexandereardon](https://twitter.com/alexandereardon)\n\n## Collaborators 🤝\n\n- Bogdan Chadkin [@IAmTrySound](https://twitter.com/IAmTrySound)\n- Luke Batchelor [@alukebatchelor](https://twitter.com/alukebatchelor)\n- Jared Crowe [@jaredjcrowe](https://twitter.com/jaredjcrowe)\n- Many other [@Atlassian](https://twitter.com/Atlassian)'s!\n","gitHead":"92c4d2ab9a67f2220fd90334ad1aa047328f656c","scripts":{"test":"jest --config ./jest.config.js","build":"yarn build:clean && yarn build:dist && yarn build:flow","test:ci":"jest test --maxWorkers=2","lint:css":"stylelint \"stories/**/*.{js,jsx}\"","validate":"yarn prettier:check && yarn lint:eslint && yarn lint:css && yarn typecheck","storybook":"start-storybook -p 9002","typecheck":"flow check --max-warnings=0","build:dist":"rollup -c","build:flow":"echo \"// @flow\n\nexport * from '../src';\" > dist/react-beautiful-dnd.cjs.js.flow","build:clean":"rimraf dist","lint:eslint":"yarn eslint \"./**/*.{js,jsx}\"","test:browser":"cypress open","test:coverage":"yarn test --coverage --coveragePathIgnorePatterns=/debug","prepublishOnly":"yarn build","prettier:check":"yarn prettier --debug-check $npm_package_config_prettier_target","prettier:write":"yarn prettier --write $npm_package_config_prettier_target","build-storybook":"build-storybook -c .storybook -o site","test:browser:ci":"cypress run","bundle-size:check":"cross-env SNAPSHOT=match yarn bundle-size:update","bundle-size:update":"yarn build:clean && yarn build:dist && yarn build:clean","test:accessibility":"lighthouse http://localhost:9002/iframe.html?id=single-vertical-list--basic --chrome-flags='--headless' --output=json --output=html --output-path=./test-reports/lighthouse/a11y.json && node a11y-audit-parse.js"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"jest-junit":{"output":"test-reports/junit/js-test-results.xml"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"6.4.1","description":"Beautiful and accessible drag and drop for lists with React","directories":{},"sideEffects":false,"_nodeVersion":"10.15.3","dependencies":{"redux":"^4.0.4","raf-schd":"^4.0.2","memoize-one":"^5.1.1","react-redux":"^7.1.1","use-memo-one":"^1.1.1","css-box-model":"^1.2.0","tiny-invariant":"^1.0.6","@babel/runtime-corejs2":"^7.6.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^24.9.0","react":"^16.9.0","enzyme":"^3.10.0","eslint":"^6.3.0","globby":"^10.0.1","rimraf":"^3.0.0","rollup":"^1.21.2","cypress":"^3.4.1","webpack":"^4.39.3","flow-bin":"0.107.0","fs-extra":"^8.0.1","prettier":"^1.18.2","raf-stub":"^3.0.0","cross-env":"^5.2.1","react-dom":"^16.9.0","stylelint":"^10.1.0","wait-port":"^0.2.2","babel-core":"^7.0.0-bridge.0","babel-jest":"^24.9.0","jest-junit":"^8.0.0","lighthouse":"^5.2.0","url-loader":"^2.1.0","@babel/core":"^7.6.0","markdown-it":"^9.1.0","babel-eslint":"^10.0.3","babel-loader":"^8.0.6","react-window":"^1.8.5","@emotion/core":"^10.0.17","@atlaskit/theme":"^9.2.2","@emotion/styled":"^10.0.17","emotion-theming":"^10.0.17","@storybook/react":"^5.1.11","@babel/preset-env":"^7.6.0","styled-components":"4.3.2","@babel/preset-flow":"^7.0.0","@storybook/theming":"^5.1.11","eslint-plugin-jest":"^22.17.0","rollup-plugin-json":"^4.0.0","@atlaskit/css-reset":"^5.0.8","@babel/preset-react":"^7.0.0","eslint-plugin-react":"^7.14.3","react-test-renderer":"^16.9.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-strip":"^1.2.2","babel-plugin-emotion":"^10.0.17","eslint-config-airbnb":"^18.0.1","eslint-plugin-import":"^2.18.2","jest-watch-typeahead":"^0.4.0","rollup-plugin-terser":"^5.1.1","eslint-plugin-cypress":"^2.6.1","eslint-plugin-emotion":"^10.0.14","rollup-plugin-replace":"^2.2.0","@testing-library/react":"^9.1.4","eslint-config-prettier":"^6.2.0","eslint-plugin-flowtype":"^4.3.0","eslint-plugin-jsx-a11y":"^6.2.1","eslint-plugin-prettier":"^3.1.0","rollup-plugin-commonjs":"^10.1.0","enzyme-adapter-react-16":"^1.14.0","testcafe-reporter-xunit":"^2.1.0","eslint-plugin-react-hooks":"^2.0.1","stylelint-config-prettier":"^5.2.0","stylelint-config-standard":"^18.3.0","rollup-plugin-node-resolve":"^5.1.0","babel-plugin-dev-expression":"^0.2.2","rollup-plugin-size-snapshot":"^0.10.0","stylelint-config-recommended":"^2.2.0","@emotion/babel-preset-css-prop":"^10.0.17","@babel/plugin-transform-runtime":"^7.6.0","stylelint-config-styled-components":"^0.1.1","stylelint-processor-styled-components":"^1.8.0","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-transform-modules-commonjs":"^7.6.0"},"peerDependencies":{"react":"^16.8.5"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd_12.0.0-beta.1_1568165907996_0.016353529667772815","host":"s3://npm-registry-packages"}},"12.0.0-beta.2":{"name":"react-beautiful-dnd","version":"12.0.0-beta.2","keywords":["drag and drop","dnd","sortable","reorder","reorderable","react","react.js","natural","beautiful","accessible"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@12.0.0-beta.2","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"},{"name":"jaredcrowe","email":"jared.j.crowe@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"c2ca7f3b8c8222d514ad02cfa7ee964ac73a25ce","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-12.0.0-beta.2.tgz","fileCount":238,"integrity":"sha512-H1zYHVeW26CbCFFEvN3pK3U6kF/7WcbAGwqm0kwUm60Z0pFQ6LHdRSlS3KTIGpH3xTDBsx2NW8pwrvMm1CU3uQ==","signatures":[{"sig":"MEQCID/Fx8b0pwDPEKBQDNISTt2hOuuMB1NjTUwe8bNz3YaGAiAWC91EvHPkil5C9rmGP7PnBcdRwuU08QGsePy33Xa4mQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1378562,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdipQ9CRA9TVsSAnZWagAAxUIP/1cOpH1IcQgQkaKzY3N7\nwWzpde8OPN5aMh4NG1sY6GBOv2sgs2hPunEM3wLk7miwptqX9XnLw7u5l/at\nM1/A6SudS1dkwzXO5iRyZaC8eOxUtIK6JVrB2iln1tjc0wD/dkfPSxw9r90o\nnakQz0CanKEXmGmvviq+GRqd3oTnvg4H2HSCfPmsx/DKmSwCA4yGcNadXUmp\nPhRUXJONY8DRo0ZPcFjPPQRA1I8g1gkqxSWvttxBga1y00o2HeRJUSs6fwex\ni9pgeOafLWbMlBCDP20T8ceWwLXFUBgzOrg4Kohu8J0KBCsSKiziCGYXSdUX\nJJFmgflZOqyHGXxMP+S6XKx9zyzNXj4bdR3bXzabWJ0sOc6mSVSDR/je76lB\nmqLbRkRh1bdtxXN7RDnfiwntuiamAyz1iwN+kefDKGz6jjnsLCMuyACQf4O1\nHk3qBWlp9EmvKh5hM4p5XNP0vI40V94WPrb26f+aEIkLGsKsWFdw3zIZqNHy\nJCj7LFupVFPh6yewgb6nLQiXEaSdYafE2AYYtpRq0ZCPP8gwfxtBwWYLDDxs\n5lvQ2xX5AcYq2XXgoqDOD6UFu7nHAv2wwlw1gTWBStMygkwsehS4XF8w9P0w\nhvEyzhHuT9zRcb+q4bGhmRy3VT49eZCcIeVKNQ8mOCj1wdXUi4yY9Unyywbb\nZq4u\r\n=34y+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/react-beautiful-dnd.cjs.js","config":{"prettier_target":"*.{js,jsx,md,json} src/**/*.{js,jsx,md,json} test/**/*.{js,jsx,md,json} docs/**/*.{js,jsx,md,json} stories/**/*.{js,jsx,md,json} cypress/**/*.{js,jsx,md,json}"},"module":"dist/react-beautiful-dnd.esm.js","readme":"<p align=\"center\">\n  <img src=\"https://user-images.githubusercontent.com/2182637/53611918-54c1ff80-3c24-11e9-9917-66ac3cef513d.png\" alt=\"react beautiful dnd logo\" />\n</p>\n<h1 align=\"center\">react-beautiful-dnd</h1>\n\n<div align=\"center\">\n\n**Beautiful** and **accessible** drag and drop for lists with [`React`](https://facebook.github.io/react/)\n\n[![CircleCI branch](https://img.shields.io/circleci/project/github/atlassian/react-beautiful-dnd/master.svg)](https://circleci.com/gh/atlassian/react-beautiful-dnd/tree/master)\n[![npm](https://img.shields.io/npm/v/react-beautiful-dnd.svg)](https://www.npmjs.com/package/react-beautiful-dnd)\n\n![quote application example](https://user-images.githubusercontent.com/2182637/53614150-efbed780-3c2c-11e9-9204-a5d2e746faca.gif)\n\n[Play with this example if you want!](https://react-beautiful-dnd.netlify.com/iframe.html?selectedKind=board&selectedStory=simple)\n\n</div>\n\n## Core characteristics\n\n- Beautiful and [natural movement](/docs/about/animations.md) of items 💐\n- [Accessible](/docs/about/accessibility.md): powerful keyboard and screen reader support ♿️\n- [Extremely performant](/docs/support/media.md) 🚀\n- Clean and powerful api which is simple to get started with\n- Plays extremely well with standard browser interactions\n- [Unopinionated styling](/docs/guides/preset-styles.md)\n- No creation of additional wrapper dom nodes - flexbox and focus management friendly!\n\n## Get started 👩‍🏫\n\nWe have created [a free course on `egghead.io` 🥚](https://egghead.io/courses/beautiful-and-accessible-drag-and-drop-with-react-beautiful-dnd) to help you get started with `react-beautiful-dnd` as quickly as possible.\n\n[![course-logo](https://user-images.githubusercontent.com/2182637/43372837-8c72d3f8-93e8-11e8-9d92-a82adde7718f.png)](https://egghead.io/courses/beautiful-and-accessible-drag-and-drop-with-react-beautiful-dnd)\n\n## Currently supported feature set ✅\n\n- Vertical lists ↕\n- Horizontal lists ↔\n- Movement between lists (▤ ↔ ▤)\n- [Combining items](/docs/guides/combining.md)\n- Mouse 🐭, keyboard 🎹♿️ and touch 👉📱 (mobile, tablet and so on) support\n- [Multi drag support](/docs/patterns/multi-drag.md)\n- Incredible screen reader support ♿️ - we provide an amazing experience for english screen readers out of the box 📦. We also provide complete customisation control and internationalisation support for those who need it 💖\n- [Conditional dragging](/docs/api/draggable.md#optional-props) and [conditional dropping](/docs/api/droppable.md#conditionally-dropping)\n- Multiple independent lists on the one page\n- Flexible item sizes - the draggable items can have different heights (vertical lists) or widths (horizontal lists)\n- [Add and remove items during a drag](/docs/guides/changes-while-dragging.md)\n- Compatible with semantic `<table>` reordering - [table pattern](/docs/patterns/tables.md)\n- [Auto scrolling](/docs/guides/auto-scrolling.md) - automatically scroll containers and the window as required during a drag (even with keyboard 🔥)\n- Custom drag handles - you can drag a whole item by just a part of it\n- Able to move the dragging item to another element while dragging (clone, portal) - [Reparenting your `<Draggable />`](/docs/guides/reparenting.md)\n- Full [programmatic api 🎮](/docs/sensors/programmatic.md)\n- 🌲 Tree support through the [`@atlaskit/tree`](https://atlaskit.atlassian.com/packages/core/tree) package\n- A `<Droppable />` list can be a scroll container (without a scrollable parent) or be the child of a scroll container (that also does not have a scrollable parent)\n- Independent nested lists - a list can be a child of another list, but you cannot drag items from the parent list into a child list\n- Server side rendering (SSR) compatible - see [resetServerContext()](/docs/api/reset-server-context.md)\n- Plays well with [nested interactive elements](/docs/api/draggable.md#interactive-child-elements-within-a-draggable-) by default\n\n## Motivation 🤔\n\n`react-beautiful-dnd` exists to create beautiful drag and drop for lists that anyone can use - even people who cannot see. For a good overview of the history and motivations of the project you can take a look at these external resources:\n\n- 📖 [Rethinking drag and drop](https://medium.com/@alexandereardon/rethinking-drag-and-drop-d9f5770b4e6b)\n- 🎧 [React podcast: fast, accessible and beautiful drag and drop](https://reactpodcast.simplecast.fm/17)\n\n## Not for everyone ✌️\n\nThere are a lot of libraries out there that allow for drag and drop interactions within React. Most notable of these is the amazing [`react-dnd`](https://github.com/react-dnd/react-dnd). It does an incredible job at providing a great set of drag and drop primitives which work especially well with the [wildly inconsistent](https://www.quirksmode.org/blog/archives/2009/09/the_html5_drag.html) html5 drag and drop feature. `react-beautiful-dnd` is a higher level abstraction specifically built for lists (vertical, horizontal, movement between lists, nested lists and so on). Within that subset of functionality `react-beautiful-dnd` offers a powerful, natural and beautiful drag and drop experience. However, it does not provide the breadth of functionality offered by `react-dnd`. So `react-beautiful-dnd` might not be for you depending on what your use case is.\n\n## Documentation 📖\n\n### About 👋\n\n- [Installation](/docs/about/installation.md)\n- [Examples and samples](/docs/about/examples.md)\n- [Get started](https://egghead.io/courses/beautiful-and-accessible-drag-and-drop-with-react-beautiful-dnd)\n- [Design principles](/docs/about/design-principles.md)\n- [Animations](/docs/about/animations.md)\n- [Accessibility](/docs/about/accessibility.md)\n- [Browser support](/docs/about/browser-support.md)\n\n### Sensors 🔉\n\n> The ways in which somebody can start and control a drag\n\n- [Mouse dragging 🐭](/docs/sensors/mouse.md)\n- [Touch dragging 👉📱](/docs/sensors/touch.md)\n- [Keyboard dragging 🎹♿️](/docs/sensors/keyboard.md)\n- [Programmatic dragging 🎮](/docs/sensors/programmatic.md)\n\n### API 🏋️‍\n\n![diagram](https://user-images.githubusercontent.com/2182637/53607406-c8f3a780-3c12-11e9-979c-7f3b5bd1bfbd.gif)\n\n- [`<DragDropContext />`](/docs/api/drag-drop-context.md) - _Wraps the part of your application you want to have drag and drop enabled for_\n- [`<Droppable />`](/docs/api/droppable.md) - _An area that can be dropped into. Contains `<Draggable />`s_\n- [`<Draggable />`](/docs/api/draggable.md) - _What can be dragged around_\n- [`resetServerContext()`](/docs/api/reset-server-context.md) - _Utility for server side rendering (SSR)_\n\n### Guides 🗺\n\n- [`<DragDropContext />` responders](/docs/guides/responders.md) - _`onDragStart`, `onDragUpdate`, `onDragEnd` and `onBeforeDragStart`_\n- [Combining `<Draggable />`s](/docs/guides/combining.md)\n- [Common setup issues](/docs/guides/common-setup-issues.md)\n- [Using `innerRef`](/docs/guides/using-inner-ref.md)\n- [Developer warnings and how to disable them](/docs/guides/developer-warnings.md)\n- [Rules for `draggableId` and `droppableId`s](/docs/guides/identifiers.md)\n- [Focus management](/docs/guides/focus.md)\n- [Customising or skipping the drop animation](/docs/guides/drop-animation.md)\n- [Auto scrolling](/docs/guides/auto-scrolling.md)\n- [Controlling the screen reader](/docs/guides/screen-reader.md)\n- [Use the html5 `doctype`](/docs/guides/doctype.md)\n- [`TypeScript` and `flow`](/docs/guides/types.md)\n- [Dragging `<svg>`s](/docs/guides/dragging-svgs.md)\n- [Non-visible preset styles](/docs/guides/preset-styles.md)\n- [How we detect scroll containers](/docs/guides/how-we-detect-scroll-containers.md)\n- [How we use dom events](/docs/guides/how-we-use-dom-events.md) - _Useful if you need to build on top of `react-beautiful-dnd`_\n- [Adding `<Draggable />`s during a drag](/docs/guides/changes-while-dragging.md) - _⚠️ Advanced_\n\n### Patterns 👷‍\n\n- [Multi drag](/docs/patterns/multi-drag.md)\n- [Tables](/docs/patterns/tables.md)\n- [Reparenting a `<Draggable />`](/docs/guides/reparenting.md)\n\n### Support 👩‍⚕️\n\n- [Engineering health](/docs/support/engineering-health.md)\n- [Community and addons](/docs/support/community-and-addons.md)\n- [Release notes and changelog](https://github.com/atlassian/react-beautiful-dnd/releases)\n- [Upgrading](/docs/support/upgrading.md)\n- [Road map](https://github.com/atlassian/react-beautiful-dnd/issues)\n- [Media](/docs/support/media.md)\n\n## Read this in other languages 🌎\n\n- [![kr](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/South-Korea.png) **한글/Korean**](https://github.com/LeeHyungGeun/react-beautiful-dnd-kr)\n- [![china](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/China.png) **中文/Chinese**](https://github.com/chinanf-boy/react-beautiful-dnd-zh)\n- [![ru](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/Russia.png) **На русском/Russian**](https://github.com/vtereshyn/react-beautiful-dnd-ru)\n- [![pt](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/Brazil.png) **Português/Portuguese**](https://github.com/dudestein/react-beautiful-dnd-pt)\n\n## Author ✍️\n\nAlex Reardon [@alexandereardon](https://twitter.com/alexandereardon)\n\n## Collaborators 🤝\n\n- Bogdan Chadkin [@IAmTrySound](https://twitter.com/IAmTrySound)\n- Luke Batchelor [@alukebatchelor](https://twitter.com/alukebatchelor)\n- Jared Crowe [@jaredjcrowe](https://twitter.com/jaredjcrowe)\n- Many other [@Atlassian](https://twitter.com/Atlassian)'s!\n","gitHead":"65985325b7161a69940a31b78225d51adc7e5a8a","scripts":{"test":"jest --config ./jest.config.js","build":"yarn build:clean && yarn build:dist && yarn build:flow","test:ci":"jest test --maxWorkers=2","lint:css":"stylelint \"stories/**/*.{js,jsx}\"","validate":"yarn prettier:check && yarn lint:eslint && yarn lint:css && yarn typecheck","storybook":"start-storybook -p 9002","typecheck":"flow check --max-warnings=0","build:dist":"rollup -c","build:flow":"echo \"// @flow\n\nexport * from '../src';\" > dist/react-beautiful-dnd.cjs.js.flow","build:clean":"rimraf dist","lint:eslint":"yarn eslint \"./**/*.{js,jsx}\"","test:browser":"cypress open","test:coverage":"yarn test --coverage --coveragePathIgnorePatterns=/debug","prepublishOnly":"yarn build","prettier:check":"yarn prettier --debug-check $npm_package_config_prettier_target","prettier:write":"yarn prettier --write $npm_package_config_prettier_target","build-storybook":"build-storybook -c .storybook -o site","test:browser:ci":"cypress run","bundle-size:check":"cross-env SNAPSHOT=match yarn bundle-size:update","bundle-size:update":"yarn build:clean && yarn build:dist && yarn build:clean","test:accessibility":"lighthouse http://localhost:9002/iframe.html?id=single-vertical-list--basic --chrome-flags='--headless' --output=json --output=html --output-path=./test-reports/lighthouse/a11y.json && node a11y-audit-parse.js"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"jest-junit":{"output":"test-reports/junit/js-test-results.xml"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"6.4.1","description":"Beautiful and accessible drag and drop for lists with React","directories":{},"sideEffects":false,"_nodeVersion":"10.15.3","dependencies":{"redux":"^4.0.4","raf-schd":"^4.0.2","memoize-one":"^5.1.1","react-redux":"^7.1.1","use-memo-one":"^1.1.1","css-box-model":"^1.2.0","tiny-invariant":"^1.0.6","@babel/runtime-corejs2":"^7.6.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^24.9.0","react":"^16.9.0","enzyme":"^3.10.0","eslint":"^6.3.0","globby":"^10.0.1","rimraf":"^3.0.0","rollup":"^1.21.2","cypress":"^3.4.1","webpack":"^4.39.3","flow-bin":"0.107.0","fs-extra":"^8.0.1","prettier":"^1.18.2","raf-stub":"^3.0.0","cross-env":"^5.2.1","react-dom":"^16.9.0","stylelint":"^10.1.0","wait-port":"^0.2.2","babel-core":"^7.0.0-bridge.0","babel-jest":"^24.9.0","jest-junit":"^8.0.0","lighthouse":"^5.2.0","url-loader":"^2.1.0","@babel/core":"^7.6.0","markdown-it":"^9.1.0","babel-eslint":"^10.0.3","babel-loader":"^8.0.6","react-window":"^1.8.5","@emotion/core":"^10.0.17","@atlaskit/theme":"^9.2.2","@emotion/styled":"^10.0.17","emotion-theming":"^10.0.17","@storybook/react":"^5.1.11","@babel/preset-env":"^7.6.0","react-virtualized":"^9.21.1","styled-components":"4.3.2","@babel/preset-flow":"^7.0.0","@storybook/theming":"^5.1.11","eslint-plugin-jest":"^22.17.0","rollup-plugin-json":"^4.0.0","@atlaskit/css-reset":"^5.0.8","@babel/preset-react":"^7.0.0","eslint-plugin-react":"^7.14.3","react-test-renderer":"^16.9.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-strip":"^1.2.2","babel-plugin-emotion":"^10.0.17","eslint-config-airbnb":"^18.0.1","eslint-plugin-import":"^2.18.2","jest-watch-typeahead":"^0.4.0","rollup-plugin-terser":"^5.1.1","eslint-plugin-cypress":"^2.6.1","eslint-plugin-emotion":"^10.0.14","rollup-plugin-replace":"^2.2.0","@testing-library/react":"^9.1.4","eslint-config-prettier":"^6.2.0","eslint-plugin-flowtype":"^4.3.0","eslint-plugin-jsx-a11y":"^6.2.1","eslint-plugin-prettier":"^3.1.0","rollup-plugin-commonjs":"^10.1.0","enzyme-adapter-react-16":"^1.14.0","testcafe-reporter-xunit":"^2.1.0","eslint-plugin-react-hooks":"^2.0.1","stylelint-config-prettier":"^5.2.0","stylelint-config-standard":"^18.3.0","rollup-plugin-node-resolve":"^5.1.0","babel-plugin-dev-expression":"^0.2.2","rollup-plugin-size-snapshot":"^0.10.0","stylelint-config-recommended":"^2.2.0","@emotion/babel-preset-css-prop":"^10.0.17","@babel/plugin-transform-runtime":"^7.6.0","stylelint-config-styled-components":"^0.1.1","stylelint-processor-styled-components":"^1.8.0","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-transform-modules-commonjs":"^7.6.0"},"peerDependencies":{"react":"^16.8.5"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd_12.0.0-beta.2_1569363004724_0.3361032320966584","host":"s3://npm-registry-packages"}},"12.0.0-beta.3":{"name":"react-beautiful-dnd","version":"12.0.0-beta.3","keywords":["drag and drop","dnd","sortable","reorder","reorderable","react","react.js","natural","beautiful","accessible"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@12.0.0-beta.3","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"},{"name":"jaredcrowe","email":"jared.j.crowe@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"db071c8dee5891819c5b2b7ddafe77142ee3d105","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-12.0.0-beta.3.tgz","fileCount":238,"integrity":"sha512-P580+paeLwMXI1AyKTsjw7RORPUMdmUm/yI2PP7r2BUPaTAHD8Isxa81ls4v4R0YQ7XP6qAiIqgNtVC3HU4yNg==","signatures":[{"sig":"MEYCIQCwKkF1Um3445NREdr5gaegAaBtu1ACure/R0h/jbZBfQIhAOL2R7gIM1z7rQImSJD40Kj5usDuA9FcAzfOblQuWvnu","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1380349,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdiziOCRA9TVsSAnZWagAADjUP/3KtaeSRJarBHMcInpih\nRINs2wGCJwPW7d6GaHqszEz0igWHnNcZlquf1JVDfWXQCA+MisQT8EuDiOEJ\nk5oGF70FzZRdDihyaGLmvGxOEUsaMphLGVF5oXQ7PZNAKB2sBC/vUztviVbw\nNTwXoST2pB2vNZbRrALeLfq+eTeJQTJ2UK/0G8ZB83NGw/wfRQVbYzoDhWDt\nZ+sJoEiC6xh7Xecks8e0SkQHNZp4X2U2tqTylx1iwRS5GDdtqlogQknM9X00\nJQ4/VDgLjZmToDzeBiStRIUvX0s0XFsgaoJ/XkuVETJHB6lIoIUJmrYMu9wF\nZktbH61cFf2F2sQcpR6b+zFTnf3w1EAW8odosOYa5TOX/q2UIefmAsPqnZxF\nsMkgyu+smLH/rR9x+FffuJLg75/AFn/5bCxB1Kw80RU+x9g5Jhaa/EFLqv4i\ng1Kdtfg2vEuydJEE2tgQ1jQzWgAXpQr/T42+AVccSNlWzMcr8ObBp+s9Lq7K\nAf6n4BRneMeSHcfIyox2srQUHLsXyo+VPOloNHrH0xNRvo5IiDQdvFUGBaJv\nzN+MscqD/sJ0X6TigBNCqTxl+uwsvdZz1h3IsKNmeHSIMGAfE/eosZa0HCVJ\nb5gPALI+TJs8QgaY4gjwUb8W4ropsJO2dL6y2Lt9V/YSRDwIiuN/ogmM4OKz\nD4qO\r\n=kDaM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/react-beautiful-dnd.cjs.js","config":{"prettier_target":"*.{js,jsx,md,json} src/**/*.{js,jsx,md,json} test/**/*.{js,jsx,md,json} docs/**/*.{js,jsx,md,json} stories/**/*.{js,jsx,md,json} cypress/**/*.{js,jsx,md,json}"},"module":"dist/react-beautiful-dnd.esm.js","readme":"<p align=\"center\">\n  <img src=\"https://user-images.githubusercontent.com/2182637/53611918-54c1ff80-3c24-11e9-9917-66ac3cef513d.png\" alt=\"react beautiful dnd logo\" />\n</p>\n<h1 align=\"center\">react-beautiful-dnd</h1>\n\n<div align=\"center\">\n\n**Beautiful** and **accessible** drag and drop for lists with [`React`](https://facebook.github.io/react/)\n\n[![CircleCI branch](https://img.shields.io/circleci/project/github/atlassian/react-beautiful-dnd/master.svg)](https://circleci.com/gh/atlassian/react-beautiful-dnd/tree/master)\n[![npm](https://img.shields.io/npm/v/react-beautiful-dnd.svg)](https://www.npmjs.com/package/react-beautiful-dnd)\n\n![quote application example](https://user-images.githubusercontent.com/2182637/53614150-efbed780-3c2c-11e9-9204-a5d2e746faca.gif)\n\n[Play with this example if you want!](https://react-beautiful-dnd.netlify.com/iframe.html?selectedKind=board&selectedStory=simple)\n\n</div>\n\n## Core characteristics\n\n- Beautiful and [natural movement](/docs/about/animations.md) of items 💐\n- [Accessible](/docs/about/accessibility.md): powerful keyboard and screen reader support ♿️\n- [Extremely performant](/docs/support/media.md) 🚀\n- Clean and powerful api which is simple to get started with\n- Plays extremely well with standard browser interactions\n- [Unopinionated styling](/docs/guides/preset-styles.md)\n- No creation of additional wrapper dom nodes - flexbox and focus management friendly!\n\n## Get started 👩‍🏫\n\nWe have created [a free course on `egghead.io` 🥚](https://egghead.io/courses/beautiful-and-accessible-drag-and-drop-with-react-beautiful-dnd) to help you get started with `react-beautiful-dnd` as quickly as possible.\n\n[![course-logo](https://user-images.githubusercontent.com/2182637/43372837-8c72d3f8-93e8-11e8-9d92-a82adde7718f.png)](https://egghead.io/courses/beautiful-and-accessible-drag-and-drop-with-react-beautiful-dnd)\n\n## Currently supported feature set ✅\n\n- Vertical lists ↕\n- Horizontal lists ↔\n- Movement between lists (▤ ↔ ▤)\n- [Combining items](/docs/guides/combining.md)\n- Mouse 🐭, keyboard 🎹♿️ and touch 👉📱 (mobile, tablet and so on) support\n- [Multi drag support](/docs/patterns/multi-drag.md)\n- Incredible screen reader support ♿️ - we provide an amazing experience for english screen readers out of the box 📦. We also provide complete customisation control and internationalisation support for those who need it 💖\n- [Conditional dragging](/docs/api/draggable.md#optional-props) and [conditional dropping](/docs/api/droppable.md#conditionally-dropping)\n- Multiple independent lists on the one page\n- Flexible item sizes - the draggable items can have different heights (vertical lists) or widths (horizontal lists)\n- [Add and remove items during a drag](/docs/guides/changes-while-dragging.md)\n- Compatible with semantic `<table>` reordering - [table pattern](/docs/patterns/tables.md)\n- [Auto scrolling](/docs/guides/auto-scrolling.md) - automatically scroll containers and the window as required during a drag (even with keyboard 🔥)\n- Custom drag handles - you can drag a whole item by just a part of it\n- Able to move the dragging item to another element while dragging (clone, portal) - [Reparenting your `<Draggable />`](/docs/guides/reparenting.md)\n- [Create scripted drag and drop experiences 🎮](/docs/sensors/sensor-api.md)\n- Allows extensions to support for [any input type you like 🕹](/docs/sensors/sensor-api.md)\n- 🌲 Tree support through the [`@atlaskit/tree`](https://atlaskit.atlassian.com/packages/core/tree) package\n- A `<Droppable />` list can be a scroll container (without a scrollable parent) or be the child of a scroll container (that also does not have a scrollable parent)\n- Independent nested lists - a list can be a child of another list, but you cannot drag items from the parent list into a child list\n- Server side rendering (SSR) compatible - see [resetServerContext()](/docs/api/reset-server-context.md)\n- Plays well with [nested interactive elements](/docs/api/draggable.md#interactive-child-elements-within-a-draggable-) by default\n\n## Motivation 🤔\n\n`react-beautiful-dnd` exists to create beautiful drag and drop for lists that anyone can use - even people who cannot see. For a good overview of the history and motivations of the project you can take a look at these external resources:\n\n- 📖 [Rethinking drag and drop](https://medium.com/@alexandereardon/rethinking-drag-and-drop-d9f5770b4e6b)\n- 🎧 [React podcast: fast, accessible and beautiful drag and drop](https://reactpodcast.simplecast.fm/17)\n\n## Not for everyone ✌️\n\nThere are a lot of libraries out there that allow for drag and drop interactions within React. Most notable of these is the amazing [`react-dnd`](https://github.com/react-dnd/react-dnd). It does an incredible job at providing a great set of drag and drop primitives which work especially well with the [wildly inconsistent](https://www.quirksmode.org/blog/archives/2009/09/the_html5_drag.html) html5 drag and drop feature. `react-beautiful-dnd` is a higher level abstraction specifically built for lists (vertical, horizontal, movement between lists, nested lists and so on). Within that subset of functionality `react-beautiful-dnd` offers a powerful, natural and beautiful drag and drop experience. However, it does not provide the breadth of functionality offered by `react-dnd`. So `react-beautiful-dnd` might not be for you depending on what your use case is.\n\n## Documentation 📖\n\n### About 👋\n\n- [Installation](/docs/about/installation.md)\n- [Examples and samples](/docs/about/examples.md)\n- [Get started](https://egghead.io/courses/beautiful-and-accessible-drag-and-drop-with-react-beautiful-dnd)\n- [Design principles](/docs/about/design-principles.md)\n- [Animations](/docs/about/animations.md)\n- [Accessibility](/docs/about/accessibility.md)\n- [Browser support](/docs/about/browser-support.md)\n\n### Sensors 🔉\n\n> The ways in which somebody can start and control a drag\n\n- [Mouse dragging 🐭](/docs/sensors/mouse.md)\n- [Touch dragging 👉📱](/docs/sensors/touch.md)\n- [Keyboard dragging 🎹♿️](/docs/sensors/keyboard.md)\n- [Create your own sensor](/docs/sensors/sensor-api.md) (allows for any input type as well as scripted experiences)\n\n### API 🏋️‍\n\n![diagram](https://user-images.githubusercontent.com/2182637/53607406-c8f3a780-3c12-11e9-979c-7f3b5bd1bfbd.gif)\n\n- [`<DragDropContext />`](/docs/api/drag-drop-context.md) - _Wraps the part of your application you want to have drag and drop enabled for_\n- [`<Droppable />`](/docs/api/droppable.md) - _An area that can be dropped into. Contains `<Draggable />`s_\n- [`<Draggable />`](/docs/api/draggable.md) - _What can be dragged around_\n- [`resetServerContext()`](/docs/api/reset-server-context.md) - _Utility for server side rendering (SSR)_\n\n### Guides 🗺\n\n- [`<DragDropContext />` responders](/docs/guides/responders.md) - _`onDragStart`, `onDragUpdate`, `onDragEnd` and `onBeforeDragStart`_\n- [Combining `<Draggable />`s](/docs/guides/combining.md)\n- [Common setup issues](/docs/guides/common-setup-issues.md)\n- [Using `innerRef`](/docs/guides/using-inner-ref.md)\n- [Developer warnings and how to disable them](/docs/guides/developer-warnings.md)\n- [Rules for `draggableId` and `droppableId`s](/docs/guides/identifiers.md)\n- [Focus management](/docs/guides/focus.md)\n- [Customising or skipping the drop animation](/docs/guides/drop-animation.md)\n- [Auto scrolling](/docs/guides/auto-scrolling.md)\n- [Controlling the screen reader](/docs/guides/screen-reader.md)\n- [Use the html5 `doctype`](/docs/guides/doctype.md)\n- [`TypeScript` and `flow`](/docs/guides/types.md)\n- [Dragging `<svg>`s](/docs/guides/dragging-svgs.md)\n- [Non-visible preset styles](/docs/guides/preset-styles.md)\n- [How we detect scroll containers](/docs/guides/how-we-detect-scroll-containers.md)\n- [How we use dom events](/docs/guides/how-we-use-dom-events.md) - _Useful if you need to build on top of `react-beautiful-dnd`_\n- [Adding `<Draggable />`s during a drag](/docs/guides/changes-while-dragging.md) - _⚠️ Advanced_\n\n### Patterns 👷‍\n\n- [Multi drag](/docs/patterns/multi-drag.md)\n- [Tables](/docs/patterns/tables.md)\n- [Reparenting a `<Draggable />`](/docs/guides/reparenting.md)\n\n### Support 👩‍⚕️\n\n- [Engineering health](/docs/support/engineering-health.md)\n- [Community and addons](/docs/support/community-and-addons.md)\n- [Release notes and changelog](https://github.com/atlassian/react-beautiful-dnd/releases)\n- [Upgrading](/docs/support/upgrading.md)\n- [Road map](https://github.com/atlassian/react-beautiful-dnd/issues)\n- [Media](/docs/support/media.md)\n\n## Read this in other languages 🌎\n\n- [![kr](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/South-Korea.png) **한글/Korean**](https://github.com/LeeHyungGeun/react-beautiful-dnd-kr)\n- [![china](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/China.png) **中文/Chinese**](https://github.com/chinanf-boy/react-beautiful-dnd-zh)\n- [![ru](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/Russia.png) **На русском/Russian**](https://github.com/vtereshyn/react-beautiful-dnd-ru)\n- [![pt](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/Brazil.png) **Português/Portuguese**](https://github.com/dudestein/react-beautiful-dnd-pt)\n\n## Author ✍️\n\nAlex Reardon [@alexandereardon](https://twitter.com/alexandereardon)\n\n## Collaborators 🤝\n\n- Bogdan Chadkin [@IAmTrySound](https://twitter.com/IAmTrySound)\n- Luke Batchelor [@alukebatchelor](https://twitter.com/alukebatchelor)\n- Jared Crowe [@jaredjcrowe](https://twitter.com/jaredjcrowe)\n- Many other [@Atlassian](https://twitter.com/Atlassian)'s!\n","gitHead":"c99b75b5453f70e836e9958c73ae14a9827e9714","scripts":{"test":"jest --config ./jest.config.js","build":"yarn build:clean && yarn build:dist && yarn build:flow","test:ci":"jest test --maxWorkers=2","lint:css":"stylelint \"stories/**/*.{js,jsx}\"","validate":"yarn prettier:check && yarn lint:eslint && yarn lint:css && yarn typecheck","storybook":"start-storybook -p 9002","typecheck":"flow check --max-warnings=0","build:dist":"rollup -c","build:flow":"echo \"// @flow\n\nexport * from '../src';\" > dist/react-beautiful-dnd.cjs.js.flow","build:clean":"rimraf dist","lint:eslint":"yarn eslint \"./**/*.{js,jsx}\"","test:browser":"cypress open","test:coverage":"yarn test --coverage --coveragePathIgnorePatterns=/debug","prepublishOnly":"yarn build","prettier:check":"yarn prettier --debug-check $npm_package_config_prettier_target","prettier:write":"yarn prettier --write $npm_package_config_prettier_target","build-storybook":"build-storybook -c .storybook -o site","test:browser:ci":"cypress run","bundle-size:check":"cross-env SNAPSHOT=match yarn bundle-size:update","bundle-size:update":"yarn build:clean && yarn build:dist && yarn build:clean","test:accessibility":"lighthouse http://localhost:9002/iframe.html?id=single-vertical-list--basic --chrome-flags='--headless' --output=json --output=html --output-path=./test-reports/lighthouse/a11y.json && node a11y-audit-parse.js"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"jest-junit":{"output":"test-reports/junit/js-test-results.xml"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"6.4.1","description":"Beautiful and accessible drag and drop for lists with React","directories":{},"sideEffects":false,"_nodeVersion":"10.15.3","dependencies":{"redux":"^4.0.4","raf-schd":"^4.0.2","memoize-one":"^5.1.1","react-redux":"^7.1.1","use-memo-one":"^1.1.1","css-box-model":"^1.2.0","tiny-invariant":"^1.0.6","@babel/runtime-corejs2":"^7.6.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^24.9.0","react":"^16.9.0","enzyme":"^3.10.0","eslint":"^6.3.0","globby":"^10.0.1","rimraf":"^3.0.0","rollup":"^1.21.2","cypress":"^3.4.1","webpack":"^4.39.3","flow-bin":"0.107.0","fs-extra":"^8.0.1","prettier":"^1.18.2","raf-stub":"^3.0.0","cross-env":"^5.2.1","react-dom":"^16.9.0","stylelint":"^10.1.0","wait-port":"^0.2.2","babel-core":"^7.0.0-bridge.0","babel-jest":"^24.9.0","jest-junit":"^8.0.0","lighthouse":"^5.2.0","url-loader":"^2.1.0","@babel/core":"^7.6.0","markdown-it":"^9.1.0","babel-eslint":"^10.0.3","babel-loader":"^8.0.6","react-window":"^1.8.5","@emotion/core":"^10.0.17","@atlaskit/theme":"^9.2.2","@emotion/styled":"^10.0.17","emotion-theming":"^10.0.17","@storybook/react":"^5.1.11","@babel/preset-env":"^7.6.0","react-virtualized":"^9.21.1","styled-components":"4.3.2","@babel/preset-flow":"^7.0.0","@storybook/theming":"^5.1.11","eslint-plugin-jest":"^22.17.0","rollup-plugin-json":"^4.0.0","@atlaskit/css-reset":"^5.0.8","@babel/preset-react":"^7.0.0","eslint-plugin-react":"^7.14.3","react-test-renderer":"^16.9.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-strip":"^1.2.2","babel-plugin-emotion":"^10.0.17","eslint-config-airbnb":"^18.0.1","eslint-plugin-import":"^2.18.2","jest-watch-typeahead":"^0.4.0","rollup-plugin-terser":"^5.1.1","eslint-plugin-cypress":"^2.6.1","eslint-plugin-emotion":"^10.0.14","rollup-plugin-replace":"^2.2.0","@testing-library/react":"^9.1.4","eslint-config-prettier":"^6.2.0","eslint-plugin-flowtype":"^4.3.0","eslint-plugin-jsx-a11y":"^6.2.1","eslint-plugin-prettier":"^3.1.0","rollup-plugin-commonjs":"^10.1.0","enzyme-adapter-react-16":"^1.14.0","testcafe-reporter-xunit":"^2.1.0","eslint-plugin-react-hooks":"^2.0.1","stylelint-config-prettier":"^5.2.0","stylelint-config-standard":"^18.3.0","rollup-plugin-node-resolve":"^5.1.0","babel-plugin-dev-expression":"^0.2.2","rollup-plugin-size-snapshot":"^0.10.0","stylelint-config-recommended":"^2.2.0","@emotion/babel-preset-css-prop":"^10.0.17","@babel/plugin-transform-runtime":"^7.6.0","stylelint-config-styled-components":"^0.1.1","stylelint-processor-styled-components":"^1.8.0","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-transform-modules-commonjs":"^7.6.0"},"peerDependencies":{"react":"^16.8.5"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd_12.0.0-beta.3_1569405069606_0.23740182791887765","host":"s3://npm-registry-packages"}},"12.0.0-beta.4":{"name":"react-beautiful-dnd","version":"12.0.0-beta.4","keywords":["drag and drop","dnd","sortable","reorder","reorderable","react","react.js","natural","beautiful","accessible"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@12.0.0-beta.4","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"},{"name":"jaredcrowe","email":"jared.j.crowe@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"588a5855adbdaeca8ee189bdcfcb7ed0c0f688c5","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-12.0.0-beta.4.tgz","fileCount":241,"integrity":"sha512-KP0haiQWPapEDxXj12zd2smgGuzMa1arFr1jUfsayWxKO06t9QlsL+2gnR/1KiAcAK8E1ip2uv7u/lzzrTEJvw==","signatures":[{"sig":"MEUCIE5eh40Mx0W/tC4dFWt9t0Qk7/yG7A94nMp7Z1Xy9BWNAiEAtHqVeljO0Hc1umdVlAjiRZlQCqZrheY13qVzE1p7BQE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1399658,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdm7knCRA9TVsSAnZWagAAbtIQAJzmB5PTMJHVp7VwlU7v\nQ5bvXK1IX4GLLrWUYfAwtryyTakBh6j89Fa6sNHBHEZP+WSenDDD7eGLPXPC\nnm+JC8yEZMQnwLR4wbosxJ/zTizmFtaYu8B8Vz30+LSPEzX1yObciW2HQ2Yn\nj8Oa7RjHiOuVrjOUyrDEo4JIxteF1KkH56FP0MZ6cc1rIB2un6XZY4t1/vae\n5kPHkRmsVUOz2NdmmDjM39nObBmHnFAN0vAWO+vbEXVuVzoUs6Cp+hsA8/2d\ng2iCxLbmkkwMpwlBBuPT3YKFAVQrQEFW/VJfoDUE3wk1/FQ1b/TeEinHtQtm\ntAJe0NrMTWTYe7TnKPyN/q0bmZIU6bx2+BVVygkMiX8U9kznkB5btADc8YuT\nk/SwyTvTwV5mWOqCjInmS23JqokbfHe5ud8SFRNffwL83A2z/zSovwvtlQ9b\nv3T0KQnU6+KahPyo/tYygZFVk4i+aXe7Br/aNOMWaGPZEdO9cym0uwJflhho\n1OIYEwIvejBCRCr4zW2EpD9oRDuWYN8hmLzRORYSLT5/uWmZ8C/FoGkn61QI\nkneNtjbVkfr5eP1+92e9EE7k7A8GjCoxX5VWc41xRSpD/hrkd0ZGg/FFQqsD\nK/g+sBhPsKvRnxjLmL2IRyP3ByYCXTUVrybjt8K9/XUUXW7GZYH5L7DZHa6J\nayFG\r\n=+df8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/react-beautiful-dnd.cjs.js","config":{"prettier_target":"*.{js,jsx,md,json} src/**/*.{js,jsx,md,json} test/**/*.{js,jsx,md,json} docs/**/*.{js,jsx,md,json} stories/**/*.{js,jsx,md,json} cypress/**/*.{js,jsx,md,json}"},"module":"dist/react-beautiful-dnd.esm.js","readme":"<p align=\"center\">\n  <img src=\"https://user-images.githubusercontent.com/2182637/53611918-54c1ff80-3c24-11e9-9917-66ac3cef513d.png\" alt=\"react beautiful dnd logo\" />\n</p>\n<h1 align=\"center\">react-beautiful-dnd</h1>\n\n<div align=\"center\">\n\n**Beautiful** and **accessible** drag and drop for lists with [`React`](https://facebook.github.io/react/)\n\n[![CircleCI branch](https://img.shields.io/circleci/project/github/atlassian/react-beautiful-dnd/master.svg)](https://circleci.com/gh/atlassian/react-beautiful-dnd/tree/master)\n[![npm](https://img.shields.io/npm/v/react-beautiful-dnd.svg)](https://www.npmjs.com/package/react-beautiful-dnd)\n\n![quote application example](https://user-images.githubusercontent.com/2182637/53614150-efbed780-3c2c-11e9-9204-a5d2e746faca.gif)\n\n[Play with this example if you want!](https://react-beautiful-dnd.netlify.com/iframe.html?selectedKind=board&selectedStory=simple)\n\n</div>\n\n## Core characteristics\n\n- Beautiful and [natural movement](/docs/about/animations.md) of items 💐\n- [Accessible](/docs/about/accessibility.md): powerful keyboard and screen reader support ♿️\n- [Extremely performant](/docs/support/media.md) 🚀\n- Clean and powerful api which is simple to get started with\n- Plays extremely well with standard browser interactions\n- [Unopinionated styling](/docs/guides/preset-styles.md)\n- No creation of additional wrapper dom nodes - flexbox and focus management friendly!\n\n## Get started 👩‍🏫\n\nWe have created [a free course on `egghead.io` 🥚](https://egghead.io/courses/beautiful-and-accessible-drag-and-drop-with-react-beautiful-dnd?af=2jc3e4) to help you get started with `react-beautiful-dnd` as quickly as possible.\n\n[![course-logo](https://user-images.githubusercontent.com/2182637/43372837-8c72d3f8-93e8-11e8-9d92-a82adde7718f.png)](https://egghead.io/courses/beautiful-and-accessible-drag-and-drop-with-react-beautiful-dnd?af=2jc3e4)\n\n## Currently supported feature set ✅\n\n- Vertical lists ↕\n- Horizontal lists ↔\n- Movement between lists (▤ ↔ ▤)\n- [Combining items](/docs/guides/combining.md)\n- Mouse 🐭, keyboard 🎹♿️ and touch 👉📱 (mobile, tablet and so on) support\n- [Multi drag support](/docs/patterns/multi-drag.md)\n- Incredible screen reader support ♿️ - we provide an amazing experience for english screen readers out of the box 📦. We also provide complete customisation control and internationalisation support for those who need it 💖\n- [Conditional dragging](/docs/api/draggable.md#optional-props) and [conditional dropping](/docs/api/droppable.md#conditionally-dropping)\n- Multiple independent lists on the one page\n- Flexible item sizes - the draggable items can have different heights (vertical lists) or widths (horizontal lists)\n- [Add and remove items during a drag](/docs/guides/changes-while-dragging.md)\n- Compatible with semantic `<table>` reordering - [table pattern](/docs/patterns/tables.md)\n- [Auto scrolling](/docs/guides/auto-scrolling.md) - automatically scroll containers and the window as required during a drag (even with keyboard 🔥)\n- Custom drag handles - you can drag a whole item by just a part of it\n- Able to move the dragging item to another element while dragging (clone, portal) - [Reparenting your `<Draggable />`](/docs/guides/reparenting.md)\n- [Create scripted drag and drop experiences 🎮](/docs/sensors/sensor-api.md)\n- Allows extensions to support for [any input type you like 🕹](/docs/sensors/sensor-api.md)\n- 🌲 Tree support through the [`@atlaskit/tree`](https://atlaskit.atlassian.com/packages/core/tree) package\n- A `<Droppable />` list can be a scroll container (without a scrollable parent) or be the child of a scroll container (that also does not have a scrollable parent)\n- Independent nested lists - a list can be a child of another list, but you cannot drag items from the parent list into a child list\n- Server side rendering (SSR) compatible - see [resetServerContext()](/docs/api/reset-server-context.md)\n- Plays well with [nested interactive elements](/docs/api/draggable.md#interactive-child-elements-within-a-draggable-) by default\n\n## Motivation 🤔\n\n`react-beautiful-dnd` exists to create beautiful drag and drop for lists that anyone can use - even people who cannot see. For a good overview of the history and motivations of the project you can take a look at these external resources:\n\n- 📖 [Rethinking drag and drop](https://medium.com/@alexandereardon/rethinking-drag-and-drop-d9f5770b4e6b)\n- 🎧 [React podcast: fast, accessible and beautiful drag and drop](https://reactpodcast.simplecast.fm/17)\n\n## Not for everyone ✌️\n\nThere are a lot of libraries out there that allow for drag and drop interactions within React. Most notable of these is the amazing [`react-dnd`](https://github.com/react-dnd/react-dnd). It does an incredible job at providing a great set of drag and drop primitives which work especially well with the [wildly inconsistent](https://www.quirksmode.org/blog/archives/2009/09/the_html5_drag.html) html5 drag and drop feature. `react-beautiful-dnd` is a higher level abstraction specifically built for lists (vertical, horizontal, movement between lists, nested lists and so on). Within that subset of functionality `react-beautiful-dnd` offers a powerful, natural and beautiful drag and drop experience. However, it does not provide the breadth of functionality offered by `react-dnd`. So `react-beautiful-dnd` might not be for you depending on what your use case is.\n\n## Documentation 📖\n\n### About 👋\n\n- [Installation](/docs/about/installation.md)\n- [Examples and samples](/docs/about/examples.md)\n- [Get started](https://egghead.io/courses/beautiful-and-accessible-drag-and-drop-with-react-beautiful-dnd?af=2jc3e4)\n- [Design principles](/docs/about/design-principles.md)\n- [Animations](/docs/about/animations.md)\n- [Accessibility](/docs/about/accessibility.md)\n- [Browser support](/docs/about/browser-support.md)\n\n### Sensors 🔉\n\n> The ways in which somebody can start and control a drag\n\n- [Mouse dragging 🐭](/docs/sensors/mouse.md)\n- [Touch dragging 👉📱](/docs/sensors/touch.md)\n- [Keyboard dragging 🎹♿️](/docs/sensors/keyboard.md)\n- [Create your own sensor](/docs/sensors/sensor-api.md) (allows for any input type as well as scripted experiences)\n\n### API 🏋️‍\n\n![diagram](https://user-images.githubusercontent.com/2182637/53607406-c8f3a780-3c12-11e9-979c-7f3b5bd1bfbd.gif)\n\n- [`<DragDropContext />`](/docs/api/drag-drop-context.md) - _Wraps the part of your application you want to have drag and drop enabled for_\n- [`<Droppable />`](/docs/api/droppable.md) - _An area that can be dropped into. Contains `<Draggable />`s_\n- [`<Draggable />`](/docs/api/draggable.md) - _What can be dragged around_\n- [`resetServerContext()`](/docs/api/reset-server-context.md) - _Utility for server side rendering (SSR)_\n\n### Guides 🗺\n\n- [`<DragDropContext />` responders](/docs/guides/responders.md) - _`onDragStart`, `onDragUpdate`, `onDragEnd` and `onBeforeDragStart`_\n- [Combining `<Draggable />`s](/docs/guides/combining.md)\n- [Common setup issues](/docs/guides/common-setup-issues.md)\n- [Using `innerRef`](/docs/guides/using-inner-ref.md)\n- [Setup problem detection and error recovery](/docs/guides/setup-problem-detection-and-error-recovery.md)\n- [Rules for `draggableId` and `droppableId`s](/docs/guides/identifiers.md)\n- [Browser focus retention](/docs/guides/browser-focus.md)\n- [Customising or skipping the drop animation](/docs/guides/drop-animation.md)\n- [Auto scrolling](/docs/guides/auto-scrolling.md)\n- [Controlling the screen reader](/docs/guides/screen-reader.md)\n- [Use the html5 `doctype`](/docs/guides/doctype.md)\n- [`TypeScript` and `flow`](/docs/guides/types.md)\n- [Dragging `<svg>`s](/docs/guides/dragging-svgs.md)\n- [Avoiding image flickering](/docs/guides/avoiding-image-flickering.md)\n- [Non-visible preset styles](/docs/guides/preset-styles.md)\n- [How we detect scroll containers](/docs/guides/how-we-detect-scroll-containers.md)\n- [How we use dom events](/docs/guides/how-we-use-dom-events.md) - _Useful if you need to build on top of `react-beautiful-dnd`_\n- [Adding `<Draggable />`s during a drag (11.x behaviour)](/docs/guides/changes-while-dragging.md) - _⚠️ Advanced_\n- [Setting up Content Security Policy](/docs/guides/content-security-policy.md)\n\n### Patterns 👷‍\n\n- [Multi drag](/docs/patterns/multi-drag.md)\n- [Tables](/docs/patterns/tables.md)\n- [Reparenting a `<Draggable />`](/docs/guides/reparenting.md) - _Using our cloning API or your own portal_\n\n### Support 👩‍⚕️\n\n- [Engineering health](/docs/support/engineering-health.md)\n- [Community and addons](/docs/support/community-and-addons.md)\n- [Release notes and changelog](https://github.com/atlassian/react-beautiful-dnd/releases)\n- [Upgrading](/docs/support/upgrading.md)\n- [Road map](https://github.com/atlassian/react-beautiful-dnd/issues)\n- [Media](/docs/support/media.md)\n\n## Read this in other languages 🌎\n\n- [![kr](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/South-Korea.png) **한글/Korean**](https://github.com/LeeHyungGeun/react-beautiful-dnd-kr)\n- [![ru](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/Russia.png) **На русском/Russian**](https://github.com/vtereshyn/react-beautiful-dnd-ru)\n- [![pt](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/Brazil.png) **Português/Portuguese**](https://github.com/dudestein/react-beautiful-dnd-pt)\n\n## Author ✍️\n\nAlex Reardon [@alexandereardon](https://twitter.com/alexandereardon)\n\n## Collaborators 🤝\n\n- Bogdan Chadkin [@IAmTrySound](https://twitter.com/IAmTrySound)\n- Luke Batchelor [@alukebatchelor](https://twitter.com/alukebatchelor)\n- Jared Crowe [@jaredjcrowe](https://twitter.com/jaredjcrowe)\n- Many other [@Atlassian](https://twitter.com/Atlassian)'s!\n","gitHead":"834af9337f540b4987fd395e1c7e835aeda7783b","scripts":{"test":"jest --config ./jest.config.js","build":"yarn build:clean && yarn build:dist && yarn build:flow","test:ci":"jest test --maxWorkers=2","lint:css":"stylelint \"stories/**/*.{js,jsx}\"","validate":"yarn prettier:check && yarn lint:eslint && yarn lint:css && yarn typecheck","storybook":"start-storybook -p 9002","typecheck":"flow check --max-warnings=0","build:dist":"rollup -c","build:flow":"echo \"// @flow\n\nexport * from '../src';\" > dist/react-beautiful-dnd.cjs.js.flow","build:clean":"rimraf dist","lint:eslint":"yarn eslint \"./**/*.{js,jsx}\"","test:browser":"cypress open","test:coverage":"yarn test --coverage --coveragePathIgnorePatterns=/debug","prepublishOnly":"yarn build","prettier:check":"yarn prettier --debug-check $npm_package_config_prettier_target","prettier:write":"yarn prettier --write $npm_package_config_prettier_target","build-storybook":"build-storybook -c .storybook -o site","test:browser:ci":"cypress run","bundle-size:check":"cross-env SNAPSHOT=match yarn bundle-size:update","bundle-size:update":"yarn build:clean && yarn build:dist && yarn build:clean","test:accessibility":"lighthouse http://localhost:9002/iframe.html?id=single-vertical-list--basic --chrome-flags='--headless' --output=json --output=html --output-path=./test-reports/lighthouse/a11y.json && node a11y-audit-parse.js"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"jest-junit":{"output":"test-reports/junit/js-test-results.xml"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"6.4.1","description":"Beautiful and accessible drag and drop for lists with React","directories":{},"sideEffects":false,"_nodeVersion":"10.15.3","dependencies":{"redux":"^4.0.4","raf-schd":"^4.0.2","memoize-one":"^5.1.1","react-redux":"^7.1.1","use-memo-one":"^1.1.1","css-box-model":"^1.2.0","@babel/runtime-corejs2":"^7.6.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^24.9.0","react":"^16.10.1","enzyme":"^3.10.0","eslint":"6.4.0","globby":"^10.0.1","rimraf":"^3.0.0","rollup":"^1.22.0","cypress":"^3.4.1","webpack":"^4.41.0","flow-bin":"0.108.0","fs-extra":"^8.0.1","prettier":"^1.18.2","raf-stub":"^3.0.0","cross-env":"^6.0.0","react-dom":"^16.10.1","stylelint":"^11.0.0","wait-port":"^0.2.2","babel-core":"^7.0.0-bridge.0","babel-jest":"^24.9.0","jest-junit":"^8.0.0","lighthouse":"^5.4.0","@babel/core":"^7.6.2","markdown-it":"^10.0.0","babel-eslint":"^10.0.3","babel-loader":"^8.0.6","react-window":"^1.8.5","@emotion/core":"^10.0.17","@atlaskit/theme":"^9.2.3","@emotion/styled":"^10.0.17","emotion-theming":"^10.0.19","@storybook/react":"^5.2.1","@babel/preset-env":"^7.6.2","react-virtualized":"^9.21.1","styled-components":"4.4.0","@babel/preset-flow":"^7.0.0","@storybook/theming":"^5.2.1","eslint-plugin-jest":"^22.17.0","rollup-plugin-json":"^4.0.0","@atlaskit/css-reset":"^5.0.8","@babel/preset-react":"^7.0.0","eslint-plugin-react":"^7.14.3","react-test-renderer":"^16.10.1","require-from-string":"^2.0.2","rollup-plugin-babel":"^4.3.3","rollup-plugin-strip":"^1.2.2","babel-plugin-emotion":"^10.0.19","eslint-config-airbnb":"^18.0.1","eslint-plugin-import":"^2.18.2","jest-watch-typeahead":"^0.4.0","rollup-plugin-terser":"^5.1.2","eslint-plugin-cypress":"^2.7.0","eslint-plugin-emotion":"^10.0.14","rollup-plugin-replace":"^2.2.0","@testing-library/react":"^9.2.0","eslint-config-prettier":"^6.3.0","eslint-plugin-flowtype":"^4.3.0","eslint-plugin-jsx-a11y":"^6.2.1","eslint-plugin-prettier":"^3.1.1","rollup-plugin-commonjs":"^10.1.0","enzyme-adapter-react-16":"^1.14.0","eslint-plugin-react-hooks":"^2.1.1","stylelint-config-prettier":"^6.0.0","stylelint-config-standard":"^19.0.0","rollup-plugin-node-resolve":"^5.1.0","babel-plugin-dev-expression":"^0.2.2","rollup-plugin-size-snapshot":"^0.10.0","stylelint-config-recommended":"^3.0.0","@emotion/babel-preset-css-prop":"^10.0.17","@babel/plugin-transform-runtime":"^7.6.2","stylelint-config-styled-components":"^0.1.1","stylelint-processor-styled-components":"^1.8.0","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-transform-modules-commonjs":"^7.6.0"},"peerDependencies":{"react":"^16.8.5"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd_12.0.0-beta.4_1570486566878_0.007538718394053623","host":"s3://npm-registry-packages"}},"12.0.0-beta.5":{"name":"react-beautiful-dnd","version":"12.0.0-beta.5","keywords":["drag and drop","dnd","sortable","reorder","reorderable","react","react.js","natural","beautiful","accessible"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@12.0.0-beta.5","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"},{"name":"jaredcrowe","email":"jared.j.crowe@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"6b2f25bc1befc0e9fc1525844d0ce3e1af0fb26a","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-12.0.0-beta.5.tgz","fileCount":241,"integrity":"sha512-zgzVTFHirCuY4rMLzA2HBrkQF/vs2Qzaxam9bOHp5XbljLolks8eIKt2m57U2bnD5PcMQFAKcb+iHqhCoDXZ5Q==","signatures":[{"sig":"MEYCIQDPhX/UyN0NWMofJ/brwusmF+j0VlLJDIYvLSwRtQCjEQIhAIt+JtfqEtvf2q10qMybJX3Wvf8zgpkM2oH5flzYGpE/","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1400667,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdnVuvCRA9TVsSAnZWagAA3gsP/A5AhWSK9kBc1D+uI0wb\ngsVr29oFsMdh6y7HN3Aai3wgDtPNVxyjgLfoNOjdK8k4LvPe2g/CUX2JE32q\ndxScjxy1rF1tWU5RRqg7sYPs9e7aWrSPz0ElWnFCNTJ6HSrnuWTreo5zFFfF\nbO4/4X6wHS5hCQZ3Gnh72jVpVvDeFQKiUjVT5FBv6EVrJtUExBB2ajKZ7d+t\nXqYClXk1+voDk3SNSN3kQppu//MEdFzyHNoAYgVRuLINIPi5khNhr/3isWLb\n3V4Eeb+giPKJKiVgOKjtFdfexThX2sRPWITAqACWSM8pcYToydFCivh9AL1S\nvtrQ+g1U7KFFfZ1SB/OMR/V/NLFURWupJ8TS+57zI4qT5MXOZIJCq48vALU0\nnkfcJtezlG0AcsLNdUH2aeg+smLPOYJjCPQCwdDUwBC+60GutCJGqGNhm57F\nhEWhMqwXJmo/qPjAPSZb/ZYvXRLMTuIxIktYa6Wdm8uhmNEhAzJWx9w859O5\nifKAPJ6yj7/bKNOM9/5yDcuqcEDYh1URVASbimyUweAi2VbNsFIAae8CR5Uf\nLdrgaYmjPQ+ozu2SC/688IN9NgKs2jHJZeWMqZNQyz3z73rP5+1MFXmqIRTQ\nqDfqznvPm02zYT4xaBnWXwHQozaLNFLJAxJsQ3q7KWDAKxT0o9coFxAK12k6\nvEm9\r\n=3Xlx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/react-beautiful-dnd.cjs.js","config":{"prettier_target":"*.{js,jsx,md,json} src/**/*.{js,jsx,md,json} test/**/*.{js,jsx,md,json} docs/**/*.{js,jsx,md,json} stories/**/*.{js,jsx,md,json} cypress/**/*.{js,jsx,md,json}"},"module":"dist/react-beautiful-dnd.esm.js","readme":"<p align=\"center\">\n  <img src=\"https://user-images.githubusercontent.com/2182637/53611918-54c1ff80-3c24-11e9-9917-66ac3cef513d.png\" alt=\"react beautiful dnd logo\" />\n</p>\n<h1 align=\"center\">react-beautiful-dnd</h1>\n\n<div align=\"center\">\n\n**Beautiful** and **accessible** drag and drop for lists with [`React`](https://facebook.github.io/react/)\n\n[![CircleCI branch](https://img.shields.io/circleci/project/github/atlassian/react-beautiful-dnd/master.svg)](https://circleci.com/gh/atlassian/react-beautiful-dnd/tree/master)\n[![npm](https://img.shields.io/npm/v/react-beautiful-dnd.svg)](https://www.npmjs.com/package/react-beautiful-dnd)\n\n![quote application example](https://user-images.githubusercontent.com/2182637/53614150-efbed780-3c2c-11e9-9204-a5d2e746faca.gif)\n\n[Play with this example if you want!](https://react-beautiful-dnd.netlify.com/iframe.html?selectedKind=board&selectedStory=simple)\n\n</div>\n\n## Core characteristics\n\n- Beautiful and [natural movement](/docs/about/animations.md) of items 💐\n- [Accessible](/docs/about/accessibility.md): powerful keyboard and screen reader support ♿️\n- [Extremely performant](/docs/support/media.md) 🚀\n- Clean and powerful api which is simple to get started with\n- Plays extremely well with standard browser interactions\n- [Unopinionated styling](/docs/guides/preset-styles.md)\n- No creation of additional wrapper dom nodes - flexbox and focus management friendly!\n\n## Get started 👩‍🏫\n\nWe have created [a free course on `egghead.io` 🥚](https://egghead.io/courses/beautiful-and-accessible-drag-and-drop-with-react-beautiful-dnd?af=2jc3e4) to help you get started with `react-beautiful-dnd` as quickly as possible.\n\n[![course-logo](https://user-images.githubusercontent.com/2182637/43372837-8c72d3f8-93e8-11e8-9d92-a82adde7718f.png)](https://egghead.io/courses/beautiful-and-accessible-drag-and-drop-with-react-beautiful-dnd?af=2jc3e4)\n\n## Currently supported feature set ✅\n\n- Vertical lists ↕\n- Horizontal lists ↔\n- Movement between lists (▤ ↔ ▤)\n- [Combining items](/docs/guides/combining.md)\n- Mouse 🐭, keyboard 🎹♿️ and touch 👉📱 (mobile, tablet and so on) support\n- [Multi drag support](/docs/patterns/multi-drag.md)\n- Incredible screen reader support ♿️ - we provide an amazing experience for english screen readers out of the box 📦. We also provide complete customisation control and internationalisation support for those who need it 💖\n- [Conditional dragging](/docs/api/draggable.md#optional-props) and [conditional dropping](/docs/api/droppable.md#conditionally-dropping)\n- Multiple independent lists on the one page\n- Flexible item sizes - the draggable items can have different heights (vertical lists) or widths (horizontal lists)\n- [Add and remove items during a drag](/docs/guides/changes-while-dragging.md)\n- Compatible with semantic `<table>` reordering - [table pattern](/docs/patterns/tables.md)\n- [Auto scrolling](/docs/guides/auto-scrolling.md) - automatically scroll containers and the window as required during a drag (even with keyboard 🔥)\n- Custom drag handles - you can drag a whole item by just a part of it\n- Able to move the dragging item to another element while dragging (clone, portal) - [Reparenting your `<Draggable />`](/docs/guides/reparenting.md)\n- [Create scripted drag and drop experiences 🎮](/docs/sensors/sensor-api.md)\n- Allows extensions to support for [any input type you like 🕹](/docs/sensors/sensor-api.md)\n- 🌲 Tree support through the [`@atlaskit/tree`](https://atlaskit.atlassian.com/packages/core/tree) package\n- A `<Droppable />` list can be a scroll container (without a scrollable parent) or be the child of a scroll container (that also does not have a scrollable parent)\n- Independent nested lists - a list can be a child of another list, but you cannot drag items from the parent list into a child list\n- Server side rendering (SSR) compatible - see [resetServerContext()](/docs/api/reset-server-context.md)\n- Plays well with [nested interactive elements](/docs/api/draggable.md#interactive-child-elements-within-a-draggable-) by default\n\n## Motivation 🤔\n\n`react-beautiful-dnd` exists to create beautiful drag and drop for lists that anyone can use - even people who cannot see. For a good overview of the history and motivations of the project you can take a look at these external resources:\n\n- 📖 [Rethinking drag and drop](https://medium.com/@alexandereardon/rethinking-drag-and-drop-d9f5770b4e6b)\n- 🎧 [React podcast: fast, accessible and beautiful drag and drop](https://reactpodcast.simplecast.fm/17)\n\n## Not for everyone ✌️\n\nThere are a lot of libraries out there that allow for drag and drop interactions within React. Most notable of these is the amazing [`react-dnd`](https://github.com/react-dnd/react-dnd). It does an incredible job at providing a great set of drag and drop primitives which work especially well with the [wildly inconsistent](https://www.quirksmode.org/blog/archives/2009/09/the_html5_drag.html) html5 drag and drop feature. `react-beautiful-dnd` is a higher level abstraction specifically built for lists (vertical, horizontal, movement between lists, nested lists and so on). Within that subset of functionality `react-beautiful-dnd` offers a powerful, natural and beautiful drag and drop experience. However, it does not provide the breadth of functionality offered by `react-dnd`. So `react-beautiful-dnd` might not be for you depending on what your use case is.\n\n## Documentation 📖\n\n### About 👋\n\n- [Installation](/docs/about/installation.md)\n- [Examples and samples](/docs/about/examples.md)\n- [Get started](https://egghead.io/courses/beautiful-and-accessible-drag-and-drop-with-react-beautiful-dnd?af=2jc3e4)\n- [Design principles](/docs/about/design-principles.md)\n- [Animations](/docs/about/animations.md)\n- [Accessibility](/docs/about/accessibility.md)\n- [Browser support](/docs/about/browser-support.md)\n\n### Sensors 🔉\n\n> The ways in which somebody can start and control a drag\n\n- [Mouse dragging 🐭](/docs/sensors/mouse.md)\n- [Touch dragging 👉📱](/docs/sensors/touch.md)\n- [Keyboard dragging 🎹♿️](/docs/sensors/keyboard.md)\n- [Create your own sensor](/docs/sensors/sensor-api.md) (allows for any input type as well as scripted experiences)\n\n### API 🏋️‍\n\n![diagram](https://user-images.githubusercontent.com/2182637/53607406-c8f3a780-3c12-11e9-979c-7f3b5bd1bfbd.gif)\n\n- [`<DragDropContext />`](/docs/api/drag-drop-context.md) - _Wraps the part of your application you want to have drag and drop enabled for_\n- [`<Droppable />`](/docs/api/droppable.md) - _An area that can be dropped into. Contains `<Draggable />`s_\n- [`<Draggable />`](/docs/api/draggable.md) - _What can be dragged around_\n- [`resetServerContext()`](/docs/api/reset-server-context.md) - _Utility for server side rendering (SSR)_\n\n### Guides 🗺\n\n- [`<DragDropContext />` responders](/docs/guides/responders.md) - _`onDragStart`, `onDragUpdate`, `onDragEnd` and `onBeforeDragStart`_\n- [Combining `<Draggable />`s](/docs/guides/combining.md)\n- [Common setup issues](/docs/guides/common-setup-issues.md)\n- [Using `innerRef`](/docs/guides/using-inner-ref.md)\n- [Setup problem detection and error recovery](/docs/guides/setup-problem-detection-and-error-recovery.md)\n- [Rules for `draggableId` and `droppableId`s](/docs/guides/identifiers.md)\n- [Browser focus retention](/docs/guides/browser-focus.md)\n- [Customising or skipping the drop animation](/docs/guides/drop-animation.md)\n- [Auto scrolling](/docs/guides/auto-scrolling.md)\n- [Controlling the screen reader](/docs/guides/screen-reader.md)\n- [Use the html5 `doctype`](/docs/guides/doctype.md)\n- [`TypeScript` and `flow`](/docs/guides/types.md)\n- [Dragging `<svg>`s](/docs/guides/dragging-svgs.md)\n- [Avoiding image flickering](/docs/guides/avoiding-image-flickering.md)\n- [Non-visible preset styles](/docs/guides/preset-styles.md)\n- [How we detect scroll containers](/docs/guides/how-we-detect-scroll-containers.md)\n- [How we use dom events](/docs/guides/how-we-use-dom-events.md) - _Useful if you need to build on top of `react-beautiful-dnd`_\n- [Adding `<Draggable />`s during a drag (11.x behaviour)](/docs/guides/changes-while-dragging.md) - _⚠️ Advanced_\n- [Setting up Content Security Policy](/docs/guides/content-security-policy.md)\n\n### Patterns 👷‍\n\n- [Multi drag](/docs/patterns/multi-drag.md)\n- [Tables](/docs/patterns/tables.md)\n- [Reparenting a `<Draggable />`](/docs/guides/reparenting.md) - _Using our cloning API or your own portal_\n\n### Support 👩‍⚕️\n\n- [Engineering health](/docs/support/engineering-health.md)\n- [Community and addons](/docs/support/community-and-addons.md)\n- [Release notes and changelog](https://github.com/atlassian/react-beautiful-dnd/releases)\n- [Upgrading](/docs/support/upgrading.md)\n- [Road map](https://github.com/atlassian/react-beautiful-dnd/issues)\n- [Media](/docs/support/media.md)\n\n## Read this in other languages 🌎\n\n- [![kr](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/South-Korea.png) **한글/Korean**](https://github.com/LeeHyungGeun/react-beautiful-dnd-kr)\n- [![ru](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/Russia.png) **На русском/Russian**](https://github.com/vtereshyn/react-beautiful-dnd-ru)\n- [![pt](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/Brazil.png) **Português/Portuguese**](https://github.com/dudestein/react-beautiful-dnd-pt)\n\n## Author ✍️\n\nAlex Reardon [@alexandereardon](https://twitter.com/alexandereardon)\n\n## Collaborators 🤝\n\n- Bogdan Chadkin [@IAmTrySound](https://twitter.com/IAmTrySound)\n- Luke Batchelor [@alukebatchelor](https://twitter.com/alukebatchelor)\n- Jared Crowe [@jaredjcrowe](https://twitter.com/jaredjcrowe)\n- Many other [@Atlassian](https://twitter.com/Atlassian)'s!\n","gitHead":"51b5e1e0156061a62ee9b8890e9d168f94435595","scripts":{"test":"jest --config ./jest.config.js","build":"yarn build:clean && yarn build:dist && yarn build:flow","test:ci":"jest test --maxWorkers=2","lint:css":"stylelint \"stories/**/*.{js,jsx}\"","validate":"yarn prettier:check && yarn lint:eslint && yarn lint:css && yarn typecheck","storybook":"start-storybook -p 9002","typecheck":"flow check --max-warnings=0","build:dist":"rollup -c","build:flow":"echo \"// @flow\n\nexport * from '../src';\" > dist/react-beautiful-dnd.cjs.js.flow","build:clean":"rimraf dist","lint:eslint":"yarn eslint \"./**/*.{js,jsx}\"","test:browser":"cypress open","test:coverage":"yarn test --coverage --coveragePathIgnorePatterns=/debug","prepublishOnly":"yarn build","prettier:check":"yarn prettier --debug-check $npm_package_config_prettier_target","prettier:write":"yarn prettier --write $npm_package_config_prettier_target","build-storybook":"build-storybook -c .storybook -o site","test:browser:ci":"cypress run","bundle-size:check":"cross-env SNAPSHOT=match yarn bundle-size:update","bundle-size:update":"yarn build:clean && yarn build:dist && yarn build:clean","test:accessibility":"lighthouse http://localhost:9002/iframe.html?id=single-vertical-list--basic --chrome-flags='--headless' --output=json --output=html --output-path=./test-reports/lighthouse/a11y.json && node a11y-audit-parse.js"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"jest-junit":{"output":"test-reports/junit/js-test-results.xml"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"6.4.1","description":"Beautiful and accessible drag and drop for lists with React","directories":{},"sideEffects":false,"_nodeVersion":"10.15.3","dependencies":{"redux":"^4.0.4","raf-schd":"^4.0.2","memoize-one":"^5.1.1","react-redux":"^7.1.1","use-memo-one":"^1.1.1","css-box-model":"^1.2.0","@babel/runtime-corejs2":"^7.6.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^24.9.0","react":"^16.10.1","enzyme":"^3.10.0","eslint":"6.4.0","globby":"^10.0.1","rimraf":"^3.0.0","rollup":"^1.22.0","cypress":"^3.4.1","webpack":"^4.41.0","flow-bin":"0.108.0","fs-extra":"^8.0.1","prettier":"^1.18.2","raf-stub":"^3.0.0","cross-env":"^6.0.0","react-dom":"^16.10.1","stylelint":"^11.0.0","wait-port":"^0.2.2","babel-core":"^7.0.0-bridge.0","babel-jest":"^24.9.0","jest-junit":"^8.0.0","lighthouse":"^5.4.0","@babel/core":"^7.6.2","markdown-it":"^10.0.0","babel-eslint":"^10.0.3","babel-loader":"^8.0.6","react-window":"^1.8.5","@emotion/core":"^10.0.17","@atlaskit/theme":"^9.2.3","@emotion/styled":"^10.0.17","emotion-theming":"^10.0.19","@storybook/react":"^5.2.1","@babel/preset-env":"^7.6.2","react-virtualized":"^9.21.1","styled-components":"4.4.0","@babel/preset-flow":"^7.0.0","@storybook/theming":"^5.2.1","eslint-plugin-jest":"^22.17.0","rollup-plugin-json":"^4.0.0","@atlaskit/css-reset":"^5.0.8","@babel/preset-react":"^7.0.0","eslint-plugin-react":"^7.14.3","react-test-renderer":"^16.10.1","require-from-string":"^2.0.2","rollup-plugin-babel":"^4.3.3","rollup-plugin-strip":"^1.2.2","babel-plugin-emotion":"^10.0.19","eslint-config-airbnb":"^18.0.1","eslint-plugin-import":"^2.18.2","jest-watch-typeahead":"^0.4.0","rollup-plugin-terser":"^5.1.2","eslint-plugin-cypress":"^2.7.0","eslint-plugin-emotion":"^10.0.14","rollup-plugin-replace":"^2.2.0","@testing-library/react":"^9.2.0","eslint-config-prettier":"^6.3.0","eslint-plugin-flowtype":"^4.3.0","eslint-plugin-jsx-a11y":"^6.2.1","eslint-plugin-prettier":"^3.1.1","rollup-plugin-commonjs":"^10.1.0","enzyme-adapter-react-16":"^1.14.0","eslint-plugin-react-hooks":"^2.1.1","stylelint-config-prettier":"^6.0.0","stylelint-config-standard":"^19.0.0","rollup-plugin-node-resolve":"^5.1.0","babel-plugin-dev-expression":"^0.2.2","rollup-plugin-size-snapshot":"^0.10.0","stylelint-config-recommended":"^3.0.0","@emotion/babel-preset-css-prop":"^10.0.17","@babel/plugin-transform-runtime":"^7.6.2","stylelint-config-styled-components":"^0.1.1","stylelint-processor-styled-components":"^1.8.0","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-transform-modules-commonjs":"^7.6.0"},"peerDependencies":{"react":"^16.8.5"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd_12.0.0-beta.5_1570593710288_0.5366411812333411","host":"s3://npm-registry-packages"}},"12.0.0-beta.6":{"name":"react-beautiful-dnd","version":"12.0.0-beta.6","keywords":["drag and drop","dnd","sortable","reorder","reorderable","react","react.js","natural","beautiful","accessible"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@12.0.0-beta.6","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"},{"name":"jaredcrowe","email":"jared.j.crowe@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"b6e1ab66d1df2fd09ff84c064da1ae97b5332062","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-12.0.0-beta.6.tgz","fileCount":242,"integrity":"sha512-aHjx6d1KkRfgjflFUmVtl6UTM6u0WFI8bJ1mPdLO3rvLcZ37tyxewsImU1QtuTkg9IJTYm5qmGYGfyQvqFDANA==","signatures":[{"sig":"MEUCIQCVx9B7yt37ohMZKm+QbmYj3kQCQJm2AtGYFF3T3/4uFwIgDP4HJU57XGVWPgTBwM9X1jXVpUlYBFIm9nZE6IC8Hn8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1404500,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrCynCRA9TVsSAnZWagAAtVcP/07oQ3rtfp4OQzJJt3Pq\n+yMPZ0IKk3wZ64NHIEGwsLMvxfDIvLDTulAKqKBQ+OaZ2eyN9jMVyAld6G1g\nbtR5I1yZBQOpb5trq2gPLDTS182Bvhkih6oU8gTAsjtDcx7LhbDIRt5HoYBr\nQ3utIc7YgNgb3VWFXgBxmk5wiVghJGRVU1lAfi+xAc5HHFkvWvbkXj5nH66h\nlsAtXqKTdUoHVjoMYluc0t0hlE/lSuV+cqqGe5jG83HVTjEd/soicNpmPhdJ\nzZYK+iItotHP3piYXqevGqQsY3T0vdcePU23fY+jlnnyI6kYH14hebfgK63E\nGkR/j2B1BztpNPLKIUXQLxxExqHh50CCoKzb9olMIjsRtBR5tpupBu3FvnTh\n+A3+uVyh7Tn9sG40oyn7h8p4G3yN0ZmZhf5gbof6tvEdMPdaRMsRJ+K4ZY22\nlsvFgARJmSUhuAzAq9uEM5Kuc7UuJGzvBjRprLpxTiL30+MHZ1oNfmXh4uCL\nJlQY+Pv7lT4M3Vt8F0/QsAemTzpUyaMY4im6li5Nmup/XHEQQWaaWGFI605T\nyV3tYHSqi+FUbLXFioRPXrRi2KhASfbnptx9O/InkPc4DPqW2MbWQoz5hb8X\neNw8NZudbXqGfLCwHk2s4k1oZUYVF9pu/ouyOk0dq+sNKn8L1PA2Uh1rW4WL\nHdWg\r\n=W7XW\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/react-beautiful-dnd.cjs.js","config":{"prettier_target":"*.{js,jsx,md,json} src/**/*.{js,jsx,md,json} test/**/*.{js,jsx,md,json} docs/**/*.{js,jsx,md,json} stories/**/*.{js,jsx,md,json} cypress/**/*.{js,jsx,md,json}"},"module":"dist/react-beautiful-dnd.esm.js","readme":"<p align=\"center\">\n  <img src=\"https://user-images.githubusercontent.com/2182637/53611918-54c1ff80-3c24-11e9-9917-66ac3cef513d.png\" alt=\"react beautiful dnd logo\" />\n</p>\n<h1 align=\"center\">react-beautiful-dnd <small><sup>(rbd)</sup></small></h1>\n\n<div align=\"center\">\n\n**Beautiful** and **accessible** drag and drop for lists with [`React`](https://facebook.github.io/react/)\n\n[![CircleCI branch](https://img.shields.io/circleci/project/github/atlassian/react-beautiful-dnd/master.svg)](https://circleci.com/gh/atlassian/react-beautiful-dnd/tree/master)\n[![npm](https://img.shields.io/npm/v/react-beautiful-dnd.svg)](https://www.npmjs.com/package/react-beautiful-dnd)\n\n![quote application example](https://user-images.githubusercontent.com/2182637/53614150-efbed780-3c2c-11e9-9204-a5d2e746faca.gif)\n\n[Play with this example if you want!](https://react-beautiful-dnd.netlify.com/iframe.html?selectedKind=board&selectedStory=simple)\n\n</div>\n\n## Core characteristics\n\n- Beautiful and [natural movement](/docs/about/animations.md) of items 💐\n- [Accessible](/docs/about/accessibility.md): powerful keyboard and screen reader support ♿️\n- [Extremely performant](/docs/support/media.md) 🚀\n- Clean and powerful api which is simple to get started with\n- Plays extremely well with standard browser interactions\n- [Unopinionated styling](/docs/guides/preset-styles.md)\n- No creation of additional wrapper dom nodes - flexbox and focus management friendly!\n\n## Get started 👩‍🏫\n\nWe have created [a free course on `egghead.io` 🥚](https://egghead.io/courses/beautiful-and-accessible-drag-and-drop-with-react-beautiful-dnd?af=2jc3e4) to help you get started with `react-beautiful-dnd` as quickly as possible.\n\n[![course-logo](https://user-images.githubusercontent.com/2182637/43372837-8c72d3f8-93e8-11e8-9d92-a82adde7718f.png)](https://egghead.io/courses/beautiful-and-accessible-drag-and-drop-with-react-beautiful-dnd?af=2jc3e4)\n\n## Currently supported feature set ✅\n\n- Vertical lists ↕\n- Horizontal lists ↔\n- Movement between lists (▤ ↔ ▤)\n- [Combining items](/docs/guides/combining.md)\n- Mouse 🐭, keyboard 🎹♿️ and touch 👉📱 (mobile, tablet and so on) support\n- [Multi drag support](/docs/patterns/multi-drag.md)\n- Incredible screen reader support ♿️ - we provide an amazing experience for english screen readers out of the box 📦. We also provide complete customisation control and internationalisation support for those who need it 💖\n- [Conditional dragging](/docs/api/draggable.md#optional-props) and [conditional dropping](/docs/api/droppable.md#conditionally-dropping)\n- Multiple independent lists on the one page\n- Flexible item sizes - the draggable items can have different heights (vertical lists) or widths (horizontal lists)\n- [Add and remove items during a drag](/docs/guides/changes-while-dragging.md)\n- Compatible with semantic `<table>` reordering - [table pattern](/docs/patterns/tables.md)\n- [Auto scrolling](/docs/guides/auto-scrolling.md) - automatically scroll containers and the window as required during a drag (even with keyboard 🔥)\n- Custom drag handles - you can drag a whole item by just a part of it\n- Able to move the dragging item to another element while dragging (clone, portal) - [Reparenting your `<Draggable />`](/docs/guides/reparenting.md)\n- [Create scripted drag and drop experiences 🎮](/docs/sensors/sensor-api.md)\n- Allows extensions to support for [any input type you like 🕹](/docs/sensors/sensor-api.md)\n- 🌲 Tree support through the [`@atlaskit/tree`](https://atlaskit.atlassian.com/packages/core/tree) package\n- A `<Droppable />` list can be a scroll container (without a scrollable parent) or be the child of a scroll container (that also does not have a scrollable parent)\n- Independent nested lists - a list can be a child of another list, but you cannot drag items from the parent list into a child list\n- Server side rendering (SSR) compatible - see [resetServerContext()](/docs/api/reset-server-context.md)\n- Plays well with [nested interactive elements](/docs/api/draggable.md#interactive-child-elements-within-a-draggable-) by default\n\n## Motivation 🤔\n\n`react-beautiful-dnd` exists to create beautiful drag and drop for lists that anyone can use - even people who cannot see. For a good overview of the history and motivations of the project you can take a look at these external resources:\n\n- 📖 [Rethinking drag and drop](https://medium.com/@alexandereardon/rethinking-drag-and-drop-d9f5770b4e6b)\n- 🎧 [React podcast: fast, accessible and beautiful drag and drop](https://reactpodcast.simplecast.fm/17)\n\n## Not for everyone ✌️\n\nThere are a lot of libraries out there that allow for drag and drop interactions within React. Most notable of these is the amazing [`react-dnd`](https://github.com/react-dnd/react-dnd). It does an incredible job at providing a great set of drag and drop primitives which work especially well with the [wildly inconsistent](https://www.quirksmode.org/blog/archives/2009/09/the_html5_drag.html) html5 drag and drop feature. `react-beautiful-dnd` is a higher level abstraction specifically built for lists (vertical, horizontal, movement between lists, nested lists and so on). Within that subset of functionality `react-beautiful-dnd` offers a powerful, natural and beautiful drag and drop experience. However, it does not provide the breadth of functionality offered by `react-dnd`. So `react-beautiful-dnd` might not be for you depending on what your use case is.\n\n## Documentation 📖\n\n### About 👋\n\n- [Installation](/docs/about/installation.md)\n- [Examples and samples](/docs/about/examples.md)\n- [Get started](https://egghead.io/courses/beautiful-and-accessible-drag-and-drop-with-react-beautiful-dnd?af=2jc3e4)\n- [Design principles](/docs/about/design-principles.md)\n- [Animations](/docs/about/animations.md)\n- [Accessibility](/docs/about/accessibility.md)\n- [Browser support](/docs/about/browser-support.md)\n\n### Sensors 🔉\n\n> The ways in which somebody can start and control a drag\n\n- [Mouse dragging 🐭](/docs/sensors/mouse.md)\n- [Touch dragging 👉📱](/docs/sensors/touch.md)\n- [Keyboard dragging 🎹♿️](/docs/sensors/keyboard.md)\n- [Create your own sensor](/docs/sensors/sensor-api.md) (allows for any input type as well as scripted experiences)\n\n### API 🏋️‍\n\n![diagram](https://user-images.githubusercontent.com/2182637/53607406-c8f3a780-3c12-11e9-979c-7f3b5bd1bfbd.gif)\n\n- [`<DragDropContext />`](/docs/api/drag-drop-context.md) - _Wraps the part of your application you want to have drag and drop enabled for_\n- [`<Droppable />`](/docs/api/droppable.md) - _An area that can be dropped into. Contains `<Draggable />`s_\n- [`<Draggable />`](/docs/api/draggable.md) - _What can be dragged around_\n- [`resetServerContext()`](/docs/api/reset-server-context.md) - _Utility for server side rendering (SSR)_\n\n### Guides 🗺\n\n- [`<DragDropContext />` responders](/docs/guides/responders.md) - _`onDragStart`, `onDragUpdate`, `onDragEnd` and `onBeforeDragStart`_\n- [Combining `<Draggable />`s](/docs/guides/combining.md)\n- [Common setup issues](/docs/guides/common-setup-issues.md)\n- [Using `innerRef`](/docs/guides/using-inner-ref.md)\n- [Setup problem detection and error recovery](/docs/guides/setup-problem-detection-and-error-recovery.md)\n- [Rules for `draggableId` and `droppableId`s](/docs/guides/identifiers.md)\n- [Browser focus retention](/docs/guides/browser-focus.md)\n- [Customising or skipping the drop animation](/docs/guides/drop-animation.md)\n- [Auto scrolling](/docs/guides/auto-scrolling.md)\n- [Controlling the screen reader](/docs/guides/screen-reader.md)\n- [Use the html5 `doctype`](/docs/guides/doctype.md)\n- [`TypeScript` and `flow`](/docs/guides/types.md)\n- [Dragging `<svg>`s](/docs/guides/dragging-svgs.md)\n- [Avoiding image flickering](/docs/guides/avoiding-image-flickering.md)\n- [Non-visible preset styles](/docs/guides/preset-styles.md)\n- [How we detect scroll containers](/docs/guides/how-we-detect-scroll-containers.md)\n- [How we use dom events](/docs/guides/how-we-use-dom-events.md) - _Useful if you need to build on top of `react-beautiful-dnd`_\n- [Adding `<Draggable />`s during a drag (11.x behaviour)](/docs/guides/changes-while-dragging.md) - _⚠️ Advanced_\n- [Setting up Content Security Policy](/docs/guides/content-security-policy.md)\n\n### Patterns 👷‍\n\n- [Multi drag](/docs/patterns/multi-drag.md)\n- [Tables](/docs/patterns/tables.md)\n- [Reparenting a `<Draggable />`](/docs/guides/reparenting.md) - _Using our cloning API or your own portal_\n\n### Support 👩‍⚕️\n\n- [Engineering health](/docs/support/engineering-health.md)\n- [Community and addons](/docs/support/community-and-addons.md)\n- [Release notes and changelog](https://github.com/atlassian/react-beautiful-dnd/releases)\n- [Upgrading](/docs/support/upgrading.md)\n- [Road map](https://github.com/atlassian/react-beautiful-dnd/issues)\n- [Media](/docs/support/media.md)\n\n## Read this in other languages 🌎\n\n- [![kr](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/South-Korea.png) **한글/Korean**](https://github.com/LeeHyungGeun/react-beautiful-dnd-kr)\n- [![ru](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/Russia.png) **На русском/Russian**](https://github.com/vtereshyn/react-beautiful-dnd-ru)\n- [![pt](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/Brazil.png) **Português/Portuguese**](https://github.com/dudestein/react-beautiful-dnd-pt)\n\n## Author ✍️\n\nAlex Reardon [@alexandereardon](https://twitter.com/alexandereardon)\n\n## Collaborators 🤝\n\n- Bogdan Chadkin [@IAmTrySound](https://twitter.com/IAmTrySound)\n- Luke Batchelor [@alukebatchelor](https://twitter.com/alukebatchelor)\n- Jared Crowe [@jaredjcrowe](https://twitter.com/jaredjcrowe)\n- Many other [@Atlassian](https://twitter.com/Atlassian)'s!\n","gitHead":"9e5ca9dba6bf44457738d13a415f0336a45e922d","scripts":{"test":"jest --config ./jest.config.js","build":"yarn build:clean && yarn build:dist && yarn build:flow","test:ci":"jest test --maxWorkers=2","lint:css":"stylelint \"stories/**/*.{js,jsx}\"","validate":"yarn prettier:check && yarn lint:eslint && yarn lint:css && yarn typecheck","storybook":"start-storybook -p 9002","typecheck":"flow check --max-warnings=0","build:dist":"rollup -c","build:flow":"echo \"// @flow\n\nexport * from '../src';\" > dist/react-beautiful-dnd.cjs.js.flow","build:clean":"rimraf dist","lint:eslint":"yarn eslint \"./**/*.{js,jsx}\"","test:browser":"cypress open","test:coverage":"yarn test --coverage --coveragePathIgnorePatterns=/debug","prepublishOnly":"yarn build","prettier:check":"yarn prettier --debug-check $npm_package_config_prettier_target","prettier:write":"yarn prettier --write $npm_package_config_prettier_target","build-storybook":"build-storybook -c .storybook -o site","test:browser:ci":"cypress run","bundle-size:check":"cross-env SNAPSHOT=match yarn bundle-size:update","bundle-size:update":"yarn build:clean && yarn build:dist && yarn build:clean","test:accessibility":"lighthouse http://localhost:9002/iframe.html?id=single-vertical-list--basic --chrome-flags='--headless' --output=json --output=html --output-path=./test-reports/lighthouse/a11y.json && node a11y-audit-parse.js"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"jest-junit":{"output":"test-reports/junit/js-test-results.xml"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"6.4.1","description":"Beautiful and accessible drag and drop for lists with React","directories":{},"sideEffects":false,"_nodeVersion":"10.15.3","dependencies":{"redux":"^4.0.4","raf-schd":"^4.0.2","memoize-one":"^5.1.1","react-redux":"^7.1.1","use-memo-one":"^1.1.1","css-box-model":"^1.2.0","@babel/runtime-corejs2":"^7.6.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^24.9.0","react":"^16.10.2","enzyme":"^3.10.0","eslint":"6.5.1","globby":"^10.0.1","rimraf":"^3.0.0","rollup":"^1.24.0","cypress":"^3.4.1","webpack":"^4.41.2","flow-bin":"0.109.0","fs-extra":"^8.0.1","prettier":"^1.18.2","raf-stub":"^3.0.0","cross-env":"^6.0.3","react-dom":"^16.10.2","stylelint":"^11.1.1","wait-port":"^0.2.6","babel-core":"^7.0.0-bridge.0","babel-jest":"^24.9.0","jest-junit":"^8.0.0","lighthouse":"^5.6.0","@babel/core":"^7.6.4","markdown-it":"^10.0.0","babel-eslint":"^10.0.3","babel-loader":"^8.0.6","react-window":"^1.8.5","@emotion/core":"^10.0.21","@atlaskit/theme":"^9.2.5","@emotion/styled":"^10.0.17","emotion-theming":"^10.0.19","@storybook/react":"^5.2.4","@babel/preset-env":"^7.6.3","react-virtualized":"^9.21.1","styled-components":"4.4.0","@babel/preset-flow":"^7.0.0","@storybook/theming":"^5.2.4","eslint-plugin-jest":"^22.19.0","rollup-plugin-json":"^4.0.0","@atlaskit/css-reset":"^5.0.9","@babel/preset-react":"^7.6.3","eslint-plugin-react":"^7.16.0","react-test-renderer":"^16.10.2","require-from-string":"^2.0.2","rollup-plugin-babel":"^4.3.3","rollup-plugin-strip":"^1.2.2","babel-plugin-emotion":"^10.0.21","eslint-config-airbnb":"^18.0.1","eslint-plugin-import":"^2.18.2","jest-watch-typeahead":"^0.4.0","rollup-plugin-terser":"^5.1.2","eslint-plugin-cypress":"^2.7.0","eslint-plugin-emotion":"^10.0.14","rollup-plugin-replace":"^2.2.0","@testing-library/react":"^9.3.0","eslint-config-prettier":"^6.4.0","eslint-plugin-flowtype":"^4.3.0","eslint-plugin-jsx-a11y":"^6.2.1","eslint-plugin-prettier":"^3.1.1","rollup-plugin-commonjs":"^10.1.0","enzyme-adapter-react-16":"^1.15.1","eslint-plugin-react-hooks":"^2.1.2","stylelint-config-prettier":"^6.0.0","stylelint-config-standard":"^19.0.0","rollup-plugin-node-resolve":"^5.1.0","babel-plugin-dev-expression":"^0.2.2","rollup-plugin-size-snapshot":"^0.10.0","stylelint-config-recommended":"^3.0.0","@emotion/babel-preset-css-prop":"^10.0.17","@babel/plugin-transform-runtime":"^7.6.2","stylelint-config-styled-components":"^0.1.1","stylelint-processor-styled-components":"^1.8.0","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-transform-modules-commonjs":"^7.6.0"},"peerDependencies":{"react":"^16.8.5"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd_12.0.0-beta.6_1571564710502_0.42842818921534587","host":"s3://npm-registry-packages"}},"12.0.0-beta.7":{"name":"react-beautiful-dnd","version":"12.0.0-beta.7","keywords":["drag and drop","dnd","sortable","reorder","reorderable","react","react.js","natural","beautiful","accessible"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@12.0.0-beta.7","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"},{"name":"jaredcrowe","email":"jared.j.crowe@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"d29897592053bebd12c1469c12b84d642ad6748e","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-12.0.0-beta.7.tgz","fileCount":242,"integrity":"sha512-Nrsde7qxM39zvv5zGxTgHj5x544O0OaRBOMDXpvq7AQlNN8WxSMamz53YMc/gAW8VVW3q5UW6MOVM9p/Mk4jeQ==","signatures":[{"sig":"MEUCIQDVUF/al857x3+tCybz90GwhWZEcV1ma9Vg0A9mZhf/UAIgBgrDfveYq/799wjMbbdUdYKH7K7oH1JRt8aUcTNMitw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1404430,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrC2UCRA9TVsSAnZWagAA2eEP/AhY8Dx+UE132x2EcOsi\nXPNgD9Xm+e+VAEgaRVf7+7CAfw/Qb85oxSLlsezO9Ukq4tSX4tZXMDJAxiBx\n8X07bGarYb57XOxMf9vMelRZ+o6kQgrKZXU4fp9cMHq6+dGFMx6+MU+G653m\nKo8SPtTk87K33+YY/BYmlIXrx97WfJF7+gP3HRpAmfCN52sND1UR3PFjJwnL\nIehkDAX07sWQswpiZTcEL6uFGFYZkqsWOUwod4zi5CMDUIzyq4AMpJdYveh7\nwhIaKuJE7DwbW+xaljEUDNFoTGSGfDTjVt4i978hJcrMPZlg32FsepqXxzZW\ndzRFiiYmaR15R/yFvUlbT6rNixO34k7wl+D4UcV7XFKoHWwAjmbfYKMOWIdL\njgkc++iZ3V9gG1wUA4OLq+QirkcYZIfFKuoKuSNcCuXixnDB1A9EedOSB8KQ\nFzxY3gyJZ0wfU763fN+2lr816nv8xzWfg3SOu6qjo+B6rMlvfEnQj0jm1Ylq\n3moSAYt3XwmBzNvr167MVnfpeC/hC8ao8Ow2knxyhMt/SwMfAxL6R+Zsde+Y\nb0c7XMAFh0/9WNK5j1WIW3wwHV4OzIiYaImu4IYjcRQnPpl/Y6KqTiM+6rEk\na+pTNIpGnASngwAyOFRnD38iTeR5Yf656nd2EjDexKCxaCKSzCXvDF1yyJ9X\nmINO\r\n=slHA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/react-beautiful-dnd.cjs.js","config":{"prettier_target":"*.{js,jsx,md,json} src/**/*.{js,jsx,md,json} test/**/*.{js,jsx,md,json} docs/**/*.{js,jsx,md,json} stories/**/*.{js,jsx,md,json} cypress/**/*.{js,jsx,md,json}"},"module":"dist/react-beautiful-dnd.esm.js","readme":"<p align=\"center\">\n  <img src=\"https://user-images.githubusercontent.com/2182637/53611918-54c1ff80-3c24-11e9-9917-66ac3cef513d.png\" alt=\"react beautiful dnd logo\" />\n</p>\n<h1 align=\"center\">react-beautiful-dnd <small><sup>(rbd)</sup></small></h1>\n\n<div align=\"center\">\n\n**Beautiful** and **accessible** drag and drop for lists with [`React`](https://facebook.github.io/react/)\n\n[![CircleCI branch](https://img.shields.io/circleci/project/github/atlassian/react-beautiful-dnd/master.svg)](https://circleci.com/gh/atlassian/react-beautiful-dnd/tree/master)\n[![npm](https://img.shields.io/npm/v/react-beautiful-dnd.svg)](https://www.npmjs.com/package/react-beautiful-dnd)\n\n![quote application example](https://user-images.githubusercontent.com/2182637/53614150-efbed780-3c2c-11e9-9204-a5d2e746faca.gif)\n\n[Play with this example if you want!](https://react-beautiful-dnd.netlify.com/iframe.html?selectedKind=board&selectedStory=simple)\n\n</div>\n\n## Core characteristics\n\n- Beautiful and [natural movement](/docs/about/animations.md) of items 💐\n- [Accessible](/docs/about/accessibility.md): powerful keyboard and screen reader support ♿️\n- [Extremely performant](/docs/support/media.md) 🚀\n- Clean and powerful api which is simple to get started with\n- Plays extremely well with standard browser interactions\n- [Unopinionated styling](/docs/guides/preset-styles.md)\n- No creation of additional wrapper dom nodes - flexbox and focus management friendly!\n\n## Get started 👩‍🏫\n\nWe have created [a free course on `egghead.io` 🥚](https://egghead.io/courses/beautiful-and-accessible-drag-and-drop-with-react-beautiful-dnd?af=2jc3e4) to help you get started with `react-beautiful-dnd` as quickly as possible.\n\n[![course-logo](https://user-images.githubusercontent.com/2182637/43372837-8c72d3f8-93e8-11e8-9d92-a82adde7718f.png)](https://egghead.io/courses/beautiful-and-accessible-drag-and-drop-with-react-beautiful-dnd?af=2jc3e4)\n\n## Currently supported feature set ✅\n\n- Vertical lists ↕\n- Horizontal lists ↔\n- Movement between lists (▤ ↔ ▤)\n- [Combining items](/docs/guides/combining.md)\n- Mouse 🐭, keyboard 🎹♿️ and touch 👉📱 (mobile, tablet and so on) support\n- [Multi drag support](/docs/patterns/multi-drag.md)\n- Incredible screen reader support ♿️ - we provide an amazing experience for english screen readers out of the box 📦. We also provide complete customisation control and internationalisation support for those who need it 💖\n- [Conditional dragging](/docs/api/draggable.md#optional-props) and [conditional dropping](/docs/api/droppable.md#conditionally-dropping)\n- Multiple independent lists on the one page\n- Flexible item sizes - the draggable items can have different heights (vertical lists) or widths (horizontal lists)\n- [Add and remove items during a drag](/docs/guides/changes-while-dragging.md)\n- Compatible with semantic `<table>` reordering - [table pattern](/docs/patterns/tables.md)\n- [Auto scrolling](/docs/guides/auto-scrolling.md) - automatically scroll containers and the window as required during a drag (even with keyboard 🔥)\n- Custom drag handles - you can drag a whole item by just a part of it\n- Able to move the dragging item to another element while dragging (clone, portal) - [Reparenting your `<Draggable />`](/docs/guides/reparenting.md)\n- [Create scripted drag and drop experiences 🎮](/docs/sensors/sensor-api.md)\n- Allows extensions to support for [any input type you like 🕹](/docs/sensors/sensor-api.md)\n- 🌲 Tree support through the [`@atlaskit/tree`](https://atlaskit.atlassian.com/packages/core/tree) package\n- A `<Droppable />` list can be a scroll container (without a scrollable parent) or be the child of a scroll container (that also does not have a scrollable parent)\n- Independent nested lists - a list can be a child of another list, but you cannot drag items from the parent list into a child list\n- Server side rendering (SSR) compatible - see [resetServerContext()](/docs/api/reset-server-context.md)\n- Plays well with [nested interactive elements](/docs/api/draggable.md#interactive-child-elements-within-a-draggable-) by default\n\n## Motivation 🤔\n\n`react-beautiful-dnd` exists to create beautiful drag and drop for lists that anyone can use - even people who cannot see. For a good overview of the history and motivations of the project you can take a look at these external resources:\n\n- 📖 [Rethinking drag and drop](https://medium.com/@alexandereardon/rethinking-drag-and-drop-d9f5770b4e6b)\n- 🎧 [React podcast: fast, accessible and beautiful drag and drop](https://reactpodcast.simplecast.fm/17)\n\n## Not for everyone ✌️\n\nThere are a lot of libraries out there that allow for drag and drop interactions within React. Most notable of these is the amazing [`react-dnd`](https://github.com/react-dnd/react-dnd). It does an incredible job at providing a great set of drag and drop primitives which work especially well with the [wildly inconsistent](https://www.quirksmode.org/blog/archives/2009/09/the_html5_drag.html) html5 drag and drop feature. `react-beautiful-dnd` is a higher level abstraction specifically built for lists (vertical, horizontal, movement between lists, nested lists and so on). Within that subset of functionality `react-beautiful-dnd` offers a powerful, natural and beautiful drag and drop experience. However, it does not provide the breadth of functionality offered by `react-dnd`. So `react-beautiful-dnd` might not be for you depending on what your use case is.\n\n## Documentation 📖\n\n### About 👋\n\n- [Installation](/docs/about/installation.md)\n- [Examples and samples](/docs/about/examples.md)\n- [Get started](https://egghead.io/courses/beautiful-and-accessible-drag-and-drop-with-react-beautiful-dnd?af=2jc3e4)\n- [Design principles](/docs/about/design-principles.md)\n- [Animations](/docs/about/animations.md)\n- [Accessibility](/docs/about/accessibility.md)\n- [Browser support](/docs/about/browser-support.md)\n\n### Sensors 🔉\n\n> The ways in which somebody can start and control a drag\n\n- [Mouse dragging 🐭](/docs/sensors/mouse.md)\n- [Touch dragging 👉📱](/docs/sensors/touch.md)\n- [Keyboard dragging 🎹♿️](/docs/sensors/keyboard.md)\n- [Create your own sensor](/docs/sensors/sensor-api.md) (allows for any input type as well as scripted experiences)\n\n### API 🏋️‍\n\n![diagram](https://user-images.githubusercontent.com/2182637/53607406-c8f3a780-3c12-11e9-979c-7f3b5bd1bfbd.gif)\n\n- [`<DragDropContext />`](/docs/api/drag-drop-context.md) - _Wraps the part of your application you want to have drag and drop enabled for_\n- [`<Droppable />`](/docs/api/droppable.md) - _An area that can be dropped into. Contains `<Draggable />`s_\n- [`<Draggable />`](/docs/api/draggable.md) - _What can be dragged around_\n- [`resetServerContext()`](/docs/api/reset-server-context.md) - _Utility for server side rendering (SSR)_\n\n### Guides 🗺\n\n- [`<DragDropContext />` responders](/docs/guides/responders.md) - _`onDragStart`, `onDragUpdate`, `onDragEnd` and `onBeforeDragStart`_\n- [Combining `<Draggable />`s](/docs/guides/combining.md)\n- [Common setup issues](/docs/guides/common-setup-issues.md)\n- [Using `innerRef`](/docs/guides/using-inner-ref.md)\n- [Setup problem detection and error recovery](/docs/guides/setup-problem-detection-and-error-recovery.md)\n- [Rules for `draggableId` and `droppableId`s](/docs/guides/identifiers.md)\n- [Browser focus retention](/docs/guides/browser-focus.md)\n- [Customising or skipping the drop animation](/docs/guides/drop-animation.md)\n- [Auto scrolling](/docs/guides/auto-scrolling.md)\n- [Controlling the screen reader](/docs/guides/screen-reader.md)\n- [Use the html5 `doctype`](/docs/guides/doctype.md)\n- [`TypeScript` and `flow`](/docs/guides/types.md)\n- [Dragging `<svg>`s](/docs/guides/dragging-svgs.md)\n- [Avoiding image flickering](/docs/guides/avoiding-image-flickering.md)\n- [Non-visible preset styles](/docs/guides/preset-styles.md)\n- [How we detect scroll containers](/docs/guides/how-we-detect-scroll-containers.md)\n- [How we use dom events](/docs/guides/how-we-use-dom-events.md) - _Useful if you need to build on top of `react-beautiful-dnd`_\n- [Adding `<Draggable />`s during a drag (11.x behaviour)](/docs/guides/changes-while-dragging.md) - _⚠️ Advanced_\n- [Setting up Content Security Policy](/docs/guides/content-security-policy.md)\n\n### Patterns 👷‍\n\n- [Multi drag](/docs/patterns/multi-drag.md)\n- [Tables](/docs/patterns/tables.md)\n- [Reparenting a `<Draggable />`](/docs/guides/reparenting.md) - _Using our cloning API or your own portal_\n\n### Support 👩‍⚕️\n\n- [Engineering health](/docs/support/engineering-health.md)\n- [Community and addons](/docs/support/community-and-addons.md)\n- [Release notes and changelog](https://github.com/atlassian/react-beautiful-dnd/releases)\n- [Upgrading](/docs/support/upgrading.md)\n- [Road map](https://github.com/atlassian/react-beautiful-dnd/issues)\n- [Media](/docs/support/media.md)\n\n## Read this in other languages 🌎\n\n- [![kr](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/South-Korea.png) **한글/Korean**](https://github.com/LeeHyungGeun/react-beautiful-dnd-kr)\n- [![ru](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/Russia.png) **На русском/Russian**](https://github.com/vtereshyn/react-beautiful-dnd-ru)\n- [![pt](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/Brazil.png) **Português/Portuguese**](https://github.com/dudestein/react-beautiful-dnd-pt)\n\n## Author ✍️\n\nAlex Reardon [@alexandereardon](https://twitter.com/alexandereardon)\n\n## Collaborators 🤝\n\n- Bogdan Chadkin [@IAmTrySound](https://twitter.com/IAmTrySound)\n- Luke Batchelor [@alukebatchelor](https://twitter.com/alukebatchelor)\n- Jared Crowe [@jaredjcrowe](https://twitter.com/jaredjcrowe)\n- Many other [@Atlassian](https://twitter.com/Atlassian)'s!\n","gitHead":"5b56a579324772cd50cbaa2480c11156b1c1b3d9","scripts":{"test":"jest --config ./jest.config.js","build":"yarn build:clean && yarn build:dist && yarn build:flow","test:ci":"jest test --maxWorkers=2","lint:css":"stylelint \"stories/**/*.{js,jsx}\"","validate":"yarn prettier:check && yarn lint:eslint && yarn lint:css && yarn typecheck","storybook":"start-storybook -p 9002","typecheck":"flow check --max-warnings=0","build:dist":"rollup -c","build:flow":"echo \"// @flow\n\nexport * from '../src';\" > dist/react-beautiful-dnd.cjs.js.flow","build:clean":"rimraf dist","lint:eslint":"yarn eslint \"./**/*.{js,jsx}\"","test:browser":"cypress open","test:coverage":"yarn test --coverage --coveragePathIgnorePatterns=/debug","prepublishOnly":"yarn build","prettier:check":"yarn prettier --debug-check $npm_package_config_prettier_target","prettier:write":"yarn prettier --write $npm_package_config_prettier_target","build-storybook":"build-storybook -c .storybook -o site","test:browser:ci":"cypress run","bundle-size:check":"cross-env SNAPSHOT=match yarn bundle-size:update","bundle-size:update":"yarn build:clean && yarn build:dist && yarn build:clean","test:accessibility":"lighthouse http://localhost:9002/iframe.html?id=single-vertical-list--basic --chrome-flags='--headless' --output=json --output=html --output-path=./test-reports/lighthouse/a11y.json && node a11y-audit-parse.js"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"jest-junit":{"output":"test-reports/junit/js-test-results.xml"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"6.4.1","description":"Beautiful and accessible drag and drop for lists with React","directories":{},"sideEffects":false,"_nodeVersion":"10.15.3","dependencies":{"redux":"^4.0.4","raf-schd":"^4.0.2","memoize-one":"^5.1.1","react-redux":"^7.1.1","use-memo-one":"^1.1.1","css-box-model":"^1.2.0","@babel/runtime-corejs2":"^7.6.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^24.9.0","react":"^16.10.2","enzyme":"^3.10.0","eslint":"6.5.1","globby":"^10.0.1","rimraf":"^3.0.0","rollup":"^1.24.0","cypress":"^3.4.1","webpack":"^4.41.2","flow-bin":"0.109.0","fs-extra":"^8.0.1","prettier":"^1.18.2","raf-stub":"^3.0.0","cross-env":"^6.0.3","react-dom":"^16.10.2","stylelint":"^11.1.1","wait-port":"^0.2.6","babel-core":"^7.0.0-bridge.0","babel-jest":"^24.9.0","jest-junit":"^8.0.0","lighthouse":"^5.6.0","@babel/core":"^7.6.4","markdown-it":"^10.0.0","babel-eslint":"^10.0.3","babel-loader":"^8.0.6","react-window":"^1.8.5","@emotion/core":"^10.0.21","@atlaskit/theme":"^9.2.5","@emotion/styled":"^10.0.17","emotion-theming":"^10.0.19","@storybook/react":"^5.2.4","@babel/preset-env":"^7.6.3","react-virtualized":"^9.21.1","styled-components":"4.4.0","@babel/preset-flow":"^7.0.0","@storybook/theming":"^5.2.4","eslint-plugin-jest":"^22.19.0","rollup-plugin-json":"^4.0.0","@atlaskit/css-reset":"^5.0.9","@babel/preset-react":"^7.6.3","eslint-plugin-react":"^7.16.0","react-test-renderer":"^16.10.2","require-from-string":"^2.0.2","rollup-plugin-babel":"^4.3.3","rollup-plugin-strip":"^1.2.2","babel-plugin-emotion":"^10.0.21","eslint-config-airbnb":"^18.0.1","eslint-plugin-import":"^2.18.2","jest-watch-typeahead":"^0.4.0","rollup-plugin-terser":"^5.1.2","eslint-plugin-cypress":"^2.7.0","eslint-plugin-emotion":"^10.0.14","rollup-plugin-replace":"^2.2.0","@testing-library/react":"^9.3.0","eslint-config-prettier":"^6.4.0","eslint-plugin-flowtype":"^4.3.0","eslint-plugin-jsx-a11y":"^6.2.1","eslint-plugin-prettier":"^3.1.1","rollup-plugin-commonjs":"^10.1.0","enzyme-adapter-react-16":"^1.15.1","eslint-plugin-react-hooks":"^2.1.2","stylelint-config-prettier":"^6.0.0","stylelint-config-standard":"^19.0.0","rollup-plugin-node-resolve":"^5.1.0","babel-plugin-dev-expression":"^0.2.2","rollup-plugin-size-snapshot":"^0.10.0","stylelint-config-recommended":"^3.0.0","@emotion/babel-preset-css-prop":"^10.0.17","@babel/plugin-transform-runtime":"^7.6.2","stylelint-config-styled-components":"^0.1.1","stylelint-processor-styled-components":"^1.8.0","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-transform-modules-commonjs":"^7.6.0"},"peerDependencies":{"react":"^16.8.5"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd_12.0.0-beta.7_1571564947754_0.16950388570467312","host":"s3://npm-registry-packages"}},"12.0.0-beta.8":{"name":"react-beautiful-dnd","version":"12.0.0-beta.8","keywords":["drag and drop","dnd","sortable","reorder","reorderable","react","react.js","natural","beautiful","accessible"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@12.0.0-beta.8","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"},{"name":"jaredcrowe","email":"jared.j.crowe@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"889a6ddc1aabb64fdc6f86c440eeeface7de5049","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-12.0.0-beta.8.tgz","fileCount":242,"integrity":"sha512-2OfqUXdBCQMY1eMi21Wt0Vn0za+l/mRqZZ/dVYpFFmZn4EADKv+xbrXl83pZJ57cmrKdr+6q8DWDIQ0D4LX8hw==","signatures":[{"sig":"MEUCIQDII3QgTd5IytVoCF0USkoz7Qn4xemLTTGR8QMdxi2qswIgOkOrHvJH6uFzQ7kCRlkuJcsOSNnWWg9bi7r/HLY80Es=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1404588,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrogiCRA9TVsSAnZWagAA8uIP+QBGZ2p6dkL45VQRPCQn\n4fX7hzhjFRxYArY9YdZeWT3EdpU422FgDApxbGPyFEUQ9itIQcTarbOYHMaX\nhDM/teJxpJVTBmiH5Mc6RCvB0lx9Y6K2uNF8YYnvPmgfFLPCDdBnkUQms79Z\ndQpOlnX92Ww06cZn5Zz0WBezNGJxxffd5Ythmj+6apOnAUESIzwXDoC5vDoA\nGA1n1d7ri3DSYnyW5R1DQW55tsr6r7D+lws+gyRnBYNZLEjetkATNTX6zjTu\n0oGvOHC4iHNPDIszaL3f8Vb0vHwTYDz+FqsLhYRFSL4hixAQEvtrGfmhD5Dz\nlHyHG2DP+AmXzdoHLgtDQcFd90WIwflv7PlMWMOJvqamMSJ6mMiI+QRBcMkm\n5HYLoSm9KyOTKZRt2uPF6QB06SG9Ht+Kqz45UCu0TdZWEQzNQR5WJLTn0IAu\nGgaSKgjDk2frE1TnJv548L0t4vVVPaVtZrKNvFuRonhk6b+2M4tEYBngWh4D\n1tYLU8wHwR5CrxkWfoph3Zr3ZnyhfdPWON2DB+Rc0jzPdO8Was8Fca60LELr\nS0qfqiv/Nhu2yp87QCVa5gFxphnvDDJYhSkCYKAmCLpEok3xmYjog10tE6ag\nSXvfbLYROvDGViZbdbU7lFq72678RVszXtBBDcJIpxAQJtQChPKyi26SiOWE\nBX9W\r\n=AqeG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/react-beautiful-dnd.cjs.js","config":{"prettier_target":"*.{js,jsx,md,json} src/**/*.{js,jsx,md,json} test/**/*.{js,jsx,md,json} docs/**/*.{js,jsx,md,json} stories/**/*.{js,jsx,md,json} cypress/**/*.{js,jsx,md,json}"},"module":"dist/react-beautiful-dnd.esm.js","readme":"<p align=\"center\">\n  <img src=\"https://user-images.githubusercontent.com/2182637/53611918-54c1ff80-3c24-11e9-9917-66ac3cef513d.png\" alt=\"react beautiful dnd logo\" />\n</p>\n<h1 align=\"center\">react-beautiful-dnd <small><sup>(rbd)</sup></small></h1>\n\n<div align=\"center\">\n\n**Beautiful** and **accessible** drag and drop for lists with [`React`](https://facebook.github.io/react/)\n\n[![CircleCI branch](https://img.shields.io/circleci/project/github/atlassian/react-beautiful-dnd/master.svg)](https://circleci.com/gh/atlassian/react-beautiful-dnd/tree/master)\n[![npm](https://img.shields.io/npm/v/react-beautiful-dnd.svg)](https://www.npmjs.com/package/react-beautiful-dnd)\n\n![quote application example](https://user-images.githubusercontent.com/2182637/53614150-efbed780-3c2c-11e9-9204-a5d2e746faca.gif)\n\n[Play with this example if you want!](https://react-beautiful-dnd.netlify.com/iframe.html?selectedKind=board&selectedStory=simple)\n\n</div>\n\n## Core characteristics\n\n- Beautiful and [natural movement](/docs/about/animations.md) of items 💐\n- [Accessible](/docs/about/accessibility.md): powerful keyboard and screen reader support ♿️\n- [Extremely performant](/docs/support/media.md) 🚀\n- Clean and powerful api which is simple to get started with\n- Plays extremely well with standard browser interactions\n- [Unopinionated styling](/docs/guides/preset-styles.md)\n- No creation of additional wrapper dom nodes - flexbox and focus management friendly!\n\n## Get started 👩‍🏫\n\nWe have created [a free course on `egghead.io` 🥚](https://egghead.io/courses/beautiful-and-accessible-drag-and-drop-with-react-beautiful-dnd?af=2jc3e4) to help you get started with `react-beautiful-dnd` as quickly as possible.\n\n[![course-logo](https://user-images.githubusercontent.com/2182637/43372837-8c72d3f8-93e8-11e8-9d92-a82adde7718f.png)](https://egghead.io/courses/beautiful-and-accessible-drag-and-drop-with-react-beautiful-dnd?af=2jc3e4)\n\n## Currently supported feature set ✅\n\n- Vertical lists ↕\n- Horizontal lists ↔\n- Movement between lists (▤ ↔ ▤)\n- [Combining items](/docs/guides/combining.md)\n- Mouse 🐭, keyboard 🎹♿️ and touch 👉📱 (mobile, tablet and so on) support\n- [Multi drag support](/docs/patterns/multi-drag.md)\n- Incredible screen reader support ♿️ - we provide an amazing experience for english screen readers out of the box 📦. We also provide complete customisation control and internationalisation support for those who need it 💖\n- [Conditional dragging](/docs/api/draggable.md#optional-props) and [conditional dropping](/docs/api/droppable.md#conditionally-dropping)\n- Multiple independent lists on the one page\n- Flexible item sizes - the draggable items can have different heights (vertical lists) or widths (horizontal lists)\n- [Add and remove items during a drag](/docs/guides/changes-while-dragging.md)\n- Compatible with semantic `<table>` reordering - [table pattern](/docs/patterns/tables.md)\n- [Auto scrolling](/docs/guides/auto-scrolling.md) - automatically scroll containers and the window as required during a drag (even with keyboard 🔥)\n- Custom drag handles - you can drag a whole item by just a part of it\n- Able to move the dragging item to another element while dragging (clone, portal) - [Reparenting your `<Draggable />`](/docs/guides/reparenting.md)\n- [Create scripted drag and drop experiences 🎮](/docs/sensors/sensor-api.md)\n- Allows extensions to support for [any input type you like 🕹](/docs/sensors/sensor-api.md)\n- 🌲 Tree support through the [`@atlaskit/tree`](https://atlaskit.atlassian.com/packages/core/tree) package\n- A `<Droppable />` list can be a scroll container (without a scrollable parent) or be the child of a scroll container (that also does not have a scrollable parent)\n- Independent nested lists - a list can be a child of another list, but you cannot drag items from the parent list into a child list\n- Server side rendering (SSR) compatible - see [resetServerContext()](/docs/api/reset-server-context.md)\n- Plays well with [nested interactive elements](/docs/api/draggable.md#interactive-child-elements-within-a-draggable-) by default\n\n## Motivation 🤔\n\n`react-beautiful-dnd` exists to create beautiful drag and drop for lists that anyone can use - even people who cannot see. For a good overview of the history and motivations of the project you can take a look at these external resources:\n\n- 📖 [Rethinking drag and drop](https://medium.com/@alexandereardon/rethinking-drag-and-drop-d9f5770b4e6b)\n- 🎧 [React podcast: fast, accessible and beautiful drag and drop](https://reactpodcast.simplecast.fm/17)\n\n## Not for everyone ✌️\n\nThere are a lot of libraries out there that allow for drag and drop interactions within React. Most notable of these is the amazing [`react-dnd`](https://github.com/react-dnd/react-dnd). It does an incredible job at providing a great set of drag and drop primitives which work especially well with the [wildly inconsistent](https://www.quirksmode.org/blog/archives/2009/09/the_html5_drag.html) html5 drag and drop feature. `react-beautiful-dnd` is a higher level abstraction specifically built for lists (vertical, horizontal, movement between lists, nested lists and so on). Within that subset of functionality `react-beautiful-dnd` offers a powerful, natural and beautiful drag and drop experience. However, it does not provide the breadth of functionality offered by `react-dnd`. So `react-beautiful-dnd` might not be for you depending on what your use case is.\n\n## Documentation 📖\n\n### About 👋\n\n- [Installation](/docs/about/installation.md)\n- [Examples and samples](/docs/about/examples.md)\n- [Get started](https://egghead.io/courses/beautiful-and-accessible-drag-and-drop-with-react-beautiful-dnd?af=2jc3e4)\n- [Design principles](/docs/about/design-principles.md)\n- [Animations](/docs/about/animations.md)\n- [Accessibility](/docs/about/accessibility.md)\n- [Browser support](/docs/about/browser-support.md)\n\n### Sensors 🔉\n\n> The ways in which somebody can start and control a drag\n\n- [Mouse dragging 🐭](/docs/sensors/mouse.md)\n- [Touch dragging 👉📱](/docs/sensors/touch.md)\n- [Keyboard dragging 🎹♿️](/docs/sensors/keyboard.md)\n- [Create your own sensor](/docs/sensors/sensor-api.md) (allows for any input type as well as scripted experiences)\n\n### API 🏋️‍\n\n![diagram](https://user-images.githubusercontent.com/2182637/53607406-c8f3a780-3c12-11e9-979c-7f3b5bd1bfbd.gif)\n\n- [`<DragDropContext />`](/docs/api/drag-drop-context.md) - _Wraps the part of your application you want to have drag and drop enabled for_\n- [`<Droppable />`](/docs/api/droppable.md) - _An area that can be dropped into. Contains `<Draggable />`s_\n- [`<Draggable />`](/docs/api/draggable.md) - _What can be dragged around_\n- [`resetServerContext()`](/docs/api/reset-server-context.md) - _Utility for server side rendering (SSR)_\n\n### Guides 🗺\n\n- [`<DragDropContext />` responders](/docs/guides/responders.md) - _`onDragStart`, `onDragUpdate`, `onDragEnd` and `onBeforeDragStart`_\n- [Combining `<Draggable />`s](/docs/guides/combining.md)\n- [Common setup issues](/docs/guides/common-setup-issues.md)\n- [Using `innerRef`](/docs/guides/using-inner-ref.md)\n- [Setup problem detection and error recovery](/docs/guides/setup-problem-detection-and-error-recovery.md)\n- [Rules for `draggableId` and `droppableId`s](/docs/guides/identifiers.md)\n- [Browser focus retention](/docs/guides/browser-focus.md)\n- [Customising or skipping the drop animation](/docs/guides/drop-animation.md)\n- [Auto scrolling](/docs/guides/auto-scrolling.md)\n- [Controlling the screen reader](/docs/guides/screen-reader.md)\n- [Use the html5 `doctype`](/docs/guides/doctype.md)\n- [`TypeScript` and `flow`](/docs/guides/types.md)\n- [Dragging `<svg>`s](/docs/guides/dragging-svgs.md)\n- [Avoiding image flickering](/docs/guides/avoiding-image-flickering.md)\n- [Non-visible preset styles](/docs/guides/preset-styles.md)\n- [How we detect scroll containers](/docs/guides/how-we-detect-scroll-containers.md)\n- [How we use dom events](/docs/guides/how-we-use-dom-events.md) - _Useful if you need to build on top of `react-beautiful-dnd`_\n- [Adding `<Draggable />`s during a drag (11.x behaviour)](/docs/guides/changes-while-dragging.md) - _⚠️ Advanced_\n- [Setting up Content Security Policy](/docs/guides/content-security-policy.md)\n\n### Patterns 👷‍\n\n- [Multi drag](/docs/patterns/multi-drag.md)\n- [Tables](/docs/patterns/tables.md)\n- [Reparenting a `<Draggable />`](/docs/guides/reparenting.md) - _Using our cloning API or your own portal_\n\n### Support 👩‍⚕️\n\n- [Engineering health](/docs/support/engineering-health.md)\n- [Community and addons](/docs/support/community-and-addons.md)\n- [Release notes and changelog](https://github.com/atlassian/react-beautiful-dnd/releases)\n- [Upgrading](/docs/support/upgrading.md)\n- [Road map](https://github.com/atlassian/react-beautiful-dnd/issues)\n- [Media](/docs/support/media.md)\n\n## Read this in other languages 🌎\n\n- [![kr](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/South-Korea.png) **한글/Korean**](https://github.com/LeeHyungGeun/react-beautiful-dnd-kr)\n- [![ru](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/Russia.png) **На русском/Russian**](https://github.com/vtereshyn/react-beautiful-dnd-ru)\n- [![pt](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/Brazil.png) **Português/Portuguese**](https://github.com/dudestein/react-beautiful-dnd-pt)\n\n## Author ✍️\n\nAlex Reardon [@alexandereardon](https://twitter.com/alexandereardon)\n\n## Collaborators 🤝\n\n- Bogdan Chadkin [@IAmTrySound](https://twitter.com/IAmTrySound)\n- Luke Batchelor [@alukebatchelor](https://twitter.com/alukebatchelor)\n- Jared Crowe [@jaredjcrowe](https://twitter.com/jaredjcrowe)\n- Many other [@Atlassian](https://twitter.com/Atlassian)'s!\n","gitHead":"aaba36b8e0d83674fe3ae870d397e044788e725d","scripts":{"test":"jest --config ./jest.config.js","build":"yarn build:clean && yarn build:dist && yarn build:flow","test:ci":"jest test --maxWorkers=2","lint:css":"stylelint \"stories/**/*.{js,jsx}\"","validate":"yarn prettier:check && yarn lint:eslint && yarn lint:css && yarn typecheck","storybook":"start-storybook -p 9002","typecheck":"flow check --max-warnings=0","build:dist":"rollup -c","build:flow":"echo \"// @flow\n\nexport * from '../src';\" > dist/react-beautiful-dnd.cjs.js.flow","build:clean":"rimraf dist","lint:eslint":"yarn eslint \"./**/*.{js,jsx}\"","test:browser":"cypress open","test:coverage":"yarn test --coverage --coveragePathIgnorePatterns=/debug","prepublishOnly":"yarn build","prettier:check":"yarn prettier --debug-check $npm_package_config_prettier_target","prettier:write":"yarn prettier --write $npm_package_config_prettier_target","build-storybook":"build-storybook -c .storybook -o site","test:browser:ci":"cypress run","bundle-size:check":"cross-env SNAPSHOT=match yarn bundle-size:update","bundle-size:update":"yarn build:clean && yarn build:dist && yarn build:clean","test:accessibility":"lighthouse http://localhost:9002/iframe.html?id=single-vertical-list--basic --chrome-flags='--headless' --output=json --output=html --output-path=./test-reports/lighthouse/a11y.json && node a11y-audit-parse.js"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"jest-junit":{"output":"test-reports/junit/js-test-results.xml"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"6.4.1","description":"Beautiful and accessible drag and drop for lists with React","directories":{},"sideEffects":false,"_nodeVersion":"10.15.3","dependencies":{"redux":"^4.0.4","raf-schd":"^4.0.2","memoize-one":"^5.1.1","react-redux":"^7.1.1","use-memo-one":"^1.1.1","css-box-model":"^1.2.0","@babel/runtime-corejs2":"^7.6.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^24.9.0","react":"^16.10.2","enzyme":"^3.10.0","eslint":"6.5.1","globby":"^10.0.1","rimraf":"^3.0.0","rollup":"^1.24.0","cypress":"^3.4.1","webpack":"^4.41.2","flow-bin":"0.109.0","fs-extra":"^8.0.1","prettier":"^1.18.2","raf-stub":"^3.0.0","cross-env":"^6.0.3","react-dom":"^16.10.2","stylelint":"^11.1.1","wait-port":"^0.2.6","babel-core":"^7.0.0-bridge.0","babel-jest":"^24.9.0","jest-junit":"^8.0.0","lighthouse":"^5.6.0","@babel/core":"^7.6.4","markdown-it":"^10.0.0","babel-eslint":"^10.0.3","babel-loader":"^8.0.6","react-window":"^1.8.5","@emotion/core":"^10.0.21","@atlaskit/theme":"^9.2.5","@emotion/styled":"^10.0.17","emotion-theming":"^10.0.19","@storybook/react":"^5.2.4","@babel/preset-env":"^7.6.3","react-virtualized":"^9.21.1","styled-components":"4.4.0","@babel/preset-flow":"^7.0.0","@storybook/theming":"^5.2.4","eslint-plugin-jest":"^22.19.0","rollup-plugin-json":"^4.0.0","@atlaskit/css-reset":"^5.0.9","@babel/preset-react":"^7.6.3","eslint-plugin-react":"^7.16.0","react-test-renderer":"^16.10.2","require-from-string":"^2.0.2","rollup-plugin-babel":"^4.3.3","rollup-plugin-strip":"^1.2.2","babel-plugin-emotion":"^10.0.21","eslint-config-airbnb":"^18.0.1","eslint-plugin-import":"^2.18.2","jest-watch-typeahead":"^0.4.0","rollup-plugin-terser":"^5.1.2","eslint-plugin-cypress":"^2.7.0","eslint-plugin-emotion":"^10.0.14","rollup-plugin-replace":"^2.2.0","@testing-library/react":"^9.3.0","eslint-config-prettier":"^6.4.0","eslint-plugin-flowtype":"^4.3.0","eslint-plugin-jsx-a11y":"^6.2.1","eslint-plugin-prettier":"^3.1.1","rollup-plugin-commonjs":"^10.1.0","enzyme-adapter-react-16":"^1.15.1","eslint-plugin-react-hooks":"^2.1.2","stylelint-config-prettier":"^6.0.0","stylelint-config-standard":"^19.0.0","rollup-plugin-node-resolve":"^5.1.0","babel-plugin-dev-expression":"^0.2.2","rollup-plugin-size-snapshot":"^0.10.0","stylelint-config-recommended":"^3.0.0","@emotion/babel-preset-css-prop":"^10.0.17","@babel/plugin-transform-runtime":"^7.6.2","stylelint-config-styled-components":"^0.1.1","stylelint-processor-styled-components":"^1.8.0","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-transform-modules-commonjs":"^7.6.0"},"peerDependencies":{"react":"^16.8.5"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd_12.0.0-beta.8_1571719202092_0.0026709222458805026","host":"s3://npm-registry-packages"}},"12.0.0-beta.9":{"name":"react-beautiful-dnd","version":"12.0.0-beta.9","keywords":["drag and drop","dnd","sortable","reorder","reorderable","react","react.js","natural","beautiful","accessible"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@12.0.0-beta.9","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"},{"name":"jaredcrowe","email":"jared.j.crowe@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"c51c2c1e297fc58a57ba4f0982b89b046453c18d","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-12.0.0-beta.9.tgz","fileCount":242,"integrity":"sha512-SuL+sJIfFeecWnbqVDSzcq/IoD+27Z449i7LHYZUfa+RxZTgrKmm0Ujig3LsbuTfBYRUHrqFxj4BC1lVSJQ9Cw==","signatures":[{"sig":"MEQCIBcGkYoe4IZ9YOBxNaHe4OJhwttJTmFMjv5Y7x+skgTmAiA83WkH0iRA6uaf0yrbAnEFXJDITXodTIAWxdHNnCmT8g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1407453,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdr5PoCRA9TVsSAnZWagAAw8UP/jFKHuBHmFo691ZQLQf5\nIrD7CaYIH+kbRPBVjQykrN9FFO7L7k0TnZlUgpkChwEcHq90uOStpFqzqXl8\nqTvQ2MCNmGfYOjAKhBET4o03iLNjbPE7d39oLRUssqp5qc5lme8ssKYAyNTD\nZDs3H073En0XVosx13XT2ApZZIhRPZPBdUxHXnqqmxFj+oQERcIZ8N6ObV1J\neGIAgdBMd+AVLdrGv99hYhEQqSlcjp5SbWFOBF58hqxpAIfU0y8e1mtUQF+a\nlIzEoVZt58sf/PYXYPP0x8GXo/AzdvpOuDMWdCy08vYOKlaqXXZGSZwKZ5/f\nGkUZLl8rCr9Yw+D/zAYkptf2r5ZZOiZp5VeSUrh/Mx+g5M6oLTlgV5Uu5oca\n8vvXDmi6z3p0hwTmzzD0yLYU/718Vpzkoe4mZ8vsiKtr+NGCBMgH5FVEOgch\nADJXAZt859t4jL6ojz+exu0fjD83RuU8KMh1doUBgQZr8yUFqsZt2mgtQwit\ny6HXh6U0VpQjeN0iA0IwnArJmWAQhZtfQ2INHAwZ0+/EYd0phua7fPQwWBq8\nJCqRlj1YrgA1szts0meaG4PzUqcp+UAISCkPMeReoqI+wdvNjxpYhdp1khEZ\nXvG7XJmMClv6UCjKseklVWyfRz5FRtrHwKayIGCPy9+9goZfT1mjAHzYnqE6\nSwEH\r\n=rFaR\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/react-beautiful-dnd.cjs.js","config":{"prettier_target":"*.{js,jsx,md,json} src/**/*.{js,jsx,md,json} test/**/*.{js,jsx,md,json} docs/**/*.{js,jsx,md,json} stories/**/*.{js,jsx,md,json} cypress/**/*.{js,jsx,md,json}"},"module":"dist/react-beautiful-dnd.esm.js","readme":"<p align=\"center\">\n  <img src=\"https://user-images.githubusercontent.com/2182637/53611918-54c1ff80-3c24-11e9-9917-66ac3cef513d.png\" alt=\"react beautiful dnd logo\" />\n</p>\n<h1 align=\"center\">react-beautiful-dnd <small><sup>(rbd)</sup></small></h1>\n\n<div align=\"center\">\n\n**Beautiful** and **accessible** drag and drop for lists with [`React`](https://facebook.github.io/react/)\n\n[![CircleCI branch](https://img.shields.io/circleci/project/github/atlassian/react-beautiful-dnd/master.svg)](https://circleci.com/gh/atlassian/react-beautiful-dnd/tree/master)\n[![npm](https://img.shields.io/npm/v/react-beautiful-dnd.svg)](https://www.npmjs.com/package/react-beautiful-dnd)\n\n![quote application example](https://user-images.githubusercontent.com/2182637/53614150-efbed780-3c2c-11e9-9204-a5d2e746faca.gif)\n\n[Play with this example if you want!](https://react-beautiful-dnd.netlify.com/iframe.html?selectedKind=board&selectedStory=simple)\n\n</div>\n\n## Core characteristics\n\n- Beautiful and [natural movement](/docs/about/animations.md) of items 💐\n- [Accessible](/docs/about/accessibility.md): powerful keyboard and screen reader support ♿️\n- [Extremely performant](/docs/support/media.md) 🚀\n- Clean and powerful api which is simple to get started with\n- Plays extremely well with standard browser interactions\n- [Unopinionated styling](/docs/guides/preset-styles.md)\n- No creation of additional wrapper dom nodes - flexbox and focus management friendly!\n\n## Get started 👩‍🏫\n\nWe have created [a free course on `egghead.io` 🥚](https://egghead.io/courses/beautiful-and-accessible-drag-and-drop-with-react-beautiful-dnd?af=2jc3e4) to help you get started with `react-beautiful-dnd` as quickly as possible.\n\n[![course-logo](https://user-images.githubusercontent.com/2182637/43372837-8c72d3f8-93e8-11e8-9d92-a82adde7718f.png)](https://egghead.io/courses/beautiful-and-accessible-drag-and-drop-with-react-beautiful-dnd?af=2jc3e4)\n\n## Currently supported feature set ✅\n\n- Vertical lists ↕\n- Horizontal lists ↔\n- Movement between lists (▤ ↔ ▤)\n- [Combining items](/docs/guides/combining.md)\n- Mouse 🐭, keyboard 🎹♿️ and touch 👉📱 (mobile, tablet and so on) support\n- [Multi drag support](/docs/patterns/multi-drag.md)\n- Incredible screen reader support ♿️ - we provide an amazing experience for english screen readers out of the box 📦. We also provide complete customisation control and internationalisation support for those who need it 💖\n- [Conditional dragging](/docs/api/draggable.md#optional-props) and [conditional dropping](/docs/api/droppable.md#conditionally-dropping)\n- Multiple independent lists on the one page\n- Flexible item sizes - the draggable items can have different heights (vertical lists) or widths (horizontal lists)\n- [Add and remove items during a drag](/docs/guides/changes-while-dragging.md)\n- Compatible with semantic `<table>` reordering - [table pattern](/docs/patterns/tables.md)\n- [Auto scrolling](/docs/guides/auto-scrolling.md) - automatically scroll containers and the window as required during a drag (even with keyboard 🔥)\n- Custom drag handles - you can drag a whole item by just a part of it\n- Able to move the dragging item to another element while dragging (clone, portal) - [Reparenting your `<Draggable />`](/docs/guides/reparenting.md)\n- [Create scripted drag and drop experiences 🎮](/docs/sensors/sensor-api.md)\n- Allows extensions to support for [any input type you like 🕹](/docs/sensors/sensor-api.md)\n- 🌲 Tree support through the [`@atlaskit/tree`](https://atlaskit.atlassian.com/packages/core/tree) package\n- A `<Droppable />` list can be a scroll container (without a scrollable parent) or be the child of a scroll container (that also does not have a scrollable parent)\n- Independent nested lists - a list can be a child of another list, but you cannot drag items from the parent list into a child list\n- Server side rendering (SSR) compatible - see [resetServerContext()](/docs/api/reset-server-context.md)\n- Plays well with [nested interactive elements](/docs/api/draggable.md#interactive-child-elements-within-a-draggable-) by default\n\n## Motivation 🤔\n\n`react-beautiful-dnd` exists to create beautiful drag and drop for lists that anyone can use - even people who cannot see. For a good overview of the history and motivations of the project you can take a look at these external resources:\n\n- 📖 [Rethinking drag and drop](https://medium.com/@alexandereardon/rethinking-drag-and-drop-d9f5770b4e6b)\n- 🎧 [React podcast: fast, accessible and beautiful drag and drop](https://reactpodcast.simplecast.fm/17)\n\n## Not for everyone ✌️\n\nThere are a lot of libraries out there that allow for drag and drop interactions within React. Most notable of these is the amazing [`react-dnd`](https://github.com/react-dnd/react-dnd). It does an incredible job at providing a great set of drag and drop primitives which work especially well with the [wildly inconsistent](https://www.quirksmode.org/blog/archives/2009/09/the_html5_drag.html) html5 drag and drop feature. `react-beautiful-dnd` is a higher level abstraction specifically built for lists (vertical, horizontal, movement between lists, nested lists and so on). Within that subset of functionality `react-beautiful-dnd` offers a powerful, natural and beautiful drag and drop experience. However, it does not provide the breadth of functionality offered by `react-dnd`. So `react-beautiful-dnd` might not be for you depending on what your use case is.\n\n## Documentation 📖\n\n### About 👋\n\n- [Installation](/docs/about/installation.md)\n- [Examples and samples](/docs/about/examples.md)\n- [Get started](https://egghead.io/courses/beautiful-and-accessible-drag-and-drop-with-react-beautiful-dnd?af=2jc3e4)\n- [Design principles](/docs/about/design-principles.md)\n- [Animations](/docs/about/animations.md)\n- [Accessibility](/docs/about/accessibility.md)\n- [Browser support](/docs/about/browser-support.md)\n\n### Sensors 🔉\n\n> The ways in which somebody can start and control a drag\n\n- [Mouse dragging 🐭](/docs/sensors/mouse.md)\n- [Touch dragging 👉📱](/docs/sensors/touch.md)\n- [Keyboard dragging 🎹♿️](/docs/sensors/keyboard.md)\n- [Create your own sensor](/docs/sensors/sensor-api.md) (allows for any input type as well as scripted experiences)\n\n### API 🏋️‍\n\n![diagram](https://user-images.githubusercontent.com/2182637/53607406-c8f3a780-3c12-11e9-979c-7f3b5bd1bfbd.gif)\n\n- [`<DragDropContext />`](/docs/api/drag-drop-context.md) - _Wraps the part of your application you want to have drag and drop enabled for_\n- [`<Droppable />`](/docs/api/droppable.md) - _An area that can be dropped into. Contains `<Draggable />`s_\n- [`<Draggable />`](/docs/api/draggable.md) - _What can be dragged around_\n- [`resetServerContext()`](/docs/api/reset-server-context.md) - _Utility for server side rendering (SSR)_\n\n### Guides 🗺\n\n- [`<DragDropContext />` responders](/docs/guides/responders.md) - _`onDragStart`, `onDragUpdate`, `onDragEnd` and `onBeforeDragStart`_\n- [Combining `<Draggable />`s](/docs/guides/combining.md)\n- [Common setup issues](/docs/guides/common-setup-issues.md)\n- [Using `innerRef`](/docs/guides/using-inner-ref.md)\n- [Setup problem detection and error recovery](/docs/guides/setup-problem-detection-and-error-recovery.md)\n- [Rules for `draggableId` and `droppableId`s](/docs/guides/identifiers.md)\n- [Browser focus retention](/docs/guides/browser-focus.md)\n- [Customising or skipping the drop animation](/docs/guides/drop-animation.md)\n- [Auto scrolling](/docs/guides/auto-scrolling.md)\n- [Controlling the screen reader](/docs/guides/screen-reader.md)\n- [Use the html5 `doctype`](/docs/guides/doctype.md)\n- [`TypeScript` and `flow`](/docs/guides/types.md)\n- [Dragging `<svg>`s](/docs/guides/dragging-svgs.md)\n- [Avoiding image flickering](/docs/guides/avoiding-image-flickering.md)\n- [Non-visible preset styles](/docs/guides/preset-styles.md)\n- [How we detect scroll containers](/docs/guides/how-we-detect-scroll-containers.md)\n- [How we use dom events](/docs/guides/how-we-use-dom-events.md) - _Useful if you need to build on top of `react-beautiful-dnd`_\n- [Adding `<Draggable />`s during a drag (11.x behaviour)](/docs/guides/changes-while-dragging.md) - _⚠️ Advanced_\n- [Setting up Content Security Policy](/docs/guides/content-security-policy.md)\n\n### Patterns 👷‍\n\n- [Multi drag](/docs/patterns/multi-drag.md)\n- [Tables](/docs/patterns/tables.md)\n- [Reparenting a `<Draggable />`](/docs/guides/reparenting.md) - _Using our cloning API or your own portal_\n\n### Support 👩‍⚕️\n\n- [Engineering health](/docs/support/engineering-health.md)\n- [Community and addons](/docs/support/community-and-addons.md)\n- [Release notes and changelog](https://github.com/atlassian/react-beautiful-dnd/releases)\n- [Upgrading](/docs/support/upgrading.md)\n- [Road map](https://github.com/atlassian/react-beautiful-dnd/issues)\n- [Media](/docs/support/media.md)\n\n## Read this in other languages 🌎\n\n- [![kr](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/South-Korea.png) **한글/Korean**](https://github.com/LeeHyungGeun/react-beautiful-dnd-kr)\n- [![ru](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/Russia.png) **На русском/Russian**](https://github.com/vtereshyn/react-beautiful-dnd-ru)\n- [![pt](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/Brazil.png) **Português/Portuguese**](https://github.com/dudestein/react-beautiful-dnd-pt)\n\n## Author ✍️\n\nAlex Reardon [@alexandereardon](https://twitter.com/alexandereardon)\n\n## Collaborators 🤝\n\n- Bogdan Chadkin [@IAmTrySound](https://twitter.com/IAmTrySound)\n- Luke Batchelor [@alukebatchelor](https://twitter.com/alukebatchelor)\n- Jared Crowe [@jaredjcrowe](https://twitter.com/jaredjcrowe)\n- Many other [@Atlassian](https://twitter.com/Atlassian)'s!\n","gitHead":"7bb664b36b9108b97d73ec5e0f14350a2cd7dd0c","scripts":{"test":"jest --config ./jest.config.js","build":"yarn build:clean && yarn build:dist && yarn build:flow","test:ci":"jest test --maxWorkers=2","lint:css":"stylelint \"stories/**/*.{js,jsx}\"","validate":"yarn prettier:check && yarn lint:eslint && yarn lint:css && yarn typecheck","storybook":"start-storybook -p 9002","typecheck":"flow check --max-warnings=0","build:dist":"rollup -c","build:flow":"echo \"// @flow\n\nexport * from '../src';\" > dist/react-beautiful-dnd.cjs.js.flow","build:clean":"rimraf dist","lint:eslint":"yarn eslint \"./**/*.{js,jsx}\"","test:browser":"cypress open","test:coverage":"yarn test --coverage --coveragePathIgnorePatterns=/debug","prepublishOnly":"yarn build","prettier:check":"yarn prettier --debug-check $npm_package_config_prettier_target","prettier:write":"yarn prettier --write $npm_package_config_prettier_target","build-storybook":"build-storybook -c .storybook -o site","test:browser:ci":"cypress run","bundle-size:check":"cross-env SNAPSHOT=match yarn bundle-size:update","bundle-size:update":"yarn build:clean && yarn build:dist && yarn build:clean","test:accessibility":"lighthouse http://localhost:9002/iframe.html?id=single-vertical-list--basic --chrome-flags='--headless' --output=json --output=html --output-path=./test-reports/lighthouse/a11y.json && node a11y-audit-parse.js"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"jest-junit":{"output":"test-reports/junit/js-test-results.xml"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"6.4.1","description":"Beautiful and accessible drag and drop for lists with React","directories":{},"sideEffects":false,"_nodeVersion":"10.15.3","dependencies":{"redux":"^4.0.4","raf-schd":"^4.0.2","memoize-one":"^5.1.1","react-redux":"^7.1.1","use-memo-one":"^1.1.1","css-box-model":"^1.2.0","@babel/runtime-corejs2":"^7.6.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^24.9.0","react":"^16.10.2","enzyme":"^3.10.0","eslint":"6.5.1","globby":"^10.0.1","rimraf":"^3.0.0","rollup":"^1.24.0","cypress":"^3.4.1","webpack":"^4.41.2","flow-bin":"0.109.0","fs-extra":"^8.0.1","prettier":"^1.18.2","raf-stub":"^3.0.0","cross-env":"^6.0.3","react-dom":"^16.10.2","stylelint":"^11.1.1","wait-port":"^0.2.6","babel-core":"^7.0.0-bridge.0","babel-jest":"^24.9.0","jest-junit":"^8.0.0","lighthouse":"^5.6.0","@babel/core":"^7.6.4","markdown-it":"^10.0.0","babel-eslint":"^10.0.3","babel-loader":"^8.0.6","react-window":"^1.8.5","@emotion/core":"^10.0.21","@atlaskit/theme":"^9.2.5","@emotion/styled":"^10.0.17","emotion-theming":"^10.0.19","@storybook/react":"^5.2.4","@babel/preset-env":"^7.6.3","react-virtualized":"^9.21.1","styled-components":"4.4.0","@babel/preset-flow":"^7.0.0","@storybook/theming":"^5.2.4","eslint-plugin-jest":"^22.19.0","rollup-plugin-json":"^4.0.0","@atlaskit/css-reset":"^5.0.9","@babel/preset-react":"^7.6.3","eslint-plugin-react":"^7.16.0","react-test-renderer":"^16.10.2","require-from-string":"^2.0.2","rollup-plugin-babel":"^4.3.3","rollup-plugin-strip":"^1.2.2","babel-plugin-emotion":"^10.0.21","eslint-config-airbnb":"^18.0.1","eslint-plugin-import":"^2.18.2","jest-watch-typeahead":"^0.4.0","rollup-plugin-terser":"^5.1.2","eslint-plugin-cypress":"^2.7.0","eslint-plugin-emotion":"^10.0.14","rollup-plugin-replace":"^2.2.0","@testing-library/react":"^9.3.0","eslint-config-prettier":"^6.4.0","eslint-plugin-flowtype":"^4.3.0","eslint-plugin-jsx-a11y":"^6.2.1","eslint-plugin-prettier":"^3.1.1","rollup-plugin-commonjs":"^10.1.0","enzyme-adapter-react-16":"^1.15.1","eslint-plugin-react-hooks":"^2.1.2","stylelint-config-prettier":"^6.0.0","stylelint-config-standard":"^19.0.0","rollup-plugin-node-resolve":"^5.1.0","babel-plugin-dev-expression":"^0.2.2","rollup-plugin-size-snapshot":"^0.10.0","stylelint-config-recommended":"^3.0.0","@emotion/babel-preset-css-prop":"^10.0.17","@babel/plugin-transform-runtime":"^7.6.2","stylelint-config-styled-components":"^0.1.1","stylelint-processor-styled-components":"^1.8.0","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-transform-modules-commonjs":"^7.6.0"},"peerDependencies":{"react":"^16.8.5"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd_12.0.0-beta.9_1571787752380_0.18794072348876867","host":"s3://npm-registry-packages"}},"12.0.0-beta.10":{"name":"react-beautiful-dnd","version":"12.0.0-beta.10","keywords":["drag and drop","dnd","sortable","reorder","reorderable","react","react.js","natural","beautiful","accessible"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@12.0.0-beta.10","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"},{"name":"jaredcrowe","email":"jared.j.crowe@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"c0a27d54026b241613ce8183307bcb09317fe09e","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-12.0.0-beta.10.tgz","fileCount":242,"integrity":"sha512-SluIPLxWbjL5XQ3MHMFU5vz7sfiDb2q0XZlUQWXxbGTPlPYN/mYND+rFta7eQ0URiUZNDHeneJ1Ip6Dmoez8Jw==","signatures":[{"sig":"MEUCIDnhWBGfqoS8lP6ZNUOXIiYoPg0ncrDi3+bIHWAAc/9sAiEA06U9L1aUZBYErafMDzpRsOYRAgelCZ2odoE+QkGA2RU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1409544,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdsCjhCRA9TVsSAnZWagAAsgsP+gPz82hImv9MJSrB8HOy\n4HlUkwdO0gBxtUN28jMZYCLMy9Ncj2NKHHGqx06GHIQSwI1EghbLj+Fi/9+8\nTWUfDeKzXuKwy8sGC6l9Vgo5K8vlEu+bsdtZ+4/99Wwgunur2onwY8ozmjwq\nyS9JaGsmgv4SolkSEHBHqAK9n31rXbQVmrLhzksYwoYrWURpTgSxF+mmffxw\nwCb4U4lyKBJ85l5V1mO7cQqTCmNe59OXsTtopaToi7Sr0fSjGvvEbmZefsSm\nmcmdpyNO7y4B/D9pKOcX+DyjU9laFKqzMm2QMJJfV4ezY/pKcRx4tpVQ5J9J\nET5IRZPJt/Wv9lWzXNIXTpTepAfzNjB4rcpXihtwoI0qcARPNYbUajdJeiRQ\nEt9CxgtmBd2nsDI54Wqn37Kq95az8MRP/9G6jyiCofnRezDiZvcjx2vwF4/W\nnavIm+aRMN29GPYbX74yhZwRURV5KXyYdasTPxC3Z8nfSxnCxDyyFwePG67q\nPBUWHT2t2VBsBgPSX14UYsOOj+Dbdz9BZOVK1i3Tg29A3oj9ENBvr4ApCoe6\n61qP8XIB3tjBH7Nt+ksXFVtLede314ujmWUBasKV18NtJIF7qJwKZU37gGd5\nQg+qLMjLLSWQXZM8x0pqvX/6WnoCGFsGiw+dR4L02lq5XbMnAV9wMvOJsOCI\n3BUA\r\n=7LWZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/react-beautiful-dnd.cjs.js","config":{"prettier_target":"*.{js,jsx,md,json} src/**/*.{js,jsx,md,json} test/**/*.{js,jsx,md,json} docs/**/*.{js,jsx,md,json} stories/**/*.{js,jsx,md,json} cypress/**/*.{js,jsx,md,json}"},"module":"dist/react-beautiful-dnd.esm.js","readme":"<p align=\"center\">\n  <img src=\"https://user-images.githubusercontent.com/2182637/53611918-54c1ff80-3c24-11e9-9917-66ac3cef513d.png\" alt=\"react beautiful dnd logo\" />\n</p>\n<h1 align=\"center\">react-beautiful-dnd <small><sup>(rbd)</sup></small></h1>\n\n<div align=\"center\">\n\n**Beautiful** and **accessible** drag and drop for lists with [`React`](https://facebook.github.io/react/)\n\n[![CircleCI branch](https://img.shields.io/circleci/project/github/atlassian/react-beautiful-dnd/master.svg)](https://circleci.com/gh/atlassian/react-beautiful-dnd/tree/master)\n[![npm](https://img.shields.io/npm/v/react-beautiful-dnd.svg)](https://www.npmjs.com/package/react-beautiful-dnd)\n\n![quote application example](https://user-images.githubusercontent.com/2182637/53614150-efbed780-3c2c-11e9-9204-a5d2e746faca.gif)\n\n[Play with this example if you want!](https://react-beautiful-dnd.netlify.com/iframe.html?selectedKind=board&selectedStory=simple)\n\n</div>\n\n## Core characteristics\n\n- Beautiful and [natural movement](/docs/about/animations.md) of items 💐\n- [Accessible](/docs/about/accessibility.md): powerful keyboard and screen reader support ♿️\n- [Extremely performant](/docs/support/media.md) 🚀\n- Clean and powerful api which is simple to get started with\n- Plays extremely well with standard browser interactions\n- [Unopinionated styling](/docs/guides/preset-styles.md)\n- No creation of additional wrapper dom nodes - flexbox and focus management friendly!\n\n## Get started 👩‍🏫\n\nWe have created [a free course on `egghead.io` 🥚](https://egghead.io/courses/beautiful-and-accessible-drag-and-drop-with-react-beautiful-dnd?af=2jc3e4) to help you get started with `react-beautiful-dnd` as quickly as possible.\n\n[![course-logo](https://user-images.githubusercontent.com/2182637/43372837-8c72d3f8-93e8-11e8-9d92-a82adde7718f.png)](https://egghead.io/courses/beautiful-and-accessible-drag-and-drop-with-react-beautiful-dnd?af=2jc3e4)\n\n## Currently supported feature set ✅\n\n- Vertical lists ↕\n- Horizontal lists ↔\n- Movement between lists (▤ ↔ ▤)\n- [Combining items](/docs/guides/combining.md)\n- Mouse 🐭, keyboard 🎹♿️ and touch 👉📱 (mobile, tablet and so on) support\n- [Multi drag support](/docs/patterns/multi-drag.md)\n- Incredible screen reader support ♿️ - we provide an amazing experience for english screen readers out of the box 📦. We also provide complete customisation control and internationalisation support for those who need it 💖\n- [Conditional dragging](/docs/api/draggable.md#optional-props) and [conditional dropping](/docs/api/droppable.md#conditionally-dropping)\n- Multiple independent lists on the one page\n- Flexible item sizes - the draggable items can have different heights (vertical lists) or widths (horizontal lists)\n- [Add and remove items during a drag](/docs/guides/changes-while-dragging.md)\n- Compatible with semantic `<table>` reordering - [table pattern](/docs/patterns/tables.md)\n- [Auto scrolling](/docs/guides/auto-scrolling.md) - automatically scroll containers and the window as required during a drag (even with keyboard 🔥)\n- Custom drag handles - you can drag a whole item by just a part of it\n- Able to move the dragging item to another element while dragging (clone, portal) - [Reparenting your `<Draggable />`](/docs/guides/reparenting.md)\n- [Create scripted drag and drop experiences 🎮](/docs/sensors/sensor-api.md)\n- Allows extensions to support for [any input type you like 🕹](/docs/sensors/sensor-api.md)\n- 🌲 Tree support through the [`@atlaskit/tree`](https://atlaskit.atlassian.com/packages/core/tree) package\n- A `<Droppable />` list can be a scroll container (without a scrollable parent) or be the child of a scroll container (that also does not have a scrollable parent)\n- Independent nested lists - a list can be a child of another list, but you cannot drag items from the parent list into a child list\n- Server side rendering (SSR) compatible - see [resetServerContext()](/docs/api/reset-server-context.md)\n- Plays well with [nested interactive elements](/docs/api/draggable.md#interactive-child-elements-within-a-draggable-) by default\n\n## Motivation 🤔\n\n`react-beautiful-dnd` exists to create beautiful drag and drop for lists that anyone can use - even people who cannot see. For a good overview of the history and motivations of the project you can take a look at these external resources:\n\n- 📖 [Rethinking drag and drop](https://medium.com/@alexandereardon/rethinking-drag-and-drop-d9f5770b4e6b)\n- 🎧 [React podcast: fast, accessible and beautiful drag and drop](https://reactpodcast.simplecast.fm/17)\n\n## Not for everyone ✌️\n\nThere are a lot of libraries out there that allow for drag and drop interactions within React. Most notable of these is the amazing [`react-dnd`](https://github.com/react-dnd/react-dnd). It does an incredible job at providing a great set of drag and drop primitives which work especially well with the [wildly inconsistent](https://www.quirksmode.org/blog/archives/2009/09/the_html5_drag.html) html5 drag and drop feature. `react-beautiful-dnd` is a higher level abstraction specifically built for lists (vertical, horizontal, movement between lists, nested lists and so on). Within that subset of functionality `react-beautiful-dnd` offers a powerful, natural and beautiful drag and drop experience. However, it does not provide the breadth of functionality offered by `react-dnd`. So `react-beautiful-dnd` might not be for you depending on what your use case is.\n\n## Documentation 📖\n\n### About 👋\n\n- [Installation](/docs/about/installation.md)\n- [Examples and samples](/docs/about/examples.md)\n- [Get started](https://egghead.io/courses/beautiful-and-accessible-drag-and-drop-with-react-beautiful-dnd?af=2jc3e4)\n- [Design principles](/docs/about/design-principles.md)\n- [Animations](/docs/about/animations.md)\n- [Accessibility](/docs/about/accessibility.md)\n- [Browser support](/docs/about/browser-support.md)\n\n### Sensors 🔉\n\n> The ways in which somebody can start and control a drag\n\n- [Mouse dragging 🐭](/docs/sensors/mouse.md)\n- [Touch dragging 👉📱](/docs/sensors/touch.md)\n- [Keyboard dragging 🎹♿️](/docs/sensors/keyboard.md)\n- [Create your own sensor](/docs/sensors/sensor-api.md) (allows for any input type as well as scripted experiences)\n\n### API 🏋️‍\n\n![diagram](https://user-images.githubusercontent.com/2182637/53607406-c8f3a780-3c12-11e9-979c-7f3b5bd1bfbd.gif)\n\n- [`<DragDropContext />`](/docs/api/drag-drop-context.md) - _Wraps the part of your application you want to have drag and drop enabled for_\n- [`<Droppable />`](/docs/api/droppable.md) - _An area that can be dropped into. Contains `<Draggable />`s_\n- [`<Draggable />`](/docs/api/draggable.md) - _What can be dragged around_\n- [`resetServerContext()`](/docs/api/reset-server-context.md) - _Utility for server side rendering (SSR)_\n\n### Guides 🗺\n\n- [`<DragDropContext />` responders](/docs/guides/responders.md) - _`onDragStart`, `onDragUpdate`, `onDragEnd` and `onBeforeDragStart`_\n- [Combining `<Draggable />`s](/docs/guides/combining.md)\n- [Common setup issues](/docs/guides/common-setup-issues.md)\n- [Using `innerRef`](/docs/guides/using-inner-ref.md)\n- [Setup problem detection and error recovery](/docs/guides/setup-problem-detection-and-error-recovery.md)\n- [Rules for `draggableId` and `droppableId`s](/docs/guides/identifiers.md)\n- [Browser focus retention](/docs/guides/browser-focus.md)\n- [Customising or skipping the drop animation](/docs/guides/drop-animation.md)\n- [Auto scrolling](/docs/guides/auto-scrolling.md)\n- [Controlling the screen reader](/docs/guides/screen-reader.md)\n- [Use the html5 `doctype`](/docs/guides/doctype.md)\n- [`TypeScript` and `flow`](/docs/guides/types.md)\n- [Dragging `<svg>`s](/docs/guides/dragging-svgs.md)\n- [Avoiding image flickering](/docs/guides/avoiding-image-flickering.md)\n- [Non-visible preset styles](/docs/guides/preset-styles.md)\n- [How we detect scroll containers](/docs/guides/how-we-detect-scroll-containers.md)\n- [How we use dom events](/docs/guides/how-we-use-dom-events.md) - _Useful if you need to build on top of `react-beautiful-dnd`_\n- [Adding `<Draggable />`s during a drag (11.x behaviour)](/docs/guides/changes-while-dragging.md) - _⚠️ Advanced_\n- [Setting up Content Security Policy](/docs/guides/content-security-policy.md)\n\n### Patterns 👷‍\n\n- [Multi drag](/docs/patterns/multi-drag.md)\n- [Tables](/docs/patterns/tables.md)\n- [Reparenting a `<Draggable />`](/docs/guides/reparenting.md) - _Using our cloning API or your own portal_\n\n### Support 👩‍⚕️\n\n- [Engineering health](/docs/support/engineering-health.md)\n- [Community and addons](/docs/support/community-and-addons.md)\n- [Release notes and changelog](https://github.com/atlassian/react-beautiful-dnd/releases)\n- [Upgrading](/docs/support/upgrading.md)\n- [Road map](https://github.com/atlassian/react-beautiful-dnd/issues)\n- [Media](/docs/support/media.md)\n\n## Read this in other languages 🌎\n\n- [![kr](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/South-Korea.png) **한글/Korean**](https://github.com/LeeHyungGeun/react-beautiful-dnd-kr)\n- [![ru](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/Russia.png) **На русском/Russian**](https://github.com/vtereshyn/react-beautiful-dnd-ru)\n- [![pt](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/Brazil.png) **Português/Portuguese**](https://github.com/dudestein/react-beautiful-dnd-pt)\n\n## Author ✍️\n\nAlex Reardon [@alexandereardon](https://twitter.com/alexandereardon)\n\n## Collaborators 🤝\n\n- Bogdan Chadkin [@IAmTrySound](https://twitter.com/IAmTrySound)\n- Luke Batchelor [@alukebatchelor](https://twitter.com/alukebatchelor)\n- Jared Crowe [@jaredjcrowe](https://twitter.com/jaredjcrowe)\n- Many other [@Atlassian](https://twitter.com/Atlassian)'s!\n","gitHead":"92032ee0a6bc75c1abc636794ab7848eaa580a0a","scripts":{"test":"jest --config ./jest.config.js","build":"yarn build:clean && yarn build:dist && yarn build:flow","test:ci":"jest test --maxWorkers=2","lint:css":"stylelint \"stories/**/*.{js,jsx}\"","validate":"yarn prettier:check && yarn lint:eslint && yarn lint:css && yarn typecheck","storybook":"start-storybook -p 9002","typecheck":"flow check --max-warnings=0","build:dist":"rollup -c","build:flow":"echo \"// @flow\n\nexport * from '../src';\" > dist/react-beautiful-dnd.cjs.js.flow","build:clean":"rimraf dist","lint:eslint":"yarn eslint \"./**/*.{js,jsx}\"","test:browser":"cypress open","test:coverage":"yarn test --coverage --coveragePathIgnorePatterns=/debug","prepublishOnly":"yarn build","prettier:check":"yarn prettier --debug-check $npm_package_config_prettier_target","prettier:write":"yarn prettier --write $npm_package_config_prettier_target","build-storybook":"build-storybook -c .storybook -o site","test:browser:ci":"cypress run","bundle-size:check":"cross-env SNAPSHOT=match yarn bundle-size:update","bundle-size:update":"yarn build:clean && yarn build:dist && yarn build:clean","test:accessibility":"lighthouse http://localhost:9002/iframe.html?id=single-vertical-list--basic --chrome-flags='--headless' --output=json --output=html --output-path=./test-reports/lighthouse/a11y.json && node a11y-audit-parse.js"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"jest-junit":{"output":"test-reports/junit/js-test-results.xml"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"6.4.1","description":"Beautiful and accessible drag and drop for lists with React","directories":{},"sideEffects":false,"_nodeVersion":"10.15.3","dependencies":{"redux":"^4.0.4","raf-schd":"^4.0.2","memoize-one":"^5.1.1","react-redux":"^7.1.1","use-memo-one":"^1.1.1","css-box-model":"^1.2.0","@babel/runtime-corejs2":"^7.6.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^24.9.0","react":"^16.11.0","enzyme":"^3.10.0","eslint":"6.5.1","globby":"^10.0.1","rimraf":"^3.0.0","rollup":"^1.25.2","cypress":"^3.4.1","webpack":"^4.41.2","flow-bin":"0.110.0","fs-extra":"^8.0.1","prettier":"^1.18.2","raf-stub":"^3.0.0","cross-env":"^6.0.3","react-dom":"^16.11.0","stylelint":"^11.1.1","wait-port":"^0.2.6","babel-core":"^7.0.0-bridge.0","babel-jest":"^24.9.0","jest-junit":"^9.0.0","lighthouse":"^5.6.0","@babel/core":"^7.6.4","markdown-it":"^10.0.0","babel-eslint":"^10.0.3","babel-loader":"^8.0.6","react-window":"^1.8.5","@emotion/core":"^10.0.21","@atlaskit/theme":"^9.2.5","@emotion/styled":"^10.0.17","emotion-theming":"^10.0.19","@storybook/react":"^5.2.5","@babel/preset-env":"^7.6.3","react-virtualized":"^9.21.1","styled-components":"4.4.0","@babel/preset-flow":"^7.0.0","@storybook/theming":"^5.2.5","eslint-plugin-jest":"^22.20.0","rollup-plugin-json":"^4.0.0","@atlaskit/css-reset":"^5.0.9","@babel/preset-react":"^7.6.3","eslint-plugin-react":"^7.16.0","react-test-renderer":"^16.11.0","require-from-string":"^2.0.2","rollup-plugin-babel":"^4.3.3","rollup-plugin-strip":"^1.2.2","babel-plugin-emotion":"^10.0.21","eslint-config-airbnb":"^18.0.1","eslint-plugin-import":"^2.18.2","jest-watch-typeahead":"^0.4.0","rollup-plugin-terser":"^5.1.2","eslint-plugin-cypress":"^2.7.0","eslint-plugin-emotion":"^10.0.14","rollup-plugin-replace":"^2.2.0","@testing-library/react":"^9.3.0","eslint-config-prettier":"^6.4.0","eslint-plugin-flowtype":"^4.3.0","eslint-plugin-jsx-a11y":"^6.2.1","eslint-plugin-prettier":"^3.1.1","rollup-plugin-commonjs":"^10.1.0","enzyme-adapter-react-16":"^1.15.1","eslint-plugin-react-hooks":"^2.2.0","stylelint-config-prettier":"^6.0.0","stylelint-config-standard":"^19.0.0","rollup-plugin-node-resolve":"^5.1.0","babel-plugin-dev-expression":"^0.2.2","rollup-plugin-size-snapshot":"^0.10.0","stylelint-config-recommended":"^3.0.0","@emotion/babel-preset-css-prop":"^10.0.17","@babel/plugin-transform-runtime":"^7.6.2","stylelint-config-styled-components":"^0.1.1","stylelint-processor-styled-components":"^1.8.0","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-transform-modules-commonjs":"^7.6.0"},"peerDependencies":{"react":"^16.8.5"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd_12.0.0-beta.10_1571825888405_0.3313850501247624","host":"s3://npm-registry-packages"}},"12.0.0-beta.11":{"name":"react-beautiful-dnd","version":"12.0.0-beta.11","keywords":["drag and drop","dnd","sortable","reorder","reorderable","react","react.js","natural","beautiful","accessible"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@12.0.0-beta.11","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"},{"name":"jaredcrowe","email":"jared.j.crowe@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"e1199cb01fdd6595eac4f5cf892d44e024b8b86d","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-12.0.0-beta.11.tgz","fileCount":242,"integrity":"sha512-ihC7mwbz8SZd8uVllGoXcnwBhbd4+S5lqNmQjlet1fM5se0fs33jnvKddFP25x+lXLvGq4q93vrHE/owZ3ZdSQ==","signatures":[{"sig":"MEQCICV8wFf6AY+RNlLYLqOI2Jz0I3Lhee1ji8FDmHwzgUD4AiAk2ejQ//AUIjNXPIOt8HXlxXEkZbZSMyDS+ZEJH/vsGQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1412376,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdsT5pCRA9TVsSAnZWagAAtncQAJ5dUv1q+LKA4Pr8zUlg\nYsX+qRexd2Dr/jvRIO6SGIyX2WYqCat4eKasApscePY0ZS0yIgJIK03K6ZDr\nXJQSppyOUbOQr4b1uv8BcsziDcRrZ3g5w9QBDhmXJmUEC4GHGRQky3/ccrMQ\nzxqrvIteM+Enl0BaG3Kh2kTDeEGRjAauWFMvXMn/xX88itfj3DYYHFFQp7WK\nzDjfnYeE2WLKuEXg2MbXaItTn4bcsdG7PxVXhM4wc8MzxxK6kI4T0ybs7xZe\nDULJOa3/3qVOX1yr+FAO2iikNRSnZYi6VfaAkRK5keC8G5wfzqSqERRvxi9w\nXU+Q6E1WVYTt8OSudxQFa8OUqLyQrOP7R90gvDke7NIRT1z4ZPN9NpoClzux\njFFpL5FgrqFQ7fdcurZXQpHA62c0Sruo2WYxU4Amw8RBeS2rcwPOuKSh3/8o\nqCLv8WWT/bFa9pMWjK2ZYG+ZpwN/pHzJxyYwp9HjLUnGqIVk2PTwpvDTQUUP\nAExpw/Ksbcrbx9Ezn1ihXBxP9FZ6QFl97I0f6WmlmooE9SfH+2efW7oAmCxe\nuOQ0ijvpmABfhRFQNRsTLLINnZfKUPizEbwEyU1EQ+vYA+7584uF5PcH5YLH\nK9V7ENJ8EOddDR5Fen9BQHRjKKKHnF0WaT8/6fBvrrYEzjjEZYC2F+fZQg6Z\nkQKn\r\n=9m8W\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/react-beautiful-dnd.cjs.js","config":{"prettier_target":"*.{js,jsx,md,json} src/**/*.{js,jsx,md,json} test/**/*.{js,jsx,md,json} docs/**/*.{js,jsx,md,json} stories/**/*.{js,jsx,md,json} cypress/**/*.{js,jsx,md,json}"},"module":"dist/react-beautiful-dnd.esm.js","readme":"<p align=\"center\">\n  <img src=\"https://user-images.githubusercontent.com/2182637/53611918-54c1ff80-3c24-11e9-9917-66ac3cef513d.png\" alt=\"react beautiful dnd logo\" />\n</p>\n<h1 align=\"center\">react-beautiful-dnd <small><sup>(rbd)</sup></small></h1>\n\n<div align=\"center\">\n\n**Beautiful** and **accessible** drag and drop for lists with [`React`](https://facebook.github.io/react/)\n\n[![CircleCI branch](https://img.shields.io/circleci/project/github/atlassian/react-beautiful-dnd/master.svg)](https://circleci.com/gh/atlassian/react-beautiful-dnd/tree/master)\n[![npm](https://img.shields.io/npm/v/react-beautiful-dnd.svg)](https://www.npmjs.com/package/react-beautiful-dnd)\n\n![quote application example](https://user-images.githubusercontent.com/2182637/53614150-efbed780-3c2c-11e9-9204-a5d2e746faca.gif)\n\n[Play with this example if you want!](https://react-beautiful-dnd.netlify.com/iframe.html?selectedKind=board&selectedStory=simple)\n\n</div>\n\n## Core characteristics\n\n- Beautiful and [natural movement](/docs/about/animations.md) of items 💐\n- [Accessible](/docs/about/accessibility.md): powerful keyboard and screen reader support ♿️\n- [Extremely performant](/docs/support/media.md) 🚀\n- Clean and powerful api which is simple to get started with\n- Plays extremely well with standard browser interactions\n- [Unopinionated styling](/docs/guides/preset-styles.md)\n- No creation of additional wrapper dom nodes - flexbox and focus management friendly!\n\n## Get started 👩‍🏫\n\nWe have created [a free course on `egghead.io` 🥚](https://egghead.io/courses/beautiful-and-accessible-drag-and-drop-with-react-beautiful-dnd?af=2jc3e4) to help you get started with `react-beautiful-dnd` as quickly as possible.\n\n[![course-logo](https://user-images.githubusercontent.com/2182637/43372837-8c72d3f8-93e8-11e8-9d92-a82adde7718f.png)](https://egghead.io/courses/beautiful-and-accessible-drag-and-drop-with-react-beautiful-dnd?af=2jc3e4)\n\n## Currently supported feature set ✅\n\n- Vertical lists ↕\n- Horizontal lists ↔\n- Movement between lists (▤ ↔ ▤)\n- [Combining items](/docs/guides/combining.md)\n- Mouse 🐭, keyboard 🎹♿️ and touch 👉📱 (mobile, tablet and so on) support\n- [Multi drag support](/docs/patterns/multi-drag.md)\n- Incredible screen reader support ♿️ - we provide an amazing experience for english screen readers out of the box 📦. We also provide complete customisation control and internationalisation support for those who need it 💖\n- [Conditional dragging](/docs/api/draggable.md#optional-props) and [conditional dropping](/docs/api/droppable.md#conditionally-dropping)\n- Multiple independent lists on the one page\n- Flexible item sizes - the draggable items can have different heights (vertical lists) or widths (horizontal lists)\n- [Add and remove items during a drag](/docs/guides/changes-while-dragging.md)\n- Compatible with semantic `<table>` reordering - [table pattern](/docs/patterns/tables.md)\n- [Auto scrolling](/docs/guides/auto-scrolling.md) - automatically scroll containers and the window as required during a drag (even with keyboard 🔥)\n- Custom drag handles - you can drag a whole item by just a part of it\n- Able to move the dragging item to another element while dragging (clone, portal) - [Reparenting your `<Draggable />`](/docs/guides/reparenting.md)\n- [Create scripted drag and drop experiences 🎮](/docs/sensors/sensor-api.md)\n- Allows extensions to support for [any input type you like 🕹](/docs/sensors/sensor-api.md)\n- 🌲 Tree support through the [`@atlaskit/tree`](https://atlaskit.atlassian.com/packages/core/tree) package\n- A `<Droppable />` list can be a scroll container (without a scrollable parent) or be the child of a scroll container (that also does not have a scrollable parent)\n- Independent nested lists - a list can be a child of another list, but you cannot drag items from the parent list into a child list\n- Server side rendering (SSR) compatible - see [resetServerContext()](/docs/api/reset-server-context.md)\n- Plays well with [nested interactive elements](/docs/api/draggable.md#interactive-child-elements-within-a-draggable-) by default\n\n## Motivation 🤔\n\n`react-beautiful-dnd` exists to create beautiful drag and drop for lists that anyone can use - even people who cannot see. For a good overview of the history and motivations of the project you can take a look at these external resources:\n\n- 📖 [Rethinking drag and drop](https://medium.com/@alexandereardon/rethinking-drag-and-drop-d9f5770b4e6b)\n- 🎧 [React podcast: fast, accessible and beautiful drag and drop](https://reactpodcast.simplecast.fm/17)\n\n## Not for everyone ✌️\n\nThere are a lot of libraries out there that allow for drag and drop interactions within React. Most notable of these is the amazing [`react-dnd`](https://github.com/react-dnd/react-dnd). It does an incredible job at providing a great set of drag and drop primitives which work especially well with the [wildly inconsistent](https://www.quirksmode.org/blog/archives/2009/09/the_html5_drag.html) html5 drag and drop feature. `react-beautiful-dnd` is a higher level abstraction specifically built for lists (vertical, horizontal, movement between lists, nested lists and so on). Within that subset of functionality `react-beautiful-dnd` offers a powerful, natural and beautiful drag and drop experience. However, it does not provide the breadth of functionality offered by `react-dnd`. So `react-beautiful-dnd` might not be for you depending on what your use case is.\n\n## Documentation 📖\n\n### About 👋\n\n- [Installation](/docs/about/installation.md)\n- [Examples and samples](/docs/about/examples.md)\n- [Get started](https://egghead.io/courses/beautiful-and-accessible-drag-and-drop-with-react-beautiful-dnd?af=2jc3e4)\n- [Design principles](/docs/about/design-principles.md)\n- [Animations](/docs/about/animations.md)\n- [Accessibility](/docs/about/accessibility.md)\n- [Browser support](/docs/about/browser-support.md)\n\n### Sensors 🔉\n\n> The ways in which somebody can start and control a drag\n\n- [Mouse dragging 🐭](/docs/sensors/mouse.md)\n- [Touch dragging 👉📱](/docs/sensors/touch.md)\n- [Keyboard dragging 🎹♿️](/docs/sensors/keyboard.md)\n- [Create your own sensor](/docs/sensors/sensor-api.md) (allows for any input type as well as scripted experiences)\n\n### API 🏋️‍\n\n![diagram](https://user-images.githubusercontent.com/2182637/53607406-c8f3a780-3c12-11e9-979c-7f3b5bd1bfbd.gif)\n\n- [`<DragDropContext />`](/docs/api/drag-drop-context.md) - _Wraps the part of your application you want to have drag and drop enabled for_\n- [`<Droppable />`](/docs/api/droppable.md) - _An area that can be dropped into. Contains `<Draggable />`s_\n- [`<Draggable />`](/docs/api/draggable.md) - _What can be dragged around_\n- [`resetServerContext()`](/docs/api/reset-server-context.md) - _Utility for server side rendering (SSR)_\n\n### Guides 🗺\n\n- [`<DragDropContext />` responders](/docs/guides/responders.md) - _`onDragStart`, `onDragUpdate`, `onDragEnd` and `onBeforeDragStart`_\n- [Combining `<Draggable />`s](/docs/guides/combining.md)\n- [Common setup issues](/docs/guides/common-setup-issues.md)\n- [Using `innerRef`](/docs/guides/using-inner-ref.md)\n- [Setup problem detection and error recovery](/docs/guides/setup-problem-detection-and-error-recovery.md)\n- [Rules for `draggableId` and `droppableId`s](/docs/guides/identifiers.md)\n- [Browser focus retention](/docs/guides/browser-focus.md)\n- [Customising or skipping the drop animation](/docs/guides/drop-animation.md)\n- [Auto scrolling](/docs/guides/auto-scrolling.md)\n- [Controlling the screen reader](/docs/guides/screen-reader.md)\n- [Use the html5 `doctype`](/docs/guides/doctype.md)\n- [`TypeScript` and `flow`](/docs/guides/types.md)\n- [Dragging `<svg>`s](/docs/guides/dragging-svgs.md)\n- [Avoiding image flickering](/docs/guides/avoiding-image-flickering.md)\n- [Non-visible preset styles](/docs/guides/preset-styles.md)\n- [How we detect scroll containers](/docs/guides/how-we-detect-scroll-containers.md)\n- [How we use dom events](/docs/guides/how-we-use-dom-events.md) - _Useful if you need to build on top of `react-beautiful-dnd`_\n- [Adding `<Draggable />`s during a drag (11.x behaviour)](/docs/guides/changes-while-dragging.md) - _⚠️ Advanced_\n- [Setting up Content Security Policy](/docs/guides/content-security-policy.md)\n\n### Patterns 👷‍\n\n- [Multi drag](/docs/patterns/multi-drag.md)\n- [Tables](/docs/patterns/tables.md)\n- [Reparenting a `<Draggable />`](/docs/guides/reparenting.md) - _Using our cloning API or your own portal_\n\n### Support 👩‍⚕️\n\n- [Engineering health](/docs/support/engineering-health.md)\n- [Community and addons](/docs/support/community-and-addons.md)\n- [Release notes and changelog](https://github.com/atlassian/react-beautiful-dnd/releases)\n- [Upgrading](/docs/support/upgrading.md)\n- [Road map](https://github.com/atlassian/react-beautiful-dnd/issues)\n- [Media](/docs/support/media.md)\n\n## Read this in other languages 🌎\n\n- [![kr](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/South-Korea.png) **한글/Korean**](https://github.com/LeeHyungGeun/react-beautiful-dnd-kr)\n- [![ru](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/Russia.png) **На русском/Russian**](https://github.com/vtereshyn/react-beautiful-dnd-ru)\n- [![pt](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/Brazil.png) **Português/Portuguese**](https://github.com/dudestein/react-beautiful-dnd-pt)\n\n## Author ✍️\n\nAlex Reardon [@alexandereardon](https://twitter.com/alexandereardon)\n\n## Collaborators 🤝\n\n- Bogdan Chadkin [@IAmTrySound](https://twitter.com/IAmTrySound)\n- Luke Batchelor [@alukebatchelor](https://twitter.com/alukebatchelor)\n- Jared Crowe [@jaredjcrowe](https://twitter.com/jaredjcrowe)\n- Many other [@Atlassian](https://twitter.com/Atlassian)'s!\n","gitHead":"57e9248382d0522ee14ea3ecb13b742567ad5fec","scripts":{"test":"jest --config ./jest.config.js","build":"yarn build:clean && yarn build:dist && yarn build:flow","test:ci":"jest test --maxWorkers=2","lint:css":"stylelint \"stories/**/*.{js,jsx}\"","validate":"yarn prettier:check && yarn lint:eslint && yarn lint:css && yarn typecheck","storybook":"start-storybook -p 9002","typecheck":"flow check --max-warnings=0","build:dist":"rollup -c","build:flow":"echo \"// @flow\n\nexport * from '../src';\" > dist/react-beautiful-dnd.cjs.js.flow","build:clean":"rimraf dist","lint:eslint":"yarn eslint \"./**/*.{js,jsx}\"","test:browser":"cypress open","test:coverage":"yarn test --coverage --coveragePathIgnorePatterns=/debug","prepublishOnly":"yarn build","prettier:check":"yarn prettier --debug-check $npm_package_config_prettier_target","prettier:write":"yarn prettier --write $npm_package_config_prettier_target","build-storybook":"build-storybook -c .storybook -o site","test:browser:ci":"cypress run","bundle-size:check":"cross-env SNAPSHOT=match yarn bundle-size:update","bundle-size:update":"yarn build:clean && yarn build:dist && yarn build:clean","test:accessibility":"lighthouse http://localhost:9002/iframe.html?id=single-vertical-list--basic --chrome-flags='--headless' --output=json --output=html --output-path=./test-reports/lighthouse/a11y.json && node a11y-audit-parse.js"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"jest-junit":{"output":"test-reports/junit/js-test-results.xml"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"6.4.1","description":"Beautiful and accessible drag and drop for lists with React","directories":{},"sideEffects":false,"_nodeVersion":"10.15.3","dependencies":{"redux":"^4.0.4","raf-schd":"^4.0.2","memoize-one":"^5.1.1","react-redux":"^7.1.1","use-memo-one":"^1.1.1","css-box-model":"^1.2.0","@babel/runtime-corejs2":"^7.6.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^24.9.0","react":"^16.11.0","enzyme":"^3.10.0","eslint":"6.5.1","globby":"^10.0.1","rimraf":"^3.0.0","rollup":"^1.25.2","cypress":"^3.4.1","webpack":"^4.41.2","flow-bin":"0.110.0","fs-extra":"^8.0.1","prettier":"^1.18.2","raf-stub":"^3.0.0","cross-env":"^6.0.3","react-dom":"^16.11.0","stylelint":"^11.1.1","wait-port":"^0.2.6","babel-core":"^7.0.0-bridge.0","babel-jest":"^24.9.0","jest-junit":"^9.0.0","lighthouse":"^5.6.0","@babel/core":"^7.6.4","markdown-it":"^10.0.0","babel-eslint":"^10.0.3","babel-loader":"^8.0.6","react-window":"^1.8.5","@emotion/core":"^10.0.21","@atlaskit/theme":"^9.2.5","@emotion/styled":"^10.0.17","emotion-theming":"^10.0.19","@storybook/react":"^5.2.5","@babel/preset-env":"^7.6.3","react-virtualized":"^9.21.1","styled-components":"4.4.0","@babel/preset-flow":"^7.0.0","@storybook/theming":"^5.2.5","eslint-plugin-jest":"^22.20.0","rollup-plugin-json":"^4.0.0","@atlaskit/css-reset":"^5.0.9","@babel/preset-react":"^7.6.3","eslint-plugin-react":"^7.16.0","react-test-renderer":"^16.11.0","require-from-string":"^2.0.2","rollup-plugin-babel":"^4.3.3","rollup-plugin-strip":"^1.2.2","babel-plugin-emotion":"^10.0.21","eslint-config-airbnb":"^18.0.1","eslint-plugin-import":"^2.18.2","jest-watch-typeahead":"^0.4.0","rollup-plugin-terser":"^5.1.2","eslint-plugin-cypress":"^2.7.0","eslint-plugin-emotion":"^10.0.14","rollup-plugin-replace":"^2.2.0","@testing-library/react":"^9.3.0","eslint-config-prettier":"^6.4.0","eslint-plugin-flowtype":"^4.3.0","eslint-plugin-jsx-a11y":"^6.2.1","eslint-plugin-prettier":"^3.1.1","rollup-plugin-commonjs":"^10.1.0","enzyme-adapter-react-16":"^1.15.1","eslint-plugin-react-hooks":"^2.2.0","stylelint-config-prettier":"^6.0.0","stylelint-config-standard":"^19.0.0","rollup-plugin-node-resolve":"^5.1.0","babel-plugin-dev-expression":"^0.2.2","rollup-plugin-size-snapshot":"^0.10.0","stylelint-config-recommended":"^3.0.0","@emotion/babel-preset-css-prop":"^10.0.17","@babel/plugin-transform-runtime":"^7.6.2","stylelint-config-styled-components":"^0.1.1","stylelint-processor-styled-components":"^1.8.0","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-transform-modules-commonjs":"^7.6.0"},"peerDependencies":{"react":"^16.8.5"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd_12.0.0-beta.11_1571896936731_0.2365241884800655","host":"s3://npm-registry-packages"}},"12.0.0-beta.12":{"name":"react-beautiful-dnd","version":"12.0.0-beta.12","keywords":["drag and drop","dnd","sortable","reorder","reorderable","react","react.js","natural","beautiful","accessible"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@12.0.0-beta.12","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"},{"name":"jaredcrowe","email":"jared.j.crowe@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"20731ea01b46a0a4473f882fa17a4a2f52c87b13","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-12.0.0-beta.12.tgz","fileCount":241,"integrity":"sha512-SOAcRq1+7aP1hJT0xOuSqrXcqTQGabOo/mn/VR0Jdt6jrKfv7M4XwtwyUj9s3royOtUG02y65uHa3WLl5XRyLQ==","signatures":[{"sig":"MEQCIA/dBQ52hc0oPAJnNJ7rqVRQGQZZS225X8BxpbdlFKQtAiAW+yN2OQCFGrCeeZPggPabYIGKItkYubXI07Iow+eGug==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1405277,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdskZMCRA9TVsSAnZWagAAH7UP/RgWOD6YPdrcyRPwTeot\nudngYCc8Z8fprcRmtD5TP27JOaed1qbcYzWFFeRxibKNcysxLZo38AQDxgEj\nO2kRfQ4vQ/pyc/gEJamxFmugkfYw/KctW7ju7euURyZ9nPM5gxdaVabuSzxI\nW7bV9qHrMOh/+RrP1M/rij2Noewu3HyVTkQTTPhBSuJv9qDE0Kkc3FiyrD2G\nvoP0RA15e9kS1WsrWHuU63atcMLPAF2hnsvtTWUSv3Pp5Q3+VxZxcL82dxln\nQv3a/xHjq/KX/l+68teaFXOoDRf68yWOcS/NWJYkZ6wPWjycU4jGnMium5US\nIZQfGwowjtFhjqTvZoFIUgW6Iah0XRlTtlpYHG0LogGbCJ0PhSFMV8pYhmiS\nTAnHpXMTGO3BCZVEH9oMpT9uXx5UMMrOfoJpyl/PkOacA26Lr5SkMh3v8opw\np4HKg9PeXRgRxVYSWMrNR/qex93urazXpyfDkIqQ+RFD88qDm0U2qUNdd11y\nVbp9CKo90wNNdg8VO6yYu7uuNx/fFd9Nw9wKeZh1FyT6BID6XcB5BUiCQtBi\nK5pyMJaHsgC/mbEt6j/0/zl1BVssy8S5QIKu94cKD4CzV/0uimilwaQwHTe5\nJNkj5O46NtH7ae/FqVmwIEbQs9ZiyRCl2l4L94dcLTtEwYaIm+mF93259Mqt\nz0AP\r\n=8FnI\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/react-beautiful-dnd.cjs.js","config":{"prettier_target":"*.{js,jsx,md,json} src/**/*.{js,jsx,md,json} test/**/*.{js,jsx,md,json} docs/**/*.{js,jsx,md,json} stories/**/*.{js,jsx,md,json} cypress/**/*.{js,jsx,md,json}"},"module":"dist/react-beautiful-dnd.esm.js","readme":"<p align=\"center\">\n  <img src=\"https://user-images.githubusercontent.com/2182637/53611918-54c1ff80-3c24-11e9-9917-66ac3cef513d.png\" alt=\"react beautiful dnd logo\" />\n</p>\n<h1 align=\"center\">react-beautiful-dnd <small><sup>(rbd)</sup></small></h1>\n\n<div align=\"center\">\n\n**Beautiful** and **accessible** drag and drop for lists with [`React`](https://facebook.github.io/react/)\n\n[![CircleCI branch](https://img.shields.io/circleci/project/github/atlassian/react-beautiful-dnd/master.svg)](https://circleci.com/gh/atlassian/react-beautiful-dnd/tree/master)\n[![npm](https://img.shields.io/npm/v/react-beautiful-dnd.svg)](https://www.npmjs.com/package/react-beautiful-dnd)\n\n![quote application example](https://user-images.githubusercontent.com/2182637/53614150-efbed780-3c2c-11e9-9204-a5d2e746faca.gif)\n\n[Play with this example if you want!](https://react-beautiful-dnd.netlify.com/iframe.html?selectedKind=board&selectedStory=simple)\n\n</div>\n\n## Core characteristics\n\n- Beautiful and [natural movement](/docs/about/animations.md) of items 💐\n- [Accessible](/docs/about/accessibility.md): powerful keyboard and screen reader support ♿️\n- [Extremely performant](/docs/support/media.md) 🚀\n- Clean and powerful api which is simple to get started with\n- Plays extremely well with standard browser interactions\n- [Unopinionated styling](/docs/guides/preset-styles.md)\n- No creation of additional wrapper dom nodes - flexbox and focus management friendly!\n\n## Get started 👩‍🏫\n\nWe have created [a free course on `egghead.io` 🥚](https://egghead.io/courses/beautiful-and-accessible-drag-and-drop-with-react-beautiful-dnd?af=2jc3e4) to help you get started with `react-beautiful-dnd` as quickly as possible.\n\n[![course-logo](https://user-images.githubusercontent.com/2182637/43372837-8c72d3f8-93e8-11e8-9d92-a82adde7718f.png)](https://egghead.io/courses/beautiful-and-accessible-drag-and-drop-with-react-beautiful-dnd?af=2jc3e4)\n\n## Currently supported feature set ✅\n\n- Vertical lists ↕\n- Horizontal lists ↔\n- Movement between lists (▤ ↔ ▤)\n- [Combining items](/docs/guides/combining.md)\n- Mouse 🐭, keyboard 🎹♿️ and touch 👉📱 (mobile, tablet and so on) support\n- [Multi drag support](/docs/patterns/multi-drag.md)\n- Incredible screen reader support ♿️ - we provide an amazing experience for english screen readers out of the box 📦. We also provide complete customisation control and internationalisation support for those who need it 💖\n- [Conditional dragging](/docs/api/draggable.md#optional-props) and [conditional dropping](/docs/api/droppable.md#conditionally-dropping)\n- Multiple independent lists on the one page\n- Flexible item sizes - the draggable items can have different heights (vertical lists) or widths (horizontal lists)\n- [Add and remove items during a drag](/docs/guides/changes-while-dragging.md)\n- Compatible with semantic `<table>` reordering - [table pattern](/docs/patterns/tables.md)\n- [Auto scrolling](/docs/guides/auto-scrolling.md) - automatically scroll containers and the window as required during a drag (even with keyboard 🔥)\n- Custom drag handles - you can drag a whole item by just a part of it\n- Able to move the dragging item to another element while dragging (clone, portal) - [Reparenting your `<Draggable />`](/docs/guides/reparenting.md)\n- [Create scripted drag and drop experiences 🎮](/docs/sensors/sensor-api.md)\n- Allows extensions to support for [any input type you like 🕹](/docs/sensors/sensor-api.md)\n- 🌲 Tree support through the [`@atlaskit/tree`](https://atlaskit.atlassian.com/packages/core/tree) package\n- A `<Droppable />` list can be a scroll container (without a scrollable parent) or be the child of a scroll container (that also does not have a scrollable parent)\n- Independent nested lists - a list can be a child of another list, but you cannot drag items from the parent list into a child list\n- Server side rendering (SSR) compatible - see [resetServerContext()](/docs/api/reset-server-context.md)\n- Plays well with [nested interactive elements](/docs/api/draggable.md#interactive-child-elements-within-a-draggable-) by default\n\n## Motivation 🤔\n\n`react-beautiful-dnd` exists to create beautiful drag and drop for lists that anyone can use - even people who cannot see. For a good overview of the history and motivations of the project you can take a look at these external resources:\n\n- 📖 [Rethinking drag and drop](https://medium.com/@alexandereardon/rethinking-drag-and-drop-d9f5770b4e6b)\n- 🎧 [React podcast: fast, accessible and beautiful drag and drop](https://reactpodcast.simplecast.fm/17)\n\n## Not for everyone ✌️\n\nThere are a lot of libraries out there that allow for drag and drop interactions within React. Most notable of these is the amazing [`react-dnd`](https://github.com/react-dnd/react-dnd). It does an incredible job at providing a great set of drag and drop primitives which work especially well with the [wildly inconsistent](https://www.quirksmode.org/blog/archives/2009/09/the_html5_drag.html) html5 drag and drop feature. `react-beautiful-dnd` is a higher level abstraction specifically built for lists (vertical, horizontal, movement between lists, nested lists and so on). Within that subset of functionality `react-beautiful-dnd` offers a powerful, natural and beautiful drag and drop experience. However, it does not provide the breadth of functionality offered by `react-dnd`. So `react-beautiful-dnd` might not be for you depending on what your use case is.\n\n## Documentation 📖\n\n### About 👋\n\n- [Installation](/docs/about/installation.md)\n- [Examples and samples](/docs/about/examples.md)\n- [Get started](https://egghead.io/courses/beautiful-and-accessible-drag-and-drop-with-react-beautiful-dnd?af=2jc3e4)\n- [Design principles](/docs/about/design-principles.md)\n- [Animations](/docs/about/animations.md)\n- [Accessibility](/docs/about/accessibility.md)\n- [Browser support](/docs/about/browser-support.md)\n\n### Sensors 🔉\n\n> The ways in which somebody can start and control a drag\n\n- [Mouse dragging 🐭](/docs/sensors/mouse.md)\n- [Touch dragging 👉📱](/docs/sensors/touch.md)\n- [Keyboard dragging 🎹♿️](/docs/sensors/keyboard.md)\n- [Create your own sensor](/docs/sensors/sensor-api.md) (allows for any input type as well as scripted experiences)\n\n### API 🏋️‍\n\n![diagram](https://user-images.githubusercontent.com/2182637/53607406-c8f3a780-3c12-11e9-979c-7f3b5bd1bfbd.gif)\n\n- [`<DragDropContext />`](/docs/api/drag-drop-context.md) - _Wraps the part of your application you want to have drag and drop enabled for_\n- [`<Droppable />`](/docs/api/droppable.md) - _An area that can be dropped into. Contains `<Draggable />`s_\n- [`<Draggable />`](/docs/api/draggable.md) - _What can be dragged around_\n- [`resetServerContext()`](/docs/api/reset-server-context.md) - _Utility for server side rendering (SSR)_\n\n### Guides 🗺\n\n- [`<DragDropContext />` responders](/docs/guides/responders.md) - _`onDragStart`, `onDragUpdate`, `onDragEnd` and `onBeforeDragStart`_\n- [Combining `<Draggable />`s](/docs/guides/combining.md)\n- [Common setup issues](/docs/guides/common-setup-issues.md)\n- [Using `innerRef`](/docs/guides/using-inner-ref.md)\n- [Setup problem detection and error recovery](/docs/guides/setup-problem-detection-and-error-recovery.md)\n- [Rules for `draggableId` and `droppableId`s](/docs/guides/identifiers.md)\n- [Browser focus retention](/docs/guides/browser-focus.md)\n- [Customising or skipping the drop animation](/docs/guides/drop-animation.md)\n- [Auto scrolling](/docs/guides/auto-scrolling.md)\n- [Controlling the screen reader](/docs/guides/screen-reader.md)\n- [Use the html5 `doctype`](/docs/guides/doctype.md)\n- [`TypeScript` and `flow`](/docs/guides/types.md)\n- [Dragging `<svg>`s](/docs/guides/dragging-svgs.md)\n- [Avoiding image flickering](/docs/guides/avoiding-image-flickering.md)\n- [Non-visible preset styles](/docs/guides/preset-styles.md)\n- [How we detect scroll containers](/docs/guides/how-we-detect-scroll-containers.md)\n- [How we use dom events](/docs/guides/how-we-use-dom-events.md) - _Useful if you need to build on top of `react-beautiful-dnd`_\n- [Adding `<Draggable />`s during a drag (11.x behaviour)](/docs/guides/changes-while-dragging.md) - _⚠️ Advanced_\n- [Setting up Content Security Policy](/docs/guides/content-security-policy.md)\n\n### Patterns 👷‍\n\n- [Multi drag](/docs/patterns/multi-drag.md)\n- [Tables](/docs/patterns/tables.md)\n- [Reparenting a `<Draggable />`](/docs/guides/reparenting.md) - _Using our cloning API or your own portal_\n\n### Support 👩‍⚕️\n\n- [Engineering health](/docs/support/engineering-health.md)\n- [Community and addons](/docs/support/community-and-addons.md)\n- [Release notes and changelog](https://github.com/atlassian/react-beautiful-dnd/releases)\n- [Upgrading](/docs/support/upgrading.md)\n- [Road map](https://github.com/atlassian/react-beautiful-dnd/issues)\n- [Media](/docs/support/media.md)\n\n## Read this in other languages 🌎\n\n- [![kr](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/South-Korea.png) **한글/Korean**](https://github.com/LeeHyungGeun/react-beautiful-dnd-kr)\n- [![ru](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/Russia.png) **На русском/Russian**](https://github.com/vtereshyn/react-beautiful-dnd-ru)\n- [![pt](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/Brazil.png) **Português/Portuguese**](https://github.com/dudestein/react-beautiful-dnd-pt)\n\n## Author ✍️\n\nAlex Reardon [@alexandereardon](https://twitter.com/alexandereardon)\n\n## Collaborators 🤝\n\n- Bogdan Chadkin [@IAmTrySound](https://twitter.com/IAmTrySound)\n- Luke Batchelor [@alukebatchelor](https://twitter.com/alukebatchelor)\n- Jared Crowe [@jaredjcrowe](https://twitter.com/jaredjcrowe)\n- Many other [@Atlassian](https://twitter.com/Atlassian)'s!\n","gitHead":"7918568d6936188586a487b0177ce194bfaa5983","scripts":{"test":"jest --config ./jest.config.js","build":"yarn build:clean && yarn build:dist && yarn build:flow","test:ci":"jest test --maxWorkers=2","lint:css":"stylelint \"stories/**/*.{js,jsx}\"","validate":"yarn prettier:check && yarn lint:eslint && yarn lint:css && yarn typecheck","storybook":"start-storybook -p 9002","typecheck":"flow check --max-warnings=0","build:dist":"rollup -c","build:flow":"echo \"// @flow\n\nexport * from '../src';\" > dist/react-beautiful-dnd.cjs.js.flow","build:clean":"rimraf dist","lint:eslint":"yarn eslint \"./**/*.{js,jsx}\"","test:browser":"cypress open","test:coverage":"yarn test --coverage --coveragePathIgnorePatterns=/debug","prepublishOnly":"yarn build","prettier:check":"yarn prettier --debug-check $npm_package_config_prettier_target","prettier:write":"yarn prettier --write $npm_package_config_prettier_target","build-storybook":"build-storybook -c .storybook -o site","test:browser:ci":"cypress run","bundle-size:check":"cross-env SNAPSHOT=match yarn bundle-size:update","bundle-size:update":"yarn build:clean && yarn build:dist && yarn build:clean","test:accessibility":"lighthouse http://localhost:9002/iframe.html?id=single-vertical-list--basic --chrome-flags='--headless' --output=json --output=html --output-path=./test-reports/lighthouse/a11y.json && node a11y-audit-parse.js"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"jest-junit":{"output":"test-reports/junit/js-test-results.xml"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"6.4.1","description":"Beautiful and accessible drag and drop for lists with React","directories":{},"sideEffects":false,"_nodeVersion":"10.15.3","dependencies":{"redux":"^4.0.4","raf-schd":"^4.0.2","memoize-one":"^5.1.1","react-redux":"^7.1.1","use-memo-one":"^1.1.1","css-box-model":"^1.2.0","@babel/runtime-corejs2":"^7.6.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^24.9.0","react":"^16.11.0","enzyme":"^3.10.0","eslint":"6.5.1","globby":"^10.0.1","rimraf":"^3.0.0","rollup":"^1.25.2","cypress":"^3.5.0","webpack":"^4.41.2","flow-bin":"0.110.1","fs-extra":"^8.0.1","prettier":"^1.18.2","raf-stub":"^3.0.0","cross-env":"^6.0.3","react-dom":"^16.11.0","stylelint":"^11.1.1","wait-port":"^0.2.6","babel-core":"^7.0.0-bridge.0","babel-jest":"^24.9.0","jest-junit":"^9.0.0","lighthouse":"^5.6.0","@babel/core":"^7.6.4","markdown-it":"^10.0.0","babel-eslint":"^10.0.3","babel-loader":"^8.0.6","react-window":"^1.8.5","@emotion/core":"^10.0.22","@atlaskit/theme":"^9.2.5","@emotion/styled":"^10.0.22","emotion-theming":"^10.0.19","@storybook/react":"^5.2.5","@babel/preset-env":"^7.6.3","react-virtualized":"^9.21.1","styled-components":"4.4.0","@babel/preset-flow":"^7.0.0","@storybook/theming":"^5.2.5","eslint-plugin-jest":"^22.20.0","rollup-plugin-json":"^4.0.0","@atlaskit/css-reset":"^5.0.9","@babel/preset-react":"^7.6.3","eslint-plugin-react":"^7.16.0","react-test-renderer":"^16.11.0","require-from-string":"^2.0.2","rollup-plugin-babel":"^4.3.3","rollup-plugin-strip":"^1.2.2","babel-plugin-emotion":"^10.0.22","eslint-config-airbnb":"^18.0.1","eslint-plugin-import":"^2.18.2","jest-watch-typeahead":"^0.4.0","rollup-plugin-terser":"^5.1.2","eslint-plugin-cypress":"^2.7.0","eslint-plugin-emotion":"^10.0.14","rollup-plugin-replace":"^2.2.0","@testing-library/react":"^9.3.0","eslint-config-prettier":"^6.4.0","eslint-plugin-flowtype":"^4.3.0","eslint-plugin-jsx-a11y":"^6.2.1","eslint-plugin-prettier":"^3.1.1","rollup-plugin-commonjs":"^10.1.0","enzyme-adapter-react-16":"^1.15.1","eslint-plugin-react-hooks":"^2.2.0","stylelint-config-prettier":"^6.0.0","stylelint-config-standard":"^19.0.0","rollup-plugin-node-resolve":"^5.1.0","babel-plugin-dev-expression":"^0.2.2","rollup-plugin-size-snapshot":"^0.10.0","stylelint-config-recommended":"^3.0.0","@emotion/babel-preset-css-prop":"^10.0.22","@babel/plugin-transform-runtime":"^7.6.2","stylelint-config-styled-components":"^0.1.1","stylelint-processor-styled-components":"^1.8.0","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-transform-modules-commonjs":"^7.6.0"},"peerDependencies":{"react":"^16.8.5"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd_12.0.0-beta.12_1571964491216_0.2922787770402089","host":"s3://npm-registry-packages"}},"12.0.0-beta.13":{"name":"react-beautiful-dnd","version":"12.0.0-beta.13","keywords":["drag and drop","dnd","sortable","reorder","reorderable","react","react.js","natural","beautiful","accessible"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@12.0.0-beta.13","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"},{"name":"jaredcrowe","email":"jared.j.crowe@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"9f35a81267613825d510a6b3a7ab75e8a3a9c4f4","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-12.0.0-beta.13.tgz","fileCount":241,"integrity":"sha512-h4ww3Tz/ormnUimi/iMp12by9s+qWBbx2M2IEh7felGWE7QQE64i/o3VxDDLHJgp5LggMf9Mjh22An68rkgTgA==","signatures":[{"sig":"MEUCIH/xK7WJKoLfpF2QoN+ZlcYH1rtEbwu2zFjUl/TWPglZAiEAplEYWccbshQ6P3cZ7VmWKsvBFI2SmERIRGXV1FLQ+Uw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1406866,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdtX/eCRA9TVsSAnZWagAAdN0P/0Olhnng32vFu/549rV5\nIphFVm7bY/UNVZCGTTXAYZy03PzEJqHnEWIXEoNB5xvfXPy/2QKmD4gc8gM8\niACdxo6IhOkrBnGn3IJY/zsU34piFUB8oONBTEIuZKoFZsIsa51KTpu8upAZ\nVIbzlzLqRkwvwhRRMr/YA3skTcnQw9maIVIHgAPHFfqp1sMWZr9O8THKx8aE\niRfEdDbk4yKxHvdRjOhV6olMUndoZgYbF9hwFotynGVJOI1GL83FTyf3Laml\nPuBiBa+Jiw+BOi0BLxJvkkBaOKGfLd+t7w/SSH4gxdFdTU3j3OoQD0QwRjEc\n8nzlIk7edcn9DDWByPX/UZ4knzYuVQRQhDX0Os55EvMoH6YYPsPmbYebudGv\n5aZVcL5l9sxgra+CbIQKkm1x3yzSy1YcEMsPoXmxqAdoeQOR7+C4jLRv7bLn\nebHBfS3PUf4lSVAKRS4SXbbRlrlB4yQR12oAbkzkPSTaAOlkK9poLmTBi86z\neC7O9m64Wt5aOdezK2SmAt0JY67qTvXriJkB3sHrp/b3W2mSWUTcu2TjpBEM\nwlAE10WGBCLAV23E8CtLx1A0j9FP47Eql6XFMscFxunP+wveGdgxHMj+CLw6\nutFyVfkcYcsbA5SGJuNNTcC/rI5yyF2soOxQCSuOh08wMZnsozZ7KluRKBqc\nt3Nl\r\n=mwPx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/react-beautiful-dnd.cjs.js","config":{"prettier_target":"*.{js,jsx,md,json} src/**/*.{js,jsx,md,json} test/**/*.{js,jsx,md,json} docs/**/*.{js,jsx,md,json} stories/**/*.{js,jsx,md,json} cypress/**/*.{js,jsx,md,json}"},"module":"dist/react-beautiful-dnd.esm.js","readme":"<p align=\"center\">\n  <img src=\"https://user-images.githubusercontent.com/2182637/53611918-54c1ff80-3c24-11e9-9917-66ac3cef513d.png\" alt=\"react beautiful dnd logo\" />\n</p>\n<h1 align=\"center\">react-beautiful-dnd <small><sup>(rbd)</sup></small></h1>\n\n<div align=\"center\">\n\n**Beautiful** and **accessible** drag and drop for lists with [`React`](https://facebook.github.io/react/)\n\n[![CircleCI branch](https://img.shields.io/circleci/project/github/atlassian/react-beautiful-dnd/master.svg)](https://circleci.com/gh/atlassian/react-beautiful-dnd/tree/master)\n[![npm](https://img.shields.io/npm/v/react-beautiful-dnd.svg)](https://www.npmjs.com/package/react-beautiful-dnd)\n\n![quote application example](https://user-images.githubusercontent.com/2182637/53614150-efbed780-3c2c-11e9-9204-a5d2e746faca.gif)\n\n[Play with this example if you want!](https://react-beautiful-dnd.netlify.com/iframe.html?selectedKind=board&selectedStory=simple)\n\n</div>\n\n## Core characteristics\n\n- Beautiful and [natural movement](/docs/about/animations.md) of items 💐\n- [Accessible](/docs/about/accessibility.md): powerful keyboard and screen reader support ♿️\n- [Extremely performant](/docs/support/media.md) 🚀\n- Clean and powerful api which is simple to get started with\n- Plays extremely well with standard browser interactions\n- [Unopinionated styling](/docs/guides/preset-styles.md)\n- No creation of additional wrapper dom nodes - flexbox and focus management friendly!\n\n## Get started 👩‍🏫\n\nWe have created [a free course on `egghead.io` 🥚](https://egghead.io/courses/beautiful-and-accessible-drag-and-drop-with-react-beautiful-dnd?af=2jc3e4) to help you get started with `react-beautiful-dnd` as quickly as possible.\n\n[![course-logo](https://user-images.githubusercontent.com/2182637/43372837-8c72d3f8-93e8-11e8-9d92-a82adde7718f.png)](https://egghead.io/courses/beautiful-and-accessible-drag-and-drop-with-react-beautiful-dnd?af=2jc3e4)\n\n## Currently supported feature set ✅\n\n- Vertical lists ↕\n- Horizontal lists ↔\n- Movement between lists (▤ ↔ ▤)\n- [Virtual list support 👾](/docs/patterns/virtual-lists.md) - unlocking 10,000 items @ 60fps\n- [Combining items](/docs/guides/combining.md)\n- Mouse 🐭, keyboard 🎹♿️ and touch 👉📱 (mobile, tablet and so on) support\n- [Multi drag support](/docs/patterns/multi-drag.md)\n- Incredible screen reader support ♿️ - we provide an amazing experience for english screen readers out of the box 📦. We also provide complete customisation control and internationalisation support for those who need it 💖\n- [Conditional dragging](/docs/api/draggable.md#optional-props) and [conditional dropping](/docs/api/droppable.md#conditionally-dropping)\n- Multiple independent lists on the one page\n- Flexible item sizes - the draggable items can have different heights (vertical lists) or widths (horizontal lists)\n- [Add and remove items during a drag](/docs/guides/changes-while-dragging.md)\n- Compatible with semantic `<table>` reordering - [table pattern](/docs/patterns/tables.md)\n- [Auto scrolling](/docs/guides/auto-scrolling.md) - automatically scroll containers and the window as required during a drag (even with keyboard 🔥)\n- Custom drag handles - you can drag a whole item by just a part of it\n- Able to move the dragging item to another element while dragging (clone, portal) - [Reparenting your `<Draggable />`](/docs/guides/reparenting.md)\n- [Create scripted drag and drop experiences 🎮](/docs/sensors/sensor-api.md)\n- Allows extensions to support for [any input type you like 🕹](/docs/sensors/sensor-api.md)\n- 🌲 Tree support through the [`@atlaskit/tree`](https://atlaskit.atlassian.com/packages/core/tree) package\n- A `<Droppable />` list can be a scroll container (without a scrollable parent) or be the child of a scroll container (that also does not have a scrollable parent)\n- Independent nested lists - a list can be a child of another list, but you cannot drag items from the parent list into a child list\n- Server side rendering (SSR) compatible - see [resetServerContext()](/docs/api/reset-server-context.md)\n- Plays well with [nested interactive elements](/docs/api/draggable.md#interactive-child-elements-within-a-draggable-) by default\n\n## Motivation 🤔\n\n`react-beautiful-dnd` exists to create beautiful drag and drop for lists that anyone can use - even people who cannot see. For a good overview of the history and motivations of the project you can take a look at these external resources:\n\n- 📖 [Rethinking drag and drop](https://medium.com/@alexandereardon/rethinking-drag-and-drop-d9f5770b4e6b)\n- 🎧 [React podcast: fast, accessible and beautiful drag and drop](https://reactpodcast.simplecast.fm/17)\n\n## Not for everyone ✌️\n\nThere are a lot of libraries out there that allow for drag and drop interactions within React. Most notable of these is the amazing [`react-dnd`](https://github.com/react-dnd/react-dnd). It does an incredible job at providing a great set of drag and drop primitives which work especially well with the [wildly inconsistent](https://www.quirksmode.org/blog/archives/2009/09/the_html5_drag.html) html5 drag and drop feature. `react-beautiful-dnd` is a higher level abstraction specifically built for lists (vertical, horizontal, movement between lists, nested lists and so on). Within that subset of functionality `react-beautiful-dnd` offers a powerful, natural and beautiful drag and drop experience. However, it does not provide the breadth of functionality offered by `react-dnd`. So `react-beautiful-dnd` might not be for you depending on what your use case is.\n\n## Documentation 📖\n\n### About 👋\n\n- [Installation](/docs/about/installation.md)\n- [Examples and samples](/docs/about/examples.md)\n- [Get started](https://egghead.io/courses/beautiful-and-accessible-drag-and-drop-with-react-beautiful-dnd?af=2jc3e4)\n- [Design principles](/docs/about/design-principles.md)\n- [Animations](/docs/about/animations.md)\n- [Accessibility](/docs/about/accessibility.md)\n- [Browser support](/docs/about/browser-support.md)\n\n### Sensors 🔉\n\n> The ways in which somebody can start and control a drag\n\n- [Mouse dragging 🐭](/docs/sensors/mouse.md)\n- [Touch dragging 👉📱](/docs/sensors/touch.md)\n- [Keyboard dragging 🎹♿️](/docs/sensors/keyboard.md)\n- [Create your own sensor](/docs/sensors/sensor-api.md) (allows for any input type as well as scripted experiences)\n\n### API 🏋️‍\n\n![diagram](https://user-images.githubusercontent.com/2182637/53607406-c8f3a780-3c12-11e9-979c-7f3b5bd1bfbd.gif)\n\n- [`<DragDropContext />`](/docs/api/drag-drop-context.md) - _Wraps the part of your application you want to have drag and drop enabled for_\n- [`<Droppable />`](/docs/api/droppable.md) - _An area that can be dropped into. Contains `<Draggable />`s_\n- [`<Draggable />`](/docs/api/draggable.md) - _What can be dragged around_\n- [`resetServerContext()`](/docs/api/reset-server-context.md) - _Utility for server side rendering (SSR)_\n\n### Guides 🗺\n\n- [`<DragDropContext />` responders](/docs/guides/responders.md) - _`onDragStart`, `onDragUpdate`, `onDragEnd` and `onBeforeDragStart`_\n- [Combining `<Draggable />`s](/docs/guides/combining.md)\n- [Common setup issues](/docs/guides/common-setup-issues.md)\n- [Using `innerRef`](/docs/guides/using-inner-ref.md)\n- [Setup problem detection and error recovery](/docs/guides/setup-problem-detection-and-error-recovery.md)\n- [Rules for `draggableId` and `droppableId`s](/docs/guides/identifiers.md)\n- [Browser focus retention](/docs/guides/browser-focus.md)\n- [Customising or skipping the drop animation](/docs/guides/drop-animation.md)\n- [Auto scrolling](/docs/guides/auto-scrolling.md)\n- [Controlling the screen reader](/docs/guides/screen-reader.md)\n- [Use the html5 `doctype`](/docs/guides/doctype.md)\n- [`TypeScript` and `flow`](/docs/guides/types.md)\n- [Dragging `<svg>`s](/docs/guides/dragging-svgs.md)\n- [Avoiding image flickering](/docs/guides/avoiding-image-flickering.md)\n- [Non-visible preset styles](/docs/guides/preset-styles.md)\n- [How we detect scroll containers](/docs/guides/how-we-detect-scroll-containers.md)\n- [How we use dom events](/docs/guides/how-we-use-dom-events.md) - _Useful if you need to build on top of `react-beautiful-dnd`_\n- [Adding `<Draggable />`s during a drag (11.x behaviour)](/docs/guides/changes-while-dragging.md) - _⚠️ Advanced_\n- [Setting up Content Security Policy](/docs/guides/content-security-policy.md)\n\n### Patterns 👷‍\n\n- [Virtual lists 👾](/docs/patterns/virtual-lists.md)\n- [Multi drag](/docs/patterns/multi-drag.md)\n- [Tables](/docs/patterns/tables.md)\n- [Reparenting a `<Draggable />`](/docs/guides/reparenting.md) - _Using our cloning API or your own portal_\n\n### Support 👩‍⚕️\n\n- [Engineering health](/docs/support/engineering-health.md)\n- [Community and addons](/docs/support/community-and-addons.md)\n- [Release notes and changelog](https://github.com/atlassian/react-beautiful-dnd/releases)\n- [Upgrading](/docs/support/upgrading.md)\n- [Road map](https://github.com/atlassian/react-beautiful-dnd/issues)\n- [Media](/docs/support/media.md)\n\n## Read this in other languages 🌎\n\n- [![kr](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/South-Korea.png) **한글/Korean**](https://github.com/LeeHyungGeun/react-beautiful-dnd-kr)\n- [![ru](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/Russia.png) **На русском/Russian**](https://github.com/vtereshyn/react-beautiful-dnd-ru)\n- [![pt](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/Brazil.png) **Português/Portuguese**](https://github.com/dudestein/react-beautiful-dnd-pt)\n\n## Author ✍️\n\nAlex Reardon [@alexandereardon](https://twitter.com/alexandereardon)\n\n## Collaborators 🤝\n\n- Bogdan Chadkin [@IAmTrySound](https://twitter.com/IAmTrySound)\n- Luke Batchelor [@alukebatchelor](https://twitter.com/alukebatchelor)\n- Jared Crowe [@jaredjcrowe](https://twitter.com/jaredjcrowe)\n- Many other [@Atlassian](https://twitter.com/Atlassian)'s!\n","gitHead":"f918b59c35d3bfc18ac1589757c36dc7af7fedb6","scripts":{"test":"jest --config ./jest.config.js","build":"yarn build:clean && yarn build:dist && yarn build:flow","test:ci":"jest test --maxWorkers=2","lint:css":"stylelint \"stories/**/*.{js,jsx}\"","validate":"yarn prettier:check && yarn lint:eslint && yarn lint:css && yarn typecheck","storybook":"start-storybook -p 9002","typecheck":"flow check --max-warnings=0","build:dist":"rollup -c","build:flow":"echo \"// @flow\n\nexport * from '../src';\" > dist/react-beautiful-dnd.cjs.js.flow","build:clean":"rimraf dist","lint:eslint":"yarn eslint \"./**/*.{js,jsx}\"","test:browser":"cypress open","test:coverage":"yarn test --coverage --coveragePathIgnorePatterns=/debug","prepublishOnly":"yarn build","prettier:check":"yarn prettier --debug-check $npm_package_config_prettier_target","prettier:write":"yarn prettier --write $npm_package_config_prettier_target","build-storybook":"build-storybook -c .storybook -o site","test:browser:ci":"cypress run","bundle-size:check":"cross-env SNAPSHOT=match yarn bundle-size:update","bundle-size:update":"yarn build:clean && yarn build:dist && yarn build:clean","test:accessibility":"lighthouse http://localhost:9002/iframe.html?id=single-vertical-list--basic --chrome-flags='--headless' --output=json --output=html --output-path=./test-reports/lighthouse/a11y.json && node a11y-audit-parse.js"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"jest-junit":{"output":"test-reports/junit/js-test-results.xml"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"6.4.1","description":"Beautiful and accessible drag and drop for lists with React","directories":{},"sideEffects":false,"_nodeVersion":"10.15.3","dependencies":{"redux":"^4.0.4","raf-schd":"^4.0.2","memoize-one":"^5.1.1","react-redux":"^7.1.1","use-memo-one":"^1.1.1","css-box-model":"^1.2.0","@babel/runtime-corejs2":"^7.6.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^24.9.0","react":"^16.11.0","enzyme":"^3.10.0","eslint":"6.5.1","globby":"^10.0.1","rimraf":"^3.0.0","rollup":"^1.25.2","cypress":"^3.5.0","webpack":"^4.41.2","flow-bin":"0.110.1","fs-extra":"^8.0.1","prettier":"^1.18.2","raf-stub":"^3.0.0","cross-env":"^6.0.3","react-dom":"^16.11.0","stylelint":"^11.1.1","wait-port":"^0.2.6","babel-core":"^7.0.0-bridge.0","babel-jest":"^24.9.0","jest-junit":"^9.0.0","lighthouse":"^5.6.0","@babel/core":"^7.6.4","markdown-it":"^10.0.0","babel-eslint":"^10.0.3","babel-loader":"^8.0.6","react-window":"^1.8.5","@emotion/core":"^10.0.22","@atlaskit/theme":"^9.2.5","@emotion/styled":"^10.0.22","emotion-theming":"^10.0.19","@storybook/react":"^5.2.5","@babel/preset-env":"^7.6.3","react-virtualized":"^9.21.1","styled-components":"4.4.0","@babel/preset-flow":"^7.0.0","@storybook/theming":"^5.2.5","eslint-plugin-jest":"^22.20.0","rollup-plugin-json":"^4.0.0","@atlaskit/css-reset":"^5.0.9","@babel/preset-react":"^7.6.3","eslint-plugin-react":"^7.16.0","react-test-renderer":"^16.11.0","require-from-string":"^2.0.2","rollup-plugin-babel":"^4.3.3","rollup-plugin-strip":"^1.2.2","babel-plugin-emotion":"^10.0.22","eslint-config-airbnb":"^18.0.1","eslint-plugin-import":"^2.18.2","jest-watch-typeahead":"^0.4.0","rollup-plugin-terser":"^5.1.2","eslint-plugin-cypress":"^2.7.0","eslint-plugin-emotion":"^10.0.14","rollup-plugin-replace":"^2.2.0","@testing-library/react":"^9.3.0","eslint-config-prettier":"^6.4.0","eslint-plugin-flowtype":"^4.3.0","eslint-plugin-jsx-a11y":"^6.2.1","eslint-plugin-prettier":"^3.1.1","rollup-plugin-commonjs":"^10.1.0","enzyme-adapter-react-16":"^1.15.1","eslint-plugin-react-hooks":"^2.2.0","stylelint-config-prettier":"^6.0.0","stylelint-config-standard":"^19.0.0","rollup-plugin-node-resolve":"^5.1.0","babel-plugin-dev-expression":"^0.2.2","rollup-plugin-size-snapshot":"^0.10.0","stylelint-config-recommended":"^3.0.0","@emotion/babel-preset-css-prop":"^10.0.22","@babel/plugin-transform-runtime":"^7.6.2","stylelint-config-styled-components":"^0.1.1","stylelint-processor-styled-components":"^1.8.0","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-transform-modules-commonjs":"^7.6.0"},"peerDependencies":{"react":"^16.8.5","react-dom":"^16.8.5"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd_12.0.0-beta.13_1572175837546_0.8347692220808203","host":"s3://npm-registry-packages"}},"12.0.0":{"name":"react-beautiful-dnd","version":"12.0.0","keywords":["drag and drop","dnd","sortable","reorder","reorderable","react","react.js","natural","beautiful","accessible"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@12.0.0","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"},{"name":"jaredcrowe","email":"jared.j.crowe@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"38b76446455c332870bf0d05f14a97af2a07dfca","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-12.0.0.tgz","fileCount":241,"integrity":"sha512-NdttVdqLL1y8vKNx7VlcBCsC4c/8R/H4NIYo5rqPGU1HF48oXHrTpSDWw1HPMTBifVty4OKOkSIwo1NcvE3bDw==","signatures":[{"sig":"MEYCIQCO9V4p5f8uO9QU2vmGRMG4Lb5wEZMFhaRpx8b03zD0ewIhAN8DUVouZZYfGOOtyyTYgA9Ki9G7hpzX7GNbq+GT6WKk","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1406858,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdt3JkCRA9TVsSAnZWagAAIXgP/j3VfdXq+L0877LYiqwp\nzfKGbfKsNH3L0tlL6it16VYSMmudJ6hC1hiCQryueEuNCNYFF6iVNRaBc/oR\nVvx3XJZN5hnFyw40OwS68emEb5lROMJ5BJQhihN3T07oIwVZPW3tuSR2NvKO\np9lL4hRIhd/N2C4dZGkHtRfOs0tL+hFgjMQ+jXp2WlOTSUXKjCbS2OiEOrVh\nnb92IY/xohlRUimG/8b/wMZH4qPl924BzFlc5osPd0xL8BOjkaG3jqkJJhD1\nwtAL4ZzvCaAaQIAHJOcoTC0o2TzbGPftClGnAmorE6/7i30JgnPAf8kyJVq0\nVqedfdMRvXvWbaWbg0QVc1MMkxM1YU2myH+KjtVLQEp5ZAxwOU5dkV5sCJpo\nkfQ1fAELhNy6xwPKNcWVBhFBZyhNrdYmhuV4Sei8uKxzG1Bi52HXAG2gnf+1\ngFW3/rt+W6UvWPamarRqLbZh7n45JLvwPwhikLqPIreaVEL6SYtEbDe/kvdS\noCx1/0YD+v0TT7qJozD53CSg2lX76mpkHp6IPCrgTTewp1MEYVdHO7lhbV5C\nk3/c7ja+IPsEHARW3do8PDhOwD0ishIOBY43LuuErIdSlOMrIhc093XzRmt9\nbD1G23mdhWnoEuH2TL4tWQsp5s2iJfwtHpMka/nFoRr9JGeqPDtehus4dpbO\nuhIQ\r\n=sipK\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/react-beautiful-dnd.cjs.js","config":{"prettier_target":"*.{js,jsx,md,json} src/**/*.{js,jsx,md,json} test/**/*.{js,jsx,md,json} docs/**/*.{js,jsx,md,json} stories/**/*.{js,jsx,md,json} cypress/**/*.{js,jsx,md,json}"},"module":"dist/react-beautiful-dnd.esm.js","gitHead":"46c136d0fbcd2d632c4bd97d0135aba6d0fcd404","scripts":{"test":"jest --config ./jest.config.js","build":"yarn build:clean && yarn build:dist && yarn build:flow","test:ci":"jest test --maxWorkers=2","lint:css":"stylelint \"stories/**/*.{js,jsx}\"","validate":"yarn prettier:check && yarn lint:eslint && yarn lint:css && yarn typecheck","storybook":"start-storybook -p 9002","typecheck":"flow check --max-warnings=0","build:dist":"rollup -c","build:flow":"echo \"// @flow\n\nexport * from '../src';\" > dist/react-beautiful-dnd.cjs.js.flow","build:clean":"rimraf dist","lint:eslint":"yarn eslint \"./**/*.{js,jsx}\"","test:browser":"cypress open","test:coverage":"yarn test --coverage --coveragePathIgnorePatterns=/debug","prepublishOnly":"yarn build","prettier:check":"yarn prettier --debug-check $npm_package_config_prettier_target","prettier:write":"yarn prettier --write $npm_package_config_prettier_target","build-storybook":"build-storybook -c .storybook -o site","test:browser:ci":"cypress run","bundle-size:check":"cross-env SNAPSHOT=match yarn bundle-size:update","bundle-size:update":"yarn build:clean && yarn build:dist && yarn build:clean","test:accessibility":"lighthouse http://localhost:9002/iframe.html?id=single-vertical-list--basic --chrome-flags='--headless' --output=json --output=html --output-path=./test-reports/lighthouse/a11y.json && node a11y-audit-parse.js"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"jest-junit":{"output":"test-reports/junit/js-test-results.xml"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"6.4.1","description":"Beautiful and accessible drag and drop for lists with React","directories":{},"sideEffects":false,"_nodeVersion":"10.15.3","dependencies":{"redux":"^4.0.4","raf-schd":"^4.0.2","memoize-one":"^5.1.1","react-redux":"^7.1.1","use-memo-one":"^1.1.1","css-box-model":"^1.2.0","@babel/runtime-corejs2":"^7.6.3"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^24.9.0","react":"^16.11.0","enzyme":"^3.10.0","eslint":"6.5.1","globby":"^10.0.1","rimraf":"^3.0.0","rollup":"^1.25.2","cypress":"^3.5.0","webpack":"^4.41.2","flow-bin":"0.110.1","fs-extra":"^8.0.1","prettier":"^1.18.2","raf-stub":"^3.0.0","cross-env":"^6.0.3","react-dom":"^16.11.0","stylelint":"^11.1.1","wait-port":"^0.2.6","babel-core":"^7.0.0-bridge.0","babel-jest":"^24.9.0","jest-junit":"^9.0.0","lighthouse":"^5.6.0","@babel/core":"^7.6.4","markdown-it":"^10.0.0","babel-eslint":"^10.0.3","babel-loader":"^8.0.6","react-window":"^1.8.5","@emotion/core":"^10.0.22","@atlaskit/theme":"^9.2.5","@emotion/styled":"^10.0.22","emotion-theming":"^10.0.19","@storybook/react":"^5.2.5","@babel/preset-env":"^7.6.3","react-virtualized":"^9.21.1","styled-components":"4.4.0","@babel/preset-flow":"^7.0.0","@storybook/theming":"^5.2.5","eslint-plugin-jest":"^22.20.0","rollup-plugin-json":"^4.0.0","@atlaskit/css-reset":"^5.0.9","@babel/preset-react":"^7.6.3","eslint-plugin-react":"^7.16.0","react-test-renderer":"^16.11.0","require-from-string":"^2.0.2","rollup-plugin-babel":"^4.3.3","rollup-plugin-strip":"^1.2.2","babel-plugin-emotion":"^10.0.22","eslint-config-airbnb":"^18.0.1","eslint-plugin-import":"^2.18.2","jest-watch-typeahead":"^0.4.0","rollup-plugin-terser":"^5.1.2","eslint-plugin-cypress":"^2.7.0","eslint-plugin-emotion":"^10.0.14","rollup-plugin-replace":"^2.2.0","@testing-library/react":"^9.3.0","eslint-config-prettier":"^6.4.0","eslint-plugin-flowtype":"^4.3.0","eslint-plugin-jsx-a11y":"^6.2.1","eslint-plugin-prettier":"^3.1.1","rollup-plugin-commonjs":"^10.1.0","enzyme-adapter-react-16":"^1.15.1","eslint-plugin-react-hooks":"^2.2.0","stylelint-config-prettier":"^6.0.0","stylelint-config-standard":"^19.0.0","rollup-plugin-node-resolve":"^5.1.0","babel-plugin-dev-expression":"^0.2.2","rollup-plugin-size-snapshot":"^0.10.0","stylelint-config-recommended":"^3.0.0","@emotion/babel-preset-css-prop":"^10.0.22","@babel/plugin-transform-runtime":"^7.6.2","stylelint-config-styled-components":"^0.1.1","stylelint-processor-styled-components":"^1.8.0","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-transform-modules-commonjs":"^7.6.0"},"peerDependencies":{"react":"^16.8.5","react-dom":"^16.8.5"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd_12.0.0_1572303459589_0.7741094770099255","host":"s3://npm-registry-packages"},"deprecated":"react-beautiful-dnd is now deprecated. Context and options: https://github.com/atlassian/react-beautiful-dnd/issues/2672"},"12.1.0-alpha.0":{"name":"react-beautiful-dnd","version":"12.1.0-alpha.0","keywords":["drag and drop","dnd","sortable","reorder","reorderable","react","react.js","natural","beautiful","accessible"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@12.1.0-alpha.0","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"},{"name":"jaredcrowe","email":"jared.j.crowe@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"9a4b661297db8509fb51091d7b20952f3e7f93ec","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-12.1.0-alpha.0.tgz","fileCount":241,"integrity":"sha512-1RTDbml8g/nJPJ3hvW3wxOUpdJ1bg+qXwrJS/FaK+a9xIde+T9USmfsK3B7r1xBOV29/5iiqgfSLpDsNcVw7JQ==","signatures":[{"sig":"MEQCIHaKBOOZMxrVWq23SfOjcHBscSnoU15/hLIi3w6j24x0AiAjTWr3JNQnwS8FIVCLK6aQEr0+dsuzJaakuB0TDwzL4w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1411946,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdzIW3CRA9TVsSAnZWagAAM9YP/RXH/unGqprYc+QiHW1m\n14R9rL+1INFwYrIszG9HfGRPwEcDXzZddzMQrm5sJubn0jtExCeURY/cOWgr\ndIwYBVb5w8tHSkf4ClKdSwJfbQ8fy7H/4ycFofM6zpwMxwfaGj9EdwXIubHw\nuiWFaXm9HN1N4eHrH4ODxRSw34TI8LWlf0T+9cTynGeEdz7ke1Zsva2DARDD\nakn5d+eNujQesP9UhJDL7Mp5BoI6AK4UyvZelDjxF5SxETFQQeJyKT7NnvW9\nMYreOJhVNGqayGA4DTjSt+8kpaDBXFmmd+ZfwtVKzkoh4T0vEQFqrpFKHB3o\nErDfdA4aAAfqfefSNYTtT5jiSYdEeaEAg8lXUTKS4iTC2LvOonkGpPNoKl87\novZfgK/GqJRLImzCeGkV0/gSE2fcJ/YvNCY45tiO2QhxBGUS74fz0te75g5E\nUXORGeABQr/r+g2o2B11BiO0XEMhr/R5gXvjU+T+6orYtPTmhertvq7ZolL7\nfnfzNuyezQwIlCUhGpReZDJ4zkhIvs6mPGxPYyphGG7yd+x4O6/fliEx/OmK\nDThjUMrwAb1HT98jFo5M/WoR9efsfwHL3gD+4WPfz+oCu//AjBmGy6W/ybLf\nkMRZFrpuEn/vBgLdjsFyCP5BTK/OZ0xNYmA/nSdpBTW25oyVXT9DRLC0DWGh\nCrQ6\r\n=cSBe\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/react-beautiful-dnd.cjs.js","config":{"prettier_target":"*.{js,jsx,md,json} src/**/*.{js,jsx,md,json} test/**/*.{js,jsx,md,json} docs/**/*.{js,jsx,md,json} stories/**/*.{js,jsx,md,json} cypress/**/*.{js,jsx,md,json}"},"module":"dist/react-beautiful-dnd.esm.js","readme":"<p align=\"center\">\n  <img src=\"https://user-images.githubusercontent.com/2182637/53611918-54c1ff80-3c24-11e9-9917-66ac3cef513d.png\" alt=\"react beautiful dnd logo\" />\n</p>\n<h1 align=\"center\">react-beautiful-dnd <small><sup>(rbd)</sup></small></h1>\n\n<div align=\"center\">\n\n**Beautiful** and **accessible** drag and drop for lists with [`React`](https://facebook.github.io/react/)\n\n[![CircleCI branch](https://img.shields.io/circleci/project/github/atlassian/react-beautiful-dnd/master.svg)](https://circleci.com/gh/atlassian/react-beautiful-dnd/tree/master)\n[![npm](https://img.shields.io/npm/v/react-beautiful-dnd.svg)](https://www.npmjs.com/package/react-beautiful-dnd)\n\n![quote application example](https://user-images.githubusercontent.com/2182637/53614150-efbed780-3c2c-11e9-9204-a5d2e746faca.gif)\n\n[Play with this example if you want!](https://react-beautiful-dnd.netlify.com/iframe.html?selectedKind=board&selectedStory=simple)\n\n</div>\n\n## Core characteristics\n\n- Beautiful and [natural movement](/docs/about/animations.md) of items 💐\n- [Accessible](/docs/about/accessibility.md): powerful keyboard and screen reader support ♿️\n- [Extremely performant](/docs/support/media.md) 🚀\n- Clean and powerful api which is simple to get started with\n- Plays extremely well with standard browser interactions\n- [Unopinionated styling](/docs/guides/preset-styles.md)\n- No creation of additional wrapper dom nodes - flexbox and focus management friendly!\n\n## Get started 👩‍🏫\n\nWe have created [a free course on `egghead.io` 🥚](https://egghead.io/courses/beautiful-and-accessible-drag-and-drop-with-react-beautiful-dnd) to help you get started with `react-beautiful-dnd` as quickly as possible.\n\n[![course-logo](https://user-images.githubusercontent.com/2182637/43372837-8c72d3f8-93e8-11e8-9d92-a82adde7718f.png)](https://egghead.io/courses/beautiful-and-accessible-drag-and-drop-with-react-beautiful-dnd)\n\n## Currently supported feature set ✅\n\n- Vertical lists ↕\n- Horizontal lists ↔\n- Movement between lists (▤ ↔ ▤)\n- [Virtual list support 👾](/docs/patterns/virtual-lists.md) - unlocking 10,000 items @ 60fps\n- [Combining items](/docs/guides/combining.md)\n- Mouse 🐭, keyboard 🎹♿️ and touch 👉📱 (mobile, tablet and so on) support\n- [Multi drag support](/docs/patterns/multi-drag.md)\n- Incredible screen reader support ♿️ - we provide an amazing experience for english screen readers out of the box 📦. We also provide complete customisation control and internationalisation support for those who need it 💖\n- [Conditional dragging](/docs/api/draggable.md#optional-props) and [conditional dropping](/docs/api/droppable.md#conditionally-dropping)\n- Multiple independent lists on the one page\n- Flexible item sizes - the draggable items can have different heights (vertical lists) or widths (horizontal lists)\n- [Add and remove items during a drag](/docs/guides/changes-while-dragging.md)\n- Compatible with semantic `<table>` reordering - [table pattern](/docs/patterns/tables.md)\n- [Auto scrolling](/docs/guides/auto-scrolling.md) - automatically scroll containers and the window as required during a drag (even with keyboard 🔥)\n- Custom drag handles - you can drag a whole item by just a part of it\n- Able to move the dragging item to another element while dragging (clone, portal) - [Reparenting your `<Draggable />`](/docs/guides/reparenting.md)\n- [Create scripted drag and drop experiences 🎮](/docs/sensors/sensor-api.md)\n- Allows extensions to support for [any input type you like 🕹](/docs/sensors/sensor-api.md)\n- 🌲 Tree support through the [`@atlaskit/tree`](https://atlaskit.atlassian.com/packages/core/tree) package\n- A `<Droppable />` list can be a scroll container (without a scrollable parent) or be the child of a scroll container (that also does not have a scrollable parent)\n- Independent nested lists - a list can be a child of another list, but you cannot drag items from the parent list into a child list\n- Server side rendering (SSR) compatible - see [resetServerContext()](/docs/api/reset-server-context.md)\n- Plays well with [nested interactive elements](/docs/api/draggable.md#interactive-child-elements-within-a-draggable-) by default\n\n## Motivation 🤔\n\n`react-beautiful-dnd` exists to create beautiful drag and drop for lists that anyone can use - even people who cannot see. For a good overview of the history and motivations of the project you can take a look at these external resources:\n\n- 📖 [Rethinking drag and drop](https://medium.com/@alexandereardon/rethinking-drag-and-drop-d9f5770b4e6b)\n- 🎧 [React podcast: fast, accessible and beautiful drag and drop](https://reactpodcast.simplecast.fm/17)\n\n## Not for everyone ✌️\n\nThere are a lot of libraries out there that allow for drag and drop interactions within React. Most notable of these is the amazing [`react-dnd`](https://github.com/react-dnd/react-dnd). It does an incredible job at providing a great set of drag and drop primitives which work especially well with the [wildly inconsistent](https://www.quirksmode.org/blog/archives/2009/09/the_html5_drag.html) html5 drag and drop feature. `react-beautiful-dnd` is a higher level abstraction specifically built for lists (vertical, horizontal, movement between lists, nested lists and so on). Within that subset of functionality `react-beautiful-dnd` offers a powerful, natural and beautiful drag and drop experience. However, it does not provide the breadth of functionality offered by `react-dnd`. So `react-beautiful-dnd` might not be for you depending on what your use case is.\n\n## Documentation 📖\n\n### About 👋\n\n- [Installation](/docs/about/installation.md)\n- [Examples and samples](/docs/about/examples.md)\n- [Get started](https://egghead.io/courses/beautiful-and-accessible-drag-and-drop-with-react-beautiful-dnd)\n- [Design principles](/docs/about/design-principles.md)\n- [Animations](/docs/about/animations.md)\n- [Accessibility](/docs/about/accessibility.md)\n- [Browser support](/docs/about/browser-support.md)\n\n### Sensors 🔉\n\n> The ways in which somebody can start and control a drag\n\n- [Mouse dragging 🐭](/docs/sensors/mouse.md)\n- [Touch dragging 👉📱](/docs/sensors/touch.md)\n- [Keyboard dragging 🎹♿️](/docs/sensors/keyboard.md)\n- [Create your own sensor](/docs/sensors/sensor-api.md) (allows for any input type as well as scripted experiences)\n\n### API 🏋️‍\n\n![diagram](https://user-images.githubusercontent.com/2182637/53607406-c8f3a780-3c12-11e9-979c-7f3b5bd1bfbd.gif)\n\n- [`<DragDropContext />`](/docs/api/drag-drop-context.md) - _Wraps the part of your application you want to have drag and drop enabled for_\n- [`<Droppable />`](/docs/api/droppable.md) - _An area that can be dropped into. Contains `<Draggable />`s_\n- [`<Draggable />`](/docs/api/draggable.md) - _What can be dragged around_\n- [`resetServerContext()`](/docs/api/reset-server-context.md) - _Utility for server side rendering (SSR)_\n\n### Guides 🗺\n\n- [`<DragDropContext />` responders](/docs/guides/responders.md) - _`onDragStart`, `onDragUpdate`, `onDragEnd` and `onBeforeDragStart`_\n- [Combining `<Draggable />`s](/docs/guides/combining.md)\n- [Common setup issues](/docs/guides/common-setup-issues.md)\n- [Using `innerRef`](/docs/guides/using-inner-ref.md)\n- [Setup problem detection and error recovery](/docs/guides/setup-problem-detection-and-error-recovery.md)\n- [Rules for `draggableId` and `droppableId`s](/docs/guides/identifiers.md)\n- [Browser focus retention](/docs/guides/browser-focus.md)\n- [Customising or skipping the drop animation](/docs/guides/drop-animation.md)\n- [Auto scrolling](/docs/guides/auto-scrolling.md)\n- [Controlling the screen reader](/docs/guides/screen-reader.md)\n- [Use the html5 `doctype`](/docs/guides/doctype.md)\n- [`TypeScript` and `flow`: type information](/docs/guides/types.md)\n- [Dragging `<svg>`s](/docs/guides/dragging-svgs.md)\n- [Avoiding image flickering](/docs/guides/avoiding-image-flickering.md)\n- [Non-visible preset styles](/docs/guides/preset-styles.md)\n- [How we detect scroll containers](/docs/guides/how-we-detect-scroll-containers.md)\n- [How we use dom events](/docs/guides/how-we-use-dom-events.md) - _Useful if you need to build on top of `react-beautiful-dnd`_\n- [Adding `<Draggable />`s during a drag (11.x behaviour)](/docs/guides/changes-while-dragging.md) - _⚠️ Advanced_\n- [Setting up Content Security Policy](/docs/guides/content-security-policy.md)\n\n### Patterns 👷‍\n\n- [Virtual lists 👾](/docs/patterns/virtual-lists.md)\n- [Multi drag](/docs/patterns/multi-drag.md)\n- [Tables](/docs/patterns/tables.md)\n- [Reparenting a `<Draggable />`](/docs/guides/reparenting.md) - _Using our cloning API or your own portal_\n\n### Support 👩‍⚕️\n\n- [Engineering health](/docs/support/engineering-health.md)\n- [Community and addons](/docs/support/community-and-addons.md)\n- [Release notes and changelog](https://github.com/atlassian/react-beautiful-dnd/releases)\n- [Upgrading](/docs/support/upgrading.md)\n- [Road map](https://github.com/atlassian/react-beautiful-dnd/issues)\n- [Media](/docs/support/media.md)\n\n## Read this in other languages 🌎\n\n- [![kr](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/South-Korea.png) **한글/Korean**](https://github.com/LeeHyungGeun/react-beautiful-dnd-kr)\n- [![ru](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/Russia.png) **На русском/Russian**](https://github.com/vtereshyn/react-beautiful-dnd-ru)\n- [![pt](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/Brazil.png) **Português/Portuguese**](https://github.com/dudestein/react-beautiful-dnd-pt)\n\n## Author ✍️\n\nAlex Reardon [@alexandereardon](https://twitter.com/alexandereardon)\n\n## Collaborators 🤝\n\n- Bogdan Chadkin [@IAmTrySound](https://twitter.com/IAmTrySound)\n- Luke Batchelor [@alukebatchelor](https://twitter.com/alukebatchelor)\n- Jared Crowe [@jaredjcrowe](https://twitter.com/jaredjcrowe)\n- Many other [@Atlassian](https://twitter.com/Atlassian)'s!\n","gitHead":"9aa0072c271c1a0d867af8ced0fe1dde9fd68580","scripts":{"test":"jest --config ./jest.config.js","build":"yarn build:clean && yarn build:dist && yarn build:flow","test:ci":"jest test --maxWorkers=2","lint:css":"stylelint \"stories/**/*.{js,jsx}\"","validate":"yarn prettier:check && yarn lint:eslint && yarn lint:css && yarn typecheck","storybook":"start-storybook -p 9002","typecheck":"flow check --max-warnings=0","build:dist":"rollup -c","build:flow":"echo \"// @flow\n\nexport * from '../src';\" > dist/react-beautiful-dnd.cjs.js.flow","build:clean":"rimraf dist","lint:eslint":"yarn eslint \"./**/*.{js,jsx}\"","test:browser":"cypress open","test:coverage":"yarn test --coverage --coveragePathIgnorePatterns=/debug","prepublishOnly":"yarn build","prettier:check":"yarn prettier --debug-check $npm_package_config_prettier_target","prettier:write":"yarn prettier --write $npm_package_config_prettier_target","build-storybook":"build-storybook -c .storybook -o site","test:browser:ci":"cypress run","bundle-size:check":"cross-env SNAPSHOT=match yarn bundle-size:update","bundle-size:update":"yarn build:clean && yarn build:dist && yarn build:clean","test:accessibility":"lighthouse http://localhost:9002/iframe.html?id=single-vertical-list--basic --chrome-flags='--headless' --output=json --output=html --output-path=./test-reports/lighthouse/a11y.json && node a11y-audit-parse.js"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"jest-junit":{"output":"test-reports/junit/js-test-results.xml"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"6.9.0","description":"Beautiful and accessible drag and drop for lists with React","directories":{},"sideEffects":false,"_nodeVersion":"10.16.3","dependencies":{"redux":"^4.0.4","jest-axe":"^3.2.0","raf-schd":"^4.0.2","memoize-one":"^5.1.1","react-redux":"^7.1.1","use-memo-one":"^1.1.1","css-box-model":"^1.2.0","@babel/runtime-corejs2":"^7.6.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^24.9.0","react":"^16.11.0","enzyme":"^3.10.0","eslint":"6.5.1","globby":"^10.0.1","rimraf":"^3.0.0","rollup":"^1.25.2","cypress":"^3.5.0","webpack":"^4.41.2","flow-bin":"0.110.1","fs-extra":"^8.0.1","prettier":"^1.18.2","raf-stub":"^3.0.0","cross-env":"^6.0.3","react-dom":"^16.11.0","stylelint":"^11.1.1","wait-port":"^0.2.6","babel-core":"^7.0.0-bridge.0","babel-jest":"^24.9.0","jest-junit":"^9.0.0","lighthouse":"^5.6.0","@babel/core":"^7.6.4","markdown-it":"^10.0.0","babel-eslint":"^10.0.3","babel-loader":"^8.0.6","react-window":"^1.8.5","@emotion/core":"^10.0.22","@atlaskit/theme":"^9.2.5","@emotion/styled":"^10.0.22","emotion-theming":"^10.0.19","@storybook/react":"^5.2.5","@babel/preset-env":"^7.6.3","react-virtualized":"^9.21.1","styled-components":"4.4.0","@babel/preset-flow":"^7.0.0","@storybook/theming":"^5.2.5","eslint-plugin-jest":"^22.20.0","rollup-plugin-json":"^4.0.0","@atlaskit/css-reset":"^5.0.9","@babel/preset-react":"^7.6.3","eslint-plugin-react":"^7.16.0","react-test-renderer":"^16.11.0","require-from-string":"^2.0.2","rollup-plugin-babel":"^4.3.3","rollup-plugin-strip":"^1.2.2","babel-plugin-emotion":"^10.0.22","eslint-config-airbnb":"^18.0.1","eslint-plugin-import":"^2.18.2","jest-watch-typeahead":"^0.4.0","rollup-plugin-terser":"^5.1.2","eslint-plugin-cypress":"^2.7.0","eslint-plugin-emotion":"^10.0.14","rollup-plugin-replace":"^2.2.0","@testing-library/react":"^9.3.0","eslint-config-prettier":"^6.4.0","eslint-plugin-flowtype":"^4.3.0","eslint-plugin-jsx-a11y":"^6.2.1","eslint-plugin-prettier":"^3.1.1","rollup-plugin-commonjs":"^10.1.0","enzyme-adapter-react-16":"^1.15.1","eslint-plugin-react-hooks":"^2.2.0","stylelint-config-prettier":"^6.0.0","stylelint-config-standard":"^19.0.0","rollup-plugin-node-resolve":"^5.1.0","babel-plugin-dev-expression":"^0.2.2","rollup-plugin-size-snapshot":"^0.10.0","stylelint-config-recommended":"^3.0.0","@emotion/babel-preset-css-prop":"^10.0.22","@babel/plugin-transform-runtime":"^7.6.2","stylelint-config-styled-components":"^0.1.1","stylelint-processor-styled-components":"^1.8.0","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-transform-modules-commonjs":"^7.6.0"},"peerDependencies":{"react":"^16.8.5","react-dom":"^16.8.5"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd_12.1.0-alpha.0_1573684662497_0.7818757589483032","host":"s3://npm-registry-packages"}},"12.1.0":{"name":"react-beautiful-dnd","version":"12.1.0","keywords":["drag and drop","dnd","sortable","reorder","reorderable","react","react.js","natural","beautiful","accessible"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@12.1.0","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"},{"name":"jaredcrowe","email":"jared.j.crowe@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"c6a228e708998f680d01727b744b31583eec49c4","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-12.1.0.tgz","fileCount":241,"integrity":"sha512-gzFQkvwfapi4pBNj+HjOaTHdv8DG543P+LE2GzQ5z2qRJo80nTtT7HC0XAx7gBY3VlPlcON7yNWuhJH0aTI62Q==","signatures":[{"sig":"MEUCIQCHyAj7iu5IBoKXAdhuK0vkYFmKG9v2OAoSPJyiVoFuxAIgGq1fDDJESGx1V9OcZjDUAnJrODDRKC2+TVpfXR0XcSk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1411945,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdzPaQCRA9TVsSAnZWagAANsAP/R3aQyIiDLvwC1WmqO+N\nN0ooJ3jWgqYGxmc10GelboN+ebUO00gabYUoaFgFPBgL74PFiKlJSRbaBU0W\nnadGhvZp0fvI2pNkZRoTa8DpH4X4lbQywnz/dEFcrdXiVqOaSTT//QMmiVAK\nLNQvLK9MNlW/mgjF9FAQSEwitetx19LM503pHyv/91JHhYH2zKGMm0aBXD6V\nkzTEF/G+FAuougxpDyZlkFMN9KrxbUKqkJe/jlxU7o6Q5hrSFoN2PV0sPuaK\nY3LiRbTLqEJPFGSjqC9Fu0ham+/BBGr4bGaV2hy2L7AfkjtE8qrfHvw/JjYH\ndo4UoBXUW57lvtEuCvf/BKKNZkGlHPBN2MnX9qTUU0Jka3tnkLa2AVvaDumm\n9Xz7oEv/unYOO5Sit81L6nuFa5b+3fkbvrc8TvhhXPpKPcS/4/PWjo/51zZM\nTuCoNJlfkAuGbcVuXQfY8dLtkAoQrx9TFOcGfNTBuTZGCxF1pCaHDxzJf0NT\nq/zwHD5b0J5xmi745D2tcMrH78oeP3+im7Vvl2NdNBKzWHZXeeTbj5K75agq\ndzJe3+8ybLHPGLRK+PoPfcEReULWdZOiHa9kxZDWnw9SJbWcZRErlF/2xPjK\noiTpv9iMTfy0JkNkWDuEoXAKJvLOcr+Zif19mnhDK2npX/geYcKIULhp5AIN\n74Da\r\n=Zpja\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/react-beautiful-dnd.cjs.js","config":{"prettier_target":"*.{js,jsx,md,json} src/**/*.{js,jsx,md,json} test/**/*.{js,jsx,md,json} docs/**/*.{js,jsx,md,json} stories/**/*.{js,jsx,md,json} cypress/**/*.{js,jsx,md,json}"},"module":"dist/react-beautiful-dnd.esm.js","gitHead":"cbd63274989b2d1ee99c2d8e2bd0b37d7da335d7","scripts":{"test":"jest --config ./jest.config.js","build":"yarn build:clean && yarn build:dist && yarn build:flow","test:ci":"jest test --maxWorkers=2","lint:css":"stylelint \"stories/**/*.{js,jsx}\"","validate":"yarn prettier:check && yarn lint:eslint && yarn lint:css && yarn typecheck","storybook":"start-storybook -p 9002","typecheck":"flow check --max-warnings=0","build:dist":"rollup -c","build:flow":"echo \"// @flow\n\nexport * from '../src';\" > dist/react-beautiful-dnd.cjs.js.flow","build:clean":"rimraf dist","lint:eslint":"yarn eslint \"./**/*.{js,jsx}\"","test:browser":"cypress open","test:coverage":"yarn test --coverage --coveragePathIgnorePatterns=/debug","prepublishOnly":"yarn build","prettier:check":"yarn prettier --debug-check $npm_package_config_prettier_target","prettier:write":"yarn prettier --write $npm_package_config_prettier_target","build-storybook":"build-storybook -c .storybook -o site","test:browser:ci":"cypress run","bundle-size:check":"cross-env SNAPSHOT=match yarn bundle-size:update","bundle-size:update":"yarn build:clean && yarn build:dist && yarn build:clean","test:accessibility":"lighthouse http://localhost:9002/iframe.html?id=single-vertical-list--basic --chrome-flags='--headless' --output=json --output=html --output-path=./test-reports/lighthouse/a11y.json && node a11y-audit-parse.js"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"jest-junit":{"output":"test-reports/junit/js-test-results.xml"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"6.9.0","description":"Beautiful and accessible drag and drop for lists with React","directories":{},"sideEffects":false,"_nodeVersion":"10.16.3","dependencies":{"redux":"^4.0.4","jest-axe":"^3.2.0","raf-schd":"^4.0.2","memoize-one":"^5.1.1","react-redux":"^7.1.1","use-memo-one":"^1.1.1","css-box-model":"^1.2.0","@babel/runtime-corejs2":"^7.6.3"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^24.9.0","react":"^16.11.0","enzyme":"^3.10.0","eslint":"6.5.1","globby":"^10.0.1","rimraf":"^3.0.0","rollup":"^1.25.2","cypress":"^3.5.0","webpack":"^4.41.2","flow-bin":"0.110.1","fs-extra":"^8.0.1","prettier":"^1.18.2","raf-stub":"^3.0.0","cross-env":"^6.0.3","react-dom":"^16.11.0","stylelint":"^11.1.1","wait-port":"^0.2.6","babel-core":"^7.0.0-bridge.0","babel-jest":"^24.9.0","jest-junit":"^9.0.0","lighthouse":"^5.6.0","@babel/core":"^7.6.4","markdown-it":"^10.0.0","babel-eslint":"^10.0.3","babel-loader":"^8.0.6","react-window":"^1.8.5","@emotion/core":"^10.0.22","@atlaskit/theme":"^9.2.5","@emotion/styled":"^10.0.22","emotion-theming":"^10.0.19","@storybook/react":"^5.2.5","@babel/preset-env":"^7.6.3","react-virtualized":"^9.21.1","styled-components":"4.4.0","@babel/preset-flow":"^7.0.0","@storybook/theming":"^5.2.5","eslint-plugin-jest":"^22.20.0","rollup-plugin-json":"^4.0.0","@atlaskit/css-reset":"^5.0.9","@babel/preset-react":"^7.6.3","eslint-plugin-react":"^7.16.0","react-test-renderer":"^16.11.0","require-from-string":"^2.0.2","rollup-plugin-babel":"^4.3.3","rollup-plugin-strip":"^1.2.2","babel-plugin-emotion":"^10.0.22","eslint-config-airbnb":"^18.0.1","eslint-plugin-import":"^2.18.2","jest-watch-typeahead":"^0.4.0","rollup-plugin-terser":"^5.1.2","eslint-plugin-cypress":"^2.7.0","eslint-plugin-emotion":"^10.0.14","rollup-plugin-replace":"^2.2.0","@testing-library/react":"^9.3.0","eslint-config-prettier":"^6.4.0","eslint-plugin-flowtype":"^4.3.0","eslint-plugin-jsx-a11y":"^6.2.1","eslint-plugin-prettier":"^3.1.1","rollup-plugin-commonjs":"^10.1.0","enzyme-adapter-react-16":"^1.15.1","eslint-plugin-react-hooks":"^2.2.0","stylelint-config-prettier":"^6.0.0","stylelint-config-standard":"^19.0.0","rollup-plugin-node-resolve":"^5.1.0","babel-plugin-dev-expression":"^0.2.2","rollup-plugin-size-snapshot":"^0.10.0","stylelint-config-recommended":"^3.0.0","@emotion/babel-preset-css-prop":"^10.0.22","@babel/plugin-transform-runtime":"^7.6.2","stylelint-config-styled-components":"^0.1.1","stylelint-processor-styled-components":"^1.8.0","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-transform-modules-commonjs":"^7.6.0"},"peerDependencies":{"react":"^16.8.5","react-dom":"^16.8.5"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd_12.1.0_1573713552163_0.33515706321550587","host":"s3://npm-registry-packages"},"deprecated":"react-beautiful-dnd is now deprecated. Context and options: https://github.com/atlassian/react-beautiful-dnd/issues/2672"},"12.1.1":{"name":"react-beautiful-dnd","version":"12.1.1","keywords":["drag and drop","dnd","sortable","reorder","reorderable","react","react.js","natural","beautiful","accessible"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@12.1.1","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"},{"name":"jaredcrowe","email":"jared.j.crowe@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"810f9b9d94f667b15b253793e853d016a0f3f07c","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-12.1.1.tgz","fileCount":241,"integrity":"sha512-w/mpIXMEXowc53PCEnMoFyAEYFgxMfygMK5msLo5ifJ2/CiSACLov9A79EomnPF7zno3N207QGXsraBxAJnyrw==","signatures":[{"sig":"MEQCIHC0oNBR72Yr3Eag1ZU4Gn7ambBrePOmv+ZsCR9hGpjGAiBWD6Kqo3ZbXBGhX/BmuFYi5DVu7pT1iuJpgyt0u7HAxA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1411990,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdzmQQCRA9TVsSAnZWagAAmmgP/RBAaBiXeCpLsPGdY1QT\nW2n+iCSJdpyhYws8ljal1zJapmjPzY2MYDU/TSZMZSGP0BCWOKvCkHaCt/sG\nrdEhDDckK3rM8MRRfdb/mQETWoZ7j/0kyzlR29mMT9XVAJ/aLdnaledJfLXT\ng2fGxVprnr/UzWkAZV1ptOK3MfoXjAnREf/ls1o3xZbjsdZfZ6byMucBcrTz\nVNkfcCJt1UQ0eHvGFdAinHluOz/LyV5sDUdxL6iefF3H8mgJdbpoi3F+OEan\n9kekTToQX0J1j/O3moSrFYWjzgZ7PzyG1TH6EnVI3MMxu1zm7donS7FekdpP\n215/bi2kFz8ZVNW2FwnR+VimXiYTqsYAxc2Y0UdH2RudYJ+Rbu/Qun4uqJ5v\nv+9LZWehdADnwmbl2Gxeo7/dotJYX6rnYZtDVk2X3cyx7z+RCe3egsMdw2Ia\nhUhw9Px5m5pSG8dsT4uftzvLGbrpyxFeo8RA7v3jAPhTOX0PxMk81yadoG7b\n2mKYv1A6aYLzFwG3gavLEWhxS4/w/vyh3XWsfcpeTyw0zHU0+oerJrxe/+RA\ntf5jvydMQbBeko0v/PuHPC6TWSjGqvRq+8AEmm6EcVW39+UXdjVm0iPLBkEu\nQEizYCNv2RZrYwLeltXJk1EYnOUJZVBcwHaK5iulpd7TSmAho/hoxHENdw2h\nwuYH\r\n=njnk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/react-beautiful-dnd.cjs.js","config":{"prettier_target":"*.{js,jsx,md,json} src/**/*.{js,jsx,md,json} test/**/*.{js,jsx,md,json} docs/**/*.{js,jsx,md,json} stories/**/*.{js,jsx,md,json} cypress/**/*.{js,jsx,md,json}"},"module":"dist/react-beautiful-dnd.esm.js","gitHead":"280a848ecedddbb9f1327b14ae1e53f6913a8b44","scripts":{"test":"jest --config ./jest.config.js","build":"yarn build:clean && yarn build:dist && yarn build:flow","test:ci":"jest test --maxWorkers=2","lint:css":"stylelint \"stories/**/*.{js,jsx}\"","validate":"yarn prettier:check && yarn lint:eslint && yarn lint:css && yarn typecheck","storybook":"start-storybook -p 9002","typecheck":"flow check --max-warnings=0","build:dist":"rollup -c","build:flow":"echo \"// @flow\n\nexport * from '../src';\" > dist/react-beautiful-dnd.cjs.js.flow","build:clean":"rimraf dist","lint:eslint":"yarn eslint \"./**/*.{js,jsx}\"","test:browser":"cypress open","test:coverage":"yarn test --coverage --coveragePathIgnorePatterns=/debug","prepublishOnly":"yarn build","prettier:check":"yarn prettier --debug-check $npm_package_config_prettier_target","prettier:write":"yarn prettier --write $npm_package_config_prettier_target","build-storybook":"build-storybook -c .storybook -o site","test:browser:ci":"cypress run","bundle-size:check":"cross-env SNAPSHOT=match yarn bundle-size:update","bundle-size:update":"yarn build:clean && yarn build:dist && yarn build:clean","test:accessibility":"lighthouse http://localhost:9002/iframe.html?id=single-vertical-list--basic --chrome-flags='--headless' --output=json --output=html --output-path=./test-reports/lighthouse/a11y.json && node a11y-audit-parse.js"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"jest-junit":{"output":"test-reports/junit/js-test-results.xml"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"6.4.1","description":"Beautiful and accessible drag and drop for lists with React","directories":{},"sideEffects":false,"_nodeVersion":"10.15.3","dependencies":{"redux":"^4.0.4","raf-schd":"^4.0.2","memoize-one":"^5.1.1","react-redux":"^7.1.1","use-memo-one":"^1.1.1","css-box-model":"^1.2.0","@babel/runtime-corejs2":"^7.6.3"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^24.9.0","react":"^16.11.0","enzyme":"^3.10.0","eslint":"6.5.1","globby":"^10.0.1","rimraf":"^3.0.0","rollup":"^1.25.2","cypress":"^3.5.0","webpack":"^4.41.2","flow-bin":"0.110.1","fs-extra":"^8.0.1","jest-axe":"^3.2.0","prettier":"^1.18.2","raf-stub":"^3.0.0","cross-env":"^6.0.3","react-dom":"^16.11.0","stylelint":"^11.1.1","wait-port":"^0.2.6","babel-core":"^7.0.0-bridge.0","babel-jest":"^24.9.0","jest-junit":"^9.0.0","lighthouse":"^5.6.0","@babel/core":"^7.6.4","markdown-it":"^10.0.0","babel-eslint":"^10.0.3","babel-loader":"^8.0.6","react-window":"^1.8.5","@emotion/core":"^10.0.22","@atlaskit/theme":"^9.2.5","@emotion/styled":"^10.0.22","emotion-theming":"^10.0.19","@storybook/react":"^5.2.5","@babel/preset-env":"^7.6.3","react-virtualized":"^9.21.1","styled-components":"4.4.0","@babel/preset-flow":"^7.0.0","@storybook/theming":"^5.2.5","eslint-plugin-jest":"^22.20.0","rollup-plugin-json":"^4.0.0","@atlaskit/css-reset":"^5.0.9","@babel/preset-react":"^7.6.3","eslint-plugin-react":"^7.16.0","react-test-renderer":"^16.11.0","require-from-string":"^2.0.2","rollup-plugin-babel":"^4.3.3","rollup-plugin-strip":"^1.2.2","babel-plugin-emotion":"^10.0.22","eslint-config-airbnb":"^18.0.1","eslint-plugin-import":"^2.18.2","jest-watch-typeahead":"^0.4.0","rollup-plugin-terser":"^5.1.2","eslint-plugin-cypress":"^2.7.0","eslint-plugin-emotion":"^10.0.14","rollup-plugin-replace":"^2.2.0","@testing-library/react":"^9.3.0","eslint-config-prettier":"^6.4.0","eslint-plugin-flowtype":"^4.3.0","eslint-plugin-jsx-a11y":"^6.2.1","eslint-plugin-prettier":"^3.1.1","rollup-plugin-commonjs":"^10.1.0","enzyme-adapter-react-16":"^1.15.1","eslint-plugin-react-hooks":"^2.2.0","stylelint-config-prettier":"^6.0.0","stylelint-config-standard":"^19.0.0","rollup-plugin-node-resolve":"^5.1.0","babel-plugin-dev-expression":"^0.2.2","rollup-plugin-size-snapshot":"^0.10.0","stylelint-config-recommended":"^3.0.0","@emotion/babel-preset-css-prop":"^10.0.22","@babel/plugin-transform-runtime":"^7.6.2","stylelint-config-styled-components":"^0.1.1","stylelint-processor-styled-components":"^1.8.0","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-transform-modules-commonjs":"^7.6.0"},"peerDependencies":{"react":"^16.8.5","react-dom":"^16.8.5"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd_12.1.1_1573807120258_0.7463088187765547","host":"s3://npm-registry-packages"},"deprecated":"react-beautiful-dnd is now deprecated. Context and options: https://github.com/atlassian/react-beautiful-dnd/issues/2672"},"12.2.0-alpha.1":{"name":"react-beautiful-dnd","version":"12.2.0-alpha.1","keywords":["drag and drop","dnd","sortable","reorder","reorderable","react","react.js","natural","beautiful","accessible"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@12.2.0-alpha.1","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"},{"name":"jaredcrowe","email":"jared.j.crowe@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"f1be24544fad2e4650a3c36850f77b510bb0b3cc","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-12.2.0-alpha.1.tgz","fileCount":239,"integrity":"sha512-mErvEgy+NHTVobrHugq8UfXQAv3F41hZH1Y6aP+s3Hpy27KK9TrteJEVTNZNsq7n1qD28Y/5KZazDN8FgbfViw==","signatures":[{"sig":"MEQCIFbQXX6gc1j3ef1DPBgdMOzJ0qtZ+e757YsVG6eQ8EJpAiBErVLMbUuvLO9YcL9E0LsqZAv6wefg8rIPUEVFLm6Peg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1408518,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd5aoUCRA9TVsSAnZWagAAS4gQAIU8nMSoUXMYaNAWJTsE\nXx23dq7HTfYCplIU6eas1v+vQQ3wQYYjg8oVhwmBkG+T7XMr6sgCbpNc2vLs\nqK0+B9z1tt22Rj8DG8B8Uw+pMrvcwFqxFsJZqTBrWuxqt9tVjqNZY1+yozO7\nYf+ZGYX0+YEeOw6XB2P7CBKP1/79ekMExt1eTBm/6ArtHu6F9a2Al2IjL2YY\n2i54Zlx9t+jqv6mzcrPZEuUecDrfuA+buICDOxUcK15DPz0LB/8rPNp/OhdK\nvTcnKc2l07p6um4s7TEs2RV54cHRwemd+cbou63vnGi68ZijdYaNnZOedp99\nAeVkScQsYNfGQ4fUHYpF5h8Rr48LYP3xYumR6PDQFeFcTdJHKjfu9jeMC4fe\n2PqkV+A3Jw7N7akEQErslnsHTdvICpr5QF4PmRyYCfLP2akzsacH4Hg/n3sM\n/21wCYpVwd7OMoxJKG8zZBeolwwKzsj0SJxzrnT0O67cBhquqsDeTNQsgTa8\nEje/hIBmQewEmpoUUgsVTn3BXrMvw+9Gl5fle8qZKnvb6nW1/03VKFH3PJTN\njgMYhGUJrKR5F5gJI0vINZkHpYzwxiu2Y9cgwH1P6fbK9XciuBdrZIc4S7Vl\nb8Avv3UuC0Pteg50Cwrxmf7j7zH/ri9qSWX9wpOGBr1iBNUBz9ciVwW9xWz+\nQ5rS\r\n=pWz8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/react-beautiful-dnd.cjs.js","config":{"prettier_target":"*.{js,jsx,md,json} src/**/*.{js,jsx,md,json} test/**/*.{js,jsx,md,json} docs/**/*.{js,jsx,md,json} stories/**/*.{js,jsx,md,json} cypress/**/*.{js,jsx,md,json}"},"module":"dist/react-beautiful-dnd.esm.js","readme":"<p align=\"center\">\n  <img src=\"https://user-images.githubusercontent.com/2182637/53611918-54c1ff80-3c24-11e9-9917-66ac3cef513d.png\" alt=\"react beautiful dnd logo\" />\n</p>\n<h1 align=\"center\">react-beautiful-dnd <small><sup>(rbd)</sup></small></h1>\n\n<div align=\"center\">\n\n**Beautiful** and **accessible** drag and drop for lists with [`React`](https://facebook.github.io/react/)\n\n[![CircleCI branch](https://img.shields.io/circleci/project/github/atlassian/react-beautiful-dnd/master.svg)](https://circleci.com/gh/atlassian/react-beautiful-dnd/tree/master)\n[![npm](https://img.shields.io/npm/v/react-beautiful-dnd.svg)](https://www.npmjs.com/package/react-beautiful-dnd)\n\n![quote application example](https://user-images.githubusercontent.com/2182637/53614150-efbed780-3c2c-11e9-9204-a5d2e746faca.gif)\n\n[Play with this example if you want!](https://react-beautiful-dnd.netlify.com/iframe.html?selectedKind=board&selectedStory=simple)\n\n</div>\n\n## Core characteristics\n\n- Beautiful and [natural movement](/docs/about/animations.md) of items 💐\n- [Accessible](/docs/about/accessibility.md): powerful keyboard and screen reader support ♿️\n- [Extremely performant](/docs/support/media.md) 🚀\n- Clean and powerful api which is simple to get started with\n- Plays extremely well with standard browser interactions\n- [Unopinionated styling](/docs/guides/preset-styles.md)\n- No creation of additional wrapper dom nodes - flexbox and focus management friendly!\n\n## Get started 👩‍🏫\n\nWe have created [a free course on `egghead.io` 🥚](https://egghead.io/courses/beautiful-and-accessible-drag-and-drop-with-react-beautiful-dnd) to help you get started with `react-beautiful-dnd` as quickly as possible.\n\n[![course-logo](https://user-images.githubusercontent.com/2182637/43372837-8c72d3f8-93e8-11e8-9d92-a82adde7718f.png)](https://egghead.io/courses/beautiful-and-accessible-drag-and-drop-with-react-beautiful-dnd)\n\n## Currently supported feature set ✅\n\n- Vertical lists ↕\n- Horizontal lists ↔\n- Movement between lists (▤ ↔ ▤)\n- [Virtual list support 👾](/docs/patterns/virtual-lists.md) - unlocking 10,000 items @ 60fps\n- [Combining items](/docs/guides/combining.md)\n- Mouse 🐭, keyboard 🎹♿️ and touch 👉📱 (mobile, tablet and so on) support\n- [Multi drag support](/docs/patterns/multi-drag.md)\n- Incredible screen reader support ♿️ - we provide an amazing experience for english screen readers out of the box 📦. We also provide complete customisation control and internationalisation support for those who need it 💖\n- [Conditional dragging](/docs/api/draggable.md#optional-props) and [conditional dropping](/docs/api/droppable.md#conditionally-dropping)\n- Multiple independent lists on the one page\n- Flexible item sizes - the draggable items can have different heights (vertical lists) or widths (horizontal lists)\n- [Add and remove items during a drag](/docs/guides/changes-while-dragging.md)\n- Compatible with semantic `<table>` reordering - [table pattern](/docs/patterns/tables.md)\n- [Auto scrolling](/docs/guides/auto-scrolling.md) - automatically scroll containers and the window as required during a drag (even with keyboard 🔥)\n- Custom drag handles - you can drag a whole item by just a part of it\n- Able to move the dragging item to another element while dragging (clone, portal) - [Reparenting your `<Draggable />`](/docs/guides/reparenting.md)\n- [Create scripted drag and drop experiences 🎮](/docs/sensors/sensor-api.md)\n- Allows extensions to support for [any input type you like 🕹](/docs/sensors/sensor-api.md)\n- 🌲 Tree support through the [`@atlaskit/tree`](https://atlaskit.atlassian.com/packages/core/tree) package\n- A `<Droppable />` list can be a scroll container (without a scrollable parent) or be the child of a scroll container (that also does not have a scrollable parent)\n- Independent nested lists - a list can be a child of another list, but you cannot drag items from the parent list into a child list\n- Server side rendering (SSR) compatible - see [resetServerContext()](/docs/api/reset-server-context.md)\n- Plays well with [nested interactive elements](/docs/api/draggable.md#interactive-child-elements-within-a-draggable-) by default\n\n## Motivation 🤔\n\n`react-beautiful-dnd` exists to create beautiful drag and drop for lists that anyone can use - even people who cannot see. For a good overview of the history and motivations of the project you can take a look at these external resources:\n\n- 📖 [Rethinking drag and drop](https://medium.com/@alexandereardon/rethinking-drag-and-drop-d9f5770b4e6b)\n- 🎧 [React podcast: fast, accessible and beautiful drag and drop](https://reactpodcast.simplecast.fm/17)\n\n## Not for everyone ✌️\n\nThere are a lot of libraries out there that allow for drag and drop interactions within React. Most notable of these is the amazing [`react-dnd`](https://github.com/react-dnd/react-dnd). It does an incredible job at providing a great set of drag and drop primitives which work especially well with the [wildly inconsistent](https://www.quirksmode.org/blog/archives/2009/09/the_html5_drag.html) html5 drag and drop feature. `react-beautiful-dnd` is a higher level abstraction specifically built for lists (vertical, horizontal, movement between lists, nested lists and so on). Within that subset of functionality `react-beautiful-dnd` offers a powerful, natural and beautiful drag and drop experience. However, it does not provide the breadth of functionality offered by `react-dnd`. So `react-beautiful-dnd` might not be for you depending on what your use case is.\n\n## Documentation 📖\n\n### About 👋\n\n- [Installation](/docs/about/installation.md)\n- [Examples and samples](/docs/about/examples.md)\n- [Get started](https://egghead.io/courses/beautiful-and-accessible-drag-and-drop-with-react-beautiful-dnd)\n- [Design principles](/docs/about/design-principles.md)\n- [Animations](/docs/about/animations.md)\n- [Accessibility](/docs/about/accessibility.md)\n- [Browser support](/docs/about/browser-support.md)\n\n### Sensors 🔉\n\n> The ways in which somebody can start and control a drag\n\n- [Mouse dragging 🐭](/docs/sensors/mouse.md)\n- [Touch dragging 👉📱](/docs/sensors/touch.md)\n- [Keyboard dragging 🎹♿️](/docs/sensors/keyboard.md)\n- [Create your own sensor](/docs/sensors/sensor-api.md) (allows for any input type as well as scripted experiences)\n\n### API 🏋️‍\n\n![diagram](https://user-images.githubusercontent.com/2182637/53607406-c8f3a780-3c12-11e9-979c-7f3b5bd1bfbd.gif)\n\n- [`<DragDropContext />`](/docs/api/drag-drop-context.md) - _Wraps the part of your application you want to have drag and drop enabled for_\n- [`<Droppable />`](/docs/api/droppable.md) - _An area that can be dropped into. Contains `<Draggable />`s_\n- [`<Draggable />`](/docs/api/draggable.md) - _What can be dragged around_\n- [`resetServerContext()`](/docs/api/reset-server-context.md) - _Utility for server side rendering (SSR)_\n\n### Guides 🗺\n\n- [`<DragDropContext />` responders](/docs/guides/responders.md) - _`onDragStart`, `onDragUpdate`, `onDragEnd` and `onBeforeDragStart`_\n- [Combining `<Draggable />`s](/docs/guides/combining.md)\n- [Common setup issues](/docs/guides/common-setup-issues.md)\n- [Using `innerRef`](/docs/guides/using-inner-ref.md)\n- [Setup problem detection and error recovery](/docs/guides/setup-problem-detection-and-error-recovery.md)\n- [Rules for `draggableId` and `droppableId`s](/docs/guides/identifiers.md)\n- [Browser focus retention](/docs/guides/browser-focus.md)\n- [Customising or skipping the drop animation](/docs/guides/drop-animation.md)\n- [Auto scrolling](/docs/guides/auto-scrolling.md)\n- [Controlling the screen reader](/docs/guides/screen-reader.md)\n- [Use the html5 `doctype`](/docs/guides/doctype.md)\n- [`TypeScript` and `flow`: type information](/docs/guides/types.md)\n- [Dragging `<svg>`s](/docs/guides/dragging-svgs.md)\n- [Avoiding image flickering](/docs/guides/avoiding-image-flickering.md)\n- [Non-visible preset styles](/docs/guides/preset-styles.md)\n- [How we detect scroll containers](/docs/guides/how-we-detect-scroll-containers.md)\n- [How we use dom events](/docs/guides/how-we-use-dom-events.md) - _Useful if you need to build on top of `react-beautiful-dnd`_\n- [Adding `<Draggable />`s during a drag (11.x behaviour)](/docs/guides/changes-while-dragging.md) - _⚠️ Advanced_\n- [Setting up Content Security Policy](/docs/guides/content-security-policy.md)\n\n### Patterns 👷‍\n\n- [Virtual lists 👾](/docs/patterns/virtual-lists.md)\n- [Multi drag](/docs/patterns/multi-drag.md)\n- [Tables](/docs/patterns/tables.md)\n- [Reparenting a `<Draggable />`](/docs/guides/reparenting.md) - _Using our cloning API or your own portal_\n\n### Support 👩‍⚕️\n\n- [Engineering health](/docs/support/engineering-health.md)\n- [Community and addons](/docs/support/community-and-addons.md)\n- [Release notes and changelog](https://github.com/atlassian/react-beautiful-dnd/releases)\n- [Upgrading](/docs/support/upgrading.md)\n- [Road map](https://github.com/atlassian/react-beautiful-dnd/issues)\n- [Media](/docs/support/media.md)\n\n## Read this in other languages 🌎\n\n- [![kr](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/South-Korea.png) **한글/Korean**](https://github.com/LeeHyungGeun/react-beautiful-dnd-kr)\n- [![ru](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/Russia.png) **На русском/Russian**](https://github.com/vtereshyn/react-beautiful-dnd-ru)\n- [![pt](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/Brazil.png) **Português/Portuguese**](https://github.com/dudestein/react-beautiful-dnd-pt)\n\n## Author ✍️\n\nAlex Reardon [@alexandereardon](https://twitter.com/alexandereardon)\n\n## Collaborators 🤝\n\n- Bogdan Chadkin [@IAmTrySound](https://twitter.com/IAmTrySound)\n- Luke Batchelor [@alukebatchelor](https://twitter.com/alukebatchelor)\n- Jared Crowe [@jaredjcrowe](https://twitter.com/jaredjcrowe)\n- Many other [@Atlassian](https://twitter.com/Atlassian)'s!\n","gitHead":"251cfa6abf4447fb6430eabb8588abc53a056401","scripts":{"test":"jest --config ./jest.config.js","build":"yarn build:clean && yarn build:dist && yarn build:flow","test:ci":"jest test --maxWorkers=2","lint:css":"stylelint \"stories/**/*.{js,jsx}\"","validate":"yarn prettier:check && yarn lint:eslint && yarn lint:css && yarn typecheck","storybook":"start-storybook -p 9002","typecheck":"flow check --max-warnings=0","build:dist":"rollup -c","build:flow":"echo \"// @flow\n\nexport * from '../src';\" > dist/react-beautiful-dnd.cjs.js.flow","build:clean":"rimraf dist","lint:eslint":"yarn eslint \"./**/*.{js,jsx}\"","test:browser":"cypress open","test:coverage":"yarn test --coverage --coveragePathIgnorePatterns=/debug","prepublishOnly":"yarn build","prettier:check":"yarn prettier --debug-check $npm_package_config_prettier_target","prettier:write":"yarn prettier --write $npm_package_config_prettier_target","build-storybook":"build-storybook -c .storybook -o site","test:browser:ci":"cypress run","bundle-size:check":"cross-env SNAPSHOT=match yarn bundle-size:update","bundle-size:update":"yarn build:clean && yarn build:dist && yarn build:clean","test:accessibility":"lighthouse http://localhost:9002/iframe.html?id=single-vertical-list--basic --chrome-flags='--headless' --output=json --output=html --output-path=./test-reports/lighthouse/a11y.json && node a11y-audit-parse.js"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"jest-junit":{"output":"test-reports/junit/js-test-results.xml"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"6.9.0","description":"Beautiful and accessible drag and drop for lists with React","directories":{},"sideEffects":false,"_nodeVersion":"10.16.3","dependencies":{"redux":"^4.0.4","raf-schd":"^4.0.2","memoize-one":"^5.1.1","react-redux":"^7.1.1","use-memo-one":"^1.1.1","css-box-model":"^1.2.0","@babel/runtime-corejs2":"^7.6.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^24.9.0","react":"^16.11.0","enzyme":"^3.10.0","eslint":"6.5.1","globby":"^10.0.1","rimraf":"^3.0.0","rollup":"^1.25.2","cypress":"^3.5.0","webpack":"^4.41.2","flow-bin":"0.110.1","fs-extra":"^8.0.1","jest-axe":"^3.2.0","prettier":"^1.18.2","raf-stub":"^3.0.0","cross-env":"^6.0.3","react-dom":"^16.11.0","stylelint":"^11.1.1","wait-port":"^0.2.6","babel-core":"^7.0.0-bridge.0","babel-jest":"^24.9.0","jest-junit":"^9.0.0","lighthouse":"^5.6.0","@babel/core":"^7.6.4","markdown-it":"^10.0.0","babel-eslint":"^10.0.3","babel-loader":"^8.0.6","react-window":"^1.8.5","@emotion/core":"^10.0.22","@atlaskit/theme":"^9.2.5","@emotion/styled":"^10.0.22","emotion-theming":"^10.0.19","@storybook/react":"^5.2.5","@babel/preset-env":"^7.6.3","react-virtualized":"^9.21.1","styled-components":"4.4.0","@babel/preset-flow":"^7.0.0","@storybook/theming":"^5.2.5","eslint-plugin-jest":"^22.20.0","rollup-plugin-json":"^4.0.0","@atlaskit/css-reset":"^5.0.9","@babel/preset-react":"^7.6.3","eslint-plugin-react":"^7.16.0","react-test-renderer":"^16.11.0","require-from-string":"^2.0.2","rollup-plugin-babel":"^4.3.3","rollup-plugin-strip":"^1.2.2","babel-plugin-emotion":"^10.0.22","eslint-config-airbnb":"^18.0.1","eslint-plugin-import":"^2.18.2","jest-watch-typeahead":"^0.4.0","rollup-plugin-terser":"^5.1.2","eslint-plugin-cypress":"^2.7.0","eslint-plugin-emotion":"^10.0.14","rollup-plugin-replace":"^2.2.0","@testing-library/react":"^9.3.0","eslint-config-prettier":"^6.4.0","eslint-plugin-flowtype":"^4.3.0","eslint-plugin-jsx-a11y":"^6.2.1","eslint-plugin-prettier":"^3.1.1","rollup-plugin-commonjs":"^10.1.0","enzyme-adapter-react-16":"^1.15.1","eslint-plugin-react-hooks":"^2.2.0","stylelint-config-prettier":"^6.0.0","stylelint-config-standard":"^19.0.0","rollup-plugin-node-resolve":"^5.1.0","babel-plugin-dev-expression":"^0.2.2","rollup-plugin-size-snapshot":"^0.10.0","stylelint-config-recommended":"^3.0.0","@emotion/babel-preset-css-prop":"^10.0.22","@babel/plugin-transform-runtime":"^7.6.2","stylelint-config-styled-components":"^0.1.1","stylelint-processor-styled-components":"^1.8.0","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-transform-modules-commonjs":"^7.6.0"},"peerDependencies":{"react":"^16.8.5","react-dom":"^16.8.5"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd_12.2.0-alpha.1_1575332371418_0.13475530838600447","host":"s3://npm-registry-packages"}},"12.2.0":{"name":"react-beautiful-dnd","version":"12.2.0","keywords":["drag and drop","dnd","sortable","reorder","reorderable","react","react.js","natural","beautiful","accessible"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@12.2.0","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"},{"name":"jaredcrowe","email":"jared.j.crowe@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"e5f6222f9e7934c6ed4ee09024547f9e353ae423","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-12.2.0.tgz","fileCount":239,"integrity":"sha512-s5UrOXNDgeEC+sx65IgbeFlqKKgK3c0UfbrJLWufP34WBheyu5kJ741DtJbsSgPKyNLkqfswpMYr0P8lRj42cA==","signatures":[{"sig":"MEYCIQC0+OwVSdmgXctA9UhE4P63KY/y56kghp7HPkXTmii0GAIhAKOo48rWLSef7PRqjlHLyv12GYF6HtK4HyzmHQDVdPEX","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1408670,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd6HxGCRA9TVsSAnZWagAAAagP/jxQIx2mJoboO8lndZKP\npnYSP9PBTqssiemzseQSOEB0dLaqEKg2ldeRutyiBsXrxzuv8ZdCaP37VoTl\nEOzYRlb/bHT/h5YSoD0gQkFUq3q4SQEjzRZ40s1xzQWjRHDgLXxUkcfPeH8I\neayB3Qs8Kg3c/6tvDRFM3cuheARcKXE/97gtgRdZpuWgOUAP2QomHKIedeyQ\nPmiOjEQj9oyXpoRk1InwlL9otPWqUwLUfr+EejQGRd+u5r0MnapCAFRYGJN/\nF2WAxhaxYn7wVKgFqr72MWy+wsxnwNj7VQZIOd/qObEfAmT0IScFMyfX4wJx\nrcaM1tv84A4TMUYKgFtxERXFUk9mlqmipWAdIKEekOQPf02gzu1oQIOqh+3p\n8vlI1LsI3hOZg1asvvMdTrvxCP3yJrex4jTfT9JYTt3aeYMDbTmqQFTi4QPj\nIFQO99U+VMik5nxBI5V+1jcV4ewAoA1rRUPNC21NUfEhlBf5pSqYPoAF36KP\npcwaEXzGIdiENyIy8RvOBK85YFaqoGd1Nhg3ncgqsDxFlrtTDHO9WWzDWnLU\nWgq18NxbsYu7GIZtr6kvP9N/BtG8WZVq/K8/dEXEtcm3kLe8q4R97kpVSanq\nl9m/FBmvlNZ0xtICNMWY3v7TOlMMz9R0AyC67+w9nIkY5ECJeCfmNTMAG/TX\nPv4G\r\n=Ryay\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/react-beautiful-dnd.cjs.js","config":{"prettier_target":"*.{js,jsx,md,json} src/**/*.{js,jsx,md,json} test/**/*.{js,jsx,md,json} docs/**/*.{js,jsx,md,json} stories/**/*.{js,jsx,md,json} cypress/**/*.{js,jsx,md,json}"},"module":"dist/react-beautiful-dnd.esm.js","gitHead":"24aac5d7b9a7ba7fc4b16484274799d235f8895d","scripts":{"test":"jest --config ./jest.config.js","build":"yarn build:clean && yarn build:dist && yarn build:flow","test:ci":"jest test --maxWorkers=2","lint:css":"stylelint \"stories/**/*.{js,jsx}\"","validate":"yarn prettier:check && yarn lint:eslint && yarn lint:css && yarn typecheck","storybook":"start-storybook -p 9002","typecheck":"flow check --max-warnings=0","build:dist":"rollup -c","build:flow":"echo \"// @flow\n\nexport * from '../src';\" > dist/react-beautiful-dnd.cjs.js.flow","build:clean":"rimraf dist","lint:eslint":"yarn eslint \"./**/*.{js,jsx}\"","test:browser":"cypress open","test:coverage":"yarn test --coverage --coveragePathIgnorePatterns=/debug","prepublishOnly":"yarn build","prettier:check":"yarn prettier --debug-check $npm_package_config_prettier_target","prettier:write":"yarn prettier --write $npm_package_config_prettier_target","build-storybook":"build-storybook -c .storybook -o site","test:browser:ci":"cypress run","bundle-size:check":"cross-env SNAPSHOT=match yarn bundle-size:update","bundle-size:update":"yarn build:clean && yarn build:dist && yarn build:clean","test:accessibility":"lighthouse http://localhost:9002/iframe.html?id=single-vertical-list--basic --chrome-flags='--headless' --output=json --output=html --output-path=./test-reports/lighthouse/a11y.json && node a11y-audit-parse.js"},"_npmUser":{"name":"delcore92","email":"daniel.delcore.92@gmail.com"},"jest-junit":{"output":"test-reports/junit/js-test-results.xml"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"6.4.1","description":"Beautiful and accessible drag and drop for lists with React","directories":{},"sideEffects":false,"_nodeVersion":"10.13.0","dependencies":{"redux":"^4.0.4","raf-schd":"^4.0.2","memoize-one":"^5.1.1","react-redux":"^7.1.1","use-memo-one":"^1.1.1","css-box-model":"^1.2.0","@babel/runtime-corejs2":"^7.6.3"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^24.9.0","react":"^16.11.0","enzyme":"^3.10.0","eslint":"6.5.1","globby":"^10.0.1","rimraf":"^3.0.0","rollup":"^1.25.2","cypress":"^3.5.0","webpack":"^4.41.2","flow-bin":"0.110.1","fs-extra":"^8.0.1","jest-axe":"^3.2.0","prettier":"^1.18.2","raf-stub":"^3.0.0","cross-env":"^6.0.3","react-dom":"^16.11.0","stylelint":"^11.1.1","wait-port":"^0.2.6","babel-core":"^7.0.0-bridge.0","babel-jest":"^24.9.0","jest-junit":"^9.0.0","lighthouse":"^5.6.0","@babel/core":"^7.6.4","markdown-it":"^10.0.0","babel-eslint":"^10.0.3","babel-loader":"^8.0.6","react-window":"^1.8.5","@emotion/core":"^10.0.22","@atlaskit/theme":"^9.2.5","@emotion/styled":"^10.0.22","emotion-theming":"^10.0.19","@storybook/react":"^5.2.5","@babel/preset-env":"^7.6.3","react-virtualized":"^9.21.1","styled-components":"4.4.0","@babel/preset-flow":"^7.0.0","@storybook/theming":"^5.2.5","eslint-plugin-jest":"^22.20.0","rollup-plugin-json":"^4.0.0","@atlaskit/css-reset":"^5.0.9","@babel/preset-react":"^7.6.3","eslint-plugin-react":"^7.16.0","react-test-renderer":"^16.11.0","require-from-string":"^2.0.2","rollup-plugin-babel":"^4.3.3","rollup-plugin-strip":"^1.2.2","babel-plugin-emotion":"^10.0.22","eslint-config-airbnb":"^18.0.1","eslint-plugin-import":"^2.18.2","jest-watch-typeahead":"^0.4.0","rollup-plugin-terser":"^5.1.2","eslint-plugin-cypress":"^2.7.0","eslint-plugin-emotion":"^10.0.14","rollup-plugin-replace":"^2.2.0","@testing-library/react":"^9.3.0","eslint-config-prettier":"^6.4.0","eslint-plugin-flowtype":"^4.3.0","eslint-plugin-jsx-a11y":"^6.2.1","eslint-plugin-prettier":"^3.1.1","rollup-plugin-commonjs":"^10.1.0","enzyme-adapter-react-16":"^1.15.1","eslint-plugin-react-hooks":"^2.2.0","stylelint-config-prettier":"^6.0.0","stylelint-config-standard":"^19.0.0","rollup-plugin-node-resolve":"^5.1.0","babel-plugin-dev-expression":"^0.2.2","rollup-plugin-size-snapshot":"^0.10.0","stylelint-config-recommended":"^3.0.0","@emotion/babel-preset-css-prop":"^10.0.22","@babel/plugin-transform-runtime":"^7.6.2","stylelint-config-styled-components":"^0.1.1","stylelint-processor-styled-components":"^1.8.0","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-transform-modules-commonjs":"^7.6.0"},"peerDependencies":{"react":"^16.8.5","react-dom":"^16.8.5"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd_12.2.0_1575517253738_0.014083958436842847","host":"s3://npm-registry-packages"},"deprecated":"react-beautiful-dnd is now deprecated. Context and options: https://github.com/atlassian/react-beautiful-dnd/issues/2672"},"13.0.0-beta.1":{"name":"react-beautiful-dnd","version":"13.0.0-beta.1","keywords":["drag and drop","dnd","sortable","reorder","reorderable","react","react.js","natural","beautiful","accessible"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@13.0.0-beta.1","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"},{"name":"jaredcrowe","email":"jared.j.crowe@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"163ebb4c3dcbff7618f9fa58f5f75b7ba691a8e0","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-13.0.0-beta.1.tgz","fileCount":240,"integrity":"sha512-PZSIYSABRTlEAl6Sex7Zg/5KvWwdDdEmalxycynLD9eKJOB4ZXorcLCmWByZsf6kRxXZkMvAqN8hllOpnJmE2A==","signatures":[{"sig":"MEUCIBztgIIY44cEUfFJhFRBxvQcUFi4mhGqXxu78XeX8SWcAiEAmGpdR1w0WwjVMUMiS8arYsPXADHXMmcXttudXng6coA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1388724,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeTkjJCRA9TVsSAnZWagAA+YEP/jQ8OYQ5m3DEH0uACrA1\nRksbIR78d+fqzeyjXVtY/q1G/A4Hg9prql3f8axggOxaYwDYH6qy7KhOEtMV\n8BaQgAKx0x9nFBm1tbUiKAzM1YrQgS8RP0JQ3LpPR4UWJHYNodWqUwMDyG2N\nJb1ynM0/9L1p1AeTwd8Pn5IGY+7/rvTArLKACWe7BkO5qcpm5+6kAd4VNBeL\nGuRNDD/JpZDhJaKxVCDuIunimEmg3szA9W7VXbDydvDjxdVDlzGfFdmHsyM8\nGRbcviWpF3gHHNAID35pRfTrDaUZ2vMzdLRv3AHDrwEITA/fFuj3FsvRMtQ2\nhWPErqNzwASIeDSHDAF+WjNjVb80+HQ3cilXij3St4lP+E8CO6nn/tIf05Mw\ns0DVytRE3bA7HJSxP0KVe6q1iwu620Be08gHliwwSW1X7u5F9RMCaVLJH7SP\nWPETYXexmlv2xoo/lVMDud3lSF3TxBCVl1K7zWJqpZiRgywOA/RstopQTF9Q\nMi/pFH1jmDWdeDGAj321WVqk4rqEUY5YixCAbNoElu9u4bFSdmV1Puy5WPnM\nG6vsX78RzpAWQIMWzjRnZJxXcu5Ys8O3F27JbV9524UL4CvPWbgalrEtE+lq\nUlv+gFrMOu+pjDV94qBahx4heCKcCh3GgsvWZEn0bsRqkcTmX4JtMd1yJEFX\nzv4L\r\n=WiDV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/react-beautiful-dnd.cjs.js","config":{"prettier_target":"*.{js,jsx,md,json} src/**/*.{js,jsx,md,json} test/**/*.{js,jsx,md,json} docs/**/*.{js,jsx,md,json} stories/**/*.{js,jsx,md,json} cypress/**/*.{js,jsx,md,json}"},"module":"dist/react-beautiful-dnd.esm.js","readme":"<p align=\"center\">\n  <img src=\"https://user-images.githubusercontent.com/2182637/53611918-54c1ff80-3c24-11e9-9917-66ac3cef513d.png\" alt=\"react beautiful dnd logo\" />\n</p>\n<h1 align=\"center\">react-beautiful-dnd <small><sup>(rbd)</sup></small></h1>\n\n<div align=\"center\">\n\n**Beautiful** and **accessible** drag and drop for lists with [`React`](https://facebook.github.io/react/)\n\n[![CircleCI branch](https://img.shields.io/circleci/project/github/atlassian/react-beautiful-dnd/master.svg)](https://circleci.com/gh/atlassian/react-beautiful-dnd/tree/master)\n[![npm](https://img.shields.io/npm/v/react-beautiful-dnd.svg)](https://www.npmjs.com/package/react-beautiful-dnd)\n\n![quote application example](https://user-images.githubusercontent.com/2182637/53614150-efbed780-3c2c-11e9-9204-a5d2e746faca.gif)\n\n[Play with this example if you want!](https://react-beautiful-dnd.netlify.com/iframe.html?selectedKind=board&selectedStory=simple)\n\n</div>\n\n## Core characteristics\n\n- Beautiful and [natural movement](/docs/about/animations.md) of items 💐\n- [Accessible](/docs/about/accessibility.md): powerful keyboard and screen reader support ♿️\n- [Extremely performant](/docs/support/media.md) 🚀\n- Clean and powerful api which is simple to get started with\n- Plays extremely well with standard browser interactions\n- [Unopinionated styling](/docs/guides/preset-styles.md)\n- No creation of additional wrapper dom nodes - flexbox and focus management friendly!\n\n## Get started 👩‍🏫\n\nWe have created [a free course on `egghead.io` 🥚](https://egghead.io/courses/beautiful-and-accessible-drag-and-drop-with-react-beautiful-dnd) to help you get started with `react-beautiful-dnd` as quickly as possible.\n\n[![course-logo](https://user-images.githubusercontent.com/2182637/43372837-8c72d3f8-93e8-11e8-9d92-a82adde7718f.png)](https://egghead.io/courses/beautiful-and-accessible-drag-and-drop-with-react-beautiful-dnd)\n\n## Currently supported feature set ✅\n\n- Vertical lists ↕\n- Horizontal lists ↔\n- Movement between lists (▤ ↔ ▤)\n- [Virtual list support 👾](/docs/patterns/virtual-lists.md) - unlocking 10,000 items @ 60fps\n- [Combining items](/docs/guides/combining.md)\n- Mouse 🐭, keyboard 🎹♿️ and touch 👉📱 (mobile, tablet and so on) support\n- [Multi drag support](/docs/patterns/multi-drag.md)\n- Incredible screen reader support ♿️ - we provide an amazing experience for english screen readers out of the box 📦. We also provide complete customisation control and internationalisation support for those who need it 💖\n- [Conditional dragging](/docs/api/draggable.md#optional-props) and [conditional dropping](/docs/api/droppable.md#conditionally-dropping)\n- Multiple independent lists on the one page\n- Flexible item sizes - the draggable items can have different heights (vertical lists) or widths (horizontal lists)\n- [Add and remove items during a drag](/docs/guides/changes-while-dragging.md)\n- Compatible with semantic `<table>` reordering - [table pattern](/docs/patterns/tables.md)\n- [Auto scrolling](/docs/guides/auto-scrolling.md) - automatically scroll containers and the window as required during a drag (even with keyboard 🔥)\n- Custom drag handles - you can drag a whole item by just a part of it\n- Able to move the dragging item to another element while dragging (clone, portal) - [Reparenting your `<Draggable />`](/docs/guides/reparenting.md)\n- [Create scripted drag and drop experiences 🎮](/docs/sensors/sensor-api.md)\n- Allows extensions to support for [any input type you like 🕹](/docs/sensors/sensor-api.md)\n- 🌲 Tree support through the [`@atlaskit/tree`](https://atlaskit.atlassian.com/packages/core/tree) package\n- A `<Droppable />` list can be a scroll container (without a scrollable parent) or be the child of a scroll container (that also does not have a scrollable parent)\n- Independent nested lists - a list can be a child of another list, but you cannot drag items from the parent list into a child list\n- Server side rendering (SSR) compatible - see [resetServerContext()](/docs/api/reset-server-context.md)\n- Plays well with [nested interactive elements](/docs/api/draggable.md#interactive-child-elements-within-a-draggable-) by default\n\n## Motivation 🤔\n\n`react-beautiful-dnd` exists to create beautiful drag and drop for lists that anyone can use - even people who cannot see. For a good overview of the history and motivations of the project you can take a look at these external resources:\n\n- 📖 [Rethinking drag and drop](https://medium.com/@alexandereardon/rethinking-drag-and-drop-d9f5770b4e6b)\n- 🎧 [React podcast: fast, accessible and beautiful drag and drop](https://reactpodcast.simplecast.fm/17)\n\n## Not for everyone ✌️\n\nThere are a lot of libraries out there that allow for drag and drop interactions within React. Most notable of these is the amazing [`react-dnd`](https://github.com/react-dnd/react-dnd). It does an incredible job at providing a great set of drag and drop primitives which work especially well with the [wildly inconsistent](https://www.quirksmode.org/blog/archives/2009/09/the_html5_drag.html) html5 drag and drop feature. `react-beautiful-dnd` is a higher level abstraction specifically built for lists (vertical, horizontal, movement between lists, nested lists and so on). Within that subset of functionality `react-beautiful-dnd` offers a powerful, natural and beautiful drag and drop experience. However, it does not provide the breadth of functionality offered by `react-dnd`. So `react-beautiful-dnd` might not be for you depending on what your use case is.\n\n## Documentation 📖\n\n### About 👋\n\n- [Installation](/docs/about/installation.md)\n- [Examples and samples](/docs/about/examples.md)\n- [Get started](https://egghead.io/courses/beautiful-and-accessible-drag-and-drop-with-react-beautiful-dnd)\n- [Design principles](/docs/about/design-principles.md)\n- [Animations](/docs/about/animations.md)\n- [Accessibility](/docs/about/accessibility.md)\n- [Browser support](/docs/about/browser-support.md)\n\n### Sensors 🔉\n\n> The ways in which somebody can start and control a drag\n\n- [Mouse dragging 🐭](/docs/sensors/mouse.md)\n- [Touch dragging 👉📱](/docs/sensors/touch.md)\n- [Keyboard dragging 🎹♿️](/docs/sensors/keyboard.md)\n- [Create your own sensor](/docs/sensors/sensor-api.md) (allows for any input type as well as scripted experiences)\n\n### API 🏋️‍\n\n![diagram](https://user-images.githubusercontent.com/2182637/53607406-c8f3a780-3c12-11e9-979c-7f3b5bd1bfbd.gif)\n\n- [`<DragDropContext />`](/docs/api/drag-drop-context.md) - _Wraps the part of your application you want to have drag and drop enabled for_\n- [`<Droppable />`](/docs/api/droppable.md) - _An area that can be dropped into. Contains `<Draggable />`s_\n- [`<Draggable />`](/docs/api/draggable.md) - _What can be dragged around_\n- [`resetServerContext()`](/docs/api/reset-server-context.md) - _Utility for server side rendering (SSR)_\n\n### Guides 🗺\n\n- [`<DragDropContext />` responders](/docs/guides/responders.md) - _`onDragStart`, `onDragUpdate`, `onDragEnd` and `onBeforeDragStart`_\n- [Combining `<Draggable />`s](/docs/guides/combining.md)\n- [Common setup issues](/docs/guides/common-setup-issues.md)\n- [Using `innerRef`](/docs/guides/using-inner-ref.md)\n- [Setup problem detection and error recovery](/docs/guides/setup-problem-detection-and-error-recovery.md)\n- [Rules for `draggableId` and `droppableId`s](/docs/guides/identifiers.md)\n- [Browser focus retention](/docs/guides/browser-focus.md)\n- [Customising or skipping the drop animation](/docs/guides/drop-animation.md)\n- [Auto scrolling](/docs/guides/auto-scrolling.md)\n- [Controlling the screen reader](/docs/guides/screen-reader.md)\n- [Use the html5 `doctype`](/docs/guides/doctype.md)\n- [`TypeScript` and `flow`: type information](/docs/guides/types.md)\n- [Dragging `<svg>`s](/docs/guides/dragging-svgs.md)\n- [Avoiding image flickering](/docs/guides/avoiding-image-flickering.md)\n- [Non-visible preset styles](/docs/guides/preset-styles.md)\n- [How we detect scroll containers](/docs/guides/how-we-detect-scroll-containers.md)\n- [How we use dom events](/docs/guides/how-we-use-dom-events.md) - _Useful if you need to build on top of `react-beautiful-dnd`_\n- [Adding `<Draggable />`s during a drag (11.x behaviour)](/docs/guides/changes-while-dragging.md) - _⚠️ Advanced_\n- [Setting up Content Security Policy](/docs/guides/content-security-policy.md)\n\n### Patterns 👷‍\n\n- [Virtual lists 👾](/docs/patterns/virtual-lists.md)\n- [Multi drag](/docs/patterns/multi-drag.md)\n- [Tables](/docs/patterns/tables.md)\n- [Reparenting a `<Draggable />`](/docs/guides/reparenting.md) - _Using our cloning API or your own portal_\n\n### Support 👩‍⚕️\n\n- [Engineering health](/docs/support/engineering-health.md)\n- [Community and addons](/docs/support/community-and-addons.md)\n- [Release notes and changelog](https://github.com/atlassian/react-beautiful-dnd/releases)\n- [Upgrading](/docs/support/upgrading.md)\n- [Road map](https://github.com/atlassian/react-beautiful-dnd/issues)\n- [Media](/docs/support/media.md)\n\n## Read this in other languages 🌎\n\n- [![kr](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/South-Korea.png) **한글/Korean**](https://github.com/LeeHyungGeun/react-beautiful-dnd-kr)\n- [![ru](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/Russia.png) **На русском/Russian**](https://github.com/vtereshyn/react-beautiful-dnd-ru)\n- [![pt](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/Brazil.png) **Português/Portuguese**](https://github.com/dudestein/react-beautiful-dnd-pt)\n\n## Author ✍️\n\nAlex Reardon [@alexandereardon](https://twitter.com/alexandereardon)\n\n## Collaborators 🤝\n\n- Bogdan Chadkin [@IAmTrySound](https://twitter.com/IAmTrySound)\n- Luke Batchelor [@alukebatchelor](https://twitter.com/alukebatchelor)\n- Jared Crowe [@jaredjcrowe](https://twitter.com/jaredjcrowe)\n- Many other [@Atlassian](https://twitter.com/Atlassian)'s!\n","gitHead":"4e36611ae92e3d5f474e0fac965d7ed2196f2281","scripts":{"test":"jest --config ./jest.config.js","build":"yarn build:clean && yarn build:dist && yarn build:flow","test:ci":"jest test --maxWorkers=2","lint:css":"stylelint \"stories/**/*.{js,jsx}\"","validate":"yarn prettier:check && yarn lint:eslint && yarn lint:css && yarn typecheck","storybook":"start-storybook -p 9002","typecheck":"flow check --max-warnings=0","build:dist":"rollup -c","build:flow":"echo \"// @flow\n\nexport * from '../src';\" > dist/react-beautiful-dnd.cjs.js.flow","build:clean":"rimraf dist","lint:eslint":"yarn eslint \"./**/*.{js,jsx}\"","test:browser":"cypress open","test:coverage":"yarn test --coverage --coveragePathIgnorePatterns=/debug","prepublishOnly":"yarn build","prettier:check":"yarn prettier --debug-check $npm_package_config_prettier_target","prettier:write":"yarn prettier --write $npm_package_config_prettier_target","build-storybook":"build-storybook -c .storybook -o site","test:browser:ci":"cypress run","bundle-size:check":"cross-env SNAPSHOT=match yarn bundle-size:update","bundle-size:update":"yarn build:clean && yarn build:dist && yarn build:clean","test:accessibility":"lighthouse http://localhost:9002/iframe.html?id=single-vertical-list--basic --chrome-flags='--headless' --output=json --output=html --output-path=./test-reports/lighthouse/a11y.json && node a11y-audit-parse.js"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"jest-junit":{"output":"test-reports/junit/js-test-results.xml"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"6.4.1","description":"Beautiful and accessible drag and drop for lists with React","directories":{},"sideEffects":false,"_nodeVersion":"10.15.3","dependencies":{"redux":"^4.0.4","raf-schd":"^4.0.2","memoize-one":"^5.1.1","react-redux":"^7.1.1","use-memo-one":"^1.1.1","css-box-model":"^1.2.0","@babel/runtime":"^7.8.4"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^25.1.0","react":"^16.12.0","enzyme":"^3.11.0","eslint":"6.8.0","globby":"^11.0.0","rimraf":"^3.0.1","rollup":"^1.31.0","cypress":"^4.0.0","webpack":"^4.41.5","flow-bin":"0.110.1","fs-extra":"^8.0.1","jest-axe":"^3.3.0","prettier":"^1.19.1","raf-stub":"^3.0.0","cross-env":"^7.0.0","react-dom":"^16.12.0","stylelint":"^13.0.0","wait-port":"^0.2.7","babel-core":"^7.0.0-bridge.0","babel-jest":"^25.1.0","jest-junit":"^10.0.0","lighthouse":"^5.6.0","@babel/core":"^7.8.4","markdown-it":"^10.0.0","babel-eslint":"^10.0.3","babel-loader":"^8.0.6","react-window":"^1.8.5","@emotion/core":"^10.0.27","@atlaskit/theme":"^9.5.0","@emotion/styled":"^10.0.27","emotion-theming":"^10.0.27","@storybook/react":"^5.3.10","@babel/preset-env":"^7.8.4","eslint-plugin-es5":"^1.5.0","react-virtualized":"^9.21.2","styled-components":"5.0.0","@babel/preset-flow":"^7.8.3","@storybook/theming":"^5.3.10","eslint-plugin-jest":"^23.6.0","rollup-plugin-json":"^4.0.0","@atlaskit/css-reset":"^5.0.9","@babel/preset-react":"^7.8.3","eslint-plugin-react":"^7.18.3","react-test-renderer":"^16.12.0","require-from-string":"^2.0.2","rollup-plugin-babel":"^4.3.3","rollup-plugin-strip":"^1.2.2","babel-plugin-emotion":"^10.0.27","eslint-config-airbnb":"^18.0.1","eslint-plugin-import":"^2.20.1","jest-watch-typeahead":"^0.4.2","rollup-plugin-terser":"^5.2.0","eslint-plugin-cypress":"^2.8.1","eslint-plugin-emotion":"^10.0.27","rollup-plugin-replace":"^2.2.0","@testing-library/react":"^9.4.0","eslint-config-prettier":"^6.10.0","eslint-plugin-flowtype":"^4.6.0","eslint-plugin-jsx-a11y":"^6.2.1","eslint-plugin-prettier":"^3.1.2","rollup-plugin-commonjs":"^10.1.0","enzyme-adapter-react-16":"^1.15.2","eslint-plugin-react-hooks":"^2.3.0","stylelint-config-prettier":"^8.0.1","stylelint-config-standard":"^19.0.0","rollup-plugin-node-resolve":"^5.1.0","babel-plugin-dev-expression":"^0.2.2","rollup-plugin-size-snapshot":"^0.11.0","stylelint-config-recommended":"^3.0.0","@emotion/babel-preset-css-prop":"^10.0.27","@babel/plugin-transform-runtime":"^7.8.3","stylelint-config-styled-components":"^0.1.1","@babel/plugin-transform-object-assign":"^7.8.3","stylelint-processor-styled-components":"^1.9.0","@babel/plugin-proposal-class-properties":"^7.8.3","@babel/plugin-transform-modules-commonjs":"^7.8.3"},"peerDependencies":{"react":"^16.8.5","react-dom":"^16.8.5"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd_13.0.0-beta.1_1582188744472_0.4581343617444944","host":"s3://npm-registry-packages"}},"13.0.0":{"name":"react-beautiful-dnd","version":"13.0.0","keywords":["drag and drop","dnd","sortable","reorder","reorderable","react","react.js","natural","beautiful","accessible"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@13.0.0","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"},{"name":"jaredcrowe","email":"jared.j.crowe@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"f70cc8ff82b84bc718f8af157c9f95757a6c3b40","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-13.0.0.tgz","fileCount":240,"integrity":"sha512-87It8sN0ineoC3nBW0SbQuTFXM6bUqM62uJGY4BtTf0yzPl8/3+bHMWkgIe0Z6m8e+gJgjWxefGRVfpE3VcdEg==","signatures":[{"sig":"MEYCIQC154B+7uNCAuN921baw+kKbOwyM0h3rwK+TyEPDfaVsAIhALOS4OhPbVSbUn4/T0/9dZ9T1HBiZG/lJKGa7icVAZml","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1388717,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeVEHQCRA9TVsSAnZWagAAuBAQAJa0bf+/32I5foYwMLGt\nkCjKdTgL4n8teHj3RGH84eQ4g24XHUXkDTthkfw3se3XIG3f1+jHw6oQH/ru\nV0J9lAQJYj7nHzE6+UMuBbn91Hejn+378nFhTwQSvyQOqPBvB5KUXqjTGqLT\nYUhrFW2ZLGX07TuQsrtDO027GQZNchWi7EVRCU6xNUfI3aAg/j9wgiFozoD6\n2KHLmrr/sCyWT48ArUYrBxOiARamqSZn3EU5GzJLZ6yQzAh8QRt8bhhzoXJF\n8YiHQwo81i4oUZ3r6VnpYQvgAK9bS8jJARErw+uv2EUhvi+t4fUjQ8FCnGrm\nkP00vXzxdDp8A0fLD71SRj4y1fOdPNQpMh6QE9LiMkqIRT6cT67QEvFESnCq\n7l7J8yjshu2X0fB1/l3O6+IM5uY529y3B6X6VUYtox/Ld3vKOShe5VRCVyIg\nuo5DjXq2/BVbHypTtopTPmQwrYSELaykf/u2RU6A7tFVfLJvngOc19FY/yHY\njcpq71Icj11SQeiAGqTzAk78/EopHgtT355rJPt/OYocJWrc8ftu+I1GG7cr\naelnTOZHJ/xGJaQKM1pZfoP2Hfp82BPjl+Y2ckCXMKai0ynoKtc/T3zLClnI\nPwgtkjxYXih4mqvCZMWeNjCHa/ffF5kpNmpctWhx78c4MKplejUkVsmwS3As\nX13b\r\n=4cZ7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/react-beautiful-dnd.cjs.js","config":{"prettier_target":"*.{js,jsx,md,json} src/**/*.{js,jsx,md,json} test/**/*.{js,jsx,md,json} docs/**/*.{js,jsx,md,json} stories/**/*.{js,jsx,md,json} cypress/**/*.{js,jsx,md,json}"},"module":"dist/react-beautiful-dnd.esm.js","gitHead":"e0db866d69ab91fa5011ec496c8df2f955f1379d","scripts":{"test":"jest --config ./jest.config.js","build":"yarn build:clean && yarn build:dist && yarn build:flow","test:ci":"jest test --maxWorkers=2","lint:css":"stylelint \"stories/**/*.{js,jsx}\"","validate":"yarn prettier:check && yarn lint:eslint && yarn lint:css && yarn typecheck","storybook":"start-storybook -p 9002","typecheck":"flow check --max-warnings=0","build:dist":"rollup -c","build:flow":"echo \"// @flow\n\nexport * from '../src';\" > dist/react-beautiful-dnd.cjs.js.flow","build:clean":"rimraf dist","lint:eslint":"yarn eslint \"./**/*.{js,jsx}\"","test:browser":"cypress open","test:coverage":"yarn test --coverage --coveragePathIgnorePatterns=/debug","prepublishOnly":"yarn build","prettier:check":"yarn prettier --debug-check $npm_package_config_prettier_target","prettier:write":"yarn prettier --write $npm_package_config_prettier_target","build-storybook":"build-storybook -c .storybook -o site","test:browser:ci":"cypress run","bundle-size:check":"cross-env SNAPSHOT=match yarn bundle-size:update","bundle-size:update":"yarn build:clean && yarn build:dist && yarn build:clean","test:accessibility":"lighthouse http://localhost:9002/iframe.html?id=single-vertical-list--basic --chrome-flags='--headless' --output=json --output=html --output-path=./test-reports/lighthouse/a11y.json && node a11y-audit-parse.js"},"_npmUser":{"name":"alexreardon","email":"alexreardon@gmail.com"},"jest-junit":{"output":"test-reports/junit/js-test-results.xml"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"6.4.1","description":"Beautiful and accessible drag and drop for lists with React","directories":{},"sideEffects":false,"_nodeVersion":"10.15.3","dependencies":{"redux":"^4.0.4","raf-schd":"^4.0.2","memoize-one":"^5.1.1","react-redux":"^7.1.1","use-memo-one":"^1.1.1","css-box-model":"^1.2.0","@babel/runtime":"^7.8.4"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^25.1.0","react":"^16.12.0","enzyme":"^3.11.0","eslint":"6.8.0","globby":"^11.0.0","rimraf":"^3.0.1","rollup":"^1.31.0","cypress":"^4.0.0","webpack":"^4.41.5","flow-bin":"0.110.1","fs-extra":"^8.0.1","jest-axe":"^3.3.0","prettier":"^1.19.1","raf-stub":"^3.0.0","cross-env":"^7.0.0","react-dom":"^16.12.0","stylelint":"^13.0.0","wait-port":"^0.2.7","babel-core":"^7.0.0-bridge.0","babel-jest":"^25.1.0","jest-junit":"^10.0.0","lighthouse":"^5.6.0","@babel/core":"^7.8.4","markdown-it":"^10.0.0","babel-eslint":"^10.0.3","babel-loader":"^8.0.6","react-window":"^1.8.5","@emotion/core":"^10.0.27","@atlaskit/theme":"^9.5.0","@emotion/styled":"^10.0.27","emotion-theming":"^10.0.27","@storybook/react":"^5.3.10","@babel/preset-env":"^7.8.4","eslint-plugin-es5":"^1.5.0","react-virtualized":"^9.21.2","styled-components":"5.0.0","@babel/preset-flow":"^7.8.3","@storybook/theming":"^5.3.10","eslint-plugin-jest":"^23.6.0","rollup-plugin-json":"^4.0.0","@atlaskit/css-reset":"^5.0.9","@babel/preset-react":"^7.8.3","eslint-plugin-react":"^7.18.3","react-test-renderer":"^16.12.0","require-from-string":"^2.0.2","rollup-plugin-babel":"^4.3.3","rollup-plugin-strip":"^1.2.2","babel-plugin-emotion":"^10.0.27","eslint-config-airbnb":"^18.0.1","eslint-plugin-import":"^2.20.1","jest-watch-typeahead":"^0.4.2","rollup-plugin-terser":"^5.2.0","eslint-plugin-cypress":"^2.8.1","eslint-plugin-emotion":"^10.0.27","rollup-plugin-replace":"^2.2.0","@testing-library/react":"^9.4.0","eslint-config-prettier":"^6.10.0","eslint-plugin-flowtype":"^4.6.0","eslint-plugin-jsx-a11y":"^6.2.1","eslint-plugin-prettier":"^3.1.2","rollup-plugin-commonjs":"^10.1.0","enzyme-adapter-react-16":"^1.15.2","eslint-plugin-react-hooks":"^2.3.0","stylelint-config-prettier":"^8.0.1","stylelint-config-standard":"^19.0.0","rollup-plugin-node-resolve":"^5.1.0","babel-plugin-dev-expression":"^0.2.2","rollup-plugin-size-snapshot":"^0.11.0","stylelint-config-recommended":"^3.0.0","@emotion/babel-preset-css-prop":"^10.0.27","@babel/plugin-transform-runtime":"^7.8.3","stylelint-config-styled-components":"^0.1.1","@babel/plugin-transform-object-assign":"^7.8.3","stylelint-processor-styled-components":"^1.9.0","@babel/plugin-proposal-class-properties":"^7.8.3","@babel/plugin-transform-modules-commonjs":"^7.8.3"},"peerDependencies":{"react":"^16.8.5","react-dom":"^16.8.5"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd_13.0.0_1582580175324_0.6689663399575967","host":"s3://npm-registry-packages"},"deprecated":"react-beautiful-dnd is now deprecated. Context and options: https://github.com/atlassian/react-beautiful-dnd/issues/2672"},"13.1.0":{"name":"react-beautiful-dnd","version":"13.1.0","keywords":["drag and drop","dnd","sortable","reorder","reorderable","react","react.js","natural","beautiful","accessible"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@13.1.0","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"},{"name":"delcore92","email":"daniel.delcore.92@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"ec97c81093593526454b0de69852ae433783844d","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-13.1.0.tgz","fileCount":240,"integrity":"sha512-aGvblPZTJowOWUNiwd6tNfEpgkX5OxmpqxHKNW/4VmvZTNTbeiq7bA3bn5T+QSF2uibXB0D1DmJsb1aC/+3cUA==","signatures":[{"sig":"MEUCIGT2ov3VuwSzGoS2kP3QgA3ixfYdvzcEGaPg+D3HGMISAiEAgQ9+qG69pg0Rnx0UMjbbd+BnhJxVD7VGhb7tRaw+ghk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1389520,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh24GaCRA9TVsSAnZWagAA6xsP/RO8nPkiMA0YErQ7ZNXL\nku1qX13EvHLbSyx+Ud5HnBixnnciJgPv4ZCqojmgyqAOGoffksdTD+AvL+0m\nTKvmy0y7jLKE5kejgKrVwsri1TRnRUdcg7GYNDlWoc77CAlIpPnAYxmN+f53\nUK1v+zMh5JvO8cPE+TMl+fFWvRAlrM/1ZHDD00EJlml2IG7/fvpzna3Nqfay\nbhXNsyg7JsI5o/6vKh5tG5ty7zzCuMvUpBaa62GNGm3wXaUEi21Ik6VoBSXZ\ndDl+DRH+lGfznI689ZJdgacFC3KXKjb4Q0oESQp9CdAYLjOUwXnY0HOER6rq\nigS5w4BXLZFUsQ0FvkrTUGkzPF9IqxYVsz9ZCUVOR6KgBSfe+DTA7/HIxwK9\nCMb1aZphsxPZQ3ocMWkQ1Vpip9t8Mig8iXTpyVVYeMMOW7TTHDBFXrFOYXjq\nEn7lEENjjNKKIU5uhONi9b2ZSlJvC2Hob/Ru2UBCqBPOuiZSwr3ekWLDmJK1\nqph+eeAL5fBRKNzpmSOoCJ6wHcUZbydJuOfvxSJTilYlTVh7qqVGVa5ozSWv\ngNTJN/hAszj9bqxeDAqkG6hM2i1+0u+RZW0TAc9m+Z9gjnD1uHh36NP5QoE3\nQBYGWXNxePVAufztfbBE80iLnwBbbgEbZhflaRhU2WzsvsPfVgkdmRbD1r7k\nTJ0m\r\n=4o69\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/react-beautiful-dnd.cjs.js","config":{"prettier_target":"*.{js,jsx,md,json} src/**/*.{js,jsx,md,json} test/**/*.{js,jsx,md,json} docs/**/*.{js,jsx,md,json} stories/**/*.{js,jsx,md,json} cypress/**/*.{js,jsx,md,json} csp-server/**/*.{js,jsx,md,json}"},"module":"dist/react-beautiful-dnd.esm.js","gitHead":"83a22564a01d53aef24717d5f977c7e832f129fb","scripts":{"test":"jest --config ./jest.config.js","build":"yarn build:clean && yarn build:dist && yarn build:flow","test:ci":"jest test --maxWorkers=2","lint:css":"stylelint \"stories/**/*.{js,jsx}\"","validate":"yarn prettier:check && yarn lint:eslint && yarn lint:css && yarn typecheck","storybook":"start-storybook -p 9002","typecheck":"flow check --max-warnings=0","build:dist":"rollup -c","build:flow":"echo \"// @flow\n\nexport * from '../src';\" > dist/react-beautiful-dnd.cjs.js.flow","build:clean":"rimraf dist","lint:eslint":"yarn eslint \"./**/*.{js,jsx}\"","test:browser":"cypress open","test:coverage":"yarn test --coverage --coveragePathIgnorePatterns=/debug","prepublishOnly":"yarn build","prettier:check":"yarn prettier --debug-check $npm_package_config_prettier_target","prettier:write":"yarn prettier --write $npm_package_config_prettier_target","build-storybook":"build-storybook -c .storybook -o site","test:browser:ci":"cypress run","bundle-size:check":"cross-env SNAPSHOT=match yarn bundle-size:update","bundle-size:update":"yarn build:clean && yarn build:dist && yarn build:clean","test:accessibility":"lighthouse http://localhost:9002/iframe.html?id=single-vertical-list--basic --chrome-flags='--headless' --output=json --output=html --output-path=./test-reports/lighthouse/a11y.json && node a11y-audit-parse.js"},"_npmUser":{"name":"delcore92","email":"daniel.delcore.92@gmail.com"},"jest-junit":{"output":"test-reports/junit/js-test-results.xml"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"6.9.0","description":"Beautiful and accessible drag and drop for lists with React","directories":{},"sideEffects":false,"_nodeVersion":"12.3.1","dependencies":{"redux":"^4.0.4","raf-schd":"^4.0.2","memoize-one":"^5.1.1","react-redux":"^7.2.0","use-memo-one":"^1.1.1","css-box-model":"^1.2.0","@babel/runtime":"^7.9.2"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^25.3.0","react":"^16.13.1","enzyme":"^3.11.0","eslint":"6.8.0","globby":"^11.0.0","rimraf":"^3.0.2","rollup":"^2.6.1","cypress":"^4.4.0","webpack":"^4.42.1","flow-bin":"0.110.1","fs-extra":"^9.0.0","jest-axe":"^3.4.0","prettier":"^2.0.4","raf-stub":"^3.0.0","cross-env":"^7.0.2","react-dom":"^16.13.1","stylelint":"^13.3.2","wait-port":"^0.2.7","babel-core":"^7.0.0-bridge.0","babel-jest":"^25.3.0","jest-junit":"^10.0.0","lighthouse":"^5.6.0","@babel/core":"^7.9.0","markdown-it":"^10.0.0","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","react-window":"^1.8.5","@emotion/core":"^10.0.28","@atlaskit/theme":"^9.5.2","@emotion/styled":"^10.0.27","emotion-theming":"^10.0.27","@storybook/react":"^5.3.18","@babel/preset-env":"^7.9.5","eslint-plugin-es5":"^1.5.0","react-virtualized":"^9.21.2","styled-components":"5.1.0","@babel/preset-flow":"^7.9.0","@storybook/theming":"^5.3.18","eslint-plugin-jest":"^23.8.2","rollup-plugin-json":"^4.0.0","@atlaskit/css-reset":"^5.0.10","@babel/preset-react":"^7.9.4","eslint-plugin-react":"^7.19.0","react-test-renderer":"^16.13.1","require-from-string":"^2.0.2","rollup-plugin-babel":"^4.4.0","rollup-plugin-strip":"^1.2.2","babel-plugin-emotion":"^10.0.33","eslint-config-airbnb":"^18.1.0","eslint-plugin-import":"^2.20.2","jest-watch-typeahead":"^0.5.0","rollup-plugin-terser":"^5.3.0","eslint-plugin-cypress":"^2.10.3","eslint-plugin-emotion":"^10.0.27","rollup-plugin-replace":"^2.2.0","@testing-library/react":"^10.0.2","eslint-config-prettier":"^6.10.1","eslint-plugin-flowtype":"^4.7.0","eslint-plugin-jsx-a11y":"^6.2.1","eslint-plugin-prettier":"^3.1.3","rollup-plugin-commonjs":"^10.1.0","enzyme-adapter-react-16":"^1.15.2","eslint-plugin-react-hooks":"^3.0.0","stylelint-config-prettier":"^8.0.1","stylelint-config-standard":"^20.0.0","rollup-plugin-node-resolve":"^5.1.0","babel-plugin-dev-expression":"^0.2.2","rollup-plugin-size-snapshot":"^0.11.0","storybook-addon-performance":"0.9.0","@storybook/addon-storysource":"5.3.18","stylelint-config-recommended":"^3.0.0","@emotion/babel-preset-css-prop":"^10.0.27","@babel/plugin-transform-runtime":"^7.9.0","stylelint-config-styled-components":"^0.1.1","@babel/plugin-transform-object-assign":"^7.8.3","stylelint-processor-styled-components":"^1.10.0","@babel/plugin-proposal-class-properties":"^7.8.3","@babel/plugin-transform-modules-commonjs":"^7.9.0"},"peerDependencies":{"react":"^16.8.5 || ^17.0.0","react-dom":"^16.8.5 || ^17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd_13.1.0_1616369080097_0.7374165643444592","host":"s3://npm-registry-packages"},"deprecated":"react-beautiful-dnd is now deprecated. Context and options: https://github.com/atlassian/react-beautiful-dnd/issues/2672"},"13.1.1":{"name":"react-beautiful-dnd","version":"13.1.1","keywords":["drag and drop","dnd","sortable","reorder","reorderable","react","react.js","natural","beautiful","accessible"],"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","_id":"react-beautiful-dnd@13.1.1","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"},{"name":"delcore92","email":"daniel.delcore.92@gmail.com"}],"homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"dist":{"shasum":"b0f3087a5840920abf8bb2325f1ffa46d8c4d0a2","tarball":"https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-13.1.1.tgz","fileCount":239,"integrity":"sha512-0Lvs4tq2VcrEjEgDXHjT98r+63drkKEgqyxdA7qD3mvKwga6a5SscbdLPO2IExotU1jW8L0Ksdl0Cj2AF67nPQ==","signatures":[{"sig":"MEYCIQCuOasuVz6Tr2uYSWu5lowmWbB82MyG/gky10EE1toYvwIhAPp0OmlaRviffbZsgBRzEsSDV0SZdCoSCbKdxIY+xLhM","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1390113,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjDY7rACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqiLQ/+PxPggbm0Q/6gKTUPehP2iS7fxq2HCVE49dt1SbZElIhe9CIm\r\nI+pWJ5yeAxatMt4Rfns1uE2H7pwrPFGlN2x5fx+pV2vlZjCbO3if0ZvCEDcW\r\n/3XMfOPd4rGUSZ7bTMMAbdKC2MEB54Fe9E6ZTKIFQEEtQOWfSL6S5PCiX15E\r\nMSETf6fClU0Y09/tHSUJlG5no8CKGbUhJSwdt/36deaGsSjQieeFy7m7aoRc\r\nphqwm8T7WSNHksXM3XMAS12jqtgHyMt2tIc+PpFh1VSHcb15wAUPwdy0rdPn\r\nmkTkNHYVjCGrlz1E4Ipjps/C6jG+aMiFT8L6Kl7za3RtQS1q3DacZuqXBVqR\r\nzrZ6fMiQhBGr1gR/vWxkK4den7C3I27PRrY1y/z7fViwLKvPBZdGi8LbUUtr\r\nlv+F23LmE4mTxkydcRZD0d3p/dP50b6KKd5YTotvyhwWeBkwUC8Cft/xnif1\r\nRvlqdHMnyTYJ1I9zIKTIsyLl0OgYDID+X3JwYmgxNBTd+cE1jbCwC92XgzuO\r\ndBi8wu/XjSCHf3RHYAlECQc+8BqQ5elZjzn6goGLn2jQDftyAeMymHbDMUkV\r\nOTKdBBckKzBBjT9xNuCHXrHv8hrAAlFus/P6hosjZCQW5YKy6Zwoc7HpAhTw\r\nbjitbL9PzkmZTghydSZkgR898+oeynJnXus=\r\n=X/Pu\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/react-beautiful-dnd.cjs.js","config":{"prettier_target":"*.{js,jsx,md,json} src/**/*.{js,jsx,md,json} test/**/*.{js,jsx,md,json} docs/**/*.{js,jsx,md,json} stories/**/*.{js,jsx,md,json} cypress/**/*.{js,jsx,md,json} csp-server/**/*.{js,jsx,md,json}"},"module":"dist/react-beautiful-dnd.esm.js","gitHead":"1a380855d0d008c5d6ef8e34c7c8ffb96c66a881","scripts":{"test":"jest --config ./jest.config.js","build":"yarn build:clean && yarn build:dist && yarn build:flow","test:ci":"jest test --maxWorkers=2","lint:css":"stylelint \"stories/**/*.{js,jsx}\"","validate":"yarn prettier:check && yarn lint:eslint && yarn lint:css && yarn typecheck","storybook":"start-storybook -p 9002","typecheck":"flow check --max-warnings=0","build:dist":"rollup -c","build:flow":"echo \"// @flow\n\nexport * from '../src';\" > dist/react-beautiful-dnd.cjs.js.flow","build:clean":"rimraf dist","lint:eslint":"yarn eslint \"./**/*.{js,jsx}\"","test:browser":"cypress open","test:coverage":"yarn test --coverage --coveragePathIgnorePatterns=/debug","prepublishOnly":"yarn build","prettier:check":"yarn prettier --debug-check $npm_package_config_prettier_target","prettier:write":"yarn prettier --write $npm_package_config_prettier_target","build-storybook":"build-storybook -c .storybook -o site","test:browser:ci":"cypress run","bundle-size:check":"cross-env SNAPSHOT=match yarn bundle-size:update","bundle-size:update":"yarn build:clean && yarn build:dist && yarn build:clean","test:accessibility":"lighthouse http://localhost:9002/iframe.html?id=single-vertical-list--basic --chrome-flags='--headless' --output=json --output=html --output-path=./test-reports/lighthouse/a11y.json && node a11y-audit-parse.js"},"_npmUser":{"name":"delcore92","email":"daniel.delcore.92@gmail.com"},"jest-junit":{"output":"test-reports/junit/js-test-results.xml"},"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"_npmVersion":"8.11.0","description":"Beautiful and accessible drag and drop for lists with React","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"redux":"^4.0.4","raf-schd":"^4.0.2","memoize-one":"^5.1.1","react-redux":"^7.2.0","use-memo-one":"^1.1.1","css-box-model":"^1.2.0","@babel/runtime":"^7.9.2"},"_hasShrinkwrap":false,"devDependencies":{"jest":"25.5.4","react":"16.13.1","enzyme":"3.11.0","eslint":"6.8.0","globby":"11.0.3","rimraf":"3.0.2","rollup":"2.6.1","cypress":"4.4.0","webpack":"4.42.1","flow-bin":"0.110.1","fs-extra":"9.1.0","jest-axe":"3.5.0","prettier":"2.0.4","raf-stub":"3.0.0","cross-env":"7.0.3","react-dom":"16.13.1","stylelint":"13.13.1","wait-port":"0.2.9","babel-core":"7.0.0-bridge.0","babel-jest":"25.5.1","jest-junit":"10.0.0","lighthouse":"5.6.0","@babel/core":"7.9.0","markdown-it":"10.0.0","babel-eslint":"10.1.0","babel-loader":"8.1.0","react-window":"1.8.6","@emotion/core":"10.0.28","@atlaskit/theme":"9.5.6","@emotion/styled":"10.0.27","emotion-theming":"10.0.27","@storybook/react":"5.3.21","@babel/preset-env":"7.9.5","eslint-plugin-es5":"1.5.0","react-virtualized":"9.21.2","styled-components":"5.1.0","@babel/preset-flow":"7.9.0","@storybook/theming":"5.3.21","eslint-plugin-jest":"23.20.0","rollup-plugin-json":"4.0.0","@atlaskit/css-reset":"5.0.12","@babel/preset-react":"7.9.4","eslint-plugin-react":"7.19.0","react-test-renderer":"16.13.1","require-from-string":"2.0.2","rollup-plugin-babel":"4.4.0","rollup-plugin-strip":"1.2.2","babel-plugin-emotion":"10.0.33","eslint-config-airbnb":"18.1.0","eslint-plugin-import":"2.22.1","jest-watch-typeahead":"0.6.1","rollup-plugin-terser":"5.3.1","eslint-plugin-cypress":"2.11.3","eslint-plugin-emotion":"10.0.27","rollup-plugin-replace":"2.2.0","@testing-library/react":"10.4.9","eslint-config-prettier":"6.15.0","eslint-plugin-flowtype":"4.7.0","eslint-plugin-jsx-a11y":"6.4.1","eslint-plugin-prettier":"3.3.1","rollup-plugin-commonjs":"10.1.0","enzyme-adapter-react-16":"1.15.2","eslint-plugin-react-hooks":"3.0.0","stylelint-config-prettier":"8.0.2","stylelint-config-standard":"20.0.0","rollup-plugin-node-resolve":"5.2.0","babel-plugin-dev-expression":"0.2.2","rollup-plugin-size-snapshot":"0.11.0","storybook-addon-performance":"0.9.0","@storybook/addon-storysource":"5.3.21","stylelint-config-recommended":"3.0.0","@emotion/babel-preset-css-prop":"10.0.27","@babel/plugin-transform-runtime":"7.9.0","stylelint-config-styled-components":"0.1.1","@babel/plugin-transform-object-assign":"7.8.3","stylelint-processor-styled-components":"1.10.0","@babel/plugin-proposal-class-properties":"7.8.3","@babel/plugin-transform-modules-commonjs":"7.9.0"},"peerDependencies":{"react":"^16.8.5 || ^17.0.0 || ^18.0.0","react-dom":"^16.8.5 || ^17.0.0 || ^18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-beautiful-dnd_13.1.1_1661832939257_0.24065801841345857","host":"s3://npm-registry-packages"},"deprecated":"react-beautiful-dnd is now deprecated. Context and options: https://github.com/atlassian/react-beautiful-dnd/issues/2672"}},"time":{"created":"2017-08-10T07:15:47.946Z","modified":"2024-10-14T23:57:57.355Z","1.0.0":"2017-08-10T07:15:47.946Z","1.0.1":"2017-08-11T00:31:13.648Z","1.0.2":"2017-08-15T01:05:35.588Z","1.0.3":"2017-08-20T10:35:02.923Z","2.0.0":"2017-08-22T23:56:59.075Z","2.0.1":"2017-08-24T22:22:24.660Z","2.0.2":"2017-09-01T00:00:30.478Z","2.1.0":"2017-09-01T06:14:51.871Z","2.1.1":"2017-09-07T03:39:49.210Z","2.2.0":"2017-09-14T05:51:23.713Z","2.2.1":"2017-09-14T06:03:33.977Z","2.2.2":"2017-09-14T10:40:00.452Z","2.2.3":"2017-09-14T23:25:45.890Z","2.2.4":"2017-09-15T12:58:43.100Z","2.3.0":"2017-09-20T02:08:25.958Z","2.3.1":"2017-09-25T00:37:43.983Z","2.4.0":"2017-10-05T03:19:08.756Z","2.4.1":"2017-10-17T03:13:11.178Z","2.5.0":"2017-10-30T05:51:20.043Z","2.6.0":"2017-11-14T05:05:55.997Z","2.6.1":"2017-11-14T08:48:42.021Z","2.6.2":"2017-11-16T02:54:22.608Z","2.6.3":"2017-11-20T06:14:51.277Z","2.6.4":"2017-11-20T23:40:32.499Z","3.0.0":"2017-11-28T04:33:51.904Z","4.0.0":"2018-01-11T03:15:55.204Z","4.0.1":"2018-01-17T01:20:54.451Z","5.0.0":"2018-02-23T00:12:39.840Z","6.0.0":"2018-03-13T06:37:04.848Z","6.0.1":"2018-03-23T03:45:37.624Z","6.0.2":"2018-04-03T05:53:14.430Z","7.0.0":"2018-04-11T05:32:06.678Z","7.0.1":"2018-04-16T01:00:46.772Z","7.0.2":"2018-04-17T11:08:16.690Z","7.1.0":"2018-04-20T05:18:37.892Z","7.1.1":"2018-04-30T04:28:17.202Z","7.1.2":"2018-04-30T05:18:19.695Z","7.1.3":"2018-05-17T10:55:10.285Z","8.0.0":"2018-07-03T07:26:46.605Z","8.0.1":"2018-07-04T04:03:07.962Z","8.0.2":"2018-07-06T04:58:55.828Z","8.0.3":"2018-07-11T01:39:10.290Z","8.0.4":"2018-07-17T05:57:21.387Z","8.0.5":"2018-07-18T01:33:14.529Z","8.0.6":"2018-08-01T06:07:59.171Z","8.0.7":"2018-08-01T07:04:49.064Z","9.0.0":"2018-08-09T05:47:30.782Z","9.0.1":"2018-08-19T23:36:32.375Z","9.0.2":"2018-08-30T03:36:20.455Z","10.0.0":"2018-11-11T23:38:24.323Z","10.0.1":"2018-11-13T23:18:58.614Z","10.0.2":"2018-11-21T00:10:51.885Z","10.0.3":"2018-12-12T02:50:47.818Z","10.0.4":"2019-01-28T23:52:56.912Z","10.1.0":"2019-03-11T23:52:16.122Z","10.1.1":"2019-03-27T03:05:53.848Z","11.0.0-beta":"2019-04-03T05:06:08.752Z","11.0.0-beta.2":"2019-04-08T05:04:07.582Z","11.0.0-beta.3":"2019-04-10T06:18:12.569Z","11.0.0":"2019-04-15T04:57:04.817Z","11.0.1":"2019-04-24T02:00:38.128Z","11.0.2":"2019-04-29T01:19:05.468Z","11.0.3":"2019-05-08T00:40:07.926Z","12.0.0-alpha.1":"2019-06-03T10:43:06.931Z","11.0.4":"2019-06-10T23:25:34.354Z","12.0.0-alpha.2":"2019-06-18T01:03:02.506Z","12.0.0-alpha.3":"2019-06-18T04:02:05.887Z","12.0.0-alpha.4":"2019-06-20T01:16:45.205Z","12.0.0-alpha.6":"2019-06-27T00:21:16.820Z","12.0.0-alpha.7":"2019-07-11T22:30:28.696Z","11.0.5":"2019-07-22T01:27:41.244Z","12.0.0-beta.1":"2019-09-11T01:38:28.401Z","12.0.0-beta.2":"2019-09-24T22:10:04.867Z","12.0.0-beta.3":"2019-09-25T09:51:09.823Z","12.0.0-beta.4":"2019-10-07T22:16:07.096Z","12.0.0-beta.5":"2019-10-09T04:01:50.578Z","12.0.0-beta.6":"2019-10-20T09:45:10.713Z","12.0.0-beta.7":"2019-10-20T09:49:07.935Z","12.0.0-beta.8":"2019-10-22T04:40:02.363Z","12.0.0-beta.9":"2019-10-22T23:42:32.557Z","12.0.0-beta.10":"2019-10-23T10:18:08.724Z","12.0.0-beta.11":"2019-10-24T06:02:17.004Z","12.0.0-beta.12":"2019-10-25T00:48:11.519Z","12.0.0-beta.13":"2019-10-27T11:30:37.833Z","12.0.0":"2019-10-28T22:57:39.779Z","12.1.0-alpha.0":"2019-11-13T22:37:42.681Z","12.1.0":"2019-11-14T06:39:12.319Z","12.1.1":"2019-11-15T08:38:40.502Z","12.2.0-alpha.1":"2019-12-03T00:19:31.644Z","12.2.0":"2019-12-05T03:40:53.894Z","13.0.0-beta.1":"2020-02-20T08:52:24.703Z","13.0.0":"2020-02-24T21:36:15.736Z","13.1.0":"2021-03-21T23:24:40.308Z","13.1.1":"2022-08-30T04:15:39.512Z"},"bugs":{"url":"https://github.com/atlassian/react-beautiful-dnd/issues"},"author":{"name":"Alex Reardon","email":"areardon@atlassian.com"},"license":"Apache-2.0","homepage":"https://github.com/atlassian/react-beautiful-dnd#readme","keywords":["drag and drop","dnd","sortable","reorder","reorderable","react","react.js","natural","beautiful","accessible"],"repository":{"url":"git+https://github.com/atlassian/react-beautiful-dnd.git","type":"git"},"description":"Beautiful and accessible drag and drop for lists with React","maintainers":[{"name":"alexreardon","email":"alexreardon@gmail.com"},{"name":"delcore92","email":"daniel.delcore.92@gmail.com"}],"readme":"\n## ⚠️ Maintenance & support\n\nThis library continues to be relied upon heavily by Atlassian products, but we are focused on other priorities right now and have no current plans for further feature development or improvements.\n\nIt will continue to be here on GitHub and we will still make critical updates (e.g. security fixes, if any) as required, but will not be actively monitoring or replying to issues and pull requests.\n\nWe recommend that you don’t raise issues or pull requests, as they will not be reviewed or actioned until further notice.\n\n---\n\n<p align=\"center\">\n  <img src=\"https://user-images.githubusercontent.com/2182637/53611918-54c1ff80-3c24-11e9-9917-66ac3cef513d.png\" alt=\"react beautiful dnd logo\" />\n</p>\n<h1 align=\"center\">react-beautiful-dnd <small><sup>(rbd)</sup></small></h1>\n\n<div align=\"center\">\n\n**Beautiful** and **accessible** drag and drop for lists with [`React`](https://facebook.github.io/react/)\n\n[![CircleCI branch](https://img.shields.io/circleci/project/github/atlassian/react-beautiful-dnd/master.svg)](https://circleci.com/gh/atlassian/react-beautiful-dnd/tree/master)\n[![npm](https://img.shields.io/npm/v/react-beautiful-dnd.svg)](https://www.npmjs.com/package/react-beautiful-dnd)\n\n![quote application example](https://user-images.githubusercontent.com/2182637/53614150-efbed780-3c2c-11e9-9204-a5d2e746faca.gif)\n\n[Play with this example if you want!](https://react-beautiful-dnd.netlify.com/iframe.html?selectedKind=board&selectedStory=simple)\n\n</div>\n\n## Core characteristics\n\n- Beautiful and [natural movement](/docs/about/animations.md) of items 💐\n- [Accessible](/docs/about/accessibility.md): powerful keyboard and screen reader support ♿️\n- [Extremely performant](/docs/support/media.md) 🚀\n- Clean and powerful api which is simple to get started with\n- Plays extremely well with standard browser interactions\n- [Unopinionated styling](/docs/guides/preset-styles.md)\n- No creation of additional wrapper dom nodes - flexbox and focus management friendly!\n\n## Get started 👩‍🏫\n\nWe have created [a free course on `egghead.io` 🥚](https://egghead.io/courses/beautiful-and-accessible-drag-and-drop-with-react-beautiful-dnd) to help you get started with `react-beautiful-dnd` as quickly as possible.\n\n[![course-logo](https://user-images.githubusercontent.com/2182637/43372837-8c72d3f8-93e8-11e8-9d92-a82adde7718f.png)](https://egghead.io/courses/beautiful-and-accessible-drag-and-drop-with-react-beautiful-dnd)\n\n## Currently supported feature set ✅\n\n- Vertical lists ↕\n- Horizontal lists ↔\n- Movement between lists (▤ ↔ ▤)\n- [Virtual list support 👾](/docs/patterns/virtual-lists.md) - unlocking 10,000 items @ 60fps\n- [Combining items](/docs/guides/combining.md)\n- Mouse 🐭, keyboard 🎹♿️ and touch 👉📱 (mobile, tablet and so on) support\n- [Multi drag support](/docs/patterns/multi-drag.md)\n- Incredible screen reader support ♿️ - we provide an amazing experience for english screen readers out of the box 📦. We also provide complete customisation control and internationalisation support for those who need it 💖\n- [Conditional dragging](/docs/api/draggable.md#optional-props) and [conditional dropping](/docs/api/droppable.md#conditionally-dropping)\n- Multiple independent lists on the one page\n- Flexible item sizes - the draggable items can have different heights (vertical lists) or widths (horizontal lists)\n- [Add and remove items during a drag](/docs/guides/changes-while-dragging.md)\n- Compatible with semantic `<table>` reordering - [table pattern](/docs/patterns/tables.md)\n- [Auto scrolling](/docs/guides/auto-scrolling.md) - automatically scroll containers and the window as required during a drag (even with keyboard 🔥)\n- Custom drag handles - you can drag a whole item by just a part of it\n- Able to move the dragging item to another element while dragging (clone, portal) - [Reparenting your `<Draggable />`](/docs/guides/reparenting.md)\n- [Create scripted drag and drop experiences 🎮](/docs/sensors/sensor-api.md)\n- Allows extensions to support for [any input type you like 🕹](/docs/sensors/sensor-api.md)\n- 🌲 Tree support through the [`@atlaskit/tree`](https://atlaskit.atlassian.com/packages/confluence/tree) package\n- A `<Droppable />` list can be a scroll container (without a scrollable parent) or be the child of a scroll container (that also does not have a scrollable parent)\n- Independent nested lists - a list can be a child of another list, but you cannot drag items from the parent list into a child list\n- Server side rendering (SSR) compatible - see [resetServerContext()](/docs/api/reset-server-context.md)\n- Plays well with [nested interactive elements](/docs/api/draggable.md#interactive-child-elements-within-a-draggable-) by default\n\n## Motivation 🤔\n\n`react-beautiful-dnd` exists to create beautiful drag and drop for lists that anyone can use - even people who cannot see. For a good overview of the history and motivations of the project you can take a look at these external resources:\n\n- 📖 [Rethinking drag and drop](https://medium.com/@alexandereardon/rethinking-drag-and-drop-d9f5770b4e6b)\n- 🎧 [React podcast: fast, accessible and beautiful drag and drop](https://reactpodcast.simplecast.fm/17)\n\n## Not for everyone ✌️\n\nThere are a lot of libraries out there that allow for drag and drop interactions within React. Most notable of these is the amazing [`react-dnd`](https://github.com/react-dnd/react-dnd). It does an incredible job at providing a great set of drag and drop primitives which work especially well with the [wildly inconsistent](https://www.quirksmode.org/blog/archives/2009/09/the_html5_drag.html) html5 drag and drop feature. `react-beautiful-dnd` is a higher level abstraction specifically built for lists (vertical, horizontal, movement between lists, nested lists and so on). Within that subset of functionality `react-beautiful-dnd` offers a powerful, natural and beautiful drag and drop experience. However, it does not provide the breadth of functionality offered by `react-dnd`. So `react-beautiful-dnd` might not be for you depending on what your use case is.\n\n## Documentation 📖\n\n### About 👋\n\n- [Installation](/docs/about/installation.md)\n- [Examples and samples](/docs/about/examples.md)\n- [Get started](https://egghead.io/courses/beautiful-and-accessible-drag-and-drop-with-react-beautiful-dnd)\n- [Design principles](/docs/about/design-principles.md)\n- [Animations](/docs/about/animations.md)\n- [Accessibility](/docs/about/accessibility.md)\n- [Browser support](/docs/about/browser-support.md)\n\n### Sensors 🔉\n\n> The ways in which somebody can start and control a drag\n\n- [Mouse dragging 🐭](/docs/sensors/mouse.md)\n- [Touch dragging 👉📱](/docs/sensors/touch.md)\n- [Keyboard dragging 🎹♿️](/docs/sensors/keyboard.md)\n- [Create your own sensor](/docs/sensors/sensor-api.md) (allows for any input type as well as scripted experiences)\n\n### API 🏋️‍\n\n![diagram](https://user-images.githubusercontent.com/2182637/53607406-c8f3a780-3c12-11e9-979c-7f3b5bd1bfbd.gif)\n\n- [`<DragDropContext />`](/docs/api/drag-drop-context.md) - _Wraps the part of your application you want to have drag and drop enabled for_\n- [`<Droppable />`](/docs/api/droppable.md) - _An area that can be dropped into. Contains `<Draggable />`s_\n- [`<Draggable />`](/docs/api/draggable.md) - _What can be dragged around_\n- [`resetServerContext()`](/docs/api/reset-server-context.md) - _Utility for server side rendering (SSR)_\n\n### Guides 🗺\n\n- [`<DragDropContext />` responders](/docs/guides/responders.md) - _`onDragStart`, `onDragUpdate`, `onDragEnd` and `onBeforeDragStart`_\n- [Combining `<Draggable />`s](/docs/guides/combining.md)\n- [Common setup issues](/docs/guides/common-setup-issues.md)\n- [Using `innerRef`](/docs/guides/using-inner-ref.md)\n- [Setup problem detection and error recovery](/docs/guides/setup-problem-detection-and-error-recovery.md)\n- [Rules for `draggableId` and `droppableId`s](/docs/guides/identifiers.md)\n- [Browser focus retention](/docs/guides/browser-focus.md)\n- [Customising or skipping the drop animation](/docs/guides/drop-animation.md)\n- [Auto scrolling](/docs/guides/auto-scrolling.md)\n- [Controlling the screen reader](/docs/guides/screen-reader.md)\n- [Use the html5 `doctype`](/docs/guides/doctype.md)\n- [`TypeScript` and `flow`: type information](/docs/guides/types.md)\n- [Dragging `<svg>`s](/docs/guides/dragging-svgs.md)\n- [Avoiding image flickering](/docs/guides/avoiding-image-flickering.md)\n- [Non-visible preset styles](/docs/guides/preset-styles.md)\n- [How we detect scroll containers](/docs/guides/how-we-detect-scroll-containers.md)\n- [How we use dom events](/docs/guides/how-we-use-dom-events.md) - _Useful if you need to build on top of `react-beautiful-dnd`_\n- [Adding `<Draggable />`s during a drag (11.x behaviour)](/docs/guides/changes-while-dragging.md) - _⚠️ Advanced_\n- [Setting up Content Security Policy](/docs/guides/content-security-policy.md)\n\n### Patterns 👷‍\n\n- [Virtual lists 👾](/docs/patterns/virtual-lists.md)\n- [Multi drag](/docs/patterns/multi-drag.md)\n- [Tables](/docs/patterns/tables.md)\n- [Reparenting a `<Draggable />`](/docs/guides/reparenting.md) - _Using our cloning API or your own portal_\n\n### Support 👩‍⚕️\n\n- [Engineering health](/docs/support/engineering-health.md)\n- [Community and addons](/docs/support/community-and-addons.md)\n- [Release notes and changelog](https://github.com/atlassian/react-beautiful-dnd/releases)\n- [Upgrading](/docs/support/upgrading.md)\n- [Road map](https://github.com/atlassian/react-beautiful-dnd/issues)\n- [Media](/docs/support/media.md)\n\n## Read this in other languages 🌎\n\n- [![kr](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/South-Korea.png) **한글/Korean**](https://github.com/LeeHyungGeun/react-beautiful-dnd-kr)\n- [![ru](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/Russia.png) **На русском/Russian**](https://github.com/vtereshyn/react-beautiful-dnd-ru)\n- [![pt](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/Brazil.png) **Português/Portuguese**](https://github.com/dudestein/react-beautiful-dnd-pt)\n- [![gr](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/Greece.png) **Ελληνικά/Greek**](https://github.com/milvard/react-beautiful-dnd-gr)\n- [![ja](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/Japan.png) **日本語/Japanese**](https://github.com/eltociear/react-beautiful-dnd-ja)\n\n## Creator ✍️\n\nAlex Reardon [@alexandereardon](https://twitter.com/alexandereardon)\n\n> Alex is no longer personally maintaning this project. The other wonderful maintainers are carrying this project forward.\n\n## Maintainers\n\n- [Daniel Del Core](https://twitter.com/danieldelcore)\n- Many other [@Atlassian](https://twitter.com/Atlassian)'s!\n\n## Collaborators 🤝\n\n- Bogdan Chadkin [@IAmTrySound](https://twitter.com/IAmTrySound)\n","readmeFilename":"README.md","users":{"jk6":true,"rexpan":true,"ungurys":true,"hugovila":true,"isoceles":true,"myjustify":true,"uptonking":true,"whathejoe":true,"pantyuhind":true,"stefan.age":true,"natterstefan":true}}