@jetbrains/ring-ui 5.0.162 → 5.0.164

package/components/auth/auth__core.d.ts

@@ -1,8 +1,8 @@
 import Listeners, { Handler } from '../global/listeners';
 import HTTP, { HTTPAuth, RequestParams } from '../http/http';
 import AuthDialogService from '../auth-dialog-service/auth-dialog-service';
-import AuthStorage from './storage';
-import { AuthError } from './response-parser';
+import AuthStorage, { AuthState } from './storage';
+import { AuthError, AuthResponse } from './response-parser';
 import AuthRequestBuilder from './request-builder';
 import BackgroundFlow from './background-flow';
 import TokenValidator, { TokenValidationError, TokenValidatorConfig } from './token-validator';
@@ -197,6 +197,7 @@ export default class Auth implements HTTPAuth {
      */
     login(): Promise<void>;
     switchUser(): Promise<void>;
+    _makeStateFromResponse(authResponse: AuthResponse): AuthState;
     /**
      * Check if the hash contains an access token.
      * If it does, extract the state, compare with

package/components/auth/auth__core.js

@@ -691,6 +691,27 @@ export default class Auth {
         }
         await this._runEmbeddedLogin();
     }
+    _makeStateFromResponse(authResponse) {
+        const { state } = authResponse;
+        if (!state) {
+            return {};
+        }
+        const { scope: defaultScope } = this.config;
+        try {
+            const urlFromState = new URL(state); // checking if state contains valid URL on same origin, see HUB-11514
+            if (urlFromState.origin !== window.location.origin) {
+                return {};
+            }
+            return {
+                restoreLocation: state,
+                created: Date.now(),
+                scopes: defaultScope
+            };
+        }
+        catch (e) {
+            return {};
+        }
+    }
     /**
      * Check if the hash contains an access token.
      * If it does, extract the state, compare with
@@ -710,7 +731,8 @@ export default class Auth {
             return undefined;
         }
         const { state: stateId, scope, expiresIn, accessToken } = authResponse;
-        const newState = await (stateId && this._storage?.getState(stateId)) || {};
+        const newState = await (stateId && this._storage?.getState(stateId)) ||
+            this._makeStateFromResponse(authResponse);
         const scopes = scope ? scope.split(' ') : newState.scopes || defaultScope || [];
         const effectiveExpiresIn = expiresIn ? parseInt(expiresIn, 10) : defaultExpiresIn;
         const expires = TokenValidator._epoch() + effectiveExpiresIn;

package/components/select/select.d.ts

@@ -1,4 +1,4 @@
-import React, { ButtonHTMLAttributes, Component, CSSProperties, HTMLAttributes, ReactNode, Ref, RefCallback, SyntheticEvent } from 'react';
+import React, { ButtonHTMLAttributes, Component, ComponentType, CSSProperties, HTMLAttributes, ReactNode, Ref, RefCallback, SyntheticEvent } from 'react';
 import { SelectHandlerParams } from '../list/list';
 import { Size } from '../input/input';
 import { LabelType } from '../control-label/control-label';
@@ -52,7 +52,8 @@ export type CustomAnchor = ((props: CustomAnchorProps) => ReactNode);
 export interface BaseSelectProps<T = unknown> {
     data: readonly SelectItem<T>[];
     filter: boolean | Filter<T>;
-    filterRef: Ref<HTMLInputElement>;
+    filterIcon?: string | ComponentType | null | undefined;
+    filterRef?: Ref<HTMLInputElement>;
     clear: boolean;
     loading: boolean;
     disabled: boolean;
@@ -158,6 +159,7 @@ export default class Select<T = unknown> extends Component<SelectProps<T>, Selec
     static defaultProps: {
         data: never[];
         filter: boolean;
+        filterIcon: null;
         filterRef: typeof noop;
         multiple: boolean;
         clear: boolean;

package/components/select/select.js

@@ -182,6 +182,7 @@ export default class Select extends Component {
     static defaultProps = {
         data: [],
         filter: false,
+        filterIcon: null,
         filterRef: noop,
         multiple: false,
         clear: false,
@@ -437,7 +438,7 @@ export default class Select extends Component {
                     message = this.props.notFoundMessage ?? translate('noOptionsFound');
                 }
                 return (<SelectPopup data={_shownData} message={message} toolbar={showPopup && this.getToolbar()} topbar={this.getTopbar()} loading={this.props.loading} activeIndex={this.state.selectedIndex} hidden={!showPopup} ref={this.popupRef} maxHeight={this.props.maxHeight} minWidth={this.props.minWidth} directions={this.props.directions} className={this.props.popupClassName} style={this.props.popupStyle} top={this.props.top} left={this.props.left} filter={this.isInputMode() ? false : this.props.filter} // disable popup filter in INPUT mode
-                 filterRef={this.props.filterRef} multiple={this.props.multiple} filterValue={this.state.filterValue} anchorElement={anchorElement} onCloseAttempt={this._onCloseAttempt} onOutsideClick={this.props.onOutsideClick} onSelect={this._listSelectHandler} onSelectAll={this._listSelectAllHandler} onFilter={this._filterChangeHandler} onClear={this.clearFilter} onLoadMore={this.props.onLoadMore} isInputMode={this.isInputMode()} selected={this.state.selected} tags={this.props.tags} compact={this.props.compact} renderOptimization={this.props.renderOptimization} ringPopupTarget={this.props.ringPopupTarget} disableMoveOverflow={this.props.disableMoveOverflow} disableScrollToActive={this.props.disableScrollToActive} dir={this.props.dir} onEmptyPopupEnter={this.onEmptyPopupEnter} listId={this.listId}/>);
+                 filterIcon={this.props.filterIcon} filterRef={this.props.filterRef} multiple={this.props.multiple} filterValue={this.state.filterValue} anchorElement={anchorElement} onCloseAttempt={this._onCloseAttempt} onOutsideClick={this.props.onOutsideClick} onSelect={this._listSelectHandler} onSelectAll={this._listSelectAllHandler} onFilter={this._filterChangeHandler} onClear={this.clearFilter} onLoadMore={this.props.onLoadMore} isInputMode={this.isInputMode()} selected={this.state.selected} tags={this.props.tags} compact={this.props.compact} renderOptimization={this.props.renderOptimization} ringPopupTarget={this.props.ringPopupTarget} disableMoveOverflow={this.props.disableMoveOverflow} disableScrollToActive={this.props.disableScrollToActive} dir={this.props.dir} onEmptyPopupEnter={this.onEmptyPopupEnter} listId={this.listId}/>);
             }}
       </I18nContext.Consumer>);
     }
@@ -819,7 +820,7 @@ export default class Select extends Component {
                         ...this.getShortcutsMap(),
                         ...this._popup?.list?.shortcutsMap
                     })
-                    : undefined} afterInput={this.props.type === Type.INPUT && iconsNode}/>
+                    : undefined} icon={this.props.filterIcon} afterInput={this.props.type === Type.INPUT && iconsNode}/>
             {this._renderPopup()}
           </div>
           {this.props.error && (<div className={classNames(inputStyles.errorText, inputStyles[`size${this.props.size}`])}>
@@ -891,6 +892,7 @@ Select.propTypes = {
     multiple: PropTypes.oneOfType([PropTypes.bool, PropTypes.object]),
     allowAny: PropTypes.bool,
     filter: PropTypes.oneOfType([PropTypes.bool, PropTypes.object]),
+    filterIcon: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),
     filterRef: PropTypes.oneOfType([
         PropTypes.func,
         refObject(PropTypes.instanceOf(HTMLInputElement))

package/components/select/select__popup.d.ts

@@ -1,7 +1,7 @@
 /**
  * @description Displays a popup with select's options.
  */
-import React, { CSSProperties, PureComponent, ReactNode, Ref, SyntheticEvent } from 'react';
+import React, { ComponentType, CSSProperties, PureComponent, ReactNode, Ref, SyntheticEvent } from 'react';
 import PropTypes from 'prop-types';
 import { IconType } from '../icon/icon';
 import Popup from '../popup/popup';
@@ -43,6 +43,7 @@ export interface SelectPopupProps<T = unknown> {
     toolbar: ReactNode;
     topbar: ReactNode;
     filter: boolean | Filter<T>;
+    filterIcon?: string | ComponentType | null | undefined;
     filterRef?: Ref<HTMLInputElement>;
     message: string | null;
     anchorElement: HTMLElement | null;

package/components/select/select__popup.js

@@ -38,6 +38,7 @@ export default class SelectPopup extends PureComponent {
         toolbar: null,
         topbar: null,
         filter: false,
+        filterIcon: null,
         filterRef: noop,
         multiple: false,
         message: null,
@@ -183,7 +184,7 @@ export default class SelectPopup extends PureComponent {
     getFilter() {
         if (this.props.filter || this.props.tags) {
             return (<div className={styles.filterWrapper} data-test="ring-select-popup-filter">
-          {!this.props.tags && (<Icon glyph={searchIcon} className={styles.filterIcon} data-test-custom="ring-select-popup-filter-icon"/>)}
+          {!this.props.tags && (<Icon glyph={this.props.filterIcon ?? searchIcon} className={styles.filterIcon} data-test-custom="ring-select-popup-filter-icon"/>)}
           <FilterWithShortcuts rgShortcutsOptions={this.state.popupFilterShortcutsOptions} rgShortcutsMap={this.popupFilterShortcutsMap} value={this.props.filterValue} inputRef={composeRefs(this.filterRef, this.props.filterRef)} onBlur={this.popupFilterOnBlur} onFocus={this.onFilterFocus} className="ring-js-shortcuts" inputClassName={classNames({ [styles.filterWithTagsInput]: this.props.tags })} placeholder={typeof this.props.filter === 'object'
                     ? this.props.filter.placeholder
                     : undefined} height={this.props.tags ? ControlsHeight.S : ControlsHeight.L} onChange={this.props.onFilter} onClick={this.onClickHandler} onClear={this.props.tags ? undefined : this.props.onClear} data-test-custom="ring-select-popup-filter-input" listId={this.props.listId} enableShortcuts={Object.keys(this.popupFilterShortcutsMap)}/>
@@ -367,6 +368,7 @@ SelectPopup.propTypes = {
             placeholder: PropTypes.string
         })]),
     filterValue: PropTypes.string,
+    filterIcon: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),
     filterRef: PropTypes.oneOfType([
         PropTypes.func,
         refObject(PropTypes.instanceOf(HTMLInputElement))

package/components/table/table.css

@@ -79,8 +79,6 @@
   padding-top: unit;
   padding-bottom: 6px;
 
-  text-transform: capitalize;
-
   color: var(--ring-text-color);
   border-bottom: none;
 

package/dist/_helpers/_rollupPluginBabelHelpers.js

@@ -152,7 +152,10 @@ function _regeneratorRuntime() {
       if ("executing" === state) throw new Error("Generator is already running");
       if ("completed" === state) {
         if ("throw" === method) throw arg;
-        return doneResult();
+        return {
+          value: void 0,
+          done: !0
+        };
       }
       for (context.method = method, context.arg = arg;;) {
         var delegate = context.delegate;
@@ -205,7 +208,7 @@ function _regeneratorRuntime() {
     }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0);
   }
   function values(iterable) {
-    if (iterable) {
+    if (iterable || "" === iterable) {
       var iteratorMethod = iterable[iteratorSymbol];
       if (iteratorMethod) return iteratorMethod.call(iterable);
       if ("function" == typeof iterable.next) return iterable;
@@ -218,15 +221,7 @@ function _regeneratorRuntime() {
         return next.next = next;
       }
     }
-    return {
-      next: doneResult
-    };
-  }
-  function doneResult() {
-    return {
-      value: undefined,
-      done: !0
-    };
+    throw new TypeError(typeof iterable + " is not iterable");
   }
   return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", {
     value: GeneratorFunctionPrototype,

package/dist/auth/auth.js

@@ -80,6 +80,8 @@ import '../link/link.js';
 import '../_helpers/link.js';
 import '../group/group.js';
 import '../_helpers/group.js';
+import 'core-js/modules/web.url.js';
+import 'core-js/modules/web.url-search-params.js';
 import 'core-js/modules/es.parse-int.js';
 import 'core-js/modules/es.string.search.js';
 import '../global/listeners.js';

package/dist/auth/auth__core.d.ts

@@ -1,8 +1,8 @@
 import Listeners, { Handler } from '../global/listeners';
 import HTTP, { HTTPAuth, RequestParams } from '../http/http';
 import AuthDialogService from '../auth-dialog-service/auth-dialog-service';
-import AuthStorage from './storage';
-import { AuthError } from './response-parser';
+import AuthStorage, { AuthState } from './storage';
+import { AuthError, AuthResponse } from './response-parser';
 import AuthRequestBuilder from './request-builder';
 import BackgroundFlow from './background-flow';
 import TokenValidator, { TokenValidationError, TokenValidatorConfig } from './token-validator';
@@ -197,6 +197,7 @@ export default class Auth implements HTTPAuth {
      */
     login(): Promise<void>;
     switchUser(): Promise<void>;
+    _makeStateFromResponse(authResponse: AuthResponse): AuthState;
     /**
      * Check if the hash contains an access token.
      * If it does, extract the state, compare with

package/dist/auth/auth__core.js

@@ -12,6 +12,8 @@ import 'core-js/modules/es.string.includes.js';
 import 'core-js/modules/es.regexp.exec.js';
 import 'core-js/modules/es.string.replace.js';
 import 'core-js/modules/es.regexp.to-string.js';
+import 'core-js/modules/web.url.js';
+import 'core-js/modules/web.url-search-params.js';
 import 'core-js/modules/es.parse-int.js';
 import 'core-js/modules/es.string.search.js';
 import { getAbsoluteBaseURL, fixUrl } from '../global/url.js';
@@ -1398,6 +1400,28 @@ var Auth = /*#__PURE__*/function () {
       }
       return switchUser;
     }()
+  }, {
+    key: "_makeStateFromResponse",
+    value: function _makeStateFromResponse(authResponse) {
+      var state = authResponse.state;
+      if (!state) {
+        return {};
+      }
+      var defaultScope = this.config.scope;
+      try {
+        var urlFromState = new URL(state); // checking if state contains valid URL on same origin, see HUB-11514
+        if (urlFromState.origin !== window.location.origin) {
+          return {};
+        }
+        return {
+          restoreLocation: state,
+          created: Date.now(),
+          scopes: defaultScope
+        };
+      } catch (e) {
+        return {};
+      }
+    }
     /**
      * Check if the hash contains an access token.
      * If it does, extract the state, compare with
@@ -1436,7 +1460,7 @@ var Auth = /*#__PURE__*/function () {
                 _context20.next = 11;
                 break;
               }
-              _context20.t0 = {};
+              _context20.t0 = this._makeStateFromResponse(authResponse);
             case 11:
               newState = _context20.t0;
               scopes = scope ? scope.split(' ') : newState.scopes || defaultScope || [];

package/dist/auth/landing.js

@@ -85,6 +85,8 @@ import '../link/link.js';
 import '../_helpers/link.js';
 import '../group/group.js';
 import '../_helpers/group.js';
+import 'core-js/modules/web.url.js';
+import 'core-js/modules/web.url-search-params.js';
 import 'core-js/modules/es.string.search.js';
 import '../global/listeners.js';
 import '../global/promise-with-timeout.js';

package/dist/auth-ng/auth-ng.js

@@ -81,6 +81,8 @@ import '../link/link.js';
 import '../_helpers/link.js';
 import '../group/group.js';
 import '../_helpers/group.js';
+import 'core-js/modules/web.url.js';
+import 'core-js/modules/web.url-search-params.js';
 import 'core-js/modules/es.parse-int.js';
 import 'core-js/modules/es.string.search.js';
 import '../global/listeners.js';

package/dist/header/header.js

@@ -125,6 +125,8 @@ import '../alert/container.js';
 import '../group/group.js';
 import '../_helpers/group.js';
 import '../auth/auth__core.js';
+import 'core-js/modules/web.url.js';
+import 'core-js/modules/web.url-search-params.js';
 import 'core-js/modules/es.parse-int.js';
 import 'core-js/modules/es.string.search.js';
 import '../global/listeners.js';

package/dist/header/smart-profile.js

@@ -81,6 +81,8 @@ import '../_helpers/link.js';
 import '../group/group.js';
 import '../_helpers/group.js';
 import '../global/react-render-adapter.js';
+import 'core-js/modules/web.url.js';
+import 'core-js/modules/web.url-search-params.js';
 import 'core-js/modules/es.parse-int.js';
 import 'core-js/modules/es.string.search.js';
 import '../global/listeners.js';

package/dist/header/smart-services.js

@@ -82,6 +82,8 @@ import '../link/link.js';
 import '../_helpers/link.js';
 import '../group/group.js';
 import '../_helpers/group.js';
+import 'core-js/modules/web.url.js';
+import 'core-js/modules/web.url-search-params.js';
 import 'core-js/modules/es.parse-int.js';
 import 'core-js/modules/es.string.search.js';
 import '../global/listeners.js';

package/dist/old-browsers-message/white-list.js

@@ -12,11 +12,11 @@ var MAJOR_VERSION_INDEX = 0;
 /**
  * SUPPORTED_BROWSERS are defined by Babel plugin, see babel config
  */
-if (!["and_chr 114", "and_uc 15.5", "chrome 114", "chrome 113", "chrome 109", "edge 114", "firefox 114", "ios_saf 16.5", "ios_saf 16.4", "ios_saf 16.3", "ios_saf 16.1", "opera 99", "safari 16.5", "samsung 21"]) {
+if (!["and_chr 115", "and_uc 15.5", "chrome 114", "chrome 113", "chrome 109", "edge 114", "firefox 114", "ios_saf 16.5", "ios_saf 16.4", "ios_saf 16.3", "ios_saf 16.1", "opera 99", "safari 16.5", "samsung 21"]) {
   // eslint-disable-next-line no-console
   console.warn('Ring UI: no SUPPORTED_BROWSERS passed. Please check babel config.');
 }
-var SUPPORTED = ["and_chr 114", "and_uc 15.5", "chrome 114", "chrome 113", "chrome 109", "edge 114", "firefox 114", "ios_saf 16.5", "ios_saf 16.4", "ios_saf 16.3", "ios_saf 16.1", "opera 99", "safari 16.5", "samsung 21"] || [];
+var SUPPORTED = ["and_chr 115", "and_uc 15.5", "chrome 114", "chrome 113", "chrome 109", "edge 114", "firefox 114", "ios_saf 16.5", "ios_saf 16.4", "ios_saf 16.3", "ios_saf 16.1", "opera 99", "safari 16.5", "samsung 21"] || [];
 var WHITE_LISTED_BROWSERS = ['chrome', 'firefox', 'safari', 'edge'];
 var WHITE_LIST = SUPPORTED.reduce(function (acc, item) {
   var _item$match;

package/dist/permissions-ng/permissions-ng.js

@@ -84,6 +84,8 @@ import '../_helpers/link.js';
 import '../group/group.js';
 import '../_helpers/group.js';
 import '../auth/auth__core.js';
+import 'core-js/modules/web.url.js';
+import 'core-js/modules/web.url-search-params.js';
 import 'core-js/modules/es.parse-int.js';
 import 'core-js/modules/es.string.search.js';
 import '../global/listeners.js';

package/dist/select/select.d.ts

@@ -1,4 +1,4 @@
-import React, { ButtonHTMLAttributes, Component, CSSProperties, HTMLAttributes, ReactNode, Ref, RefCallback, SyntheticEvent } from 'react';
+import React, { ButtonHTMLAttributes, Component, ComponentType, CSSProperties, HTMLAttributes, ReactNode, Ref, RefCallback, SyntheticEvent } from 'react';
 import { SelectHandlerParams } from '../list/list';
 import { Size } from '../input/input';
 import { LabelType } from '../control-label/control-label';
@@ -52,7 +52,8 @@ export type CustomAnchor = ((props: CustomAnchorProps) => ReactNode);
 export interface BaseSelectProps<T = unknown> {
     data: readonly SelectItem<T>[];
     filter: boolean | Filter<T>;
-    filterRef: Ref<HTMLInputElement>;
+    filterIcon?: string | ComponentType | null | undefined;
+    filterRef?: Ref<HTMLInputElement>;
     clear: boolean;
     loading: boolean;
     disabled: boolean;
@@ -158,6 +159,7 @@ export default class Select<T = unknown> extends Component<SelectProps<T>, Selec
     static defaultProps: {
         data: never[];
         filter: boolean;
+        filterIcon: null;
         filterRef: typeof noop;
         multiple: boolean;
         clear: boolean;

package/dist/select/select.js

@@ -735,6 +735,7 @@ var Select = /*#__PURE__*/function (_Component) {
           left: _this3.props.left,
           filter: _this3.isInputMode() ? false : _this3.props.filter // disable popup filter in INPUT mode
           ,
+          filterIcon: _this3.props.filterIcon,
           filterRef: _this3.props.filterRef,
           multiple: _this3.props.multiple,
           filterValue: _this3.state.filterValue,
@@ -1028,6 +1029,7 @@ var Select = /*#__PURE__*/function (_Component) {
             onKeyDown: this.props.onKeyDown,
             "data-test": "ring-select__focus",
             enableShortcuts: shortcutsEnabled ? Object.keys(_objectSpread2(_objectSpread2({}, this.getShortcutsMap()), (_this$_popup5 = this._popup) === null || _this$_popup5 === void 0 || (_this$_popup5 = _this$_popup5.list) === null || _this$_popup5 === void 0 ? void 0 : _this$_popup5.shortcutsMap)) : undefined,
+            icon: this.props.filterIcon,
             afterInput: this.props.type === Type.INPUT && iconsNode
           })), this._renderPopup()), this.props.error && /*#__PURE__*/React.createElement("div", {
             className: classNames(modules_88cfaf40.errorText, modules_88cfaf40["size".concat(this.props.size)])
@@ -1175,6 +1177,7 @@ var Select = /*#__PURE__*/function (_Component) {
 _defineProperty(Select, "defaultProps", {
   data: [],
   filter: false,
+  filterIcon: null,
   filterRef: noop,
   multiple: false,
   clear: false,
@@ -1224,6 +1227,7 @@ Select.propTypes = {
   multiple: PropTypes.oneOfType([PropTypes.bool, PropTypes.object]),
   allowAny: PropTypes.bool,
   filter: PropTypes.oneOfType([PropTypes.bool, PropTypes.object]),
+  filterIcon: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),
   filterRef: PropTypes.oneOfType([PropTypes.func, refObject(PropTypes.instanceOf(HTMLInputElement))]),
   getInitial: PropTypes.func,
   onClose: PropTypes.func,

package/dist/select/select__popup.d.ts

@@ -1,7 +1,7 @@
 /**
  * @description Displays a popup with select's options.
  */
-import React, { CSSProperties, PureComponent, ReactNode, Ref, SyntheticEvent } from 'react';
+import React, { ComponentType, CSSProperties, PureComponent, ReactNode, Ref, SyntheticEvent } from 'react';
 import PropTypes from 'prop-types';
 import { IconType } from '../icon/icon';
 import Popup from '../popup/popup';
@@ -43,6 +43,7 @@ export interface SelectPopupProps<T = unknown> {
     toolbar: ReactNode;
     topbar: ReactNode;
     filter: boolean | Filter<T>;
+    filterIcon?: string | ComponentType | null | undefined;
     filterRef?: Ref<HTMLInputElement>;
     message: string | null;
     anchorElement: HTMLElement | null;

package/dist/select/select__popup.js

@@ -388,11 +388,12 @@ var SelectPopup = /*#__PURE__*/function (_PureComponent) {
     key: "getFilter",
     value: function getFilter() {
       if (this.props.filter || this.props.tags) {
+        var _this$props$filterIco;
         return /*#__PURE__*/React.createElement("div", {
           className: modules_b607bec2.filterWrapper,
           "data-test": "ring-select-popup-filter"
         }, !this.props.tags && /*#__PURE__*/React.createElement(Icon, {
-          glyph: searchIcon,
+          glyph: (_this$props$filterIco = this.props.filterIcon) !== null && _this$props$filterIco !== void 0 ? _this$props$filterIco : searchIcon,
           className: modules_b607bec2.filterIcon,
           "data-test-custom": "ring-select-popup-filter-icon"
         }), /*#__PURE__*/React.createElement(FilterWithShortcuts, {
@@ -558,6 +559,7 @@ _defineProperty(SelectPopup, "defaultProps", {
   toolbar: null,
   topbar: null,
   filter: false,
+  filterIcon: null,
   filterRef: noop,
   multiple: false,
   message: null,
@@ -593,6 +595,7 @@ SelectPopup.propTypes = {
     placeholder: PropTypes.string
   })]),
   filterValue: PropTypes.string,
+  filterIcon: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),
   filterRef: PropTypes.oneOfType([PropTypes.func, refObject(PropTypes.instanceOf(HTMLInputElement))]),
   hidden: PropTypes.bool,
   isInputMode: PropTypes.bool,