carbon-react 118.5.0 → 118.5.2

package/lib/__internal__/label/icon-wrapper.style.js

@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _validationIcon = _interopRequireDefault(require("../validations/validation-icon.style"));
-
 var _help = _interopRequireDefault(require("../../components/help/help.style"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const StyledIconWrapper = _styledComponents.default.div`
   display: inline-block;
   margin: 0;

package/lib/__internal__/label/index.js

@@ -9,7 +9,5 @@ Object.defineProperty(exports, "default", {
     return _label.default;
   }
 });
-
 var _label = _interopRequireDefault(require("./label.component"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/__internal__/label/label.component.d.ts

@@ -20,6 +20,6 @@ export interface LabelProps extends ValidationProps, StyledLabelProps, StyledLab
     /** Id of the validation icon */
     validationIconId?: string;
 }
-export declare const Label: ({ align, children, disabled, error, help, helpIcon, htmlFor, info, inline, isRequired, labelId, optional, pr, pl, tooltipId, useValidationIcon, validationIconId, warning, width, }: LabelProps) => JSX.Element;
-declare const _default: React.MemoExoticComponent<({ align, children, disabled, error, help, helpIcon, htmlFor, info, inline, isRequired, labelId, optional, pr, pl, tooltipId, useValidationIcon, validationIconId, warning, width, }: LabelProps) => JSX.Element>;
+export declare const Label: ({ align, children, disabled, error, help, helpIcon, htmlFor, info, inline, isRequired, labelId, optional, pr, pl, tooltipId, useValidationIcon, validationIconId, warning, width, }: LabelProps) => React.JSX.Element;
+declare const _default: React.MemoExoticComponent<({ align, children, disabled, error, help, helpIcon, htmlFor, info, inline, isRequired, labelId, optional, pr, pl, tooltipId, useValidationIcon, validationIconId, warning, width, }: LabelProps) => React.JSX.Element>;
 export default _default;

package/lib/__internal__/label/label.component.js

@@ -4,67 +4,57 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Label = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _help = _interopRequireDefault(require("../../components/help"));
-
 var _label = _interopRequireWildcard(require("./label.style"));
-
 var _validationIcon = _interopRequireDefault(require("../validations/validation-icon.component"));
-
 var _iconWrapper = _interopRequireDefault(require("./icon-wrapper.style"));
-
 var _inputBehaviour = require("../input-behaviour");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-const shouldDisplayValidationIcon = ({
-  error,
-  warning,
-  info,
-  disabled
-}) => {
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const shouldDisplayValidationIcon = _ref => {
+  let {
+    error,
+    warning,
+    info,
+    disabled
+  } = _ref;
   const validation = error || warning || info;
   return disabled ? false : typeof validation === "string";
 };
-
-const tooltipPosition = ({
-  error,
-  warning,
-  info,
-  inline
-}) => {
+const tooltipPosition = _ref2 => {
+  let {
+    error,
+    warning,
+    info,
+    inline
+  } = _ref2;
   return (error || warning || info) && inline ? "top" : "right";
 };
-
-const Label = ({
-  align = "right",
-  children,
-  disabled,
-  error,
-  help,
-  helpIcon,
-  htmlFor,
-  info,
-  inline,
-  isRequired,
-  labelId,
-  optional,
-  pr,
-  pl,
-  tooltipId,
-  useValidationIcon = true,
-  validationIconId,
-  warning,
-  width = 30
-}) => {
+const Label = _ref3 => {
+  let {
+    align = "right",
+    children,
+    disabled,
+    error,
+    help,
+    helpIcon,
+    htmlFor,
+    info,
+    inline,
+    isRequired,
+    labelId,
+    optional,
+    pr,
+    pl,
+    tooltipId,
+    useValidationIcon = true,
+    validationIconId,
+    warning,
+    width = 30
+  } = _ref3;
   const [isFocused, setFocus] = (0, _react.useState)(false);
   const {
     onMouseEnter,
@@ -74,23 +64,19 @@ const Label = ({
     onMouseEnter: onGroupMouseEnter,
     onMouseLeave: onGroupMouseLeave
   } = (0, _react.useContext)(_inputBehaviour.InputGroupContext);
-
   const handleMouseEnter = () => {
     if (onMouseEnter) onMouseEnter();
     if (onGroupMouseEnter) onGroupMouseEnter();
   };
-
   const handleMouseLeave = () => {
     if (onMouseLeave) onMouseLeave();
     if (onGroupMouseLeave) onGroupMouseLeave();
   };
-
   const icon = () => {
     const wrapperProps = {
       onFocus: () => setFocus(true),
       onBlur: () => setFocus(false)
     };
-
     if (useValidationIcon && shouldDisplayValidationIcon({
       error,
       warning,
@@ -112,14 +98,12 @@ const Label = ({
         tooltipFlipOverrides: ["top", "bottom"]
       }));
     }
-
     return help && /*#__PURE__*/_react.default.createElement(_iconWrapper.default, wrapperProps, /*#__PURE__*/_react.default.createElement(_help.default, {
       tooltipId: tooltipId,
       type: helpIcon,
       isFocused: isFocused
     }, help));
   };
-
   return /*#__PURE__*/_react.default.createElement(_label.StyledLabelContainer, {
     align: align,
     inline: inline,
@@ -137,30 +121,6 @@ const Label = ({
     isRequired: isRequired
   }, children), icon());
 };
-
 exports.Label = Label;
-Label.propTypes = {
-  "align": _propTypes.default.oneOf(["left", "right"]),
-  "children": _propTypes.default.node,
-  "disabled": _propTypes.default.bool,
-  "error": _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
-  "help": _propTypes.default.node,
-  "helpIcon": _propTypes.default.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"]),
-  "htmlFor": _propTypes.default.string,
-  "info": _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
-  "inline": _propTypes.default.bool,
-  "isRequired": _propTypes.default.bool,
-  "labelId": _propTypes.default.string,
-  "optional": _propTypes.default.bool,
-  "pl": _propTypes.default.oneOf([1, 2]),
-  "pr": _propTypes.default.oneOf([1, 2]),
-  "tooltipId": _propTypes.default.string,
-  "useValidationIcon": _propTypes.default.bool,
-  "validationIconId": _propTypes.default.string,
-  "warning": _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
-  "width": _propTypes.default.number
-};
-
 var _default = /*#__PURE__*/_react.default.memo(Label);
-
 exports.default = _default;

package/lib/__internal__/label/label.style.js

@@ -4,34 +4,36 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.StyledLabelContainer = void 0;
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const StyledLabel = _styledComponents.default.label`
   color: var(--colorsUtilityYin090);
   display: block;
   font-weight: 600; //TODO: (tokens) use token var(--fontWeights500)
 
-  ${({
-  isRequired
-}) => isRequired && (0, _styledComponents.css)`
+  ${_ref => {
+  let {
+    isRequired
+  } = _ref;
+  return isRequired && (0, _styledComponents.css)`
       ::after {
         content: "*";
         color: var(--colorsSemanticNegative500);
         font-weight: 700;
         margin-left: var(--spacing100);
       }
-    `}
+    `;
+}}
 
-  ${({
-  disabled
-}) => disabled && (0, _styledComponents.css)`
+  ${_ref2 => {
+  let {
+    disabled
+  } = _ref2;
+  return disabled && (0, _styledComponents.css)`
       color: var(--colorsUtilityYin030);
-    `}
+    `;
+}}
 `;
 const DEFAULT_CONTAINER_WIDTH = 30;
 const StyledLabelContainer = _styledComponents.default.div`
