baseui 12.1.3 → 13.0.0

package/es/radio/radio.js

@@ -12,13 +12,16 @@ import * as React from 'react';
 import { getOverrides } from '../helpers/overrides';
 import { Root as StyledRoot, Label as StyledLabel, Input as StyledInput, RadioMarkInner as StyledRadioMarkInner, RadioMarkOuter as StyledRadioMarkOuter, Description as StyledDescription } from './styled-components';
 
+// @ts-ignore
 function isLabelTopLeft(labelPlacement) {
   return labelPlacement === 'top' || labelPlacement === 'left';
-}
+} // @ts-ignore
+
 
 function isLabelBottomRight(labelPlacement) {
   return labelPlacement === 'bottom' || labelPlacement === 'right';
-}
+} // @ts-ignore
+
 
 const stopPropagation = e => e.stopPropagation();
 

package/es/radio/radiogroup.js

@@ -73,6 +73,7 @@ class StatelessRadioGroup extends React.Component {
 
       const checked = this.props.value === child.props.value;
       return /*#__PURE__*/React.cloneElement(child, {
+        //@ts-ignore
         align: this.props.align,
         autoFocus: this.props.autoFocus,
         checked,

package/es/radio/styled-components.js

@@ -9,11 +9,13 @@ const DEFAULT = 0;
 const HOVERED = 1;
 const ACTIVE = 2;
 
+// @ts-ignore
 function getState(props) {
   if (props.$isActive) return ACTIVE;
   if (props.$isHovered) return HOVERED;
   return DEFAULT;
-}
+} // @ts-ignore
+
 
 function getOuterColor(props) {
   const {
@@ -58,7 +60,8 @@ function getOuterColor(props) {
   }
 
   return null;
-}
+} // @ts-ignore
+
 
 function getInnerColor(props) {
   const {
@@ -96,7 +99,8 @@ function getInnerColor(props) {
   } else {
     return colors.tickMarkFill;
   }
-}
+} // @ts-ignore
+
 
 function getLabelPadding(props) {
   const {
@@ -133,7 +137,8 @@ function getLabelPadding(props) {
   return {
     [`padding${paddingDirection}`]: scale300
   };
-}
+} // @ts-ignore
+
 
 function getLabelColor(props) {
   const {
@@ -161,7 +166,8 @@ export const RadioGroupRoot = styled('div', props => {
   };
 });
 RadioGroupRoot.displayName = "RadioGroupRoot";
-RadioGroupRoot.displayName = 'RadioGroupRoot';
+RadioGroupRoot.displayName = 'RadioGroupRoot'; // @ts-ignore
+
 export const Root = styled('label', props => {
   const {
     $disabled,

package/es/rating/emoticon-rating.js

@@ -68,16 +68,21 @@ class EmoticonRating extends React.Component {
         previewIndex
       } = this.state;
       const [Emoticon, emoticonProps] = getOverrides(overrides.Item, StyledEmoticon);
-      const ratings = [];
+      const ratings = []; // @ts-ignore
+
       const refs = [{
         current: null
       }];
 
       for (let x = 1; x <= 5; x++) {
         const isFocusable = x === value || value < 1 && x === 1;
-        const starRef = /*#__PURE__*/React.createRef();
+        const starRef = /*#__PURE__*/React.createRef(); // @ts-ignore
+
         refs.push(starRef);
-        ratings.push( /*#__PURE__*/React.createElement(Emoticon, _extends({
+        ratings.push(
+        /*#__PURE__*/
+        // @ts-ignore
+        React.createElement(Emoticon, _extends({
           key: x,
           role: "radio" // eslint-disable-next-line @typescript-eslint/no-explicit-any
           ,
@@ -99,7 +104,8 @@ class EmoticonRating extends React.Component {
             }
 
             this.selectItem(x);
-          },
+          } // @ts-ignore
+          ,
           onKeyDown: e => {
             if (readOnly) {
               return;
@@ -109,14 +115,16 @@ class EmoticonRating extends React.Component {
               e.preventDefault && e.preventDefault(); // 5 value comes from non-configurable number of icons
 
               const prevIndex = value - 1 < 1 ? 5 : value - 1;
-              this.selectItem(prevIndex);
+              this.selectItem(prevIndex); // @ts-ignore
+
               refs[prevIndex].current && refs[prevIndex].current.focus();
             }
 
             if (e.keyCode === ARROW_DOWN || e.keyCode === ARROW_RIGHT) {
               e.preventDefault && e.preventDefault();
               const nextIndex = value + 1 > 5 ? 1 : value + 1;
-              this.selectItem(nextIndex);
+              this.selectItem(nextIndex); // @ts-ignore
+
               refs[nextIndex].current && refs[nextIndex].current.focus();
             }
           },
@@ -143,7 +151,8 @@ class EmoticonRating extends React.Component {
     const [Root, rootProps] = getOverrides(overrides.Root, StyledRoot);
     return /*#__PURE__*/React.createElement(Root, _extends({
       "data-baseweb": "emoticon-rating",
-      role: "radiogroup",
+      role: "radiogroup" // @ts-ignore
+      ,
       onBlur: e => {
         if (!e.currentTarget.contains(e.relatedTarget)) this.updatePreview(undefined);
       },

package/es/rating/star-rating.js

@@ -69,16 +69,21 @@ class StarRating extends React.Component {
         previewIndex
       } = this.state;
       const [Star, starProps] = getOverrides(overrides.Item, StyledStar);
-      const ratings = [];
+      const ratings = []; // @ts-ignore
+
       const refs = [{
         current: null
       }];
 
       for (let x = 1; x <= numItems; x++) {
         const isFocusable = x === value || value < 1 && x === 1;
-        const starRef = /*#__PURE__*/React.createRef();
+        const starRef = /*#__PURE__*/React.createRef(); // @ts-ignore
+
         refs.push(starRef);
-        ratings.push( /*#__PURE__*/React.createElement(Star, _extends({
+        ratings.push(
+        /*#__PURE__*/
+        // @ts-ignore
+        React.createElement(Star, _extends({
           key: x,
           role: "radio",
           title: "rating" // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -102,7 +107,8 @@ class StarRating extends React.Component {
             }
 
             this.selectItem(x);
-          },
+          } // @ts-ignore
+          ,
           onKeyDown: e => {
             if (readOnly) {
               return;
@@ -111,14 +117,16 @@ class StarRating extends React.Component {
             if (e.keyCode === ARROW_UP || e.keyCode === ARROW_LEFT) {
               e.preventDefault && e.preventDefault();
               const prevIndex = value - 1 < 1 ? numItems : value - 1;
-              this.selectItem(prevIndex);
+              this.selectItem(prevIndex); // @ts-ignore
+
               refs[prevIndex].current && refs[prevIndex].current.focus();
             }
 
             if (e.keyCode === ARROW_DOWN || e.keyCode === ARROW_RIGHT) {
               e.preventDefault && e.preventDefault();
               const nextIndex = value + 1 > numItems ? 1 : value + 1;
-              this.selectItem(nextIndex);
+              this.selectItem(nextIndex); // @ts-ignore
+
               refs[nextIndex].current && refs[nextIndex].current.focus();
             }
           },
@@ -146,7 +154,8 @@ class StarRating extends React.Component {
     const [Root, rootProps] = getOverrides(overrides.Root, StyledRoot);
     return /*#__PURE__*/React.createElement(Root, _extends({
       "data-baseweb": "star-rating",
-      role: "radiogroup",
+      role: "radiogroup" // @ts-ignore
+      ,
       onBlur: e => {
         if (!e.currentTarget.contains(e.relatedTarget)) this.updatePreview(undefined);
       },

package/es/rating/styled-components.js

@@ -64,6 +64,7 @@ export const StyledStar = styled('li', ({
     width: `${$size}px`,
     height: `${$size}px`,
     lineHeight: 1,
+    // @ts-ignore
     transform: $isSelected ? 'scale(1.35)' : null,
     outline: $isFocusVisible ? `3px solid ${$theme.colors.accent}` : 'none',
     outlineOffset: '2px',
@@ -122,6 +123,7 @@ export const StyledEmoticon = styled('li', ({
     marginRight: $theme.sizing.scale300,
     width: `${$size}px`,
     height: `${$size}px`,
+    // @ts-ignore
     transform: $isSelected ? 'scale(1.1)' : null,
     outline: $isFocusVisible ? `3px solid ${$theme.colors.accent}` : 'none',
     outlineOffset: '2px',

package/es/select/default-props.js

@@ -7,9 +7,13 @@ LICENSE file in the root directory of this source tree.
 import defaultFilterOptions from './utils/default-filter-options';
 import { TYPE, SIZE } from './constants';
 const defaultProps = {
+  // @ts-ignore
   'aria-label': null,
+  // @ts-ignore
   'aria-describedby': null,
+  // @ts-ignore
   'aria-errormessage': null,
+  // @ts-ignore
   'aria-labelledby': null,
   autoFocus: false,
   backspaceRemoves: true,
@@ -23,7 +27,9 @@ const defaultProps = {
   escapeClearsValue: true,
   filterOptions: defaultFilterOptions,
   filterOutSelected: true,
+  // @ts-ignore
   getOptionLabel: null,
+  // @ts-ignore
   getValueLabel: null,
   ignoreCase: true,
   isLoading: false,
@@ -37,16 +43,20 @@ const defaultProps = {
   onInputChange: () => {},
   onCloseResetsInput: true,
   onSelectResetsInput: true,
+  // @ts-ignore
   onOpen: null,
+  // @ts-ignore
   onClose: null,
   openOnClick: true,
   startOpen: false,
+  // @ts-ignore
   options: [],
   overrides: {},
   required: false,
   searchable: true,
   size: SIZE.default,
   type: TYPE.select,
+  // @ts-ignore
   value: [],
   valueKey: 'id'
 };

package/es/select/dropdown.js

@@ -49,6 +49,7 @@ export default class SelectDropdown extends React.Component {
       if (Array.isArray(value)) {
         $selected = !!value.find(selected => selected && selected[valueKey] === option[valueKey]);
       } else {
+        // @ts-ignore
         $selected = value[valueKey] === option[valueKey];
       }
 
@@ -142,7 +143,8 @@ export default class SelectDropdown extends React.Component {
       "data-no-focus-lock": true,
       ref: this.props.innerRef
     }, this.getSharedProps(), dropdownContainerProps), /*#__PURE__*/React.createElement(OverriddenStatefulMenu, _extends({
-      noResultsMsg: noResultsMsg,
+      noResultsMsg: noResultsMsg // @ts-ignore
+      ,
       onActiveDescendantChange: id => {
         if (this.props.onActiveDescendantChange) {
           this.props.onActiveDescendantChange(id);

package/es/select/multi-value.js

@@ -22,6 +22,7 @@ export default function MultiValue(props) {
     variant: TAG_VARIANT.solid,
     overrides: {
       Root: {
+        // @ts-ignore
         style: ({
           $theme: {
             sizing

package/es/select/select-component.js

@@ -23,13 +23,17 @@ import SelectDropdown from './dropdown';
 import { StyledRoot, StyledControlContainer, StyledPlaceholder, StyledValueContainer, StyledInputContainer, StyledIconsContainer, StyledSearchIconContainer, StyledLoadingIndicator } from './styled-components';
 import { expandValue, normalizeOptions } from './utils';
 
+// @ts-ignore
 function Noop() {
   return null;
-}
+} // @ts-ignore
+
+
+const isClick = event => event.type === 'click'; // @ts-ignore
 
-const isClick = event => event.type === 'click';
 
-const isLeftClick = event => event.button !== null && event.button !== undefined && event.button === 0;
+const isLeftClick = event => event.button !== null && event.button !== undefined && event.button === 0; // @ts-ignore
+
 
 const containsNode = (parent, child) => {
   if (typeof document !== 'undefined') {
@@ -62,16 +66,20 @@ class Select extends React.Component {
   // dropdown is a ref that refers to the popover element. This is required so that we can check if
   // clicks are on/off the dropdown element.
   // dragging is a flag to track whether a mobile device is currently scrolling versus clicking.
+  // @ts-ignore
   // focusAfterClear is a flag to indicate that the dropdowm menu should open after a selected
   // option has been cleared.
+  // @ts-ignore
   // openAfterFocus is a flag to indicate that the dropdown menu should open when the component is
   // focused. Developers have the option to disable initial clicks opening the dropdown menu. If not
   // disabled, clicks will set this flag to true. Upon focusing, look to this to see if the menu should
   // be opened, or only focus.
+  // @ts-ignore
   // When an item is selected, it also triggers handleClickOutside and since the selected item is
   // already out of the menu (DOM), it will not recognize it as a subnode and triggers handleBlur
   // that sets isOpen to false. That's a faulty logic causing visible problems when
   // closeOnSelect is false. This flag helps to detect that selection was just made.
+  // @ts-ignore
   // the select components can accept an array of options or an object where properties are optgroups
   // and values are arrays of options. this class property is constructed and updated in a normalized
   // shape where optgroup titles are stored on the option in the __optgroup field.
@@ -95,6 +103,7 @@ class Select extends React.Component {
     _defineProperty(this, "options", []);
 
     _defineProperty(this, "state", {
+      // @ts-ignore
       activeDescendant: null,
       inputValue: '',
       isFocused: false,
@@ -135,6 +144,7 @@ class Select extends React.Component {
         // CHASE: not sure why this condition is here. I cannot replicate a situation where clicks
         // on provided text break into here.
         if (!this.state.isFocused) {
+          // @ts-ignore
           this.openAfterFocus = this.props.openOnClick;
           this.focus();
         }
@@ -152,6 +162,7 @@ class Select extends React.Component {
       // handler. For example, after an option is selected clicks on the 'clear' icon call here. We
       // should ignore those events. This comes after case where click is on input element, so that
       // those are handled on their own.
+      // @ts-ignore
 
 
       if (this.input && isInteractive(event.target, this.input)) {
@@ -197,7 +208,8 @@ class Select extends React.Component {
       } else {
         // When clear button is clicked, need to click twice to open control container - https://github.com/uber/baseweb/issues/4285
         // Setting focusAfterClear to false, resolves the issue
-        this.focusAfterClear = false;
+        this.focusAfterClear = false; // @ts-ignore
+
         this.openAfterFocus = this.props.openOnClick;
         this.focus();
       }
@@ -411,11 +423,14 @@ class Select extends React.Component {
 
     _defineProperty(this, "getOptionLabel", (locale, {
       option
-    }) => option.isCreatable ? `${locale.select.create} “${option[this.props.labelKey]}”` : option[this.props.labelKey]);
+    }) => option.isCreatable ? // @ts-ignore
+    `${locale.select.create} “${option[this.props.labelKey]}”` : // @ts-ignore
+    option[this.props.labelKey]);
 
     _defineProperty(this, "getValueLabel", ({
       option
     }) => {
+      // @ts-ignore
       return option[this.props.labelKey];
     });
 
@@ -464,7 +479,7 @@ class Select extends React.Component {
           inputValue: updatedValue,
           isOpen: !this.props.closeOnSelect
         }, () => {
-          const valueArray = this.props.value;
+          const valueArray = this.props.value; // @ts-ignore
 
           if (valueArray.some(i => i[this.props.valueKey] === item[this.props.valueKey])) {
             this.removeValue(item);
@@ -495,7 +510,8 @@ class Select extends React.Component {
 
       if (!item) {
         return;
-      }
+      } // @ts-ignore
+
 
       const valueLength = this.props.value.length;
       const renderLabel = this.props.getValueLabel || this.getValueLabel;
@@ -514,6 +530,7 @@ class Select extends React.Component {
     });
 
     _defineProperty(this, "popValue", () => {
+      // @ts-ignore
       const valueArray = [...this.props.value];
       const valueLength = valueArray.length;
       if (!valueLength) return;
@@ -525,7 +542,8 @@ class Select extends React.Component {
 
     _defineProperty(this, "removeValue", item => {
       const valueArray = [...this.props.value];
-      this.setValue(valueArray.filter(i => i[this.props.valueKey] !== item[this.props.valueKey]), item, STATE_CHANGE_TYPE.remove);
+      this.setValue( // @ts-ignore
+      valueArray.filter(i => i[this.props.valueKey] !== item[this.props.valueKey]), item, STATE_CHANGE_TYPE.remove);
       this.focus();
     });
 
@@ -554,7 +572,8 @@ class Select extends React.Component {
     });
 
     this.options = normalizeOptions(props.options);
-  }
+  } // @ts-ignore
+
 
   componentDidMount() {
     if (this.props.autoFocus) {
@@ -624,10 +643,12 @@ class Select extends React.Component {
   }
 
   handleSetInputFocus() {
+    // @ts-ignore
     this.input.focus();
   }
 
   handleSetInputBlur() {
+    // @ts-ignore
     this.input.blur();
   } // Handle touch outside on mobile to dismiss menu, ensures that the
   // touch target is not within the anchor DOM node.
@@ -709,7 +730,8 @@ class Select extends React.Component {
       return valueArray.map((value, i) => {
         const disabled = sharedProps.$disabled || value.clearableValue === false;
         return /*#__PURE__*/React.createElement(Value, _extends({
-          value: value,
+          value: value // @ts-ignore
+          ,
           key: `value-${i}-${value[this.props.valueKey]}`,
           removeValue: () => this.removeValue(value),
           disabled: disabled,
@@ -725,7 +747,8 @@ class Select extends React.Component {
         }));
       });
     } else if (this.shouldShowValue()) {
-      return /*#__PURE__*/React.createElement(Value, _extends({
+      return /*#__PURE__*/React.createElement(Value // @ts-ignore
+      , _extends({
         value: valueArray[0][this.props.valueKey],
         disabled: this.props.disabled,
         overrides: {
@@ -743,8 +766,10 @@ class Select extends React.Component {
     } = this.props;
     const [InputContainer, inputContainerProps] = getOverrides(overrides.InputContainer, StyledInputContainer);
     const sharedProps = this.getSharedProps();
-    const isOpen = this.state.isOpen;
-    const selected = this.getValueArray(this.props.value).map(v => v[this.props.labelKey]).join(', ');
+    const isOpen = this.state.isOpen; // @ts-ignore
+
+    const selected = this.getValueArray(this.props.value) // @ts-ignore
+    .map(v => v[this.props.labelKey]).join(', ');
     const selectedLabel = selected.length ? `Selected ${selected}. ` : '';
     const label = `${selectedLabel}${this.props['aria-label'] || ''}`;
 
@@ -760,7 +785,8 @@ class Select extends React.Component {
         onFocus: this.handleInputFocus,
         tabIndex: 0
       }, sharedProps, inputContainerProps), /*#__PURE__*/React.createElement("input", _extends({
-        "aria-hidden": true,
+        "aria-hidden": true // @ts-ignore
+        ,
         id: this.props.id || null,
         ref: this.handleInputRef,
         style: {
@@ -794,7 +820,8 @@ class Select extends React.Component {
       onFocus: this.handleInputFocus,
       overrides: {
         Input: overrides.Input
-      },
+      } // @ts-ignore
+      ,
       required: this.props.required && !this.props.value.length || null,
       role: "combobox",
       value: this.state.inputValue,
@@ -829,7 +856,8 @@ class Select extends React.Component {
       title: ariaLabel,
       "aria-label": ariaLabel,
       onClick: this.clearValue,
-      role: "button",
+      role: "button" // @ts-ignore
+      ,
       size: sizes[this.props.size] || sizes[SIZE.default]
     }, sharedProps, clearIconProps));
   }
@@ -866,7 +894,8 @@ class Select extends React.Component {
       [SIZE.default]: 20,
       [SIZE.large]: 24
     };
-    return /*#__PURE__*/React.createElement(SelectArrow, _extends({
+    return /*#__PURE__*/React.createElement(SelectArrow // @ts-ignore
+    , _extends({
       size: sizes[this.props.size] || sizes[SIZE.default],
       title: 'open'
     }, sharedProps, selectArrowProps));
@@ -894,19 +923,26 @@ class Select extends React.Component {
 
     if (this.props.filterOptions) {
       this.options = this.props.filterOptions(this.options, filterValue, excludeOptions, {
+        // @ts-ignore
         valueKey: this.props.valueKey,
+        // @ts-ignore
         labelKey: this.props.labelKey
       });
     } // can user create a new option + there's no exact match already
 
 
-    const filterDoesNotMatchOption = this.props.ignoreCase ? opt => opt[this.props.labelKey].toLowerCase() !== filterValue.toLowerCase().trim() : opt => opt[this.props.labelKey] !== filterValue.trim();
+    const filterDoesNotMatchOption = this.props.ignoreCase ? // @ts-ignore
+    opt => opt[this.props.labelKey].toLowerCase() !== filterValue.toLowerCase().trim() : // @ts-ignore
+    opt => opt[this.props.labelKey] !== filterValue.trim();
 
-    if (filterValue && this.props.creatable && this.options.concat(this.props.value).every(filterDoesNotMatchOption)) {
+    if (filterValue && this.props.creatable && // @ts-ignore
+    this.options.concat(this.props.value).every(filterDoesNotMatchOption)) {
       // @ts-expect-error todo(flow->ts) this.options is typed as a read-only array
       this.options.push({
         id: filterValue,
+        // @ts-ignore
         [this.props.labelKey]: filterValue,
+        // @ts-ignore
         [this.props.valueKey]: filterValue,
         isCreatable: true
       });
@@ -950,6 +986,7 @@ class Select extends React.Component {
       $searchable: searchable,
       $size: size,
       $type: type,
+      // @ts-ignore
       $isEmpty: !this.getValueArray(value).length
     };
   }
@@ -978,7 +1015,8 @@ class Select extends React.Component {
     const [IconsContainer, iconsContainerProps] = getOverrides(overrides.IconsContainer, StyledIconsContainer);
     const [PopoverOverride, popoverProps] = getOverrides(overrides.Popover, Popover);
     const [Placeholder, placeholderProps] = getOverrides(overrides.Placeholder, StyledPlaceholder);
-    const sharedProps = this.getSharedProps();
+    const sharedProps = this.getSharedProps(); // @ts-ignore
+
     const valueArray = this.getValueArray(value);
     const options = this.filterOptions(multi && filterOutSelected ? valueArray : null);
     const isOpen = this.state.isOpen;
@@ -1031,7 +1069,8 @@ class Select extends React.Component {
           valueKey: this.props.valueKey,
           width: this.anchor.current ? this.anchor.current.clientWidth : null,
           keyboardControlNode: this.anchor
-        };
+        }; // @ts-ignore
+
         return /*#__PURE__*/React.createElement(SelectDropdown, _extends({
           innerRef: this.dropdown
         }, dropdownProps));

package/es/select/stateful-select-container.js

@@ -54,6 +54,7 @@ class StatefulSelectContainer extends React.Component {
 
 _defineProperty(StatefulSelectContainer, "defaultProps", {
   initialState: {
+    // @ts-ignore
     value: []
   },
   onChange: () => {},

package/es/select/styled-components.js

@@ -8,7 +8,7 @@ import { styled, withStyle } from '../styles';
 import { TYPE, SIZE } from './constants';
 import { StyledList, StyledListItem } from '../menu';
 import { Spinner } from '../spinner';
-import { ellipsisText } from '../styles/util';
+import { ellipsisText } from '../styles/util'; // @ts-ignore
 
 function getFont(size = SIZE.default, typography) {
   return {
@@ -19,7 +19,9 @@ function getFont(size = SIZE.default, typography) {
   }[size];
 }
 
-function getBorderRadius(size, borders) {
+function getBorderRadius( // @ts-ignore
+size, // @ts-ignore
+borders) {
   let radius = borders.inputBorderRadius;
 
   if (size === SIZE.mini) {
@@ -32,7 +34,8 @@ function getBorderRadius(size, borders) {
     borderTopRightRadius: radius,
     borderBottomRightRadius: radius
   };
-}
+} // @ts-ignore
+
 
 function getControlPadding(props) {
   const {
@@ -48,7 +51,8 @@ function getControlPadding(props) {
   const isSearch = $type === TYPE.search;
   const paddingLeft = isSearch ? `calc(${sizing.scale1000} - ${sizing.scale0})` : sizing.scale400;
   const paddingStartDir = $theme.direction === 'rtl' ? 'paddingRight' : 'paddingLeft';
-  const paddingEndDir = $theme.direction === 'rtl' ? 'paddingLeft' : 'paddingRight';
+  const paddingEndDir = $theme.direction === 'rtl' ? 'paddingLeft' : 'paddingRight'; // @ts-ignore
+
   return {
     [SIZE.mini]: {
       // `sizing.scale0` based on the multi value component (Tag) top and bottom margin
@@ -89,7 +93,8 @@ export const StyledDropdownContainer = styled('div', props => {
 StyledDropdownContainer.displayName = "StyledDropdownContainer";
 StyledDropdownContainer.displayName = 'StyledDropdownContainer';
 export const StyledDropdown = StyledList;
-export const StyledDropdownListItem = StyledListItem;
+export const StyledDropdownListItem = StyledListItem; // @ts-ignore
+
 export const StyledOptionContent = styled('div', props => {
   const {
     $isHighlighted,
@@ -121,7 +126,13 @@ export const StyledRoot = styled('div', props => {
 StyledRoot.displayName = "StyledRoot";
 StyledRoot.displayName = 'StyledRoot';
 
-function getControlContainerColors($disabled, $isFocused, $isPseudoFocused, $positive, $error, colors) {
+function getControlContainerColors( // @ts-ignore
+$disabled, // @ts-ignore
+$isFocused, // @ts-ignore
+$isPseudoFocused, // @ts-ignore
+$positive, // @ts-ignore
+$error, // @ts-ignore
+colors) {
   if ($disabled) {
     return {
       color: colors.inputTextDisabled,
@@ -381,7 +392,7 @@ export const StyledIconsContainer = styled('div', ({
   };
 });
 StyledIconsContainer.displayName = "StyledIconsContainer";
-StyledIconsContainer.displayName = 'StyledIconsContainer';
+StyledIconsContainer.displayName = 'StyledIconsContainer'; // @ts-ignore
 
 function getSvgStyles({
   $theme

package/es/select/utils/default-filter-options.js

@@ -4,7 +4,9 @@ Copyright (c) Uber Technologies, Inc.
 This source code is licensed under the MIT license found in the
 LICENSE file in the root directory of this source tree.
 */
-const escapeRegExp = str => str.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+// @ts-ignore
+const escapeRegExp = str => str.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'); // @ts-ignore
+
 
 const isValid = value => {
   return typeof value !== 'undefined' && value !== null && value !== '';