{"name":"@paprika/dropdown-menu","version":"2.0.47-alpha.3","author":{"name":"@paprika"},"license":"MIT","_id":"@paprika/dropdown-menu@2.0.47-alpha.3","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":"8a97869d3495e8e3a4762e1340f72cb6992468c7","tarball":"https://registry.npmjs.org/@paprika/dropdown-menu/-/dropdown-menu-2.0.47-alpha.3.tgz","fileCount":37,"integrity":"sha512-H3mGDQwaOmLz2L3Q1hxyF+TgI9D+YzSz3Q2bHQeUIJSPgHloHnBagjIrdi4ZwcJqashIvtJUxWKLxz1OjP0mbQ==","signatures":[{"sig":"MEUCIAHu3kVkr1aDviTcYw/xHcoqvqsOoyHNciEKn78cd5ZzAiEA39hONWYqDKC+uFBE6qKmUJoA2BTqaxdA+eGRG3ogK4k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":73021,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfnGVYCRA9TVsSAnZWagAAzPYP/RIxo4pW0GzOQusc/AE3\nBXbVCJ9mzUroaBXKWSzhjyT7COM20YO1VVFqITbRmeZ0EFwBV7q9J9we1SDb\n+G+atu1HzBMz/w4dD9S08bxeqqn5qqIt4IypkeFKC4ltDGxIZmHhEBUznXBf\nDAp4Lmav5WZGgDRoPeqqa3PlacB65OOAbf56K9YVWJWXOCbDrx2/kcViZnr8\n9YWC5MJh0IDjWZj8jMgn6Uw2aXKlBFHCrs8lM7aEU0zwb/hE6OrOHc8QOXaZ\nG7LU9Jdy5VtB5Sg0vN56Ap2owccujOyJP/t0hWviJzxoJJutTMrV9SCTmWrT\nEA3hPNHwd4nfyFckYrzSBX8Ni1ZfMAAdjM55QMz5s+RBedS1363TatG9CB41\n5ChH7bG5VQ7LHac/zrj0yI5JietUw8swlFIjIJ39rynWiWDVJlPUmSDczjm8\nplfVuTphDFw1mTEf9ELfmlbdC2SB+/hu0c+rfB7tM4ANYvK6JktbHa/ClZzE\nVAJ0vRzg1jDDlWu89bqLJr2oX+MfUuuAYeZNK4pfOuiBw+mU1/VYmnN1VHnU\n42ZNRZuj+PNWTqmGCN65LzIydd+G+9FHtBg2OT3/ma173kynwc9QqT1kxmOj\nWHyxZeCkMK3ICdGDJbWaA3q/2WeQtgXb61YMyObJXhH5pqJT5bNGPneoOEqO\nJI1p\r\n=T38O\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.3\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":"671c39ced6cdea145a03012423020626da8aaf45","_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.36-alpha.0","@paprika/stylers":"^0.2.11","@paprika/constants":"^0.1.3","@paprika/raw-button":"^0.2.20","@paprika/confirmation":"^0.3.44-alpha.1","@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.3_1604085079545_0.20968604815920688","host":"s3://npm-registry-packages"}}