{"_id":"@bolttech/ob-molecules-compare","_rev":"4-5f58f04b1fffd767d562f08d861db259","name":"@bolttech/ob-molecules-compare","dist-tags":{"latest":"1.0.3"},"versions":{"1.0.0":{"name":"@bolttech/ob-molecules-compare","version":"1.0.0","_id":"@bolttech/ob-molecules-compare@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":"591b8a0ed8f96f40aa6a58cc5f6a147970a8a242","tarball":"https://registry.npmjs.org/@bolttech/ob-molecules-compare/-/ob-molecules-compare-1.0.0.tgz","fileCount":15,"integrity":"sha512-QxsUs4YWh41T4er1B0pj7/zv9k6MSdng1RNHv4o5vu73rXYdMDb/0bgAAoU43T8B4nEfvInNoAL0zDHjcnV0sA==","signatures":[{"sig":"MEYCIQDqCz/UkXr5HO/LpsIT7zoa23L+iVy2YBeE+50ePt7D2QIhAJPklgiaZkDKSIc0cOkqMLsZb+mZHZa7+nrdePYmO9a+","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":149870},"main":"./index.cjs.js","type":"commonjs","types":"./index.d.ts","gitHead":"35b9dd36e17b10ece115dcd4412b17e8fa7df272","_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","_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/ob-molecules-compare_1.0.0_1778773750542_0.8473334139087791","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@bolttech/ob-molecules-compare","version":"1.0.1","_id":"@bolttech/ob-molecules-compare@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":"df6ad560121068dcc739ef261f9def994c409b8d","tarball":"https://registry.npmjs.org/@bolttech/ob-molecules-compare/-/ob-molecules-compare-1.0.1.tgz","fileCount":5,"integrity":"sha512-oPrUSVbyBRN6PZefg/xf3XpGZyCr7ezxo10KV3jhf4ihtZA7wYwa9RFFCGaf3EUpDEbwXs1Gkdm75dGGgne9Tw==","signatures":[{"sig":"MEUCIDPnB1YkyvJ3Ozqn8673r88oDhTaKlwaQPvs2LiUt2VUAiEAvT3QL3IhImXxYW5AMtm9Dy/EXD8Qm54BWOHjiqG9Cks=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":146275},"main":"./index.cjs.js","type":"commonjs","types":"./index.d.ts","gitHead":"a99543819c4e91c2508e831fd9ac7bd754344fb2","_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/atoms-button":"0.29.5","@bolttech/ob-atoms-icon":"1.0.1","@bolttech/ob-atoms-price":"1.0.1","@bolttech/ob-atoms-button":"1.0.1","@bolttech/ob-atoms-backdrop":"1.0.1"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/ob-molecules-compare_1.0.1_1780927608213_0.06857749127880597","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@bolttech/ob-molecules-compare","version":"1.0.2","_id":"@bolttech/ob-molecules-compare@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":"6b80c4afafb99af13757c0598357433031710572","tarball":"https://registry.npmjs.org/@bolttech/ob-molecules-compare/-/ob-molecules-compare-1.0.2.tgz","fileCount":15,"integrity":"sha512-3BUS+as5ZwkDd4YrwQysANiNHERmWR9HdUxdrEQLdFi0gzAIOYZvgbnLZsZbouJ+4dTYXJ/VZkaTdHXTG9fZVw==","signatures":[{"sig":"MEQCIEVOGfTw0MJrLt4g2sIT+c3pH3CUfDwcinJ52VhPPUJxAiBxy2lJQ2X0KabTAnNVS6P+jcBHzKtZmxvNdMzUbkfj6Q==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"},{"sig":"MEYCIQDR94GZOqZ0prK8QdrrjrjzLKvqyKuW7Tsn/h9cig810wIhAKMqAzg0XGTJEQLxTNxb2prJKyH8QLUvjHLBaRwa7p8K","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":149163},"main":"./index.cjs.js","type":"commonjs","types":"./index.d.ts","gitHead":"4810a490e85f7e76dbbdb41db8752299a4b28c8e","_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/atoms-button":"0.29.6","@bolttech/ob-atoms-icon":"1.0.1","@bolttech/ob-atoms-price":"1.0.1","@bolttech/ob-atoms-button":"1.0.1","@bolttech/ob-atoms-backdrop":"1.0.1"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/ob-molecules-compare_1.0.2_1788780442167_0.09719377741013191","host":"s3://npm-registry-packages-npm-production"}},"1.0.3":{"_id":"@bolttech/ob-molecules-compare@1.0.3","dist":{"shasum":"6c896f1ba7e1b4f498f3b7b1d3acc731ce1eb6cd","tarball":"https://registry.npmjs.org/@bolttech/ob-molecules-compare/-/ob-molecules-compare-1.0.3.tgz","fileCount":14,"integrity":"sha512-8DL2hd3t/b+0f20uUaMqkokNEi6nmi0UqHCEPRjUBmYeL+Ma0E9uyROPpHc3Diq9gRm5ALdgIEaJN9Ie/8fzcQ==","signatures":[{"sig":"MEUCICwAIT42FWx4WFFPSTA15uBlOpcZju6JvQrzlEiM3fSKAiEA+9Ih/deKHQSd5R2ZziEq+K8WvvDSICvIX97CcmMDiDs=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"},{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIDBYzV9VZfdbWDzOuM8ThbazDGjpZnS8spv8hijQgI5HAiEA7/d+G0uh0HSsdUGYcv86YLKaoV+QFO1gepdjN184YHQ="}],"unpackedSize":152621},"main":"./index.cjs.js","name":"@bolttech/ob-molecules-compare","type":"commonjs","types":"./index.d.ts","gitHead":"b7ab04db00da46bf1dbd6eab6534d26a92c8480a","version":"1.0.3","_npmUser":{"name":"andsfranbolt","email":"anderson.francisco@bolttech.io"},"_npmVersion":"10.9.8","description":"A React component for comparing products.","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"}],"_nodeVersion":"22.17.1","dependencies":{"react":"19.1.2","classnames":"^2.5.1","@bolttech/ui-utils":"0.6.7","@bolttech/atoms-button":"0.29.6","@bolttech/ob-atoms-icon":"1.0.1","@bolttech/ob-atoms-price":"1.0.1","@bolttech/ob-atoms-button":"1.0.1","@bolttech/ob-atoms-backdrop":"1.0.1"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/ob-molecules-compare_1.0.3_1788797012133_0.059621659558996676"}}},"time":{"created":"2026-05-14T15:49:10.479Z","modified":"2026-09-07T16:03:32.453Z","1.0.0":"2026-05-14T15:49:10.682Z","1.0.1":"2026-06-08T14:06:48.413Z","1.0.2":"2026-09-07T11:27:22.255Z","1.0.3":"2026-09-07T16:03:32.242Z"},"description":"A React component for comparing products.","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":"# Compare Component\n\nA React component for comparing products.\n\n## Installation\n\nUse the package manager [npm](https://www.npmjs.com/) or [yarn](https://yarnpkg.com/) to install the component.\n\n```bash\nnpm install @bolttech/frontend-foundations @bolttech/ob-molecules-compare\n```\n\nor\n\n```bash\nyarn add @bolttech/frontend-foundations @bolttech/ob-molecules-compare\n```\n\n## Props\n\nThe Compare component accepts the following properties:\n\n| Prop                 | Type          | Description                                                                      |\n|----------------------|---------------|----------------------------------------------------------------------------------|\n| title                | `string`      | The title for the comparison section.                                           |\n| productsSelected     | `ProductType[]` | An array of selected products to be compared. Each product can have an `actionButton` object to configure the call to action button in the modal.                                   |\n| btnCompareTitle      | `string`      | The title for the compare button.                                               |\n| btnCloseTitle        | `string`      | The title for the close button.                                                 |\n| btnCloseModalTitle   | `string`      | The title for the close button in the modal.                                   |\n| onClose              | `function`    | Callback to be called when the close button is clicked.                         |\n| onRemove             | `function`    | Callback to be called when a product is removed.                                |\n\n## Usage\n\n```jsx\nimport React, { useState } from 'react';\nimport Compare from '@bolltech/ob-molecules-compare';\n\nconst ExampleComponent = () => {\n  const products = [\n    // Array of selected products for comparison\n    {\n        id: 1,\n        name: 'Product 1',\n        // ... other props\n        actionButton: {\n            title: 'Buy Now',\n            onClick: (product) => console.log('Buy', product),\n            variant: 'brand' // optional\n        }\n    }\n  ];\n\n  const handleRemoveProduct = (productId) => {\n    // Logic to remove a product from comparison\n  };\n\n  const handleClose = () => {\n    // Logic to handle the close action\n  };\n\n  return (\n    <Compare\n      title=\"Product Comparison\"\n      productsSelected={products}\n      btnCompareTitle=\"Compare\"\n      btnCloseTitle=\"Close\"\n      btnCloseModalTitle=\"Close Modal\"\n      onClose={handleClose}\n      onRemove={handleRemoveProduct}\n    />\n  );\n};\n\nexport default ExampleComponent;\n```\n\n## Contributing\n\nContributions are welcome! For any bug fixes, improvements, or new features, please open an [issue](link-to-issues) or submit a pull request.\n\nPlease make sure to follow the code standards and test your changes before submitting.\n\n","readmeFilename":"README.md"}