@pega/cosmos-react-core 8.0.0-build.3.2 → 8.0.0-build.30.0

package/lib/components/Link/Link.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../../src/components/Link/Link.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, useState, useRef, useContext, useEffect } from 'react';\nimport type {\n  ReactNode,\n  FunctionComponent,\n  Ref,\n  PropsWithoutRef,\n  KeyboardEvent,\n  MouseEvent\n} from 'react';\nimport styled, { css } from 'styled-components';\n\nimport Button from '../Button';\nimport type { ButtonProps } from '../Button';\nimport Popover from '../Popover';\nimport type { PopoverProps } from '../Popover';\nimport BareButton from '../Button/BareButton';\nimport type { BaseProps, ForwardProps, TestIdProp } from '../../types';\nimport { defaultThemeProp } from '../../theme';\nimport {\n  useBreakpoint,\n  useConsolidatedRef,\n  useI18n,\n  useUID,\n  useModalContext,\n  useOS,\n  useTestIds\n} from '../../hooks';\nimport { documentIsAvailable, tryCatch, withTestIds } from '../../utils';\nimport { calculateFontSize, readableColor } from '../../styles';\nimport AppShellContext from '../AppShell/AppShellContext';\nimport { Keyboard } from '../Badges';\nimport Text, { StyledText } from '../Text';\nimport { StyledKeyboard } from '../Badges/Keyboard';\nimport Flex from '../Flex';\nimport Icon, { StyledIcon, registerIcon } from '../Icon';\nimport * as openIcon from '../Icon/icons/open.icon';\nimport VisuallyHiddenText from '../VisuallyHiddenText';\nimport { useFullscreenContext } from '../Fullscreen';\n\nimport { getLinkTestIds } from './Link.test-ids';\n\nexport interface LinkProps extends BaseProps, TestIdProp {\n  /** Text or content for the Link. */\n  children: ReactNode;\n  /** URL or DOM id to navigate to. */\n  href: string;\n  /**\n   * Controls the styling of the Link.\n   * @default 'link'\n   */\n  variant?: ButtonProps['variant'];\n  /**\n   * Set the Icon prop to `true` if you're using just an Icon in your Link. Make sure to pass an Icon as children if `true`.\n   * @default false\n   */\n  icon?: ButtonProps['icon'];\n  /**\n   * Determines if the Link should render a popover when focused or hovered over.\n   * @default false\n   */\n  previewable?: boolean;\n  /** Callback function that is run when the preview popover is interacted with. */\n  onPreview?: (e: { href: string }) => void;\n  /** Specifies where to open the link href. */\n  target?: string;\n  /** Ref for the wrapping element. */\n  ref?: Ref<HTMLAnchorElement>;\n}\n\nexport const StyledLinkPopover = styled.div<{ preview: boolean }>(\n  ({ theme, preview }) => css`\n    background-color: ${theme.components.tooltip['background-color']};\n    z-index: ${theme.base['z-index'].tooltip};\n\n    ${preview &&\n    css`\n      padding: ${theme.base.spacing};\n    `}\n  `\n);\n\nStyledLinkPopover.defaultProps = defaultThemeProp;\n\nexport const StyledLinkPopoverBtn = styled(BareButton)(({ theme }) => {\n  const contrastColor = tryCatch(() => readableColor(theme.components.tooltip['background-color']));\n  const fontSize = calculateFontSize(theme.base['font-size'], theme.base['font-scale']);\n\n  return css`\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    z-index: 1;\n    padding: 0 ${theme.base.spacing};\n    min-height: 1.5rem;\n    line-height: 1;\n    color: ${contrastColor};\n    font-size: ${fontSize.xs};\n    text-decoration: none;\n\n    /* FIXME: Button selector specificity... */\n    & + & {\n      margin: 0;\n    }\n\n    & + &::before {\n      content: '';\n      position: absolute;\n      inset-inline-start: 0;\n      inset-block: 0;\n      width: 1px; /* stylelint-disable-line unit-allowed-list */\n      background-color: ${contrastColor};\n      opacity: ${theme.base.transparency['transparent-3']};\n    }\n\n    &:hover,\n    &:active {\n      text-decoration: underline;\n    }\n\n    &:focus {\n      box-shadow:\n        inset 0 0 0 0.0625rem ${theme.base.palette.light},\n        0 0 0.125rem 0.0625rem ${theme.base.palette.interactive};\n    }\n  `;\n});\n\nStyledLinkPopoverBtn.defaultProps = defaultThemeProp;\n\nexport const StyledLinkPreviewPopoverBtn = styled(StyledLinkPopoverBtn)(({ theme }) => {\n  return css`\n    width: 100%;\n    padding: unset;\n\n    &:hover,\n    &:active {\n      text-decoration: none;\n      ${StyledText} span {\n        text-decoration: underline;\n      }\n    }\n\n    ${StyledText} {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      width: 100%;\n    }\n\n    ${StyledKeyboard} {\n      color: ${theme.base.palette.light};\n      background-color: ${theme.base.colors.gray.dark};\n      border-color: ${theme.base.colors.gray.medium};\n      inset-block-start: unset;\n\n      &:first-of-type {\n        margin-inline: ${theme.base.spacing};\n      }\n    }\n  `;\n});\n\nStyledLinkPreviewPopoverBtn.defaultProps = defaultThemeProp;\n\nexport const StyledLink = styled(Button)`\n  &:has(> img) {\n    display: inline-block;\n\n    ${StyledIcon} {\n      vertical-align: top;\n    }\n  }\n`;\n\nStyledLink.defaultProps = defaultThemeProp;\n\nregisterIcon(openIcon);\n\n// Extended pattern from DOMPurify below to allow \"about\" scheme\n// https://github.com/cure53/DOMPurify/blob/main/src/regexp.js#L9-L11\nconst isAllowedURI =\n  // cspell:disable-next\n  /^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp|about):|[^a-z]|[a-z+.-]+(?:[^a-z+.\\-:]|$))/i;\n\nconst Link: FunctionComponent<LinkProps & ForwardProps> = forwardRef(function Link(\n  {\n    testId,\n    href: hrefProp,\n    variant = 'link',\n    icon = false,\n    previewable: showPreviewOpenInTabPopoverProp = false,\n    onPreview,\n    target: targetProp,\n    children,\n    ...restProps\n  }: PropsWithoutRef<LinkProps>,\n  ref: LinkProps['ref']\n) {\n  const href = isAllowedURI.test(hrefProp) ? hrefProp : undefined;\n\n  const { initialized: inModal } = useModalContext();\n  const fullscreen = useFullscreenContext();\n  const inFullscreen = !!(fullscreen && fullscreen[0]);\n  const { previewTriggerRef } = useContext(AppShellContext);\n  const uid = useUID();\n  const linkRef = useConsolidatedRef(ref);\n  const [popover, setPopover] = useState(false);\n  const [popoverHideDelay, setPopoverHideDelay] = useState<PopoverProps['hideDelay']>('short');\n  const [previewPopover, setPreviewPopover] = useState(false);\n  const previewBtnRef = useRef<HTMLButtonElement>(null);\n  const isSmallOrAbove = useBreakpoint('sm');\n  const t = useI18n();\n  const { macintosh } = useOS();\n  const contextMenuOpened = useRef(false);\n  const testIds = useTestIds(testId, getLinkTestIds);\n\n  const previewable = showPreviewOpenInTabPopoverProp && !inModal && !inFullscreen;\n\n  let crossOrigin: boolean;\n  try {\n    if (href) {\n      const url = new URL(href, document.location.href);\n      crossOrigin = documentIsAvailable\n        ? /^https?:$/.test(url.protocol) && document.location.origin !== url.origin\n        : false;\n    } else {\n      crossOrigin = false;\n    }\n  } catch {\n    crossOrigin = false;\n  }\n\n  const target = crossOrigin ? '_blank' : targetProp;\n\n  const showPopover = () => {\n    if (isSmallOrAbove && !previewPopover) {\n      setPopover(true);\n    }\n  };\n\n  const showPreviewPopover = () => {\n    if (isSmallOrAbove && !popover && !contextMenuOpened.current) setPreviewPopover(true);\n  };\n\n  const hidePopover = () => {\n    setPopover(false);\n  };\n\n  const hidePreviewPopover = () => {\n    setPreviewPopover(false);\n  };\n\n  const onBlurLink = () => {\n    contextMenuOpened.current = false;\n    hidePreviewPopover();\n  };\n\n  const onPreviewClick = () => {\n    previewTriggerRef.current = linkRef.current;\n    if (href !== undefined) {\n      onPreview?.({ href });\n    }\n  };\n\n  const onKeyUp = (e: KeyboardEvent) => {\n    if (e.getModifierState('Alt') && e.code === 'KeyP') {\n      onPreviewClick();\n    }\n  };\n\n  useEffect(() => {\n    if (popoverHideDelay === 'none' && !popover && !previewPopover) {\n      setPopoverHideDelay('short');\n    }\n  }, [popoverHideDelay, popover, previewPopover]);\n\n  return (\n    <>\n      <StyledLink\n        data-testid={testIds.root}\n        href={href}\n        variant={variant}\n        ref={linkRef as any}\n        target={target}\n        {...restProps}\n        aria-describedby={previewable ? `${uid}-preview-instructions` : undefined}\n        onMouseEnter={\n          showPreviewOpenInTabPopoverProp\n            ? () => {\n                showPopover();\n              }\n            : undefined\n        }\n        onMouseLeave={hidePopover}\n        onFocus={\n          showPreviewOpenInTabPopoverProp\n            ? () => {\n                showPreviewPopover();\n              }\n            : undefined\n        }\n        onBlur={onBlurLink}\n        onKeyUp={onKeyUp}\n        onContextMenu={() => {\n          contextMenuOpened.current = true;\n\n          setPopoverHideDelay('none');\n          setPreviewPopover(false);\n          setPopover(false);\n        }}\n      >\n        {children}\n        {target === '_blank' && <VisuallyHiddenText>{t('opens_in_a_new_tab')}</VisuallyHiddenText>}\n        {!icon && target === '_blank' && <Icon name='open' />}\n      </StyledLink>\n\n      {previewable && (\n        <Popover\n          data-testid={testIds.previewPopover}\n          show={previewPopover}\n          groupId='tooltip'\n          showDelay='short'\n          hideDelay={popoverHideDelay}\n          placement='bottom'\n          target={linkRef.current}\n          as={StyledLinkPopover}\n          arrow\n          preview\n          portal\n          onHide={hidePreviewPopover}\n          onClick={(e: MouseEvent) => {\n            e.stopPropagation();\n          }}\n        >\n          <StyledLinkPreviewPopoverBtn\n            data-testid={testIds.preview}\n            preview\n            type='button'\n            ref={previewBtnRef}\n            onClick={onPreviewClick}\n            tabIndex='-1'\n          >\n            <Text>\n              <span>{t('preview')}</span>\n              <Flex container={{ inline: true, justify: 'end' }}>\n                <Keyboard keyName='Alt' />\n                <Keyboard keyName='P' />\n              </Flex>\n            </Text>\n          </StyledLinkPreviewPopoverBtn>\n        </Popover>\n      )}\n\n      <Popover\n        data-testid={testIds.previewPopover}\n        show={popover}\n        groupId='tooltip'\n        showDelay='short'\n        hideDelay={popoverHideDelay}\n        placement='bottom'\n        target={linkRef.current}\n        onMouseEnter={showPopover}\n        onMouseLeave={hidePopover}\n        as={StyledLinkPopover}\n        arrow\n        portal\n        onClick={(e: MouseEvent) => {\n          e.stopPropagation();\n        }}\n      >\n        {previewable && (\n          <StyledLinkPopoverBtn\n            data-testid={testIds.preview}\n            preview\n            type='button'\n            ref={previewBtnRef}\n            onClick={onPreviewClick}\n            tabIndex='-1'\n          >\n            {t('preview')}\n          </StyledLinkPopoverBtn>\n        )}\n        <StyledLinkPopoverBtn\n          data-testid={testIds.newTab}\n          forwardedAs='a'\n          href={href}\n          target='_blank'\n          rel='noreferrer'\n          tabIndex='-1'\n        >\n          {t('link_open_in_tab_text')}\n        </StyledLinkPopoverBtn>\n      </Popover>\n\n      {previewable && (\n        <span id={`${uid}-preview-instructions`} hidden>\n          {t('preview_link_instruction', [macintosh ? 'option' : 'alt'])}\n        </span>\n      )}\n    </>\n  );\n});\n\nexport default withTestIds(Link, getLinkTestIds);\n"]}
+{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../../src/components/Link/Link.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, useState, useRef, useContext, useEffect } from 'react';\nimport type { ReactNode, Ref, PropsWithoutRef, KeyboardEvent, MouseEvent } from 'react';\nimport styled, { css } from 'styled-components';\nimport type { VirtualElement } from '@popperjs/core';\n\nimport Button from '../Button';\nimport type { ButtonProps } from '../Button';\nimport Popover from '../Popover';\nimport type { PopoverProps } from '../Popover';\nimport BareButton from '../Button/BareButton';\nimport type { BaseProps, ForwardRefForwardPropsComponent, TestIdProp } from '../../types';\nimport { defaultThemeProp } from '../../theme';\nimport {\n  useBreakpoint,\n  useConsolidatedRef,\n  useI18n,\n  useUID,\n  useModalContext,\n  useOS,\n  useTestIds\n} from '../../hooks';\nimport { documentIsAvailable, tryCatch, withTestIds, disallowedURI } from '../../utils';\nimport { calculateFontSize, readableColor } from '../../styles';\nimport AppShellContext from '../AppShell/AppShellContext';\nimport { Keyboard } from '../Badges';\nimport Text, { StyledText } from '../Text';\nimport { StyledKeyboard } from '../Badges/Keyboard';\nimport Flex from '../Flex';\nimport Icon, { StyledIcon, registerIcon } from '../Icon';\nimport * as openIcon from '../Icon/icons/open.icon';\nimport VisuallyHiddenText from '../VisuallyHiddenText';\nimport { useFullscreenContext } from '../Fullscreen';\n\nimport { getLinkTestIds } from './Link.test-ids';\n\nexport interface LinkProps extends BaseProps, TestIdProp {\n  /** Text or content for the Link. */\n  children: ReactNode;\n  /** URL or DOM id to navigate to. */\n  href: string;\n  /**\n   * Controls the styling of the Link.\n   * @default 'link'\n   */\n  variant?: ButtonProps['variant'];\n  /**\n   * Set the Icon prop to `true` if you're using just an Icon in your Link. Make sure to pass an Icon as children if `true`.\n   * @default false\n   */\n  icon?: ButtonProps['icon'];\n  /**\n   * Determines if the Link should render a popover when focused or hovered over.\n   * @default false\n   */\n  previewable?: boolean;\n  /** Callback function that is run when the preview popover is interacted with. */\n  onPreview?: (e: { href: string }) => void;\n  /** Specifies where to open the link href. */\n  target?: string;\n  /** Ref for the wrapping element. */\n  ref?: Ref<HTMLAnchorElement>;\n}\n\nexport const StyledLinkPopover = styled.div<{ preview: boolean }>(\n  ({ theme, preview }) => css`\n    background-color: ${theme.components.tooltip['background-color']};\n    z-index: ${theme.base['z-index'].tooltip};\n\n    ${preview &&\n    css`\n      padding: ${theme.base.spacing};\n    `}\n  `\n);\n\nStyledLinkPopover.defaultProps = defaultThemeProp;\n\nexport const StyledLinkPopoverBtn = styled(BareButton)(({ theme }) => {\n  const contrastColor = tryCatch(() => readableColor(theme.components.tooltip['background-color']));\n  const fontSize = calculateFontSize(theme.base['font-size'], theme.base['font-scale']);\n\n  return css`\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    z-index: 1;\n    padding: 0 ${theme.base.spacing};\n    min-height: 1.5rem;\n    line-height: 1;\n    color: ${contrastColor};\n    font-size: ${fontSize.xs};\n    text-decoration: none;\n\n    /* FIXME: Button selector specificity... */\n    & + & {\n      margin: 0;\n    }\n\n    & + &::before {\n      content: '';\n      position: absolute;\n      inset-inline-start: 0;\n      inset-block: 0;\n      width: 1px; /* stylelint-disable-line unit-allowed-list */\n      background-color: ${contrastColor};\n      opacity: ${theme.base.transparency['transparent-3']};\n    }\n\n    &:hover,\n    &:active {\n      text-decoration: underline;\n    }\n\n    &:focus {\n      box-shadow:\n        inset 0 0 0 0.0625rem ${theme.base.palette.light},\n        0 0 0.125rem 0.0625rem ${theme.base.palette.interactive};\n    }\n  `;\n});\n\nStyledLinkPopoverBtn.defaultProps = defaultThemeProp;\n\nexport const StyledLinkPreviewPopoverBtn = styled(StyledLinkPopoverBtn)(({ theme }) => {\n  return css`\n    width: 100%;\n    padding: unset;\n\n    &:hover,\n    &:active {\n      text-decoration: none;\n      ${StyledText} span {\n        text-decoration: underline;\n      }\n    }\n\n    ${StyledText} {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      width: 100%;\n    }\n\n    ${StyledKeyboard} {\n      color: ${theme.base.palette.light};\n      background-color: ${theme.base.colors.gray.dark};\n      border-color: ${theme.base.colors.gray.medium};\n      inset-block-start: unset;\n\n      &:first-of-type {\n        margin-inline: ${theme.base.spacing};\n      }\n    }\n  `;\n});\n\nStyledLinkPreviewPopoverBtn.defaultProps = defaultThemeProp;\n\nexport const StyledLink = styled(Button)`\n  &:has(> img) {\n    display: inline-block;\n\n    ${StyledIcon} {\n      vertical-align: top;\n    }\n  }\n`;\n\nStyledLink.defaultProps = defaultThemeProp;\n\nregisterIcon(openIcon);\n\nconst Link: ForwardRefForwardPropsComponent<LinkProps> = forwardRef(function Link(\n  {\n    testId,\n    href: hrefProp,\n    variant = 'link',\n    icon = false,\n    previewable: showPreviewOpenInTabPopoverProp = false,\n    onPreview,\n    target: targetProp,\n    children,\n    ...restProps\n  }: PropsWithoutRef<LinkProps>,\n  ref: LinkProps['ref']\n) {\n  const href = disallowedURI.test(hrefProp) ? undefined : hrefProp;\n\n  const { initialized: inModal } = useModalContext();\n  const fullscreen = useFullscreenContext();\n  const inFullscreen = !!(fullscreen && fullscreen[0]);\n  const { previewTriggerRef } = useContext(AppShellContext);\n  const uid = useUID();\n  const linkRef = useConsolidatedRef(ref);\n  const [popover, setPopover] = useState(false);\n  const [popoverHideDelay, setPopoverHideDelay] = useState<PopoverProps['hideDelay']>('short');\n  const [previewPopover, setPreviewPopover] = useState(false);\n  const previewBtnRef = useRef<HTMLButtonElement>(null);\n  const isSmallOrAbove = useBreakpoint('sm');\n  const t = useI18n();\n  const { macintosh } = useOS();\n  const contextMenuOpened = useRef(false);\n  const testIds = useTestIds(testId, getLinkTestIds);\n\n  const mousePositionRef = useRef<{ x: number; y: number }>({ x: 0, y: 0 });\n  const virtualElementCoordsRef = useRef<{ x: number; y: number }>({ x: 0, y: 0 });\n  const virtualElementRef = useRef<VirtualElement>({\n    contextElement: linkRef.current ?? undefined,\n    getBoundingClientRect: () => {\n      return {\n        width: 0,\n        height: 0,\n        top: virtualElementCoordsRef.current.y,\n        bottom: virtualElementCoordsRef.current.y,\n        left: virtualElementCoordsRef.current.x,\n        right: virtualElementCoordsRef.current.x,\n        x: virtualElementCoordsRef.current.x,\n        y: virtualElementCoordsRef.current.y,\n        toJSON() {\n          return JSON.stringify(this);\n        }\n      };\n    }\n  });\n\n  const previewable = showPreviewOpenInTabPopoverProp && !inModal && !inFullscreen;\n\n  let crossOrigin: boolean;\n  try {\n    if (href) {\n      const url = new URL(href, document.location.href);\n      crossOrigin = documentIsAvailable\n        ? /^https?:$/.test(url.protocol) && document.location.origin !== url.origin\n        : false;\n    } else {\n      crossOrigin = false;\n    }\n  } catch {\n    crossOrigin = false;\n  }\n\n  const target = crossOrigin ? '_blank' : targetProp;\n\n  const showPopover = () => {\n    if (isSmallOrAbove && !previewPopover) {\n      setPopover(true);\n    }\n  };\n\n  const showPreviewPopover = () => {\n    if (isSmallOrAbove && !popover && !contextMenuOpened.current) setPreviewPopover(true);\n  };\n\n  const hidePopover = () => {\n    setPopover(false);\n  };\n\n  const hidePreviewPopover = () => {\n    setPreviewPopover(false);\n  };\n\n  const onBlurLink = () => {\n    contextMenuOpened.current = false;\n    hidePreviewPopover();\n  };\n\n  const onPreviewClick = () => {\n    previewTriggerRef.current = linkRef.current;\n    if (href !== undefined) {\n      onPreview?.({ href });\n    }\n  };\n\n  const onKeyUp = (e: KeyboardEvent) => {\n    if (e.getModifierState('Alt') && e.code === 'KeyP') {\n      onPreviewClick();\n    }\n  };\n\n  useEffect(() => {\n    if (popoverHideDelay === 'none' && !popover && !previewPopover) {\n      setPopoverHideDelay('short');\n    }\n  }, [popoverHideDelay, popover, previewPopover]);\n\n  return (\n    <>\n      <StyledLink\n        data-testid={testIds.root}\n        href={href}\n        variant={variant}\n        ref={linkRef}\n        target={target}\n        {...restProps}\n        aria-describedby={previewable ? `${uid}-preview-instructions` : undefined}\n        onMouseEnter={\n          showPreviewOpenInTabPopoverProp\n            ? (e: MouseEvent) => {\n                mousePositionRef.current = { x: e.clientX, y: e.clientY };\n                showPopover();\n              }\n            : undefined\n        }\n        onMouseLeave={hidePopover}\n        onMouseMove={(e: MouseEvent) => {\n          mousePositionRef.current = { x: e.clientX, y: e.clientY };\n        }}\n        onFocus={\n          showPreviewOpenInTabPopoverProp\n            ? () => {\n                showPreviewPopover();\n              }\n            : undefined\n        }\n        onBlur={onBlurLink}\n        onKeyUp={onKeyUp}\n        onContextMenu={() => {\n          contextMenuOpened.current = true;\n\n          setPopoverHideDelay('none');\n          hidePreviewPopover();\n          hidePopover();\n        }}\n      >\n        {children}\n        {target === '_blank' && <VisuallyHiddenText>{t('opens_in_a_new_tab')}</VisuallyHiddenText>}\n        {!icon && target === '_blank' && <Icon name='open' />}\n      </StyledLink>\n\n      {previewable && (\n        <Popover\n          data-testid={testIds.previewPopover}\n          show={previewPopover}\n          groupId='tooltip'\n          showDelay='short'\n          hideDelay={popoverHideDelay}\n          target={linkRef.current}\n          as={StyledLinkPopover}\n          arrow\n          preview\n          portal\n          onHide={hidePreviewPopover}\n          onClick={(e: MouseEvent) => {\n            e.stopPropagation();\n          }}\n        >\n          <StyledLinkPreviewPopoverBtn\n            data-testid={testIds.preview}\n            preview\n            type='button'\n            ref={previewBtnRef}\n            onClick={onPreviewClick}\n            tabIndex='-1'\n          >\n            <Text>\n              <span>{t('preview')}</span>\n              <Flex container={{ inline: true, justify: 'end' }}>\n                <Keyboard keyName='Alt' />\n                <Keyboard keyName='P' />\n              </Flex>\n            </Text>\n          </StyledLinkPreviewPopoverBtn>\n        </Popover>\n      )}\n\n      <Popover\n        data-testid={testIds.previewPopover}\n        show={popover}\n        groupId='tooltip'\n        showDelay='short'\n        hideDelay={popoverHideDelay}\n        target={virtualElementRef.current}\n        onMouseEnter={showPopover}\n        onMouseLeave={hidePopover}\n        as={StyledLinkPopover}\n        arrow\n        portal\n        onClick={(e: MouseEvent) => {\n          e.stopPropagation();\n        }}\n        onShow={() => {\n          const clientRects = linkRef.current?.getClientRects() ?? [];\n          const { x: mouseX, y: mouseY } = mousePositionRef.current;\n          const containingRect = Array.from(clientRects).find(\n            // Assumes the rects are returned in order of appearance (left to right, top down) and don't overlap\n            rect => mouseY < rect.bottom && mouseX < rect.right\n          );\n          if (containingRect) {\n            virtualElementCoordsRef.current = {\n              x: mouseX,\n              y: containingRect.bottom\n            };\n          }\n        }}\n      >\n        {previewable && (\n          <StyledLinkPopoverBtn\n            data-testid={testIds.preview}\n            preview\n            type='button'\n            ref={previewBtnRef}\n            onClick={onPreviewClick}\n            tabIndex='-1'\n          >\n            {t('preview')}\n          </StyledLinkPopoverBtn>\n        )}\n        <StyledLinkPopoverBtn\n          data-testid={testIds.newTab}\n          forwardedAs='a'\n          href={href}\n          target='_blank'\n          rel='noreferrer'\n          tabIndex='-1'\n        >\n          {t('link_open_in_tab_text')}\n        </StyledLinkPopoverBtn>\n      </Popover>\n\n      {previewable && (\n        <span id={`${uid}-preview-instructions`} hidden>\n          {t('preview_link_instruction', [macintosh ? 'option' : 'alt'])}\n        </span>\n      )}\n    </>\n  );\n});\n\nexport default withTestIds(Link, getLinkTestIds);\n"]}

package/lib/components/Link/Link.test-ids.d.ts

@@ -1,2 +1,2 @@
-export declare const getLinkTestIds: (testIdProp?: string | null | undefined) => import("../..").TestIdsRecord<readonly ["preview-popover", "preview", "new-tab"]>;
+export declare const getLinkTestIds: (testIdProp?: import("../..").TestIdProp["testId"]) => import("../..").TestIdsRecord<readonly ["preview-popover", "preview", "new-tab"]>;
 //# sourceMappingURL=Link.test-ids.d.ts.map

package/lib/components/Link/Link.test-ids.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Link.test-ids.d.ts","sourceRoot":"","sources":["../../../src/components/Link/Link.test-ids.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,+HAIhB,CAAC"}
+{"version":3,"file":"Link.test-ids.d.ts","sourceRoot":"","sources":["../../../src/components/Link/Link.test-ids.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,0IAIhB,CAAC"}

package/lib/components/List/CommaSeparatedList.d.ts

@@ -1,5 +1,5 @@
-import type { FunctionComponent, ReactNode, Ref } from 'react';
-import type { BaseProps, ForwardProps } from '../../types';
+import type { ReactNode, Ref } from 'react';
+import type { BaseProps, ForwardRefForwardPropsComponent } from '../../types';
 export interface CommaSeparatedListProps extends BaseProps {
     /** List content. */
     items: ReactNode[];
@@ -10,6 +10,6 @@ export interface CommaSeparatedListProps extends BaseProps {
 }
 export declare const StyledCommaSeparatedList: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledCommaSeparatedListItem: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {}, never>;
-declare const CommaSeparatedList: FunctionComponent<CommaSeparatedListProps & ForwardProps>;
+declare const CommaSeparatedList: ForwardRefForwardPropsComponent<CommaSeparatedListProps>;
 export default CommaSeparatedList;
 //# sourceMappingURL=CommaSeparatedList.d.ts.map

package/lib/components/List/CommaSeparatedList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CommaSeparatedList.d.ts","sourceRoot":"","sources":["../../../src/components/List/CommaSeparatedList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAmB,GAAG,EAAE,MAAM,OAAO,CAAC;AAGhF,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAK3D,MAAM,WAAW,uBAAwB,SAAQ,SAAS;IACxD,oBAAoB;IACpB,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,6CAA6C;IAC7C,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;AAED,eAAO,MAAM,wBAAwB,yGAAe,CAAC;AAErD,eAAO,MAAM,4BAA4B,wGAMxC,CAAC;AAEF,QAAA,MAAM,kBAAkB,EAAE,iBAAiB,CAAC,uBAAuB,GAAG,YAAY,CAyBjF,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"CommaSeparatedList.d.ts","sourceRoot":"","sources":["../../../src/components/List/CommaSeparatedList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAmB,GAAG,EAAE,MAAM,OAAO,CAAC;AAG7D,OAAO,KAAK,EAAE,SAAS,EAAE,+BAA+B,EAAE,MAAM,aAAa,CAAC;AAK9E,MAAM,WAAW,uBAAwB,SAAQ,SAAS;IACxD,oBAAoB;IACpB,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,6CAA6C;IAC7C,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;AAED,eAAO,MAAM,wBAAwB,yGAAe,CAAC;AAErD,eAAO,MAAM,4BAA4B,wGAMxC,CAAC;AAEF,QAAA,MAAM,kBAAkB,EAAE,+BAA+B,CAAC,uBAAuB,CAyBhF,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/lib/components/List/CommaSeparatedList.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommaSeparatedList.js","sourceRoot":"","sources":["../../../src/components/List/CommaSeparatedList.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAGvC,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAW3C,MAAM,CAAC,MAAM,wBAAwB,GAAG,MAAM,CAAC,GAAG,CAAA,EAAE,CAAC;AAErD,MAAM,CAAC,MAAM,4BAA4B,GAAG,MAAM,CAAC,EAAE,CAAA;;;;;;CAMpD,CAAC;AAEF,MAAM,kBAAkB,GAA8D,UAAU,CAC9F,SAAS,kBAAkB,CACzB,EAAE,KAAK,EAAE,OAAO,EAA4C,EAC5D,GAAmC;IAEnC,OAAO,CACL,MAAC,IAAI,IACH,SAAS,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,EAAE,EACxD,EAAE,EAAE,wBAAwB,EAC5B,GAAG,EAAE,GAAG,aAEP,OAAO,IAAI,KAAC,IAAI,IAAC,OAAO,EAAC,IAAI,YAAE,OAAO,GAAQ,EAC/C,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,YACtE,KAAC,YAAY,IAAC,KAAK,EAAE,CAAC,YACpB,uBACG,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC;wBACvB,oDAAoD;wBACpD,KAAC,4BAA4B,cAAU,KAAK,IAAT,CAAC,CAAwC,CAC7E,CAAC,GACC,GACQ,GACV,IACF,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,kBAAkB,CAAC","sourcesContent":["import { forwardRef } from 'react';\nimport type { FunctionComponent, ReactNode, PropsWithoutRef, Ref } from 'react';\nimport styled from 'styled-components';\n\nimport type { BaseProps, ForwardProps } from '../../types';\nimport Text from '../Text';\nimport Flex from '../Flex';\nimport ShowMoreLess from '../ShowMoreLess';\n\nexport interface CommaSeparatedListProps extends BaseProps {\n  /** List content. */\n  items: ReactNode[];\n  /** List Heading. */\n  heading?: string;\n  /** Ref forwarded to the wrapping element. */\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport const StyledCommaSeparatedList = styled.div``;\n\nexport const StyledCommaSeparatedListItem = styled.li`\n  display: inline;\n\n  &:not(:last-child)::after {\n    content: ', ';\n  }\n`;\n\nconst CommaSeparatedList: FunctionComponent<CommaSeparatedListProps & ForwardProps> = forwardRef(\n  function CommaSeparatedList(\n    { items, heading }: PropsWithoutRef<CommaSeparatedListProps>,\n    ref: CommaSeparatedListProps['ref']\n  ) {\n    return (\n      <Flex\n        container={{ direction: 'column', wrap: 'wrap', gap: 2 }}\n        as={StyledCommaSeparatedList}\n        ref={ref}\n      >\n        {heading && <Text variant='h3'>{heading}</Text>}\n        <Flex container={{ direction: 'column', alignItems: 'start', gap: 0.25 }}>\n          <ShowMoreLess lines={3}>\n            <ul>\n              {items.map((value, i) => (\n                // eslint-disable-next-line react/no-array-index-key\n                <StyledCommaSeparatedListItem key={i}>{value}</StyledCommaSeparatedListItem>\n              ))}\n            </ul>\n          </ShowMoreLess>\n        </Flex>\n      </Flex>\n    );\n  }\n);\n\nexport default CommaSeparatedList;\n"]}
+{"version":3,"file":"CommaSeparatedList.js","sourceRoot":"","sources":["../../../src/components/List/CommaSeparatedList.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAGvC,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAW3C,MAAM,CAAC,MAAM,wBAAwB,GAAG,MAAM,CAAC,GAAG,CAAA,EAAE,CAAC;AAErD,MAAM,CAAC,MAAM,4BAA4B,GAAG,MAAM,CAAC,EAAE,CAAA;;;;;;CAMpD,CAAC;AAEF,MAAM,kBAAkB,GAA6D,UAAU,CAC7F,SAAS,kBAAkB,CACzB,EAAE,KAAK,EAAE,OAAO,EAA4C,EAC5D,GAAmC;IAEnC,OAAO,CACL,MAAC,IAAI,IACH,SAAS,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,EAAE,EACxD,EAAE,EAAE,wBAAwB,EAC5B,GAAG,EAAE,GAAG,aAEP,OAAO,IAAI,KAAC,IAAI,IAAC,OAAO,EAAC,IAAI,YAAE,OAAO,GAAQ,EAC/C,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,YACtE,KAAC,YAAY,IAAC,KAAK,EAAE,CAAC,YACpB,uBACG,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC;wBACvB,oDAAoD;wBACpD,KAAC,4BAA4B,cAAU,KAAK,IAAT,CAAC,CAAwC,CAC7E,CAAC,GACC,GACQ,GACV,IACF,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,kBAAkB,CAAC","sourcesContent":["import { forwardRef } from 'react';\nimport type { ReactNode, PropsWithoutRef, Ref } from 'react';\nimport styled from 'styled-components';\n\nimport type { BaseProps, ForwardRefForwardPropsComponent } from '../../types';\nimport Text from '../Text';\nimport Flex from '../Flex';\nimport ShowMoreLess from '../ShowMoreLess';\n\nexport interface CommaSeparatedListProps extends BaseProps {\n  /** List content. */\n  items: ReactNode[];\n  /** List Heading. */\n  heading?: string;\n  /** Ref forwarded to the wrapping element. */\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport const StyledCommaSeparatedList = styled.div``;\n\nexport const StyledCommaSeparatedListItem = styled.li`\n  display: inline;\n\n  &:not(:last-child)::after {\n    content: ', ';\n  }\n`;\n\nconst CommaSeparatedList: ForwardRefForwardPropsComponent<CommaSeparatedListProps> = forwardRef(\n  function CommaSeparatedList(\n    { items, heading }: PropsWithoutRef<CommaSeparatedListProps>,\n    ref: CommaSeparatedListProps['ref']\n  ) {\n    return (\n      <Flex\n        container={{ direction: 'column', wrap: 'wrap', gap: 2 }}\n        as={StyledCommaSeparatedList}\n        ref={ref}\n      >\n        {heading && <Text variant='h3'>{heading}</Text>}\n        <Flex container={{ direction: 'column', alignItems: 'start', gap: 0.25 }}>\n          <ShowMoreLess lines={3}>\n            <ul>\n              {items.map((value, i) => (\n                // eslint-disable-next-line react/no-array-index-key\n                <StyledCommaSeparatedListItem key={i}>{value}</StyledCommaSeparatedListItem>\n              ))}\n            </ul>\n          </ShowMoreLess>\n        </Flex>\n      </Flex>\n    );\n  }\n);\n\nexport default CommaSeparatedList;\n"]}

package/lib/components/List/List.d.ts

@@ -1,5 +1,5 @@
-import type { FunctionComponent, ReactNode, Ref } from 'react';
-import type { BaseProps, ForwardProps, NoChildrenProp } from '../../types';
+import type { ReactNode, Ref } from 'react';
+import type { BaseProps, ForwardRefForwardPropsComponent, NoChildrenProp } from '../../types';
 export interface ListProps extends BaseProps, NoChildrenProp {
     /** List content. */
     items: ReactNode[];
@@ -25,6 +25,6 @@ export declare const StyledList: import("styled-components").StyledComponent<"di
     listType: (typeof olTypes)[number] | (typeof ulTypes)[number];
 }, never>;
 export declare const StyledSublistItem: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {}, never>;
-declare const List: FunctionComponent<VisualListProps & ForwardProps>;
+declare const List: ForwardRefForwardPropsComponent<VisualListProps>;
 export default List;
 //# sourceMappingURL=List.d.ts.map

package/lib/components/List/List.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAmB,GAAG,EAAE,MAAM,OAAO,CAAC;AAGhF,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAO3E,MAAM,WAAW,SAAU,SAAQ,SAAS,EAAE,cAAc;IAC1D,oBAAoB;IACpB,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,6CAA6C;IAC7C,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;AAED,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,oBAAoB;IACpB,OAAO,EAAE,SAAS,GAAG,WAAW,CAAC;IACjC,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,OAAO,oDAAqD,CAAC;AACnE,QAAA,MAAM,OAAO,uCAAwC,CAAC;AAEtD,eAAO,MAAM,UAAU;WACd,MAAM;cACH,CAAC,cAAc,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC,MAAM,CAAC;SA0C7D,CAAC;AAIH,eAAO,MAAM,iBAAiB,wGAE7B,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,iBAAiB,CAAC,eAAe,GAAG,YAAY,CAyC1D,CAAC;AAEH,eAAe,IAAI,CAAC"}
+{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAmB,GAAG,EAAE,MAAM,OAAO,CAAC;AAG7D,OAAO,KAAK,EAAE,SAAS,EAAE,+BAA+B,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAO9F,MAAM,WAAW,SAAU,SAAQ,SAAS,EAAE,cAAc;IAC1D,oBAAoB;IACpB,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,6CAA6C;IAC7C,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;AAED,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,oBAAoB;IACpB,OAAO,EAAE,SAAS,GAAG,WAAW,CAAC;IACjC,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,OAAO,oDAAqD,CAAC;AACnE,QAAA,MAAM,OAAO,uCAAwC,CAAC;AAEtD,eAAO,MAAM,UAAU;WACd,MAAM;cACH,CAAC,OAAO,OAAO,EAAE,MAAM,CAAC,GAAG,CAAC,OAAO,OAAO,EAAE,MAAM,CAAC;SA0C7D,CAAC;AAIH,eAAO,MAAM,iBAAiB,wGAE7B,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,+BAA+B,CAAC,eAAe,CAyCzD,CAAC;AAEH,eAAe,IAAI,CAAC"}

package/lib/components/List/List.js.map

@@ -1 +1 @@
-{"version":3,"file":"List.js","sourceRoot":"","sources":["../../../src/components/List/List.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef } from 'react';\nimport type { FunctionComponent, ReactNode, PropsWithoutRef, Ref } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport type { BaseProps, ForwardProps, NoChildrenProp } from '../../types';\nimport { defaultThemeProp } from '../../theme';\nimport { calculateFontSize } from '../../styles';\nimport Button from '../Button';\nimport Text from '../Text';\nimport { useI18n } from '../../hooks';\n\nexport interface ListProps extends BaseProps, NoChildrenProp {\n  /** List content. */\n  items: ReactNode[];\n  /** List Heading. */\n  heading?: string;\n  /** Number of list items that need to be shown. */\n  count?: number;\n  /** Callback to display more/less items. */\n  onToggleShow?: () => void;\n  /** Ref forwarded to the wrapping element. */\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport interface VisualListProps extends ListProps {\n  /** Type of list. */\n  variant: 'ordered' | 'unordered';\n  /** Depth of list (used for recursion). */\n  depth?: number;\n}\n\nconst olTypes = ['decimal', 'lower-alpha', 'lower-roman'] as const;\nconst ulTypes = ['disc', 'circle', 'square'] as const;\n\nexport const StyledList = styled.div<{\n  depth: number;\n  listType: (typeof olTypes)[number] | (typeof ulTypes)[number];\n}>(({ theme, depth, listType }) => {\n  const fontSize = calculateFontSize(theme.base['font-size'], theme.base['font-scale']);\n\n  return css`\n    padding-inline-start: calc(2 * ${theme.base.spacing});\n\n    h3 {\n      margin-block-end: calc(2 * ${theme.base.spacing});\n    }\n\n    & > ol,\n    & > ul {\n      list-style-type: ${listType};\n\n      & > li {\n        &:not(:last-child) {\n          margin-block-end: calc(0.5 * ${theme.base.spacing});\n        }\n\n        ${depth > 0\n          ? css`\n              font-size: ${fontSize.xs};\n            `\n          : css`\n              &::marker {\n                font-weight: ${theme.base['font-weight'].bold};\n              }\n            `}\n      }\n\n      ${depth === 0 &&\n      css`\n        padding-inline-start: calc(2 * ${theme.base.spacing});\n      `}\n    }\n\n    & & > ol,\n    & & > ul {\n      padding-inline-start: 0;\n    }\n  `;\n});\n\nStyledList.defaultProps = defaultThemeProp;\n\nexport const StyledSublistItem = styled.li`\n  list-style: none;\n`;\n\nconst List: FunctionComponent<VisualListProps & ForwardProps> = forwardRef(function ListFunction(\n  {\n    items,\n    variant,\n    count,\n    onToggleShow,\n    depth = 0,\n    heading,\n    ...restProps\n  }: PropsWithoutRef<VisualListProps>,\n  ref: VisualListProps['ref']\n) {\n  const t = useI18n();\n  const listContent = items.map((value, idx) =>\n    Array.isArray(value) ? (\n      // eslint-disable-next-line react/no-array-index-key\n      <StyledSublistItem key={idx}>\n        <List depth={depth + 1} variant={variant} items={value} />\n      </StyledSublistItem>\n    ) : (\n      // eslint-disable-next-line react/no-array-index-key\n      <li key={idx}>{value}</li>\n    )\n  );\n\n  return (\n    <StyledList\n      {...restProps}\n      ref={ref}\n      depth={depth}\n      listType={(variant === 'ordered' ? olTypes : ulTypes)[depth % 3]}\n    >\n      {heading && <Text variant='h3'>{heading}</Text>}\n      {variant === 'ordered' ? <ol>{listContent}</ol> : <ul>{listContent}</ul>}\n      {count && onToggleShow && (\n        <Button variant='link' onClick={onToggleShow}>\n          {count > items.flat().length ? t('show_more') : t('show_less')}\n        </Button>\n      )}\n    </StyledList>\n  );\n});\n\nexport default List;\n"]}
+{"version":3,"file":"List.js","sourceRoot":"","sources":["../../../src/components/List/List.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef } from 'react';\nimport type { ReactNode, PropsWithoutRef, Ref } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport type { BaseProps, ForwardRefForwardPropsComponent, NoChildrenProp } from '../../types';\nimport { defaultThemeProp } from '../../theme';\nimport { calculateFontSize } from '../../styles';\nimport Button from '../Button';\nimport Text from '../Text';\nimport { useI18n } from '../../hooks';\n\nexport interface ListProps extends BaseProps, NoChildrenProp {\n  /** List content. */\n  items: ReactNode[];\n  /** List Heading. */\n  heading?: string;\n  /** Number of list items that need to be shown. */\n  count?: number;\n  /** Callback to display more/less items. */\n  onToggleShow?: () => void;\n  /** Ref forwarded to the wrapping element. */\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport interface VisualListProps extends ListProps {\n  /** Type of list. */\n  variant: 'ordered' | 'unordered';\n  /** Depth of list (used for recursion). */\n  depth?: number;\n}\n\nconst olTypes = ['decimal', 'lower-alpha', 'lower-roman'] as const;\nconst ulTypes = ['disc', 'circle', 'square'] as const;\n\nexport const StyledList = styled.div<{\n  depth: number;\n  listType: (typeof olTypes)[number] | (typeof ulTypes)[number];\n}>(({ theme, depth, listType }) => {\n  const fontSize = calculateFontSize(theme.base['font-size'], theme.base['font-scale']);\n\n  return css`\n    padding-inline-start: calc(2 * ${theme.base.spacing});\n\n    h3 {\n      margin-block-end: calc(2 * ${theme.base.spacing});\n    }\n\n    & > ol,\n    & > ul {\n      list-style-type: ${listType};\n\n      & > li {\n        &:not(:last-child) {\n          margin-block-end: calc(0.5 * ${theme.base.spacing});\n        }\n\n        ${depth > 0\n          ? css`\n              font-size: ${fontSize.xs};\n            `\n          : css`\n              &::marker {\n                font-weight: ${theme.base['font-weight'].bold};\n              }\n            `}\n      }\n\n      ${depth === 0 &&\n      css`\n        padding-inline-start: calc(2 * ${theme.base.spacing});\n      `}\n    }\n\n    & & > ol,\n    & & > ul {\n      padding-inline-start: 0;\n    }\n  `;\n});\n\nStyledList.defaultProps = defaultThemeProp;\n\nexport const StyledSublistItem = styled.li`\n  list-style: none;\n`;\n\nconst List: ForwardRefForwardPropsComponent<VisualListProps> = forwardRef(function ListFunction(\n  {\n    items,\n    variant,\n    count,\n    onToggleShow,\n    depth = 0,\n    heading,\n    ...restProps\n  }: PropsWithoutRef<VisualListProps>,\n  ref: VisualListProps['ref']\n) {\n  const t = useI18n();\n  const listContent = items.map((value, idx) =>\n    Array.isArray(value) ? (\n      // eslint-disable-next-line react/no-array-index-key\n      <StyledSublistItem key={idx}>\n        <List depth={depth + 1} variant={variant} items={value} />\n      </StyledSublistItem>\n    ) : (\n      // eslint-disable-next-line react/no-array-index-key\n      <li key={idx}>{value}</li>\n    )\n  );\n\n  return (\n    <StyledList\n      {...restProps}\n      ref={ref}\n      depth={depth}\n      listType={(variant === 'ordered' ? olTypes : ulTypes)[depth % 3]}\n    >\n      {heading && <Text variant='h3'>{heading}</Text>}\n      {variant === 'ordered' ? <ol>{listContent}</ol> : <ul>{listContent}</ul>}\n      {count && onToggleShow && (\n        <Button variant='link' onClick={onToggleShow}>\n          {count > items.flat().length ? t('show_more') : t('show_less')}\n        </Button>\n      )}\n    </StyledList>\n  );\n});\n\nexport default List;\n"]}

package/lib/components/List/OrderedList.d.ts

@@ -1,6 +1,5 @@
-import type { FC } from 'react';
-import type { ForwardProps } from '../../types';
+import type { ForwardRefForwardPropsComponent } from '../../types';
 import type { ListProps } from './List';
-declare const OrderedList: FC<ListProps & ForwardProps>;
+declare const OrderedList: ForwardRefForwardPropsComponent<ListProps>;
 export default OrderedList;
 //# sourceMappingURL=OrderedList.d.ts.map

package/lib/components/List/OrderedList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OrderedList.d.ts","sourceRoot":"","sources":["../../../src/components/List/OrderedList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAGhD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAExC,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC,SAAS,GAAG,YAAY,CAK5C,CAAC;AAEH,eAAe,WAAW,CAAC"}
+{"version":3,"file":"OrderedList.d.ts","sourceRoot":"","sources":["../../../src/components/List/OrderedList.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,aAAa,CAAC;AAGnE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAExC,QAAA,MAAM,WAAW,EAAE,+BAA+B,CAAC,SAAS,CAK1D,CAAC;AAEH,eAAe,WAAW,CAAC"}

package/lib/components/List/OrderedList.js.map

@@ -1 +1 @@
-{"version":3,"file":"OrderedList.js","sourceRoot":"","sources":["../../../src/components/List/OrderedList.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAKnC,OAAO,IAAI,MAAM,QAAQ,CAAC;AAG1B,MAAM,WAAW,GAAiC,UAAU,CAAC,SAAS,WAAW,CAC/E,KAAgB,EAChB,GAAqB;IAErB,OAAO,KAAC,IAAI,OAAK,KAAK,EAAE,OAAO,EAAC,SAAS,EAAC,GAAG,EAAE,GAAG,GAAI,CAAC;AACzD,CAAC,CAAC,CAAC;AAEH,eAAe,WAAW,CAAC","sourcesContent":["import { forwardRef } from 'react';\nimport type { FC } from 'react';\n\nimport type { ForwardProps } from '../../types';\n\nimport List from './List';\nimport type { ListProps } from './List';\n\nconst OrderedList: FC<ListProps & ForwardProps> = forwardRef(function OrderedList(\n  props: ListProps,\n  ref: ListProps['ref']\n) {\n  return <List {...props} variant='ordered' ref={ref} />;\n});\n\nexport default OrderedList;\n"]}
+{"version":3,"file":"OrderedList.js","sourceRoot":"","sources":["../../../src/components/List/OrderedList.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAKnC,OAAO,IAAI,MAAM,QAAQ,CAAC;AAG1B,MAAM,WAAW,GAA+C,UAAU,CAAC,SAAS,WAAW,CAC7F,KAAiC,EACjC,GAAqB;IAErB,OAAO,KAAC,IAAI,OAAK,KAAK,EAAE,OAAO,EAAC,SAAS,EAAC,GAAG,EAAE,GAAG,GAAI,CAAC;AACzD,CAAC,CAAC,CAAC;AAEH,eAAe,WAAW,CAAC","sourcesContent":["import { forwardRef } from 'react';\nimport type { PropsWithoutRef } from 'react';\n\nimport type { ForwardRefForwardPropsComponent } from '../../types';\n\nimport List from './List';\nimport type { ListProps } from './List';\n\nconst OrderedList: ForwardRefForwardPropsComponent<ListProps> = forwardRef(function OrderedList(\n  props: PropsWithoutRef<ListProps>,\n  ref: ListProps['ref']\n) {\n  return <List {...props} variant='ordered' ref={ref} />;\n});\n\nexport default OrderedList;\n"]}

package/lib/components/List/UnorderedList.d.ts

@@ -1,6 +1,5 @@
-import type { FC } from 'react';
-import type { ForwardProps } from '../../types';
+import type { ForwardRefForwardPropsComponent } from '../../types';
 import type { ListProps } from './List';
-declare const UnorderedList: FC<ListProps & ForwardProps>;
+declare const UnorderedList: ForwardRefForwardPropsComponent<ListProps>;
 export default UnorderedList;
 //# sourceMappingURL=UnorderedList.d.ts.map

package/lib/components/List/UnorderedList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UnorderedList.d.ts","sourceRoot":"","sources":["../../../src/components/List/UnorderedList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAGhD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAExC,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,SAAS,GAAG,YAAY,CAK9C,CAAC;AAEH,eAAe,aAAa,CAAC"}
+{"version":3,"file":"UnorderedList.d.ts","sourceRoot":"","sources":["../../../src/components/List/UnorderedList.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,aAAa,CAAC;AAGnE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAExC,QAAA,MAAM,aAAa,EAAE,+BAA+B,CAAC,SAAS,CAK5D,CAAC;AAEH,eAAe,aAAa,CAAC"}

package/lib/components/List/UnorderedList.js.map

@@ -1 +1 @@
-{"version":3,"file":"UnorderedList.js","sourceRoot":"","sources":["../../../src/components/List/UnorderedList.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAKnC,OAAO,IAAI,MAAM,QAAQ,CAAC;AAG1B,MAAM,aAAa,GAAiC,UAAU,CAAC,SAAS,aAAa,CACnF,KAAgB,EAChB,GAAqB;IAErB,OAAO,KAAC,IAAI,OAAK,KAAK,EAAE,OAAO,EAAC,WAAW,EAAC,GAAG,EAAE,GAAG,GAAI,CAAC;AAC3D,CAAC,CAAC,CAAC;AAEH,eAAe,aAAa,CAAC","sourcesContent":["import { forwardRef } from 'react';\nimport type { FC } from 'react';\n\nimport type { ForwardProps } from '../../types';\n\nimport List from './List';\nimport type { ListProps } from './List';\n\nconst UnorderedList: FC<ListProps & ForwardProps> = forwardRef(function UnorderedList(\n  props: ListProps,\n  ref: ListProps['ref']\n) {\n  return <List {...props} variant='unordered' ref={ref} />;\n});\n\nexport default UnorderedList;\n"]}
+{"version":3,"file":"UnorderedList.js","sourceRoot":"","sources":["../../../src/components/List/UnorderedList.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAKnC,OAAO,IAAI,MAAM,QAAQ,CAAC;AAG1B,MAAM,aAAa,GAA+C,UAAU,CAAC,SAAS,aAAa,CACjG,KAAiC,EACjC,GAAqB;IAErB,OAAO,KAAC,IAAI,OAAK,KAAK,EAAE,OAAO,EAAC,WAAW,EAAC,GAAG,EAAE,GAAG,GAAI,CAAC;AAC3D,CAAC,CAAC,CAAC;AAEH,eAAe,aAAa,CAAC","sourcesContent":["import { forwardRef } from 'react';\nimport type { PropsWithoutRef } from 'react';\n\nimport type { ForwardRefForwardPropsComponent } from '../../types';\n\nimport List from './List';\nimport type { ListProps } from './List';\n\nconst UnorderedList: ForwardRefForwardPropsComponent<ListProps> = forwardRef(function UnorderedList(\n  props: PropsWithoutRef<ListProps>,\n  ref: ListProps['ref']\n) {\n  return <List {...props} variant='unordered' ref={ref} />;\n});\n\nexport default UnorderedList;\n"]}

package/lib/components/ListToolbar/ListToolbar.d.ts

@@ -1,8 +1,7 @@
-import type { FunctionComponent } from 'react';
-import type { ForwardProps } from '../../types';
+import type { ForwardRefForwardPropsComponent } from '../../types';
 import type { ListToolbarProps } from './ListToolbar.types';
-declare const _default: FunctionComponent<ListToolbarProps & ForwardProps> & {
-    getTestIds: (testIdProp?: string | null | undefined) => import("../../types").TestIdsRecord<readonly ["view-selector", "count", "heading", "info", "create-new", "search-input", "search-button"]>;
+declare const _default: ForwardRefForwardPropsComponent<ListToolbarProps> & {
+    getTestIds: (testIdProp?: import("../../types").TestIdProp["testId"]) => import("../../types").TestIdsRecord<readonly ["view-selector", "count", "heading", "info", "create-new", "search-input", "search-button"]>;
 };
 export default _default;
 //# sourceMappingURL=ListToolbar.d.ts.map

package/lib/components/ListToolbar/ListToolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListToolbar.d.ts","sourceRoot":"","sources":["../../../src/components/ListToolbar/ListToolbar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAA8C,MAAM,OAAO,CAAC;AAK3F,OAAO,KAAK,EAAU,YAAY,EAAE,MAAM,aAAa,CAAC;AAwCxD,OAAO,KAAK,EACV,gBAAgB,EAMjB,MAAM,qBAAqB,CAAC;;;;AA0b7B,wBAA+D"}
+{"version":3,"file":"ListToolbar.d.ts","sourceRoot":"","sources":["../../../src/components/ListToolbar/ListToolbar.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAU,+BAA+B,EAAE,MAAM,aAAa,CAAC;AAyC3E,OAAO,KAAK,EACV,gBAAgB,EAMjB,MAAM,qBAAqB,CAAC;;;;AAyc7B,wBAA+D"}

package/lib/components/ListToolbar/ListToolbar.js

@@ -3,7 +3,7 @@ import { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from 'r
 import VisuallyHiddenText from '../VisuallyHiddenText';
 import Actions from '../Actions';
 import Button from '../Button';
-import { useBreakpoint, useConfiguration, useConsolidatedRef, useEscape, useI18n, useTestIds, useUID } from '../../hooks';
+import { useBreakpoint, useConfiguration, useConsolidatedRef, useElement, useI18n, useTestIds, useUID } from '../../hooks';
 import Flex from '../Flex';
 import SearchInput from '../SearchInput';
 import Icon, { registerIcon } from '../Icon';
@@ -18,8 +18,9 @@ import MenuButton from '../MenuButton';
 import Avatar from '../Avatar';
 import AdditionalInfo from '../AdditionalInfo';
 import FullscreenButton from '../Fullscreen/FullscreenButton';
+import Tooltip from '../Tooltip';
 import PresetMenuPopover from './PresetMenuPopover';
-import { StyledViewSelector, StyledSearchForm, StyledListToolbar, StyledHeadingText, StyledCountMeta, StyledContainer, StyledListToolbarContent, StyledListToolbarDialog, StyledErrorIcon, StyledInfo, StyledSearchContainer } from './ListToolbar.styles';
+import { StyledViewSelector, StyledSearchForm, StyledListToolbar, StyledHeadingText, StyledCountMeta, StyledListToolbarContent, StyledListToolbarDialog, StyledErrorIcon, StyledInfo, StyledSearchContainer, StyledExpandSearchButton } from './ListToolbar.styles';
 import helpers from './helpers';
 import { getListToolbarTestIds } from './ListToolbar.test-ids';
 registerIcon(filterIcon, arrowUpDownIcon, rowIcon, plusIcon, moreIcon);
@@ -42,7 +43,7 @@ const CountMeta = ({ count, ...restProps }) => {
 const generateViewName = (view, texts, options) => {
     return `${view.text} ${view.id === options.defaultId ? `(${texts.default})` : ''} ${view.id === options.appDefaultId ? `(${texts.appDefault})` : ''}`;
 };
-const ListToolbar = forwardRef(function ListToolbar({ testId, name, headingTag = 'h3', viewSelector, formControlProps, createNew, search, count, additionalActions, filter, sort, group, actions, actionsButtonRef, ...restProps }, ref) {
+const ListToolbar = forwardRef(function ListToolbar({ testId, name, headingTag = 'h2', viewSelector, formControlProps, createNew, search, count, additionalActions, filter, sort, group, actions, actionsButtonRef, ...restProps }, ref) {
     const uid = useUID();
     const t = useI18n();
     const testIds = useTestIds(testId, getListToolbarTestIds);
@@ -50,19 +51,30 @@ const ListToolbar = forwardRef(function ListToolbar({ testId, name, headingTag =
     const toolbarContentRef = useRef(null);
     const searchInputRef = useRef(null);
     const searchButtonRef = useRef(null);
+    const [labelEl, setLabelEl] = useElement();
     const [isSearchOpen, setIsSearchOpen] = useState(!!search?.value);
     const isSmallOrAbove = useBreakpoint('sm', { breakpointRef: toolbarContentRef });
-    const onSearchEscape = () => {
-        if (!search?.value) {
-            setIsSearchOpen(false);
-        }
-        setTimeout(() => searchButtonRef.current?.focus());
-    };
     useEffect(() => {
         if (search?.value) {
             setIsSearchOpen(true);
         }
     }, [search?.value]);
+    useEffect(() => {
+        if (!isSearchOpen || search?.value)
+            return;
+        const openedSearch = searchInputRef.current?.parentElement;
+        if (!openedSearch)
+            return;
+        const handleFocusOut = (e) => {
+            if (!search?.value && !openedSearch.contains(e.relatedTarget)) {
+                setIsSearchOpen(false);
+            }
+        };
+        openedSearch.addEventListener('focusout', handleFocusOut);
+        return () => {
+            openedSearch.removeEventListener('focusout', handleFocusOut);
+        };
+    }, [isSearchOpen, search?.value]);
     const [currentQueryOptionId, setCurrentQueryOptionId] = useState(null);
     const queryOptionPopoverTarget = useRef();
     const [actionsQueryOptionPreset, setActionsQueryOptionPreset] = useState();
@@ -73,20 +85,14 @@ const ListToolbar = forwardRef(function ListToolbar({ testId, name, headingTag =
         const text = createNew.label ?? t('create_new');
         return (_jsx(Button, { "data-testid": testIds.createNew, variant: 'simple', icon: true, label: text, "aria-label": text, onClick: createNew.onClick, children: _jsx(Icon, { name: 'plus' }) }));
     }, [t, createNew, isSmallOrAbove]);
-    useEscape(onSearchEscape, searchInputRef);
     const searchInput = useMemo(() => (_jsx(SearchInput, { "data-testid": testIds.searchInput, ...search, onSearchSubmit: (value) => {
             search?.onSearchSubmit?.(value);
-            onSearchEscape();
         }, onClick: (e) => {
             e.preventDefault();
-        }, onBlur: () => {
-            if (!search?.value) {
-                setIsSearchOpen(false);
-            }
-        }, ref: searchInputRef })), [search, onSearchEscape]);
+        }, ref: searchInputRef })), [search]);
     const searchLabel = t('search');
     const expandableSearch = useMemo(() => {
-        return isSearchOpen ? (searchInput) : (_jsx(Button, { "data-testid": testIds.searchButton, variant: 'simple', icon: true, label: searchLabel, onClick: () => {
+        return isSearchOpen ? (searchInput) : (_jsx(StyledExpandSearchButton, { "data-testid": testIds.searchButton, variant: 'simple', icon: true, label: searchLabel, onClick: () => {
                 setIsSearchOpen(true);
                 setTimeout(() => searchInputRef.current?.focus());
             }, onKeyDown: (e) => {
@@ -168,51 +174,50 @@ const ListToolbar = forwardRef(function ListToolbar({ testId, name, headingTag =
             labelText = `${name}: ${selectedViewName}`;
         }
     }
-    return (_jsxs(Flex, { "data-testid": testIds.root, container: true, ...restProps, as: StyledListToolbar, ref: ref, children: [_jsxs(StyledListToolbarContent, { container: { direction: 'column', pad: [0.5, 0.5, 0.5, undefined] }, ref: toolbarContentRef, item: { grow: 1 }, children: [_jsxs(Flex, { container: {
-                            alignItems: 'start',
-                            justify: 'between',
-                            gap: 0.5
-                        }, children: [_jsxs(StyledContainer, { container: {
+    return (_jsxs(Flex, { "data-testid": testIds.root, container: true, ...restProps, as: StyledListToolbar, ref: ref, isSmallOrAbove: isSmallOrAbove, children: [_jsxs(StyledListToolbarContent, { container: { direction: 'column' }, ref: toolbarContentRef, item: { grow: 1 }, children: [_jsxs(Flex, { container: {
+                            alignItems: 'center',
+                            justify: 'between'
+                        }, children: [_jsxs(Flex, { container: {
                                     alignItems: 'center',
                                     gap: 1
-                                }, children: [_jsxs(StyledHeadingText, { "data-testid": testIds.heading, variant: headingTag, required: formControlProps?.required, "aria-describedby": formControlProps?.info ? `${uid}-info` : undefined, children: [formControlProps?.info && formControlProps.status === 'error' && (_jsxs(_Fragment, { children: [_jsx(StyledErrorIcon, { name: 'warn-solid' }), _jsx(VisuallyHiddenText, { children: ` ${t('error')} ` })] })), !viewSelector || viewSelector.views.length <= 1 ? (labelText) : (_jsx(MenuButton, { "data-testid": testIds.viewSelector, variant: 'text', text: labelText, as: StyledViewSelector, menu: {
-                                                    mode: 'single-select',
-                                                    items: viewSelector.views.map(view => {
-                                                        if (hasProp(view, 'items')) {
+                                }, item: { grow: 1 }, children: [_jsx(StyledHeadingText, { "data-testid": testIds.heading, variant: headingTag, required: formControlProps?.required, "aria-describedby": formControlProps?.info ? `${uid}-info` : undefined, children: !viewSelector || viewSelector.views.length <= 1 ? (labelText) : (_jsxs(_Fragment, { children: [_jsx(MenuButton, { ref: setLabelEl, "data-testid": testIds.viewSelector, variant: 'text', text: labelText, as: StyledViewSelector, menu: {
+                                                        mode: 'single-select',
+                                                        items: viewSelector.views.map(view => {
+                                                            if (hasProp(view, 'items')) {
+                                                                return {
+                                                                    id: view.text,
+                                                                    label: view.text,
+                                                                    items: view.items.map(groupedView => {
+                                                                        return {
+                                                                            ...groupedView,
+                                                                            primary: generateViewName(groupedView, { default: t('default'), appDefault: t('app_default') }, {
+                                                                                defaultId: viewSelector.defaultId,
+                                                                                appDefaultId: viewSelector.appDefaultId
+                                                                            }),
+                                                                            visual: groupedView.visual ? (_jsx(Avatar, { ...groupedView.visual })) : undefined
+                                                                        };
+                                                                    })
+                                                                };
+                                                            }
                                                             return {
-                                                                id: view.text,
-                                                                label: view.text,
-                                                                items: view.items.map(groupedView => {
-                                                                    return {
-                                                                        ...groupedView,
-                                                                        primary: generateViewName(groupedView, { default: t('default'), appDefault: t('app_default') }, {
-                                                                            defaultId: viewSelector.defaultId,
-                                                                            appDefaultId: viewSelector.appDefaultId
-                                                                        }),
-                                                                        visual: groupedView.visual ? (_jsx(Avatar, { ...groupedView.visual })) : undefined
-                                                                    };
-                                                                })
+                                                                ...view,
+                                                                primary: generateViewName(view, { default: t('default'), appDefault: t('app_default') }, {
+                                                                    defaultId: viewSelector.defaultId,
+                                                                    appDefaultId: viewSelector.appDefaultId
+                                                                }),
+                                                                visual: view.visual ? _jsx(Avatar, { ...view.visual }) : undefined
                                                             };
-                                                        }
-                                                        return {
-                                                            ...view,
-                                                            primary: generateViewName(view, { default: t('default'), appDefault: t('app_default') }, {
-                                                                defaultId: viewSelector.defaultId,
-                                                                appDefaultId: viewSelector.appDefaultId
-                                                            }),
-                                                            visual: view.visual ? _jsx(Avatar, { ...view.visual }) : undefined
-                                                        };
-                                                    }),
-                                                    onItemClick: viewSelector.onViewSelect
-                                                } }))] }), formControlProps?.additionalInfo && (_jsx(AdditionalInfo, { heading: formControlProps.additionalInfo.heading, contextualLabel: labelText, children: formControlProps.additionalInfo.content })), isSmallOrAbove && count && _jsx(CountMeta, { "data-testid": testIds.count, count: count })] }), _jsxs(Flex, { container: { alignItems: 'center', gap: 1 }, children: [isSmallOrAbove && additionalActions, search && isSmallOrAbove && expandableSearch, isSmallOrAbove && createNewButton, isSmallOrAbove && _jsx(FullscreenButton, {}), isSmallOrAbove && basicModeActions && (_jsx(Actions, { contextualLabel: name, items: basicModeActions.map(({ icon, ...restActionProps }) => ({
+                                                        }),
+                                                        onItemClick: viewSelector.onViewSelect
+                                                    } }), labelEl && (_jsx(Tooltip, { target: labelEl, describeTarget: false, hideDelay: 'none', smart: true, children: labelText }))] })) }), formControlProps?.additionalInfo && (_jsx(AdditionalInfo, { heading: formControlProps.additionalInfo.heading, contextualLabel: labelText, children: formControlProps.additionalInfo.content })), isSmallOrAbove && count && _jsx(CountMeta, { "data-testid": testIds.count, count: count })] }), _jsxs(_Fragment, { children: [isSmallOrAbove && additionalActions, search && isSmallOrAbove && expandableSearch, isSmallOrAbove && createNewButton, isSmallOrAbove && _jsx(FullscreenButton, {}), isSmallOrAbove && basicModeActions && (_jsx(Actions, { contextualLabel: name, items: basicModeActions.map(({ icon, ...restActionProps }) => ({
                                             ...restActionProps,
                                             visual: icon && _jsx(Icon, { name: icon })
-                                        })), menuAt: 1, ref: consolidatedActionsButtonRef })), !isSmallOrAbove && count && _jsx(CountMeta, { "data-testid": testIds.count, count: count })] })] }), !isSmallOrAbove && (_jsxs(_Fragment, { children: [!!count?.selected && additionalActions, _jsxs(StyledSearchContainer, { container: { alignItems: 'start', justify: 'between', gap: 1 }, children: [_jsx(Flex, { as: StyledSearchForm, container: { alignItems: 'center', wrap: 'wrap', gap: 1 }, item: { grow: 1 }, children: search && searchInput }), createNewButton, _jsx(FullscreenButton, {}), basicModeActions && (_jsx(Actions, { contextualLabel: name, items: basicModeActions.map(({ icon, ...restActionProps }) => ({
+                                        })), menuAt: 1, ref: consolidatedActionsButtonRef })), !isSmallOrAbove && count && _jsx(CountMeta, { "data-testid": testIds.count, count: count })] })] }), !isSmallOrAbove && (_jsxs(_Fragment, { children: [!!count?.selected && additionalActions, _jsxs(StyledSearchContainer, { container: { alignItems: 'start', justify: 'between' }, children: [_jsx(Flex, { as: StyledSearchForm, container: { alignItems: 'center', wrap: 'wrap', gap: 1 }, item: { grow: 1 }, children: search && searchInput }), createNewButton, _jsx(FullscreenButton, {}), basicModeActions && (_jsx(Actions, { contextualLabel: name, items: basicModeActions.map(({ icon, ...restActionProps }) => ({
                                             ...restActionProps,
                                             visual: icon && _jsx(Icon, { name: icon })
-                                        })), menuAt: 1, ref: consolidatedActionsButtonRef }))] })] })), formControlProps?.info && (_jsx(StyledInfo, { role: formControlProps.status === 'error' || formControlProps.status === 'warning'
+                                        })), menuAt: 1, ref: consolidatedActionsButtonRef }))] })] })), formControlProps?.info && (_jsxs(StyledInfo, { role: formControlProps.status === 'error' || formControlProps.status === 'warning'
                             ? 'alert'
-                            : undefined, id: `${uid}-info`, "data-testid": testIds.info, status: formControlProps.status, children: formControlProps.info }))] }), queryOptionPopover, _jsx(PresetMenuPopover, { buttonRef: consolidatedActionsButtonRef, heading: actionsQueryOptionPreset?.heading, menu: actionsQueryOptionPreset?.menu, isOpen: optionPresetMenuOpen, onClose: () => setOptionPresetMenuOpen(false) })] }));
+                            : undefined, id: `${uid}-info`, "data-testid": testIds.info, status: formControlProps.status, children: [formControlProps.status === 'error' && (_jsxs(_Fragment, { children: [_jsx(StyledErrorIcon, { name: 'warn-solid' }), _jsx(VisuallyHiddenText, { children: ` ${t('error')} ` })] })), formControlProps.info] }))] }), queryOptionPopover, _jsx(PresetMenuPopover, { buttonRef: consolidatedActionsButtonRef, heading: actionsQueryOptionPreset?.heading, menu: actionsQueryOptionPreset?.menu, isOpen: optionPresetMenuOpen, onClose: () => setOptionPresetMenuOpen(false) })] }));
 });
 export default withTestIds(ListToolbar, getListToolbarTestIds);
 //# sourceMappingURL=ListToolbar.js.map