carbon-react 118.5.1 → 118.5.2

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

@@ -1,41 +1,37 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React, { useCallback, useEffect, useRef, useState } from "react";
 import PropTypes from "prop-types";
 import throttle from "lodash/throttle";
 import StyledStickyFooter from "./sticky-footer.style";
 const SCROLL_THROTTLE = 50;
-
-const StickyFooter = ({
-  children,
-  containerRef,
-  disableSticky,
-  ...rest
-}) => {
+const StickyFooter = _ref => {
+  let {
+    children,
+    containerRef,
+    disableSticky,
+    ...rest
+  } = _ref;
   const [isSticky, setIsSticky] = useState(true);
   const footerRef = useRef(null);
   const checkFooterPosition = useCallback(throttle(() => {
     const content = containerRef.current;
     /* Fallback to 0 to satisfy the TypeScript compiler */
-
     /* footerRef will never be null in this method */
-
     /* istanbul ignore next */
-
     const stickyOffset = footerRef.current ? footerRef.current.clientHeight / 2 : 0;
-    let fullyScrolled; // istanbul ignore else
+    let fullyScrolled;
 
+    // istanbul ignore else
     if (content) {
       fullyScrolled = content.scrollHeight - content.scrollTop - stickyOffset <= content.clientHeight;
     }
-
     setIsSticky(!fullyScrolled);
   }, SCROLL_THROTTLE), []);
   useEffect(() => {
     const content = containerRef.current;
-    content === null || content === void 0 ? void 0 : content.addEventListener("scroll", checkFooterPosition, false);
+    content?.addEventListener("scroll", checkFooterPosition, false);
     return () => {
-      content === null || content === void 0 ? void 0 : content.removeEventListener("scroll", checkFooterPosition, false);
+      content?.removeEventListener("scroll", checkFooterPosition, false);
     };
   }, [checkFooterPosition, containerRef]);
   return /*#__PURE__*/React.createElement(StyledStickyFooter, _extends({
@@ -44,18 +40,4 @@ const StickyFooter = ({
     ref: footerRef
   }, rest), children);
 };
-
-StickyFooter.propTypes = {
-  "children": PropTypes.node,
-  "containerRef": PropTypes.shape({
-    "current": PropTypes.oneOfType([PropTypes.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,
-  "disableSticky": PropTypes.bool
-};
 export default StickyFooter;

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

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

package/esm/__internal__/tooltip-provider/index.d.ts

@@ -17,5 +17,5 @@ interface ToolbarContextProps extends Omit<TooltipProviderProps, "children"> {
     };
 }
 export declare const TooltipContext: React.Context<ToolbarContextProps>;
-export declare const TooltipProvider: ({ children, tooltipPosition, helpAriaLabel, focusable, tooltipVisible, disabled, target, }: TooltipProviderProps) => JSX.Element;
+export declare const TooltipProvider: ({ children, tooltipPosition, helpAriaLabel, focusable, tooltipVisible, disabled, target, }: TooltipProviderProps) => React.JSX.Element;
 export {};

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

@@ -1,15 +1,16 @@
 import React, { useRef } from "react";
 import guid from "../utils/helpers/guid";
 export const TooltipContext = /*#__PURE__*/React.createContext({});
-export const TooltipProvider = ({
-  children,
-  tooltipPosition,
-  helpAriaLabel,
-  focusable,
-  tooltipVisible,
-  disabled,
-  target
-}) => {
+export const TooltipProvider = _ref => {
+  let {
+    children,
+    tooltipPosition,
+    helpAriaLabel,
+    focusable,
+    tooltipVisible,
+    disabled,
+    target
+  } = _ref;
   const tooltipId = useRef(guid());
   return /*#__PURE__*/React.createElement(TooltipContext.Provider, {
     value: {

package/esm/__internal__/utils/helpers/browser-type-check/index.js

@@ -1,7 +1,6 @@
 function browserTypeCheck(_window) {
   return Boolean(_window.chrome || _window.sidebar);
 }
-
 export function isSafari(navigator) {
   return navigator.vendor.includes("Apple");
 }

package/esm/__internal__/utils/helpers/events/composedPath.js

@@ -1,6 +1,7 @@
 // A basic cross-browser implementation of Event.protoType.composedPath
 // JSDOM does not suppor event bubbling
 // IE does not support composedPath
+
 // https://developer.mozilla.org/en-US/docs/Web/API/Event/composedPath
 export default (ev => {
   // When testing with enzyme, we want to trigger a listener on an element but pretend
@@ -11,17 +12,13 @@ export default (ev => {
   // In this example composedPath would show that the event started at document.body
   // but it would trigger the eventListener on document
   let element = ev.detail && ev.detail.enzymeTestingTarget || ev.target || null;
-
   if (!element || !element.parentElement) {
     return [];
   }
-
   const path = [element];
-
   while (element.parentElement) {
     element = element.parentElement;
     path.unshift(element);
   }
-
   return path;
 });

package/esm/__internal__/utils/helpers/events/events.js

@@ -1,4 +1,5 @@
 import composedPath from "./composedPath";
+
 /**
  * JavaScript Events
  *
@@ -9,7 +10,6 @@ import composedPath from "./composedPath";
  * implementation between browsers
  *
  */
-
 const Events = {
   /**
    * A method to determine if an event is of a particular type
@@ -17,109 +17,92 @@ const Events = {
   isEventType: (ev, type) => {
     return ev.type === type;
   },
-
   /**
    * Determines if event is a keyboard event
    */
   isKeyboardEvent: ev => {
     return ["keydown", "keypress", "keyup"].includes(ev.type);
   },
-
   /**
    * Determines if a number key along the top of the keyboard or a number key on the
    * keypad is pressed
    * */
   isNumberKey: ev => {
-    var _ev$key;
-
-    const charCode = (_ev$key = ev.key) === null || _ev$key === void 0 ? void 0 : _ev$key.charCodeAt(0);
+    const charCode = ev.key?.charCodeAt(0);
     return charCode !== undefined && charCode >= 48 && charCode <= 57;
   },
-
   /**
    * Determines if the key pressed is a navigation left key
    * */
   isLeftKey: ev => {
     return ev.key === "ArrowLeft";
   },
-
   /**
    * Determines if the key pressed is a navigation up key
    * */
   isUpKey: ev => {
     return ev.key === "ArrowUp";
   },
-
   /**
    * Determines if the key pressed is a navigation right key
    * */
   isRightKey: ev => {
     return ev.key === "ArrowRight";
   },
-
   /**
    * Determines if the key pressed is a navigation down key
    * */
   isDownKey: ev => {
     return ev.key === "ArrowDown";
   },
-
   /**
    * Determines if the key pressed is the escape key
    * */
   isEscKey: ev => {
     return ev.key === "Escape";
   },
-
   /**
    * Determines if the key pressed is the enter key
    * */
   isEnterKey: ev => {
     return ev.key === "Enter";
   },
-
   /**
    * Determines if the key pressed is the tab key
    * */
   isTabKey: ev => {
     return ev.key === "Tab";
   },
-
   /**
    * Determines if the key pressed is the shift key
    * */
   isShiftKey: ev => {
     return ev.shiftKey;
   },
-
   /**
    * Determines if the key pressed is the space key
    * */
   isSpaceKey: ev => {
     return ev.key === " ";
   },
-
   /**
    * Determines if the key pressed is the space key or enter key
    * */
   isEnterOrSpaceKey: ev => {
     return ev.key === "Enter" || ev.key === " ";
   },
-
   /**
    * Determines if the key pressed is the home key
    * */
   isHomeKey: ev => {
     return ev.key === "Home";
   },
-
   /**
    * Determines if the key pressed is the end key
    * */
   isEndKey: ev => {
     return ev.key === "End";
   },
-
   /**
    * Gets the event's path which is an array of the objects on which listeners will be invoked.
    * @see https://developer.mozilla.org/en-US/docs/Web/API/Event/composedPath

package/esm/__internal__/utils/helpers/guid/index.d.ts

@@ -1,5 +1,5 @@
-declare const _default: () => string;
 /**
  * Generates a random guid, useful for creating unique IDs.
  */
+declare const _default: () => string;
 export default _default;

package/esm/__internal__/utils/helpers/guid/index.js

@@ -5,6 +5,5 @@ export default (() => {
   function s4() {
     return Math.floor((1 + Math.random()) * 0x10000).toString(16).substring(1);
   }
-
   return `${s4()}${s4()}-${s4()}-${s4()}-${s4()}-${s4()}${s4()}${s4()}`;
 });

package/esm/__internal__/utils/helpers/tags/tags-specs/tags-specs.d.ts

@@ -1,4 +1,4 @@
 import { ReactWrapper, ShallowWrapper } from "enzyme";
 declare const elementsTagTest: (wrapper: ReactWrapper | ShallowWrapper, elements: string[]) => void;
-declare const rootTagTest: (rootNode: ReactWrapper | ShallowWrapper, comp: string, elem?: string | undefined, role?: string | undefined) => void;
+declare const rootTagTest: (rootNode: ReactWrapper | ShallowWrapper, comp: string, elem?: string, role?: string) => void;
 export { elementsTagTest, rootTagTest };

package/esm/__internal__/utils/helpers/tags/tags-specs/tags-specs.js

@@ -7,12 +7,11 @@ const elementsTagTest = (wrapper, elements) => {
     });
   });
 };
-
 const rootTagTest = (rootNode, comp, elem, role) => {
   expect(rootNode.prop("data-component")).toEqual(comp);
   expect(rootNode.prop("data-element")).toEqual(elem);
   expect(rootNode.prop("data-role")).toEqual(role);
-}; // eslint-disable-next-line jest/no-export
-
+};
 
+// eslint-disable-next-line jest/no-export
 export { elementsTagTest, rootTagTest };

package/esm/__internal__/utils/helpers/tags/tags.js

@@ -5,16 +5,12 @@ function tagComponent(componentName, props) {
   const tagProps = {
     "data-component": componentName
   };
-
   if (props["data-element"]) {
     tagProps["data-element"] = props["data-element"];
   }
-
   if (props["data-role"]) {
     tagProps["data-role"] = props["data-role"];
   }
-
   return tagProps;
 }
-
 export default tagComponent;

package/esm/__internal__/utils/logger/index.js

@@ -1,6 +1,7 @@
 /* eslint-disable no-console */
 // Globally enable the logger
 let enabled = process.env.NODE_ENV !== "production";
+
 /*
  * Logger
  *
@@ -11,7 +12,6 @@ let enabled = process.env.NODE_ENV !== "production";
  * deprecate - console.warn which prepends the message with [Deprecation]
  *
  */
-
 const Logger = {
   setEnabledState: newState => {
     enabled = newState;

package/esm/__internal__/validation-message/validation-message.component.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 export interface ValidationMessageProps {
     /** Indicate that error has occurred
     Pass string to display hint with error */
@@ -9,5 +9,5 @@ export interface ValidationMessageProps {
     Pass string to display hint with warning */
     warning?: boolean | string;
 }
-declare const ValidationMessage: ({ error, validationId, warning, }: ValidationMessageProps) => JSX.Element | null;
+declare const ValidationMessage: ({ error, validationId, warning, }: ValidationMessageProps) => React.JSX.Element | null;
 export default ValidationMessage;

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

@@ -1,12 +1,12 @@
 import React from "react";
 import PropTypes from "prop-types";
 import StyledValidationMessage from "./validation-message.style";
-
-const ValidationMessage = ({
-  error,
-  validationId,
-  warning
-}) => {
+const ValidationMessage = _ref => {
+  let {
+    error,
+    validationId,
+    warning
+  } = _ref;
   const validation = error || warning;
   const isStringValidation = typeof validation === "string";
   return isStringValidation ? /*#__PURE__*/React.createElement(StyledValidationMessage, {
@@ -14,10 +14,4 @@ const ValidationMessage = ({
     isWarning: !!(!error && warning)
   }, validation) : null;
 };
-
-ValidationMessage.propTypes = {
-  "error": PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-  "validationId": PropTypes.string,
-  "warning": PropTypes.oneOfType([PropTypes.string, PropTypes.bool])
-};
 export default ValidationMessage;

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

@@ -1,12 +1,15 @@
 import styled, { css } from "styled-components";
 const StyledValidationMessage = styled.p`
-  ${({
-  isWarning
-}) => css`
+  ${_ref => {
+  let {
+    isWarning
+  } = _ref;
+  return css`
     color: ${isWarning ? "var(--colorsSemanticCaution600)" : "var(--colorsSemanticNegative500)"};
     font-weight: ${isWarning ? "regular" : "bold"};
     margin-top: 0px;
     margin-bottom: 8px;
-  `}
+  `;
+}}
 `;
 export default StyledValidationMessage;

package/esm/__internal__/validations/validation-icon.component.d.ts

@@ -44,5 +44,5 @@ export interface ValidationIconProps extends ValidationProps, Pick<MarginProps,
     /** Overrides the default tabindex of the component */
     tabIndex?: number;
 }
-export declare const ValidationIcon: ({ error, warning, info, size, onFocus, onBlur, iconId, tooltipId, isPartOfInput, tabIndex, onClick, tooltipPosition, tooltipFlipOverrides, ...rest }: ValidationIconProps) => JSX.Element | null;
+export declare const ValidationIcon: ({ error, warning, info, size, onFocus, onBlur, iconId, tooltipId, isPartOfInput, tabIndex, onClick, tooltipPosition, tooltipFlipOverrides, ...rest }: ValidationIconProps) => React.JSX.Element | null;
 export default ValidationIcon;

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

@@ -1,5 +1,4 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React, { useContext, useRef, useState } from "react";
 import PropTypes from "prop-types";
 import invariant from "invariant";
@@ -8,41 +7,39 @@ import Icon from "../../components/icon";
 import ValidationIconStyle from "./validation-icon.style";
 import { InputContext, InputGroupContext } from "../input-behaviour";
 import { filterStyledSystemMarginProps } from "../../style/utils";
-
-const getValidationType = ({
-  error,
-  warning,
-  info
-}) => {
+const getValidationType = _ref => {
+  let {
+    error,
+    warning,
+    info
+  } = _ref;
   if (error) return "error";
   if (warning) return "warning";
   if (info) return "info";
   return null;
 };
-
-const ValidationIcon = ({
-  error,
-  warning,
-  info,
-  size,
-  onFocus,
-  onBlur,
-  iconId,
-  tooltipId,
-  isPartOfInput,
-  tabIndex = -1,
-  onClick,
-  tooltipPosition = "right",
-  tooltipFlipOverrides,
-  ...rest
-}) => {
+export const ValidationIcon = _ref2 => {
+  let {
+    error,
+    warning,
+    info,
+    size,
+    onFocus,
+    onBlur,
+    iconId,
+    tooltipId,
+    isPartOfInput,
+    tabIndex = -1,
+    onClick,
+    tooltipPosition = "right",
+    tooltipFlipOverrides,
+    ...rest
+  } = _ref2;
   const validationTooltipId = useRef(tooltipId || guid());
   const flipBehaviourCheck = Array.isArray(tooltipFlipOverrides) && tooltipFlipOverrides.every(override => ["bottom", "left", "right", "top"].includes(override));
-
   if (tooltipFlipOverrides) {
     !flipBehaviourCheck ? process.env.NODE_ENV !== "production" ? invariant(false, `The tooltipFlipOverrides prop supplied to ValidationIcon must be an array containing some or all of ["top", "bottom", "left", "right"].`) : invariant(false) : void 0;
   }
-
   const {
     hasFocus,
     hasMouseOver
@@ -58,11 +55,9 @@ const ValidationIcon = ({
     info
   });
   const validationMessage = error || warning || info;
-
   if (typeof validationMessage !== "string" || !validationType) {
     return null;
   }
-
   return /*#__PURE__*/React.createElement(ValidationIconStyle, _extends({
     validationType: validationType,
     onClick: onClick,
@@ -93,43 +88,4 @@ const ValidationIcon = ({
     focusable: tabIndex !== -1
   }));
 };
-
-ValidationIcon.propTypes = {
-  "error": PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-  "iconId": PropTypes.string,
-  "info": PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-  "isPartOfInput": PropTypes.bool,
-  "ml": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string]),
-  "mr": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string]),
-  "onBlur": PropTypes.func,
-  "onClick": PropTypes.func,
-  "onFocus": PropTypes.func,
-  "size": PropTypes.oneOf(["large", "medium", "small"]),
-  "tabIndex": PropTypes.number,
-  "tooltipFlipOverrides": PropTypes.arrayOf(PropTypes.oneOf(["bottom", "left", "right", "top"])),
-  "tooltipId": PropTypes.string,
-  "tooltipPosition": PropTypes.oneOf(["bottom", "left", "right", "top"]),
-  "warning": PropTypes.oneOfType([PropTypes.string, PropTypes.bool])
-};
-export { ValidationIcon };
 export default ValidationIcon;

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

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

package/esm/__spec_helper__/enzyme-snapshot-helper.js

@@ -1,12 +1,9 @@
 import toJson from "enzyme-to-json";
-
 function snapshotWithoutProps(enzymeWrapper, propNames) {
   let propNameList = propNames;
-
   if (!Array.isArray(propNames)) {
     propNameList = [propNames];
   }
-
   const snapshotOptions = {
     map: json => {
       propNameList.forEach(prop => {
@@ -19,9 +16,7 @@ function snapshotWithoutProps(enzymeWrapper, propNames) {
   };
   return toJson(enzymeWrapper, snapshotOptions);
 }
-
 function noThemeSnapshot(enzymeWrapper) {
   return snapshotWithoutProps(enzymeWrapper, "theme");
 }
-
 export { snapshotWithoutProps, noThemeSnapshot };

package/esm/__spec_helper__/expect.js

@@ -10,22 +10,19 @@ expect.extend({
       isNot: this.isNot
     };
     const hint = this.utils.matcherHint("toBeFocused", "DOMNode", "", options);
-
     const positive = () => {
       const diffString = diff(expected, DOMNode, {
         expand: this.expand
       });
-      return `${hint}\n\n${// eslint-disable-next-line multiline-ternary
+      return `${hint}\n\n${
+      // eslint-disable-next-line multiline-ternary
       diffString && diffString.includes("- Expect") ? `Difference:\n\n${diffString}` : `Expected: ${this.utils.printExpected(expected)}\nReceived: ${this.utils.printReceived(DOMNode)}`}`;
     };
-
     const negative = () => `${hint}\n\nDOMNode should not have focus`;
-
     const message = pass ? negative : positive;
     return {
       pass,
       message
     };
   }
-
 });

package/esm/__spec_helper__/mock-match-media.js

@@ -5,9 +5,7 @@ export const setupMatchMediaMock = () => {
   if (!global.window) {
     return;
   }
-
   const noop = () => {};
-
   Object.defineProperty(global.window, "matchMedia", {
     writable: true,
     value: query => ({
@@ -25,7 +23,6 @@ export const mockMatchMedia = matches => {
   if (!mocked) {
     throw new Error("window.matchMedia has not been mocked. Did you call setupMatchMediaMock()?");
   }
-
   _matches = matches;
   return {
     removeEventListener