{"_id":"@ekala/bulma-sortable-list","_rev":"1-ee27ec65e4225891d130d3e9d8830d6a","name":"@ekala/bulma-sortable-list","dist-tags":{"latest":"0.1.1"},"versions":{"0.1.0":{"name":"@ekala/bulma-sortable-list","version":"0.1.0","description":"Bulma sortable list","license":"MIT","main":"dist/index.js","module":"dist/index.modern.js","source":"src/index.js","engines":{"node":">=10"},"scripts":{"build":"microbundle-crl --no-compress --format modern,cjs","start":"microbundle-crl watch --no-compress --format modern,cjs","prepare":"run-s build","test":"run-s test:unit test:lint test:build","test:build":"run-s build","test:lint":"eslint .","test:unit":"cross-env CI=1 react-scripts test --env=jsdom","test:watch":"react-scripts test --env=jsdom","predeploy":"cd example && yarn install && yarn run build","deploy":"gh-pages -d example/build"},"peerDependencies":{"react":"^17.0.2"},"devDependencies":{"babel-eslint":"^10.0.3","cross-env":"^7.0.3","eslint":"^8.4.1","eslint-config-prettier":"^8.3.0","eslint-config-standard":"^16.0.3","eslint-config-standard-react":"^11.0.1","eslint-plugin-import":"^2.25.3","eslint-plugin-node":"^11.1.0","eslint-plugin-prettier":"^4.0.0","eslint-plugin-promise":"^5.2.0","eslint-plugin-react":"^7.27.1","eslint-plugin-standard":"^4.1.0","gh-pages":"^3.2.3","microbundle-crl":"^0.13.11","npm-run-all":"^4.1.5","prettier":"^2.5.1","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"^5.0.0"},"gitHead":"1f4f11b512f99f192ba2ae7422d4b0693b355f10","_id":"@ekala/bulma-sortable-list@0.1.0","_nodeVersion":"14.18.1","_npmVersion":"8.6.0","dist":{"integrity":"sha512-wFKOAT0sYhEtI4306qFzlibgfUHj855YZy+NG5yShempJ05PL4w4PeqGvj8PvTDJSZkomW4Rj6XYWd6JkGzkKA==","shasum":"21a02e5ed8098ae636b1650ddd9997aaf4a0c914","tarball":"https://registry.npmjs.org/@ekala/bulma-sortable-list/-/bulma-sortable-list-0.1.0.tgz","fileCount":6,"unpackedSize":23524,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCkZjw6mY2G1xMKEcsKENt57V4O0N66GyTRDB2/vwDu1AIgMIRcSYac8gkuBqo3TTwqLN2qUHVjHDbi6AChOB/pI7w="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiUPaRACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrQOg//Xo+xfAgsfpA4CXqpsRFfz4thggoogjvubDpurQ4S9xnThgiv\r\n9Toyt334ucIfa4O7QNZGLHWZ44eSysqwhWIrbInaHi0WFZIrcngz2WP3Q0II\r\nPsJciAHIl6GChE9/CEVjdHAY29oYNbxxErnXhJf//wGpNiqvCs7gZxCCmfNn\r\n+jww9r3R+AotHyEtxv9KCRRsvb5z6pQ+nlcshnx0/L6IXVZmtzIlbDLak2Zi\r\ngNSUNfyyan+6B5qfX620ZVAahyZvgE1t9nLAJhRR4sKqwGSWyaMkYhAPnsif\r\nLkSl0fgAYbCQxY7SCDfgoGHcIOZibt/+VVGVu07UcBwp9Z0Fdg1n85SmdDLT\r\ndPUA22lqlHYvQIYtPEI/5huZQmSq1o35nZcctFtBNTIi2ueS2CaE92jw9J8D\r\nqRUwSL5uqLi4Htto67MJFtb8smZo5yCafLekJa0QZzlf0/Qh1ljx3jpf3ldh\r\n49Q9JIOVa/Gs+1ZjCKxVJXhssH+67vSsOGU3StCscMJdOWPaiCZ4//EhLMG9\r\nE50dtkQPSfOpNkvZeZHnywukVf59hKpU9zI7l9lm/3UJJUt95Z1tSf+5TeC8\r\niahqgCP7d4a8yUD0167n+qUvod5Y4LM2SjxiiRdakTwHnqK/2i43ZGDMnk06\r\nIEEZdQCFfEGc90DCW3XzxoOAVu92Gs13LtY=\r\n=GJ5y\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"ekala","email":"a.erdenetsogt@gmail.com"},"directories":{},"maintainers":[{"name":"ekala","email":"a.erdenetsogt@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/bulma-sortable-list_0.1.0_1649473169602_0.09187790542513508"},"_hasShrinkwrap":false},"0.1.1":{"name":"@ekala/bulma-sortable-list","version":"0.1.1","description":"Bulma sortable list","license":"MIT","main":"dist/index.js","module":"dist/index.modern.js","source":"src/index.js","engines":{"node":">=10"},"scripts":{"build":"microbundle-crl --no-compress --format modern,cjs","start":"microbundle-crl watch --no-compress --format modern,cjs","prepare":"run-s build","test":"run-s test:unit test:lint test:build","test:build":"run-s build","test:lint":"eslint .","test:unit":"cross-env CI=1 react-scripts test --env=jsdom","test:watch":"react-scripts test --env=jsdom","predeploy":"cd example && yarn install && yarn run build","deploy":"gh-pages -d example/build"},"peerDependencies":{"react":"^17.0.2"},"devDependencies":{"babel-eslint":"^10.0.3","cross-env":"^7.0.3","eslint":"^8.4.1","eslint-config-prettier":"^8.3.0","eslint-config-standard":"^16.0.3","eslint-config-standard-react":"^11.0.1","eslint-plugin-import":"^2.25.3","eslint-plugin-node":"^11.1.0","eslint-plugin-prettier":"^4.0.0","eslint-plugin-promise":"^5.2.0","eslint-plugin-react":"^7.27.1","eslint-plugin-standard":"^4.1.0","gh-pages":"^3.2.3","microbundle-crl":"^0.13.11","npm-run-all":"^4.1.5","prettier":"^2.5.1","react":"^17.0.2","react-dom":"^17.0.2","react-scripts":"^5.0.0"},"gitHead":"cf83baf7a602922942c0decc66b31965054a86e2","_id":"@ekala/bulma-sortable-list@0.1.1","_nodeVersion":"14.18.1","_npmVersion":"8.6.0","dist":{"integrity":"sha512-PDonmrbaB0S/BhEhDwRpfZXtjpzEjZNxtxwv0ye7mNd6wva1cSoDjoJDgfOXDR9la8RJEvZs9NVJ+eVGAvm0sg==","shasum":"83721bb62115c210c31c8a4db4fa302cc88da06e","tarball":"https://registry.npmjs.org/@ekala/bulma-sortable-list/-/bulma-sortable-list-0.1.1.tgz","fileCount":6,"unpackedSize":24722,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFuMGkJMHI02+8gOIP15y1Q2r9bDrDXeDebIlVFm6YamAiEAnRBN4QjwvDYdzPa+/1D+MJcOErAtgK+/hyuUQd7+anQ="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiWK7oACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoxdRAAlyYFSjjhzSarUC60kc92iq9GSF2kOaJxqmkMyFE+P3GiSRiv\r\nTklfIZEn2IdvDJR5xIETqJ8jCnkhKbXawPz1j524qEuCv9F9MnbkkusL8C7H\r\nz8pII6NCdpIBqXX0TNilYgbg3BxXKYmoBe1cDiaEKiZR8OQnwzpID0p9cXnI\r\nGTTCdzjCDcekHB1HLyjBX5/dTfAZVXI7lXmdePxaf07AmFTV5PZJi/oW45zw\r\nGL9o86V1WziAozNH+ZciSaxgdqU9A46B0jFLQPqNs7OgE7AMl2Yw/7uZvNOg\r\n14P0L5EQ4AJo1XfLrTwW+8iSmqN++cumE6g3T/m86D8Q5aQ+MRNz+IKoz3r4\r\n8a9nqiC6/ONBpQ9g9UTihtqiey+aaIByjPKjjzT1sjWCRpk3UOFkNF1A/NPD\r\nPqr0GBFFR2MI9w85wWYrzJeNBfn5wDeaxkKGzelOkRory3CredW1AzB/UOF1\r\nHWsAdVKdpp6feFYvexPtwTlz+0ZKTTIaHVCTNeH4lmAagXTVH+avrqTeM9cG\r\nqeUsrnDd/0oH1oaXfncrE8DLdZ+3emx2E9bQqtryBah7E/2De59fChwZA7qF\r\nPStjyEtwDUWrwiRWmCpSnI0LMTNC4Jb55jP511JbBndJHIzZU+/XpJkZv3m/\r\nb2ARHGefv0Vm5iXbPF3gh5enx+o1AuLzvpA=\r\n=VOy8\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"ekala","email":"a.erdenetsogt@gmail.com"},"directories":{},"maintainers":[{"name":"ekala","email":"a.erdenetsogt@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/bulma-sortable-list_0.1.1_1649979112366_0.29050021566476913"},"_hasShrinkwrap":false}},"time":{"created":"2022-04-09T02:59:29.498Z","0.1.0":"2022-04-09T02:59:29.756Z","modified":"2022-04-14T23:31:52.559Z","0.1.1":"2022-04-14T23:31:52.490Z"},"maintainers":[{"name":"ekala","email":"a.erdenetsogt@gmail.com"}],"description":"Bulma sortable list","license":"MIT","readme":"### Install\n\n```shell\n$ yarn add @ekala/bulma-sortable-list @dnd-kit/core @dnd-kit/sortable\n```\n\n### Usage\n\n```js\nimport { useState, useEffect } from \"react\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faGripVertical } from \"@fortawesome/free-solid-svg-icons\";\nimport { SortableList } from \"@ekala/bulma-sortable-list\";\n\nexport default function List({ list }) {\n    const [items, setItems] = useState();\n\n    useEffect(() => {\n        setItems(list);\n    }, [list]);\n\n    function handleSort(sortList) {\n        const sortedList = sortList(items);\n        setItems(sortedList);\n    }\n\n    if (!items) return null;\n    if (!items.length) return null;\n\n    return (\n        <>\n            <SortableList items={items} onChange={handleSort} Item={ListItem} />\n        </>\n    );\n}\n\nfunction ListItem({ item, handlerProps }) {\n    return (\n        <div className=\"box is-relative mb-4\">\n            <div className=\"subtitle\">{item.name}</div>\n            <div className=\"has-text-grey\" style={{ position: \"absolute\", top: 0, left: 0, bottom: 0, display: \"flex\", alignItems: \"center\", padding: \"1rem\", cursor: \"grabbing\" }} {...handlerProps}>\n                <FontAwesomeIcon icon={faGripVertical} />\n            </div>\n        </div>\n    );\n}\n```\n","readmeFilename":"readme.md"}