carbon-react 118.5.1 → 118.6.0

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

@@ -4,84 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Alert = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 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 || 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 = ({
-  children,
-  size = "extra-small",
-  ...rest
-}) => /*#__PURE__*/_react.default.createElement(_dialog.default, _extends({
-  "data-component": "alert",
-  role: "alertdialog",
-  size: size
-}, rest), children);
-
-exports.Alert = Alert;
-Alert.propTypes = {
-  "aria-describedby": _propTypes.default.string,
-  "aria-label": _propTypes.default.string,
-  "aria-labelledby": _propTypes.default.string,
-  "ariaRole": _propTypes.default.string,
-  "bespokeFocusTrap": _propTypes.default.func,
-  "children": _propTypes.default.node,
-  "className": _propTypes.default.string,
-  "contentPadding": _propTypes.default.shape({
-    "p": _propTypes.default.oneOf([0, 1, 2, 3, 4, 5, 6, 7, 8]),
-    "px": _propTypes.default.oneOf([0, 1, 2, 3, 4, 5, 6, 7, 8]),
-    "py": _propTypes.default.oneOf([0, 1, 2, 3, 4, 5, 6, 7, 8])
-  }),
-  "data-component": _propTypes.default.string,
-  "data-element": _propTypes.default.string,
-  "data-role": _propTypes.default.string,
-  "disableAutoFocus": _propTypes.default.bool,
-  "disableClose": _propTypes.default.bool,
-  "disableEscKey": _propTypes.default.bool,
-  "disableFocusTrap": _propTypes.default.bool,
-  "enableBackgroundUI": _propTypes.default.bool,
-  "focusableContainers": _propTypes.default.arrayOf(_propTypes.default.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");
-      }
-    }
-  })),
-  "focusableSelectors": _propTypes.default.string,
-  "focusFirstElement": _propTypes.default.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.default.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");
-      }
-    }
-  })]),
-  "height": _propTypes.default.string,
-  "help": _propTypes.default.string,
-  "onCancel": _propTypes.default.func,
-  "open": _propTypes.default.bool.isRequired,
-  "role": _propTypes.default.string,
-  "showCloseIcon": _propTypes.default.bool,
-  "size": _propTypes.default.oneOf(["auto", "extra-large", "extra-small", "large", "medium-large", "medium-small", "medium", "small"]),
-  "subtitle": _propTypes.default.string,
-  "timeout": _propTypes.default.number,
-  "title": _propTypes.default.node
+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);
 };
+exports.Alert = Alert;
 var _default = Alert;
 exports.default = _default;

package/lib/components/alert/index.js

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

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

@@ -4,33 +4,30 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 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(({
-  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)));
-
+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));
+});
 AnchorNavigationItem.propTypes = {
   "children": _propTypes.default.node,
   "href": _propTypes.default.string,

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

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = 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 StyledNavigationItem = _styledComponents.default.li`
   width: 100%;
 
@@ -31,19 +27,25 @@ const StyledNavigationItem = _styledComponents.default.li`
     }
 
     &:hover {
-      ${({
-  isSelected
-}) => !isSelected && (0, _styledComponents.css)`
+      ${_ref => {
+  let {
+    isSelected
+  } = _ref;
+  return !isSelected && (0, _styledComponents.css)`
           background-color: var(--colorsActionMinor100);
-        `};
+        `;
+}};
     }
 
-    ${({
-  isSelected
-}) => isSelected && (0, _styledComponents.css)`
+    ${_ref2 => {
+  let {
+    isSelected
+  } = _ref2;
+  return 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

@@ -4,44 +4,30 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _reactIs = require("react-is");
-
 var _invariant = _interopRequireDefault(require("invariant"));
-
 var _throttle = _interopRequireDefault(require("lodash/throttle"));
-
 var _focusTrapUtils = require("../../__internal__/focus-trap/focus-trap-utils");
-
 var _events = _interopRequireDefault(require("../../__internal__/utils/helpers/events"));
-
 var _anchorNavigation = require("./anchor-navigation.style");
-
 var _anchorNavigationItem = _interopRequireDefault(require("./anchor-navigation-item/anchor-navigation-item.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 SECTION_VISIBILITY_OFFSET = 200;
 const SCROLL_THROTTLE = 100;
-
-const AnchorNavigation = ({
-  children,
-  stickyNavigation
-}) => {
+const AnchorNavigation = _ref => {
+  let {
+    children,
+    stickyNavigation
+  } = _ref;
   !(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 => {
       return ! /*#__PURE__*/_react.default.isValidElement(child) || child.type.displayName !== _anchorNavigationItem.default.displayName;
     });
-
     return !incorrectChild;
   }, [stickyNavigation]);
   !hasCorrectItemStructure ? process.env.NODE_ENV !== "production" ? (0, _invariant.default)(false, `\`stickyNavigation\` prop in \`AnchorNavigation\` should be a React Fragment that only contains children of type \`${_anchorNavigationItem.default.displayName}\``) : (0, _invariant.default)(false) : void 0;
