carbon-react 118.5.1 → 118.6.0

package/lib/__spec_helper__/test-utils.js

@@ -3,143 +3,112 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.makeArrayKeys = exports.listFrom = exports.keyboard = exports.hoverList = exports.getDefaultValue = exports.expectConsoleOutput = exports.click = exports.childrenFrom = exports.carbonThemesJestTable = exports.assertStyleMatch = exports.assertKeyboardTraversal = exports.assertHoverTraversal = void 0;
 Object.defineProperty(exports, "mockMatchMedia", {
   enumerable: true,
   get: function () {
     return _mockMatchMedia.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;
-
+exports.toCSSCase = exports.testStyledSystemWidth = exports.testStyledSystemSpacing = exports.testStyledSystemPosition = exports.testStyledSystemPadding = exports.testStyledSystemMargin = exports.testStyledSystemLayout = exports.testStyledSystemFlexBox = exports.testStyledSystemColor = exports.testStyledSystemBackground = exports.simulate = exports.selectedItemOf = 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 */
-const isUpper = char => char.toUpperCase() === char;
 
+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]) => {
+  Object.entries(styleSpec).forEach(_ref => {
+    let [attr, value] = _ref;
     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
+}, {});
+
+// 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
-  } = {
-    shiftKey: false
-  }) => {
+  acc[methodName] = function (target) {
+    let {
+      shiftKey
+    } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
+      shiftKey: false
+    };
     target.simulate("keydown", {
       shiftKey,
       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 = []
-}) => wrapper => {
-  const array = makeArrayKeys(num);
-  const validIndexes = array.filter(isSelectableGiven(nonSelectables));
-  const selectedItem = selectedItemOf(wrapper);
-  const indexesThatWereSelected = array.reduce(selectedItemReducer(method)(wrapper), [selectedItem]).filter(isUnique);
-  expect(arraysEqual(validIndexes, indexesThatWereSelected)).toBeTruthy();
+const assertCorrectTraversal = method => expect => _ref2 => {
+  let {
+    num,
+    nonSelectables = []
+  } = _ref2;
+  return wrapper => {
+    const array = makeArrayKeys(num);
+    const validIndexes = array.filter(isSelectableGiven(nonSelectables));
+    const selectedItem = selectedItemOf(wrapper);
+    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"]];
@@ -149,32 +118,26 @@ 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", () => {
@@ -183,7 +146,6 @@ const testStyledSystemMargin = (component, defaults, styleContainer, assertOpts)
       let marginRight;
       let marginTop;
       let marginBottom;
-
       if (defaults) {
         margin = getDefaultValue(defaults.m);
         marginLeft = getDefaultValue(defaults.ml || defaults.mx);
@@ -211,7 +173,8 @@ 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)"
@@ -219,12 +182,11 @@ 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", () => {
@@ -233,7 +195,6 @@ const testStyledSystemPadding = (component, defaults, styleContainer, assertOpts
       let paddingRight;
       let paddingTop;
       let paddingBottom;
-
       if (defaults) {
         padding = getDefaultValue(defaults.p);
         paddingLeft = getDefaultValue(defaults.pl || defaults.px);
@@ -261,7 +222,8 @@ 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)"
@@ -269,33 +231,28 @@ 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", () => {
@@ -303,33 +260,31 @@ 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`, () => {
@@ -343,16 +298,15 @@ 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
@@ -360,45 +314,44 @@ 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") => {
+const expectConsoleOutput = function (message) {
+  let type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "error";
   if (!message) {
     throw new Error(`no ${type} message provided`);
   }
-
   expect.assertions(1);
   const consoleType = global.console[type];
   let consoleArgs;
-  jest.spyOn(global.console, type).mockImplementation((...args) => {
+  jest.spyOn(global.console, type).mockImplementation(function () {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
     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 () => {
@@ -406,9 +359,7 @@ const expectConsoleOutput = (message, type = "error") => {
       // eslint-disable-next-line no-console
       expect(console[type]).toHaveBeenCalledWith(...consoleArgs);
     }
-
     global.console[type] = consoleType;
   };
 };
-
 exports.expectConsoleOutput = expectConsoleOutput;

package/lib/components/accordion/accordion-group/accordion-group.component.d.ts

@@ -8,7 +8,7 @@ export interface AccordionGroupProps extends MarginProps {
     children?: AccordionGroupChild;
 }
 export declare const AccordionGroup: {
-    ({ children, ...rest }: AccordionGroupProps): JSX.Element;
+    ({ children, ...rest }: AccordionGroupProps): React.JSX.Element;
     displayName: string;
 };
 export default AccordionGroup;