@@ -39,13 +41,15 @@ const StyledLabelContainer = _styledComponents.default.div`
   align-items: center;
   margin-bottom: 8px;
 
-  ${({
-  align,
-  inline,
-  pr,
-  pl,
-  width
-}) => inline && (0, _styledComponents.css)`
+  ${_ref3 => {
+  let {
+    align,
+    inline,
+    pr,
+    pl,
+    width
+  } = _ref3;
+  return inline && (0, _styledComponents.css)`
       box-sizing: border-box;
       margin-bottom: 0;
       ${pr && (0, _styledComponents.css)`
@@ -56,17 +60,21 @@ const StyledLabelContainer = _styledComponents.default.div`
       `};
       justify-content: ${align === "right" ? "flex-end" : "flex-start"};
       width: ${width || DEFAULT_CONTAINER_WIDTH}%;
-    `}
+    `;
+}}
 
-  ${({
-  optional
-}) => optional && (0, _styledComponents.css)`
+  ${_ref4 => {
+  let {
+    optional
+  } = _ref4;
+  return optional && (0, _styledComponents.css)`
       ::after {
         content: "(optional)";
         font-weight: 350; //TODO: (tokens) use token var(--fontWeights400)
         margin-left: 4px;
       }
-    `}
+    `;
+}}
 `;
 exports.StyledLabelContainer = StyledLabelContainer;
 var _default = StyledLabel;

package/lib/__internal__/popover/index.js

@@ -9,7 +9,5 @@ Object.defineProperty(exports, "default", {
     return _popover.default;
   }
 });
-
 var _popover = _interopRequireDefault(require("./popover.component"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/__internal__/popover/popover.component.d.ts

@@ -10,5 +10,5 @@ export interface PopoverProps {
     isOpen?: boolean;
     animationFrame?: boolean;
 }
-declare const Popover: ({ children, placement, disablePortal, reference, middleware, disableBackgroundUI, isOpen, animationFrame, }: PopoverProps) => JSX.Element;
+declare const Popover: ({ children, placement, disablePortal, reference, middleware, disableBackgroundUI, isOpen, animationFrame, }: PopoverProps) => React.JSX.Element;
 export default Popover;

package/lib/__internal__/popover/popover.component.js

@@ -4,63 +4,45 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _reactDom = _interopRequireDefault(require("react-dom"));
-
 var _dom = require("@floating-ui/dom");
-
 var _useFloating = _interopRequireDefault(require("../../hooks/__internal__/useFloating"));
-
 var _popover = require("./popover.style");
-
 var _carbonScopedTokensProvider = _interopRequireDefault(require("../../style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component"));
-
 var _modal = require("../../components/modal/modal.component");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const defaultMiddleware = [(0, _dom.flip)({
   fallbackStrategy: "initialPlacement"
 })];
-
-const Popover = ({
-  children,
-  placement,
-  disablePortal,
-  reference,
-  middleware = defaultMiddleware,
-  disableBackgroundUI,
-  isOpen = true,
-  animationFrame
-}) => {
-  var _reference$current;
-
+const Popover = _ref => {
+  let {
+    children,
+    placement,
+    disablePortal,
+    reference,
+    middleware = defaultMiddleware,
+    disableBackgroundUI,
+    isOpen = true,
+    animationFrame
+  } = _ref;
   const elementDOM = (0, _react.useRef)(null);
   const {
     isInModal
   } = (0, _react.useContext)(_modal.ModalContext);
-  const candidateNode = (_reference$current = reference.current) === null || _reference$current === void 0 ? void 0 : _reference$current.closest("[role='dialog']");
+  const candidateNode = reference.current?.closest("[role='dialog']");
   const mountNode = isInModal && candidateNode ? candidateNode : document.body;
-
   if (!elementDOM.current && !disablePortal) {
     elementDOM.current = document.createElement("div");
     mountNode.appendChild(elementDOM.current);
   }
-
   const childRef = _react.default.Children.only(children).ref;
-
   const innerRef = (0, _react.useRef)(null);
   const floatingReference = childRef || innerRef;
   let content;
-
   if (childRef) {
     content = children;
   } else {
@@ -68,7 +50,6 @@ const Popover = ({
       ref: floatingReference
     });
   }
-
   (0, _useFloating.default)({
     isOpen,
     reference,
@@ -85,47 +66,20 @@ const Popover = ({
       }
     };
   }, [disablePortal, mountNode]);
-
   if (!disableBackgroundUI) {
     content = /*#__PURE__*/_react.default.createElement(_popover.StyledPopoverContent, {
       isOpen: isOpen
     }, content);
   }
-
   if (disableBackgroundUI) {
     content = /*#__PURE__*/_react.default.createElement(_popover.StyledPopoverContent, {
       isOpen: isOpen
     }, /*#__PURE__*/_react.default.createElement(_popover.StyledBackdrop, null, content));
   }
-
   if (disablePortal) {
     return content;
   }
-
   return /*#__PURE__*/_reactDom.default.createPortal( /*#__PURE__*/_react.default.createElement(_carbonScopedTokensProvider.default, null, content), elementDOM.current);
 };
-
-Popover.propTypes = {
-  "animationFrame": _propTypes.default.bool,
-  "children": _propTypes.default.element.isRequired,
-  "disableBackgroundUI": _propTypes.default.bool,
-  "disablePortal": _propTypes.default.bool,
-  "isOpen": _propTypes.default.bool,
-  "middleware": _propTypes.default.arrayOf(_propTypes.default.shape({
-    "fn": _propTypes.default.func.isRequired,
-    "name": _propTypes.default.string.isRequired,
-    "options": _propTypes.default.any
-  })),
-  "placement": _propTypes.default.any,
-  "reference": _propTypes.default.shape({
-    "current": _propTypes.default.oneOfType([_propTypes.default.oneOf([null]), 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");
-      }
-    }]).isRequired
-  }).isRequired
-};
 var _default = Popover;
 exports.default = _default;

package/lib/__internal__/popover/popover.style.js

@@ -4,22 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledPopoverContent = exports.StyledBackdrop = void 0;
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _base = _interopRequireDefault(require("../../style/themes/base"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const StyledBackdrop = _styledComponents.default.div`
   bottom: 0;
   left: 0;
   position: fixed;
   right: 0;
   top: 0;
