baseui 12.1.3 → 13.0.0

package/radio/types.d.ts

@@ -1,9 +1,9 @@
 import type * as React from 'react';
 import type { Override } from '../helpers/overrides';
 import type { ALIGN } from './constants';
-export declare type LabelPlacement = 'top' | 'right' | 'bottom' | 'left';
-export declare type Align = keyof typeof ALIGN;
-export declare type RadioOverrides = {
+export type LabelPlacement = 'top' | 'right' | 'bottom' | 'left';
+export type Align = keyof typeof ALIGN;
+export type RadioOverrides = {
     RadioMarkInner?: Override;
     RadioMarkOuter?: Override;
     Label?: Override;
@@ -11,11 +11,11 @@ export declare type RadioOverrides = {
     Input?: Override;
     Description?: Override;
 };
-export declare type RadioGroupOverrides = {
+export type RadioGroupOverrides = {
     RadioGroupRoot?: Override;
 };
-export declare type DefaultProps = Partial<RadioGroupProps>;
-export declare type RadioGroupProps = {
+export type DefaultProps = Partial<RadioGroupProps>;
+export type RadioGroupProps = {
     /** Id of element which contains a related caption */
     'aria-describedby'?: string;
     /** Id of element which contains a related error message */
@@ -62,10 +62,10 @@ export declare type RadioGroupProps = {
     /** Handler for blur events on trigger element. */
     onBlur?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
 };
-export declare type State = {
+export type State = {
     value?: string;
 };
-export declare type RadioProps = {
+export type RadioProps = {
     /** Focus the radio on initial render. */
     autoFocus?: boolean;
     /** How the radio will be displayed along with its description. Controls spacing */
@@ -114,22 +114,22 @@ export declare type RadioProps = {
     /** Passed to the input element, typically managed by RadioGroup */
     tabIndex?: string;
 };
-export declare type RadioState = {
+export type RadioState = {
     isActive: boolean;
     isHovered: boolean;
 };
-export declare type StateReducer = (stateType: string, nextState: State, currentState: State, event: React.ChangeEvent<HTMLInputElement>) => State;
-export declare type StatelessState = {
+export type StateReducer = (stateType: string, nextState: State, currentState: State, event: React.ChangeEvent<HTMLInputElement>) => State;
+export type StatelessState = {
     isFocusVisible: boolean;
     focusedRadioIndex: number;
 };
-export declare type DefaultStatefulProps = {
+export type DefaultStatefulProps = {
     initialState: State;
     children?: (props: RadioGroupProps) => React.ReactNode;
     stateReducer: StateReducer;
     onChange: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
 };
-export declare type StatefulContainerProps = {
+export type StatefulContainerProps = {
     overrides?: RadioGroupOverrides;
     /** Should return `RadioGroup` instance with standard or customized inner elements. */
     children?: (props: RadioGroupProps) => React.ReactNode;
@@ -142,7 +142,7 @@ export declare type StatefulContainerProps = {
     /** Set to be focused (active) on selected\checked radio. */
     autoFocus?: boolean;
 };
-export declare type StatefulRadioGroupProps = {
+export type StatefulRadioGroupProps = {
     overrides?: RadioGroupOverrides;
     /** A list of `Radio` components. */
     children?: Array<React.ReactNode>;
@@ -153,7 +153,7 @@ export declare type StatefulRadioGroupProps = {
     /** Handler for change events on trigger element. */
     onChange?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
 };
-export declare type StyleProps = {
+export type StyleProps = {
     $align?: string;
     $checked: boolean;
     $disabled: boolean;

package/rating/emoticon-rating.js

@@ -128,16 +128,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
           ,
@@ -159,7 +164,8 @@ var EmoticonRating = /*#__PURE__*/function (_React$Component) {
             }
 
             _this.selectItem(x);
-          },
+          } // @ts-ignore
+          ,
           onKeyDown: function onKeyDown(e) {
             if (readOnly) {
               return;
@@ -170,7 +176,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();
             }
@@ -179,7 +186,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();
             }
@@ -221,7 +229,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/rating/star-rating.js

@@ -129,16 +129,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
@@ -162,7 +167,8 @@ var StarRating = /*#__PURE__*/function (_React$Component) {
             }
 
             _this.selectItem(x);
-          },
+          } // @ts-ignore
+          ,
           onKeyDown: function onKeyDown(e) {
             if (readOnly) {
               return;
@@ -172,7 +178,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();
             }
@@ -181,7 +188,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();
             }
@@ -224,7 +232,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/rating/styled-components.js

@@ -72,6 +72,7 @@ var StyledStar = (0, _styles.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',
@@ -131,6 +132,7 @@ var StyledEmoticon = (0, _styles.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/rating/types.d.ts

@@ -1,10 +1,10 @@
 import type { Theme } from '../styles/types';
 import type { Override } from '../helpers/overrides';
-export declare type RatingOverrides = {
+export type RatingOverrides = {
     Root?: Override;
     Item?: Override;
 };
-export declare type StarRatingProps = {
+export type StarRatingProps = {
     overrides?: RatingOverrides;
     /** The current rating value. */
     value?: number;
@@ -17,7 +17,7 @@ export declare type StarRatingProps = {
     }) => unknown;
     size?: number;
 };
-export declare type EmoticonRatingProps = {
+export type EmoticonRatingProps = {
     overrides?: RatingOverrides;
     /** The current rating value. */
     value?: number;
@@ -28,14 +28,14 @@ export declare type EmoticonRatingProps = {
     }) => unknown;
     size?: number;
 };
-export declare type RatingState = {
+export type RatingState = {
     previewIndex?: number;
     isFocusVisible?: boolean;
 };
-export declare type StyledRootProps = {
+export type StyledRootProps = {
     $theme: Theme;
 };
-export declare type StyledRatingItemProps = {
+export type StyledRatingItemProps = {
     $theme: Theme;
     $isActive: boolean;
     $isPartialActive: boolean;

package/select/default-props.js

@@ -18,9 +18,13 @@ This source code is licensed under the MIT license found in the
 LICENSE file in the root directory of this source tree.
 */
 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,
@@ -34,7 +38,9 @@ var defaultProps = {
   escapeClearsValue: true,
   filterOptions: _defaultFilterOptions.default,
   filterOutSelected: true,
+  // @ts-ignore
   getOptionLabel: null,
+  // @ts-ignore
   getValueLabel: null,
   ignoreCase: true,
   isLoading: false,
@@ -48,16 +54,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: _constants.SIZE.default,
   type: _constants.TYPE.select,
+  // @ts-ignore
   value: [],
   valueKey: 'id'
 };

package/select/dropdown.d.ts

@@ -8,8 +8,8 @@ export default class SelectDropdown extends React.Component<DropdownProps> {
         $multi: boolean;
         $required: boolean;
         $searchable: boolean;
-        $size: "default" | "compact" | "large" | "mini";
-        $type: "search" | "select";
+        $size: "default" | "large" | "compact" | "mini";
+        $type: "select" | "search";
         $width: number;
     };
     getItemLabel: (option: {

package/select/dropdown.js

@@ -120,6 +120,7 @@ var SelectDropdown = /*#__PURE__*/function (_React$Component) {
           return selected && selected[valueKey] === option[valueKey];
         });
       } else {
+        // @ts-ignore
         $selected = value[valueKey] === option[valueKey];
       }
 
@@ -234,7 +235,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/select/index.d.ts

@@ -14,6 +14,6 @@ export { SIZE, TYPE, STATE_CHANGE_TYPE } from './constants';
 export * from './types';
 export type { SelectLocale } from './locale';
 /** @deprecated use Optgroups instead. To be removed in future versions.*/
-export declare type OptgroupsT = Optgroups;
+export type OptgroupsT = Optgroups;
 /** @deprecated use Options instead. To be removed in future versions.*/
-export declare type OptionsT = Options;
+export type OptionsT = Options;

package/select/locale.d.ts

@@ -1,4 +1,4 @@
-export declare type SelectLocale = {
+export type SelectLocale = {
     noResultsMsg: string;
     placeholder: string;
     create: string;

package/select/multi-value.js

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

package/select/select-component.d.ts

@@ -164,8 +164,8 @@ declare class Select extends React.Component<SelectProps, SelectState> {
         $multi: boolean;
         $required: boolean;
         $searchable: boolean;
-        $size: "default" | "compact" | "large" | "mini";
-        $type: "search" | "select";
+        $size: "default" | "large" | "compact" | "mini";
+        $type: "select" | "search";
         $isEmpty: boolean;
     };
     render(): JSX.Element;

package/select/select-component.js

@@ -93,17 +93,21 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
+// @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') {
@@ -140,16 +144,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.
@@ -177,6 +185,7 @@ var Select = /*#__PURE__*/function (_React$Component) {
     _defineProperty(_assertThisInitialized(_this), "options", []);
 
     _defineProperty(_assertThisInitialized(_this), "state", {
+      // @ts-ignore
       activeDescendant: null,
       inputValue: '',
       isFocused: false,
@@ -222,6 +231,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();
@@ -240,6 +250,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)) {
@@ -290,7 +301,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();
@@ -514,11 +526,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];
     });
 
@@ -567,7 +582,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];
@@ -602,7 +617,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;
@@ -622,6 +638,7 @@ var Select = /*#__PURE__*/function (_React$Component) {
     });
 
     _defineProperty(_assertThisInitialized(_this), "popValue", function () {
+      // @ts-ignore
       var valueArray = _toConsumableArray(_this.props.value);
 
       var valueLength = valueArray.length;
@@ -637,7 +654,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, _constants.STATE_CHANGE_TYPE.remove);
 
@@ -675,7 +693,8 @@ var Select = /*#__PURE__*/function (_React$Component) {
 
     _this.options = (0, _utils.normalizeOptions)(props.options);
     return _this;
-  }
+  } // @ts-ignore
+
 
   _createClass(Select, [{
     key: "componentDidMount",
@@ -755,11 +774,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.
@@ -856,7 +877,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);
@@ -874,7 +896,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: {
@@ -899,8 +922,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, ". ") : '';
@@ -918,7 +943,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: {
@@ -952,7 +978,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,
@@ -989,7 +1016,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[_constants.SIZE.default]
       }, sharedProps, clearIconProps));
     }
@@ -1027,7 +1055,8 @@ var Select = /*#__PURE__*/function (_React$Component) {
         }
       }, selectArrowProps.overrides);
       var sizes = (_sizes2 = {}, _defineProperty(_sizes2, _constants.SIZE.mini, 16), _defineProperty(_sizes2, _constants.SIZE.compact, 16), _defineProperty(_sizes2, _constants.SIZE.default, 20), _defineProperty(_sizes2, _constants.SIZE.large, 24), _sizes2);
-      return /*#__PURE__*/React.createElement(SelectArrow, _extends({
+      return /*#__PURE__*/React.createElement(SelectArrow // @ts-ignore
+      , _extends({
         size: sizes[this.props.size] || sizes[_constants.SIZE.default],
         title: 'open'
       }, sharedProps, selectArrowProps));
@@ -1067,19 +1096,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
@@ -1125,6 +1159,7 @@ var Select = /*#__PURE__*/function (_React$Component) {
         $searchable: searchable,
         $size: size,
         $type: type,
+        // @ts-ignore
         $isEmpty: !this.getValueArray(value).length
       };
     }
@@ -1180,7 +1215,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;
@@ -1237,7 +1273,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(_dropdown.default, _extends({
                 innerRef: _this7.dropdown
               }, dropdownProps));

package/select/stateful-select-container.js

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