{"version":3,"file":"TagListLinks-CwPzN1JT.js","sources":["../../../app/javascript/components/tags/TagListLinks.tsx"],"sourcesContent":["import { Link } from \"@inertiajs/react\";\nimport {\n  categoryColorMap,\n  categoryHoverColorMap,\n} from \"constants/TagCategories\";\nimport classNames from \"lib/classNames\";\nimport Button from \"hardcover-ui/components/Button\";\nimport { useMemo, useState } from \"react\";\nimport { IconThemeProps } from \"hardcover-ui/theme/components/icon\";\nimport { TagSerializersBasicTag } from \"types/serializers\";\nimport TagIcon from \"./TagIcon\";\n\nfunction TagListTag({\n  tag,\n  showCount,\n  size,\n  showSpoilers,\n}: {\n  tag: TagSerializersBasicTag;\n  showCount: boolean;\n  size: IconThemeProps[\"size\"];\n  showSpoilers: boolean;\n}) {\n  const [isSpoiler, setIsSpoiler] = useState(\n    tag.spoilerRatio > 0.5 || tag.category === \"Content Warning\"\n  );\n  const blurSpoiler = useMemo(() => {\n    if (!isSpoiler) {\n      return false;\n    }\n    return isSpoiler && !showSpoilers;\n  }, [isSpoiler, showSpoilers]);\n  return (\n    <li\n      key={`category-${tag.category}-tag-${tag.tag}`}\n      className={classNames(\n        \"inline relative group\",\n        \"group rounded-full font-medium\",\n        size === \"sm\" ? \"text-base\" : \"\",\n        size === \"xs\" ? \"text-sm\" : \"\",\n        categoryColorMap[tag.category] || categoryColorMap.Tag,\n        categoryHoverColorMap[tag.category] || categoryHoverColorMap.Tag\n      )}\n    >\n      <Link\n        href={`/browse/tags/${tag.categorySlug}/${tag.tagSlug}`}\n        className={classNames(\n          blurSpoiler ? \"blur-sm\" : \"\",\n          \"flex space-x-2 items-center\",\n          size === \"sm\" ? \"px-3 py-0.5\" : \"\",\n          size === \"xs\" ? \"px-1.5 py-0.5\" : \"\"\n        )}\n        onClick={(e) => (blurSpoiler ? e.preventDefault() : true)}\n      >\n        <TagIcon tag={tag} size={size} />\n        <span className=\"capitalize text-sm font-semibold \">{tag.tag}</span>\n        {showCount && (\n          <span className=\"text-secondary\">{tag.count.toLocaleString()}</span>\n        )}\n      </Link>\n      {blurSpoiler && (\n        <Button\n          className=\"hidden group-hover:block absolute top-0 left-0 h-full w-full text-sm font-semibold\"\n          onClick={() => setIsSpoiler(false)}\n        >\n          Reveal\n        </Button>\n      )}\n    </li>\n  );\n}\nexport default function TagListLinks({\n  tags = [],\n  limit = null,\n  showCount = false,\n  size = \"sm\",\n  showSpoilers = false,\n}: {\n  tags: TagSerializersBasicTag[];\n  limit?: number;\n  showCount?: boolean;\n  size?: IconThemeProps[\"size\"];\n  showSpoilers?: boolean;\n}) {\n  if(!tags || tags.length === 0) {\n    return false;\n  }\n\n  return (\n    <ul className=\"flex flex-wrap gap-2 text-sm\">\n      {tags.slice(0, limit || tags.length).map((tag) => (\n        <TagListTag\n          tag={tag}\n          key={`tag-${tag.tagSlug}-${tag.categorySlug}`}\n          showCount={showCount}\n          size={size}\n          showSpoilers={showSpoilers}\n        />\n      ))}\n    </ul>\n  );\n}\n"],"names":["TagListTag","tag","showCount","size","showSpoilers","isSpoiler","setIsSpoiler","useState","blurSpoiler","useMemo","jsxs","classNames","categoryColorMap","categoryHoverColorMap","Link","e","jsx","TagIcon","Button","TagListLinks","tags","limit"],"mappings":"mOAYA,SAASA,EAAW,CAClB,IAAAC,EACA,UAAAC,EACA,KAAAC,EACA,aAAAC,CACF,EAKG,CACK,KAAA,CAACC,EAAWC,CAAY,EAAIC,EAAA,SAChCN,EAAI,aAAe,IAAOA,EAAI,WAAa,iBAAA,EAEvCO,EAAcC,EAAAA,QAAQ,IACrBJ,EAGEA,GAAa,CAACD,EAFZ,GAGR,CAACC,EAAWD,CAAY,CAAC,EAE1B,OAAAM,EAAA,KAAC,KAAA,CAEC,UAAWC,EACT,wBACA,iCACAR,IAAS,KAAO,YAAc,GAC9BA,IAAS,KAAO,UAAY,GAC5BS,EAAiBX,EAAI,QAAQ,GAAKW,EAAiB,IACnDC,EAAsBZ,EAAI,QAAQ,GAAKY,EAAsB,GAC/D,EAEA,SAAA,CAAAH,EAAA,KAACI,EAAA,CACC,KAAM,gBAAgBb,EAAI,YAAY,IAAIA,EAAI,OAAO,GACrD,UAAWU,EACTH,EAAc,UAAY,GAC1B,8BACAL,IAAS,KAAO,cAAgB,GAChCA,IAAS,KAAO,gBAAkB,EACpC,EACA,QAAUY,GAAOP,EAAcO,EAAE,eAAmB,EAAA,GAEpD,SAAA,CAACC,EAAAA,IAAAC,EAAA,CAAQ,IAAAhB,EAAU,KAAAE,CAAY,CAAA,EAC9Ba,EAAA,IAAA,OAAA,CAAK,UAAU,oCAAqC,WAAI,IAAI,EAC5Dd,SACE,OAAK,CAAA,UAAU,iBAAkB,SAAID,EAAA,MAAM,iBAAiB,CAAA,CAAA,CAEjE,EACCO,GACCQ,EAAA,IAACE,EAAA,CACC,UAAU,qFACV,QAAS,IAAMZ,EAAa,EAAK,EAClC,SAAA,QAAA,CAED,CAAA,CAAA,EAhCG,YAAYL,EAAI,QAAQ,QAAQA,EAAI,GAAG,EAAA,CAoClD,CACA,SAAwBkB,EAAa,CACnC,KAAAC,EAAO,CAAC,EACR,MAAAC,EAAQ,KACR,UAAAnB,EAAY,GACZ,KAAAC,EAAO,KACP,aAAAC,EAAe,EACjB,EAMG,CACD,MAAG,CAACgB,GAAQA,EAAK,SAAW,EACnB,GAINJ,EAAAA,IAAA,KAAA,CAAG,UAAU,+BACX,SAAKI,EAAA,MAAM,EAAGC,GAASD,EAAK,MAAM,EAAE,IAAKnB,GACxCe,EAAA,IAAChB,EAAA,CACC,IAAAC,EAEA,UAAAC,EACA,KAAAC,EACA,aAAAC,CAAA,EAHK,OAAOH,EAAI,OAAO,IAAIA,EAAI,YAAY,EAK9C,CAAA,CACH,CAAA,CAEJ"}