baseui 12.1.3 → 13.0.0

package/esm/radio/styled-components.js

@@ -15,11 +15,13 @@ var DEFAULT = 0;
 var HOVERED = 1;
 var ACTIVE = 2;
 
+// @ts-ignore
 function getState(props) {
   if (props.$isActive) return ACTIVE;
   if (props.$isHovered) return HOVERED;
   return DEFAULT;
-}
+} // @ts-ignore
+
 
 function getOuterColor(props) {
   var colors = props.$theme.colors,
@@ -60,7 +62,8 @@ function getOuterColor(props) {
   }
 
   return null;
-}
+} // @ts-ignore
+
 
 function getInnerColor(props) {
   var colors = props.$theme.colors;
@@ -96,7 +99,8 @@ function getInnerColor(props) {
   } else {
     return colors.tickMarkFill;
   }
-}
+} // @ts-ignore
+
 
 function getLabelPadding(props) {
   var _props$$labelPlacemen = props.$labelPlacement,
@@ -126,7 +130,8 @@ function getLabelPadding(props) {
   var sizing = $theme.sizing;
   var scale300 = sizing.scale300;
   return _defineProperty({}, "padding".concat(paddingDirection), scale300);
-}
+} // @ts-ignore
+
 
 function getLabelColor(props) {
   var $disabled = props.$disabled,
@@ -148,7 +153,8 @@ export var RadioGroupRoot = styled('div', function (props) {
   };
 });
 RadioGroupRoot.displayName = "RadioGroupRoot";
