@jetbrains/ring-ui 5.1.23 → 5.1.24

package/dist/save-field-ng/save-field-ng.js

@@ -0,0 +1,323 @@
+import 'core-js/modules/es.array.map.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.split.js';
+import 'core-js/modules/es.string.trim.js';
+import 'core-js/modules/es.array.filter.js';
+import 'core-js/modules/es.object.to-string.js';
+import angular from 'angular';
+import '../loader-inline/loader-inline.js';
+import ButtonSet from '../button-set-ng/button-set-ng.js';
+import messageBundleNg from '../message-bundle-ng/message-bundle-ng.js';
+import Form from '../form-ng/form-ng.js';
+import Shortcuts from '../shortcuts-ng/shortcuts-ng.js';
+import Button from '../button-ng/button-ng.js';
+import PromisedClick from '../promised-click-ng/promised-click-ng.js';
+import template from './save-field-ng__template.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'react';
+import 'classnames';
+import 'prop-types';
+import '../global/data-tests.js';
+import 'core-js/modules/es.array.reduce.js';
+import 'core-js/modules/es.object.entries.js';
+import 'core-js/modules/es.array.concat.js';
+import '../_helpers/loader-inline.js';
+import '../_helpers/button-set.js';
+import 'core-js/modules/es.array.from.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
+import 'core-js/modules/es.array.find.js';
+import 'core-js/modules/es.array.index-of.js';
+import 'core-js/modules/es.array.sort.js';
+import 'core-js/modules/es.array.splice.js';
+import '../global/dom.js';
+import 'core-js/modules/es.object.assign.js';
+import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/es.set.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import '../shortcuts/core.js';
+import 'core-js/modules/es.array.includes.js';
+import 'core-js/modules/es.string.includes.js';
+import 'core-js/modules/es.array.slice.js';
+import 'core-js/modules/es.string.match.js';
+import 'core-js/modules/es.array.find-index.js';
+import 'combokeys';
+import '../global/sniffer.js';
+import 'sniffr';
+import 'core-js/modules/es.object.values.js';
+import '../global/ring-angular-component.js';
+import '../icon-ng/icon-ng.js';
+import 'core-js/modules/es.string.replace.js';
+import '../icon/icon__constants.js';
+import '../template-ng/template-ng.js';
+import '../_helpers/icon.js';
+import '../_helpers/button__classes.js';
+import '../global/controls-height.js';
+
+var angularModule = angular.module('Ring.save-field', [messageBundleNg,
+/**
+ * for error-bubble
+ */
+Form, Shortcuts, Button, ButtonSet, PromisedClick]);
+angularModule.constant('rgSaveFieldShortcutsMode', {
+  id: 'ring-save-field',
+  shortcuts: [{
+    key: 'ctrl+enter',
+    action: 'comboSubmit'
+  }, {
+    key: 'enter',
+    action: 'submit'
+  }, {
+    key: 'esc',
+    action: 'cancel'
+  }, {
+    key: 'up',
+    action: 'noop'
+  }, {
+    key: 'down',
+    action: 'noop'
+  }]
+});
+angularModule.directive('rgSaveField', ["RingMessageBundle", "$timeout", "$q", "$compile", "$parse", function rgSaveFieldDirective(RingMessageBundle, $timeout, $q, $compile, $parse) {
+  var MULTI_LINE_SPLIT_PATTERN = /(\r\n|\n|\r)/gm;
+  var MULTI_LINE_LIST_MODE = 'list';
+  var CUSTOM_ERROR_ID = 'customError';
+  var ERROR_DESCRIPTION = 'error_description';
+  var ERROR_DEVELOPER_MSG = 'error_developer_message';
+  return {
+    require: 'rgSaveField',
+    transclude: true,
+    template,
+    scope: {
+      api: '=?',
+      value: '=',
+      workingValue: '=',
+      onSave: '&',
+      afterSave: '&?',
+      validate: '&?',
+      parseElement: '&?',
+      formatElement: '&?',
+      multiline: '@'
+    },
+    link: function link(scope, iElem, iAttrs, ctrl) {
+      var placeholder = angular.element(iElem[0].querySelector('.ring-save-field__transclude-placeholder'));
+      $compile(angular.element('<div rg-error-bubble="saveFieldForm"></div>'))(scope, function (errorBubble) {
+        placeholder.append(errorBubble);
+      });
+      var customError = {
+        message: ''
+      };
+      var isTextarea = false;
+      var draftMode = iAttrs.workingValue;
+      var valueField = draftMode ? 'workingValue' : 'value';
+      function submitChanges() {
+        if (!scope.saveFieldForm.$valid || scope.loading || angular.equals(scope.initial, scope[valueField])) {
+          return false;
+        }
+        function afterSaveCall() {
+          return $q.when(scope.afterSave({
+            value: scope[valueField]
+          }));
+        }
+        function success() {
+          scope.initial = angular.copy(scope[valueField]);
+          scope.saveFieldForm.$setPristine();
+          scope.done = true;
+          if (draftMode) {
+            scope.value = scope.workingValue;
+          }
+          $timeout(function () {
+            scope.done = false;
+          }, 1000); //eslint-disable-line no-magic-numbers
+
+          if (scope.afterSave) {
+            if (draftMode) {
+              return $timeout(afterSaveCall); // we need digest to sync value before calling after save
+            } else {
+              return afterSaveCall();
+            }
+          }
+          return undefined;
+        }
+        function error(err) {
+          var message;
+          if (typeof err === 'string') {
+            message = err;
+          } else if (typeof err === 'object') {
+            var errorData = err.data || err;
+            message = errorData[ERROR_DESCRIPTION] || errorData[ERROR_DEVELOPER_MSG];
+          }
+          customError.message = message;
+          scope.saveFieldForm.$setValidity(CUSTOM_ERROR_ID, false, customError);
+        }
+        scope.cancelBlur();
+        scope.loading = true;
+        var onsave = ctrl.getSave();
+        if (onsave) {
+          onsave = $q.when(onsave(scope[valueField]));
+        } else {
+          onsave = $q.when(scope.onSave({
+            value: scope[valueField]
+          }));
+        }
+        return onsave.then(success, error).then(function () {
+          scope.loading = false;
+        });
+      }
+      function resetValue() {
+        if (scope.loading) {
+          return;
+        }
+        scope.$evalAsync(function () {
+          scope[valueField] = scope.initial ? scope.initial : '';
+          scope.saveFieldForm.$setValidity(CUSTOM_ERROR_ID, true, customError);
+          scope.saveFieldForm.$setPristine();
+        });
+      }
+      function addMultilineProcessing(controlName) {
+        var stopWatch = scope.$watch("saveFieldForm.".concat(controlName), function (control) {
+          if (!control || !control.$formatters || !control.$parsers) {
+            return;
+          }
+          control.$formatters.push(function (value) {
+            if (!value) {
+              return value;
+            }
+            var formattedValue;
+            if (iAttrs.formatElement) {
+              formattedValue = value.map(function (element) {
+                return scope.formatElement({
+                  element
+                });
+              });
+            } else {
+              formattedValue = value;
+            }
+            return formattedValue.join('\n');
+          });
+          control.$parsers.push(function (value) {
+            var array = value && value.split(MULTI_LINE_SPLIT_PATTERN) || [];
+            function notEmpty(val) {
+              return val && val.trim() && val !== '\n';
+            }
+            array = array.filter(notEmpty);
+            if (iAttrs.parseElement) {
+              array = array.map(function (element) {
+                return scope.parseElement({
+                  element: element.trim()
+                });
+              });
+            }
+            return array;
+          });
+          stopWatch();
+        });
+      }
+      scope.cancelBlur = function () {
+        $timeout(function () {
+          // eslint-disable-next-line no-magic-numbers
+        }, 10);
+      };
+      if (draftMode) {
+        scope.$watch('value', function (value) {
+          scope.workingValue = angular.copy(value);
+          scope.initial = value;
+        });
+      }
+      scope.$watch(valueField, function (value) {
+        var promise = null;
+        if (scope.saveFieldForm.$pristine) {
+          scope.initial = value;
+        } else if (scope.initial && angular.equals(scope.initial, value)) {
+          resetValue();
+        } else if (scope.validate) {
+          promise = scope.validate({
+            value
+          });
+        }
+        $q.when(promise).then(function (error) {
+          if (error) {
+            return $q.reject(error);
+          } else {
+            customError.message = '';
+            scope.saveFieldForm.$setValidity(CUSTOM_ERROR_ID, true, customError);
+            return undefined;
+          }
+        }).catch(function (error) {
+          customError.message = error;
+          scope.saveFieldForm.$setValidity(CUSTOM_ERROR_ID, false, customError);
+        });
+      });
+      var inputNode = iElem[0].querySelector('input, .ring-save-field__input');
+      if (!inputNode) {
+        inputNode = iElem[0].querySelector('textarea');
+        isTextarea = !!inputNode;
+      }
+      if (inputNode) {
+        inputNode.classList.add('ring-js-shortcuts');
+        inputNode.addEventListener('focus', function () {
+          scope.$evalAsync(function () {
+            scope.focus = true;
+          });
+        });
+        inputNode.addEventListener('blur', function () {
+          scope.$evalAsync(function () {
+            scope.focus = false;
+          });
+        });
+        if (isTextarea && scope.multiline === MULTI_LINE_LIST_MODE) {
+          addMultilineProcessing(inputNode.name);
+        }
+      }
+      scope.wording = {
+        save: RingMessageBundle.form_save(),
+        saved: RingMessageBundle.form_saved(),
+        cancel: RingMessageBundle.form_cancel()
+      };
+      scope.keyMap = {
+        comboSubmit: function comboSubmit(e) {
+          if (isTextarea) {
+            e.preventDefault();
+            submitChanges();
+          }
+        },
+        submit: function submit(e) {
+          if (!isTextarea) {
+            e.preventDefault();
+            submitChanges();
+          }
+        },
+        cancel: resetValue,
+        noop: angular.noop
+      };
+      scope.api = {
+        save: submitChanges,
+        cancel: resetValue
+      };
+      scope.submitChanges = ctrl.submitChanges = submitChanges;
+      scope.cancelChanges = ctrl.cancelChanges = resetValue;
+      scope.focus = false;
+      scope.$on('$destroy', function () {
+        // 1) Bindings are already disabled by this time, so replacing scope.value = ... has no effect
+        // 2) We can't use scope.value.someField because we don't know anything about scope.value, it's passed from the outside
+        // 3) Probably we can use controllerAs to add one more object layer (ctrl.value) so the JS linking would work
+        // but errorBubble works with scope only, so a large refactoring of rgSaveField and other components is needed.
+        // This is the simplest solution:
+        if (iAttrs.value) {
+          $parse(iAttrs.value).assign(scope.$parent, scope.initial);
+        }
+      });
+    },
+    controller() {
+      var onSave = null;
+      this.setSave = function (cb) {
+        onSave = cb;
+      };
+      this.getSave = function () {
+        return onSave;
+      };
+    }
+  };
+}]);
+var saveFieldNg = angularModule.name;
+
+export { saveFieldNg as default };

