carbon-react 111.12.3 → 111.12.5

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

@@ -4,10 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _validationMessage = _interopRequireDefault(require("./validation-message.style"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const ValidationMessage = ({
   error,
   warning
@@ -18,6 +23,7 @@ const ValidationMessage = ({
     isWarning: !!(!error && warning)
   }, validation) : null;
 };
+
 ValidationMessage.propTypes = {
   "error": _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
   "warning": _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool])

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

@@ -4,9 +4,13 @@ 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; }
+
 const StyledValidationMessage = _styledComponents.default.p`
   ${({
   isWarning

package/lib/__internal__/validations/index.js

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

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

@@ -4,17 +4,29 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ValidationIcon = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _invariant = _interopRequireDefault(require("invariant"));
+
 var _icon = _interopRequireDefault(require("../../components/icon"));
+
 var _validationIcon = _interopRequireDefault(require("./validation-icon.style"));
+
 var _inputBehaviour = require("../input-behaviour");
+
 var _utils = require("../../style/utils");
+
 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 _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 getValidationType = ({
   error,
   warning,
@@ -25,6 +37,7 @@ const getValidationType = ({
   if (info) return "info";
   return null;
 };
+
 const ValidationIcon = ({
   error,
   warning,
@@ -42,9 +55,11 @@ 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" ? (0, _invariant.default)(false, `The tooltipFlipOverrides prop supplied to ValidationIcon must be an array containing some or all of ["top", "bottom", "left", "right"].`) : (0, _invariant.default)(false) : void 0;
   }
+
   const {
     hasFocus,
     hasMouseOver
@@ -60,9 +75,11 @@ const ValidationIcon = ({
     info
   });
   const validationMessage = error || warning || info;
+
   if (typeof validationMessage !== "string" || !validationType) {
     return null;
   }
+
   return /*#__PURE__*/_react.default.createElement(_validationIcon.default, _extends({
     validationType: validationType,
     onClick: onClick,
@@ -93,6 +110,7 @@ const ValidationIcon = ({
     focusable: tabIndex !== -1
   }));
 };
+
 exports.ValidationIcon = ValidationIcon;
 ValidationIcon.propTypes = {
   "error": _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),

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

@@ -4,13 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
 var _styledSystem = require("styled-system");
+
 var _base = _interopRequireDefault(require("../../style/themes/base"));
+
 var _icon = _interopRequireDefault(require("../../components/icon/icon.style"));
+
 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; }
+
 const validationIconTypes = {
   error: "var(--colorsSemanticNegative500)",
   info: "var(--colorsSemanticInfo500)",

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

@@ -5,13 +5,18 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.snapshotWithoutProps = snapshotWithoutProps;
 exports.noThemeSnapshot = noThemeSnapshot;
+
 var _enzymeToJson = _interopRequireDefault(require("enzyme-to-json"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function snapshotWithoutProps(enzymeWrapper, propNames) {
   let propNameList = propNames;
+
   if (!Array.isArray(propNames)) {
     propNameList = [propNames];
   }
+
   const snapshotOptions = {
     map: json => {
       propNameList.forEach(prop => {
@@ -24,6 +29,7 @@ function snapshotWithoutProps(enzymeWrapper, propNames) {
   };
   return (0, _enzymeToJson.default)(enzymeWrapper, snapshotOptions);
 }
+
 function noThemeSnapshot(enzymeWrapper) {
   return snapshotWithoutProps(enzymeWrapper, "theme");
 }

package/lib/__spec_helper__/expect.js

@@ -1,8 +1,11 @@
 "use strict";
 
 require("jest-styled-components");
+
 var _enzyme = require("enzyme");
+
 var _jestMatcherUtils = require("jest-matcher-utils");
+
 expect.extend({
   toBeFocused(received) {
     const expected = document.activeElement;
@@ -12,19 +15,22 @@ expect.extend({
       isNot: this.isNot
     };
     const hint = this.utils.matcherHint("toBeFocused", "DOMNode", "", options);
+
     const positive = () => {
       const diffString = (0, _jestMatcherUtils.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/lib/__spec_helper__/index.js

@@ -1,9 +1,13 @@
 "use strict";
 
 var _jestFetchMock = require("jest-fetch-mock");
+
 var _mockMatchMedia = require("./mock-match-media");
+
 var _mockResizeObserver = _interopRequireDefault(require("./mock-resize-observer"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 (0, _jestFetchMock.enableFetchMocks)();
 (0, _mockResizeObserver.default)();
 (0, _mockMatchMedia.setupMatchMediaMock)();

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

@@ -7,11 +7,14 @@ exports.mockMatchMedia = exports.setupMatchMediaMock = void 0;
 let mocked = false;
 let _matches = false;
 const removeListener = jest.fn();
+
 const setupMatchMediaMock = () => {
   if (!global.window) {
     return;
   }
+
   const noop = () => {};
+
   Object.defineProperty(global.window, "matchMedia", {
     writable: true,
     value: query => ({
@@ -25,14 +28,18 @@ const setupMatchMediaMock = () => {
   });
   mocked = true;
 };
+
 exports.setupMatchMediaMock = setupMatchMediaMock;
+
 const mockMatchMedia = matches => {
   if (!mocked) {
     throw new Error("window.matchMedia has not been mocked. Did you call setupMatchMediaMock()?");
   }
+
   _matches = matches;
   return {
     removeListener
   };
 };
+
 exports.mockMatchMedia = mockMatchMedia;

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

@@ -4,15 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 const setupResizeObserverMock = () => {
   if (!window) {
     return;
   }
+
   window.ResizeObserver = window.ResizeObserver || jest.fn().mockImplementation(() => ({
     disconnect: jest.fn(),
     observe: jest.fn(),
     unobserve: jest.fn()
   }));
 };
+
 var _default = setupResizeObserverMock;
 exports.default = _default;

package/lib/__spec_helper__/test-utils.js

@@ -10,48 +10,66 @@ Object.defineProperty(exports, "mockMatchMedia", {
   }
 });
 exports.expectConsoleOutput = exports.testStyledSystemPosition = exports.testStyledSystemBackground = exports.testStyledSystemFlexBox = exports.testStyledSystemLayout = exports.testStyledSystemWidth = exports.testStyledSystemColor = exports.testStyledSystemPadding = exports.testStyledSystemMargin = exports.testStyledSystemSpacing = exports.carbonThemesJestTable = exports.simulate = exports.click = exports.listFrom = exports.assertHoverTraversal = exports.assertKeyboardTraversal = exports.keyboard = exports.makeArrayKeys = exports.childrenFrom = exports.selectedItemOf = exports.hoverList = exports.toCSSCase = exports.assertStyleMatch = exports.getDefaultValue = void 0;
+
 var _enzyme = require("enzyme");
+
 var _sprintfJs = require("sprintf-js");
+
 var _baseTheme = require("style/themes/base/base-theme.config");
+
 var _themes = require("../style/themes");
+
 var _mockMatchMedia = require("./mock-match-media");
+
 /* eslint-disable jest/no-conditional-expect */
+
 /* eslint-disable jest/no-identical-title */
-/* eslint-disable jest/no-export */
 
+/* eslint-disable jest/no-export */
 const isUpper = char => char.toUpperCase() === char;
+
 const humpToDash = (acc, char) => `${acc}${isUpper(char) ? `-${char.toLowerCase()}` : char}`;
+
 const toCSSCase = str => {
   return str.split("").reduce(humpToDash, "");
 };
+
 exports.toCSSCase = toCSSCase;
+
 const assertStyleMatch = (styleSpec, component, opts) => {
   Object.entries(styleSpec).forEach(([attr, value]) => {
     expect(component).toHaveStyleRule(toCSSCase(attr), value, opts);
   });
 };
+
 exports.assertStyleMatch = assertStyleMatch;
+
 const makeArrayKeys = n => [...Array(n).keys()];
+
 exports.makeArrayKeys = makeArrayKeys;
+
 const dispatchKeyPress = code => {
   const ev = new KeyboardEvent("keydown", {
     key: code
   });
   document.dispatchEvent(ev);
 };
+
 const keys = ["ArrowUp", "ArrowDown", "ArrowRight", "ArrowLeft", "Enter", "Tab", " ", "Escape", "End", "Home", "D", "E", "P", "Z", "1"];
 const keyboard = keys.reduce((acc, key) => {
   const methodName = `press${key === " " ? "Space" : key}`;
+
   acc[methodName] = () => dispatchKeyPress(key);
-  return acc;
-}, {});
 
-// Build an object of Enzyme simulate helpers
+  return acc;
+}, {}); // Build an object of Enzyme simulate helpers
 // e.g. simulate.keydown.pressTab(target, { shiftKey: true })
 // e.g. simulate.keydown.pressEscape(target)
+
 exports.keyboard = keyboard;
 const keydown = keys.reduce((acc, key) => {
   const methodName = `press${key === " " ? "Space" : key}`;
+
   acc[methodName] = (target, {
     shiftKey
   } = {
@@ -62,32 +80,48 @@ const keydown = keys.reduce((acc, key) => {
       key
     });
   };
+
   return acc;
 }, {});
 const simulate = {
   keydown
 };
 exports.simulate = simulate;
+
 const listFrom = wrapper => wrapper.find("ul");
+
 exports.listFrom = listFrom;
+
 const childrenFrom = node => node.children();
+
 exports.childrenFrom = childrenFrom;
+
 const hoverList = wrapper => item => {
   childrenFrom(listFrom(wrapper)).at(item).simulate("mouseover");
 };
+
 exports.hoverList = hoverList;
+
 const simulateEvent = eventName => wrapper => wrapper.simulate(eventName);
+
 const click = simulateEvent("click");
 exports.click = click;
+
 const selectedItemOf = wrapper => wrapper.state().selectedItem;
+
 exports.selectedItemOf = selectedItemOf;
+
 const isUnique = (val, index, self) => self.indexOf(val) === index;
+
 const isSelectableGiven = nonSelectables => i => !nonSelectables.includes(i);
+
 const selectedItemReducer = method => wrapper => (acc, i) => {
   method(wrapper)(i);
   return [...acc, selectedItemOf(wrapper)];
 };
+
 const arraysEqual = (arr1, arr2) => arr1.sort().join(",") === arr2.sort().join(",");
+
 const assertCorrectTraversal = method => expect => ({
   num,
   nonSelectables = []
@@ -98,11 +132,14 @@ const assertCorrectTraversal = method => expect => ({
   const indexesThatWereSelected = array.reduce(selectedItemReducer(method)(wrapper), [selectedItem]).filter(isUnique);
   expect(arraysEqual(validIndexes, indexesThatWereSelected)).toBeTruthy();
 };
+
 const assertKeyboardTraversal = assertCorrectTraversal(() => keyboard.pressArrowDown)(expect);
 exports.assertKeyboardTraversal = assertKeyboardTraversal;
 const assertHoverTraversal = assertCorrectTraversal(wrapper => hoverList(wrapper))(expect);
 exports.assertHoverTraversal = assertHoverTraversal;
+
 const carbonThemesJestTable = _themes.carbonThemeList.map(theme => [theme.name, theme]);
+
 exports.carbonThemesJestTable = carbonThemesJestTable;
 const marginProps = [["m", "margin"], ["ml", "marginLeft"], ["mr", "marginRight"], ["mt", "marginTop"], ["mb", "marginBottom"], ["mx", "marginLeft"], ["mx", "marginRight"], ["my", "marginTop"], ["my", "marginBottom"]];
 const paddingProps = [["p", "padding"], ["pl", "paddingLeft"], ["pr", "paddingRight"], ["pt", "paddingTop"], ["pb", "paddingBottom"], ["px", "paddingLeft"], ["px", "paddingRight"], ["py", "paddingTop"], ["py", "paddingBottom"]];
@@ -112,26 +149,32 @@ const layoutProps = [widthProps, ["height", "height", "200px"], ["minWidth", "mi
 const flexBoxProps = [["alignItems", "alignItems", "center"], ["alignContent", "alignContent", "center"], ["justifyItems", "justifyItems", "center"], ["justifyContent", "justifyContent", "center"], ["flexWrap", "flexWrap", "wrap"], ["flexDirection", "flexDirection", "row-reverse"], ["flex", "flex", "1"], ["flexGrow", "flexGrow", "1"], ["flexShrink", "flexShrink", "1"], ["flexBasis", "flexBasis", "100px"], ["justifySelf", "justifySelf", "center"], ["alignSelf", "alignSelf", "center"], ["order", "order", "1"]];
 const backgroundProps = [["background", "background", "lightblue url('foo.jpg') no-repeat fixed center"], ["backgroundImage", "background-image", "url(foo.jpg)"], ["backgroundSize", "background-size", "center"], ["backgroundRepeat", "background-repeat", "no-repeat"]];
 const positionProps = [["top", "0px"], ["bottom", "0px"], ["right", "0px"], ["left", "0px"], ["position", "fixed"], ["position", "sticky"], ["position", "absolute"], ["position", "static"], ["position", "relative"]];
+
 const getDefaultValue = value => {
   const spaceArrayLength = _baseTheme.space.length - 1;
   if (value === undefined) return value;
   const parsedValue = +value;
+
   if (typeof value === "string" && parsedValue > spaceArrayLength) {
     return `${value}px`;
   }
+
   if (parsedValue <= spaceArrayLength) {
     return _baseTheme.space[parsedValue];
   }
+
   if (parsedValue > spaceArrayLength) {
     return `${parsedValue * 8}px`;
   }
+
   return value;
 };
+
 exports.getDefaultValue = getDefaultValue;
+
 const testStyledSystemMargin = (component, defaults, styleContainer, assertOpts) => {
   describe("default props", () => {
-    const wrapper = (0, _enzyme.mount)(component({
-      ...defaults
+    const wrapper = (0, _enzyme.mount)(component({ ...defaults
     }));
     const StyleElement = styleContainer ? styleContainer(wrapper) : wrapper;
     it("should set the correct margins", () => {
@@ -140,6 +183,7 @@ const testStyledSystemMargin = (component, defaults, styleContainer, assertOpts)
       let marginRight;
       let marginTop;
       let marginBottom;
+
       if (defaults) {
         margin = getDefaultValue(defaults.m);
         marginLeft = getDefaultValue(defaults.ml || defaults.mx);
@@ -167,8 +211,7 @@ const testStyledSystemMargin = (component, defaults, styleContainer, assertOpts)
       const props = {
         [styledSystemProp]: 2
       };
-      const wrapper = (0, _enzyme.mount)(component({
-        ...props
+      const wrapper = (0, _enzyme.mount)(component({ ...props
       }));
       assertStyleMatch({
         [propName]: "var(--spacing200)"
@@ -176,11 +219,12 @@ const testStyledSystemMargin = (component, defaults, styleContainer, assertOpts)
     });
   });
 };
+
 exports.testStyledSystemMargin = testStyledSystemMargin;
+
 const testStyledSystemPadding = (component, defaults, styleContainer, assertOpts) => {
   describe("default props", () => {
-    const wrapper = (0, _enzyme.mount)(component({
-      ...defaults
+    const wrapper = (0, _enzyme.mount)(component({ ...defaults
     }));
     const StyleElement = styleContainer ? styleContainer(wrapper) : wrapper;
     it("should set the correct paddings", () => {
@@ -189,6 +233,7 @@ const testStyledSystemPadding = (component, defaults, styleContainer, assertOpts
       let paddingRight;
       let paddingTop;
       let paddingBottom;
+
       if (defaults) {
         padding = getDefaultValue(defaults.p);
         paddingLeft = getDefaultValue(defaults.pl || defaults.px);
@@ -216,8 +261,7 @@ const testStyledSystemPadding = (component, defaults, styleContainer, assertOpts
       const props = {
         [styledSystemProp]: 2
       };
-      const wrapper = (0, _enzyme.mount)(component({
-        ...props
+      const wrapper = (0, _enzyme.mount)(component({ ...props
       }));
       assertStyleMatch({
         [propName]: "var(--spacing200)"
@@ -225,28 +269,33 @@ const testStyledSystemPadding = (component, defaults, styleContainer, assertOpts
     });
   });
 };
+
 exports.testStyledSystemPadding = testStyledSystemPadding;
+
 const testStyledSystemSpacing = (component, defaults, styleContainer, assertOpts) => {
   testStyledSystemMargin(component, defaults, styleContainer, assertOpts);
   testStyledSystemPadding(component, defaults, styleContainer, assertOpts);
 };
+
 exports.testStyledSystemSpacing = testStyledSystemSpacing;
+
 const testStyledSystemColor = (component, styleContainer) => {
   describe.each(colorProps)('when a prop is specified using the "%s" styled system props', (styledSystemProp, propName, value) => {
     it(`then ${propName} should have been set correctly`, () => {
       const props = {
         [styledSystemProp]: value
       };
-      const wrapper = (0, _enzyme.mount)(component({
-        ...props
+      const wrapper = (0, _enzyme.mount)(component({ ...props
       }));
-      const StyleElement = styleContainer ? styleContainer(wrapper) : wrapper;
-      // Some props need to have camelcase so used toHaveStyleRule rather than assertStyleMatch
+      const StyleElement = styleContainer ? styleContainer(wrapper) : wrapper; // Some props need to have camelcase so used toHaveStyleRule rather than assertStyleMatch
+
       expect(StyleElement).toHaveStyleRule(propName, value);
     });
   });
 };
+
 exports.testStyledSystemColor = testStyledSystemColor;
+
 const testStyledSystemWidth = (component, styleContainer) => {
   describe("when a width prop is specified using styled system props", () => {
     it("then width should have been set correctly", () => {
@@ -254,31 +303,33 @@ const testStyledSystemWidth = (component, styleContainer) => {
       const props = {
         [styledSystemProp]: value
       };
-      const wrapper = (0, _enzyme.mount)(component({
-        ...props
+      const wrapper = (0, _enzyme.mount)(component({ ...props
       }));
       const StyleElement = styleContainer ? styleContainer(wrapper) : wrapper;
       expect(StyleElement).toHaveStyleRule(propName, value);
     });
   });
 };
+
 exports.testStyledSystemWidth = testStyledSystemWidth;
+
 const testStyledSystemLayout = (component, styleContainer) => {
   describe.each(layoutProps)('when a prop is specified using the "%s" styled system props', (styledSystemProp, propName, value) => {
     it(`then ${propName} should have been set correctly`, () => {
       const props = {
         [styledSystemProp]: value
       };
-      const wrapper = (0, _enzyme.mount)(component({
-        ...props
+      const wrapper = (0, _enzyme.mount)(component({ ...props
       }));
-      const StyleElement = styleContainer ? styleContainer(wrapper) : wrapper;
-      // Some props need to have camelcase so used toHaveStyleRule rather than assertStyleMatch
+      const StyleElement = styleContainer ? styleContainer(wrapper) : wrapper; // Some props need to have camelcase so used toHaveStyleRule rather than assertStyleMatch
+
       expect(StyleElement).toHaveStyleRule(propName, value);
     });
   });
 };
+
 exports.testStyledSystemLayout = testStyledSystemLayout;
+
 const testStyledSystemFlexBox = (component, styleContainer) => {
   describe.each(flexBoxProps)('when a prop is specified using the "%s" styled system props', (styledSystemProp, propName, value) => {
     it(`then ${propName} should have been set correctly`, () => {
@@ -292,15 +343,16 @@ const testStyledSystemFlexBox = (component, styleContainer) => {
     });
   });
 };
+
 exports.testStyledSystemFlexBox = testStyledSystemFlexBox;
+
 const testStyledSystemBackground = (component, styleContainer) => {
   describe.each(backgroundProps)('when a prop is specified using the "%s" styled system props', (styledSystemProp, propName, value) => {
     it(`then ${propName} should have been set correctly`, () => {
       const props = {
         [styledSystemProp]: value
       };
-      const wrapper = (0, _enzyme.mount)(component({
-        ...props
+      const wrapper = (0, _enzyme.mount)(component({ ...props
       }));
       assertStyleMatch({
         [styledSystemProp]: value
@@ -308,29 +360,32 @@ const testStyledSystemBackground = (component, styleContainer) => {
     });
   });
 };
+
 exports.testStyledSystemBackground = testStyledSystemBackground;
+
 const testStyledSystemPosition = (component, styleContainer) => {
   describe.each(positionProps)('when a prop is specified using the "%s" styled system props', (styledSystemProp, value) => {
     it(`then ${styledSystemProp} should have been set correctly`, () => {
       const props = {
         [styledSystemProp]: value
       };
-      const wrapper = (0, _enzyme.mount)(component({
-        ...props
+      const wrapper = (0, _enzyme.mount)(component({ ...props
       }));
       assertStyleMatch({
         [styledSystemProp]: value
       }, styleContainer ? styleContainer(wrapper) : wrapper);
     });
   });
-};
+}; // this util will catch that a console output occurred without polluting the output when running the unit tests
+
 
-// this util will catch that a console output occurred without polluting the output when running the unit tests
 exports.testStyledSystemPosition = testStyledSystemPosition;
+
 const expectConsoleOutput = (message, type = "error") => {
   if (!message) {
     throw new Error(`no ${type} message provided`);
   }
+
   expect.assertions(1);
   const consoleType = global.console[type];
   let consoleArgs;
@@ -338,10 +393,12 @@ const expectConsoleOutput = (message, type = "error") => {
     if (!args.length) return;
     const msg = args.join(" ");
     const params = args.slice(1, args.length);
+
     if ((0, _sprintfJs.sprintf)(msg, ...params).includes(message)) {
       consoleArgs = args;
       return;
     }
+
     consoleType(...args);
   });
   return () => {
@@ -349,7 +406,9 @@ const expectConsoleOutput = (message, type = "error") => {
       // eslint-disable-next-line no-console
       expect(console[type]).toHaveBeenCalledWith(...consoleArgs);
     }
+
     global.console[type] = consoleType;
   };
 };
+
 exports.expectConsoleOutput = expectConsoleOutput;