carbon-react 118.5.1 → 118.5.2

package/esm/components/select/utils/get-next-index-by-key.js

@@ -2,59 +2,46 @@ export const PAGE_SIZE = 4;
 export default function getNextIndexByKey(key, currentIndex, lastIndex, isLoading) {
   const isNoOptionSelected = currentIndex === -1;
   let newIndex = currentIndex;
-
   switch (key) {
     case "Home":
       newIndex = 0;
       break;
-
     case "End":
       newIndex = lastIndex;
       break;
-
     case "ArrowDown":
       if (isLoading && currentIndex === lastIndex) {
         return lastIndex;
       }
-
       if (currentIndex === lastIndex || isNoOptionSelected) {
         newIndex = 0;
       } else {
         newIndex = currentIndex + 1;
       }
-
       break;
-
     case "ArrowUp":
       if (currentIndex === 0 || isNoOptionSelected) {
         newIndex = lastIndex;
       } else {
         newIndex = currentIndex - 1;
       }
-
       break;
-
     case "PageDown":
       if (isNoOptionSelected) {
         newIndex = Math.min(PAGE_SIZE - 1, lastIndex);
       } else {
         newIndex = Math.min(currentIndex + PAGE_SIZE, lastIndex);
       }
-
       break;
-
     case "PageUp":
       if (isNoOptionSelected) {
         newIndex = Math.max(lastIndex + 1 - PAGE_SIZE, 0);
       } else {
         newIndex = Math.max(currentIndex - PAGE_SIZE, 0);
       }
-
       break;
-
     default:
       break;
   }
-
   return newIndex;
 }

package/esm/components/select/utils/highlight-part-of-text.js

@@ -1,25 +1,20 @@
 import React from "react";
 import MatchingText from "./matching-text.style";