package/dist/save-field-ng/save-field-ng__template.js

@@ -0,0 +1,3 @@
+var template = "<div class=\"ring-save-field\" ng-form=\"saveFieldForm\" rg-shortcuts=\"ring-save-field\" shortcuts-map=\"keyMap\" shortcuts-focus=\"focus\">\n  <span class=\"ring-save-field__transclude-placeholder\" ng-transclude=\"\"></span>\n\n  <rg-button\n    ng-show=\"saveFieldForm.$dirty && saveFieldForm.$valid\"\n    mode=\"primary\"\n    class=\"ring-save-field__button ng-hide\"\n    ng-mousedown=\"cancelBlur()\"\n\n    rg-promised-click=\"submitChanges($event)\"\n    promised-mode=\"loader\"\n  >\n    {{wording.save}}\n  </rg-button>\n\n  <rg-button\n    ng-show=\"saveFieldForm.$dirty && !loading\"\n    class=\"ring-save-field__button ng-hide\"\n    ng-click=\"cancelChanges($event)\"\n    ng-mousedown=\"cancelBlur()\"\n  >\n    {{wording.cancel}}\n  </rg-button>\n\n  <rg-button\n    ng-show=\"done\"\n    ng-disabled=\"true\"\n    class=\"ring-save-field__button ng-hide\"\n  >\n    {{wording.saved}}\n  </rg-button>\n</div>";
+
+export { template as default };

