{"versions":{"5.0.7":{"version":"5.0.7","license":"MIT","main":"dist/index.js","typings":"dist/index.d.ts","engines":{"node":">=10"},"scripts":{"start":"tsdx watch","start:example":"cd example && yarn start","build":"yarn run prepare","test":"cypress run","lint":"tsdx lint","prepare":"tsdx build && yarn run style","cypress:open":"cypress open","sass":"sass scss/main.scss dist/ReactContexify.css","postsass":"postcss dist/ReactContexify.css --use autoprefixer -m -o dist/ReactContexify.css","style":"yarn run sass && cssnano dist/ReactContexify.css dist/ReactContexify.min.css --no-zindex --no-reduceIdents && yarn run gen-style-injector","gen-style-injector":"node scripts/style-injector.js"},"peerDependencies":{"react":">=16","react-dom":">=16"},"husky":{"hooks":{"pre-commit":"tsdx lint"}},"prettier":{"printWidth":80,"semi":true,"singleQuote":true,"trailingComma":"es5"},"name":"@apitable/react-contexify","repository":{"type":"git","url":"git+https://github.com/apitable/react-contexify.git"},"description":"Add contextmenu to your react component with ease","keywords":["react","context menu","react-component","menu","react-contextmenu","react-contexify","popup"],"module":"dist/react-contexify.esm.js","devDependencies":{"@types/react":"^17.0.2","@types/react-dom":"17.0.11","cssnano":"^4.1.10","cssnano-cli":"^1.0.5","cypress":"^5.3.0","husky":"^4.3.0","postcss":"^8.1.4","postcss-cli":"^8.1.0","react":"^17.0.2","react-dom":"^17.0.1","sass":"^1.26.12","tsdx":"^0.14.0","tslib":"^2.0.1","typescript":"^4.0.3"},"dependencies":{"clsx":"^1.1.1"},"gitHead":"26f5238441e9ba7797c9128ccf163a716b7d3271","bugs":{"url":"https://github.com/apitable/react-contexify/issues"},"homepage":"https://github.com/apitable/react-contexify#readme","_id":"@apitable/react-contexify@5.0.7","_nodeVersion":"16.15.0","_npmVersion":"9.1.3","dist":{"integrity":"sha512-EalTIRsprBs1RWt1KhRK28OO/QCouLCRC/ODZFQlL25Wj4bUpYJ/0LLI3etUo7rlDmmwQGyJKXHUjPAw6Ot7bw==","shasum":"a6d1b1025519563b619cba3e7167dae7994792bd","tarball":"http://123.232.10.234:8212/nexus/content/groups/npm-public/@apitable/react-contexify/-/react-contexify-5.0.7.tgz","fileCount":57,"unpackedSize":251784,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFSylahgbyNFCaAjqjQPW4zNHUBZo84KzLnFYl1/mLOlAiEApWswL+Yh2oMREODVR9RVXBKBkEjxYt+d2unrQkmqCUQ="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjm/pbACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpIFw//V6yLeK081jNmh6mys+PMC+y8FbOT+ca1/Eop5y7ZFOuJGYyJ\r\npGg2yJgS+1LpRYGpBd2L0CaXerobbhR0um99JoAGLPl5U9dswzCfQDUMT7be\r\nQuzsI0qUd2H7KvweoLBpOxXbsxNSogvmHHJDkE/a93nLu547T/Em5zuMlkLv\r\nQQC/G3XOFXV+8KNTklVej1lcYXeiMtNATimd8B1dslR8EPkf7/mz92i8+sCQ\r\nfgTE39WjdrCjPqeECWwVQbilArs3F9jG09yKyekmCeXFWkaHhC0+YBU47rbt\r\nxuFqgrZ9EMLpEN/QLzUs/YxsW2+TuoTlTf9dbuSLD83pX54lY00BBd4cO4kn\r\ndErU7CQ0wsKPTRDdYpWnLPNvPLPdLr6DuOXDI8sghtSZhgnOKMqcQjiB9yfy\r\nZdrtTdtQmLuRwNEnpE24HSRxtQg8g62/sAwTpCpr56wwZJW5/bk46EWC/69i\r\n5sWwyPkbFUE/LvWVzhn21klNXHmShwJf5YSRcy00iN7mAT+XLaUXq8LKxL6s\r\nNOchZHbneopkCje6lLsf+KZJI5yJsaPYPKBadEbrhlo/HRbNtJsBBMr0LMEf\r\nklT0rDa2OIrP2Oj9bYDIWIYE8Ic8fnY95BhGl9a14oKnY/sqv9+SdGRoX6Ll\r\niUu3AaANT/4PFcbMA35GdN8eGIcXmZJAmH0=\r\n=b8Hu\r\n-----END PGP SIGNATURE-----\r\n","size":57423},"_npmUser":{"name":"anonymous","email":"wangkailang992@gmail.com"},"directories":{},"maintainers":[{"name":"anonymous","email":"devops@apitable.com"},{"name":"anonymous","email":"wangkailang992@gmail.com"},{"name":"anonymous","email":"wangkailang@vikadata.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-contexify_5.0.7_1671166555532_0.8343017616567714"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2022-12-16T04:56:21.080Z","contributors":[]}},"dist-tags":{"latest":"5.0.7"},"name":"@apitable/react-contexify","time":{"created":"2022-12-16T04:56:24.968Z","modified":"2025-07-01T12:12:50.617Z","5.0.7":"2022-12-16T04:55:55.825Z"},"readme":"# @apitable/react-contexify\n\n## Installation\n\nUsing yarn\n\n```sh\n$ yarn add @apitable/react-contexify\n```\n\nUsing npm\n\n```sh\n$ npm install --save @apitable/react-contexify\n```\n\n## The gist\n\n```js\nimport React from 'react';\nimport { Menu, Item, Separator, Submenu, MenuProvider } from '@apitable/react-contexify';\nimport '@apitable/react-contexify/dist/ReactContexify.css';\n\nconst MENU_ID = 'blahblah';\n\nfunction App() {\n  const { show } = useContextMenu({\n    id: MENU_ID,\n  });\n\n  function handleContextMenu(event){\n      event.preventDefault();\n      show({\n        event,\n        props: {\n            key: 'value'\n        }\n      })\n  }\n  const handleItemClick = ({ event, props }) => console.log(event,props);\n\n  return (\n    <div>\n    <p onContextMenu={handleContextMenu}>lorem ipsum blabladhasi blaghs blah</p>  \n    <Menu id={MENU_ID}>\n      <Item onClick={handleItemClick}>Item 1</Item>\n      <Item onClick={handleItemClick}>Item 2</Item>\n      <Separator />\n      <Item disabled>Disabled</Item>\n      <Separator />\n      <Submenu label=\"Foobar\">\n        <Item onClick={handleItemClick}>Sub Item 1</Item>\n        <Item onClick={handleItemClick}>Sub Item 2</Item>\n      </Submenu>\n    </Menu>\n    </div>\n  );\n}\n```\n\n## License\n\nReact Contexify is licensed under MIT.","users":{}}