{"_id":"@apitable/react-contexify","_rev":"2-ee33c431e0ce589ef6646a04e8b600e6","name":"@apitable/react-contexify","dist-tags":{"latest":"5.0.7"},"versions":{"5.0.7":{"name":"@apitable/react-contexify","version":"5.0.7","keywords":["react","context menu","react-component","menu","react-contextmenu","react-contexify","popup"],"license":"MIT","_id":"@apitable/react-contexify@5.0.7","maintainers":[{"name":"apitableinc","email":"devops@apitable.com"},{"name":"wangkailang992","email":"wangkailang992@gmail.com"},{"name":"vika-apitable","email":"wangkailang@vikadata.com"}],"homepage":"https://github.com/apitable/react-contexify#readme","bugs":{"url":"https://github.com/apitable/react-contexify/issues"},"dist":{"shasum":"a6d1b1025519563b619cba3e7167dae7994792bd","tarball":"https://registry.npmjs.org/@apitable/react-contexify/-/react-contexify-5.0.7.tgz","fileCount":57,"integrity":"sha512-EalTIRsprBs1RWt1KhRK28OO/QCouLCRC/ODZFQlL25Wj4bUpYJ/0LLI3etUo7rlDmmwQGyJKXHUjPAw6Ot7bw==","signatures":[{"sig":"MEUCIFSylahgbyNFCaAjqjQPW4zNHUBZo84KzLnFYl1/mLOlAiEApWswL+Yh2oMREODVR9RVXBKBkEjxYt+d2unrQkmqCUQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":251784,"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"},"main":"dist/index.js","husky":{"hooks":{"pre-commit":"tsdx lint"}},"module":"dist/react-contexify.esm.js","engines":{"node":">=10"},"gitHead":"26f5238441e9ba7797c9128ccf163a716b7d3271","scripts":{"lint":"tsdx lint","sass":"sass scss/main.scss dist/ReactContexify.css","test":"cypress run","build":"yarn run prepare","start":"tsdx watch","style":"yarn run sass && cssnano dist/ReactContexify.css dist/ReactContexify.min.css --no-zindex --no-reduceIdents && yarn run gen-style-injector","prepare":"tsdx build && yarn run style","postsass":"postcss dist/ReactContexify.css --use autoprefixer -m -o dist/ReactContexify.css","cypress:open":"cypress open","start:example":"cd example && yarn start","gen-style-injector":"node scripts/style-injector.js"},"typings":"dist/index.d.ts","_npmUser":{"name":"wangkailang992","email":"wangkailang992@gmail.com"},"prettier":{"semi":true,"printWidth":80,"singleQuote":true,"trailingComma":"es5"},"repository":{"url":"git+https://github.com/apitable/react-contexify.git","type":"git"},"_npmVersion":"9.1.3","description":"Add contextmenu to your react component with ease","directories":{},"_nodeVersion":"16.15.0","dependencies":{"clsx":"^1.1.1"},"_hasShrinkwrap":false,"devDependencies":{"sass":"^1.26.12","tsdx":"^0.14.0","husky":"^4.3.0","react":"^17.0.2","tslib":"^2.0.1","cssnano":"^4.1.10","cypress":"^5.3.0","postcss":"^8.1.4","react-dom":"^17.0.1","typescript":"^4.0.3","cssnano-cli":"^1.0.5","postcss-cli":"^8.1.0","@types/react":"^17.0.2","@types/react-dom":"17.0.11"},"peerDependencies":{"react":">=16","react-dom":">=16"},"_npmOperationalInternal":{"tmp":"tmp/react-contexify_5.0.7_1671166555532_0.8343017616567714","host":"s3://npm-registry-packages"}}},"time":{"created":"2022-12-16T04:55:55.481Z","modified":"2025-07-01T12:12:37.058Z","5.0.7":"2022-12-16T04:55:55.825Z"},"bugs":{"url":"https://github.com/apitable/react-contexify/issues"},"license":"MIT","homepage":"https://github.com/apitable/react-contexify#readme","keywords":["react","context menu","react-component","menu","react-contextmenu","react-contexify","popup"],"repository":{"url":"git+https://github.com/apitable/react-contexify.git","type":"git"},"description":"Add contextmenu to your react component with ease","maintainers":[{"email":"wangkailang@vikadata.com","name":"vika-apitable"},{"email":"wangkailang992@gmail.com","name":"wangkailang992"},{"email":"devops@apitable.com","name":"apitableinc"},{"email":"karma.pan@gmail.com","name":"ifidea"}],"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. \n","readmeFilename":"README.md"}