@hashicorp/react-components 0.0.0-canary.f1f8354 → 0.0.0-canary.f793ae5

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@hashicorp/react-components",
-	"version": "0.0.0-canary.f1f8354",
+	"version": "0.0.0-canary.f793ae5",
 	"main": "src/index.ts",
 	"scripts": {
 		"lint": "next-hashicorp lint",

package/src/components/marketo-form/utils.ts

@@ -426,6 +426,10 @@ export const resolverErrors = (
  * @returns MarketoFormField[] with columnSplit property set
  */
 export function setFieldsColumnSplit(fieldsArr: MarketoFormField[]) {
+	if (!fieldsArr) {
+		return []
+	}
+
 	return fieldsArr.map((f) => {
 		const columnSplit = getFieldColumnSplit(fieldsArr, f)
 		return { ...f, columnSplit }

package/src/components/nav-panel/product-panel/index.tsx

@@ -18,9 +18,16 @@ const PRODUCT_LOGO_MAP = new Map([
 	['Nomad', 'nomad-fill-color'],
 	['Waypoint', 'waypoint-fill-color'],
 	['Vagrant', 'vagrant-fill-color'],
+	['HCP Vault Secrets', 'vault-secrets'],
+	['HCP Vault Radar', 'vault-radar'],
 ])
 
-interface ProductsPanelProps {
+const PRODUCT_LOGO_EXCEPTION_CLASSNAMES = {
+	'HCP Vault Secrets': 'hcpVaultSecrets',
+	'HCP Vault Radar': 'hcpVaultRadar',
+}
+
+export interface ProductsPanelProps {
 	productCategories: any
 	promo?: PromoProps
 }
@@ -73,6 +80,11 @@ function NavProduct({ url, product, description }: NavProductProps) {
 					<div className={s.productLogo}>
 						<FlightIcon
 							name={PRODUCT_LOGO_MAP.get(product) ?? 'hashicorp-fill-color'}
+							className={
+								PRODUCT_LOGO_EXCEPTION_CLASSNAMES[product]
+									? s[PRODUCT_LOGO_EXCEPTION_CLASSNAMES[product]]
+									: undefined
+							}
 						/>
 					</div>
 					<div className={s.productTextContent}>

package/src/components/nav-panel/product-panel/style.module.css

@@ -98,3 +98,20 @@
 		outline-style: auto;
 	}
 }
+
+/* Branding exception classnames */
+
+.hcpVaultSecrets,
+.hcpVaultRadar {
+	padding: var(--hdsplus-spacing-01);
+	border: 2px solid var(--token-color-vault-brand);
+	border-radius: 3px;
+
+	& use {
+		fill: var(--token-color-foreground-strong);
+	}
+
+	& path {
+		fill: inherit;
+	}
+}

package/src/lib/parse-url/index.test.ts

@@ -1,27 +1,27 @@
 import { parseUrl } from '.'
 
 describe('parseUrl', () => {
-	it('handles internal urls', () => {
+	it('detects hashicorp.com URLs as internal', () => {
 		const url = parseUrl('https://hashicorp.com/example')
 		expect(url.href).toBe('/example')
 		expect(url.linkType).toBe('inbound')
 	})
 
-	it('handles external urls', () => {
+	it('detects URLs not containing hashicorp.com as external', () => {
 		const externalUrl = 'https://google.com/example'
 		const url = parseUrl(externalUrl)
 		expect(url.href).toBe(externalUrl)
 		expect(url.linkType).toBe('outbound')
 	})
 
-	it('handles relative urls', () => {
+	it('detects relative URLs as internal', () => {
 		const relativeUrl = '/resources'
 		const url = parseUrl(relativeUrl)
 		expect(url.href).toBe(relativeUrl)
 		expect(url.linkType).toBe('inbound')
 	})
 
-	it('handles search params', () => {
+	it('leaves URL search params intact', () => {
 		const url = parseUrl(
 			'https://hashicorp.com/resources?type=case-study&products=terraform'
 		)

package/src/lib/parse-url/index.ts

@@ -1,4 +1,4 @@
-export function parseUrl(url: string): {
+export function parseUrl(url: string | undefined): {
 	linkType: 'inbound' | 'outbound'
 	href: string
 } {
@@ -27,5 +27,4 @@ const isRelative = (url) => url.startsWith('/')
 const isAnchor = (url) => url.startsWith('#')
 
 export const isInternal = (url) =>
-	url.startsWith('https://hashicorp.com') ||
-	url.startsWith('https://www.hashicorp.com')
+	new URL(url).hostname.includes('hashicorp.com')

package/src/lib/v/index.ts

@@ -4,6 +4,8 @@ import { vercelStegaSplit } from '@vercel/stega'
  * Takes in a Vercel Visual Editing string and returns the string without
  * hidden data.
  */
-export function v<T extends string>(s: T): T {
-	return vercelStegaSplit(s).cleaned as T
+export function v<VercelVEString extends string>(
+	s: VercelVEString
+): VercelVEString {
+	return vercelStegaSplit(s).cleaned as VercelVEString
 }