carbon-react 111.12.1 → 111.12.3

package/esm/__internal__/input-icon-toggle/input-icon-toggle.component.js

@@ -3,7 +3,6 @@ import PropTypes from "prop-types";
 import Icon from "../../components/icon";
 import InputIconToggleStyle from "./input-icon-toggle.style";
 import ValidationIcon from "../validations/validation-icon.component";
-
 const shouldDisplayValidationIcon = ({
   error,
   warning,
@@ -12,7 +11,6 @@ const shouldDisplayValidationIcon = ({
   const validation = error || warning || info || null;
   return typeof validation === "string";
 };
-
 const InputIconToggle = ({
   disabled,
   readOnly,
@@ -51,7 +49,6 @@ const InputIconToggle = ({
       tooltipPosition: align === "right" ? "left" : "right"
     }));
   }
-
   if (type && !(disabled || readOnly)) {
     return /*#__PURE__*/React.createElement(InputIconToggleStyle, {
       size: size,
@@ -64,10 +61,8 @@ const InputIconToggle = ({
       type: type
     }));
   }
-
   return null;
 };
-
 InputIconToggle.propTypes = {
   "align": PropTypes.oneOf(["left", "right"]),
   "disabled": PropTypes.bool,

package/esm/__internal__/input-icon-toggle/input-icon-toggle.style.js

@@ -8,7 +8,6 @@ const InputIconToggleStyle = styled.span.attrs(({
       event.preventDefault();
       return onClick(event);
     }
-
     return event;
   }
 }))`

package/esm/__internal__/label/label.component.js

@@ -5,7 +5,6 @@ import StyledLabel, { StyledLabelContainer } from "./label.style";
 import ValidationIcon from "../validations/validation-icon.component";
 import StyledIconWrapper from "./icon-wrapper.style";
 import { InputContext, InputGroupContext } from "../input-behaviour";
-
 const shouldDisplayValidationIcon = ({
   error,
   warning,
@@ -15,7 +14,6 @@ const shouldDisplayValidationIcon = ({
   const validation = error || warning || info;
   return disabled ? false : typeof validation === "string";
 };
-
 const tooltipPosition = ({
   error,
   warning,
@@ -24,7 +22,6 @@ const tooltipPosition = ({
 }) => {
   return (error || warning || info) && inline ? "top" : "right";
 };
-
 const Label = ({
   align = "right",
   children,
@@ -55,23 +52,19 @@ const Label = ({
     onMouseEnter: onGroupMouseEnter,
     onMouseLeave: onGroupMouseLeave
   } = useContext(InputGroupContext);
-
   const handleMouseEnter = () => {
     if (onMouseEnter) onMouseEnter();
     if (onGroupMouseEnter) onGroupMouseEnter();
   };
-
   const handleMouseLeave = () => {
     if (onMouseLeave) onMouseLeave();
     if (onGroupMouseLeave) onGroupMouseLeave();
   };
-
   const icon = () => {
     const wrapperProps = {
       onFocus: () => setFocus(true),
       onBlur: () => setFocus(false)
     };
-
     if (useValidationIcon && shouldDisplayValidationIcon({
       error,
       warning,
@@ -94,14 +87,12 @@ const Label = ({
         tooltipFlipOverrides: ["top", "bottom"]
       }));
     }
-
     return help && /*#__PURE__*/React.createElement(StyledIconWrapper, wrapperProps, /*#__PURE__*/React.createElement(Help, {
       tooltipId: tooltipId,
       type: helpIcon,
       isFocused: isFocused
     }, help));
   };
-
   return /*#__PURE__*/React.createElement(StyledLabelContainer, {
     align: align,
     inline: inline,
@@ -119,7 +110,6 @@ const Label = ({
     isRequired: isRequired
   }, children), icon());
 };
-
 Label.propTypes = {
   "align": PropTypes.oneOf(["left", "right"]),
   "children": PropTypes.node,

package/esm/__internal__/popover/popover.component.js

@@ -9,7 +9,6 @@ import { ModalContext } from "../../components/modal/modal.component";
 const defaultMiddleware = [flip({
   fallbackStrategy: "initialPlacement"
 })];
-
 const Popover = ({
   children,
   placement,
@@ -21,24 +20,20 @@ const Popover = ({
   animationFrame
 }) => {
   var _reference$current;
-
   const elementDOM = useRef(null);
   const {
     isInModal
   } = useContext(ModalContext);
   const candidateNode = (_reference$current = reference.current) === null || _reference$current === void 0 ? void 0 : _reference$current.closest("[role='dialog']");
   const mountNode = isInModal && candidateNode ? candidateNode : document.body;
-
   if (!elementDOM.current && !disablePortal) {
     elementDOM.current = document.createElement("div");
     mountNode.appendChild(elementDOM.current);
   }
-
   const childRef = React.Children.only(children).ref;
   const innerRef = useRef(null);
   const floatingReference = childRef || innerRef;
   let content;
-
   if (childRef) {
     content = children;
   } else {
@@ -46,7 +41,6 @@ const Popover = ({
       ref: floatingReference
     });
   }
-
   useFloating({
     isOpen,
     reference,
@@ -63,26 +57,21 @@ const Popover = ({
       }
     };
   }, [disablePortal, mountNode]);
-
   if (!disableBackgroundUI) {
     content = /*#__PURE__*/React.createElement(StyledPopoverContent, {
       isOpen: isOpen
     }, content);
   }
-
   if (disableBackgroundUI) {
     content = /*#__PURE__*/React.createElement(StyledPopoverContent, {
       isOpen: isOpen
     }, /*#__PURE__*/React.createElement(StyledBackdrop, null, content));
   }
-
   if (disablePortal) {
     return content;
   }
-
   return /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React.createElement(CarbonScopedTokensProvider, null, content), elementDOM.current);
 };
-
 Popover.propTypes = {
   "animationFrame": PropTypes.bool,
   "children": PropTypes.element.isRequired,

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

@@ -1,6 +1,5 @@
 import React, { useState, useCallback, useMemo } from "react";
 import PropTypes from "prop-types";
-
 const RadioButtonMapper = ({
   children,
   name,
@@ -26,14 +25,12 @@ const RadioButtonMapper = ({
     if (onChange) {
       onChange(e);
     }
-
     if (!isControlled) {
       setCheckedValue(e.target.value);
     }
   }, [onChange, setCheckedValue, isControlled]);
   const buttons = filteredChildren.map(child => {
     let checked;
-
     if (isControlled) {
       // The user is controlling the input via the value prop
       checked = value === child.props.value;
@@ -44,7 +41,6 @@ const RadioButtonMapper = ({
       // Uncontrolled, existing selection or none marked as checked
       checked = checkedValue === child.props.value;
     }
-
     return /*#__PURE__*/React.cloneElement(child, {
       defaultChecked: undefined,
       checked,
@@ -57,23 +53,17 @@ const RadioButtonMapper = ({
   });
   return buttons;
 };
-
 RadioButtonMapper.propTypes = {
   /** The RadioButton objects to be rendered in the group */
   children: PropTypes.node,
-
   /** Specifies the name prop to be applied to each button in the group */
   name: PropTypes.string.isRequired,
-
   /** Callback fired when each RadioButton is blurred */
   onBlur: PropTypes.func,
-
   /** Callback fired when the user selects a RadioButton */
   onChange: PropTypes.func,
-
   /** Callback fired on key down */
   onKeyDown: PropTypes.func,
-
   /** Value of the selected RadioButton */
   value: PropTypes.string
 };

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

@@ -1,11 +1,9 @@
 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); }
-
 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,
@@ -33,14 +31,11 @@ const StickyFooter = ({
     ref: footerRef
   }, rest), children);
 };
-
 StickyFooter.propTypes = {
   /** child elements */
   children: PropTypes.node.isRequired,
-
   /** Ref of the container the footer should be sticky on */
   containerRef: PropTypes.any.isRequired,
-
   /** Disable the sticky behaviour manually */
   disableSticky: PropTypes.bool
 };

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,102 +17,87 @@ const Events = {
   isEventType: (ev, type) => {
     return ev.type === 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);
     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.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.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.js

@@ -1,7 +1,6 @@
 import React from "react";
 import PropTypes from "prop-types";
 import StyledValidationMessage from "./validation-message.style";
-
 const ValidationMessage = ({
   error,
   warning
@@ -12,7 +11,6 @@ const ValidationMessage = ({
     isWarning: !!(!error && warning)
   }, validation) : null;
 };
-
 ValidationMessage.propTypes = {
   "error": PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
   "warning": PropTypes.oneOfType([PropTypes.string, PropTypes.bool])

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); }
-
 import React, { useContext, useState } from "react";
 import PropTypes from "prop-types";
 import invariant from "invariant";
@@ -7,7 +6,6 @@ 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,
@@ -18,7 +16,6 @@ const getValidationType = ({
   if (info) return "info";
   return null;
 };
-
 const ValidationIcon = ({
   error,
   warning,
@@ -36,11 +33,9 @@ const ValidationIcon = ({
   ...rest
 }) => {
   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
@@ -56,11 +51,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,
@@ -91,7 +84,6 @@ const ValidationIcon = ({
     focusable: tabIndex !== -1
   }));
 };
-
 ValidationIcon.propTypes = {
   "error": PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
   "iconId": PropTypes.string,

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 {
     removeListener

package/esm/__spec_helper__/mock-resize-observer.js

@@ -2,12 +2,10 @@ const setupResizeObserverMock = () => {
   if (!window) {
     return;
   }
-
   window.ResizeObserver = window.ResizeObserver || jest.fn().mockImplementation(() => ({
     disconnect: jest.fn(),
     observe: jest.fn(),
     unobserve: jest.fn()
   }));
 };
-
 export default setupResizeObserverMock;