-  z-index: ${({
-  theme
-}) => theme.zIndex.popover};
+  z-index: ${_ref => {
+  let {
+    theme
+  } = _ref;
+  return theme.zIndex.popover;
+}};
   background: transparent;
 `;
 exports.StyledBackdrop = StyledBackdrop;
@@ -27,8 +26,11 @@ StyledBackdrop.defaultProps = {
   theme: _base.default
 };
 const StyledPopoverContent = _styledComponents.default.div`
-  ${({
-  isOpen
-}) => !isOpen && "display: none;"}
+  ${_ref2 => {
+  let {
+    isOpen
+  } = _ref2;
+  return !isOpen && "display: none;";
+}}
 `;
 exports.StyledPopoverContent = StyledPopoverContent;

package/lib/__internal__/radio-button-mapper/index.js

@@ -9,7 +9,5 @@ Object.defineProperty(exports, "default", {
     return _radioButtonMapper.default;
   }
 });
-
 var _radioButtonMapper = _interopRequireDefault(require("./radio-button-mapper.component"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/__internal__/radio-button-mapper/radio-button-mapper.component.d.ts

@@ -23,7 +23,7 @@ export interface MappedChildProps {
     name: string;
 }
 declare const RadioButtonMapper: {
-    ({ children, name, onBlur, onChange, onMouseDown, onKeyDown, value, }: RadioButtonMapperProps): JSX.Element;
+    ({ children, name, onBlur, onChange, onMouseDown, onKeyDown, value, }: RadioButtonMapperProps): React.JSX.Element;
     displayName: string;
 };
 export default RadioButtonMapper;

package/lib/__internal__/radio-button-mapper/radio-button-mapper.component.js

@@ -4,26 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-const RadioButtonMapper = ({
-  children,
-  name,
-  onBlur,
-  onChange,
-  onMouseDown,
-  onKeyDown,
-  value
-}) => {
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const RadioButtonMapper = _ref => {
+  let {
+    children,
+    name,
+    onBlur,
+    onChange,
+    onMouseDown,
+    onKeyDown,
+    value
+  } = _ref;
   const filteredChildren = (0, _react.useMemo)(() => _react.default.Children.toArray(children), [children]);
   const anyChecked = (0, _react.useMemo)(() => {
     let result = false;
@@ -37,20 +32,17 @@ const RadioButtonMapper = ({
   const isControlled = value !== undefined;
   const [checkedValue, setCheckedValue] = (0, _react.useState)(false);
   const onChangeProp = (0, _react.useCallback)(event => {
-    onChange === null || onChange === void 0 ? void 0 : onChange(event);
+    onChange?.(event);
     /* istanbul ignore else */
-
     if (!isControlled) {
       setCheckedValue(event.target.value);
     }
   }, [onChange, setCheckedValue, isControlled]);
   const buttons = filteredChildren.map(child => {
     let checked;
-
     if (! /*#__PURE__*/_react.default.isValidElement(child)) {
       return child;
     }
-
     if (isControlled) {
       // The user is controlling the input via the value prop
       checked = value === child.props.value;
@@ -61,7 +53,6 @@ const RadioButtonMapper = ({
       // Uncontrolled, existing selection or none marked as checked
       checked = checkedValue === child.props.value;
     }
-
     const childProps = {
       defaultChecked: undefined,
       checked,
@@ -75,16 +66,6 @@ const RadioButtonMapper = ({
   });
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, buttons);
 };
-
-RadioButtonMapper.propTypes = {
-  "children": _propTypes.default.node,
-  "name": _propTypes.default.string.isRequired,
-  "onBlur": _propTypes.default.func,
-  "onChange": _propTypes.default.func,
-  "onKeyDown": _propTypes.default.func,
-  "onMouseDown": _propTypes.default.func,
-  "value": _propTypes.default.string
-};
 RadioButtonMapper.displayName = "RadioButtonMapper";
 var _default = RadioButtonMapper;
 exports.default = _default;

package/lib/__internal__/sticky-footer/index.js

@@ -9,7 +9,5 @@ Object.defineProperty(exports, "default", {
     return _stickyFooter.default;
   }
 });
-
 var _stickyFooter = _interopRequireDefault(require("./sticky-footer.component"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/__internal__/sticky-footer/sticky-footer.component.d.ts

@@ -7,5 +7,5 @@ export interface StickyFooterProps {
     /** Disable the sticky behaviour manually */
     disableSticky?: boolean;
 }
-declare const StickyFooter: ({ children, containerRef, disableSticky, ...rest }: StickyFooterProps) => JSX.Element;
+declare const StickyFooter: ({ children, containerRef, disableSticky, ...rest }: StickyFooterProps) => React.JSX.Element;
 export default StickyFooter;