carbon-react 111.12.3 → 111.12.4

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

@@ -4,24 +4,43 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _invariant = _interopRequireDefault(require("invariant"));
+
 var _utils = require("../../../style/utils");
+
 var _selectTextbox = _interopRequireWildcard(require("../select-textbox/select-textbox.component"));
+
 var _guid = _interopRequireDefault(require("../../../__internal__/utils/helpers/guid"));
+
 var _withFilter = _interopRequireDefault(require("../utils/with-filter.hoc"));
+
 var _selectList = _interopRequireDefault(require("../select-list/select-list.component"));
+
 var _multiSelect = require("./multi-select.style");
+
 var _pill = _interopRequireDefault(require("../../pill"));
+
 var _isExpectedOption = _interopRequireDefault(require("../utils/is-expected-option"));
+
 var _isExpectedValue = _interopRequireDefault(require("../utils/is-expected-value"));
+
 var _isNavigationKey = _interopRequireDefault(require("../utils/is-navigation-key"));
+
 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 FilterableSelectList = (0, _withFilter.default)(_selectList.default);
+
 const MultiSelect = /*#__PURE__*/_react.default.forwardRef(({
   value,
   defaultValue,
@@ -79,13 +98,13 @@ const MultiSelect = /*#__PURE__*/_react.default.forwardRef(({
       if (!isAlreadyOpen && onOpen) {
         onOpen();
       }
+
       return true;
     });
   }, [onOpen]);
   const createCustomEvent = (0, _react.useCallback)(newValue => {
     const customEvent = {
-      target: {
-        ...(name && {
+      target: { ...(name && {
           name
         }),
         ...(id && {
@@ -96,19 +115,19 @@ const MultiSelect = /*#__PURE__*/_react.default.forwardRef(({
     };
     return customEvent;
   }, [name, id]);
-
   /* generic value update function which can be used for both controlled and uncontrolled
    * components, both with and without onChange.
    * It accepts a function to update the value, which is assumed to be have no side effects and therefore
    * be safe to run more than once if needed. */
+
   const updateValue = (0, _react.useCallback)(updateFunction => {
-    const newValue = updateFunction(actualValue);
-    // only call onChange if an option has been selected or deselected
+    const newValue = updateFunction(actualValue); // only call onChange if an option has been selected or deselected
+
     if (onChange && newValue.length !== actualValue.length) {
       onChange(createCustomEvent(newValue));
-    }
+    } // no need to update selectedValue if the component is controlled: onChange should take care of updating the value
+
 
-    // no need to update selectedValue if the component is controlled: onChange should take care of updating the value
     if (!isControlled.current) {
       setSelectedValue(updateFunction);
     }
@@ -116,9 +135,11 @@ const MultiSelect = /*#__PURE__*/_react.default.forwardRef(({
   const handleTextboxChange = (0, _react.useCallback)(event => {
     const newValue = event.target.value;
     const match = findElementWithMatchingText(newValue, children);
+
     if (match) {
       setHighlightedValue(match.props.value);
     }
+
     setFilterText(newValue);
     setTextValue(newValue);
     setOpen();
@@ -129,6 +150,7 @@ const MultiSelect = /*#__PURE__*/_react.default.forwardRef(({
       if (!previousValue.length) {
         return previousValue;
       }
+
       const newValue = [...previousValue];
       newValue.splice(index, 1);
       return newValue;
@@ -139,20 +161,24 @@ const MultiSelect = /*#__PURE__*/_react.default.forwardRef(({
       key
     } = event;
     const isDeleteKey = key === "Backspace" || key === "Delete";
+
     if (onKeyDown) {
       onKeyDown(event);
     }
+
     if (readOnly) {
       return;
     }
+
     if (!event.defaultPrevented && (0, _isNavigationKey.default)(key)) {
       event.preventDefault();
       setOpen();
     }
+
     if (isDeleteKey && (filterText === "" || textValue === "")) {
       removeSelectedValue(-1);
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    } // eslint-disable-next-line react-hooks/exhaustive-deps
+
   }, [onKeyDown, readOnly, filterText, textValue, setOpen, removeSelectedValue]);
   const accessibilityLabel = (0, _react.useMemo)(() => {
     return actualValue && actualValue.length ? _react.default.Children.map(children, child => {
@@ -163,27 +189,35 @@ const MultiSelect = /*#__PURE__*/_react.default.forwardRef(({
   }, [children, actualValue]);
   const handleGlobalClick = (0, _react.useCallback)(event => {
     isMouseDownReported.current = false;
+
     if (!isOpen) {
       return;
     }
+
     const notInContainer = containerRef.current && !containerRef.current.contains(event.target);
     const notInList = listboxRef.current && !listboxRef.current.contains(event.target);
+
     if (notInContainer && notInList && !isClickTriggeredBySelect.current) {
       setTextValue("");
       setFilterText("");
       setHighlightedValue("");
       setOpenState(false);
     }
+
     isClickTriggeredBySelect.current = false;
   }, [isOpen]);
   const mapValuesToPills = (0, _react.useMemo)(() => {
     const canDelete = !disabled && !readOnly;
+
     if (!actualValue.length) {
       return "";
     }
+
     return actualValue.map((singleValue, index) => {
       const matchingOption = _react.default.Children.toArray(children).find(child => (0, _isExpectedOption.default)(child, singleValue));
+
       let pillProps = {};
+
       if (matchingOption) {
         pillProps = {
           title: matchingOption.props.text,
@@ -191,6 +225,7 @@ const MultiSelect = /*#__PURE__*/_react.default.forwardRef(({
           borderColor: matchingOption.props.borderColor
         };
       }
+
       const {
         title
       } = pillProps;
@@ -201,20 +236,19 @@ const MultiSelect = /*#__PURE__*/_react.default.forwardRef(({
         onDelete: canDelete ? () => removeSelectedValue(index) : undefined,
         wrapText: wrapPillText
       }, pillProps), title));
-    });
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }); // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [children, disabled, readOnly, actualValue]);
   (0, _react.useEffect)(() => {
     const modeSwitchedMessage = "Input elements should not switch from uncontrolled to controlled (or vice versa). " + "Decide between using a controlled or uncontrolled input element for the lifetime of the component";
     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;
-  }, [value, onChange]);
+  }, [value, onChange]); // removes placeholder when a value is present
 
-  // removes placeholder when a value is present
   (0, _react.useEffect)(() => {
     const hasValue = value === null || value === void 0 ? void 0 : value.length;
     const hasSelectedValue = actualValue === null || actualValue === void 0 ? void 0 : actualValue.length;
+
     if (hasValue || hasSelectedValue) {
       setPlaceholderOverride(" ");
     } else {
@@ -233,64 +267,84 @@ const MultiSelect = /*#__PURE__*/_react.default.forwardRef(({
       onFilterChange(filterText);
     }
   }, [filterText, onFilterChange]);
+
   function handleTextboxClick(event) {
     isMouseDownReported.current = false;
+
     if (onClick) {
       onClick(event);
     }
   }
+
   function handleDropdownIconClick(event) {
     isMouseDownReported.current = false;
+
     if (onClick) {
       onClick(event);
     }
+
     setOpenState(isAlreadyOpen => {
       if (isAlreadyOpen) {
         setFilterText("");
         return false;
       }
+
       if (onOpen) {
         onOpen();
       }
+
       return true;
     });
   }
+
   function handleTextboxBlur(event) {
     isMouseDownOnInput.current = false;
+
     if (isMouseDownReported.current) {
       return;
     }
+
     isInputFocused.current = false;
+
     if (onBlur) {
       onBlur(event);
     }
   }
+
   function handleTextboxMouseDown(event) {
     isMouseDownReported.current = true;
+
     if (event.target.attributes["data-element"] && event.target.attributes["data-element"].value === "input") {
       isMouseDownOnInput.current = true;
     }
   }
+
   function handleListMouseDown() {
     isMouseDownReported.current = true;
   }
+
   function handleTextboxFocus(event) {
     const triggerFocus = () => onFocus(event);
+
     if (openOnFocus) {
       setOpenState(isAlreadyOpen => {
         if (isAlreadyOpen) {
           return true;
         }
+
         if (onOpen) {
           onOpen();
         }
+
         if (onFocus && !isInputFocused.current) {
           triggerFocus();
           isInputFocused.current = true;
         }
+
         if (isMouseDownReported.current && !isMouseDownOnInput.current) {
           return false;
         }
+
         return true;
       });
     } else if (onFocus && !isInputFocused.current) {
@@ -298,38 +352,47 @@ const MultiSelect = /*#__PURE__*/_react.default.forwardRef(({
       isInputFocused.current = true;
     }
   }
+
   const onSelectOption = (0, _react.useCallback)(optionData => {
     const {
       value: newValue,
       selectionType,
       id: selectedOptionId
     } = optionData;
+
     if (selectionType === "navigationKey") {
       setHighlightedValue(newValue);
       setActiveDescendantId(selectedOptionId);
       return;
     }
+
     if (selectionType === "click") {
       isClickTriggeredBySelect.current = true;
     }
+
     setTextValue("");
     const isAlreadySelected = actualValue.findIndex(val => (0, _isExpectedValue.default)(val, newValue)) !== -1;
+
     if (!isAlreadySelected && isControlled.current && onChange) {
       onChange(createCustomEvent([...actualValue, newValue]));
     }
+
     textboxRef.focus();
     isMouseDownReported.current = false;
     updateValue(previousValue => {
       if (isAlreadySelected) {
         return previousValue;
       }
+
       return [...previousValue, newValue];
     });
   }, [createCustomEvent, onChange, textboxRef, actualValue, updateValue]);
+
   function onSelectListClose() {
     setOpenState(false);
     setFilterText("");
   }
+
   function findElementWithMatchingText(textToMatch, list) {
     return list.find(child => {
       const {
@@ -338,12 +401,15 @@ const MultiSelect = /*#__PURE__*/_react.default.forwardRef(({
       return text && text.toLowerCase().indexOf(textToMatch.toLowerCase()) !== -1;
     });
   }
+
   function assignInput(input) {
     setTextboxRef(input.current);
+
     if (inputRef) {
       inputRef.current = input.current;
     }
   }
+
   function getTextboxProps() {
     return {
       id,
@@ -368,6 +434,7 @@ const MultiSelect = /*#__PURE__*/_react.default.forwardRef(({
       ...(0, _utils.filterOutStyledSystemSpacingProps)(textboxProps)
     };
   }
+
   const selectList = /*#__PURE__*/_react.default.createElement(FilterableSelectList, {
     ref: listboxRef,
     id: selectListId.current,
@@ -390,6 +457,7 @@ const MultiSelect = /*#__PURE__*/_react.default.forwardRef(({
     multiselectValues: actualValue,
     isOpen: isOpen
   }, children);
+
   return /*#__PURE__*/_react.default.createElement(_multiSelect.StyledSelectMultiSelect, _extends({
     disabled: disabled,
     readOnly: readOnly,
@@ -414,46 +482,65 @@ const MultiSelect = /*#__PURE__*/_react.default.forwardRef(({
     textboxRef: textboxRef
   }, getTextboxProps()))), selectList);
 });
-MultiSelect.propTypes = {
-  ..._selectTextbox.formInputPropTypes,
+
+MultiSelect.propTypes = { ..._selectTextbox.formInputPropTypes,
+
   /** Identifier used for testing purposes, applied to the root element of the component. */
   "data-component": _propTypes.default.string,
+
   /** Identifier used for testing purposes, applied to the root element of the component. */
   "data-element": _propTypes.default.string,
+
   /** Identifier used for testing purposes, applied to the root element of the component. */
   "data-role": _propTypes.default.string,
+
   /** Boolean to toggle where SelectList is rendered in relation to the Select Input */
   disablePortal: _propTypes.default.bool,
+
   /** The selected value(s), when the component is operating in controlled mode */
   value: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string), _propTypes.default.arrayOf(_propTypes.default.object)]),
+
   /** The default selected value(s), when the component is operating in uncontrolled mode */
   defaultValue: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string), _propTypes.default.arrayOf(_propTypes.default.object)]),
+
   /** Child components (such as Option or OptionRow) for the SelectList */
   children: _propTypes.default.node.isRequired,
+
   /** A custom callback for when the input text changes */
   onFilterChange: _propTypes.default.func,
+
   /** A custom callback for when the dropdown menu opens */
   onOpen: _propTypes.default.func,
+
   /** If true the Component opens on focus */
   openOnFocus: _propTypes.default.bool,
+
   /** SelectList table header, should consist of multiple th elements.
   Works only in multiColumn mode */
   tableHeader: _propTypes.default.node,
+
   /** When true component will work in multi column mode.
   Children should consist of OptionRow components in this mode */
   multiColumn: _propTypes.default.bool,
+
   /** A custom message to be displayed when any option does not match the filter text */
   noResultsMessage: _propTypes.default.string,
+
   /** If true the loader animation is displayed in the option list */
   isLoading: _propTypes.default.bool,
+
   /** Overrides the default tooltip position */
   tooltipPosition: _propTypes.default.oneOf(["top", "bottom", "left", "right"]),
+
   /** Maximum list height - defaults to 180 */
   listMaxHeight: _propTypes.default.number,
+
   /** Placement of the select list in relation to the input element */
   listPlacement: _propTypes.default.oneOf(["top", "bottom", "right", "left"]),
+
   /** Use the opposite list placement if the set placement does not fit */
   flipEnabled: _propTypes.default.bool,
+
   /** Wraps the pill text when it would overflow the input width */
   wrapPillText: _propTypes.default.bool
 };

package/lib/components/select/multi-select/multi-select.style.js

@@ -4,15 +4,25 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledAccessibilityLabelContainer = exports.StyledSelectMultiSelect = exports.StyledSelectPillContainer = void 0;
+
 var _styledComponents = _interopRequireDefault(require("styled-components"));
+
 var _pill = _interopRequireDefault(require("../../pill/pill.style"));
+
 var _themes = require("../../../style/themes");
+
 var _inputIconToggle = _interopRequireDefault(require("../../../__internal__/input-icon-toggle/input-icon-toggle.style"));
+
 var _select = _interopRequireDefault(require("../select.style"));
+
 var _inputPresentation = _interopRequireDefault(require("../../../__internal__/input/input-presentation.style"));
+
 var _input = _interopRequireDefault(require("../../../__internal__/input/input.style"));
+
 var _inputSizes = _interopRequireDefault(require("../../../__internal__/input/input-sizes.style"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const StyledSelectPillContainer = _styledComponents.default.div`
   display: flex;
   flex-direction: column;

package/lib/components/select/option/option.component.js

@@ -4,13 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _option = _interopRequireDefault(require("./option.style"));
+
 var _selectListContext = _interopRequireDefault(require("../__internal__/select-list-context"));
+
 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 Option = /*#__PURE__*/_react.default.forwardRef(({
   text,
   children,
@@ -23,9 +31,11 @@ const Option = /*#__PURE__*/_react.default.forwardRef(({
 }, ref) => {
   const selectListContext = (0, _react.useContext)(_selectListContext.default);
   let isSelected = selectListContext.currentOptionsListIndex === index;
+
   if (selectListContext.multiselectValues) {
     isSelected = selectListContext.multiselectValues.includes(value);
   }
+
   function handleClick() {
     if (!onClick) {
       onSelect({
@@ -44,6 +54,7 @@ const Option = /*#__PURE__*/_react.default.forwardRef(({
       });
     }
   }
+
   return /*#__PURE__*/_react.default.createElement(_option.default, {
     id: id,
     ref: ref,
@@ -55,42 +66,52 @@ const Option = /*#__PURE__*/_react.default.forwardRef(({
     hidden: hidden
   }, children || text);
 });
+
 Option.propTypes = {
   /** The option's visible text, displayed within Textbox of Select, and used for filtering */
   text: _propTypes.default.string.isRequired,
+
   /** Optional: alternative rendered content, displayed within SelectList of Select (eg: an icon, an image, etc) */
   children: _propTypes.default.node,
+
   /** The option's invisible internal value */
   value: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.string]).isRequired,
+
   /**
    * @private
    * @ignore
    * Component id (prop added by the SelectList component)
    */
   id: _propTypes.default.string,
+
   /**
    * @private
    * @ignore
    * Callback to return value when the element is clicked (prop added by the SelectList component) */
   onClick: _propTypes.default.func,
+
   /**
    * @private
    * @ignore
    * Callback to return value when the element is selected (prop added by the SelectList component) */
   onSelect: _propTypes.default.func,
+
   /**
    * @private
    * @ignore
    * Position of the element in the list */
   index: _propTypes.default.number,
+
   /**
    * @private
    * @ignore
    * True when option should be hidden from the view (prop added by the SelectList component) */
   hidden: _propTypes.default.bool,
+
   /** MultiSelect only - custom Pill border color - provide any color from palette or any valid css color value. */
   // eslint-disable-next-line react/no-unused-prop-types
   borderColor: _propTypes.default.string,
+
   /** MultiSelect only - fill Pill background with color */
   // eslint-disable-next-line react/no-unused-prop-types
   fill: _propTypes.default.bool

package/lib/components/select/option/option.style.js

@@ -4,11 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 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 StyledOption = _styledComponents.default.li`
   cursor: pointer;
   box-sizing: border-box;

package/lib/components/select/option-group-header/option-group-header.component.js

@@ -4,11 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _optionGroupHeader = _interopRequireDefault(require("./option-group-header.style"));
+
 var _icon = _interopRequireDefault(require("../../icon"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const OptionGroupHeader = ({
   label,
   icon
@@ -17,9 +23,11 @@ const OptionGroupHeader = ({
     type: icon
   }), /*#__PURE__*/_react.default.createElement("h4", null, label));
 };
+
 OptionGroupHeader.propTypes = {
   /** Heading text */
   label: _propTypes.default.string.isRequired,
+
   /**
    * <a href="https://brand.sage.com/d/NdbrveWvNheA/foundations#/icons/icons" target="_blank">List of supported icons</a>
    *

package/lib/components/select/option-group-header/option-group-header.style.js

@@ -4,9 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _styledComponents = _interopRequireDefault(require("styled-components"));
+
 var _icon = _interopRequireDefault(require("../../icon/icon.style"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const StyledOptionGroupHeader = _styledComponents.default.div`
   box-sizing: border-box;
   height: 26px;

package/lib/components/select/option-row/option-row.component.js

@@ -4,13 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _optionRow = _interopRequireDefault(require("./option-row.style"));
+
 var _selectListContext = _interopRequireDefault(require("../__internal__/select-list-context"));
+
 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 OptionRow = /*#__PURE__*/_react.default.forwardRef(({
   id,
   text,
@@ -27,11 +35,14 @@ const OptionRow = /*#__PURE__*/_react.default.forwardRef(({
       value
     });
   };
+
   const selectListContext = (0, _react.useContext)(_selectListContext.default);
   let isSelected = selectListContext.currentOptionsListIndex === index;
+
   if (selectListContext.multiselectValues) {
     isSelected = selectListContext.multiselectValues.includes(value);
   }
+
   return /*#__PURE__*/_react.default.createElement(_optionRow.default, {
     id: id,
     ref: ref,
@@ -43,29 +54,36 @@ const OptionRow = /*#__PURE__*/_react.default.forwardRef(({
     hidden: hidden
   }, children);
 });
+
 OptionRow.propTypes = {
   /** The option's visible text, displayed within Textbox of Select */
   text: _propTypes.default.string.isRequired,
+
   /** Row content, should consist of multiple `td` elements */
   children: _propTypes.default.node.isRequired,
+
   /** The option's invisible internal value */
   value: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.string]).isRequired,
+
   /**
    * @private
    * @ignore
    * Component id (prop added by the SelectList component)
    */
   id: _propTypes.default.string.isRequired,
+
   /**
    * @private
    * @ignore
    * Callback to return value when the element is selected (prop added by the SelectList component) */
   onSelect: _propTypes.default.func,
+
   /**
    * @private
    * @ignore
    * Position of the element in the list */
   index: _propTypes.default.number,
+
   /**
    * @private
    * @ignore