carbon-react 118.5.1 → 118.5.2

package/lib/components/select/simple-select/simple-select.component.js

@@ -4,82 +4,63 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.SimpleSelect = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _invariant = _interopRequireDefault(require("invariant"));
-
 var _utils = require("../../../style/utils");
-
 var _select = _interopRequireDefault(require("../select.style"));
-
 var _selectTextbox = _interopRequireDefault(require("../select-textbox"));
-
 var _selectList = _interopRequireDefault(require("../select-list/select-list.component"));
-
 var _guid = _interopRequireDefault(require("../../../__internal__/utils/helpers/guid"));
-
 var _getNextChildByText = _interopRequireDefault(require("../utils/get-next-child-by-text"));
-
 var _isExpectedOption = _interopRequireDefault(require("../utils/is-expected-option"));
-
 var _isNavigationKey = _interopRequireDefault(require("../utils/is-navigation-key"));
-
 var _logger = _interopRequireDefault(require("../../../__internal__/utils/logger"));
-
 var _useFormSpacing = _interopRequireDefault(require("../../../hooks/__internal__/useFormSpacing"));
-
 var _useInputAccessibility = _interopRequireDefault(require("../../../hooks/__internal__/useInputAccessibility/useInputAccessibility"));
-
 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); }
-
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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 ? 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); }
 let deprecateInputRefWarnTriggered = false;
 let deprecateUncontrolledWarnTriggered = false;
