{"version":3,"file":"ColorLegendWithMouseOver.cjs","names":[],"sources":["../src/Components/Elements/ColorLegendWithMouseOver.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\r\nimport { P } from '@undp/design-system-react/Typography';\r\n\r\nimport { Colors } from '@/Components/ColorPalette';\r\n\r\ninterface Props {\r\n  colors: string[];\r\n  colorDomain: (string | number)[];\r\n  colorLegendTitle?: string;\r\n  showNAColor: boolean;\r\n  setSelectedColor: (_d?: string) => void;\r\n  width?: number;\r\n  isCenter?: boolean;\r\n  className?: string;\r\n}\r\n\r\nexport function ColorLegendWithMouseOver(props: Props) {\r\n  const {\r\n    colorLegendTitle,\r\n    colorDomain,\r\n    colors,\r\n    setSelectedColor,\r\n    showNAColor,\r\n    width,\r\n    isCenter,\r\n    className,\r\n  } = props;\r\n\r\n  return (\r\n    <div\r\n      className={cn('flex leading-0 pb-3', isCenter && 'justify-center', className)}\r\n      style={{ maxWidth: width ? `${width}px` : 'none' }}\r\n    >\r\n      <div>\r\n        {colorLegendTitle && colorLegendTitle !== '' ? (\r\n          <P size='sm' marginBottom='2xs' className={isCenter ? 'text-center' : ''}>\r\n            {colorLegendTitle}\r\n          </P>\r\n        ) : null}\r\n        <div className='flex flex-wrap gap-3.5 mb-0'>\r\n          {colorDomain.map((d, i) => (\r\n            //  biome-ignore lint/a11y/noStaticElementInteractions: interaction for color legend\r\n            <div\r\n              className='flex items-center gap-1 cursor-pointer'\r\n              // biome-ignore lint/suspicious/noArrayIndexKey: index is the unique identifier\r\n              key={i}\r\n              onMouseEnter={() => {\r\n                setSelectedColor(colors[i % colors.length]);\r\n              }}\r\n              onFocus={() => {\r\n                setSelectedColor(colors[i % colors.length]);\r\n              }}\r\n              onMouseLeave={() => {\r\n                setSelectedColor(undefined);\r\n              }}\r\n            >\r\n              <div\r\n                className='w-3 h-3 rounded-full'\r\n                style={{ backgroundColor: colors[i % colors.length] }}\r\n              />\r\n              {d === '' ? null : (\r\n                <P size='sm' marginBottom='none'>\r\n                  {d}\r\n                </P>\r\n              )}\r\n            </div>\r\n          ))}\r\n          {showNAColor ? (\r\n            //  biome-ignore lint/a11y/noStaticElementInteractions: interaction for color legend\r\n            <div\r\n              onMouseEnter={() => {\r\n                setSelectedColor(Colors.gray);\r\n              }}\r\n              onFocus={() => {\r\n                setSelectedColor(Colors.gray);\r\n              }}\r\n              onMouseLeave={() => {\r\n                setSelectedColor(undefined);\r\n              }}\r\n              className='flex items-center gap-1 cursor-pointer'\r\n            >\r\n              <div className='w-3 h-3 rounded-full' style={{ backgroundColor: Colors.gray }} />\r\n              <P size='sm' marginBottom='none'>\r\n                NA\r\n              </P>\r\n            </div>\r\n          ) : null}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"mappings":"kQAgBA,SAAgB,EAAyB,EAAc,CACrD,GAAM,CACJ,mBACA,cACA,SACA,mBACA,cACA,QACA,WACA,aACE,EAEJ,OACE,EAAA,EAAA,KAAC,MAAD,CACE,WAAA,EAAA,EAAA,IAAc,sBAAuB,GAAY,iBAAkB,CAAS,EAC5E,MAAO,CAAE,SAAU,EAAQ,GAAG,EAAM,IAAM,MAAO,YAEjD,EAAA,EAAA,MAAC,MAAD,CAAA,SAAA,CACG,GAAoB,IAAqB,IACxC,EAAA,EAAA,KAAC,EAAA,EAAD,CAAG,KAAK,KAAK,aAAa,MAAM,UAAW,EAAW,cAAgB,YACnE,CACA,CAAA,EACD,MACJ,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,uCAAf,CACG,EAAY,KAAK,EAAG,KAEnB,EAAA,EAAA,MAAC,MAAD,CACE,UAAU,yCAGV,iBAAoB,CAClB,EAAiB,EAAO,EAAI,EAAO,OAAO,CAC5C,EACA,YAAe,CACb,EAAiB,EAAO,EAAI,EAAO,OAAO,CAC5C,EACA,iBAAoB,CAClB,EAAiB,IAAA,EAAS,CAC5B,WAZF,EAcE,EAAA,EAAA,KAAC,MAAD,CACE,UAAU,uBACV,MAAO,CAAE,gBAAiB,EAAO,EAAI,EAAO,OAAQ,CACrD,CAAA,EACA,IAAM,GAAK,MACV,EAAA,EAAA,KAAC,EAAA,EAAD,CAAG,KAAK,KAAK,aAAa,gBACvB,CACA,CAAA,CAEF,GApBE,CAoBF,CACN,EACA,GAEC,EAAA,EAAA,MAAC,MAAD,CACE,iBAAoB,CAClB,EAAiB,EAAA,OAAO,IAAI,CAC9B,EACA,YAAe,CACb,EAAiB,EAAA,OAAO,IAAI,CAC9B,EACA,iBAAoB,CAClB,EAAiB,IAAA,EAAS,CAC5B,EACA,UAAU,kDAVZ,EAYE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,uBAAuB,MAAO,CAAE,gBAAiB,EAAA,OAAO,IAAK,CAAI,CAAA,GAChF,EAAA,EAAA,KAAC,EAAA,EAAD,CAAG,KAAK,KAAK,aAAa,gBAAO,IAE9B,CAAA,CACA,IACH,IACD,GACF,CAAA,CAAA,CACF,CAAA,CAET"}