@@ -55,9 +41,12 @@ const AnchorNavigation = ({
     // 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(({
-      current
-    }, index) => [index, current === null || current === void 0 ? void 0 : current.getBoundingClientRect().top]).filter(offsetWithIndex => offsetWithIndex[1] !== undefined);
+    const offsetsWithIndexes = sectionRefs.current.map((_ref2, index) => {
+      let {
+        current
+      } = _ref2;
+      return [index, current?.getBoundingClientRect().top];
+    }).filter(offsetWithIndex => offsetWithIndex[1] !== undefined);
     const {
       top: navTopOffset
     } = navigationRef.current.getBoundingClientRect();
@@ -75,10 +64,7 @@ const AnchorNavigation = ({
       if (isUserScrollTimer.current !== undefined) {
         window.clearTimeout(isUserScrollTimer.current);
       }
-
-      isUserScrollTimer.current = setTimeout(
-      /* istanbul ignore next */
-      () => {
+      isUserScrollTimer.current = setTimeout( /* istanbul ignore next */() => {
         isUserScroll.current = true;
       }, SCROLL_THROTTLE + 50);
     }
@@ -87,32 +73,31 @@ const AnchorNavigation = ({
     window.addEventListener("scroll", scrollHandler, true);
     return () => window.removeEventListener("scroll", scrollHandler, true);
   }, [scrollHandler]);
-
   const focusSection = section => {
     if (!section.matches(_focusTrapUtils.defaultFocusableSelectors)) {
       section.setAttribute("tabindex", "-1");
     }
-
     section.focus({
       preventScroll: true
     });
   };
-
   const scrollToSection = index => {
-    const sectionToScroll = sectionRefs.current[index].current; // istanbul ignore if
+    const sectionToScroll = sectionRefs.current[index].current;
+
+    // istanbul ignore if
     // function is called only after component is rendered, so ref cannot hold a null value
+    if (sectionToScroll === null) return;
 
-    if (sectionToScroll === null) return; // ensure section has the appropriate element to remove the default focus styles.
+    // ensure section has the appropriate element to remove the default focus styles.
     // Can ignore else branch because there's no harm in setting this to "true" twice (it can't hold any other value),
     // but it's probably more efficient not to.
     // istanbul ignore else
-
     if (!sectionToScroll.dataset.carbonAnchornavRef) {
       sectionToScroll.dataset.carbonAnchornavRef = "true";
     }
+    focusSection(sectionToScroll);
 
-    focusSection(sectionToScroll); // workaround due to preventScroll focus method option on firefox not working consistently
-
+    // workaround due to preventScroll focus method option on firefox not working consistently
     window.setTimeout(() => {
       isUserScroll.current = false;
       sectionToScroll.scrollIntoView({
@@ -123,18 +108,15 @@ const AnchorNavigation = ({
       setSelectedIndex(index);
     }, 10);
   };
-
   const handleClick = (event, index) => {
     event.preventDefault();
     scrollToSection(index);
   };
-
   const handleKeyDown = (event, index) => {
     if (_events.default.isEnterKey(event)) {
       scrollToSection(index);
     }
   };
-
   return /*#__PURE__*/_react.default.createElement(_anchorNavigation.StyledAnchorNavigation, {
     ref: contentRef,
     "data-component": "anchor-navigation"
@@ -149,7 +131,6 @@ const AnchorNavigation = ({
     onKeyDown: event => handleKeyDown(event, index)
   }))), /*#__PURE__*/_react.default.createElement(_anchorNavigation.StyledContent, null, children));
 };
-
 AnchorNavigation.propTypes = {
   "children": _propTypes.default.node,
   "stickyNavigation": _propTypes.default.node

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

@@ -3,12 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.StyledContent = exports.StyledNavigation = exports.StyledAnchorNavigation = void 0;
-
+exports.StyledNavigation = exports.StyledContent = exports.StyledAnchorNavigation = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const StyledAnchorNavigation = _styledComponents.default.div`
   display: flex;
   align-items: flex-start;

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

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const AnchorSectionDivider = _styledComponents.default.div.attrs({
   "data-element": "anchor-navigation-divider"
 })`

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

@@ -21,11 +21,7 @@ Object.defineProperty(exports, "AnchorSectionDivider", {
     return _anchorSectionDivider.default;
   }
 });
-
 var _anchorNavigation = _interopRequireDefault(require("./anchor-navigation.component"));
-
 var _anchorNavigationItem = _interopRequireDefault(require("./anchor-navigation-item/anchor-navigation-item.component"));
-
 var _anchorSectionDivider = _interopRequireDefault(require("./anchor-section-divider.component"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/components/badge/badge.component.d.ts

@@ -9,5 +9,5 @@ export interface BadgeProps {
     /** Callback fired when badge is clicked */
     onClick?: (ev: React.MouseEvent<HTMLElement>) => void;
 }
-export declare const Badge: ({ "aria-label": ariaLabel, children, counter, onClick, }: BadgeProps) => JSX.Element;
+export declare const Badge: ({ "aria-label": ariaLabel, children, counter, onClick, }: BadgeProps) => React.JSX.Element;
 export default Badge;

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

@@ -4,26 +4,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Badge = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 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 || 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 = ({
-  "aria-label": ariaLabel,
-  children,
-  counter = 0,
-  onClick
-}) => {
+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 shouldDisplayCounter = counter > 0;
   const counterToDisplay = counter > 99 ? 99 : counter;
-
   const renderCorrectBadge = () => {
     const props = onClick ? {
       buttonType: "secondary",
@@ -31,7 +25,6 @@ const Badge = ({
     } : {
       "aria-label": ariaLabel
     };
-
     if (shouldDisplayCounter) {
       return /*#__PURE__*/_react.default.createElement(_badge.StyledBadge, _extends({
         "data-component": "badge"
@@ -42,19 +35,10 @@ const Badge = ({
         "data-element": "badge-counter"
       }, counterToDisplay));
     }
-
     return null;
   };
-
   return /*#__PURE__*/_react.default.createElement(_badge.StyledBadgeWrapper, null, renderCorrectBadge(), children);
 };
-
 exports.Badge = Badge;
-Badge.propTypes = {
-  "aria-label": _propTypes.default.string,
-  "children": _propTypes.default.node,
-  "counter": _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
-  "onClick": _propTypes.default.func
-};
 var _default = Badge;
 exports.default = _default;

package/lib/components/badge/badge.style.js

@@ -3,22 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.StyledCounter = exports.StyledCrossIcon = exports.StyledBadgeWrapper = exports.StyledBadge = void 0;
-
+exports.StyledCrossIcon = exports.StyledCounter = exports.StyledBadgeWrapper = exports.StyledBadge = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
 var _icon = _interopRequireDefault(require("../icon/icon.style"));
-
 var _button = _interopRequireDefault(require("../button"));
-
 var _icon2 = _interopRequireDefault(require("../icon"));
-
 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 commonStyles = `
   overflow: hidden;
   border-radius: var(--borderRadiusCircle);
@@ -40,11 +32,14 @@ const StyledCounter = _styledComponents.default.div`
   margin-top: -1px;
 `;
 exports.StyledCounter = StyledCounter;
-const StyledBadge = _styledComponents.default.span.attrs(({
-  onClick
-}) => ({
-  as: onClick ? _button.default : undefined
-}))`
+const StyledBadge = _styledComponents.default.span.attrs(_ref => {
+  let {
+    onClick
+  } = _ref;
+  return {
+    as: onClick ? _button.default : undefined
+  };
+})`
   ${commonStyles}
   cursor: default;
   align-items: center;
@@ -60,9 +55,11 @@ const StyledBadge = _styledComponents.default.span.attrs(({
     border: none;
   }
 
-  ${({
-  onClick
-}) => (0, _styledComponents.css)`
+  ${_ref2 => {
+  let {
+    onClick
+  } = _ref2;
+  return (0, _styledComponents.css)`
     ${onClick && `
       ${commonStyles}
       width: 22px;
@@ -94,7 +91,8 @@ const StyledBadge = _styledComponents.default.span.attrs(({
         }
       }
     `}
-  `}
+  `;
+}}
 `;
 exports.StyledBadge = StyledBadge;
 const StyledCrossIcon = (0, _styledComponents.default)(_icon2.default)`

package/lib/components/badge/index.js

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

package/lib/components/batch-selection/batch-selection.component.d.ts

@@ -11,5 +11,5 @@ export interface BatchSelectionProps {
     /** Number of selected elements */
     selectedCount: number;
 }
-export declare const BatchSelection: ({ disabled, children, colorTheme, selectedCount, hidden, }: BatchSelectionProps) => JSX.Element;
+export declare const BatchSelection: ({ disabled, children, colorTheme, selectedCount, hidden, }: BatchSelectionProps) => React.JSX.Element;
 export default BatchSelection;

package/lib/components/batch-selection/batch-selection.component.js

@@ -4,24 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.BatchSelection = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _useLocale = _interopRequireDefault(require("../../hooks/__internal__/useLocale"));
-
 var _batchSelection = require("./batch-selection.style");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const BatchSelection = ({
-  disabled,
-  children,
-  colorTheme = "transparent",
-  selectedCount,
-  hidden
-}) => {
+const BatchSelection = _ref => {
+  let {
+    disabled,
+    children,
+    colorTheme = "transparent",
+    selectedCount,
+    hidden
+  } = _ref;
   const l = (0, _useLocale.default)();
   return /*#__PURE__*/_react.default.createElement(_batchSelection.StyledBatchSelection, {
     colorTheme: colorTheme,
@@ -32,14 +27,6 @@ const BatchSelection = ({
     "data-element": "selection-count"
   }, l.batchSelection.selected(selectedCount)), children);
 };
-
 exports.BatchSelection = BatchSelection;
-BatchSelection.propTypes = {
-  "children": _propTypes.default.node,
-  "colorTheme": _propTypes.default.oneOf(["dark", "light", "transparent", "white"]),
-  "disabled": _propTypes.default.bool,
-  "hidden": _propTypes.default.bool,
-  "selectedCount": _propTypes.default.number.isRequired
-};
 var _default = BatchSelection;
 exports.default = _default;