-RadioGroupRoot.displayName = 'RadioGroupRoot';
+RadioGroupRoot.displayName = 'RadioGroupRoot'; // @ts-ignore
+
 export var Root = styled('label', function (props) {
   var _ref2;
 

package/esm/rating/emoticon-rating.js

@@ -119,16 +119,21 @@ var EmoticonRating = /*#__PURE__*/function (_React$Component) {
           Emoticon = _getOverrides2[0],
           emoticonProps = _getOverrides2[1];
 
-      var ratings = [];
+      var ratings = []; // @ts-ignore
+
       var refs = [{
         current: null
       }];
 
       var _loop = function _loop(x) {
         var isFocusable = x === value || value < 1 && x === 1;
-        var starRef = /*#__PURE__*/React.createRef();
+        var 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
           ,
@@ -150,7 +155,8 @@ var EmoticonRating = /*#__PURE__*/function (_React$Component) {
             }
 
             _this.selectItem(x);
-          },
+          } // @ts-ignore
+          ,
           onKeyDown: function onKeyDown(e) {
             if (readOnly) {
               return;
@@ -161,7 +167,8 @@ var EmoticonRating = /*#__PURE__*/function (_React$Component) {
 
               var prevIndex = value - 1 < 1 ? 5 : value - 1;
 
-              _this.selectItem(prevIndex);
+              _this.selectItem(prevIndex); // @ts-ignore
+
 
               refs[prevIndex].current && refs[prevIndex].current.focus();
             }
@@ -170,7 +177,8 @@ var EmoticonRating = /*#__PURE__*/function (_React$Component) {
               e.preventDefault && e.preventDefault();
               var nextIndex = value + 1 > 5 ? 1 : value + 1;
 
-              _this.selectItem(nextIndex);
+              _this.selectItem(nextIndex); // @ts-ignore
+
 
               refs[nextIndex].current && refs[nextIndex].current.focus();
             }
@@ -212,7 +220,8 @@ var EmoticonRating = /*#__PURE__*/function (_React$Component) {
 
       return /*#__PURE__*/React.createElement(Root, _extends({
         "data-baseweb": "emoticon-rating",
-        role: "radiogroup",
+        role: "radiogroup" // @ts-ignore
+        ,
         onBlur: function onBlur(e) {
           if (!e.currentTarget.contains(e.relatedTarget)) _this2.updatePreview(undefined);
         },

package/esm/rating/star-rating.js

@@ -120,16 +120,21 @@ var StarRating = /*#__PURE__*/function (_React$Component) {
           Star = _getOverrides2[0],
           starProps = _getOverrides2[1];
 
-      var ratings = [];
+      var ratings = []; // @ts-ignore
+
       var refs = [{
         current: null
       }];
 
       var _loop = function _loop(x) {
         var isFocusable = x === value || value < 1 && x === 1;
-        var starRef = /*#__PURE__*/React.createRef();
+        var 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
@@ -153,7 +158,8 @@ var StarRating = /*#__PURE__*/function (_React$Component) {
             }
 
             _this.selectItem(x);
-          },
+          } // @ts-ignore
+          ,
           onKeyDown: function onKeyDown(e) {
             if (readOnly) {
               return;
@@ -163,7 +169,8 @@ var StarRating = /*#__PURE__*/function (_React$Component) {
               e.preventDefault && e.preventDefault();
               var prevIndex = value - 1 < 1 ? numItems : value - 1;
 
-              _this.selectItem(prevIndex);
+              _this.selectItem(prevIndex); // @ts-ignore
+
 
               refs[prevIndex].current && refs[prevIndex].current.focus();
             }
@@ -172,7 +179,8 @@ var StarRating = /*#__PURE__*/function (_React$Component) {
               e.preventDefault && e.preventDefault();
               var nextIndex = value + 1 > numItems ? 1 : value + 1;
 
-              _this.selectItem(nextIndex);
+              _this.selectItem(nextIndex); // @ts-ignore
+
 
               refs[nextIndex].current && refs[nextIndex].current.focus();
             }
@@ -215,7 +223,8 @@ var StarRating = /*#__PURE__*/function (_React$Component) {
 
       return /*#__PURE__*/React.createElement(Root, _extends({
         "data-baseweb": "star-rating",
-        role: "radiogroup",
+        role: "radiogroup" // @ts-ignore
+        ,
         onBlur: function onBlur(e) {
           if (!e.currentTarget.contains(e.relatedTarget)) _this2.updatePreview(undefined);
         },

package/esm/rating/styled-components.js

@@ -62,6 +62,7 @@ export var StyledStar = styled('li', function (_ref2) {
     width: "".concat($size, "px"),
     height: "".concat($size, "px"),
     lineHeight: 1,
+    // @ts-ignore
     transform: $isSelected ? 'scale(1.35)' : null,
     outline: $isFocusVisible ? "3px solid ".concat($theme.colors.accent) : 'none',
     outlineOffset: '2px',
@@ -120,6 +121,7 @@ export var StyledEmoticon = styled('li', function (_ref3) {
     marginRight: $theme.sizing.scale300,
     width: "".concat($size, "px"),
     height: "".concat($size, "px"),
+    // @ts-ignore
     transform: $isSelected ? 'scale(1.1)' : null,
     outline: $isFocusVisible ? "3px solid ".concat($theme.colors.accent) : 'none',
     outlineOffset: '2px',

package/esm/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';
 var 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 @@ var defaultProps = {
   escapeClearsValue: true,
   filterOptions: defaultFilterOptions,
   filterOutSelected: true,
+  // @ts-ignore
   getOptionLabel: null,
+  // @ts-ignore
   getValueLabel: null,
   ignoreCase: true,
   isLoading: false,
@@ -37,16 +43,20 @@ var defaultProps = {
   onInputChange: function 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/esm/select/dropdown.js

@@ -112,6 +112,7 @@ var SelectDropdown = /*#__PURE__*/function (_React$Component) {
           return selected && selected[valueKey] === option[valueKey];
         });
       } else {
+        // @ts-ignore
         $selected = value[valueKey] === option[valueKey];
       }
 
@@ -226,7 +227,8 @@ var SelectDropdown = /*#__PURE__*/function (_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: function onActiveDescendantChange(id) {
           if (_this2.props.onActiveDescendantChange) {
             _this2.props.onActiveDescendantChange(id);

package/esm/select/multi-value.js

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

package/esm/select/select-component.js

@@ -72,17 +72,21 @@ 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
+
 
 var isClick = function isClick(event) {
   return event.type === 'click';
-};
+}; // @ts-ignore
+
 
 var isLeftClick = function isLeftClick(event) {
   return event.button !== null && event.button !== undefined && event.button === 0;
-};
+}; // @ts-ignore
+
 
 var containsNode = function containsNode(parent, child) {
   if (typeof document !== 'undefined') {
@@ -119,16 +123,20 @@ var Select = /*#__PURE__*/function (_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.
@@ -156,6 +164,7 @@ var Select = /*#__PURE__*/function (_React$Component) {
     _defineProperty(_assertThisInitialized(_this), "options", []);
 
     _defineProperty(_assertThisInitialized(_this), "state", {
+      // @ts-ignore
       activeDescendant: null,
       inputValue: '',
       isFocused: false,
@@ -201,6 +210,7 @@ var Select = /*#__PURE__*/function (_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();
@@ -219,6 +229,7 @@ var Select = /*#__PURE__*/function (_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)) {
@@ -269,7 +280,8 @@ var Select = /*#__PURE__*/function (_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();
@@ -493,11 +505,14 @@ var Select = /*#__PURE__*/function (_React$Component) {
 
     _defineProperty(_assertThisInitialized(_this), "getOptionLabel", function (locale, _ref) {
       var option = _ref.option;
-      return option.isCreatable ? "".concat(locale.select.create, " \u201C").concat(option[_this.props.labelKey], "\u201D") : option[_this.props.labelKey];
+      return option.isCreatable ? // @ts-ignore
+      "".concat(locale.select.create, " \u201C").concat(option[_this.props.labelKey], "\u201D") : // @ts-ignore
+      option[_this.props.labelKey];
     });
 
     _defineProperty(_assertThisInitialized(_this), "getValueLabel", function (_ref2) {
       var option = _ref2.option;
+      // @ts-ignore
       return option[_this.props.labelKey];
     });
 
@@ -546,7 +561,7 @@ var Select = /*#__PURE__*/function (_React$Component) {
           inputValue: updatedValue,
           isOpen: !_this.props.closeOnSelect
         }, function () {
-          var valueArray = _this.props.value;
+          var valueArray = _this.props.value; // @ts-ignore
 
           if (valueArray.some(function (i) {
             return i[_this.props.valueKey] === item[_this.props.valueKey];
@@ -581,7 +596,8 @@ var Select = /*#__PURE__*/function (_React$Component) {
 
       if (!item) {
         return;
-      }
+      } // @ts-ignore
+
 
       var valueLength = _this.props.value.length;
       var renderLabel = _this.props.getValueLabel || _this.getValueLabel;
@@ -601,6 +617,7 @@ var Select = /*#__PURE__*/function (_React$Component) {
     });
 
     _defineProperty(_assertThisInitialized(_this), "popValue", function () {
+      // @ts-ignore
       var valueArray = _toConsumableArray(_this.props.value);
 
       var valueLength = valueArray.length;
@@ -616,7 +633,8 @@ var Select = /*#__PURE__*/function (_React$Component) {
     _defineProperty(_assertThisInitialized(_this), "removeValue", function (item) {
       var valueArray = _toConsumableArray(_this.props.value);
 
-      _this.setValue(valueArray.filter(function (i) {
+      _this.setValue( // @ts-ignore
+      valueArray.filter(function (i) {
         return i[_this.props.valueKey] !== item[_this.props.valueKey];
       }), item, STATE_CHANGE_TYPE.remove);
 
@@ -654,7 +672,8 @@ var Select = /*#__PURE__*/function (_React$Component) {
 
     _this.options = normalizeOptions(props.options);
     return _this;
-  }
+  } // @ts-ignore
+
 
   _createClass(Select, [{
     key: "componentDidMount",
@@ -734,11 +753,13 @@ var Select = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "handleSetInputFocus",
     value: function handleSetInputFocus() {
+      // @ts-ignore
       this.input.focus();
     }
   }, {
     key: "handleSetInputBlur",
     value: function 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.
@@ -835,7 +856,8 @@ var Select = /*#__PURE__*/function (_React$Component) {
         return valueArray.map(function (value, i) {
           var disabled = sharedProps.$disabled || value.clearableValue === false;
           return /*#__PURE__*/React.createElement(Value, _extends({
-            value: value,
+            value: value // @ts-ignore
+            ,
             key: "value-".concat(i, "-").concat(value[_this4.props.valueKey]),
             removeValue: function removeValue() {
               return _this4.removeValue(value);
@@ -853,7 +875,8 @@ var Select = /*#__PURE__*/function (_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: {
@@ -878,8 +901,10 @@ var Select = /*#__PURE__*/function (_React$Component) {
           inputContainerProps = _getOverrides4[1];
 
       var sharedProps = this.getSharedProps();
-      var isOpen = this.state.isOpen;
-      var selected = this.getValueArray(this.props.value).map(function (v) {
+      var isOpen = this.state.isOpen; // @ts-ignore
+
+      var selected = this.getValueArray(this.props.value) // @ts-ignore
+      .map(function (v) {
         return v[_this5.props.labelKey];
       }).join(', ');
       var selectedLabel = selected.length ? "Selected ".concat(selected, ". ") : '';
@@ -897,7 +922,8 @@ var Select = /*#__PURE__*/function (_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: {
@@ -931,7 +957,8 @@ var Select = /*#__PURE__*/function (_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,
@@ -968,7 +995,8 @@ var Select = /*#__PURE__*/function (_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));
     }
@@ -1006,7 +1034,8 @@ var Select = /*#__PURE__*/function (_React$Component) {
         }
       }, selectArrowProps.overrides);
       var sizes = (_sizes2 = {}, _defineProperty(_sizes2, SIZE.mini, 16), _defineProperty(_sizes2, SIZE.compact, 16), _defineProperty(_sizes2, SIZE.default, 20), _defineProperty(_sizes2, SIZE.large, 24), _sizes2);
-      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));
@@ -1046,19 +1075,24 @@ var Select = /*#__PURE__*/function (_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
 
 
-      var filterDoesNotMatchOption = this.props.ignoreCase ? function (opt) {
+      var filterDoesNotMatchOption = this.props.ignoreCase ? // @ts-ignore
+      function (opt) {
         return opt[_this6.props.labelKey].toLowerCase() !== filterValue.toLowerCase().trim();
-      } : function (opt) {
+      } : // @ts-ignore
+      function (opt) {
         return opt[_this6.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)) {
         var _this$options$push;
 
         // @ts-expect-error todo(flow->ts) this.options is typed as a read-only array
@@ -1104,6 +1138,7 @@ var Select = /*#__PURE__*/function (_React$Component) {
         $searchable: searchable,
         $size: size,
         $type: type,
+        // @ts-ignore
         $isEmpty: !this.getValueArray(value).length
       };
     }
@@ -1159,7 +1194,8 @@ var Select = /*#__PURE__*/function (_React$Component) {
           Placeholder = _getOverrides24[0],
           placeholderProps = _getOverrides24[1];
 
-      var sharedProps = this.getSharedProps();
+      var sharedProps = this.getSharedProps(); // @ts-ignore
+
       var valueArray = this.getValueArray(value);
       var options = this.filterOptions(multi && filterOutSelected ? valueArray : null);
       var isOpen = this.state.isOpen;
@@ -1216,7 +1252,8 @@ var Select = /*#__PURE__*/function (_React$Component) {
                 valueKey: _this7.props.valueKey,
                 width: _this7.anchor.current ? _this7.anchor.current.clientWidth : null,
                 keyboardControlNode: _this7.anchor
-              };
+              }; // @ts-ignore
+
               return /*#__PURE__*/React.createElement(SelectDropdown, _extends({
                 innerRef: _this7.dropdown
               }, dropdownProps));

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

@@ -100,6 +100,7 @@ var StatefulSelectContainer = /*#__PURE__*/function (_React$Component) {
 
 _defineProperty(StatefulSelectContainer, "defaultProps", {
   initialState: {
+    // @ts-ignore
     value: []
   },
   onChange: function onChange() {},

package/esm/select/styled-components.js

@@ -14,7 +14,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() {
   var _SIZE$mini$SIZE$compa;
@@ -24,7 +24,9 @@ function getFont() {
   return (_SIZE$mini$SIZE$compa = {}, _defineProperty(_SIZE$mini$SIZE$compa, SIZE.mini, typography.font100), _defineProperty(_SIZE$mini$SIZE$compa, SIZE.compact, typography.font200), _defineProperty(_SIZE$mini$SIZE$compa, SIZE.default, typography.font300), _defineProperty(_SIZE$mini$SIZE$compa, SIZE.large, typography.font400), _SIZE$mini$SIZE$compa)[size];
 }
 
-function getBorderRadius(size, borders) {
+function getBorderRadius( // @ts-ignore
+size, // @ts-ignore
+borders) {
   var radius = borders.inputBorderRadius;
 
   if (size === SIZE.mini) {
@@ -37,7 +39,8 @@ function getBorderRadius(size, borders) {
     borderTopRightRadius: radius,
     borderBottomRightRadius: radius
   };
-}
+} // @ts-ignore
+
 
 function getControlPadding(props) {
   var _SIZE$mini, _SIZE$compact, _SIZE$default, _SIZE$large, _SIZE$mini$SIZE$compa2;
@@ -52,7 +55,8 @@ function getControlPadding(props) {
   var isSearch = $type === TYPE.search;
   var paddingLeft = isSearch ? "calc(".concat(sizing.scale1000, " - ").concat(sizing.scale0, ")") : sizing.scale400;
   var paddingStartDir = $theme.direction === 'rtl' ? 'paddingRight' : 'paddingLeft';
-  var paddingEndDir = $theme.direction === 'rtl' ? 'paddingLeft' : 'paddingRight';
+  var paddingEndDir = $theme.direction === 'rtl' ? 'paddingLeft' : 'paddingRight'; // @ts-ignore
+
   return (_SIZE$mini$SIZE$compa2 = {}, _defineProperty(_SIZE$mini$SIZE$compa2, SIZE.mini, (_SIZE$mini = {
     // `sizing.scale0` based on the multi value component (Tag) top and bottom margin
     paddingTop: $multi && !$isEmpty ? 0 : sizing.scale100,
@@ -80,7 +84,8 @@ export var StyledDropdownContainer = styled('div', function (props) {
 StyledDropdownContainer.displayName = "StyledDropdownContainer";
 StyledDropdownContainer.displayName = 'StyledDropdownContainer';
 export var StyledDropdown = StyledList;
-export var StyledDropdownListItem = StyledListItem;
+export var StyledDropdownListItem = StyledListItem; // @ts-ignore
+
 export var StyledOptionContent = styled('div', function (props) {
   var $isHighlighted = props.$isHighlighted,
       $selected = props.$selected,
@@ -106,7 +111,13 @@ export var StyledRoot = styled('div', function (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,
@@ -335,7 +346,7 @@ export var StyledIconsContainer = styled('div', function (_ref2) {
   }, paddingDir, sizing.scale500);
 });
 StyledIconsContainer.displayName = "StyledIconsContainer";
-StyledIconsContainer.displayName = 'StyledIconsContainer';
+StyledIconsContainer.displayName = 'StyledIconsContainer'; // @ts-ignore
 
 function getSvgStyles(_ref4) {
   var $theme = _ref4.$theme;

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

@@ -10,9 +10,11 @@ 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.
 */
+// @ts-ignore
 var escapeRegExp = function escapeRegExp(str) {
   return str.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
-};
+}; // @ts-ignore
+
 
 var isValid = function isValid(value) {
   return typeof value !== 'undefined' && value !== null && value !== '';

package/esm/select/utils/index.js

@@ -13,7 +13,8 @@ LICENSE file in the root directory of this source tree.
 function groupedOptionsToArray(groupedOptions) {
   return Object.keys(groupedOptions).reduce(function (arr, optgroup) {
     var optgroupOptions = groupedOptions[optgroup];
-    return arr.concat(optgroupOptions.map(function (option) {
+    return arr.concat( // @ts-ignore
+    optgroupOptions.map(function (option) {
       return _objectSpread(_objectSpread({}, option), {}, {
         __optgroup: optgroup
       });
@@ -37,6 +38,7 @@ export var expandValue = function expandValue(value, props) {
   var normalizedOptions = normalizeOptions(props.options);
 
   for (var i = 0; i < normalizedOptions.length; i++) {
+    // @ts-ignore
     if (String(normalizedOptions[i][props.valueKey]) === String(value[props.valueKey])) {
       return normalizedOptions[i];
     }