fix(lint): fixed lint issues for another components

Author: raphaelamadeu

packages/react/src/components/LinkWithIcon/LinkWithIcon.js

@@ -37,7 +37,7 @@ const LinkWithIcon = ({ children, href, ...props }) => {
  * @property propTypes
  * @description Defined property types for component
  *
- * @type {{children: array, href: string}}
+ * @type {{children: Array, href: string}}
  */
 LinkWithIcon.propTypes = {
   children: PropTypes.array,

packages/react/src/components/LocaleModal/LocaleModalCountries.js

@@ -137,7 +137,7 @@ const LocaleModalCountries = ({
 /**
  * @property propTypes
  * @description Defined property types for component
- * @type {{regionList: array, availabilityText: string, unavailabilityText: string, placeHolderText: string, labelText: string,}}
+ * @type {{regionList: Array, availabilityText: string, unavailabilityText: string, placeHolderText: string, labelText: string}}
  */
 LocaleModalCountries.propTypes = {
   regionList: PropTypes.array,

packages/utilities/src/utilities/sameHeight/sameHeight.js

@@ -5,6 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 
+import { baseFontSize, breakpoints } from '@carbon/layout';
+
 /**
  * Utility that sets an array of elements to the same height.
  *
@@ -22,24 +24,9 @@
  */
 function sameHeight(elemCollection, minSize = false) {
   const elemArr = Array.prototype.slice.call(elemCollection);
-  let targetWidth = 0;
-  if (minSize) {
-    switch (minSize) {
-      case 'md':
-        targetWidth = 671;
-        break;
-      case 'lg':
-        targetWidth = 1055;
-        break;
-      case 'xlg':
-        targetWidth = 1311;
-        break;
-      case 'max':
-        targetWidth = 1583;
-        break;
-    }
-  }
-
+  let targetWidth = minSize
+    ? parseFloat(breakpoints[minSize].width) * baseFontSize
+    : 0;
   if (window.innerWidth > targetWidth) {
     elemArr.forEach(elem => {
       elem.style.height = 'auto';

packages/utilities/src/utilities/sameHeight/sameheight.js

@@ -0,0 +1,53 @@
+/**
+ * Copyright IBM Corp. 2016, 2018
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { baseFontSize, breakpoints } from '@carbon/layout';
+
+/**
+ * Utility that sets an array of elements to the same height.
+ *
+ * @example
+ * import {sameheight} from '@carbon/ibmdotcom-utilities';
+ *
+ * sameheight(ElementArray, 'md');
+ *
+ * if you want the utility to refresh the sizes as you resize the screen, consider using a listener:
+ * window.addEventListener('resize', sameheight(ElementArray, 'md'));
+ *
+ * @param {Array} elemCollection Html objects array
+ * @param {string} minSize Minimum size for the utility to be activated, empty for small,
+ *  md for medium, lg for large, xlg for xlarge, max for maximum
+ */
+function sameHeight(elemCollection, minSize = false) {
+  const elemArr = Array.prototype.slice.call(elemCollection);
+  let targetWidth = minSize
+    ? parseFloat(breakpoints[minSize].width) * baseFontSize
+    : 0;
+  if (window.innerWidth > targetWidth) {
+    elemArr.forEach(elem => {
+      elem.style.height = 'auto';
+    });
+    let targetHeight = 0;
+
+    elemArr.forEach(elem => {
+      elem.offsetHeight > targetHeight
+        ? (targetHeight = elem.offsetHeight)
+        : false;
+    });
+
+    elemArr.forEach(elem => {
+      elem.offsetHeight == targetHeight;
+      elem.style.height = targetHeight + 'px';
+    });
+  } else {
+    elemArr.forEach(elem => {
+      elem.style.height = 'auto';
+    });
+  }
+}
+
+export default sameHeight;

packages/utilities/src/utilities/sameheight/sameheight.js

@@ -5,10 +5,11 @@
  * LICENSE file in the root directory of this source tree.
  */
 
+import { baseFontSize, breakpoints } from '@carbon/layout';
+
 /**
  * Utility that sets an array of elements to the same height.
  *
- *
  * @example
  * import {sameheight} from '@carbon/ibmdotcom-utilities';
  *
@@ -23,24 +24,9 @@
  */
 function sameHeight(elemCollection, minSize = false) {
   const elemArr = Array.prototype.slice.call(elemCollection);
-  let targetWidth = 0;
-  if (minSize) {
-    switch (minSize) {
-      case 'md':
-        targetWidth = 671;
-        break;
-      case 'lg':
-        targetWidth = 1055;
-        break;
-      case 'xlg':
-        targetWidth = 1311;
-        break;
-      case 'max':
-        targetWidth = 1583;
-        break;
-    }
-  }
-
+  let targetWidth = minSize
+    ? parseFloat(breakpoints[minSize].width) * baseFontSize
+    : 0;
   if (window.innerWidth > targetWidth) {
     elemArr.forEach(elem => {
       elem.style.height = 'auto';