carbon-react 119.10.0 → 119.10.2

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

@@ -9,16 +9,15 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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 RadioButtonMapper = ({
+  children,
+  name,
+  onBlur,
+  onChange,
+  onMouseDown,
+  onKeyDown,
+  value
+}) => {
   const filteredChildren = (0, _react.useMemo)(() => _react.default.Children.toArray(children), [children]);
   const anyChecked = (0, _react.useMemo)(() => {
     let result = false;

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

@@ -13,13 +13,12 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 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; }
 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); }
 const SCROLL_THROTTLE = 50;
-const StickyFooter = _ref => {
-  let {
-    children,
-    containerRef,
-    disableSticky,
-    ...rest
-  } = _ref;
+const StickyFooter = ({
+  children,
+  containerRef,
+  disableSticky,
+  ...rest
+}) => {
   const [isSticky, setIsSticky] = (0, _react.useState)(true);
   const footerRef = (0, _react.useRef)(null);
   const checkFooterPosition = (0, _react.useCallback)((0, _throttle.default)(() => {

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

@@ -15,11 +15,9 @@ const StyledStickyFooter = _styledComponents.default.div`
   padding: var(--spacing200) var(--spacing400);
   box-sizing: border-box;
   width: 100%;
-  ${_ref => {
-  let {
-    sticky
-  } = _ref;
-  return sticky && (0, _styledComponents.css)`
+  ${({
+  sticky
+}) => sticky && (0, _styledComponents.css)`
       animation: ${FormButtonAnimation} 0.25s ease;
       position: sticky;
       bottom: 0;
@@ -27,8 +25,7 @@ const StyledStickyFooter = _styledComponents.default.div`
       background-color: var(--colorsActionMinorYang100);
       box-shadow: var(--boxShadow150);
       z-index: 1000;
-    `;
-}}
+    `}
 `;
 var _default = StyledStickyFooter;
 exports.default = _default;

package/lib/__internal__/tooltip-provider/index.js

@@ -11,16 +11,15 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 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 TooltipContext = /*#__PURE__*/_react.default.createContext({});
 exports.TooltipContext = TooltipContext;
-const TooltipProvider = _ref => {
-  let {
-    children,
-    tooltipPosition,
-    helpAriaLabel,
-    focusable,
-    tooltipVisible,
-    disabled,
-    target
-  } = _ref;
+const TooltipProvider = ({
+  children,
+  tooltipPosition,
+  helpAriaLabel,
+  focusable,
+  tooltipVisible,
+  disabled,
+  target
+}) => {
   const tooltipId = (0, _react.useRef)((0, _guid.default)());
   return /*#__PURE__*/_react.default.createElement(TooltipContext.Provider, {
     value: {

package/lib/__internal__/validation-message/validation-message.component.js

@@ -8,12 +8,11 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _validationMessage = _interopRequireDefault(require("./validation-message.style"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const ValidationMessage = _ref => {
-  let {
-    error,
-    validationId,
-    warning
-  } = _ref;
+const ValidationMessage = ({
+  error,
+  validationId,
+  warning
+}) => {
   const validation = error || warning;
   const isStringValidation = typeof validation === "string";
   return isStringValidation ? /*#__PURE__*/_react.default.createElement(_validationMessage.default, {

package/lib/__internal__/validation-message/validation-message.style.js

@@ -8,17 +8,14 @@ var _styledComponents = _interopRequireWildcard(require("styled-components"));
 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 StyledValidationMessage = _styledComponents.default.p`
-  ${_ref => {
-  let {
-    isWarning
-  } = _ref;
-  return (0, _styledComponents.css)`
+  ${({
+  isWarning
+}) => (0, _styledComponents.css)`
     color: ${isWarning ? "var(--colorsSemanticCaution600)" : "var(--colorsSemanticNegative500)"};
     font-weight: ${isWarning ? "normal" : "bold"};
     margin-top: 0px;
     margin-bottom: 8px;
-  `;
-}}
+  `}
 `;
 var _default = StyledValidationMessage;
 exports.default = _default;

package/lib/__internal__/validations/validation-icon.component.js

@@ -16,34 +16,32 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 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; }
 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); }
-const getValidationType = _ref => {
-  let {
-    error,
-    warning,
-    info
-  } = _ref;
+const getValidationType = ({
+  error,
+  warning,
+  info
+}) => {
   if (error) return "error";
   if (warning) return "warning";
   if (info) return "info";
   return null;
 };
-const ValidationIcon = _ref2 => {
-  let {
-    error,
-    warning,
-    info,
-    size,
-    onFocus,
-    onBlur,
-    iconId,
-    tooltipId,
-    isPartOfInput,
-    tabIndex = -1,
-    onClick,
-    tooltipPosition = "right",
-    tooltipFlipOverrides,
-    ...rest
-  } = _ref2;
+const ValidationIcon = ({
+  error,
+  warning,
+  info,
+  size,
+  onFocus,
+  onBlur,
+  iconId,
+  tooltipId,
+  isPartOfInput,
+  tabIndex = -1,
+  onClick,
+  tooltipPosition = "right",
+  tooltipFlipOverrides,
+  ...rest
+}) => {
   const validationTooltipId = (0, _react.useRef)(tooltipId || (0, _guid.default)());
   const flipBehaviourCheck = Array.isArray(tooltipFlipOverrides) && tooltipFlipOverrides.every(override => ["bottom", "left", "right", "top"].includes(override));
   if (tooltipFlipOverrides) {

package/lib/__internal__/validations/validation-icon.style.js

@@ -26,22 +26,16 @@ const ValidationIconStyle = _styledComponents.default.span`
   border: 0;
   outline: none;
 
-  ${_ref => {
-  let {
-    isPartOfInput
-  } = _ref;
-  return isPartOfInput && (0, _styledComponents.css)`
+  ${({
+  isPartOfInput
+}) => isPartOfInput && (0, _styledComponents.css)`
       cursor: pointer;
-    `;
-}}
+    `}
 
   ${_icon.default}:before {
-    color: ${_ref2 => {
-  let {
-    validationType
-  } = _ref2;
-  return validationIconTypes[validationType];
-}};
+    color: ${({
+  validationType
+}) => validationIconTypes[validationType]};
   }
 
   ${_icon.default}:focus {

package/lib/__spec_helper__/test-utils.js

@@ -27,8 +27,7 @@ const toCSSCase = str => {
 };
 exports.toCSSCase = toCSSCase;
 const assertStyleMatch = (styleSpec, component, opts) => {
-  Object.entries(styleSpec).forEach(_ref => {
-    let [attr, value] = _ref;
+  Object.entries(styleSpec).forEach(([attr, value]) => {
     expect(component).toHaveStyleRule(toCSSCase(attr), value, opts);
   });
 };
@@ -54,12 +53,11 @@ const keyboard = keys.reduce((acc, key) => {
 exports.keyboard = keyboard;
 const keydown = keys.reduce((acc, key) => {
   const methodName = `press${key === " " ? "Space" : key}`;
-  acc[methodName] = function (target) {
-    let {
-      shiftKey
-    } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
-      shiftKey: false
-    };
+  acc[methodName] = (target, {
+    shiftKey
+  } = {
+    shiftKey: false
+  }) => {
     target.simulate("keydown", {
       shiftKey,
       key
@@ -92,18 +90,15 @@ const selectedItemReducer = method => wrapper => (acc, i) => {
   return [...acc, selectedItemOf(wrapper)];
 };
 const arraysEqual = (arr1, arr2) => arr1.sort().join(",") === arr2.sort().join(",");
-const assertCorrectTraversal = method => expect => _ref2 => {
-  let {
-    num,
-    nonSelectables = []
-  } = _ref2;
-  return wrapper => {
-    const array = makeArrayKeys(num);
-    const validIndexes = array.filter(isSelectableGiven(nonSelectables));
-    const selectedItem = selectedItemOf(wrapper);
-    const indexesThatWereSelected = array.reduce(selectedItemReducer(method)(wrapper), [selectedItem]).filter(isUnique);
-    expect(arraysEqual(validIndexes, indexesThatWereSelected)).toBeTruthy();
-  };
+const assertCorrectTraversal = method => expect => ({
+  num,
+  nonSelectables = []
+}) => wrapper => {
+  const array = makeArrayKeys(num);
+  const validIndexes = array.filter(isSelectableGiven(nonSelectables));
+  const selectedItem = selectedItemOf(wrapper);
+  const indexesThatWereSelected = array.reduce(selectedItemReducer(method)(wrapper), [selectedItem]).filter(isUnique);
+  expect(arraysEqual(validIndexes, indexesThatWereSelected)).toBeTruthy();
 };
 const assertKeyboardTraversal = assertCorrectTraversal(() => keyboard.pressArrowDown)(expect);
 exports.assertKeyboardTraversal = assertKeyboardTraversal;
@@ -334,18 +329,14 @@ const testStyledSystemPosition = (component, styleContainer) => {
 
 // this util will catch that a console output occurred without polluting the output when running the unit tests
 exports.testStyledSystemPosition = testStyledSystemPosition;
-const expectConsoleOutput = function (message) {
-  let type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "error";
+const expectConsoleOutput = (message, type = "error") => {
   if (!message) {
     throw new Error(`no ${type} message provided`);
   }
   expect.assertions(1);
   const consoleType = global.console[type];
   let consoleArgs;
-  jest.spyOn(global.console, type).mockImplementation(function () {
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
+  jest.spyOn(global.console, type).mockImplementation((...args) => {
     if (!args.length) return;
     const msg = args.join(" ");
     const params = args.slice(1, args.length);

package/lib/components/accordion/accordion-group/accordion-group.component.js

@@ -16,11 +16,10 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 // typescript-to-proptypes breaks on recursive type references so it has to be an interface
 // eslint-disable-next-line @typescript-eslint/no-empty-interface
 
-const AccordionGroup = _ref => {
-  let {
-    children,
-    ...rest
-  } = _ref;
+const AccordionGroup = ({
+  children,
+  ...rest
+}) => {
   const hasProperChildren = (0, _react.useMemo)(() => {
     let hasAccordionChildren = true;
     _react.default.Children.toArray(children).forEach(child => {

package/lib/components/accordion/accordion.component.js

@@ -15,33 +15,32 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 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; }
 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); }
-const Accordion = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
-  let {
-    borders = "default",
-    defaultExpanded,
-    expanded,
-    onChange,
-    children,
-    handleKeyboardAccessibility,
-    id,
-    index,
-    iconType = "chevron_down",
-    iconAlign = "right",
-    scheme = "white",
-    size = "large",
-    subTitle,
-    title,
-    width,
-    headerSpacing,
-    disableContentPadding = false,
-    error,
-    warning,
-    info,
-    buttonHeading,
-    buttonWidth = "150px",
-    openTitle,
-    ...rest
-  } = _ref;
+const Accordion = /*#__PURE__*/_react.default.forwardRef(({
+  borders = "default",
+  defaultExpanded,
+  expanded,
+  onChange,
+  children,
+  handleKeyboardAccessibility,
+  id,
+  index,
+  iconType = "chevron_down",
+  iconAlign = "right",
+  scheme = "white",
+  size = "large",
+  subTitle,
+  title,
+  width,
+  headerSpacing,
+  disableContentPadding = false,
+  error,
+  warning,
+  info,
+  buttonHeading,
+  buttonWidth = "150px",
+  openTitle,
+  ...rest
+}, ref) => {
   const isControlled = expanded !== undefined;
   const [isExpandedInternal, setIsExpandedInternal] = (0, _react.useState)(defaultExpanded || false);
   const [contentHeight, setContentHeight] = (0, _react.useState)(isExpandedInternal ? "auto" : 0);

package/lib/components/accordion/accordion.style.js

@@ -19,46 +19,31 @@ exports.StyledAccordionGroup = StyledAccordionGroup;
 const StyledAccordionContainer = _styledComponents.default.div`
   ${_styledSystem.space}
   display: flex;
-  align-items: ${_ref => {
-  let {
-    buttonHeading
-  } = _ref;
-  return buttonHeading ? "flex-start" : "stretch";
-}};
+  align-items: ${({
+  buttonHeading
+}) => buttonHeading ? "flex-start" : "stretch"};
   justify-content: center;
   flex-direction: column;
   box-sizing: border-box;
-  width: ${_ref2 => {
-  let {
-    width
-  } = _ref2;
-  return width || "100%";
-}};
+  width: ${({
+  width
+}) => width || "100%"};
   color: var(--colorsUtilityYin090);
-  background-color: ${_ref3 => {
-  let {
-    scheme
-  } = _ref3;
-  return scheme === "white" ? "var(--colorsUtilityYang100)" : "var(--colorsUtilityMajorTransparent)";
-}};
+  background-color: ${({
+  scheme
+}) => scheme === "white" ? "var(--colorsUtilityYang100)" : "var(--colorsUtilityMajorTransparent)"};
   border: 1px solid var(--colorsUtilityMajor100);
-  ${_ref4 => {
-  let {
-    borders
-  } = _ref4;
-  return borders === "default" && (0, _styledComponents.css)`
+  ${({
+  borders
+}) => borders === "default" && (0, _styledComponents.css)`
       border-left: none;
       border-right: none;
-    `;
-}}
-  ${_ref5 => {
-  let {
-    borders
-  } = _ref5;
-  return borders === "none" && (0, _styledComponents.css)`
+    `}
+  ${({
+  borders
+}) => borders === "none" && (0, _styledComponents.css)`
       border: none;
-    `;
-}}
+    `}
 
   & + & {
     margin-top: -1px;
@@ -68,18 +53,12 @@ const StyledAccordionContainer = _styledComponents.default.div`
 `;
 exports.StyledAccordionContainer = StyledAccordionContainer;
 const StyledAccordionTitle = _styledComponents.default.h3`
-  font-size: ${_ref6 => {
-  let {
-    size
-  } = _ref6;
-  return size === "small" ? "14" : "20";
-}}px;
-  font-weight: ${_ref7 => {
-  let {
-    size
-  } = _ref7;
-  return size === "small" ? 700 : 900;
-}};
+  font-size: ${({
+  size
+}) => size === "small" ? "14" : "20"}px;
+  font-weight: ${({
+  size
+}) => size === "small" ? 700 : 900};
   line-height: 1;
   user-select: none;
   margin: 0;
@@ -91,29 +70,23 @@ const StyledAccordionSubTitle = _styledComponents.default.span`
 exports.StyledAccordionSubTitle = StyledAccordionSubTitle;
 const StyledAccordionIcon = (0, _styledComponents.default)(_icon.default)`
   transition: transform 0.3s;
-  margin-right: ${_ref8 => {
-  let {
-    iconAlign
-  } = _ref8;
-  return iconAlign === "left" ? "var(--spacing200)" : "var(--spacing000)";
-}};
-  ${_ref9 => {
-  let {
-    isExpanded,
-    iconAlign
-  } = _ref9;
+  margin-right: ${({
+  iconAlign
+}) => iconAlign === "left" ? "var(--spacing200)" : "var(--spacing000)"};
+  ${({
+  isExpanded,
+  iconAlign
+}) => {
   return !isExpanded && (iconAlign === "right" ? "transform: rotate(90deg)" : "transform: rotate(-90deg)");
 }};
   color: var(--colorsActionMinor500);
 `;
 exports.StyledAccordionIcon = StyledAccordionIcon;
 const StyledAccordionHeadingsContainer = _styledComponents.default.div`
-  ${_ref10 => {
-  let {
-    buttonHeading,
-    hasValidationIcon
-  } = _ref10;
-  return !buttonHeading && (0, _styledComponents.css)`
+  ${({
+  buttonHeading,
+  hasValidationIcon
+}) => !buttonHeading && (0, _styledComponents.css)`
       display: grid;
       ${hasValidationIcon && (0, _styledComponents.css)`
         grid-template-columns: min-content auto;
@@ -132,20 +105,17 @@ const StyledAccordionHeadingsContainer = _styledComponents.default.div`
         position: relative;
         top: 2px;
       }
-    `;
-}}
+    `}
 `;
 exports.StyledAccordionHeadingsContainer = StyledAccordionHeadingsContainer;
 const StyledAccordionTitleContainer = _styledComponents.default.div`
-  ${_ref11 => {
-  let {
-    buttonHeading,
-    buttonWidth,
-    iconAlign,
-    size,
-    hasButtonProps
-  } = _ref11;
-  return (0, _styledComponents.css)`
+  ${({
+  buttonHeading,
+  buttonWidth,
+  iconAlign,
+  size,
+  hasButtonProps
+}) => (0, _styledComponents.css)`
     padding: ${size === "small" ? "var(--spacing200)" : "var(--spacing300)"};
     ${_styledSystem.space}
     display: flex;
@@ -204,8 +174,7 @@ const StyledAccordionTitleContainer = _styledComponents.default.div`
         width: ${typeof buttonWidth === "number" ? `${buttonWidth}px` : buttonWidth};
       `}
     `}
-  `;
-}}
+  `}
 `;
 exports.StyledAccordionTitleContainer = StyledAccordionTitleContainer;
 const StyledAccordionContentContainer = _styledComponents.default.div`
@@ -213,20 +182,17 @@ const StyledAccordionContentContainer = _styledComponents.default.div`
   box-sizing: border-box;
   overflow: hidden;
   transition: all 0.3s;
-  ${_ref12 => {
-  let {
-    maxHeight,
-    isExpanded
-  } = _ref12;
-  return (0, _styledComponents.css)`
+  ${({
+  maxHeight,
+  isExpanded
+}) => (0, _styledComponents.css)`
     max-height: ${isExpanded ? `${maxHeight}px` : "0px"};
     height: ${isExpanded ? `${maxHeight}px` : "0px"};
 
     ${!isExpanded && `
       visibility: hidden;
     `}
-  `;
-}}
+  `}
 `;
 exports.StyledAccordionContentContainer = StyledAccordionContentContainer;
 const StyledAccordionContent = _styledComponents.default.div`
@@ -234,14 +200,11 @@ const StyledAccordionContent = _styledComponents.default.div`
   padding-top: 0;
   overflow: hidden;
 
-  ${_ref13 => {
-  let {
-    disableContentPadding
-  } = _ref13;
-  return disableContentPadding && (0, _styledComponents.css)`
+  ${({
+  disableContentPadding
+}) => disableContentPadding && (0, _styledComponents.css)`
       padding: 0;
-    `;
-}}
+    `}
 `;
 exports.StyledAccordionContent = StyledAccordionContent;
 StyledAccordionGroup.defaultProps = {

package/lib/components/action-popover/action-popover-item/action-popover-item.component.js

@@ -38,27 +38,26 @@ function calculateSubmenuPosition(ref, submenuRef, submenuPosition, currentSubme
   }
   return windowWidth >= right + offsetWidth ? "right" : "left";
 }
-const ActionPopoverItem = _ref => {
-  let {
-    children,
-    icon,
-    disabled = false,
-    onClick: onClickProp,
-    submenu,
-    placement = "bottom",
-    focusItem,
-    download,
-    href,
-    horizontalAlignment,
-    childHasSubmenu,
-    childHasIcon,
-    currentSubmenuPosition,
-    setChildHasSubmenu,
-    setChildHasIcon,
-    setCurrentSubmenuPosition,
-    isASubmenu = false,
-    ...rest
-  } = _ref;
+const ActionPopoverItem = ({
+  children,
+  icon,
+  disabled = false,
+  onClick: onClickProp,
+  submenu,
+  placement = "bottom",
+  focusItem,
+  download,
+  href,
+  horizontalAlignment,
+  childHasSubmenu,
+  childHasIcon,
+  currentSubmenuPosition,
+  setChildHasSubmenu,
+  setChildHasIcon,
+  setCurrentSubmenuPosition,
+  isASubmenu = false,
+  ...rest
+}) => {
   const l = (0, _useLocale.default)();
   const context = (0, _react.useContext)(_actionPopoverContext.default);
   !context ? process.env.NODE_ENV !== "production" ? (0, _invariant.default)(false, "ActionPopoverItem must be used within an ActionPopover component") : (0, _invariant.default)(false) : void 0;