Regenerate the package-lock.json file (#2821)

* Regenerate the package-lock.json file

* Remove obsolete type directives

* Work around new nwsapi bug

Author: connor-baer

package-lock.json

@@ -153,7 +153,7 @@ export function createButtonComponent<Props>(
       as,
       locale,
       ...sharedProps
-    } = useI18n(mapProps(props), translations);
+    } = useI18n(mapProps(props as Props), translations);
 
     const components = useComponents();
     const Link = components.Link as AsPropType;

packages/circuit-ui/components/Button/base.tsx

@@ -139,11 +139,9 @@ export const Dialog = forwardRef<HTMLDialogElement, DialogProps>(
 
     return (
       <>
-        {/* @ts-expect-error "Expression produces a union type that is too complex to represent" */}
         <dialog
           ref={applyMultipleRefs(ref, dialogRef)}
           className={clsx(classes.dialog, className)}
-          // @ts-expect-error z-index can be a string
           style={{
             ...style,
             zIndex: zIndex || 'var(--cui-z-index-modal)',
@@ -155,7 +153,6 @@ export const Dialog = forwardRef<HTMLDialogElement, DialogProps>(
         <div
           className={classes.backdrop}
           style={{
-            // @ts-expect-error z-index can be a string
             zIndex: `calc(${zIndex?.toString() || 'var(--cui-z-index-modal)'} - 1)`,
           }}
         />

packages/circuit-ui/components/DateInput/components/Dialog.tsx

@@ -332,14 +332,12 @@ export const Popover = ({
       <Portal>
         <div
           className={clsx(classes.overlay, isOpen && classes.open)}
-          // @ts-expect-error z-index can be a string
           style={{ zIndex: zIndex || 'var(--cui-z-index-popover)' }}
         />
         <div
           {...props}
           ref={refs.setFloating}
           className={clsx(classes.wrapper, isOpen && classes.open, className)}
-          // @ts-expect-error z-index can be a string
           style={
             isMobile
               ? mobileStyles

packages/circuit-ui/components/Popover/Popover.tsx

@@ -251,7 +251,6 @@ export const Toggletip = forwardRef<HTMLDialogElement, ToggletipProps>(
           onClick={handleReferenceClick}
         />
         {/* eslint-disable jsx-a11y/no-autofocus */}
-        {/* @ts-expect-error "Expression produces a union type that is too complex to represent" */}
         <dialog
           {...rest}
           open={defaultOpen}
@@ -260,7 +259,6 @@ export const Toggletip = forwardRef<HTMLDialogElement, ToggletipProps>(
           aria-labelledby={headline ? headlineId : bodyId}
           aria-describedby={headline ? bodyId : undefined}
           className={clsx(classes.base, className)}
-          // @ts-expect-error z-index can be a string
           style={{
             ...style,
             ...dialogStyles,
@@ -314,7 +312,6 @@ export const Toggletip = forwardRef<HTMLDialogElement, ToggletipProps>(
         <div
           className={classes.backdrop}
           style={{
-            // @ts-expect-error z-index can be a string
             zIndex: `calc(${zIndex?.toString() || 'var(--cui-z-index-modal)'} - 1)`,
           }}
         />

packages/circuit-ui/components/Toggletip/Toggletip.tsx

@@ -136,14 +136,15 @@ export const Tooltip = forwardRef<HTMLDivElement, TooltipProps>(
 
     const handleFocus: FocusEventHandler = useCallback(
       (event) => {
-        // Vitest and Jest use nwsapi to mock the `Element.matches` API.
-        // Unfortunately, it doesn't support the `:focus-visible` selector yet.
-        // See https://github.com/dperini/nwsapi/issues/54
-        try {
-          if (event.currentTarget.matches(':focus-visible')) {
-            handleOpen();
-          }
-        } catch (_error) {
+        if (
+          event.currentTarget.matches(':focus-visible') ||
+          // Vitest and Jest use nwsapi to mock the `Element.matches` API.
+          // It has a bug where `:focus-visible` is not matched unless
+          // the element has the `autofocus` property set.
+          // https://github.com/dperini/nwsapi/issues/122
+          (process.env.NODE_ENV === 'test' &&
+            event.currentTarget.matches(':focus'))
+        ) {
           handleOpen();
         }
       },

packages/circuit-ui/components/Tooltip/Tooltip.tsx

@@ -3,6 +3,8 @@
 import ReactDOM from 'react-dom';
 
 export function PreloadResources() {
+  // @ts-expect-error This API is available in the React canary used by Next.js
+  // eslint-disable-next-line @typescript-eslint/no-unsafe-call
   ReactDOM.preload(
     'https://static.sumup.com/fonts/Inter/Inter-normal-latin.woff2',
     { as: 'font' },