{"_id":"@abnet-wolde/ethiopian-map","_rev":"7-807c85499c42f9972f46c2a1f95c2f0b","name":"@abnet-wolde/ethiopian-map","dist-tags":{"latest":"1.0.6"},"versions":{"1.0.0":{"name":"@abnet-wolde/ethiopian-map","version":"1.0.0","keywords":["react","typescript","ethiopia","map","svg","interactive-map","geographic-component","react-component","ethiopian-regions","data-visualization"],"author":{"name":"Abnet Wolde"},"license":"MIT","_id":"@abnet-wolde/ethiopian-map@1.0.0","maintainers":[{"name":"abnet_wolde","email":"abnetwoldedev@gmail.com"}],"homepage":"https://github.com/Abenetwolde/ethiopian_map.git","bugs":{"url":"https://github.com/Abenetwolde/ethiopian_map/issues"},"dist":{"shasum":"cfca9bfbee7a1d230b074ea4a2dc08c82e24a71e","tarball":"https://registry.npmjs.org/@abnet-wolde/ethiopian-map/-/ethiopian-map-1.0.0.tgz","fileCount":16,"integrity":"sha512-o2hsAjojLy9MwzzUI4+yrc5QSYq6zxi/COcijB3yR6fThOoLU/4iZxxP2nq5/d9QdtQ+SsKk+r+vBw5sW7wIBQ==","signatures":[{"sig":"MEYCIQDM1owbn3uumDKUEr56pvOscmXS1ENAMJ48YWXcZO6s/gIhAMGgISqhjMg4dYexuyvOmNKjYozvDGj2xMCiX34F41sw","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":57546},"main":"dist/index.js","type":"module","types":"dist/index.d.ts","gitHead":"82759aa4a51447a5c434f5da6e2896f5f9b1bc83","scripts":{"lint":"eslint src --ext .ts,.tsx","test":"jest","build":"tsc && vite build","prepare":"npm run build"},"_npmUser":{"name":"abnet_wolde","actor":{"name":"abnet_wolde","type":"user","email":"abnetwoldedev@gmail.com"},"email":"abnetwoldedev@gmail.com"},"repository":{"url":"git+https://github.com/Abenetwolde/ethiopian_map.git","type":"git"},"_npmVersion":"9.6.6","description":"A customizable React component for interactive SVG maps of Ethiopian regions with TypeScript support","directories":{},"_nodeVersion":"20.10.0","dependencies":{"@testing-library/react":"^16.3.0"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^30.0.3","vite":"^7.0.0","eslint":"^9.29.0","ts-jest":"^29.4.0","ts-node":"^10.9.2","typescript":"^5.8.3","@types/jest":"^30.0.0","@types/react":"^19.1.8","vite-plugin-dts":"^4.5.4","@typescript-eslint/parser":"^8.35.0","@typescript-eslint/eslint-plugin":"^8.35.0"},"peerDependencies":{"react":"^17.0.0 || ^18.0.0","react-dom":"^17.0.0 || ^18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/ethiopian-map_1.0.0_1751283650416_0.24027064006993526","host":"s3://npm-registry-packages-npm-production"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"1.0.1":{"name":"@abnet-wolde/ethiopian-map","version":"1.0.1","keywords":["react","typescript","ethiopia","map","svg","interactive-map","geographic-component","react-component","ethiopian-regions","data-visualization"],"author":{"name":"Abnet Wolde"},"license":"MIT","_id":"@abnet-wolde/ethiopian-map@1.0.1","maintainers":[{"name":"abnet_wolde","email":"abnetwoldedev@gmail.com"}],"homepage":"https://github.com/Abenetwolde/ethiopian_map.git","bugs":{"url":"https://github.com/Abenetwolde/ethiopian_map/issues"},"dist":{"shasum":"acd3ef52dddd39cc7aa731e4760e21ad1895de8e","tarball":"https://registry.npmjs.org/@abnet-wolde/ethiopian-map/-/ethiopian-map-1.0.1.tgz","fileCount":16,"integrity":"sha512-ntdDL5Yk/mbu+lWo288lEsyqUK87Y8xZVzdz/dnA7Rh8aYwwtzeSV3Yq/YVmBbQWTsbz/FsPMMKbeNEg++wZHQ==","signatures":[{"sig":"MEUCIQDzGZKykbifkhHEru70gnTUHYec0/VQycblrBGEH+aHzgIgLuClRXv7JJ8lNy3Yg/ZP+2zkDr6272deS2xP3aiK9lc=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":57550},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","gitHead":"82759aa4a51447a5c434f5da6e2896f5f9b1bc83","scripts":{"lint":"eslint src --ext .ts,.tsx","test":"jest","build":"tsc && vite build","prepare":"npm run build"},"_npmUser":{"name":"abnet_wolde","actor":{"name":"abnet_wolde","type":"user","email":"abnetwoldedev@gmail.com"},"email":"abnetwoldedev@gmail.com"},"repository":{"url":"git+https://github.com/Abenetwolde/ethiopian_map.git","type":"git"},"_npmVersion":"9.6.6","description":"A customizable React component for interactive SVG maps of Ethiopian regions with TypeScript support","directories":{},"_nodeVersion":"20.10.0","dependencies":{"@testing-library/react":"^16.3.0"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^30.0.3","vite":"^7.0.0","eslint":"^9.29.0","ts-jest":"^29.4.0","ts-node":"^10.9.2","typescript":"^5.8.3","@types/jest":"^30.0.0","@types/react":"^19.1.8","vite-plugin-dts":"^4.5.4","@typescript-eslint/parser":"^8.35.0","@typescript-eslint/eslint-plugin":"^8.35.0"},"peerDependencies":{"react":"^17.0.0 || ^18.0.0","react-dom":"^17.0.0 || ^18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/ethiopian-map_1.0.1_1751288504276_0.09407156359920221","host":"s3://npm-registry-packages-npm-production"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"1.0.2":{"name":"@abnet-wolde/ethiopian-map","version":"1.0.2","keywords":["react","typescript","ethiopia","map","svg","interactive-map","geographic-component","react-component","ethiopian-regions","data-visualization"],"author":{"name":"Abnet Wolde"},"license":"MIT","_id":"@abnet-wolde/ethiopian-map@1.0.2","maintainers":[{"name":"abnet_wolde","email":"abnetwoldedev@gmail.com"}],"homepage":"https://github.com/Abenetwolde/ethiopian_map.git","bugs":{"url":"https://github.com/Abenetwolde/ethiopian_map/issues"},"dist":{"shasum":"6e61efe76104684274c6de9a352a98ce9daf23cc","tarball":"https://registry.npmjs.org/@abnet-wolde/ethiopian-map/-/ethiopian-map-1.0.2.tgz","fileCount":8,"integrity":"sha512-tDRfL0j+hXxM42I8ZAIhB5+vPh449ZmJbKAWciB3oVGcao7QXGxFQfGX3z4nasDqhzDCIv/3n29SXyYHcCF95w==","signatures":[{"sig":"MEYCIQCe712nXmHiKpCfMwtIX2Y/JzQ7gQRlV1D6UhJdLJ+FjwIhAPfTBj6JhCj+ywdy4H/AvVZyi4X2akIEtczedb0wLUfI","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":48414},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","gitHead":"82759aa4a51447a5c434f5da6e2896f5f9b1bc83","scripts":{"lint":"eslint src --ext .ts,.tsx","test":"jest","build":"tsc && vite build","prepare":"npm run build"},"_npmUser":{"name":"abnet_wolde","actor":{"name":"abnet_wolde","type":"user","email":"abnetwoldedev@gmail.com"},"email":"abnetwoldedev@gmail.com"},"repository":{"url":"git+https://github.com/Abenetwolde/ethiopian_map.git","type":"git"},"_npmVersion":"9.6.6","description":"A customizable React component for interactive SVG maps of Ethiopian regions with TypeScript support","directories":{},"_nodeVersion":"20.10.0","dependencies":{"@testing-library/react":"^16.3.0"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^30.0.3","vite":"^7.0.0","eslint":"^9.29.0","ts-jest":"^29.4.0","ts-node":"^10.9.2","typescript":"^5.8.3","@types/jest":"^30.0.0","@types/react":"^19.1.8","vite-plugin-dts":"^4.5.4","@typescript-eslint/parser":"^8.35.0","@typescript-eslint/eslint-plugin":"^8.35.0"},"peerDependencies":{"react":"^17.0.0 || ^18.0.0","react-dom":"^17.0.0 || ^18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/ethiopian-map_1.0.2_1751289423506_0.11638282396907096","host":"s3://npm-registry-packages-npm-production"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"1.0.4":{"name":"@abnet-wolde/ethiopian-map","version":"1.0.4","keywords":["react","typescript","ethiopia","map","svg","interactive-map","geographic-component","react-component","ethiopian-regions","data-visualization"],"author":{"name":"Abnet Wolde"},"license":"MIT","_id":"@abnet-wolde/ethiopian-map@1.0.4","maintainers":[{"name":"abnet_wolde","email":"abnetwoldedev@gmail.com"}],"homepage":"https://github.com/Abenetwolde/ethiopian_map.git","bugs":{"url":"https://github.com/Abenetwolde/ethiopian_map/issues"},"dist":{"shasum":"97c717fe5598a0be6c317dc4539b436652a05e49","tarball":"https://registry.npmjs.org/@abnet-wolde/ethiopian-map/-/ethiopian-map-1.0.4.tgz","fileCount":8,"integrity":"sha512-vWo6zTHr/7k6TH7V4UbwMW4N/uVHUEcPReCII2sy1bVuOQaTGXOSxL86fhaQuL+E+3YWzmg/F2ZSUQiqqJKJkA==","signatures":[{"sig":"MEQCIAGr2vd5h4ECTaD8nZcobM+HC8/C4hp3OfY+07DPcFf8AiAK/zbuq3IM5TUpWzwZG09zPBTSqojyZrd0QkFj0cVf8g==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":48414},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","gitHead":"82759aa4a51447a5c434f5da6e2896f5f9b1bc83","scripts":{"lint":"eslint src --ext .ts,.tsx","test":"jest","build":"tsc && vite build","prepare":"npm run build"},"_npmUser":{"name":"abnet_wolde","actor":{"name":"abnet_wolde","type":"user","email":"abnetwoldedev@gmail.com"},"email":"abnetwoldedev@gmail.com"},"repository":{"url":"git+https://github.com/Abenetwolde/ethiopian_map.git","type":"git"},"_npmVersion":"9.6.6","description":"A customizable React component for interactive SVG maps of Ethiopian regions with TypeScript support","directories":{},"_nodeVersion":"20.10.0","dependencies":{"@testing-library/react":"^16.3.0"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^30.0.3","vite":"^7.0.0","eslint":"^9.29.0","ts-jest":"^29.4.0","ts-node":"^10.9.2","typescript":"^5.8.3","@types/jest":"^30.0.0","@types/react":"^19.1.8","vite-plugin-dts":"^4.5.4","@typescript-eslint/parser":"^8.35.0","@typescript-eslint/eslint-plugin":"^8.35.0"},"peerDependencies":{"react":"^17.0.0 || ^18.0.0","react-dom":"^17.0.0 || ^18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/ethiopian-map_1.0.4_1751294976215_0.361643193557468","host":"s3://npm-registry-packages-npm-production"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"1.0.5":{"name":"@abnet-wolde/ethiopian-map","version":"1.0.5","keywords":["react","typescript","ethiopia","map","svg","interactive-map","geographic-component","react-component","ethiopian-regions","data-visualization"],"author":{"name":"Abnet Wolde"},"license":"MIT","_id":"@abnet-wolde/ethiopian-map@1.0.5","maintainers":[{"name":"abnet_wolde","email":"abnetwoldedev@gmail.com"}],"homepage":"https://github.com/Abenetwolde/ethiopian_map.git","bugs":{"url":"https://github.com/Abenetwolde/ethiopian_map/issues"},"dist":{"shasum":"03173d49959f61c2f3a9924fbf3fc2fee4fb5e9e","tarball":"https://registry.npmjs.org/@abnet-wolde/ethiopian-map/-/ethiopian-map-1.0.5.tgz","fileCount":8,"integrity":"sha512-K6qUoja9GbaJ5nHaf+R6qKnZhxniWu+RhLF7ejt/UUk5IFZ1Xctj4iKaYzW5F+IeAHPuTO8h5gv5iZrSIA1gLA==","signatures":[{"sig":"MEYCIQCckfbjAWVQOYNyKmeB7DA7+3V8YDIMiR0s8EeFsoqaTAIhAL7N+MrR/h3fb6gkJoKd4J9HuNuG6Ph5OD0FcY3RR31J","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":48417},"main":"./dist/index.es.js","type":"module","types":"./dist/index.d.ts","gitHead":"82759aa4a51447a5c434f5da6e2896f5f9b1bc83","scripts":{"lint":"eslint src --ext .ts,.tsx","test":"jest","build":"tsc && vite build","prepare":"npm run build"},"_npmUser":{"name":"abnet_wolde","actor":{"name":"abnet_wolde","type":"user","email":"abnetwoldedev@gmail.com"},"email":"abnetwoldedev@gmail.com"},"repository":{"url":"git+https://github.com/Abenetwolde/ethiopian_map.git","type":"git"},"_npmVersion":"9.6.6","description":"A customizable React component for interactive SVG maps of Ethiopian regions with TypeScript support","directories":{},"_nodeVersion":"20.10.0","dependencies":{"@testing-library/react":"^16.3.0"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^30.0.3","vite":"^7.0.0","eslint":"^9.29.0","ts-jest":"^29.4.0","ts-node":"^10.9.2","typescript":"^5.8.3","@types/jest":"^30.0.0","@types/react":"^19.1.8","vite-plugin-dts":"^4.5.4","@typescript-eslint/parser":"^8.35.0","@typescript-eslint/eslint-plugin":"^8.35.0"},"peerDependencies":{"react":"^17.0.0 || ^18.0.0","react-dom":"^17.0.0 || ^18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/ethiopian-map_1.0.5_1751295273935_0.655792080362418","host":"s3://npm-registry-packages-npm-production"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"1.0.6":{"name":"@abnet-wolde/ethiopian-map","version":"1.0.6","keywords":["react","typescript","ethiopia","map","svg","interactive-map","geographic-component","react-component","ethiopian-regions","data-visualization"],"author":{"name":"Abnet Wolde"},"license":"MIT","_id":"@abnet-wolde/ethiopian-map@1.0.6","maintainers":[{"name":"abnet_wolde","email":"abnetwoldedev@gmail.com"}],"homepage":"https://github.com/Abenetwolde/ethiopian_map.git","bugs":{"url":"https://github.com/Abenetwolde/ethiopian_map/issues"},"dist":{"shasum":"eaa63c5fbf77942252de7f7f1ca1b6b8f07f6ad4","tarball":"https://registry.npmjs.org/@abnet-wolde/ethiopian-map/-/ethiopian-map-1.0.6.tgz","fileCount":8,"integrity":"sha512-LYPWBndgt9xVJhvP4y8uO+sCNd7Fc7vyPJmp4HxW0Y56RAYlIuNkETCb0IuQIpbGuzFJj6bvX3wCKtQIx8I6nw==","signatures":[{"sig":"MEYCIQCWg7j8+2G2dYgrk9kRin+97tcbZdJcwPY5cjHFsKuJuQIhAMnT0GEJs8X94LFjAoJfiiydeaLhpJNiY0fD1PD9LG8U","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":29068},"main":"./dist/index.es.js","type":"module","types":"./dist/index.d.ts","gitHead":"82759aa4a51447a5c434f5da6e2896f5f9b1bc83","scripts":{"lint":"eslint src --ext .ts,.tsx","test":"jest","build":"tsc && vite build","prepare":"npm run build"},"_npmUser":{"name":"abnet_wolde","actor":{"name":"abnet_wolde","type":"user","email":"abnetwoldedev@gmail.com"},"email":"abnetwoldedev@gmail.com"},"repository":{"url":"git+https://github.com/Abenetwolde/ethiopian_map.git","type":"git"},"_npmVersion":"9.6.6","description":"A customizable React component for interactive SVG maps of Ethiopian regions with TypeScript support","directories":{},"_nodeVersion":"20.10.0","dependencies":{"@vitejs/plugin-react":"^4.6.0","@testing-library/react":"^16.3.0"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^30.0.3","vite":"^7.0.0","eslint":"^9.29.0","ts-jest":"^29.4.0","ts-node":"^10.9.2","typescript":"^5.8.3","@types/jest":"^30.0.0","@types/react":"^19.0.0","vite-plugin-dts":"^4.5.4","@typescript-eslint/parser":"^8.35.0","@typescript-eslint/eslint-plugin":"^8.35.0"},"peerDependencies":{"react":"^19.0.0 || ^19.0.0","react-dom":"^19.0.0 || ^19.0.0"},"_npmOperationalInternal":{"tmp":"tmp/ethiopian-map_1.0.6_1751375057727_0.6972892122757883","host":"s3://npm-registry-packages-npm-production"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."}},"time":{"created":"2025-06-30T11:40:50.319Z","modified":"2025-07-07T10:37:37.083Z","1.0.0":"2025-06-30T11:40:50.641Z","1.0.1":"2025-06-30T13:01:44.468Z","1.0.2":"2025-06-30T13:17:03.692Z","1.0.4":"2025-06-30T14:49:36.391Z","1.0.5":"2025-06-30T14:54:34.111Z","1.0.6":"2025-07-01T13:04:17.952Z"},"bugs":{"url":"https://github.com/Abenetwolde/ethiopian_map/issues"},"author":{"name":"Abnet Wolde"},"license":"MIT","homepage":"https://github.com/Abenetwolde/ethiopian_map.git","keywords":["react","typescript","ethiopia","map","svg","interactive-map","geographic-component","react-component","ethiopian-regions","data-visualization"],"repository":{"url":"git+https://github.com/Abenetwolde/ethiopian_map.git","type":"git"},"description":"A customizable React component for interactive SVG maps of Ethiopian regions with TypeScript support","maintainers":[{"name":"abnet_wolde","email":"abnetwoldedev@gmail.com"}],"readme":"Ethiopia Map Component\r\nA customizable React component for rendering an interactive SVG map of Ethiopian regions.\r\nInstallation\r\nnpm install @your-org/ethiopia-map-component\r\n\r\nUsage\r\nimport React, { useState } from 'react';\r\nimport { MapComponent } from '@your-org/ethiopia-map-component';\r\n\r\nconst App: React.FC = () => {\r\n  const [selectedRegion, setSelectedRegion] = useState<string | null>(null);\r\n\r\n  return (\r\n    <MapComponent\r\n      selectedRegion={selectedRegion}\r\n      setSelectedRegion={setSelectedRegion}\r\n      defaultFillColor=\"#00C4B4\"\r\n      activeFillColor=\"#40E0D0\"\r\n      hoverFillColor=\"#40E0D0\"\r\n      tooltipContent={(regionId) => `Region: ${regionId}`}\r\n      enableZoom={true}\r\n      zoomLevel={1.2}\r\n    />\r\n  );\r\n};\r\n\r\nexport default App;\r\n\r\nProps\r\n\r\n\r\n\r\nProp\r\nType\r\nDefault\r\nDescription\r\n\r\n\r\n\r\nselectedRegion\r\nstring | null\r\nnull\r\nCurrently selected region ID\r\n\r\n\r\nsetSelectedRegion\r\nReact.Dispatch<React.SetStateAction<string | null>>\r\n-\r\nFunction to update selected region\r\n\r\n\r\nregions\r\nMapRegion[]\r\ndemoData\r\nArray of region data (id, name, points/path)\r\n\r\n\r\ndefaultFillColor\r\nstring\r\n#00C4B4\r\nDefault fill color for regions\r\n\r\n\r\nactiveFillColor\r\nstring\r\n#40E0D0\r\nFill color for active region\r\n\r\n\r\nhoverFillColor\r\nstring\r\n#40E0D0\r\nFill color on hover\r\n\r\n\r\nstrokeColor\r\nstring\r\n#808080\r\nDefault stroke color\r\n\r\n\r\nactiveStrokeColor\r\nstring\r\n#FFFFFF\r\nStroke color for active region\r\n\r\n\r\nstrokeWidth\r\nnumber\r\n1\r\nDefault stroke width\r\n\r\n\r\nactiveStrokeWidth\r\nnumber\r\n2\r\nStroke width for active region\r\n\r\n\r\nhoverOpacity\r\nnumber\r\n0.9\r\nOpacity on hover\r\n\r\n\r\nclassName\r\nstring\r\nflex flex-col lg:flex-row gap-4 p-4\r\nContainer class name\r\n\r\n\r\nsvgClassName\r\nstring\r\nw-full h-auto\r\nSVG element class name\r\n\r\n\r\nonRegionHover\r\n(regionId: string | null) => void\r\n-\r\nCallback on region hover\r\n\r\n\r\nonRegionClick\r\n(regionId: string) => void\r\n-\r\nCallback on region click\r\n\r\n\r\ntooltipContent\r\n(regionId: string) => React.ReactNode\r\n-\r\nFunction to render tooltip content\r\n\r\n\r\nwidth\r\nstring | number\r\n100%\r\nSVG width\r\n\r\n\r\nheight\r\nstring | number\r\nauto\r\nSVG height\r\n\r\n\r\nviewBox\r\nstring\r\n0 0 441.853 328.295\r\nSVG viewBox\r\n\r\n\r\nenableZoom\r\nboolean\r\nfalse\r\nEnable zoom functionality\r\n\r\n\r\nzoomLevel\r\nnumber\r\n1\r\nZoom level for the map\r\n\r\n\r\ncustomStyles\r\nstring\r\n''\r\nAdditional CSS styles for the SVG\r\n\r\n\r\nLicense\r\nMIT","readmeFilename":"README.md"}