carbon-react 111.12.3 → 111.12.4

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

@@ -4,9 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
 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 StyledOptionRow = _styledComponents.default.tr`
   cursor: pointer;
 

package/lib/components/select/select-list/select-list-container.style.js

@@ -4,9 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _styledComponents = _interopRequireDefault(require("styled-components"));
+
 var _themes = require("../../../style/themes");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const StyledSelectListContainer = _styledComponents.default.div`
   background-color: white;
   box-shadow: var(--boxShadow100);

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

@@ -4,27 +4,49 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _dom = require("@floating-ui/dom");
+
 var _useScrollBlock = _interopRequireDefault(require("../../../hooks/__internal__/useScrollBlock"));
+
 var _selectList = require("./select-list.style");
+
 var _popover = _interopRequireDefault(require("../../../__internal__/popover"));
+
 var _optionRow = _interopRequireDefault(require("../option-row/option-row.component"));
+
 var _updateListScroll = _interopRequireDefault(require("./update-list-scroll"));
+
 var _getNextChildByText = _interopRequireDefault(require("../utils/get-next-child-by-text"));
+
 var _getNextIndexByKey = _interopRequireDefault(require("../utils/get-next-index-by-key"));
+
 var _isNavigationKey = _interopRequireDefault(require("../utils/is-navigation-key"));
+
 var _listActionButton = _interopRequireDefault(require("../list-action-button/list-action-button.component"));
+
 var _selectListContainer = _interopRequireDefault(require("./select-list-container.style"));
+
 var _loader = _interopRequireDefault(require("../../loader"));
+
 var _option = _interopRequireDefault(require("../option/option.component"));
+
 var _guid = _interopRequireDefault(require("../../../__internal__/utils/helpers/guid"));
+
 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; }
