carbon-react 118.5.1 → 118.5.2

package/esm/__internal__/fieldset/fieldset.component.js

@@ -1,217 +1,50 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React from "react";
 import PropTypes from "prop-types";
 import { StyledFieldset, StyledLegend, StyledLegendContent } from "./fieldset.style";
 import ValidationIcon from "../validations/validation-icon.component";
 import { InputGroupBehaviour, InputGroupContext } from "../input-behaviour";
 import useFormSpacing from "../../hooks/__internal__/useFormSpacing";
-
-const Fieldset = ({
-  legend,
-  children,
-  inline = false,
-  legendWidth,
-  legendAlign = "right",
-  legendSpacing = 2,
-  error,
-  warning,
-  info,
-  isRequired,
-  blockGroupBehaviour,
-  ...rest
-}) => {
+const Fieldset = _ref => {
+  let {
+    legend,
+    children,
+    inline = false,
+    legendWidth,
+    legendAlign = "right",
+    legendSpacing = 2,
+    error,
+    warning,
+    info,
+    isRequired,
+    blockGroupBehaviour,
+    ...rest
+  } = _ref;
   const marginProps = useFormSpacing(rest);
   return /*#__PURE__*/React.createElement(InputGroupBehaviour, {
     blockGroupBehaviour: blockGroupBehaviour
   }, /*#__PURE__*/React.createElement(StyledFieldset, _extends({
     "data-component": "fieldset"
-  }, rest, marginProps), legend && /*#__PURE__*/React.createElement(InputGroupContext.Consumer, null, ({
-    onMouseEnter,
-    onMouseLeave
-  }) => /*#__PURE__*/React.createElement(StyledLegend, {
-    onMouseEnter: onMouseEnter,
-    onMouseLeave: onMouseLeave,
-    inline: inline,
-    width: legendWidth,
-    align: legendAlign,
-    rightPadding: legendSpacing
-  }, /*#__PURE__*/React.createElement(StyledLegendContent, {
-    isRequired: isRequired
-  }, legend, /*#__PURE__*/React.createElement(ValidationIcon, {
-    error: error,
-    warning: warning,
-    info: info,
-    tooltipFlipOverrides: ["top", "bottom"]
-  })))), children));
-};
-
-Fieldset.propTypes = {
-  "blockGroupBehaviour": PropTypes.bool,
-  "children": PropTypes.node,
-  "error": PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-  "info": PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-  "inline": PropTypes.bool,
-  "isRequired": PropTypes.bool,
-  "legend": PropTypes.string,
-  "legendAlign": PropTypes.oneOf(["left", "right"]),
-  "legendSpacing": PropTypes.oneOf([1, 2]),
-  "legendWidth": PropTypes.number,
-  "m": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string]),
-  "margin": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string]),
-  "marginBottom": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string]),
-  "marginLeft": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string]),
-  "marginRight": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string]),
-  "marginTop": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string]),
-  "marginX": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string]),
-  "marginY": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string]),
-  "mb": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string]),
-  "ml": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string]),
-  "mr": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string]),
-  "mt": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string]),
-  "mx": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string]),
-  "my": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string]),
-  "role": PropTypes.string,
-  "warning": PropTypes.oneOfType([PropTypes.string, PropTypes.bool])
+  }, rest, marginProps), legend && /*#__PURE__*/React.createElement(InputGroupContext.Consumer, null, _ref2 => {
+    let {
+      onMouseEnter,
+      onMouseLeave
+    } = _ref2;
+    return /*#__PURE__*/React.createElement(StyledLegend, {
+      onMouseEnter: onMouseEnter,
+      onMouseLeave: onMouseLeave,
+      inline: inline,
+      width: legendWidth,
+      align: legendAlign,
+      rightPadding: legendSpacing
+    }, /*#__PURE__*/React.createElement(StyledLegendContent, {
+      isRequired: isRequired
+    }, legend, /*#__PURE__*/React.createElement(ValidationIcon, {
+      error: error,
+      warning: warning,
+      info: info,
+      tooltipFlipOverrides: ["top", "bottom"]
+    })));
+  }), children));
 };
 export default Fieldset;

