@atom-learning/components 3.0.2 → 3.1.0

package/dist/components/navigation-menu-vertical/NavigationMenuVerticalLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenuVerticalLink.js","sources":["../../../src/components/navigation-menu-vertical/NavigationMenuVerticalLink.tsx"],"sourcesContent":["import { Link } from '@radix-ui/react-navigation-menu'\nimport React from 'react'\n\nimport { styled } from '~/stitches'\nimport { preventEvent } from '~/utilities/event'\nimport { isExternalLink } from '~/utilities/uri'\n\nimport { navigationMenuVerticalItemStyles } from './NavigationMenuVertical.styles'\nimport { NavigationMenuVerticalItem } from './NavigationMenuVerticalItem'\nimport { NavigationMenuVerticalItemContent } from './NavigationMenuVerticalItemContent'\n\nconst StyledNavigationMenuVerticalLink = styled(\n  Link,\n  navigationMenuVerticalItemStyles\n)\n\ntype NavigationMenuVerticalItemProps = React.ComponentProps<\n  typeof StyledNavigationMenuVerticalLink\n> & {\n  as?: React.ComponentType | React.ElementType\n}\n\nexport const NavigationMenuVerticalLink: React.FC<\n  NavigationMenuVerticalItemProps\n> = ({ as, href, children, ...rest }) => {\n  const linkProps = isExternalLink(href)\n    ? { target: '_blank', rel: 'noopener noreferrer' }\n    : {}\n\n  const buttonProps = {\n    type: 'button'\n  }\n\n  const Component = as || (href ? 'a' : 'button')\n  const componentProps = as ? {} : href ? linkProps : buttonProps\n\n  return (\n    <NavigationMenuVerticalItem>\n      <StyledNavigationMenuVerticalLink\n        size=\"lg\"\n        href={href}\n        {...rest}\n        {...componentProps}\n        onSelect={preventEvent}\n        asChild // ?: Can't use `as` for this as we lose `data-active` etc. attributes when we try to. Using `asChild` and `Component` as a workaround.\n      >\n        <Component>\n          <NavigationMenuVerticalItemContent>\n            {children}\n          </NavigationMenuVerticalItemContent>\n        </Component>\n      </StyledNavigationMenuVerticalLink>\n    </NavigationMenuVerticalItem>\n  )\n}\n"],"names":["StyledNavigationMenuVerticalLink","styled","Link","navigationMenuVerticalItemStyles","NavigationMenuVerticalLink","as","href","children","rest","linkProps","isExternalLink","buttonProps","Component","React","NavigationMenuVerticalItem","preventEvent","NavigationMenuVerticalItemContent"],"mappings":"wfAWA,MAAMA,EAAmCC,EACvCC,EACAC,CACF,EAQaC,EAET,CAAC,CAAE,GAAAC,EAAI,KAAAC,EAAM,SAAAC,KAAaC,CAAK,IAAM,CACvC,MAAMC,EAAYC,EAAeJ,CAAI,EACjC,CAAE,OAAQ,SAAU,IAAK,qBAAsB,EAC/C,CAAC,EAECK,EAAc,CAClB,KAAM,QACR,EAEMC,EAAYP,IAAOC,EAAO,IAAM,UAGtC,OACEO,EAAA,cAACC,EAAA,KACCD,EAAA,cAACb,EAAA,CACC,KAAK,KACL,KAAMM,EACL,GAAGE,EACH,GARgBH,EAAK,CAAA,EAAKC,EAAOG,EAAYE,EAS9C,SAAUI,EACV,QAAO,IAEPF,EAAA,cAACD,EAAA,KACCC,EAAA,cAACG,EAAA,KACET,CACH,CACF,CACF,CACF,CAEJ"}
+{"version":3,"file":"NavigationMenuVerticalLink.js","sources":["../../../src/components/navigation-menu-vertical/NavigationMenuVerticalLink.tsx"],"sourcesContent":["import { Link } from '@radix-ui/react-navigation-menu'\nimport React from 'react'\n\nimport { styled } from '~/stitches'\nimport { preventEvent } from '~/utilities/event'\nimport { getExternalAnchorProps } from '~/utilities/uri'\n\nimport { navigationMenuVerticalItemStyles } from './NavigationMenuVertical.styles'\nimport { NavigationMenuVerticalItem } from './NavigationMenuVerticalItem'\nimport { NavigationMenuVerticalItemContent } from './NavigationMenuVerticalItemContent'\n\nconst StyledNavigationMenuVerticalLink = styled(\n  Link,\n  navigationMenuVerticalItemStyles\n)\n\ntype NavigationMenuVerticalItemProps = React.ComponentProps<\n  typeof StyledNavigationMenuVerticalLink\n> & {\n  as?: React.ComponentType | React.ElementType\n}\n\nexport const NavigationMenuVerticalLink: React.FC<\n  NavigationMenuVerticalItemProps\n> = ({ as, href, children, ...rest }) => {\n  const Component = as || (href ? 'a' : 'button')\n  const componentProps = as\n    ? {}\n    : href\n    ? getExternalAnchorProps(href)\n    : { type: 'button' }\n\n  return (\n    <NavigationMenuVerticalItem>\n      <StyledNavigationMenuVerticalLink\n        size=\"lg\"\n        href={href}\n        {...rest}\n        {...componentProps}\n        onSelect={preventEvent}\n        asChild // ?: Can't use `as` for this as we lose `data-active` etc. attributes when we try to. Using `asChild` and `Component` as a workaround.\n      >\n        <Component>\n          <NavigationMenuVerticalItemContent>\n            {children}\n          </NavigationMenuVerticalItemContent>\n        </Component>\n      </StyledNavigationMenuVerticalLink>\n    </NavigationMenuVerticalItem>\n  )\n}\n"],"names":["StyledNavigationMenuVerticalLink","styled","Link","navigationMenuVerticalItemStyles","NavigationMenuVerticalLink","as","href","children","rest","Component","componentProps","getExternalAnchorProps","React","NavigationMenuVerticalItem","preventEvent","NavigationMenuVerticalItemContent"],"mappings":"ggBAWA,MAAMA,EAAmCC,EACvCC,EACAC,CACF,EAQaC,EAET,CAAC,CAAE,GAAAC,EAAI,KAAAC,EAAM,SAAAC,KAAaC,CAAK,IAAM,CACvC,MAAMC,EAAYJ,IAAOC,EAAO,IAAM,UAChCI,EAAiBL,EACnB,CAAC,EACDC,EACAK,EAAuBL,CAAI,EAC3B,CAAE,KAAM,QAAS,EAErB,OACEM,EAAA,cAACC,EAAA,KACCD,EAAA,cAACZ,EAAA,CACC,KAAK,KACL,KAAMM,EACL,GAAGE,EACH,GAAGE,EACJ,SAAUI,EACV,QAAO,EAEPF,EAAAA,EAAA,cAACH,EAAA,KACCG,EAAA,cAACG,EAAA,KACER,CACH,CACF,CACF,CACF,CAEJ"}