-
 function highlightPartOfText(text, partToHighlight) {
   if (!partToHighlight || !partToHighlight.length || !text) return text;
   const lowercaseText = text.toLowerCase();
   const lowercasePart = partToHighlight.toLowerCase();
   const indexOfFirstMatch = lowercaseText.indexOf(lowercasePart);
-
   if (indexOfFirstMatch === -1) {
     return text;
   }
-
   const precedingText = text.substr(0, indexOfFirstMatch);
   const matchingText = text.substr(indexOfFirstMatch, partToHighlight.length);
   const followingText = text.substr(indexOfFirstMatch + partToHighlight.length, text.length);
   let followingTextNode = followingText;
-
   if (followingText.length >= partToHighlight.length) {
     followingTextNode = highlightPartOfText(followingText, partToHighlight);
   }
-
   const newValue = [/*#__PURE__*/React.createElement("span", {
     key: "preceding"
   }, precedingText), /*#__PURE__*/React.createElement(MatchingText, {
@@ -29,18 +24,14 @@ function highlightPartOfText(text, partToHighlight) {
   }, followingTextNode)];
   return newValue;
 }
-
 export default function highlightPartOfTextRecursive(child, partToHighlight) {
   if (typeof child === "string") {
     return highlightPartOfText(child, partToHighlight);
   }
   /* istanbul ignore if */
-
-
   if (! /*#__PURE__*/React.isValidElement(child)) {
     return child;
   }
-
   const highlightedChildren = React.Children.map(child.props.children, grandChild => highlightPartOfTextRecursive(grandChild, partToHighlight));
   return /*#__PURE__*/React.cloneElement(child, {
     children: highlightedChildren

package/esm/components/select/utils/is-expected-option.js

@@ -5,18 +5,14 @@ export default function isExpectedOption(element, expectedValue) {
   if (element.type !== Option && element.type !== OptionRow) {
     return false;
   }
-
   if (expectedValue === null || expectedValue === undefined) {
     return false;
   }
-
   const {
     length
   } = typeof expectedValue === "string" ? expectedValue : Object.keys(expectedValue);
-
   if (!length) {
     return false;
   }
-
   return isExpectedValue(element.props.value, expectedValue);
 }

package/esm/components/select/utils/is-expected-value.js

@@ -2,6 +2,5 @@ export default function isExpectedValue(currentValue, expectedValue) {
   if (typeof currentValue === "object" && currentValue.id !== null && currentValue.id !== undefined && typeof expectedValue === "object") {
     return currentValue.id === expectedValue.id;
   }
-
   return currentValue === expectedValue;
 }

package/esm/components/select/utils/with-filter.hoc.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, { useCallback } from "react";
 import useLocale from "../../../hooks/__internal__/useLocale";
 import StyledOptionRow from "../option-row/option-row.style";
@@ -7,20 +6,14 @@ import StyledOption from "../option/option.style";
 import Option from "../option";
 import OptionRow from "../option-row/option-row.component";
 import highlightPartOfText from "./highlight-part-of-text";
-
 const filterOptions = (option, filterText) => {
-  var _option$props$text;
-
-  const processedText = (_option$props$text = option.props.text) === null || _option$props$text === void 0 ? void 0 : _option$props$text.toLowerCase();
+  const processedText = option.props.text?.toLowerCase();
   const processedValue = filterText.toLowerCase();
-
   if (processedText.includes(processedValue)) {
     return option;
   }
-
   return null;
 };
-
 const filterOptionRows = (optionRow, filterText) => {
   const cells = React.Children.toArray(optionRow.props.children);
   const hasText = cells.find(cell => {
@@ -28,108 +21,85 @@ const filterOptionRows = (optionRow, filterText) => {
     if (! /*#__PURE__*/React.isValidElement(cell)) {
       return false;
     }
-
     if (typeof cell.props.children === "string") {
       const processedText = cell.props.children.toLowerCase();
       const processedValue = filterText.toLowerCase();
       return processedText.includes(processedValue);
-    } // filter recursively based on children
-
-
+    }
+    // filter recursively based on children
     return filterOptionRows(cell, filterText);
   });
-
   if (hasText) {
     return optionRow;
   }
-
   return null;
 };
-
 const filterChildren = filterText => children => {
   const filteredChildren = React.Children.map(children, child => {
     /* istanbul ignore if */
     if (! /*#__PURE__*/React.isValidElement(child)) {
       return null;
     }
-
     if (child.type === Option) {
       return filterOptions(child, filterText);
     }
     /* istanbul ignore else */
-
-
     if (child.type === OptionRow) {
       return filterOptionRows(child, filterText);
     }
     /* istanbul ignore next */
-
-
     return null;
   });
   if (React.Children.count(filteredChildren)) return filteredChildren;
   return null;
 };
-
 function addHighlightedContent(filteredElements, filterText) {
   return React.Children.map(filteredElements, child => {
     let highlightedContent;
     /* istanbul ignore if */
-
     if (! /*#__PURE__*/React.isValidElement(child)) {
       return child;
     }
-
     if (child.type === Option) {
       highlightedContent = highlightPartOfText(child.props.text, filterText);
     }
-
     if (child.type === OptionRow) {
       highlightedContent = React.Children.map(child.props.children, cell => {
         /* istanbul ignore if */
         if (! /*#__PURE__*/React.isValidElement(cell)) {
           return cell;
         }
-
         return /*#__PURE__*/React.cloneElement(cell, {
           children: highlightPartOfText(cell.props.children, filterText)
         });
       });
     }
-
     return /*#__PURE__*/React.cloneElement(child, {
       children: highlightedContent
     });
   });
 }
-
 /** Filters wrapped component children based on provided filter text and highlights matching content */
 const withFilter = WrappedComponent => {
-  const FilteredComponent = /*#__PURE__*/React.forwardRef(({
-    children,
-    filterText,
-    noResultsMessage,
-    isLoading,
-    multiColumn,
-    tableHeader,
-    ...props
-  }, forwardedRef) => {
+  const FilteredComponent = /*#__PURE__*/React.forwardRef((_ref, forwardedRef) => {
+    let {
+      children,
+      filterText,
+      noResultsMessage,
+      isLoading,
+      multiColumn,
+      tableHeader,
+      ...props
+    } = _ref;
     const l = useLocale();
     const getFilteredChildren = useCallback(() => {
       let filteredElements = children;
-
       if (filterText && !isLoading) {
         filteredElements = filterChildren(filterText)(children);
-
         if (!filteredElements) {
           const noResultsText = l.select.noResultsForTerm(filterText);
-
           if (multiColumn) {
-            var _tableHeader$props;
-
-            const colSpan = /*#__PURE__*/React.isValidElement(tableHeader) ?
-            /* istanbul ignore next */
-            React.Children.count(tableHeader === null || tableHeader === void 0 ? void 0 : (_tableHeader$props = tableHeader.props) === null || _tableHeader$props === void 0 ? void 0 : _tableHeader$props.children) : 1;
+            const colSpan = /*#__PURE__*/React.isValidElement(tableHeader) ? /* istanbul ignore next */React.Children.count(tableHeader?.props?.children) : 1;
             return /*#__PURE__*/React.createElement(StyledOptionRow, null, /*#__PURE__*/React.createElement("td", {
               style: {
                 fontWeight: "normal"
@@ -137,13 +107,10 @@ const withFilter = WrappedComponent => {
               colSpan: colSpan
             }, noResultsMessage || noResultsText));
           }
-
           return /*#__PURE__*/React.createElement(StyledOption, null, noResultsMessage || noResultsText);
         }
-
         return addHighlightedContent(filteredElements, filterText);
       }
-
       return children;
     }, [children, filterText, isLoading, multiColumn, noResultsMessage, tableHeader, l]);
     const wrappedComponentProps = {
@@ -160,5 +127,4 @@ const withFilter = WrappedComponent => {
   FilteredComponent.displayName = "FilteredComponent";
   return FilteredComponent;
 };
-
 export default withFilter;

package/esm/components/settings-row/settings-row.component.d.ts

@@ -16,7 +16,7 @@ export interface SettingsRowProps extends MarginProps {
     className?: string;
 }
 export declare const SettingsRow: {
-    ({ title, headingType, children, description, divider, className, ...rest }: SettingsRowProps): JSX.Element;
+    ({ title, headingType, children, description, divider, className, ...rest }: SettingsRowProps): React.JSX.Element;
     displayName: string;
 };
 export default SettingsRow;

package/esm/components/settings-row/settings-row.component.js

@@ -1,21 +1,20 @@
-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 from "react";
 import PropTypes from "prop-types";
 import Heading from "../heading";
 import tagComponent from "../../__internal__/utils/helpers/tags/tags";
 import { filterStyledSystemMarginProps } from "../../style/utils";
 import { StyledSettingsRow, StyledSettingsRowHeader, StyledSettingsRowInput } from "./settings-row.style";
-
-const SettingsRow = ({
-  title,
-  headingType = "h3",
-  children,
-  description,
-  divider = true,
-  className,
-  ...rest
-}) => {
+export const SettingsRow = _ref => {
+  let {
+    title,
+    headingType = "h3",
+    children,
+    description,
+    divider = true,
+    className,
+    ...rest
+  } = _ref;
   const heading = () => {
     if (!title) return null;
     return /*#__PURE__*/React.createElement(Heading, {
@@ -26,7 +25,6 @@ const SettingsRow = ({
       divider: false
     });
   };
-
   return /*#__PURE__*/React.createElement(StyledSettingsRow, _extends({
     className: className,
     hasDivider: divider
@@ -34,169 +32,5 @@ const SettingsRow = ({
     m: 0
   }, filterStyledSystemMarginProps(rest)), /*#__PURE__*/React.createElement(StyledSettingsRowHeader, null, heading()), /*#__PURE__*/React.createElement(StyledSettingsRowInput, null, children));
 };
-
-SettingsRow.propTypes = {
-  "children": PropTypes.node,
-  "className": PropTypes.string,
-  "description": PropTypes.node,
-  "divider": PropTypes.bool,
-  "headingType": PropTypes.oneOf(["h1", "h2", "h3", "h4", "h5"]),
-  "m": 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]),
-  "margin": 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]),
-  "marginBottom": 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]),
-  "marginLeft": 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]),
-  "marginRight": 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]),
-  "marginTop": 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]),
-  "marginX": 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]),
-  "marginY": 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]),
-  "mb": 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]),
-  "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]),
-  "mt": 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]),
-  "mx": 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]),
-  "my": 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]),
-  "title": PropTypes.string
-};
-export { SettingsRow };
 SettingsRow.displayName = "SettingsRow";
 export default SettingsRow;

package/esm/components/settings-row/settings-row.style.js

@@ -13,12 +13,15 @@ export const StyledSettingsRow = styled.div`
   padding: 0;
   position: relative;
 
-  ${({
-  hasDivider
-}) => hasDivider && css`
+  ${_ref => {
+  let {
+    hasDivider
+  } = _ref;
+  return hasDivider && css`
       border-bottom: 1px solid var(--colorsUtilityMajor050);
       padding-bottom: 30px;
-    `}
+    `;
+}}
 
   ${StyledHeader} {
     margin-bottom: 0;