+
 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 SelectList = /*#__PURE__*/_react.default.forwardRef(({
   listMaxHeight = 180,
   listActionButton,
@@ -63,6 +85,7 @@ const SelectList = /*#__PURE__*/_react.default.forwardRef(({
     if (isOpen) {
       blockScroll();
     }
+
     return () => {
       if (isOpen) {
         allowScroll();
@@ -81,11 +104,11 @@ const SelectList = /*#__PURE__*/_react.default.forwardRef(({
     if ((child === null || child === void 0 ? void 0 : child.type) === _option.default || (child === null || child === void 0 ? void 0 : child.type) === _optionRow.default) {
       return /*#__PURE__*/_react.default.createRef();
     }
+
     return null;
   }).filter(child => child), [children]);
   const handleSelect = (0, _react.useCallback)(optionData => {
-    onSelect({
-      ...optionData,
+    onSelect({ ...optionData,
       selectionType: "click"
     });
   }, [onSelect]);
@@ -94,6 +117,7 @@ const SelectList = /*#__PURE__*/_react.default.forwardRef(({
     if (!child || child.type !== _option.default && child.type !== _optionRow.default) {
       return child;
     }
+
     const newProps = {
       index,
       id: childIds[index],
@@ -117,9 +141,11 @@ const SelectList = /*#__PURE__*/_react.default.forwardRef(({
     const lastIndex = lastOptionIndex;
     let nextIndex = (0, _getNextIndexByKey.default)(key, indexOfHighlighted, lastIndex, isLoading);
     const nextElement = childrenList[nextIndex];
+
     if (nextElement && nextElement.type !== _option.default && nextElement.type !== _optionRow.default) {
       nextIndex = getNextHighlightableItemIndex(key, nextIndex, lastIndex);
     }
+
     return nextIndex;
   }, [childrenList, lastOptionIndex, isLoading]);
   const getIndexOfMatch = (0, _react.useCallback)(valueToMatch => {
@@ -127,14 +153,18 @@ const SelectList = /*#__PURE__*/_react.default.forwardRef(({
   }, [childrenList]);
   const highlightNextItem = (0, _react.useCallback)(key => {
     let currentIndex = currentOptionsListIndex;
+
     if (highlightedValue) {
       const indexOfHighlighted = getIndexOfMatch(highlightedValue);
       currentIndex = indexOfHighlighted;
     }
+
     const nextIndex = getNextHighlightableItemIndex(key, currentIndex);
+
     if (currentIndex === nextIndex) {
       return;
     }
+
     const {
       text,
       value,
@@ -166,10 +196,12 @@ const SelectList = /*#__PURE__*/_react.default.forwardRef(({
     if (!isOpen) {
       return;
     }
+
     const {
       key
     } = event;
     const isActionButtonFocused = document.activeElement === listActionButtonRef.current;
+
     if (key === "Tab" && listActionButton) {
       handleActionButtonTab(event, isActionButtonFocused);
     } else if (key === "Tab" || key === "Escape") {
@@ -177,10 +209,12 @@ const SelectList = /*#__PURE__*/_react.default.forwardRef(({
     } else if (key === "Enter" && !isActionButtonFocused) {
       event.preventDefault();
       const currentOption = childrenList[currentOptionsListIndex];
+
       if (!currentOption) {
         onSelectListClose();
         return;
       }
+
       const {
         id: itemId,
         text,
@@ -199,6 +233,7 @@ const SelectList = /*#__PURE__*/_react.default.forwardRef(({
   }, [childrenList, listActionButton, handleActionButtonTab, onSelectListClose, currentOptionsListIndex, onSelect, highlightNextItem, focusOnAnchor, isOpen]);
   const handleListScroll = (0, _react.useCallback)(event => {
     const element = event.target;
+
     if (onListScrollBottom && element.scrollHeight - element.scrollTop === element.clientHeight) {
       onListScrollBottom();
     }
@@ -218,12 +253,15 @@ const SelectList = /*#__PURE__*/_react.default.forwardRef(({
       lastFilter.current = filterText;
       return;
     }
+
     lastFilter.current = filterText;
     setCurrentOptionsListIndex(previousIndex => {
       const match = (0, _getNextChildByText.default)(filterText, childrenList, previousIndex);
+
       if (!match) {
         return previousIndex;
       }
+
       const indexOfMatch = getIndexOfMatch(match.props.value);
       (0, _updateListScroll.default)(indexOfMatch, multiColumn ? tableRef.current : listRef.current, optionRefList);
       return indexOfMatch;
@@ -233,6 +271,7 @@ const SelectList = /*#__PURE__*/_react.default.forwardRef(({
     if (!highlightedValue) {
       return;
     }
+
     const indexOfMatch = getIndexOfMatch(highlightedValue);
     setCurrentOptionsListIndex(indexOfMatch);
     (0, _updateListScroll.default)(indexOfMatch, multiColumn ? tableRef.current : listRef.current, optionRefList);
@@ -251,16 +290,20 @@ const SelectList = /*#__PURE__*/_react.default.forwardRef(({
         width: `${rects.reference.width}px`
       });
     }
+
   }), ...(flipEnabled ? [(0, _dom.flip)({
     fallbackStrategy: "initialPlacement"
   })] : [])], [flipEnabled]);
+
   const loader = () => /*#__PURE__*/_react.default.createElement(_selectList.StyledSelectLoaderContainer, {
     key: "loader",
     as: multiColumn ? "div" : "li"
   }, /*#__PURE__*/_react.default.createElement(_loader.default, {
     "data-role": loaderDataRole
   }));
+
   let selectListContent = childrenWithListProps;
+
   if (multiColumn) {
     selectListContent = /*#__PURE__*/_react.default.createElement(_selectList.StyledSelectListTable, null, /*#__PURE__*/_react.default.createElement(_selectList.StyledSelectListTableHeader, {
       scrollbarWidth: scrollbarWidth
@@ -268,6 +311,7 @@ const SelectList = /*#__PURE__*/_react.default.forwardRef(({
       ref: tableRef
     }, childrenWithListProps));
   }
+
   return /*#__PURE__*/_react.default.createElement(_selectListContext.default.Provider, {
     value: {
       currentOptionsListIndex,
@@ -302,49 +346,70 @@ const SelectList = /*#__PURE__*/_react.default.forwardRef(({
     onListAction: onListAction
   }))));
 });
+
 SelectList.propTypes = {
   /** The ID for the parent <div> */
   id: _propTypes.default.string,
+
   /** The Id of the label */
   labelId: _propTypes.default.string,
+
   /** Child components (such as <Option>) */
   children: _propTypes.default.node,
+
   /** Boolean to toggle where DatePicker is rendered in relation to the Date Input */
   disablePortal: _propTypes.default.bool,
+
   /** DOM element to position the dropdown menu list relative to */
   anchorElement: _propTypes.default.object,
+
   /** A callback for when a child is selected */
   onSelect: _propTypes.default.func.isRequired,
+
   /** A callback for when the list should be closed */
   onSelectListClose: _propTypes.default.func.isRequired,
+
   /** Text value to highlight an option */
   filterText: _propTypes.default.string,
+
   /** Value of option to be highlighted on component render */
   highlightedValue: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object]),
+
   /** True for default text button or a Button Component to be rendered */
   listActionButton: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.element]),
+
   /** Maximum list height - defaults to 180 */
   listMaxHeight: _propTypes.default.number,
+
   /** A callback for when the Action Button is triggered */
   onListAction: _propTypes.default.func,
+
   /** If true the loader animation is displayed below the last option */
   isLoading: _propTypes.default.bool,
+
   /** A callback that is triggered when a user scrolls to the bottom of the list */
   onListScrollBottom: _propTypes.default.func,
+
   /** 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,
+
   /** Data role for loader component */
   loaderDataRole: _propTypes.default.string,
+
   /** Placement of the select list relative 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,
+
   /** @private @ignore
    * Hides the list (with CSS display: none) if not set
    */
   isOpen: _propTypes.default.bool,
+
   /** array of selected values, if rendered as part of a MultiSelect */
   multiselectValues: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string), _propTypes.default.arrayOf(_propTypes.default.object)])
 };

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

@@ -4,9 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledSelectListTableBody = exports.StyledSelectListTableHeader = exports.StyledSelectListTable = exports.StyledSelectLoaderContainer = exports.StyledSelectList = void 0;
+
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
 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 StyledSelectList = _styledComponents.default.ul`
   ${({
   isLoading,
@@ -60,9 +64,8 @@ const StyledSelectListTable = _styledComponents.default.table`
     width: 100%;
     table-layout: fixed;
   }
-`;
+`; // TODO (design-tokens): to match current style for border bottom colorsUtilityMajor100
 
-// TODO (design-tokens): to match current style for border bottom colorsUtilityMajor100
 exports.StyledSelectListTable = StyledSelectListTable;
 const StyledSelectListTableHeader = _styledComponents.default.thead`
   border-bottom: 1px solid var(--colorsUtilityMajor050);

package/lib/components/select/select-list/update-list-scroll.js

@@ -4,11 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = updateListScrollTop;
+
 function updateListScrollTop(indexOfCurrent, list, options) {
   if (!list || !options[indexOfCurrent] || options[indexOfCurrent].current === null) {
     list.scrollTop = 0;
     return;
   }
+
   let newPosition = 0;
   const {
     offsetHeight: listHeight
@@ -17,8 +19,10 @@ function updateListScrollTop(indexOfCurrent, list, options) {
     offsetTop: itemTop,
     offsetHeight: currentItemHeight
   } = options[indexOfCurrent].current;
+
   if (itemTop + currentItemHeight > listHeight) {
     newPosition = itemTop + currentItemHeight - listHeight;
   }
+
   list.scrollTop = newPosition;
 }

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

@@ -4,18 +4,31 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.formInputPropTypes = exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _dom = require("@floating-ui/dom");
+
 var _useFloating = _interopRequireDefault(require("../../../hooks/__internal__/useFloating"));
+
 var _textbox = _interopRequireDefault(require("../../textbox"));
+
 var _selectText = _interopRequireDefault(require("../__internal__/select-text/select-text.component"));
+
 var _guid = _interopRequireDefault(require("../../../__internal__/utils/helpers/guid"));
+
 var _useLocale = _interopRequireDefault(require("../../../hooks/__internal__/useLocale"));
+
 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 floatingMiddleware = [(0, _dom.offset)(({
   rects
 }) => ({
@@ -28,7 +41,9 @@ const floatingMiddleware = [(0, _dom.offset)(({
     elements.reference.style.height = `${rects.floating.height}px`;
     elements.floating.style.width = `${rects.reference.width}px`;
   }
+
 })];
+
 const SelectTextbox = ({
   accessibilityLabelId,
   labelId,
@@ -67,25 +82,31 @@ const SelectTextbox = ({
   });
   const l = (0, _useLocale.default)();
   const textId = (0, _react.useRef)((0, _guid.default)());
+
   function handleTextboxClick(event) {
     if (disabled || readOnly) {
       return;
     }
+
     onClick(event);
   }
+
   function handleTextboxFocus(event) {
     if (disabled || readOnly) {
       return;
     }
+
     if (onFocus) {
       onFocus(event);
     }
   }
+
   function handleTextboxBlur(event) {
     if (onBlur) {
       onBlur(event);
     }
   }
+
   function getTextboxProps() {
     return {
       disabled,
@@ -99,8 +120,10 @@ const SelectTextbox = ({
       ...restProps
     };
   }
+
   function getInputAriaAttributes() {
     const joinIds = (...ids) => ids.filter(item => item !== undefined).join(" ");
+
     const ariaLabelledby = hasTextCursor ? joinIds(labelId, accessibilityLabelId) : joinIds(labelId, textId.current);
     return {
       "aria-expanded": readOnly ? undefined : isOpen,
@@ -111,6 +134,7 @@ const SelectTextbox = ({
       role: readOnly ? undefined : "combobox"
     };
   }
+
   function renderSelectText() {
     return /*#__PURE__*/_react.default.createElement(_selectText.default, _extends({
       textId: textId.current,
@@ -123,6 +147,7 @@ const SelectTextbox = ({
       size: size
     }, restProps));
   }
+
   function handleSelectTextKeydown(event) {
     if (event.key.length === 1) {
       onChange({
@@ -132,6 +157,7 @@ const SelectTextbox = ({
       });
     }
   }
+
   return /*#__PURE__*/_react.default.createElement(_textbox.default, _extends({
     "data-element": "select-input",
     inputIcon: "dropdown",
@@ -142,6 +168,7 @@ const SelectTextbox = ({
     placeholder: hasTextCursor ? placeholder || l.select.placeholder() : undefined
   }, getInputAriaAttributes(), getTextboxProps()), !hasTextCursor && renderSelectText());
 };
+
 const formInputPropTypes = {
   /**
    * Id of the element containing the currently displayed value
@@ -150,16 +177,22 @@ const formInputPropTypes = {
    * @ignore
    */
   accessibilityLabelId: _propTypes.default.string,
+
   /** Id attribute of the input element */
   id: _propTypes.default.string,
+
   /** Name attribute of the input element */
   name: _propTypes.default.string,
+
   /** If true the Component will be read-only */
   readOnly: _propTypes.default.bool,
+
   /** If true the Component will be disabled */
   disabled: _propTypes.default.bool,
+
   /** If true the Component will be focused when rendered */
   autoFocus: _propTypes.default.bool,
+
   /**
    * Label id passed from Select component
    * @private
@@ -167,60 +200,78 @@ const formInputPropTypes = {
    *
    */
   labelId: _propTypes.default.string,
+
   /** Label */
   label: _propTypes.default.string,
+
   /** Text applied to label help tooltip */
   labelHelp: _propTypes.default.node,
+
   /** When true, label is placed in line with an input */
   labelInline: _propTypes.default.bool,
+
   /** Width of a label in percentage. Works only when labelInline is true */
   labelWidth: _propTypes.default.number,
+
   /** Width of an input in percentage. Works only when labelInline is true */
   inputWidth: _propTypes.default.number,
+
   /**
    * @ignore
    * @private
    * If true, the select is open
    */
   isOpen: _propTypes.default.bool,
+
   /** Size of an input */
   size: _propTypes.default.oneOf(["small", "medium", "large"]),
+
   /** Placeholder string to be displayed in input */
   placeholder: _propTypes.default.string,
+
   /** A custom callback for when changes occur */
   onChange: _propTypes.default.func,
+
   /** Callback function for when the Select Textbox is clicked. */
   onClick: _propTypes.default.func,
+
   /** Callback function for when the Select Textbox is focused. */
   onFocus: _propTypes.default.func,
+
   /** Callback function for when the Select Textbox loses it's focus. */
   onBlur: _propTypes.default.func,
+
   /** Callback function for when the key is pressed when focused on Select Textbox. */
   onKeyDown: _propTypes.default.func,
+
   /** Breakpoint for adaptive label (inline labels change to top aligned). Enables the adaptive behaviour when set */
   adaptiveLabelBreakpoint: _propTypes.default.number,
+
   /** Flag to configure component as mandatory */
   required: _propTypes.default.bool
 };
 exports.formInputPropTypes = formInputPropTypes;
-SelectTextbox.propTypes = {
-  ...formInputPropTypes,
+SelectTextbox.propTypes = { ...formInputPropTypes,
+
   /**
    * @ignore
    * @private
    * Id attribute of the select list
    */
   "aria-controls": _propTypes.default.string,
+
   /**
    * @private
    * @ignore
    * Value to be displayed in the Textbox */
   formattedValue: _propTypes.default.string,
+
   /**
    * @private
    * @ignore
    * If true, the input will be displayed */
   hasTextCursor: _propTypes.default.bool,
+
   /**
    * @private
    * @ignore

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

@@ -4,15 +4,25 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
 var _styledSystem = require("styled-system");
+
 var _inputPresentation = _interopRequireDefault(require("../../__internal__/input/input-presentation.style"));
+
 var _input = _interopRequireDefault(require("../../__internal__/input/input.style"));
+
 var _inputIconToggle = _interopRequireDefault(require("../../__internal__/input-icon-toggle/input-icon-toggle.style"));
+
 var _themes = require("../../style/themes");
+
 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 StyledSelect = _styledComponents.default.div`
   ${({
   hasTextCursor,