-
-const SimpleSelect = /*#__PURE__*/_react.default.forwardRef(({
-  "aria-label": ariaLabel,
-  "aria-labelledby": ariaLabelledby,
-  value,
-  defaultValue,
-  id,
-  label,
-  name,
-  disabled,
-  readOnly,
-  children,
-  transparent,
-  openOnFocus = false,
-  onOpen,
-  onChange,
-  onClick,
-  onFocus,
-  onKeyDown,
-  onBlur,
-  disablePortal = false,
-  isLoading,
-  listMaxHeight,
-  onListScrollBottom,
-  tableHeader,
-  multiColumn,
-  tooltipPosition,
-  "data-component": dataComponent = "simple-select",
-  "data-element": dataElement,
-  "data-role": dataRole,
-  listPlacement = "bottom",
-  flipEnabled = true,
-  inputRef,
-  enableVirtualScroll,
-  virtualScrollOverscan,
-  ...props
-}, ref) => {
+const SimpleSelect = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
+  let {
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledby,
+    value,
+    defaultValue,
+    id,
+    label,
+    name,
+    disabled,
+    readOnly,
+    children,
+    transparent,
+    openOnFocus = false,
+    onOpen,
+    onChange,
+    onClick,
+    onFocus,
+    onKeyDown,
+    onBlur,
+    disablePortal = false,
+    isLoading,
+    listMaxHeight,
+    onListScrollBottom,
+    tableHeader,
+    multiColumn,
+    tooltipPosition,
+    "data-component": dataComponent = "simple-select",
+    "data-element": dataElement,
+    "data-role": dataRole,
+    listPlacement = "bottom",
+    flipEnabled = true,
+    inputRef,
+    enableVirtualScroll,
+    virtualScrollOverscan,
+    ...props
+  } = _ref;
   const selectListId = (0, _react.useRef)((0, _guid.default)());
   const containerRef = (0, _react.useRef)(null);
   const listboxRef = (0, _react.useRef)(null);
@@ -101,25 +82,20 @@ const SimpleSelect = /*#__PURE__*/_react.default.forwardRef(({
     id: inputId.current,
     label
   });
-
   if (!deprecateInputRefWarnTriggered && inputRef) {
     deprecateInputRefWarnTriggered = true;
-
     _logger.default.deprecate("The `inputRef` prop in `Simple Select` component is deprecated and will soon be removed. Please use `ref` instead.");
   }
-
   const componentIsUncontrolled = !isControlled || !onChange && defaultValue;
-
   if (!deprecateUncontrolledWarnTriggered && componentIsUncontrolled) {
     deprecateUncontrolledWarnTriggered = true;
-
     _logger.default.deprecate("Uncontrolled behaviour in `Simple Select` is deprecated and support will soon be removed. Please make sure all your inputs are controlled.");
   }
-
   const childOptions = (0, _react.useMemo)(() => _react.default.Children.toArray(children), [children]);
   const createCustomEvent = (0, _react.useCallback)(newValue => {
     const customEvent = {
-      target: { ...(name && {
+      target: {
+        ...(name && {
           name
         }),
         ...(id && {
@@ -134,19 +110,15 @@ const SimpleSelect = /*#__PURE__*/_react.default.forwardRef(({
     setSelectedValue(previousValue => {
       const previousIndex = childOptions.findIndex(child => /*#__PURE__*/_react.default.isValidElement(child) && (0, _isExpectedOption.default)(child, previousValue));
       const match = (0, _getNextChildByText.default)(newFilterText, childOptions, previousIndex);
-
       if (!match) {
         return previousValue;
       }
-
       if (onChange) {
         onChange(createCustomEvent(match.props.value));
       }
-
       if (isControlled.current) {
         return previousValue;
       }
-
       setTextValue(match.props.text);
       return match.props.value;
     });
@@ -161,7 +133,6 @@ const SimpleSelect = /*#__PURE__*/_react.default.forwardRef(({
       filterText.current = newCharacter;
       selectValueStartingWithText(newCharacter);
     }
-
     isTimerCounting.current = true;
     clearTimeout(filterTimer.current);
     filterTimer.current = setTimeout(() => {
@@ -173,22 +144,18 @@ const SimpleSelect = /*#__PURE__*/_react.default.forwardRef(({
     const {
       key
     } = event;
-
     if (onKeyDown) {
       onKeyDown(event);
     }
-
     if (readOnly) {
       return;
     }
-
     if (key === "Enter" || key === " " || (0, _isNavigationKey.default)(key)) {
       event.preventDefault();
       setOpenState(isAlreadyOpen => {
         if (!isAlreadyOpen && onOpen) {
           onOpen();
         }
-
         return true;
       });
     } else if (key.length === 1 && !event.metaKey && !event.ctrlKey) {
@@ -199,11 +166,9 @@ const SimpleSelect = /*#__PURE__*/_react.default.forwardRef(({
     const notInContainer = containerRef.current && !containerRef.current.contains(event.target);
     const notInList = listboxRef.current && !listboxRef.current.contains(event.target);
     isMouseDownReported.current = false;
-
     if (notInContainer && notInList && !isClickTriggeredBySelect.current) {
       setOpenState(false);
     }
-
     isClickTriggeredBySelect.current = false;
   }, []);
   (0, _react.useEffect)(() => {
@@ -211,7 +176,6 @@ const SimpleSelect = /*#__PURE__*/_react.default.forwardRef(({
     const onChangeMissingMessage = "onChange prop required when using a controlled input element";
     !(isControlled.current === (value !== undefined)) ? process.env.NODE_ENV !== "production" ? (0, _invariant.default)(false, modeSwitchedMessage) : (0, _invariant.default)(false) : void 0;
     !(!isControlled.current || isControlled.current && onChange) ? process.env.NODE_ENV !== "production" ? (0, _invariant.default)(false, onChangeMissingMessage) : (0, _invariant.default)(false) : void 0;
-
     if (isControlled.current) {
       setSelectedValue(value);
     }
@@ -219,11 +183,9 @@ const SimpleSelect = /*#__PURE__*/_react.default.forwardRef(({
   (0, _react.useEffect)(() => {
     const matchingOption = childOptions.find(child => (0, _isExpectedOption.default)(child, selectedValue));
     let newText = "";
-
     if (matchingOption) {
       newText = matchingOption.props.text;
     }
-
     setTextValue(newText);
   }, [selectedValue, childOptions]);
   (0, _react.useEffect)(() => {
@@ -238,89 +200,70 @@ const SimpleSelect = /*#__PURE__*/_react.default.forwardRef(({
       clearTimeout(filterTimer.current);
     };
   }, []);
-
   function handleTextboxClick(event) {
     isMouseDownReported.current = false;
-
     if (onClick) {
       onClick(event);
     }
-
     setOpenState(isAlreadyOpen => {
       if (isAlreadyOpen) {
         return false;
       }
-
       if (onOpen) {
         onOpen();
       }
-
       return true;
     });
   }
-
   function handleDropdownIconClick(event) {
     handleTextboxClick(event);
   }
-
   function handleListMouseDown() {
     isMouseDownReported.current = true;
   }
-
   function handleTextboxBlur(event) {
     if (isMouseDownReported.current) {
       return;
     }
-
     if (onBlur) {
       onBlur(event);
     }
   }
-
   function handleTextboxMouseDown() {
     isMouseDownReported.current = true;
   }
-
   function handleTextboxFocus(event) {
     if (isClickTriggeredBySelect.current) {
       return;
     }
-
     if (onFocus) {
       onFocus(event);
     }
-
     if (isMouseDownReported.current) {
       isMouseDownReported.current = false;
       return;
     }
-
     if (openOnFocus) {
       setOpenState(isAlreadyOpen => {
         if (isAlreadyOpen) {
           return true;
         }
-
         if (onOpen) {
           onOpen();
         }
-
         return true;
       });
     }
   }
-
   function updateValue(newValue, text) {
     if (!isControlled.current) {
       setSelectedValue(newValue);
       setTextValue(text);
     }
-
     if (onChange) {
       onChange(createCustomEvent(newValue));
     }
   }
-
   function onSelectOption(optionData) {
     const {
       text,
@@ -331,34 +274,28 @@ const SimpleSelect = /*#__PURE__*/_react.default.forwardRef(({
     const isClickTriggered = selectionType === "click";
     updateValue(newValue, text);
     setActiveDescendantId(selectedOptionId);
-
     if (selectionType !== "navigationKey") {
       setOpenState(false);
     }
-
     if (isClickTriggered) {
       isClickTriggeredBySelect.current = true;
-      textboxRef === null || textboxRef === void 0 ? void 0 : textboxRef.focus();
+      textboxRef?.focus();
     }
   }
-
   const onSelectListClose = (0, _react.useCallback)(() => {
     setOpenState(false);
   }, []);
   const assignInput = (0, _react.useCallback)(element => {
     setTextboxRef(element);
-
     if (inputRef || !ref) {
       return;
     }
-
     if (typeof ref === "function") {
       ref(element);
     } else {
       ref.current = element;
     }
   }, [ref, inputRef]);
-
   function getTextboxProps() {
     return {
       id: inputId.current,
@@ -382,12 +319,11 @@ const SimpleSelect = /*#__PURE__*/_react.default.forwardRef(({
       ...(0, _utils.filterOutStyledSystemSpacingProps)(props)
     };
   }
-
   const selectList = /*#__PURE__*/_react.default.createElement(_selectList.default, {
     ref: listboxRef,
     id: selectListId.current,
     labelId: labelId,
-    anchorElement: (textboxRef === null || textboxRef === void 0 ? void 0 : textboxRef.parentElement) || undefined,
+    anchorElement: textboxRef?.parentElement || undefined,
     onSelect: onSelectOption,
     onMouseDown: handleListMouseDown,
     onSelectListClose: onSelectListClose,
@@ -405,7 +341,6 @@ const SimpleSelect = /*#__PURE__*/_react.default.forwardRef(({
     enableVirtualScroll: enableVirtualScroll,
     virtualScrollOverscan: virtualScrollOverscan
   }, children);
-
   const marginProps = (0, _useFormSpacing.default)(props);
   return /*#__PURE__*/_react.default.createElement(_select.default, _extends({
     transparent: transparent,
@@ -426,7 +361,6 @@ const SimpleSelect = /*#__PURE__*/_react.default.forwardRef(({
     textboxRef: textboxRef
   }, getTextboxProps()))), selectList);
 });
-
 exports.SimpleSelect = SimpleSelect;
 SimpleSelect.propTypes = {
   "about": _propTypes.default.string,
@@ -498,14 +432,12 @@ SimpleSelect.propTypes = {
   "children": _propTypes.default.node,
   "className": _propTypes.default.string,
   "color": _propTypes.default.string,
+  "content": _propTypes.default.string,
   "contentEditable": _propTypes.default.oneOfType([_propTypes.default.oneOf(["false", "inherit", "true"]), _propTypes.default.bool]),
   "contextMenu": _propTypes.default.string,
-  "crossOrigin": _propTypes.default.string,
-  "css": _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
-    "__emotion_styles": _propTypes.default.any.isRequired
-  }), _propTypes.default.string, _propTypes.default.bool]),
+  "crossOrigin": _propTypes.default.oneOf(["", "anonymous", "use-credentials"]),
   "dangerouslySetInnerHTML": _propTypes.default.shape({
-    "__html": _propTypes.default.string.isRequired
+    "__html": _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.string]).isRequired
   }),
   "data-component": _propTypes.default.string,
   "data-element": _propTypes.default.string,
@@ -725,6 +657,7 @@ SimpleSelect.propTypes = {
     "valueOf": _propTypes.default.func.isRequired
   }), _propTypes.default.string]),
   "name": _propTypes.default.string,
+  "nonce": _propTypes.default.string,
   "onAbort": _propTypes.default.func,
   "onAbortCapture": _propTypes.default.func,
   "onAnimationEnd": _propTypes.default.func,
@@ -895,9 +828,11 @@ SimpleSelect.propTypes = {
   "property": _propTypes.default.string,
   "radioGroup": _propTypes.default.string,
   "readOnly": _propTypes.default.bool,
+  "rel": _propTypes.default.string,
   "required": _propTypes.default.bool,
   "resource": _propTypes.default.string,
   "results": _propTypes.default.number,
+  "rev": _propTypes.default.string,
   "reverse": _propTypes.default.bool,
   "role": _propTypes.default.oneOfType([_propTypes.default.oneOf(["alert", "alertdialog", "application", "article", "banner", "button", "cell", "checkbox", "columnheader", "combobox", "complementary", "contentinfo", "definition", "dialog", "directory", "document", "feed", "figure", "form", "grid", "gridcell", "group", "heading", "img", "link", "list", "listbox", "listitem", "log", "main", "marquee", "math", "menu", "menubar", "menuitem", "menuitemcheckbox", "menuitemradio", "navigation", "none", "note", "option", "presentation", "progressbar", "radio", "radiogroup", "region", "row", "rowgroup", "rowheader", "scrollbar", "search", "searchbox", "separator", "slider", "spinbutton", "status", "switch", "tab", "table", "tablist", "tabpanel", "term", "textbox", "timer", "toolbar", "tooltip", "tree", "treegrid", "treeitem"]), _propTypes.default.shape({
     "__@iterator": _propTypes.default.func.isRequired,

package/lib/components/select/utils/get-next-child-by-text.js

@@ -4,48 +4,38 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = getNextChildByText;
-
 function findElementStartingWithText(textToMatch, list) {
   return list.findIndex(child => {
-    var _child$props$text;
-
-    return (_child$props$text = child.props.text) === null || _child$props$text === void 0 ? void 0 : _child$props$text.toLowerCase().startsWith(textToMatch.toLowerCase());
+    return child.props.text?.toLowerCase().startsWith(textToMatch.toLowerCase());
   });
 }
-
 function getListOfMatches(arrayOfChildren, lastCharacter) {
   return arrayOfChildren.reduce((acc, child, index) => {
     if (child.props.text && child.props.text.toLowerCase().startsWith(lastCharacter.toLowerCase())) {
       acc.push(index);
     }
-
     return acc;
   }, []);
 }
-
 function getIndexOfNextElement(listOfMatches, previousIndex) {
   const isLastIndex = previousIndex === listOfMatches[listOfMatches.length - 1];
-
   if (isLastIndex) {
     return listOfMatches[0];
   }
-
   return listOfMatches[listOfMatches.indexOf(previousIndex) + 1];
 }
+
 /**
  * Recreates HTML Select element functionality of finding first match based on typed characters
  * */
-
-
-function getNextChildByText(textToMatch, arrayOfChildren, previousIndex = -1) {
+function getNextChildByText(textToMatch, arrayOfChildren) {
+  let previousIndex = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : -1;
   const lastCharacter = textToMatch.slice(-1);
   const isTheSameCharacter = textToMatch.split("").every(character => character === lastCharacter);
   let indexOfMatch = findElementStartingWithText(textToMatch, arrayOfChildren);
   const listOfMatches = getListOfMatches(arrayOfChildren, lastCharacter);
-
   if (isTheSameCharacter && listOfMatches.length > 1) {
     indexOfMatch = getIndexOfNextElement(listOfMatches, previousIndex);
   }
-
   return arrayOfChildren[indexOfMatch];
 }

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

@@ -3,67 +3,53 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = getNextIndexByKey;
 exports.PAGE_SIZE = void 0;
+exports.default = getNextIndexByKey;
 const PAGE_SIZE = 4;
 exports.PAGE_SIZE = PAGE_SIZE;
-
 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/lib/components/select/utils/highlight-part-of-text.js

@@ -4,32 +4,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = highlightPartOfTextRecursive;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _matchingText = _interopRequireDefault(require("./matching-text.style"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 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.default.createElement("span", {
     key: "preceding"
   }, precedingText), /*#__PURE__*/_react.default.createElement(_matchingText.default, {
@@ -39,20 +31,15 @@ function highlightPartOfText(text, partToHighlight) {
   }, followingTextNode)];
   return newValue;
 }
-
 function highlightPartOfTextRecursive(child, partToHighlight) {
   if (typeof child === "string") {
     return highlightPartOfText(child, partToHighlight);
   }
   /* istanbul ignore if */
-
-
   if (! /*#__PURE__*/_react.default.isValidElement(child)) {
     return child;
   }
-
   const highlightedChildren = _react.default.Children.map(child.props.children, grandChild => highlightPartOfTextRecursive(grandChild, partToHighlight));
-
   return /*#__PURE__*/_react.default.cloneElement(child, {
     children: highlightedChildren
   });

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

@@ -4,31 +4,22 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = isExpectedOption;
-
 var _option = _interopRequireDefault(require("../option"));
-
 var _optionRow = _interopRequireDefault(require("../option-row/option-row.component"));
-
 var _isExpectedValue = _interopRequireDefault(require("./is-expected-value"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function isExpectedOption(element, expectedValue) {
   if (element.type !== _option.default && element.type !== _optionRow.default) {
     return false;
   }
-
   if (expectedValue === null || expectedValue === undefined) {
     return false;
   }
-
   const {
     length
   } = typeof expectedValue === "string" ? expectedValue : Object.keys(expectedValue);
-
   if (!length) {
     return false;
   }
-
   return (0, _isExpectedValue.default)(element.props.value, expectedValue);
 }

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

@@ -4,11 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = isExpectedValue;
-
 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/lib/components/select/utils/is-navigation-key.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = isNavigationKey;
-
 function isNavigationKey(key) {
   const navigationKeys = ["ArrowDown", "ArrowUp", "Home", "End", "PageUp", "PageDown"];
   return navigationKeys.includes(key);

package/lib/components/select/utils/matching-text.style.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const MatchingText = _styledComponents.default.span`
   font-weight: 700;
   text-decoration: underline;