{"name":"@paprika/dropdown-menu","version":"2.0.47-alpha.2","author":{"name":"@paprika"},"license":"MIT","_id":"@paprika/dropdown-menu@2.0.47-alpha.2","maintainers":[{"name":"allison_cc","email":"allison.chen@wegalvanize.com"},{"name":"jamiek-galvanize","email":"jamie.kupka@wegalvanize.com"},{"name":"mikrotron","email":"mike.polowick@wegalvanize.com"},{"name":"lokywin","email":"lokywin@gmail.com"},{"name":"paprikaorg","email":"nahum_zsilva@acl.com"}],"homepage":"https://github.com/acl-services/paprika#readme","bugs":{"url":"https://github.com/acl-services/paprika/issues"},"dist":{"shasum":"25fc1b2172c2e42b60dca37cad2efb1314c4bde1","tarball":"https://registry.npmjs.org/@paprika/dropdown-menu/-/dropdown-menu-2.0.47-alpha.2.tgz","fileCount":37,"integrity":"sha512-uDlcS8raEEXuM/QdsxXVODTRocveUDrE2kSbZ+V030qaLIc0ttWx7NeR2cE8b+mAeuBq/e+03RvYl03GZXV3HA==","signatures":[{"sig":"MEQCIGVUk8iMHfqGJe1sChZzTYr5prtjw6s4miHv3gpjVsy6AiB9Cqgs3pdp8Eqx51EErMyjnQCHOJs2ttWWkyf+0p32DQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":73013,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfmy+2CRA9TVsSAnZWagAACtUQAIDPyVLfBwnJtrY7WRz5\nDgXJMcqdkT+HWB0p4748T1kBZ8+lo1liAGFid+y4rLAyNgT02VOYGwKAhFA+\nncwHWC3I/ocslWd5CTzMfE5mLwdPQlGMBbXui+YU8sjqQOdiLCVupbUboQ6l\nkoqnkzQrJJdciUHNFVtUaE8ydk0/5FaBtG1jvoF/8hEspbqqjfkAaxM++H9J\nK11Gx6TQ9lL22958zGygPo4zJ6ytOOhiUHmXGzxrfJGBWKCtE+X32IXH9nF9\nqE0SqFLkKxS5bHlmbTuhTBdlxLol7z1K51EaNpwQNw1FF5+Tu/PaeHNZtJOI\n+CAZNjxKxt9f3asGkowLnj1AtJSxSj8EaSV+hVNGF76tUWkfDiW44rdw3pTD\ngaurzFaUzpPifPtiRfJ6gmJNxhnuQpqOF0re1KcZEXG2CaHsUO0ZqKawQ1OU\npJaUzYvSWuj64zg1O6fpyqA/BMs0mY4mohZ/JmMth1WV2raqT31fnBSUn5tE\n2FvLnZJhIOXGY+spO22dduQFfHlMhMb+ur6Pv7uub+fQxGS0OiH77+Lc6L4g\nSTN3WBInZkoTCuOYwMuh22cwRkE6A2IvHl3NDYHEGVmF5kgMvJne0KF+sWYp\nhvhjsPaEcdR3FW329JGt7b6g/dK4+/PmjhyQr7UwPeH5zYHhIywgrdshF/Ty\nx8eT\r\n=IIUL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","types":"lib/index.d.ts","readme":"<!-- autogenerated don't modify -->\n\n# @paprika/dropdown-menu - 2.0.47-alpha.2\n\n## Description\n\nDropdownMenu component displays a trigger button, which when clicked displays a list of items in a dropdown format. These items can be raw content, Links or actions such as Delete, which will prompt a confirmation panel to be displayed.\n\n## Installation\n\n```\nyarn add @paprika/dropdown-menu\n```\n\nor with npm:\n\n```\nnpm install @paprika/dropdown-menu\n```\n\n## Props\n\n### DropdownMenu\n\n| Prop     | Type   | required | default                      | Description                                                  |\n| -------- | ------ | -------- | ---------------------------- | ------------------------------------------------------------ |\n| align    | custom | false    | Popover.defaultProps.align   | Alignment of the Popover                                     |\n| children | node   | true     | -                            | Children should consist of <Dropdown.Item />                 |\n| edge     | custom | false    | Popover.defaultProps.edge    | If provided, will align Popover to specified edge of Trigger |\n| onClose  | custom | false    | Popover.defaultProps.onClose | If provided, will fire when the Popover is closed            |\n| zIndex   | custom | false    | Popover.defaultProps.zIndex  | The z-index for the popover / confirmation                   |\n\n### DropdownMenu.Item\n\n| Prop               | Type | required | default  | Description                                              |\n| ------------------ | ---- | -------- | -------- | -------------------------------------------------------- |\n| children           | node | true     | -        | HTML for each item                                       |\n| isDestructive      | bool | false    | false    | If the item is destructive.                              |\n| onClick            | func | false    | () => {} | Callback to be executed when button is clicked           |\n| onKeyDown          | func | false    | () => {} | Callback to be executed when key is pressed              |\n| onClose            | func | false    | () => {} | Callback to be executed when dropdown needs to be closed |\n| onShowConfirmation | func | false    | () => {} | Callback to be executed when delete item is clicked      |\n| renderConfirmation | func | false    | null     | Render prop to render the replacement node               |\n\n### DropdownMenu.LinkItem\n\n| Prop       | Type   | required | default  | Description                                 |\n| ---------- | ------ | -------- | -------- | ------------------------------------------- |\n| children   | node   | true     | -        | HTML for each LinkItem                      |\n| link       | string | true     | -        | The url for the href                        |\n| onKeyDown  | func   | false    | () => {} | Callback to be executed when key is pressed |\n| isExternal | bool   | false    | false    | Should the link open content in a new tab   |\n\n### DropdownMenu.Trigger\n\n| Prop       | Type                                                                                | required | default                     | Description                         |\n| ---------- | ----------------------------------------------------------------------------------- | -------- | --------------------------- | ----------------------------------- |\n| children   | node                                                                                | false    | null                        |                                     |\n| buttonType | [ Trigger.types.button.ICON, Trigger.types.button.RAW, Trigger.types.button.SIMPLE] | false    | Trigger.types.button.SIMPLE | Determine the styling of the button |\n| isOpen     | bool                                                                                | false    | false                       |                                     |\n| menuRefId  | string                                                                              | false    | \"\"                          |                                     |\n| onOpenMenu | func                                                                                | false    | () => {}                    |                                     |\n| triggerRef | custom                                                                              | false    | null                        |                                     |\n\n<!-- autogenerated don't modify -->\n<!-- content -->\n\n## Usage\n\n```js\nimport DropdownMenu from \"@paprika/dropdown-menu\";\nimport Confirmation from \"@paprika/confirmation\";\n\n<DropdownMenu>\n  <DropdownMenu.Trigger>Trigger</DropdownMenu.Trigger>\n  <DropdownMenu.Content className=\"my-popover-classname\" />\n  <DropdownMenu.Item onClick={() => {}}>Edit</DropdownMenu.Item>\n  <DropdownMenu.LinkItem isExternal link=\"http://www.wegalvanize.com\">\n    External link\n  </DropdownMenu.LinkItem>\n  <DropdownMenu.Item isDisabled onClick={() => {}}>\n    Disabled Item\n  </DropdownMenu.Item>\n  <DropdownMenu.Divider />\n  <DropdownMenu.Item\n    isDestructive\n    renderConfirmation={onCloseMenu => {\n      return (\n        <Confirmation\n          body=\"Lorem ipsum dolor amet vexillologist tacos selvage narwhal butcher twee ethical hot chicken.\"\n          confirmLabel=\"Delete filter\"\n          defaultIsOpen\n          heading=\"Delete filter?\"\n          onConfirm={handleConfirm}\n          onClose={handleCloseConfirm(onCloseMenu)}\n        />\n      );\n    }}\n  >\n    Delete filter\n  </DropdownMenu.Item>\n</DropdownMenu>;\n```\n\n<!-- eoContent -->\n\n## Links\n\n- [Storybook showcase](https://paprika.highbond.com/?path=/story/dropdown-menu--showcase)\n- [Github source code](https://github.com/acl-services/paprika/tree/master/packages/DropdownMenu/src)\n- [Github create issue](https://github.com/acl-services/paprika/issues/new?label=[]&title=@paprika/dropdown-menu%20[help]:%20your%20short%20description&body=%0A%23%20Help%20wanted%0A%0A%23%23%20Please%20write%20your%20question.%0A*A%20clear%20and%20concise%20description%20of%20what%20the%20question%20is*%0A%0A%23%23%20Additional%20context%0A*Add%20any%20other%20context%20or%20screenshots%20about%20your%20question%20here.*%0A)\n- [ChangeLog](https://github.com/acl-services/paprika/tree/master/packages/DropdownMenu/CHANGELOG.md)\n","gitHead":"31d5833ad13df8aa93fc5dc533cba178deff97ba","_npmUser":{"name":"allison_cc","email":"allison.chen@wegalvanize.com"},"repository":{"url":"git+https://github.com/acl-services/paprika.git","type":"git","directory":"packages/DropdownMenu"},"_npmVersion":"lerna/3.22.0/node@v10.17.0+x64 (linux)","description":"DropdownMenu component displays a trigger button, which when clicked displays a list of items in a dropdown format. These items can be raw content, Links or actions such as Delete, which will prompt a confirmation panel to be displayed.","directories":{},"paprikaDocs":{"subComponents":["Divider","Item","LinkItem","Trigger"]},"_nodeVersion":"10.17.0","dependencies":{"uuid":"^3.3.2","prop-types":"^15.7.2","@paprika/icon":"^0.3.11-alpha.0","@paprika/button":"^0.3.15-alpha.0","@paprika/tokens":"^0.1.17","@paprika/helpers":"^0.2.13","@paprika/popover":"^0.3.35","@paprika/stylers":"^0.2.11","@paprika/constants":"^0.1.3","@paprika/raw-button":"^0.2.20","@paprika/confirmation":"^0.3.44-alpha.0","@babel/runtime-corejs2":"^7.3.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","peerDependencies":{"react":"^16.8.4","react-dom":"^16.8.4","@paprika/l10n":"^0.2.5","styled-components":"^4.2.0"},"_npmOperationalInternal":{"tmp":"tmp/dropdown-menu_2.0.47-alpha.2_1604005813550_0.6798312226429077","host":"s3://npm-registry-packages"}}