package/esm/__internal__/fieldset/fieldset.style.js

@@ -16,9 +16,11 @@ const StyledLegendContent = styled.span`
   display: flex;
   align-items: center;
   line-height: 24px;
-  ${({
-  isRequired
-}) => isRequired && css`
+  ${_ref => {
+  let {
+    isRequired
+  } = _ref;
+  return isRequired && css`
       ::after {
         content: "*";
         line-height: 24px;
@@ -26,7 +28,8 @@ const StyledLegendContent = styled.span`
         font-weight: 700;
         margin-left: var(--spacing100);
       }
-    `}
+    `;
+}}
 `;
 const StyledLegend = styled.legend`
   display: flex;
@@ -34,18 +37,21 @@ const StyledLegend = styled.legend`
   margin-bottom: 8px;
   padding: 0;
   font-weight: 600;
-  ${({
-  inline,
-  width,
-  align,
-  rightPadding
-}) => inline && css`
+  ${_ref2 => {
+  let {
+    inline,
+    width,
+    align,
+    rightPadding
+  } = _ref2;
+  return inline && css`
       float: left;
       box-sizing: border-box;
       margin: 0;
       ${width && `width: ${width}%`};
       justify-content: ${align === "right" ? "flex-end" : "flex-start"};
       padding-right: ${rightPadding === 1 ? "var(--spacing100)" : "var(--spacing200)"};
-    `}
+    `;
+}}
 `;
 export { StyledFieldset, StyledLegend, StyledLegendContent };

package/esm/__internal__/focus-trap/focus-trap-utils.d.ts

@@ -5,5 +5,5 @@ declare const defaultFocusableSelectors = "button:not([disabled]), [href], input
 declare const setElementFocus: (element: HTMLElement) => void;
 declare const getNextElement: (element: HTMLElement, focusableElements: HTMLElement[], shiftKey: boolean) => HTMLElement | undefined;
 declare const onTabGuardFocus: (trapWrappers: CustomRefObject<HTMLElement>[], focusableSelectors: string | undefined, position: "top" | "bottom") => (guardWrapperRef: CustomRefObject<HTMLElement>) => () => void;
-declare const trapFunction: (ev: KeyboardEvent, defaultFocusableElements: HTMLElement[], isWrapperFocused: boolean, focusableSelectors?: string | undefined, bespokeTrap?: ((event: KeyboardEvent, firstElement?: HTMLElement | undefined, lastElement?: HTMLElement | undefined) => void) | undefined) => void;
+declare const trapFunction: (ev: KeyboardEvent, defaultFocusableElements: HTMLElement[], isWrapperFocused: boolean, focusableSelectors?: string, bespokeTrap?: ((event: KeyboardEvent, firstElement?: HTMLElement, lastElement?: HTMLElement) => void) | undefined) => void;
 export { defaultFocusableSelectors, getNextElement, setElementFocus, onTabGuardFocus, trapFunction, };

package/esm/__internal__/focus-trap/focus-trap-utils.js

@@ -1,15 +1,12 @@
 const defaultFocusableSelectors = 'button:not([disabled]), [href], input:not([type="hidden"]):not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]';
 const INTERVAL = 10;
 const MAX_TIME = 100;
-
 const setElementFocus = element => {
   let timeSoFar = 0;
-
   const stylesMatch = () => {
     const actualStyles = window.getComputedStyle(element);
     return actualStyles.visibility === "visible";
   };
-
   const check = () => {
     /* istanbul ignore else */
     if (stylesMatch()) {
@@ -17,54 +14,42 @@ const setElementFocus = element => {
     } else if (timeSoFar < MAX_TIME) {
       setTimeout(check, INTERVAL);
       timeSoFar += INTERVAL;
-    } // just "fail" silently if maxTime exceeded - callback will never be called
-
+    }
+    // just "fail" silently if maxTime exceeded - callback will never be called
   };
 
   check();
 };
-
 const isRadio = element => {
   return element.hasAttribute("type") && element.getAttribute("type") === "radio";
 };
-
 const getRadioElementToFocus = (groupName, shiftKey) => {
   const buttonsInGroup = document.querySelectorAll(`input[type="radio"][name="${groupName}"]`);
   const selectedButton = [...buttonsInGroup].find(button => button.checked);
-
   if (selectedButton) {
     return selectedButton;
   }
-
   return buttonsInGroup[shiftKey ? buttonsInGroup.length - 1 : 0];
 };
-
 const getNextElement = (element, focusableElements, shiftKey) => {
   const currentIndex = focusableElements.indexOf(element);
-
   if (currentIndex === -1) {
     // we're not currently on a focusable element - most likely because the focusableElements come from a different focus trap!
     // So we need to leave focus where it is.
     return undefined;
   }
-
   const increment = shiftKey ? -1 : 1;
   let nextIndex = currentIndex;
   let foundElement;
-
   while (!foundElement) {
     nextIndex += increment;
-
     if (nextIndex < 0) {
       nextIndex += focusableElements.length;
     }
-
     if (nextIndex >= focusableElements.length) {
       nextIndex -= focusableElements.length;
     }
-
     const nextElement = focusableElements[nextIndex];
-
     if (nextElement === element) {
       // guard in case there is only one focusable element (or only a single radio group) in the trap.
       // If this happens we don't want to freeze the browser by looping forever, and it's OK to just focus
@@ -75,21 +60,20 @@ const getNextElement = (element, focusableElements, shiftKey) => {
       if (isRadio(element) && document.activeElement !== element) {
         return getRadioElementToFocus(element.getAttribute("name"), shiftKey);
       }
-
       return element;
     }
-
     if (isRadio(nextElement)) {
       // if we've reached a radio element we need to ensure we focus the correct button in its group
       const nextElementGroupName = nextElement.getAttribute("name");
-
       if (isRadio(element)) {
-        const groupName = element.getAttribute("name"); // if the name is different we're in a new group so can focus the appropriate button in it*/
+        const groupName = element.getAttribute("name");
 
+        // if the name is different we're in a new group so can focus the appropriate button in it*/
         if (nextElementGroupName !== groupName) {
           foundElement = getRadioElementToFocus(nextElementGroupName, shiftKey);
-        } // otherwise we're still in the same radio group so need to continue the loop
+        }
 
+        // otherwise we're still in the same radio group so need to continue the loop
       } else {
         // if we've moved into a radio group from a non-radio starting point, we still have to ensure we focus
         // the correct button in the group
@@ -100,37 +84,25 @@ const getNextElement = (element, focusableElements, shiftKey) => {
       foundElement = nextElement;
     }
   }
-
   return foundElement;
 };
-
 const onTabGuardFocus = (trapWrappers, focusableSelectors, position) => guardWrapperRef => () => {
-  var _allFocusableElements2;
-
   const isTop = position === "top";
   const currentIndex = trapWrappers.indexOf(guardWrapperRef);
   let index = currentIndex;
   let nextWrapper, allFocusableElementsInNextWrapper;
-
   do {
-    var _allFocusableElements, _nextWrapper, _nextWrapper$current;
-
     index += isTop ? -1 : 1;
-
     if (index < 0) {
       index += trapWrappers.length;
     }
-
     if (index >= trapWrappers.length) {
       index -= trapWrappers.length;
     }
-
     nextWrapper = trapWrappers[index];
-    allFocusableElementsInNextWrapper = (_nextWrapper = nextWrapper) === null || _nextWrapper === void 0 ? void 0 : (_nextWrapper$current = _nextWrapper.current) === null || _nextWrapper$current === void 0 ? void 0 : _nextWrapper$current.querySelectorAll(focusableSelectors || defaultFocusableSelectors);
-  } while (index !== currentIndex && !((_allFocusableElements = allFocusableElementsInNextWrapper) !== null && _allFocusableElements !== void 0 && _allFocusableElements.length));
-
-  const toFocus = (_allFocusableElements2 = allFocusableElementsInNextWrapper) === null || _allFocusableElements2 === void 0 ? void 0 : _allFocusableElements2[isTop ? allFocusableElementsInNextWrapper.length - 1 : 0];
-
+    allFocusableElementsInNextWrapper = nextWrapper?.current?.querySelectorAll(focusableSelectors || defaultFocusableSelectors);
+  } while (index !== currentIndex && !allFocusableElementsInNextWrapper?.length);
+  const toFocus = allFocusableElementsInNextWrapper?.[isTop ? allFocusableElementsInNextWrapper.length - 1 : 0];
   if (isRadio(toFocus)) {
     const radioToFocus = getRadioElementToFocus(toFocus.getAttribute("name"), isTop);
     setElementFocus(radioToFocus);
@@ -138,46 +110,38 @@ const onTabGuardFocus = (trapWrappers, focusableSelectors, position) => guardWra
     setElementFocus(toFocus);
   }
 };
-
 const trapFunction = (ev, defaultFocusableElements, isWrapperFocused, focusableSelectors, bespokeTrap) => {
   const customFocusableElements = focusableSelectors ? defaultFocusableElements.filter(element => element.matches(focusableSelectors)) : defaultFocusableElements;
   const firstElement = customFocusableElements[0];
   const lastElement = customFocusableElements[customFocusableElements.length - 1];
-
   if (bespokeTrap) {
     bespokeTrap(ev, firstElement, lastElement);
     return;
   }
-
   if (ev.key !== "Tab") return;
-
-  if (!(customFocusableElements !== null && customFocusableElements !== void 0 && customFocusableElements.length)) {
+  if (!customFocusableElements?.length) {
     /* Block the trap */
     ev.preventDefault();
     return;
   }
+  const activeElement = document.activeElement;
 
-  const activeElement = document.activeElement; // special case if focus is on document body
-
+  // special case if focus is on document body
   if (activeElement === document.body) {
     ev.preventDefault();
     setElementFocus(firstElement);
     return;
   }
-
   if (!focusableSelectors) {
     return;
   }
-
   const elementWhenWrapperFocused = ev.shiftKey ? firstElement : lastElement;
   const elementToFocus = getNextElement(isWrapperFocused ? elementWhenWrapperFocused : activeElement, customFocusableElements, ev.shiftKey);
   const defaultNextElement = getNextElement(isWrapperFocused ? elementWhenWrapperFocused : activeElement, defaultFocusableElements, ev.shiftKey);
-
   if (elementToFocus && elementToFocus !== defaultNextElement) {
     // if next element would match the custom selector anyway, then no need to prevent default
     setElementFocus(elementToFocus);
     ev.preventDefault();
   }
 };
-
 export { defaultFocusableSelectors, getNextElement, setElementFocus, onTabGuardFocus, trapFunction };

package/esm/__internal__/focus-trap/focus-trap.component.d.ts

@@ -19,5 +19,5 @@ export interface FocusTrapProps {
     /** an optional array of refs to containers whose content should also be reachable from the FocusTrap */
     additionalWrapperRefs?: CustomRefObject<HTMLElement>[];
 }
-declare const FocusTrap: ({ children, autoFocus, focusableSelectors, focusFirstElement, bespokeTrap, wrapperRef, isOpen, additionalWrapperRefs, }: FocusTrapProps) => JSX.Element;
+declare const FocusTrap: ({ children, autoFocus, focusableSelectors, focusFirstElement, bespokeTrap, wrapperRef, isOpen, additionalWrapperRefs, }: FocusTrapProps) => React.JSX.Element;
 export default FocusTrap;