carbon-react 119.10.0 → 119.10.2

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

@@ -16,20 +16,19 @@ 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 ActionPopoverMenu = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
-  let {
-    children,
-    parentID,
-    focusIndex,
-    isOpen,
-    menuID,
-    setOpen,
-    setFocusIndex,
-    placement = "bottom",
-    horizontalAlignment,
-    isASubmenu,
-    ...rest
-  } = _ref;
+const ActionPopoverMenu = /*#__PURE__*/_react.default.forwardRef(({
+  children,
+  parentID,
+  focusIndex,
+  isOpen,
+  menuID,
+  setOpen,
+  setFocusIndex,
+  placement = "bottom",
+  horizontalAlignment,
+  isASubmenu,
+  ...rest
+}, ref) => {
   const context = (0, _react.useContext)(_actionPopoverContext.default);
   !context ? process.env.NODE_ENV !== "production" ? (0, _invariant.default)(false, "ActionPopoverMenu must be used within an ActionPopover component") : (0, _invariant.default)(false) : void 0;
   const {

package/lib/components/action-popover/action-popover-menu-button/action-popover-menu-button.component.js

@@ -10,22 +10,19 @@ var _actionPopover = require("../action-popover.style");
 var _button = _interopRequireDefault(require("../../button"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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 ActionPopoverMenuButton = _ref => {
-  let {
-    buttonType,
-    iconType,
-    iconPosition,
-    size,
-    children,
-    ...props
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_actionPopover.MenuButtonOverrideWrapper, null, /*#__PURE__*/_react.default.createElement(_button.default, _extends({
-    buttonType: buttonType,
-    iconType: iconType,
-    iconPosition: iconPosition,
-    size: size
-  }, props), children));
-};
+const ActionPopoverMenuButton = ({
+  buttonType,
+  iconType,
+  iconPosition,
+  size,
+  children,
+  ...props
+}) => /*#__PURE__*/_react.default.createElement(_actionPopover.MenuButtonOverrideWrapper, null, /*#__PURE__*/_react.default.createElement(_button.default, _extends({
+  buttonType: buttonType,
+  iconType: iconType,
+  iconPosition: iconPosition,
+  size: size
+}, props), children));
 exports.ActionPopoverMenuButton = ActionPopoverMenuButton;
 ActionPopoverMenuButton.displayName = "ActionPopoverMenuButton";
 var _default = ActionPopoverMenuButton;

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

@@ -23,19 +23,18 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 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 onOpenDefault = () => {};
 const onCloseDefault = () => {};
-const ActionPopover = _ref => {
-  let {
-    children,
-    id,
-    onOpen = onOpenDefault,
-    onClose = onCloseDefault,
-    rightAlignMenu,
-    renderButton,
-    placement = "bottom",
-    horizontalAlignment = "left",
-    submenuPosition = "left",
-    ...rest
-  } = _ref;
+const ActionPopover = ({
+  children,
+  id,
+  onOpen = onOpenDefault,
+  onClose = onCloseDefault,
+  rightAlignMenu,
+  renderButton,
+  placement = "bottom",
+  horizontalAlignment = "left",
+  submenuPosition = "left",
+  ...rest
+}) => {
   const l = (0, _useLocale.default)();
   const [isOpen, setOpenState] = (0, _react.useState)(false);
   const [focusIndex, setFocusIndex] = (0, _react.useState)(0);
@@ -121,10 +120,9 @@ const ActionPopover = _ref => {
     modalRef: buttonRef
   });
   (0, _react.useEffect)(() => {
-    const handler = _ref2 => {
-      let {
-        target
-      } = _ref2;
+    const handler = ({
+      target
+    }) => {
       // If the event didn't came from part of this component, close the menu.
       // There will be multiple document click listeners but we cant prevent propagation because it will interfere with
       // other instances on the same page

package/lib/components/action-popover/action-popover.style.js

@@ -14,24 +14,18 @@ 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; }
 const Menu = _styledComponents.default.div`
-  ${_ref => {
-  let {
-    isOpen
-  } = _ref;
-  return isOpen ? "display: block;" : "visibility: hidden;";
-}}
+  ${({
+  isOpen
+}) => isOpen ? "display: block;" : "visibility: hidden;"}
   margin: 0;
   padding: var(--spacing100) 0;
   box-shadow: var(--boxShadow100);
   position: absolute;
   border-radius: var(--borderRadius100);
   background-color: var(--colorsUtilityYang100);
-  z-index: ${_ref2 => {
-  let {
-    theme
-  } = _ref2;
-  return `${theme.zIndex?.popover}`;
-}}; // TODO (tokens): implement elevation tokens - FE-4437
+  z-index: ${({
+  theme
+}) => `${theme.zIndex?.popover}`}; // TODO (tokens): implement elevation tokens - FE-4437
 `;
 exports.Menu = Menu;
 function getPaddingValues(childHasSubmenu, childHasIcon, hasIcon, hasSubmenu) {
@@ -63,17 +57,15 @@ function getIconPaddingValues(index, horizontalAlignment, submenuPosition, sibli
   return "var(--spacing100)";
 }
 const StyledMenuItemInnerText = _styledComponents.default.div`
-  ${_ref3 => {
-  let {
-    childHasSubmenu,
-    childHasIcon,
-    hasIcon,
-    hasSubmenu,
-    submenuPosition,
-    horizontalAlignment,
-    isASubmenu
-  } = _ref3;
-  return (0, _styledComponents.css)`
+  ${({
+  childHasSubmenu,
+  childHasIcon,
+  hasIcon,
+  hasSubmenu,
+  submenuPosition,
+  horizontalAlignment,
+  isASubmenu
+}) => (0, _styledComponents.css)`
     padding-left: ${isASubmenu ? `var(--spacing000)` : `var(--spacing100)`};
     padding-right: ${isASubmenu ? `var(--spacing000)` : `var(--spacing100)`};
 
@@ -84,8 +76,7 @@ const StyledMenuItemInnerText = _styledComponents.default.div`
     ${horizontalAlignment === "right" && submenuPosition === "right" && !isASubmenu && (0, _styledComponents.css)`
       padding-right: ${getPaddingValues(childHasSubmenu, childHasIcon, hasIcon, hasSubmenu)};
     `}
-  `;
-}}
+  `}
 `;
 exports.StyledMenuItemInnerText = StyledMenuItemInnerText;
 const StyledMenuItemOuterContainer = _styledComponents.default.div`
@@ -93,14 +84,12 @@ const StyledMenuItemOuterContainer = _styledComponents.default.div`
 `;
 exports.StyledMenuItemOuterContainer = StyledMenuItemOuterContainer;
 const StyledMenuItem = _styledComponents.default.button`
-  ${_ref4 => {
-  let {
-    horizontalAlignment,
-    submenuPosition,
-    childHasSubmenu,
-    hasSubmenu
-  } = _ref4;
-  return (0, _styledComponents.css)`
+  ${({
+  horizontalAlignment,
+  submenuPosition,
+  childHasSubmenu,
+  hasSubmenu
+}) => (0, _styledComponents.css)`
       justify-content: ${horizontalAlignment === "left" ? "flex-start" : "flex-end"};
 
       ${horizontalAlignment === "left" && submenuPosition === "right" && (0, _styledComponents.css)`
@@ -112,8 +101,7 @@ const StyledMenuItem = _styledComponents.default.button`
           justify-content: space-between;
         `}
       `}
-    `;
-}}
+    `}
 
   text-decoration: none;
   background-color: var(--colorsActionMajorYang100);
@@ -138,11 +126,9 @@ const StyledMenuItem = _styledComponents.default.button`
     border-radius: var(--borderRadius000);
   }
 
-  ${_ref5 => {
-  let {
-    isDisabled
-  } = _ref5;
-  return isDisabled && (0, _styledComponents.css)`
+  ${({
+  isDisabled
+}) => isDisabled && (0, _styledComponents.css)`
       color: var(--colorsUtilityYin030);
       cursor: not-allowed;
 
@@ -150,14 +136,11 @@ const StyledMenuItem = _styledComponents.default.button`
         cursor: not-allowed;
         color: var(--colorsUtilityYin030);
       }
-    `;
-}}
+    `}
 
-  ${_ref6 => {
-  let {
-    isDisabled
-  } = _ref6;
-  return !isDisabled && (0, _styledComponents.css)`
+  ${({
+  isDisabled
+}) => !isDisabled && (0, _styledComponents.css)`
       &:focus,
       &:hover {
         background-color: var(--colorsUtilityMajor100);
@@ -165,8 +148,7 @@ const StyledMenuItem = _styledComponents.default.button`
       && ${_icon2.default} {
         cursor: pointer;
       }
-    `;
-}}
+    `}
 `;
 exports.StyledMenuItem = StyledMenuItem;
 const StyledMenuItemWrapper = _styledComponents.default.div`
@@ -207,33 +189,28 @@ const StyledButtonIcon = _styledComponents.default.div`
 `;
 exports.StyledButtonIcon = StyledButtonIcon;
 const MenuItemIcon = (0, _styledComponents.default)(_icon.default)`
-  ${_ref7 => {
-  let {
-    horizontalAlignment,
-    submenuPosition,
-    childHasIcon,
-    childHasSubmenu,
-    hasIcon,
-    hasSubmenu,
-    isASubmenu
-  } = _ref7;
-  return (0, _styledComponents.css)`
+  ${({
+  horizontalAlignment,
+  submenuPosition,
+  childHasIcon,
+  childHasSubmenu,
+  hasIcon,
+  hasSubmenu,
+  isASubmenu
+}) => (0, _styledComponents.css)`
     justify-content: ${horizontalAlignment};
     padding: var(--spacing100)
       ${getIconPaddingValues(1, horizontalAlignment, submenuPosition, childHasIcon && childHasSubmenu && hasIcon && !hasSubmenu, isASubmenu)}
       var(--spacing100)
       ${getIconPaddingValues(2, horizontalAlignment, submenuPosition, childHasIcon && childHasSubmenu && hasIcon && !hasSubmenu, isASubmenu)};
     color: var(--colorsUtilityYin065);
-  `;
-}}
+  `}
 `;
 exports.MenuItemIcon = MenuItemIcon;
 const SubMenuItemIcon = (0, _styledComponents.default)(ButtonIcon)`
-  ${_ref8 => {
-  let {
-    type
-  } = _ref8;
-  return (0, _styledComponents.css)`
+  ${({
+  type
+}) => (0, _styledComponents.css)`
     ${type === "chevron_left_thick" && (0, _styledComponents.css)`
       left: -5px;
     `}
@@ -244,8 +221,7 @@ const SubMenuItemIcon = (0, _styledComponents.default)(ButtonIcon)`
         top: var(--sizing100);
       `}
     `}
-  `;
-}}
+  `}
 `;
 exports.SubMenuItemIcon = SubMenuItemIcon;
 const MenuButtonOverrideWrapper = _styledComponents.default.div`

package/lib/components/advanced-color-picker/advanced-color-picker-cell.style.js

@@ -15,25 +15,19 @@ const StyledAdvancedColorPickerCell = _styledComponents.default.button.attrs({
   width: 25px;
   height: 25px;
   border: 1px solid var(--colorsUtilityYin090);
-  ${_ref => {
-  let {
-    color
-  } = _ref;
-  return color && (0, _styledComponents.css)`
+  ${({
+  color
+}) => color && (0, _styledComponents.css)`
       background-color: ${color};
       border-radius: var(--borderRadius050);
-    `;
-}}
+    `}
 
-  ${_ref2 => {
-  let {
-    color
-  } = _ref2;
-  return color === "transparent" && (0, _styledComponents.css)`
+  ${({
+  color
+}) => color === "transparent" && (0, _styledComponents.css)`
       background: #eee url("data:image/svg+xml,${transparentSvg}");
       background-size: 10px 10px;
-    `;
-}}
+    `}
 
   &:hover {
     cursor: pointer;

package/lib/components/advanced-color-picker/advanced-color-picker.component.js

@@ -19,34 +19,32 @@ 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); }
 let deprecateUncontrolledWarnTriggered = false;
-const AdvancedColorPicker = _ref => {
-  let {
-    "aria-describedby": ariaDescribedBy,
-    "aria-label": ariaLabel,
-    "aria-labelledby": ariaLabelledBy,
-    availableColors,
-    defaultColor,
-    name,
-    onOpen,
-    onClose,
-    onChange,
-    onBlur,
-    open = false,
-    role,
-    selectedColor,
-    ...props
-  } = _ref;
+const AdvancedColorPicker = ({
+  "aria-describedby": ariaDescribedBy,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  availableColors,
+  defaultColor,
+  name,
+  onOpen,
+  onClose,
+  onChange,
+  onBlur,
+  open = false,
+  role,
+  selectedColor,
+  ...props
+}) => {
   const [dialogOpen, setDialogOpen] = (0, _react.useState)();
   const currentColor = selectedColor || defaultColor;
   const [selectedColorRef, setSelectedColorRef] = (0, _react.useState)(null);
   const descriptionId = (0, _react.useRef)((0, _guid.default)());
   const l = (0, _useLocale.default)();
   const simpleColorPickerData = (0, _react.useRef)(null);
-  const colors = availableColors.map((_ref2, index) => {
-    let {
-      value,
-      label
-    } = _ref2;
+  const colors = availableColors.map(({
+    value,
+    label
+  }, index) => {
     return {
       value,
       label,
@@ -162,19 +160,16 @@ const AdvancedColorPicker = _ref => {
     onBlur: handleOnBlur,
     onKeyDown: handleColorOnKeyDown,
     ref: simpleColorPickerData
-  }, colors?.map(_ref3 => {
-    let {
-      value,
-      label
-    } = _ref3;
-    return /*#__PURE__*/_react.default.createElement(_simpleColorPicker.SimpleColor, {
-      value: value,
-      key: value,
-      "aria-label": label,
-      id: value,
-      defaultChecked: value === currentColor
-    });
-  }))));
+  }, colors?.map(({
+    value,
+    label
+  }) => /*#__PURE__*/_react.default.createElement(_simpleColorPicker.SimpleColor, {
+    value: value,
+    key: value,
+    "aria-label": label,
+    id: value,
+    defaultChecked: value === currentColor
+  })))));
 };
 exports.AdvancedColorPicker = AdvancedColorPicker;
 var _default = AdvancedColorPicker;

package/lib/components/advanced-color-picker/advanced-color-picker.style.js

@@ -47,25 +47,19 @@ const StyledAdvancedColorPickerPreview = _styledComponents.default.div`
   border: 1px solid var(--colorsUtilityYin090);
   border-radius: var(--borderRadius050);
 
-  ${_ref => {
-  let {
-    color
-  } = _ref;
-  return color !== "transparent" && (0, _styledComponents.css)`
+  ${({
+  color
+}) => color !== "transparent" && (0, _styledComponents.css)`
       background-color: ${color};
-    `;
-}}
+    `}
 
-  ${_ref2 => {
-  let {
-    color
-  } = _ref2;
-  return color === "transparent" && (0, _styledComponents.css)`
+  ${({
+  color
+}) => color === "transparent" && (0, _styledComponents.css)`
       background-color: #eeeeee;
       background-image: url(${_checkerBoard.default});
       background-size: 10px 10px;
-    `;
-}}
+    `}
 
   &:hover {
     cursor: initial;

package/lib/components/alert/alert.component.js

@@ -9,18 +9,15 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _dialog = _interopRequireDefault(require("../dialog"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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 Alert = _ref => {
-  let {
-    children,
-    size = "extra-small",
-    ...rest
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_dialog.default, _extends({
-    "data-component": "alert",
-    role: "alertdialog",
-    size: size
-  }, rest), children);
-};
+const Alert = ({
+  children,
+  size = "extra-small",
+  ...rest
+}) => /*#__PURE__*/_react.default.createElement(_dialog.default, _extends({
+  "data-component": "alert",
+  role: "alertdialog",
+  size: size
+}, rest), children);
 exports.Alert = Alert;
 var _default = Alert;
 exports.default = _default;

package/lib/components/anchor-navigation/anchor-navigation-item/anchor-navigation-item.component.js

@@ -8,26 +8,23 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _anchorNavigationItem = _interopRequireDefault(require("./anchor-navigation-item.style"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const AnchorNavigationItem = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
-  let {
-    children,
-    onKeyDown,
-    onClick,
-    href,
-    tabIndex,
-    isSelected
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_anchorNavigationItem.default, {
-    isSelected: isSelected
-  }, /*#__PURE__*/_react.default.createElement("a", {
-    onKeyDown: onKeyDown,
-    onClick: onClick,
-    tabIndex: tabIndex,
-    ref: ref,
-    href: href,
-    "data-element": "anchor-navigation-item"
-  }, children));
-});
+const AnchorNavigationItem = /*#__PURE__*/_react.default.forwardRef(({
+  children,
+  onKeyDown,
+  onClick,
+  href,
+  tabIndex,
+  isSelected
+}, ref) => /*#__PURE__*/_react.default.createElement(_anchorNavigationItem.default, {
+  isSelected: isSelected
+}, /*#__PURE__*/_react.default.createElement("a", {
+  onKeyDown: onKeyDown,
+  onClick: onClick,
+  tabIndex: tabIndex,
+  ref: ref,
+  href: href,
+  "data-element": "anchor-navigation-item"
+}, children)));
 AnchorNavigationItem.propTypes = {
   "children": _propTypes.default.node,
   "href": _propTypes.default.string,

package/lib/components/anchor-navigation/anchor-navigation-item/anchor-navigation-item.style.js

@@ -27,25 +27,19 @@ const StyledNavigationItem = _styledComponents.default.li`
     }
 
     &:hover {
-      ${_ref => {
-  let {
-    isSelected
-  } = _ref;
-  return !isSelected && (0, _styledComponents.css)`
+      ${({
+  isSelected
+}) => !isSelected && (0, _styledComponents.css)`
           background-color: var(--colorsActionMinor100);
-        `;
-}};
+        `};
     }
 
-    ${_ref2 => {
-  let {
-    isSelected
-  } = _ref2;
-  return isSelected && (0, _styledComponents.css)`
+    ${({
+  isSelected
+}) => isSelected && (0, _styledComponents.css)`
         background-color: var(--colorsActionMajorYang100);
         border-left-color: var(--colorsActionMajor500);
-      `;
-}}
+      `}
   }
 `;
 var _default = StyledNavigationItem;

package/lib/components/anchor-navigation/anchor-navigation.component.js

@@ -18,11 +18,10 @@ 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 SECTION_VISIBILITY_OFFSET = 200;
 const SCROLL_THROTTLE = 100;
-const AnchorNavigation = _ref => {
-  let {
-    children,
-    stickyNavigation
-  } = _ref;
+const AnchorNavigation = ({
+  children,
+  stickyNavigation
+}) => {
   !(0, _reactIs.isFragment)(stickyNavigation) ? process.env.NODE_ENV !== "production" ? (0, _invariant.default)(false, "`stickyNavigation` prop in `AnchorNavigation` should be a React Fragment.") : (0, _invariant.default)(false) : void 0;
   const hasCorrectItemStructure = (0, _react.useMemo)(() => {
     const incorrectChild = _react.default.Children.toArray(stickyNavigation.props.children).find(child => {
@@ -41,12 +40,9 @@ const AnchorNavigation = _ref => {
     // istanbul ignore if
     // function is called only after component is rendered, so ref cannot hold a null value
     if (navigationRef.current === null) return;
-    const offsetsWithIndexes = sectionRefs.current.map((_ref2, index) => {
-      let {
-        current
-      } = _ref2;
-      return [index, current?.getBoundingClientRect().top];
-    }).filter(offsetWithIndex => offsetWithIndex[1] !== undefined);
+    const offsetsWithIndexes = sectionRefs.current.map(({
+      current
+    }, index) => [index, current?.getBoundingClientRect().top]).filter(offsetWithIndex => offsetWithIndex[1] !== undefined);
     const {
       top: navTopOffset
     } = navigationRef.current.getBoundingClientRect();

package/lib/components/badge/badge.component.js

@@ -9,13 +9,12 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _badge = require("./badge.style");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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 Badge = _ref => {
-  let {
-    "aria-label": ariaLabel,
-    children,
-    counter = 0,
-    onClick
-  } = _ref;
+const Badge = ({
+  "aria-label": ariaLabel,
+  children,
+  counter = 0,
+  onClick
+}) => {
   const shouldDisplayCounter = counter > 0;
   const counterToDisplay = counter > 99 ? 99 : counter;
   const renderCorrectBadge = () => {