package/dist/select/select.d.ts

@@ -0,0 +1,303 @@
+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';
+import { ListDataItem } from '../list/consts';
+import { Directions } from '../popup/popup.consts';
+import { ControlsHeight } from '../global/controls-height';
+import SelectPopup, { Filter, FilterFn, Multiple, Tags } from './select__popup';
+/**
+ * @name Select
+ */
+declare function noop(): void;
+/**
+ * @enum {number}
+ */
+export declare enum Type {
+    BUTTON = "BUTTON",
+    INPUT = "INPUT",
+    CUSTOM = "CUSTOM",
+    INLINE = "INLINE",
+    INPUT_WITHOUT_CONTROLS = "INPUT_WITHOUT_CONTROLS"
+}
+type SelectItemData<T> = T & {
+    key: string | number;
+    isResetItem?: boolean | null | undefined;
+    separator?: boolean | null | undefined;
+};
+export type SelectItem<T = unknown> = ListDataItem<SelectItemData<T>>;
+declare function getLowerCaseLabel<T>(item: SelectItem<T>): string | null;
+declare function doesLabelMatch<T>(itemToCheck: SelectItem<T>, fn: (label: string) => boolean): boolean;
+export interface Add {
+    alwaysVisible?: boolean | null | undefined;
+    regexp?: RegExp | null | undefined;
+    minlength?: number | null | undefined;
+    label?: ((filterString: string) => string) | string | null | undefined;
+    prefix?: string | null | undefined;
+    delayed?: boolean | null | undefined;
+}
+export interface DataTestProps {
+    'data-test'?: string | null | undefined;
+}
+export interface CustomAnchorProps {
+    wrapperProps: HTMLAttributes<HTMLElement> & DataTestProps & {
+        ref: RefCallback<HTMLElement>;
+    };
+    buttonProps: Pick<ButtonHTMLAttributes<HTMLButtonElement>, 'id' | 'disabled' | 'children'> & {
+        onClick: () => void;
+    } & DataTestProps;
+    popup: ReactNode;
+}
+export type CustomAnchor = ((props: CustomAnchorProps) => ReactNode);
+export interface BaseSelectProps<T = unknown> {
+    data: readonly SelectItem<T>[];
+    filter: boolean | Filter<T>;
+    filterIcon?: string | ComponentType | null | undefined;
+    filterRef?: Ref<HTMLInputElement>;
+    clear: boolean;
+    loading: boolean;
+    disabled: boolean;
+    loadingMessage?: string;
+    notFoundMessage?: string;
+    type: Type;
+    size: Size;
+    hideSelected: boolean;
+    allowAny: boolean;
+    maxHeight: number;
+    hideArrow: boolean;
+    showPopup: boolean;
+    directions: readonly Directions[];
+    label: string | null;
+    selectedLabel: ReactNode;
+    labelType?: LabelType;
+    inputPlaceholder: string;
+    shortcutsEnabled: boolean;
+    tryKeepOpen?: boolean;
+    onBeforeOpen: () => void;
+    onLoadMore: () => void;
+    onOpen: () => void;
+    onFilter: (value: string) => void;
+    onFocus: (e: React.FocusEvent<HTMLInputElement>) => void;
+    onBlur: () => void;
+    onKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    onSelect: (selected: SelectItem<T> | null, event?: Event | SyntheticEvent) => void;
+    onDeselect: (selected: SelectItem<T> | null) => void;
+    onOutsideClick: (e: PointerEvent) => void;
+    onAdd: (value: string) => void;
+    onDone: () => void;
+    onReset: () => void;
+    dir: 'ltr' | 'rtl';
+    renderBottomToolbar?: () => ReactNode;
+    renderTopToolbar?: () => ReactNode;
+    height?: ControlsHeight | undefined;
+    targetElement?: HTMLElement | null | undefined;
+    className?: string | null | undefined;
+    buttonClassName?: string | null | undefined;
+    id?: string | undefined;
+    getInitial?: (() => string) | null | undefined;
+    minWidth?: number | undefined;
+    popupClassName?: string | null | undefined;
+    popupStyle?: CSSProperties | undefined;
+    top?: number | undefined;
+    left?: number | undefined;
+    renderOptimization?: boolean | undefined;
+    ringPopupTarget?: string | null | undefined;
+    error?: ReactNode | null | undefined;
+    hint?: ReactNode;
+    add?: Add | null | undefined;
+    compact?: boolean | null | undefined;
+    customAnchor?: CustomAnchor | null | undefined;
+    disableMoveOverflow?: boolean | null | undefined;
+    disableScrollToActive?: boolean | null | undefined;
+    'data-test'?: string | null | undefined;
+}
+export interface SingleSelectProps<T = unknown> extends BaseSelectProps<T> {
+    multiple: false;
+    onClose: (selected: SelectItem<T> | null) => void;
+    onChange: (selected: SelectItem<T> | null, event?: Event | SyntheticEvent) => void;
+    selected?: SelectItem<T> | null | undefined;
+    tags?: null | undefined;
+}
+export interface MultipleSelectProps<T = unknown> extends BaseSelectProps<T> {
+    multiple: true | Multiple;
+    selected: readonly SelectItem<T>[];
+    onClose: (selected: SelectItem<T>[]) => void;
+    onChange: (selected: SelectItem<T>[], event?: Event | SyntheticEvent) => void;
+    tags?: Tags | boolean | null | undefined;
+}
+export type SelectProps<T = unknown> = SingleSelectProps<T> | MultipleSelectProps<T>;
+interface AddButton {
+    prefix: string | null | undefined;
+    label: string;
+    delayed: boolean;
+}
+export interface SelectState<T = unknown> {
+    data: SelectItem<T>[];
+    shownData: SelectItem<T>[];
+    selected: SelectItem<T> | SelectItem<T>[] | null | undefined;
+    selectedIndex: number | null;
+    filterValue: string;
+    shortcutsEnabled: boolean;
+    popupShortcuts: boolean;
+    showPopup: boolean;
+    prevData: readonly SelectItem<T>[];
+    prevSelected: SelectItem<T> | readonly SelectItem<T>[] | null | undefined;
+    prevMultiple: Multiple | boolean | null | undefined;
+    multipleMap: Record<string, boolean>;
+    addButton: AddButton | null;
+    focused?: boolean;
+}
+/**
+ * @name Select
+ * @constructor
+ * @extends {Component}
+ */
+/**
+ * Displays a select.
+ */
+export default class Select<T = unknown> extends Component<SelectProps<T>, SelectState<T>> {
+    static defaultProps: {
+        data: never[];
+        filter: boolean;
+        filterIcon: null;
+        filterRef: typeof noop;
+        multiple: boolean;
+        clear: boolean;
+        loading: boolean;
+        disabled: boolean;
+        type: Type;
+        size: Size;
+        targetElement: null;
+        hideSelected: boolean;
+        allowAny: boolean;
+        hideArrow: boolean;
+        showPopup: boolean;
+        maxHeight: number;
+        directions: Directions[];
+        selected: null;
+        label: null;
+        selectedLabel: null;
+        inputPlaceholder: string;
+        hint: null;
+        shortcutsEnabled: boolean;
+        onBeforeOpen: typeof noop;
+        onLoadMore: typeof noop;
+        onOpen: typeof noop;
+        onClose: typeof noop;
+        onFilter: typeof noop;
+        onFocus: typeof noop;
+        onBlur: typeof noop;
+        onKeyDown: typeof noop;
+        onSelect: typeof noop;
+        onDeselect: typeof noop;
+        onOutsideClick: typeof noop;
+        onChange: typeof noop;
+        onAdd: typeof noop;
+        onDone: typeof noop;
+        onReset: typeof noop;
+        tags: null;
+        ringPopupTarget: null;
+        dir: string;
+    };
+    static getDerivedStateFromProps<T = unknown>(nextProps: SelectProps<T>, prevState: SelectState<T>): Partial<SelectState<T>>;
+    state: SelectState<T>;
+    componentDidUpdate(prevProps: SelectProps<T>, prevState: SelectState<T>): void;
+    static contextType: React.Context<ControlsHeight>;
+    static Type: typeof Type;
+    static Size: typeof Size;
+    id: string;
+    shortcutsScope: string;
+    listId: string;
+    private _focusHandler;
+    private _blurHandler;
+    node?: HTMLElement | null;
+    nodeRef: (el: HTMLElement | null) => void;
+    _popup: SelectPopup<SelectItemData<T>> | null;
+    onEmptyPopupEnter: () => void;
+    focus: () => void;
+    private _onEnter;
+    private _onEsc;
+    _inputShortcutHandler: () => void;
+    getValueForFilter(selected: SelectItem<T> | readonly SelectItem<T>[] | null | undefined): string;
+    _getSelectedIndex(selected: SelectItem<T> | readonly SelectItem<T>[] | null | undefined, data: readonly SelectItem<T>[]): number | null;
+    popupRef: (el: SelectPopup<SelectItemData<T>> | null) => void;
+    _getResetOption(): SelectItem<T> | null;
+    _prependResetOption(shownData: SelectItem<T>[]): SelectItem<T>[];
+    private _renderPopup;
+    _showPopup(): void;
+    _hidePopup(tryFocusAnchor?: boolean): void;
+    addHandler: () => void;
+    getToolbar(): React.JSX.Element | null;
+    getTopbar(): React.ReactNode;
+    getLowerCaseLabel: typeof getLowerCaseLabel;
+    doesLabelMatch: typeof doesLabelMatch;
+    getFilterFn(): FilterFn<T>;
+    getListItems(rawFilterString: string, data?: SelectItem<T>[]): SelectItem<T>[];
+    filterValue(): string;
+    filterValue(setValue: string): void;
+    isInputMode(): boolean;
+    _clickHandler: () => void;
+    _openPopupIfClosed: () => void;
+    _filterChangeHandler: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    private _setFilter;
+    private _rebuildMultipleMap;
+    _redrawPopup: () => void;
+    _listSelectHandler: (selected: SelectItem<T>, event?: Event, opts?: SelectHandlerParams) => void;
+    _listSelectAllHandler: (isSelectAll?: boolean) => void;
+    private _onCloseAttempt;
+    clearFilter: (e?: SyntheticEvent) => void;
+    clear: (event?: Event | SyntheticEvent) => boolean;
+    _selectionIsEmpty(): boolean;
+    private _getLabel;
+    private _getPlaceholder;
+    _getSelectedString(): string | null;
+    private _getIcons;
+    private _getAvatar;
+    filter?: HTMLInputElement | null;
+    filterRef: (el: HTMLInputElement | null) => void;
+    getShortcutsMap(): {
+        enter: () => true | undefined;
+        esc: (event: KeyboardEvent) => boolean | undefined;
+        up: () => void;
+        down: () => void;
+        right: typeof noop;
+        left: typeof noop;
+        'shift+up': typeof noop;
+        'shift+down': typeof noop;
+        space: typeof noop;
+    };
+    renderSelect(activeItemId: string | undefined): React.JSX.Element;
+    render(): React.JSX.Element;
+}
+export type SingleSelectAttrs<T = unknown> = JSX.LibraryManagedAttributes<typeof Select, SingleSelectProps<T>>;
+export type MultipleSelectAttrs<T = unknown> = JSX.LibraryManagedAttributes<typeof Select, MultipleSelectProps<T>>;
+export type SelectAttrs<T = unknown> = JSX.LibraryManagedAttributes<typeof Select, SelectProps<T>>;
+export declare const RerenderableSelect: {
+    new (props: SelectProps<unknown>): {
+        _propsCache: SelectProps<unknown> & React.RefAttributes<unknown>;
+        rerender(props?: Partial<SelectProps<unknown>>, callback?: (() => void) | undefined): void;
+        node?: HTMLElement | null | undefined;
+        context: unknown;
+        setState<K extends keyof SelectState<unknown>>(state: SelectState<unknown> | ((prevState: Readonly<SelectState<unknown>>, props: Readonly<SelectProps<unknown>>) => SelectState<unknown> | Pick<SelectState<unknown>, K> | null) | Pick<SelectState<unknown>, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        render(): React.ReactNode;
+        readonly props: Readonly<SelectProps<unknown>>;
+        state: Readonly<SelectState<unknown>>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<SelectProps<unknown>>, nextState: Readonly<SelectState<unknown>>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<SelectProps<unknown>>, prevState: Readonly<SelectState<unknown>>): any;
+        componentDidUpdate?(prevProps: Readonly<SelectProps<unknown>>, prevState: Readonly<SelectState<unknown>>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<SelectProps<unknown>>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<SelectProps<unknown>>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<SelectProps<unknown>>, nextState: Readonly<SelectState<unknown>>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<SelectProps<unknown>>, nextState: Readonly<SelectState<unknown>>, nextContext: any): void;
+    };
+};
+export {};