{"name":"@paprika/dropdown-menu","version":"2.0.47-alpha.1","author":{"name":"@paprika"},"license":"MIT","_id":"@paprika/dropdown-menu@2.0.47-alpha.1","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":"6673e82682fd240b0b0906df833d52209f043b56","tarball":"https://registry.npmjs.org/@paprika/dropdown-menu/-/dropdown-menu-2.0.47-alpha.1.tgz","fileCount":37,"integrity":"sha512-bjbM1oRWfaLRnIEMHeD3K8vL4bZ5nc2fvh1PntiQoqXvSY9XHlYeh419DBQ/UOgE91DteLr185WKmICBiyVCAw==","signatures":[{"sig":"MEUCIQCf5sI8e4tQJcmj2pLC17Kn23bok4TXW5eMpvoSk+mBNwIgV02FI8h1M5gdQ/yFM1VImWejGX9UNXSxQccD4juZd9Q=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":72215,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfmeRyCRA9TVsSAnZWagAAfdUQAIrVMTcOy7rPWAEZe5ez\nJyi95QSXGAfCJIk2QJbWP/kjfEgyD8OMYwQv07ZQCNsrrbtfu1LRgKEshVSw\ndZ2NfyZvA21YOpU19PcAWk9bgSzr+6vV5pO23qBv5PrrrPdPUUOi3xg02e5w\nV1G1sLY4ITUnQ0aPcih0oqiJjIQuVKqAk13coc4mJTpA5DkHxe11MF1Gb53g\nhIWlke3lqhni8WYV9t6YYjSRd3OiCyWDUZ+lh/WezZbp885NKFFSd1jxnGlE\nPtmilVzHQpR7/N+02Pi4n8NsQeHqGiu1PDnNlpVLa9R6karadUM9/z4X5pAw\nW1cvT+0b1mmervcA4aQblZCK0AT0G+OZCKDiWYAoh0bY5jBeM1KZiPlhWrQ2\nTkAXRqfhBugyvBlUGWk6YfqdpHR2tmMM1zrr3HWOtYsCf0IRIeGRKa1pCvtD\nt5dOHvS3mvQD4lsQ7al22yRETWnyxA0iiwg6BBLDGPRYJq7T2x9Izboc4YGt\nzwdSpj8+nAGQbrwGl8XEuVJj6NxJu6OwgidFpVPsIk6VqhsLCfpBuKaUAwGw\nly1hZv1a2ALaqz4AlKfaFluHBwEjRRNqzq6AOVZnAtc3zJXhHqac54bJ+V/v\nYd54+cELyfu2oj2f8Fbs2wtsbVjGA0NNDr/nbacgCMbvJ1shRoEhNrw8thhi\nAwma\r\n=CUS4\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.1\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":"bcb3823ec8e449ceedb436d21aa7e47027f4e3d1","_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/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.1_1603921009592_0.9523187838175635","host":"s3://npm-registry-packages"}}