carbon-react 118.5.1 → 118.6.0

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

@@ -5,18 +5,21 @@ import { ModalContext } from "../../components/modal/modal.component";
 import usePrevious from "../../hooks/__internal__/usePrevious";
 import TopModalContext from "../../components/carbon-provider/top-modal-context";
 export const TAB_GUARD_TOP = "tab-guard-top";
-export const TAB_GUARD_BOTTOM = "tab-guard-bottom"; // TODO investigate why React.RefObject<T> produces a failed prop type when current = null
-
-const FocusTrap = ({
-  children,
-  autoFocus = true,
-  focusableSelectors,
-  focusFirstElement,
-  bespokeTrap,
-  wrapperRef,
-  isOpen,
-  additionalWrapperRefs
-}) => {
+export const TAB_GUARD_BOTTOM = "tab-guard-bottom";
+
+// TODO investigate why React.RefObject<T> produces a failed prop type when current = null
+
+const FocusTrap = _ref => {
+  let {
+    children,
+    autoFocus = true,
+    focusableSelectors,
+    focusFirstElement,
+    bespokeTrap,
+    wrapperRef,
+    isOpen,
+    additionalWrapperRefs
+  } = _ref;
   const trapRef = useRef(null);
   const [currentFocusedElement, setCurrentFocusedElement] = useState();
   const {
@@ -25,33 +28,30 @@ const FocusTrap = ({
   } = useContext(ModalContext);
   const {
     topModal
-  } = useContext(TopModalContext); // we ensure that isTopModal is true if there is no TopModalContext, so that consumers who have not
+  } = useContext(TopModalContext);
+  // we ensure that isTopModal is true if there is no TopModalContext, so that consumers who have not
   // wrapped their app in CarbonProvider do not have all FocusTrap behaviour broken
-
   const isTopModal = !topModal || wrapperRef.current && topModal.contains(wrapperRef.current);
-  const trapWrappers = useMemo(() => additionalWrapperRefs !== null && additionalWrapperRefs !== void 0 && additionalWrapperRefs.length ? [wrapperRef, ...additionalWrapperRefs] : [wrapperRef], [additionalWrapperRefs, wrapperRef]);
+  const trapWrappers = useMemo(() => additionalWrapperRefs?.length ? [wrapperRef, ...additionalWrapperRefs] : [wrapperRef], [additionalWrapperRefs, wrapperRef]);
   const onTabGuardTopFocus = useMemo(() => onTabGuardFocus(trapWrappers, focusableSelectors, "top"), [focusableSelectors, trapWrappers]);
   const onTabGuardBottomFocus = useMemo(() => onTabGuardFocus(trapWrappers, focusableSelectors, "bottom"), [focusableSelectors, trapWrappers]);
   useEffect(() => {
-    additionalWrapperRefs === null || additionalWrapperRefs === void 0 ? void 0 : additionalWrapperRefs.forEach(ref => {
+    additionalWrapperRefs?.forEach(ref => {
       const {
         current: containerElement
-      } = ref; // istanbul ignore else
-
+      } = ref;
+      // istanbul ignore else
       if (containerElement) {
-        var _containerElement$pre, _containerElement$nex;
-
         // istanbul ignore else
-        if (!((_containerElement$pre = containerElement.previousElementSibling) !== null && _containerElement$pre !== void 0 && _containerElement$pre.matches(`[data-element=${TAB_GUARD_TOP}]`))) {
+        if (!containerElement.previousElementSibling?.matches(`[data-element=${TAB_GUARD_TOP}]`)) {
           const topTabGuard = document.createElement("div");
           topTabGuard.tabIndex = 0;
           topTabGuard.dataset.element = TAB_GUARD_TOP;
           containerElement.insertAdjacentElement("beforebegin", topTabGuard);
           topTabGuard.addEventListener("focus", onTabGuardTopFocus(ref));
-        } // istanbul ignore else
-
-
-        if (!((_containerElement$nex = containerElement.nextElementSibling) !== null && _containerElement$nex !== void 0 && _containerElement$nex.matches(`[data-element=${TAB_GUARD_BOTTOM}]`))) {
+        }
+        // istanbul ignore else
+        if (!containerElement.nextElementSibling?.matches(`[data-element=${TAB_GUARD_BOTTOM}]`)) {
           const bottomTabGuard = document.createElement("div");
           bottomTabGuard.tabIndex = 0;
           bottomTabGuard.dataset.element = TAB_GUARD_BOTTOM;
@@ -61,18 +61,13 @@ const FocusTrap = ({
       }
     });
     return () => {
-      additionalWrapperRefs === null || additionalWrapperRefs === void 0 ? void 0 : additionalWrapperRefs.forEach(ref => {
-        var _ref$current, _ref$current2;
-
-        const previousElement = (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.previousElementSibling;
-
-        if (previousElement !== null && previousElement !== void 0 && previousElement.matches(`[data-element=${TAB_GUARD_TOP}]`)) {
+      additionalWrapperRefs?.forEach(ref => {
+        const previousElement = ref.current?.previousElementSibling;
+        if (previousElement?.matches(`[data-element=${TAB_GUARD_TOP}]`)) {
           previousElement.remove();
         }
-
-        const nextElement = (_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : _ref$current2.nextElementSibling;
-
-        if (nextElement !== null && nextElement !== void 0 && nextElement.matches(`[data-element=${TAB_GUARD_BOTTOM}]`)) {
+        const nextElement = ref.current?.nextElementSibling;
+        if (nextElement?.matches(`[data-element=${TAB_GUARD_BOTTOM}]`)) {
           nextElement.remove();
         }
       });
@@ -83,8 +78,8 @@ const FocusTrap = ({
   useEffect(() => {
     if (shouldSetFocus && !prevShouldSetFocus) {
       const candidateFirstElement = focusFirstElement && "current" in focusFirstElement ? focusFirstElement.current : focusFirstElement;
-      const elementToFocus = candidateFirstElement || wrapperRef.current; // istanbul ignore else
-
+      const elementToFocus = candidateFirstElement || wrapperRef.current;
+      // istanbul ignore else
       if (elementToFocus) {
         setElementFocus(elementToFocus);
       }
@@ -106,11 +101,9 @@ const FocusTrap = ({
       if (!isTopModal) {
         return;
       }
-
       const focusableElements = getFocusableElements(defaultFocusableSelectors);
       trapFunction(ev, focusableElements, document.activeElement === wrapperRef.current, focusableSelectors, bespokeTrap);
     };
-
     document.addEventListener("keydown", trapFn, true);
     return function cleanup() {
       document.removeEventListener("keydown", trapFn, true);
@@ -118,24 +111,20 @@ const FocusTrap = ({
   }, [bespokeTrap, wrapperRef, focusableSelectors, getFocusableElements, isTopModal]);
   const updateCurrentFocusedElement = useCallback(() => {
     const focusableElements = getFocusableElements(focusableSelectors || defaultFocusableSelectors);
-    const element = focusableElements === null || focusableElements === void 0 ? void 0 : focusableElements.find(el => el === document.activeElement);
-
+    const element = focusableElements?.find(el => el === document.activeElement);
     if (element) {
       setCurrentFocusedElement(element);
     }
   }, [getFocusableElements, focusableSelectors]);
   const refocusTrap = useCallback(() => {
-    var _wrapperRef$current;
-
     if (currentFocusedElement && !currentFocusedElement.hasAttribute("disabled")) {
       // the trap breaks if it tries to refocus a disabled element
       setElementFocus(currentFocusedElement);
-    } else if ((_wrapperRef$current = wrapperRef.current) !== null && _wrapperRef$current !== void 0 && _wrapperRef$current.hasAttribute("tabindex")) {
+    } else if (wrapperRef.current?.hasAttribute("tabindex")) {
       setElementFocus(wrapperRef.current);
     } else {
       const focusableElements = getFocusableElements(focusableSelectors || defaultFocusableSelectors);
       /* istanbul ignore else */
-
       if (focusableElements.length) {
         setElementFocus(focusableElements[0]);
       }
@@ -153,81 +142,39 @@ const FocusTrap = ({
       setTabIndex(0);
     }
   }, [isOpen]);
-
   const onBlur = () => {
     /* istanbul ignore else */
     if (isOpen) {
       setTabIndex(undefined);
     }
   };
-
-  const focusProps = hasNoTabIndex => ({ ...(hasNoTabIndex && {
+  const focusProps = hasNoTabIndex => ({
+    ...(hasNoTabIndex && {
       tabIndex,
       onBlur
     }),
     onFocus: updateCurrentFocusedElement
-  }); // passes focusProps, sets tabIndex and onBlur if no tabIndex has been expicitly set on child
-
+  });
 
+  // passes focusProps, sets tabIndex and onBlur if no tabIndex has been expicitly set on child
   const clonedChildren = React.Children.map(children, child => {
-    var _focusableChild$props;
-
     const focusableChild = child;
-    return /*#__PURE__*/React.cloneElement(focusableChild, focusProps((focusableChild === null || focusableChild === void 0 ? void 0 : (_focusableChild$props = focusableChild.props) === null || _focusableChild$props === void 0 ? void 0 : _focusableChild$props.tabIndex) === undefined));
+    return /*#__PURE__*/React.cloneElement(focusableChild, focusProps(focusableChild?.props?.tabIndex === undefined));
   });
   return /*#__PURE__*/React.createElement("div", {
     ref: trapRef
   }, /*#__PURE__*/React.createElement("div", {
-    "data-element": TAB_GUARD_TOP // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
+    "data-element": TAB_GUARD_TOP
+    // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
     ,
     tabIndex: 0,
     onFocus: onTabGuardTopFocus(wrapperRef)
   }), clonedChildren, /*#__PURE__*/React.createElement("div", {
-    "data-element": TAB_GUARD_BOTTOM // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
+    "data-element": TAB_GUARD_BOTTOM
+    // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
     ,
     tabIndex: 0,
     onFocus: onTabGuardBottomFocus(wrapperRef)
   }));
 };
-
-FocusTrap.propTypes = {
-  "additionalWrapperRefs": PropTypes.arrayOf(PropTypes.shape({
-    "current": function (props, propName) {
-      if (props[propName] == null) {
-        return null;
-      } else if (typeof props[propName] !== 'object' || props[propName].nodeType !== 1) {
-        return new Error("Expected prop '" + propName + "' to be of type Element");
-      }
-    }
-  })),
-  "autoFocus": PropTypes.bool,
-  "bespokeTrap": PropTypes.func,
-  "children": PropTypes.node,
-  "focusableSelectors": PropTypes.string,
-  "focusFirstElement": PropTypes.oneOfType([function (props, propName) {
-    if (props[propName] == null) {
-      return new Error("Prop '" + propName + "' is required but wasn't specified");
-    } else if (typeof props[propName] !== 'object' || props[propName].nodeType !== 1) {
-      return new Error("Expected prop '" + propName + "' to be of type Element");
-    }
-  }, PropTypes.shape({
-    "current": function (props, propName) {
-      if (props[propName] == null) {
-        return null;
-      } else if (typeof props[propName] !== 'object' || props[propName].nodeType !== 1) {
-        return new Error("Expected prop '" + propName + "' to be of type Element");
-      }
-    }
-  })]),
-  "isOpen": PropTypes.bool,
-  "wrapperRef": PropTypes.shape({
-    "current": function (props, propName) {
-      if (props[propName] == null) {
-        return null;
-      } else if (typeof props[propName] !== 'object' || props[propName].nodeType !== 1) {
-        return new Error("Expected prop '" + propName + "' to be of type Element");
-      }
-    }
-  }).isRequired
-};
 export default FocusTrap;

package/esm/__internal__/form-field/form-field.component.d.ts

@@ -57,7 +57,7 @@ export interface FormFieldProps extends CommonFormFieldProps, TagProps {
     useValidationIcon?: boolean;
 }
 declare const FormField: {
-    ({ children, "data-component": dataComponent, disabled, fieldHelp: fieldHelpContent, fieldHelpInline, error, warning, info, tooltipId, fieldHelpId, label, labelId, labelAlign, labelHelp, labelHelpIcon, labelInline, labelSpacing, labelWidth, id, reverse, isOptional, useValidationIcon, adaptiveLabelBreakpoint, isRequired, validationIconId, validationRedesignOptIn, ...rest }: FormFieldProps): JSX.Element;
+    ({ children, "data-component": dataComponent, disabled, fieldHelp: fieldHelpContent, fieldHelpInline, error, warning, info, tooltipId, fieldHelpId, label, labelId, labelAlign, labelHelp, labelHelpIcon, labelInline, labelSpacing, labelWidth, id, reverse, isOptional, useValidationIcon, adaptiveLabelBreakpoint, isRequired, validationIconId, validationRedesignOptIn, ...rest }: FormFieldProps): React.JSX.Element;
     displayName: string;
 };
 export default FormField;

package/esm/__internal__/form-field/form-field.component.js

@@ -1,5 +1,4 @@
-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, { useContext, useEffect, useLayoutEffect, useMemo, useRef } from "react";
 import PropTypes from "prop-types";
 import invariant from "invariant";
@@ -10,36 +9,36 @@ import tagComponent from "../utils/helpers/tags/tags";
 import { TabContext } from "../../components/tabs/tab";
 import useIsAboveBreakpoint from "../../hooks/__internal__/useIsAboveBreakpoint";
 import useFormSpacing from "../../hooks/__internal__/useFormSpacing";
-
-const FormField = ({
-  children,
-  "data-component": dataComponent,
-  disabled,
-  fieldHelp: fieldHelpContent,
-  fieldHelpInline,
-  error,
-  warning,
-  info,
-  tooltipId,
-  fieldHelpId,
-  label,
-  labelId,
-  labelAlign,
-  labelHelp,
-  labelHelpIcon,
-  labelInline,
-  labelSpacing = 2,
-  labelWidth,
-  id,
-  reverse,
-  isOptional,
-  useValidationIcon,
-  adaptiveLabelBreakpoint,
-  isRequired,
-  validationIconId,
-  validationRedesignOptIn,
-  ...rest
-}) => {
+const FormField = _ref => {
+  let {
+    children,
+    "data-component": dataComponent,
+    disabled,
+    fieldHelp: fieldHelpContent,
+    fieldHelpInline,
+    error,
+    warning,
+    info,
+    tooltipId,
+    fieldHelpId,
+    label,
+    labelId,
+    labelAlign,
+    labelHelp,
+    labelHelpIcon,
+    labelInline,
+    labelSpacing = 2,
+    labelWidth,
+    id,
+    reverse,
+    isOptional,
+    useValidationIcon,
+    adaptiveLabelBreakpoint,
+    isRequired,
+    validationIconId,
+    validationRedesignOptIn,
+    ...rest
+  } = _ref;
   const invalidValidationProp = useMemo(() => {
     const validationProps = {
       error: !!error,
@@ -52,11 +51,9 @@ const FormField = ({
   !(invalidValidationProp === undefined) ? process.env.NODE_ENV !== "production" ? invariant(false, `Prop \`${invalidValidationProp}\` cannot be used in conjunction with \`disabled\`. ` + "Use `readOnly` if you require users to see validations with a non-interactive field") : invariant(false) : void 0;
   const largeScreen = useIsAboveBreakpoint(adaptiveLabelBreakpoint);
   let inlineLabel = labelInline;
-
   if (adaptiveLabelBreakpoint) {
     inlineLabel = largeScreen;
   }
-
   const {
     setError,
     setWarning,
@@ -110,190 +107,5 @@ const FormField = ({
     validationIconId: validationIconId
   }, label), fieldHelpInline && fieldHelp, !reverse && children), !fieldHelpInline && fieldHelp);
 };
-
-FormField.propTypes = {
-  "adaptiveLabelBreakpoint": PropTypes.number,
-  "children": PropTypes.node,
-  "data-component": PropTypes.string,
-  "data-element": PropTypes.string,
-  "data-role": PropTypes.string,
-  "disabled": PropTypes.bool,
-  "error": PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-  "fieldHelp": PropTypes.node,
-  "fieldHelpId": PropTypes.string,
-  "fieldHelpInline": PropTypes.bool,
-  "id": PropTypes.string.isRequired,
-  "info": PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-  "isOptional": PropTypes.bool,
-  "isRequired": PropTypes.bool,
-  "label": PropTypes.node,
-  "labelAlign": PropTypes.oneOf(["left", "right"]),
-  "labelHelp": PropTypes.node,
-  "labelHelpIcon": PropTypes.oneOf(["add", "admin", "alert_on", "alert", "analysis", "arrow_bottom_right_circle", "arrow_down", "arrow_left_boxed", "arrow_left_right_small", "arrow_left_small", "arrow_left", "arrow_right_small", "arrow_right", "arrow_top_left_circle", "arrow_up", "arrow", "arrows_left_right", "attach", "bank_with_card", "bank", "basket_with_squares", "basket", "bed", "bin", "block_arrow_right", "blocked_square", "blocked", "bold", "box_arrow_left", "boxed_shapes", "bulk_destroy", "bullet_list_dotted", "bullet_list_numbers", "bullet_list", "business", "calendar_today", "calendar", "call", "camera", "car_lock", "car_money", "car_repair", "card_view", "caret_down", "caret_large_down", "caret_large_left", "caret_large_right", "caret_large_up", "caret_left", "caret_right", "caret_up", "cart", "cash", "chart_bar", "chart_line", "chart_pie", "chat_notes", "chat", "check_all", "check_none", "chevron_down_thick", "chevron_down", "chevron_left_thick", "chevron_left", "chevron_right_thick", "chevron_right", "chevron_up_thick", "chevron_up", "circle_with_dots", "circles_connection", "clock", "close", "coins", "collaborate", "computer_clock", "connect", "construction", "contacts", "copy", "create", "credit_card_slash", "credit_card", "cross_circle", "cross", "csv", "dashboard", "delete", "delivery", "disconnect", "disputed", "document_right_align", "document_tick", "document_vertical_lines", "download", "draft", "drag_vertical", "drag", "drill", "dropdown", "duplicate", "edit", "edited", "ellipsis_horizontal", "ellipsis_vertical", "email_switch", "email", "entry", "envelope_dollar", "envelope_euro", "error_square", "error", "euro", "expand", "factory", "favourite_lined", "favourite", "fax", "feedback", "file_excel", "file_generic", "file_image", "file_pdf", "file_word", "files_leaning", "filter_new", "filter", "fit_height", "fit_width", "flag", "folder", "form_refresh", "gift", "go", "graduation_hat", "graph", "grid", "hand_cash_coins", "hand_cash_note", "help", "hide", "home", "image", "in_progress", "in_transit", "individual", "info", "italic", "key", "laptop", "ledger_arrow_left", "ledger_arrow_right", "ledger", "lightbulb_off", "lightbulb_on", "link", "list_view", "location", "locked", "logout", "lookup", "marker", "message", "minus_large", "minus", "mobile", "money_bag", "none", "old_warning", "palm_tree", "pause_circle", "pause", "pdf", "people_switch", "people", "percentage_boxed", "person_info", "person_tick", "person", "petrol_pump", "phone", "piggy_bank", "plane", "play_circle", "play", "plus_large", "plus", "pound", "print", "progress", "progressed", "question_hollow", "question_mark", "question", "refresh_clock", "refresh", "remove", "sage_coin", "save", "scan", "search", "services", "settings_old", "settings", "share", "shop", "sort_down", "sort_up", "spanner", "split_container", "split", "square_dot", "squares_nine", "stacked_boxes", "stacked_squares", "submitted", "sync", "tag", "talk", "theatre_masks", "three_boxes", "tick_circle", "tick_thick", "tick", "true_tick", "u_turn_left", "u_turn_right", "undo", "unlocked", "upload", "uploaded", "video", "view", "warning"]),
-  "labelId": PropTypes.string,
-  "labelInline": PropTypes.bool,
-  "labelSpacing": PropTypes.oneOf([1, 2]),
-  "labelWidth": 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]),
-  "reverse": PropTypes.bool,
-  "tooltipId": PropTypes.string,
-  "useValidationIcon": PropTypes.bool,
-  "validationIconId": PropTypes.string,
-  "validationRedesignOptIn": PropTypes.bool,
-  "warning": PropTypes.oneOfType([PropTypes.string, PropTypes.bool])
-};
 FormField.displayName = "FormField";
 export default FormField;

package/esm/__internal__/form-field/form-field.style.js

@@ -14,11 +14,14 @@ FormFieldStyle.defaultProps = {
   theme: baseTheme
 };
 const FieldLineStyle = styled.div`
-  ${({
-  inline
-}) => css`
+  ${_ref => {
+  let {
+    inline
+  } = _ref;
+  return css`
     display: ${inline ? "flex" : "block"};
-  `}
+  `;
+}}
 `;
 export { FieldLineStyle };
 export default FormFieldStyle;

package/esm/__internal__/form-spacing-provider/form-spacing-provider.component.d.ts

@@ -3,5 +3,5 @@ import { FormSpacingContextProps } from "./form-spacing-context";
 interface FormSpacingProviderProps extends FormSpacingContextProps {
     children: React.ReactNode;
 }
-declare const FormSpacingProvider: ({ marginBottom, children, }: FormSpacingProviderProps) => JSX.Element;
+declare const FormSpacingProvider: ({ marginBottom, children, }: FormSpacingProviderProps) => React.JSX.Element;
 export default FormSpacingProvider;

package/esm/__internal__/form-spacing-provider/form-spacing-provider.component.js

@@ -1,18 +1,15 @@
 import React from "react";
 import PropTypes from "prop-types";
 import { FormSpacingContext } from "./form-spacing-context";
-
-const FormSpacingProvider = ({
-  marginBottom,
-  children
-}) => /*#__PURE__*/React.createElement(FormSpacingContext.Provider, {
-  value: {
-    marginBottom
-  }
-}, children);
-
-FormSpacingProvider.propTypes = {
-  "children": PropTypes.node,
-  "marginBottom": PropTypes.string
+const FormSpacingProvider = _ref => {
+  let {
+    marginBottom,
+    children
+  } = _ref;
+  return /*#__PURE__*/React.createElement(FormSpacingContext.Provider, {
+    value: {
+      marginBottom
+    }
+  }, children);
 };
 export default FormSpacingProvider;

package/esm/__internal__/full-screen-heading/full-screen-heading.component.js

@@ -1,5 +1,4 @@
-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 tagComponent from "../utils/helpers/tags/tags";

package/esm/__internal__/full-screen-heading/full-screen-heading.style.js

@@ -5,11 +5,14 @@ export const StyledHeaderContainer = styled.div`
   flex-wrap: wrap;
 `;
 const StyledFullScreenHeading = styled.div`
-  ${({
-  hasContent
-}) => hasContent && css`
+  ${_ref => {
+  let {
+    hasContent
+  } = _ref;
+  return hasContent && css`
       border-bottom: 1px solid var(--colorsUtilityMajor050);
-    `}
+    `;
+}}
   background-color: var(--colorsUtilityYang100);
   display: flex;
   justify-content: space-between;