{"_id":"@bolttech/ob-atoms-side-menu","_rev":"4-1e23103cdc63790e493018c377f68216","name":"@bolttech/ob-atoms-side-menu","dist-tags":{"latest":"1.0.3"},"versions":{"1.0.0":{"name":"@bolttech/ob-atoms-side-menu","version":"1.0.0","_id":"@bolttech/ob-atoms-side-menu@1.0.0","maintainers":[{"name":"andsfranbolt","email":"anderson.francisco@bolttech.io"},{"name":"danielkhalebbatista","email":"daniel.batista@bolttech.io"},{"name":"pauloazevedo-ed","email":"paulo.azevedo@bolttech.io"},{"name":"bruno.gomes","email":"bruno.gomes@bolttech.io"},{"name":"plinio.altoe","email":"plinio.altoe@bolttech.io"},{"name":"joaoteixeira20","email":"joao.teixeira@bolttech.io"},{"name":"esteve-cabrera","email":"esteve.cabrera@bolttech.io"},{"name":"jabolttech","email":"jhonatan.amorim@bolttech.io"},{"name":"lucasvpaiva","email":"lucas.paiva@bolttech.io"},{"name":"herberts.fortuna","email":"herberts.fortuna@bolttech.io"},{"name":"matheus.maciel.bolttech","email":"matheus.maciel@bolttech.io"},{"name":"silas.silva.bolttech","email":"silas.silva@bolttech.io"}],"dist":{"shasum":"a466786369e728edf001ced3de1d54e0934a8b6f","tarball":"https://registry.npmjs.org/@bolttech/ob-atoms-side-menu/-/ob-atoms-side-menu-1.0.0.tgz","fileCount":9,"integrity":"sha512-QprpgFpVHoFNFy73HZJhVl/Jej0UXEvGp47VppvEwfu4+9yt1Z/g4wXA+7I8PwlTRhv9chJTSLHWzxf0SrC7MA==","signatures":[{"sig":"MEYCIQD7IkBOoUnck5bfxce9K8SmAzWPGjKpDTjqpoL0JGH8UAIhAN0bLDDi7951e9be0Y+rzEVjTli9oB3IkU5uM/l5ccWd","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":79407},"main":"./index.cjs.js","type":"commonjs","types":"./index.d.ts","gitHead":"57eb46e1dcd70283ff92773c9f9b687c9978e650","_npmUser":{"name":"andsfranbolt","email":"anderson.francisco@bolttech.io"},"_npmVersion":"11.10.1","description":"```bash npx nx g @nx/react:lib ${lib_name} ```","directories":{},"_nodeVersion":"22.17.1","dependencies":{"@bolttech/ui-utils":"0.6.5"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/ob-atoms-side-menu_1.0.0_1778515974022_0.9611553385300604","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@bolttech/ob-atoms-side-menu","version":"1.0.1","_id":"@bolttech/ob-atoms-side-menu@1.0.1","maintainers":[{"name":"andsfranbolt","email":"anderson.francisco@bolttech.io"},{"name":"danielkhalebbatista","email":"daniel.batista@bolttech.io"},{"name":"pauloazevedo-ed","email":"paulo.azevedo@bolttech.io"},{"name":"bruno.gomes","email":"bruno.gomes@bolttech.io"},{"name":"plinio.altoe","email":"plinio.altoe@bolttech.io"},{"name":"joaoteixeira20","email":"joao.teixeira@bolttech.io"},{"name":"esteve-cabrera","email":"esteve.cabrera@bolttech.io"},{"name":"jabolttech","email":"jhonatan.amorim@bolttech.io"},{"name":"lucasvpaiva","email":"lucas.paiva@bolttech.io"},{"name":"herberts.fortuna","email":"herberts.fortuna@bolttech.io"},{"name":"matheus.maciel.bolttech","email":"matheus.maciel@bolttech.io"},{"name":"silas.silva.bolttech","email":"silas.silva@bolttech.io"}],"dist":{"shasum":"c03d084f8976e4ba3f93f89570e560022a2d9fb6","tarball":"https://registry.npmjs.org/@bolttech/ob-atoms-side-menu/-/ob-atoms-side-menu-1.0.1.tgz","fileCount":5,"integrity":"sha512-JcloTOXaq2TjWGrhF3s+WtsXRDfsMhIqIHqQNMvT4FN69BeW2pjhPkRYXOmPX2iP9YVkJOjOl/E9sLu6ys/5lw==","signatures":[{"sig":"MEUCIEGLEFWp1qn9PcriZ61fDDfVaxs1/DA2hkn099p1JhkFAiEA0pR/WmuW3Lw88KE4U/xLcegTXfihY2KCVoqDdeyifvI=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":75997},"main":"./index.cjs.js","type":"commonjs","types":"./index.d.ts","gitHead":"5a0072e6adbe64f186602adfadde2a9d8da9cba3","_npmUser":{"name":"silas.silva.bolttech","email":"silas.silva@bolttech.io"},"_npmVersion":"10.9.4","description":"```bash npx nx g @nx/react:lib ${lib_name} ```","directories":{},"_nodeVersion":"22.22.0","dependencies":{"react":"19.1.2","classnames":"^2.5.1","@bolttech/ui-utils":"0.6.7","@bolttech/ob-atoms-tree-view":"1.0.0"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/ob-atoms-side-menu_1.0.1_1780927173239_0.6024411298922527","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@bolttech/ob-atoms-side-menu","version":"1.0.2","_id":"@bolttech/ob-atoms-side-menu@1.0.2","maintainers":[{"name":"andsfranbolt","email":"anderson.francisco@bolttech.io"},{"name":"danielkhalebbatista","email":"daniel.batista@bolttech.io"},{"name":"pauloazevedo-ed","email":"paulo.azevedo@bolttech.io"},{"name":"bruno.gomes","email":"bruno.gomes@bolttech.io"},{"name":"plinio.altoe","email":"plinio.altoe@bolttech.io"},{"name":"joaoteixeira20","email":"joao.teixeira@bolttech.io"},{"name":"esteve-cabrera","email":"esteve.cabrera@bolttech.io"},{"name":"jabolttech","email":"jhonatan.amorim@bolttech.io"},{"name":"lucasvpaiva","email":"lucas.paiva@bolttech.io"},{"name":"herberts.fortuna","email":"herberts.fortuna@bolttech.io"},{"name":"matheus.maciel.bolttech","email":"matheus.maciel@bolttech.io"},{"name":"silas.silva.bolttech","email":"silas.silva@bolttech.io"}],"dist":{"shasum":"343177771d25bdb2c8ed2a18b328227f8dbd8154","tarball":"https://registry.npmjs.org/@bolttech/ob-atoms-side-menu/-/ob-atoms-side-menu-1.0.2.tgz","fileCount":9,"integrity":"sha512-veExqC3+7nGPO2XFTRcDfOByPbDJ+MceGNNWrNcK2qLYCa2lq6ZvUsAZuE20hAk+2DmgoZmuHMbmVHVffx3SRw==","signatures":[{"sig":"MEYCIQCTwI9pE6wJIA81MLn2g5McZ91PjxYDXAQv/iLqPWVX5AIhAJ9N+TDAFVQYyGfUlCeSnWmmet4gx7IK2Pdgf72lYz3C","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":78220},"main":"./index.cjs.js","type":"commonjs","types":"./index.d.ts","gitHead":"f4fd212af598c36b0e35681cc08ae8635711e9e8","_npmUser":{"name":"andsfranbolt","email":"anderson.francisco@bolttech.io"},"_npmVersion":"10.9.8","description":"```bash npx nx g @nx/react:lib ${lib_name} ```","directories":{},"_nodeVersion":"22.17.1","dependencies":{"react":"19.1.2","classnames":"^2.5.1","@bolttech/ui-utils":"0.6.7","@bolttech/ob-atoms-tree-view":"1.0.1"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/ob-atoms-side-menu_1.0.2_1788779313687_0.5040116636236533","host":"s3://npm-registry-packages-npm-production"}},"1.0.3":{"name":"@bolttech/ob-atoms-side-menu","version":"1.0.3","dependencies":{"@bolttech/ui-utils":"0.6.7","react":"19.1.2","classnames":"^2.5.1","@bolttech/ob-atoms-tree-view":"1.0.1"},"main":"./index.cjs.js","type":"commonjs","types":"./index.d.ts","_id":"@bolttech/ob-atoms-side-menu@1.0.3","gitHead":"5bdbc4f7250182f744dc3e309362499ea0b3a56c","description":"The **SideMenu** component is a React component designed to provide a customizable side menu navigation. This component allows users to select different menu items, which can trigger various actions.","_nodeVersion":"22.17.1","_npmVersion":"10.9.8","dist":{"integrity":"sha512-2ucE0ztjW08U7lSsA7AXVWCjFvscKmm4H2Cvm5E/2VRdi/f0G2/9NEdFngfpCdFNOSgAiNMFd8KTVIlVaVKrtA==","shasum":"858e15c539b50820257fe7331c49aa2e37300a76","tarball":"https://registry.npmjs.org/@bolttech/ob-atoms-side-menu/-/ob-atoms-side-menu-1.0.3.tgz","fileCount":8,"unpackedSize":82244,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIGWpxE57yH7IhYqbPxRh7zYWMUYUtOewmKStQLcrJ0EpAiBUD4Yvk7aIoqwXpvkxLQKehYw1abd82MTb60saFRb+RA=="}]},"_npmUser":{"name":"andsfranbolt","email":"anderson.francisco@bolttech.io"},"directories":{},"maintainers":[{"name":"andsfranbolt","email":"anderson.francisco@bolttech.io"},{"name":"danielkhalebbatista","email":"daniel.batista@bolttech.io"},{"name":"pauloazevedo-ed","email":"paulo.azevedo@bolttech.io"},{"name":"bruno.gomes","email":"bruno.gomes@bolttech.io"},{"name":"plinio.altoe","email":"plinio.altoe@bolttech.io"},{"name":"joaoteixeira20","email":"joao.teixeira@bolttech.io"},{"name":"esteve-cabrera","email":"esteve.cabrera@bolttech.io"},{"name":"jabolttech","email":"jhonatan.amorim@bolttech.io"},{"name":"lucasvpaiva","email":"lucas.paiva@bolttech.io"},{"name":"herberts.fortuna","email":"herberts.fortuna@bolttech.io"},{"name":"matheus.maciel.bolttech","email":"matheus.maciel@bolttech.io"},{"name":"silas.silva.bolttech","email":"silas.silva@bolttech.io"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/ob-atoms-side-menu_1.0.3_1788796570493_0.6259696895057394"},"_hasShrinkwrap":false}},"time":{"created":"2026-05-11T16:12:53.922Z","modified":"2026-09-07T15:56:10.913Z","1.0.0":"2026-05-11T16:12:54.235Z","1.0.1":"2026-06-08T13:59:33.373Z","1.0.2":"2026-09-07T11:08:33.822Z","1.0.3":"2026-09-07T15:56:10.628Z"},"description":"The **SideMenu** component is a React component designed to provide a customizable side menu navigation. This component allows users to select different menu items, which can trigger various actions.","maintainers":[{"name":"andsfranbolt","email":"anderson.francisco@bolttech.io"},{"name":"danielkhalebbatista","email":"daniel.batista@bolttech.io"},{"name":"pauloazevedo-ed","email":"paulo.azevedo@bolttech.io"},{"name":"bruno.gomes","email":"bruno.gomes@bolttech.io"},{"name":"plinio.altoe","email":"plinio.altoe@bolttech.io"},{"name":"joaoteixeira20","email":"joao.teixeira@bolttech.io"},{"name":"esteve-cabrera","email":"esteve.cabrera@bolttech.io"},{"name":"jabolttech","email":"jhonatan.amorim@bolttech.io"},{"name":"lucasvpaiva","email":"lucas.paiva@bolttech.io"},{"name":"herberts.fortuna","email":"herberts.fortuna@bolttech.io"},{"name":"matheus.maciel.bolttech","email":"matheus.maciel@bolttech.io"},{"name":"silas.silva.bolttech","email":"silas.silva@bolttech.io"}],"readme":"# SideMenu Component\n\nThe **SideMenu** component is a React component designed to provide a customizable side menu navigation. This component allows users to select different menu items, which can trigger various actions.\n\n## Table of Contents\n\n- [Installation](#installation)\n- [Usage](#usage)\n- [Props](#props)\n- [Example](#example)\n- [Contributing](#contributing)\n\n## Installation\n\nTo use the **SideMenu** component in your React application, follow these steps:\n\n### Installation\n\n```bash\nnpm install @bolttech/atoms-side-menu\n```\n\nor\n\n```bash\nyarn add @bolttech/atoms-side-menu\n```\n\nOnce you have the required dependencies installed, you can start using the `SideMenu` component in your React application.\n\n## Props\n\nThe **SideMenu** component accepts the following props:\n\n| Prop | Type | Description |\n| ------------ | --------------- | -------------------------------------------------------------- |\n| `dataTestId` | string | The data-testid attribute for testing purposes. |\n| `variant` | light or dark | Property that will define the style of the side menu. |\n| `selected` | string | The value of the submenu that should be active. |\n| `items` | Array | A list of the menus that should be displayed on the side menu. |\n\nThe **MenuItem** type consists of a set of attributes that will define the menus\n\n| Prop | Type | Description |\n| --------------- | --------------- | -------------------------------------------------------------------------- |\n| `value` | string | The value of the Menu Item that will be used to return when clicked. |\n| `label` | string | The label to be displayed on the Menu item. |\n| `icon` | string | The icon to be displayed on a Menu Header. |\n| `notifications` | string | A string that is shown as a badge on the side of a leaf |\n| `onClick` | function | A function that should run on clicking on the specified menu item. |\n| `items` | Array | A list of the sub-menus that should be displayed as children of this menu. |\n\n## Example\n\nHere's an example of using the **SideMenu** component:\n\n```jsx\nconst [selected, setSelected] = useState('');\n\n;\n```\n\n## Contributing\n\nContributions to the **SideMenu** component are welcome. If you find any issues or have suggestions for improvements, please feel free to open an issue or submit a pull request on the project's Bitbucket repository.\n","readmeFilename":"README.md"}