@skbkontur/react-ui 2.17.3 → 2.17.4-source-maps.1

package/internal/CustomComboBox/ComboBoxView/ComboBoxView.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ComboBoxView.tsx"],"names":["React","findDOMNode","DropdownContainer","Input","InputLikeText","RenderLayer","Spinner","ArrowTriangleDownIcon","CommonWrapper","ComboBoxMenu","ComboBoxRequestStatus","jsStyles","ComboBoxView","input","renderAddButton","props","textValue","handleItemSelect","item","onValueChange","refInput","renderSpinner","spinnerWrapper","getRightIcon","loading","items","drawArrow","length","arrowWrapper","componentDidMount","autoFocus","onFocus","componentDidUpdate","prevProps","editing","focus","render","menuAlign","onClickOutside","onFocusOutside","onMouseEnter","onMouseLeave","onMouseOver","opened","refMenu","maxMenuHeight","renderTotalCount","renderItem","renderNotFound","repeatRequest","requestStatus","totalCount","size","width","renderInput","topOffsets","spinner","arrow","root","disablePortal","align","borderless","disabled","error","onInputBlur","onInputValueChange","onInputFocus","onInputClick","onInputKeyDown","placeholder","renderValue","value","warning","refInputLikeText","leftIcon","inputMode","rightIcon","maxLength","Component","__KONTUR_REACT_UI__","defaultProps","undefined","Unknown"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport { findDOMNode } from 'react-dom';\r\n\r\nimport { DropdownContainer } from '../DropdownContainer';\r\nimport { Input, InputIconType } from '../../components/Input';\r\nimport { InputLikeText } from '../InputLikeText';\r\nimport { Menu } from '../Menu';\r\nimport { MenuItemState } from '../../components/MenuItem';\r\nimport { RenderLayer } from '../RenderLayer';\r\nimport { Spinner } from '../../components/Spinner';\r\nimport { Nullable } from '../../typings/utility-types';\r\nimport { ArrowTriangleDownIcon } from '../icons/16px';\r\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\r\n\r\nimport { ComboBoxMenu } from './ComboBoxMenu';\r\nimport { ComboBoxRequestStatus } from './CustomComboBoxTypes';\r\nimport { jsStyles } from './CustomComboBox.styles';\r\n\r\ninterface ComboBoxViewProps<T> extends CommonProps {\r\n  align?: 'left' | 'center' | 'right';\r\n  autoFocus?: boolean;\r\n  borderless?: boolean;\r\n  disablePortal?: boolean;\r\n  disabled?: boolean;\r\n  editing?: boolean;\r\n  error?: boolean;\r\n  items?: Nullable<T[]>;\r\n  loading?: boolean;\r\n  menuAlign?: 'left' | 'right';\r\n  opened?: boolean;\r\n  drawArrow?: boolean;\r\n  placeholder?: string;\r\n  size?: 'small' | 'medium' | 'large';\r\n  textValue?: string;\r\n  totalCount?: number;\r\n  value?: Nullable<T>;\r\n  warning?: boolean;\r\n  width?: string | number;\r\n  maxLength?: number;\r\n  maxMenuHeight?: number | string;\r\n  leftIcon?: InputIconType;\r\n  inputMode?: React.HTMLAttributes<HTMLInputElement>['inputMode'];\r\n\r\n  onValueChange?: (value: T) => void;\r\n  onClickOutside?: (e: Event) => void;\r\n  onFocus?: () => void;\r\n  onFocusOutside?: () => void;\r\n  onInputBlur?: () => void;\r\n  onInputValueChange?: (value: string) => void;\r\n  onInputFocus?: () => void;\r\n  onInputClick?: () => void;\r\n  onInputKeyDown?: (e: React.KeyboardEvent) => void;\r\n  onMouseEnter?: (e: React.MouseEvent) => void;\r\n  onMouseOver?: (e: React.MouseEvent) => void;\r\n  onMouseLeave?: (e: React.MouseEvent) => void;\r\n  renderItem?: (item: T, state: MenuItemState) => React.ReactNode;\r\n  renderNotFound?: () => React.ReactNode;\r\n  renderTotalCount?: (found: number, total: number) => React.ReactNode;\r\n  renderValue?: (item: T) => React.ReactNode;\r\n  renderAddButton: (query?: string) => React.ReactNode;\r\n  repeatRequest?: () => void;\r\n  requestStatus?: ComboBoxRequestStatus;\r\n  refInput?: (input: Nullable<Input>) => void;\r\n  refMenu?: (menu: Nullable<Menu>) => void;\r\n  refInputLikeText?: (inputLikeText: Nullable<InputLikeText>) => void;\r\n}\r\n\r\nexport class ComboBoxView<T> extends React.Component<ComboBoxViewProps<T>> {\r\n  public static __KONTUR_REACT_UI__ = 'ComboBoxView';\r\n\r\n  public static defaultProps = {\r\n    renderItem: (item: any) => item,\r\n    renderValue: (item: any) => item,\r\n    renderAddButton: () => null,\r\n    repeatRequest: () => undefined,\r\n    requestStatus: ComboBoxRequestStatus.Unknown,\r\n    onClickOutside: () => {\r\n      /**/\r\n    },\r\n    onFocusOutside: () => {\r\n      /**/\r\n    },\r\n    size: 'small',\r\n    width: 250,\r\n  };\r\n\r\n  private input: Nullable<Input>;\r\n\r\n  public componentDidMount() {\r\n    if (this.props.autoFocus && this.props.onFocus) {\r\n      this.props.onFocus();\r\n    }\r\n  }\r\n\r\n  public componentDidUpdate(prevProps: ComboBoxViewProps<T>) {\r\n    const { input, props } = this;\r\n    if (props.editing && !prevProps.editing && input) {\r\n      input.focus();\r\n    }\r\n  }\r\n\r\n  public render() {\r\n    const {\r\n      items,\r\n      loading,\r\n      menuAlign,\r\n      onClickOutside,\r\n      onFocusOutside,\r\n      onMouseEnter,\r\n      onMouseLeave,\r\n      onMouseOver,\r\n      opened,\r\n      refMenu,\r\n      maxMenuHeight,\r\n      renderTotalCount,\r\n      renderItem,\r\n      renderNotFound,\r\n      repeatRequest,\r\n      requestStatus,\r\n      totalCount,\r\n      size,\r\n      width,\r\n    } = this.props;\r\n\r\n    const input = this.renderInput();\r\n\r\n    const topOffsets = {\r\n      spinner: 6,\r\n      arrow: 15,\r\n    };\r\n    if (size === 'medium') {\r\n      topOffsets.spinner += 4;\r\n      topOffsets.arrow += 4;\r\n    }\r\n    if (size === 'large') {\r\n      topOffsets.spinner += 6;\r\n      topOffsets.arrow += 6;\r\n    }\r\n\r\n    return (\r\n      <CommonWrapper {...this.props}>\r\n        <RenderLayer onClickOutside={onClickOutside} onFocusOutside={onFocusOutside} active={opened}>\r\n          <span\r\n            style={{ width }}\r\n            className={jsStyles.root()}\r\n            onMouseEnter={onMouseEnter}\r\n            onMouseLeave={onMouseLeave}\r\n            onMouseOver={onMouseOver}\r\n          >\r\n            {input}\r\n            {opened && (\r\n              <DropdownContainer\r\n                align={menuAlign}\r\n                getParent={() => findDOMNode(this)}\r\n                offsetY={1}\r\n                disablePortal={this.props.disablePortal}\r\n              >\r\n                <ComboBoxMenu\r\n                  items={items}\r\n                  loading={loading}\r\n                  maxMenuHeight={maxMenuHeight}\r\n                  onValueChange={this.handleItemSelect}\r\n                  opened={opened}\r\n                  refMenu={refMenu}\r\n                  renderTotalCount={renderTotalCount}\r\n                  renderItem={renderItem!}\r\n                  renderNotFound={renderNotFound}\r\n                  renderAddButton={this.renderAddButton}\r\n                  repeatRequest={repeatRequest}\r\n                  requestStatus={requestStatus}\r\n                  totalCount={totalCount}\r\n                />\r\n              </DropdownContainer>\r\n            )}\r\n          </span>\r\n        </RenderLayer>\r\n      </CommonWrapper>\r\n    );\r\n  }\r\n\r\n  private renderAddButton = (): React.ReactNode => {\r\n    return this.props.renderAddButton(this.props.textValue);\r\n  };\r\n\r\n  private renderInput(): React.ReactNode {\r\n    const {\r\n      align,\r\n      borderless,\r\n      disabled,\r\n      editing,\r\n      error,\r\n      onFocus,\r\n      onInputBlur,\r\n      onInputValueChange,\r\n      onInputFocus,\r\n      onInputClick,\r\n      onInputKeyDown,\r\n      placeholder,\r\n      renderValue,\r\n      size,\r\n      textValue,\r\n      value,\r\n      warning,\r\n      refInputLikeText,\r\n      leftIcon,\r\n      inputMode,\r\n    } = this.props;\r\n\r\n    const rightIcon = this.getRightIcon();\r\n\r\n    if (editing) {\r\n      return (\r\n        <Input\r\n          align={align}\r\n          borderless={borderless}\r\n          disabled={disabled}\r\n          error={error}\r\n          maxLength={this.props.maxLength}\r\n          onBlur={onInputBlur}\r\n          onValueChange={onInputValueChange}\r\n          onFocus={onInputFocus}\r\n          onClick={onInputClick}\r\n          leftIcon={leftIcon}\r\n          rightIcon={rightIcon}\r\n          value={textValue || ''}\r\n          onKeyDown={onInputKeyDown}\r\n          placeholder={placeholder}\r\n          width=\"100%\"\r\n          size={size}\r\n          ref={this.refInput}\r\n          warning={warning}\r\n          inputMode={inputMode}\r\n        />\r\n      );\r\n    }\r\n\r\n    return (\r\n      <InputLikeText\r\n        align={align}\r\n        borderless={borderless}\r\n        error={error}\r\n        onFocus={onFocus}\r\n        leftIcon={leftIcon}\r\n        rightIcon={rightIcon}\r\n        disabled={disabled}\r\n        warning={warning}\r\n        placeholder={placeholder}\r\n        size={size}\r\n        width=\"100%\"\r\n        ref={refInputLikeText}\r\n      >\r\n        {value ? renderValue!(value) : null}\r\n      </InputLikeText>\r\n    );\r\n  }\r\n\r\n  private handleItemSelect = (item: T) => {\r\n    if (this.props.onValueChange) {\r\n      this.props.onValueChange(item);\r\n    }\r\n  };\r\n\r\n  private refInput = (input: Nullable<Input>) => {\r\n    if (this.props.refInput) {\r\n      this.props.refInput(input);\r\n    }\r\n    this.input = input;\r\n  };\r\n\r\n  private renderSpinner = () => (\r\n    <span className={jsStyles.spinnerWrapper()}>\r\n      <Spinner type=\"mini\" caption=\"\" dimmed />\r\n    </span>\r\n  );\r\n\r\n  private getRightIcon = () => {\r\n    const { loading, items, drawArrow } = this.props;\r\n\r\n    if (loading && items && !!items.length) {\r\n      return this.renderSpinner();\r\n    }\r\n\r\n    if (drawArrow) {\r\n      return (\r\n        <span className={jsStyles.arrowWrapper()}>\r\n          <ArrowTriangleDownIcon />\r\n        </span>\r\n      );\r\n    }\r\n\r\n    return null;\r\n  };\r\n}\r\n"]}
+{"version":3,"sources":["ComboBoxView.tsx"],"names":["React","findDOMNode","DropdownContainer","Input","InputLikeText","RenderLayer","Spinner","ArrowTriangleDownIcon","CommonWrapper","ComboBoxMenu","ComboBoxRequestStatus","jsStyles","ComboBoxView","input","renderAddButton","props","textValue","handleItemSelect","item","onValueChange","refInput","renderSpinner","spinnerWrapper","getRightIcon","loading","items","drawArrow","length","arrowWrapper","componentDidMount","autoFocus","onFocus","componentDidUpdate","prevProps","editing","focus","render","menuAlign","onClickOutside","onFocusOutside","onMouseEnter","onMouseLeave","onMouseOver","opened","refMenu","maxMenuHeight","renderTotalCount","renderItem","renderNotFound","repeatRequest","requestStatus","totalCount","size","width","renderInput","topOffsets","spinner","arrow","root","disablePortal","align","borderless","disabled","error","onInputBlur","onInputValueChange","onInputFocus","onInputClick","onInputKeyDown","placeholder","renderValue","value","warning","refInputLikeText","leftIcon","inputMode","rightIcon","maxLength","Component","__KONTUR_REACT_UI__","defaultProps","undefined","Unknown"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { findDOMNode } from 'react-dom';\n\nimport { DropdownContainer } from '../DropdownContainer';\nimport { Input, InputIconType } from '../../components/Input';\nimport { InputLikeText } from '../InputLikeText';\nimport { Menu } from '../Menu';\nimport { MenuItemState } from '../../components/MenuItem';\nimport { RenderLayer } from '../RenderLayer';\nimport { Spinner } from '../../components/Spinner';\nimport { Nullable } from '../../typings/utility-types';\nimport { ArrowTriangleDownIcon } from '../icons/16px';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\n\nimport { ComboBoxMenu } from './ComboBoxMenu';\nimport { ComboBoxRequestStatus } from './CustomComboBoxTypes';\nimport { jsStyles } from './CustomComboBox.styles';\n\ninterface ComboBoxViewProps<T> extends CommonProps {\n  align?: 'left' | 'center' | 'right';\n  autoFocus?: boolean;\n  borderless?: boolean;\n  disablePortal?: boolean;\n  disabled?: boolean;\n  editing?: boolean;\n  error?: boolean;\n  items?: Nullable<T[]>;\n  loading?: boolean;\n  menuAlign?: 'left' | 'right';\n  opened?: boolean;\n  drawArrow?: boolean;\n  placeholder?: string;\n  size?: 'small' | 'medium' | 'large';\n  textValue?: string;\n  totalCount?: number;\n  value?: Nullable<T>;\n  warning?: boolean;\n  width?: string | number;\n  maxLength?: number;\n  maxMenuHeight?: number | string;\n  leftIcon?: InputIconType;\n  inputMode?: React.HTMLAttributes<HTMLInputElement>['inputMode'];\n\n  onValueChange?: (value: T) => void;\n  onClickOutside?: (e: Event) => void;\n  onFocus?: () => void;\n  onFocusOutside?: () => void;\n  onInputBlur?: () => void;\n  onInputValueChange?: (value: string) => void;\n  onInputFocus?: () => void;\n  onInputClick?: () => void;\n  onInputKeyDown?: (e: React.KeyboardEvent) => void;\n  onMouseEnter?: (e: React.MouseEvent) => void;\n  onMouseOver?: (e: React.MouseEvent) => void;\n  onMouseLeave?: (e: React.MouseEvent) => void;\n  renderItem?: (item: T, state: MenuItemState) => React.ReactNode;\n  renderNotFound?: () => React.ReactNode;\n  renderTotalCount?: (found: number, total: number) => React.ReactNode;\n  renderValue?: (item: T) => React.ReactNode;\n  renderAddButton: (query?: string) => React.ReactNode;\n  repeatRequest?: () => void;\n  requestStatus?: ComboBoxRequestStatus;\n  refInput?: (input: Nullable<Input>) => void;\n  refMenu?: (menu: Nullable<Menu>) => void;\n  refInputLikeText?: (inputLikeText: Nullable<InputLikeText>) => void;\n}\n\nexport class ComboBoxView<T> extends React.Component<ComboBoxViewProps<T>> {\n  public static __KONTUR_REACT_UI__ = 'ComboBoxView';\n\n  public static defaultProps = {\n    renderItem: (item: any) => item,\n    renderValue: (item: any) => item,\n    renderAddButton: () => null,\n    repeatRequest: () => undefined,\n    requestStatus: ComboBoxRequestStatus.Unknown,\n    onClickOutside: () => {\n      /**/\n    },\n    onFocusOutside: () => {\n      /**/\n    },\n    size: 'small',\n    width: 250,\n  };\n\n  private input: Nullable<Input>;\n\n  public componentDidMount() {\n    if (this.props.autoFocus && this.props.onFocus) {\n      this.props.onFocus();\n    }\n  }\n\n  public componentDidUpdate(prevProps: ComboBoxViewProps<T>) {\n    const { input, props } = this;\n    if (props.editing && !prevProps.editing && input) {\n      input.focus();\n    }\n  }\n\n  public render() {\n    const {\n      items,\n      loading,\n      menuAlign,\n      onClickOutside,\n      onFocusOutside,\n      onMouseEnter,\n      onMouseLeave,\n      onMouseOver,\n      opened,\n      refMenu,\n      maxMenuHeight,\n      renderTotalCount,\n      renderItem,\n      renderNotFound,\n      repeatRequest,\n      requestStatus,\n      totalCount,\n      size,\n      width,\n    } = this.props;\n\n    const input = this.renderInput();\n\n    const topOffsets = {\n      spinner: 6,\n      arrow: 15,\n    };\n    if (size === 'medium') {\n      topOffsets.spinner += 4;\n      topOffsets.arrow += 4;\n    }\n    if (size === 'large') {\n      topOffsets.spinner += 6;\n      topOffsets.arrow += 6;\n    }\n\n    return (\n      <CommonWrapper {...this.props}>\n        <RenderLayer onClickOutside={onClickOutside} onFocusOutside={onFocusOutside} active={opened}>\n          <span\n            style={{ width }}\n            className={jsStyles.root()}\n            onMouseEnter={onMouseEnter}\n            onMouseLeave={onMouseLeave}\n            onMouseOver={onMouseOver}\n          >\n            {input}\n            {opened && (\n              <DropdownContainer\n                align={menuAlign}\n                getParent={() => findDOMNode(this)}\n                offsetY={1}\n                disablePortal={this.props.disablePortal}\n              >\n                <ComboBoxMenu\n                  items={items}\n                  loading={loading}\n                  maxMenuHeight={maxMenuHeight}\n                  onValueChange={this.handleItemSelect}\n                  opened={opened}\n                  refMenu={refMenu}\n                  renderTotalCount={renderTotalCount}\n                  renderItem={renderItem!}\n                  renderNotFound={renderNotFound}\n                  renderAddButton={this.renderAddButton}\n                  repeatRequest={repeatRequest}\n                  requestStatus={requestStatus}\n                  totalCount={totalCount}\n                />\n              </DropdownContainer>\n            )}\n          </span>\n        </RenderLayer>\n      </CommonWrapper>\n    );\n  }\n\n  private renderAddButton = (): React.ReactNode => {\n    return this.props.renderAddButton(this.props.textValue);\n  };\n\n  private renderInput(): React.ReactNode {\n    const {\n      align,\n      borderless,\n      disabled,\n      editing,\n      error,\n      onFocus,\n      onInputBlur,\n      onInputValueChange,\n      onInputFocus,\n      onInputClick,\n      onInputKeyDown,\n      placeholder,\n      renderValue,\n      size,\n      textValue,\n      value,\n      warning,\n      refInputLikeText,\n      leftIcon,\n      inputMode,\n    } = this.props;\n\n    const rightIcon = this.getRightIcon();\n\n    if (editing) {\n      return (\n        <Input\n          align={align}\n          borderless={borderless}\n          disabled={disabled}\n          error={error}\n          maxLength={this.props.maxLength}\n          onBlur={onInputBlur}\n          onValueChange={onInputValueChange}\n          onFocus={onInputFocus}\n          onClick={onInputClick}\n          leftIcon={leftIcon}\n          rightIcon={rightIcon}\n          value={textValue || ''}\n          onKeyDown={onInputKeyDown}\n          placeholder={placeholder}\n          width=\"100%\"\n          size={size}\n          ref={this.refInput}\n          warning={warning}\n          inputMode={inputMode}\n        />\n      );\n    }\n\n    return (\n      <InputLikeText\n        align={align}\n        borderless={borderless}\n        error={error}\n        onFocus={onFocus}\n        leftIcon={leftIcon}\n        rightIcon={rightIcon}\n        disabled={disabled}\n        warning={warning}\n        placeholder={placeholder}\n        size={size}\n        width=\"100%\"\n        ref={refInputLikeText}\n      >\n        {value ? renderValue!(value) : null}\n      </InputLikeText>\n    );\n  }\n\n  private handleItemSelect = (item: T) => {\n    if (this.props.onValueChange) {\n      this.props.onValueChange(item);\n    }\n  };\n\n  private refInput = (input: Nullable<Input>) => {\n    if (this.props.refInput) {\n      this.props.refInput(input);\n    }\n    this.input = input;\n  };\n\n  private renderSpinner = () => (\n    <span className={jsStyles.spinnerWrapper()}>\n      <Spinner type=\"mini\" caption=\"\" dimmed />\n    </span>\n  );\n\n  private getRightIcon = () => {\n    const { loading, items, drawArrow } = this.props;\n\n    if (loading && items && !!items.length) {\n      return this.renderSpinner();\n    }\n\n    if (drawArrow) {\n      return (\n        <span className={jsStyles.arrowWrapper()}>\n          <ArrowTriangleDownIcon />\n        </span>\n      );\n    }\n\n    return null;\n  };\n}\n"]}

package/internal/CustomComboBox/ComboBoxView.d.ts

@@ -1,80 +1,80 @@
-import React from 'react';
-import { Input, InputIconType } from '../../components/Input';
-import { InputLikeText } from '../InputLikeText';
-import { Menu } from '../Menu';
-import { MenuItemState } from '../../components/MenuItem';
-import { Nullable } from '../../typings/utility-types';
-import { CommonProps } from '../../internal/CommonWrapper';
-import { ComboBoxRequestStatus } from './CustomComboBoxTypes';
-interface ComboBoxViewProps<T> extends CommonProps {
-    align?: 'left' | 'center' | 'right';
-    autoFocus?: boolean;
-    borderless?: boolean;
-    disablePortal?: boolean;
-    disabled?: boolean;
-    editing?: boolean;
-    error?: boolean;
-    items?: Nullable<T[]>;
-    loading?: boolean;
-    menuAlign?: 'left' | 'right';
-    opened?: boolean;
-    drawArrow?: boolean;
-    placeholder?: string;
-    size?: 'small' | 'medium' | 'large';
-    textValue?: string;
-    totalCount?: number;
-    value?: Nullable<T>;
-    warning?: boolean;
-    width?: string | number;
-    maxLength?: number;
-    maxMenuHeight?: number | string;
-    leftIcon?: InputIconType;
-    inputMode?: React.HTMLAttributes<HTMLInputElement>['inputMode'];
-    onValueChange?: (value: T) => void;
-    onClickOutside?: (e: Event) => void;
-    onFocus?: () => void;
-    onFocusOutside?: () => void;
-    onInputBlur?: () => void;
-    onInputValueChange?: (value: string) => void;
-    onInputFocus?: () => void;
-    onInputClick?: () => void;
-    onInputKeyDown?: (e: React.KeyboardEvent) => void;
-    onMouseEnter?: (e: React.MouseEvent) => void;
-    onMouseOver?: (e: React.MouseEvent) => void;
-    onMouseLeave?: (e: React.MouseEvent) => void;
-    renderItem?: (item: T, state: MenuItemState) => React.ReactNode;
-    renderNotFound?: () => React.ReactNode;
-    renderTotalCount?: (found: number, total: number) => React.ReactNode;
-    renderValue?: (item: T) => React.ReactNode;
-    renderAddButton: (query?: string) => React.ReactNode;
-    repeatRequest?: () => void;
-    requestStatus?: ComboBoxRequestStatus;
-    refInput?: (input: Nullable<Input>) => void;
-    refMenu?: (menu: Nullable<Menu>) => void;
-    refInputLikeText?: (inputLikeText: Nullable<InputLikeText>) => void;
-}
-export declare class ComboBoxView<T> extends React.Component<ComboBoxViewProps<T>> {
-    static __KONTUR_REACT_UI__: string;
-    static defaultProps: {
-        renderItem: (item: any) => any;
-        renderValue: (item: any) => any;
-        renderAddButton: () => null;
-        repeatRequest: () => undefined;
-        requestStatus: ComboBoxRequestStatus;
-        onClickOutside: () => void;
-        onFocusOutside: () => void;
-        size: string;
-        width: number;
-    };
-    private input;
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: ComboBoxViewProps<T>): void;
-    render(): JSX.Element;
-    private renderAddButton;
-    private renderInput;
-    private handleItemSelect;
-    private refInput;
-    private renderSpinner;
-    private getRightIcon;
-}
-export {};
+import React from 'react';
+import { Input, InputIconType } from '../../components/Input';
+import { InputLikeText } from '../InputLikeText';
+import { Menu } from '../Menu';
+import { MenuItemState } from '../../components/MenuItem';
+import { Nullable } from '../../typings/utility-types';
+import { CommonProps } from '../../internal/CommonWrapper';
+import { ComboBoxRequestStatus } from './CustomComboBoxTypes';
+interface ComboBoxViewProps<T> extends CommonProps {
+    align?: 'left' | 'center' | 'right';
+    autoFocus?: boolean;
+    borderless?: boolean;
+    disablePortal?: boolean;
+    disabled?: boolean;
+    editing?: boolean;
+    error?: boolean;
+    items?: Nullable<T[]>;
+    loading?: boolean;
+    menuAlign?: 'left' | 'right';
+    opened?: boolean;
+    drawArrow?: boolean;
+    placeholder?: string;
+    size?: 'small' | 'medium' | 'large';
+    textValue?: string;
+    totalCount?: number;
+    value?: Nullable<T>;
+    warning?: boolean;
+    width?: string | number;
+    maxLength?: number;
+    maxMenuHeight?: number | string;
+    leftIcon?: InputIconType;
+    inputMode?: React.HTMLAttributes<HTMLInputElement>['inputMode'];
+    onValueChange?: (value: T) => void;
+    onClickOutside?: (e: Event) => void;
+    onFocus?: () => void;
+    onFocusOutside?: () => void;
+    onInputBlur?: () => void;
+    onInputValueChange?: (value: string) => void;
+    onInputFocus?: () => void;
+    onInputClick?: () => void;
+    onInputKeyDown?: (e: React.KeyboardEvent) => void;
+    onMouseEnter?: (e: React.MouseEvent) => void;
+    onMouseOver?: (e: React.MouseEvent) => void;
+    onMouseLeave?: (e: React.MouseEvent) => void;
+    renderItem?: (item: T, state: MenuItemState) => React.ReactNode;
+    renderNotFound?: () => React.ReactNode;
+    renderTotalCount?: (found: number, total: number) => React.ReactNode;
+    renderValue?: (item: T) => React.ReactNode;
+    renderAddButton: (query?: string) => React.ReactNode;
+    repeatRequest?: () => void;
+    requestStatus?: ComboBoxRequestStatus;
+    refInput?: (input: Nullable<Input>) => void;
+    refMenu?: (menu: Nullable<Menu>) => void;
+    refInputLikeText?: (inputLikeText: Nullable<InputLikeText>) => void;
+}
+export declare class ComboBoxView<T> extends React.Component<ComboBoxViewProps<T>> {
+    static __KONTUR_REACT_UI__: string;
+    static defaultProps: {
+        renderItem: (item: any) => any;
+        renderValue: (item: any) => any;
+        renderAddButton: () => null;
+        repeatRequest: () => undefined;
+        requestStatus: ComboBoxRequestStatus;
+        onClickOutside: () => void;
+        onFocusOutside: () => void;
+        size: string;
+        width: number;
+    };
+    private input;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: ComboBoxViewProps<T>): void;
+    render(): JSX.Element;
+    private renderAddButton;
+    private renderInput;
+    private handleItemSelect;
+    private refInput;
+    private renderSpinner;
+    private getRightIcon;
+}
+export {};

package/internal/CustomComboBox/CustomComboBox/CustomComboBox.js

@@ -175,8 +175,8 @@ export var CustomComboBox = /*#__PURE__*/function (_React$PureComponent) {
   }
 
   var _proto = CustomComboBox.prototype;
-  /**
-  * @public
+  /**
+  * @public
   */
 
   _proto.search = /*#__PURE__*/function () {
@@ -293,8 +293,8 @@ export var CustomComboBox = /*#__PURE__*/function (_React$PureComponent) {
 
     return search;
   }()
-  /**
-  * @public
+  /**
+  * @public
   */
   ;
 
@@ -303,8 +303,8 @@ export var CustomComboBox = /*#__PURE__*/function (_React$PureComponent) {
       this.cancelationToken(new CancelationError());
     }
   }
-  /**
-  * @public
+  /**
+  * @public
   */
   ;
 
@@ -313,8 +313,8 @@ export var CustomComboBox = /*#__PURE__*/function (_React$PureComponent) {
       type: 'Open'
     });
   }
-  /**
-  * @public
+  /**
+  * @public
   */
   ;
 
@@ -415,8 +415,8 @@ export var CustomComboBox = /*#__PURE__*/function (_React$PureComponent) {
       prevState: prevState
     });
   }
-  /**
-  * @public
+  /**
+  * @public
   */
   ;
 

package/internal/CustomComboBox/CustomComboBox/CustomComboBox.js.map

@@ -1 +1 @@
-{"version":3,"sources":["CustomComboBox.tsx"],"names":["React","CancelationError","taskWithDelay","fixClickFocusIE","CommonWrapper","ComboBoxRequestStatus","reducer","ComboBoxView","DELAY_BEFORE_SHOW_LOADER","LOADER_SHOW_TIME","DefaultState","inputChanged","editing","items","loading","opened","focused","textValue","repeatRequest","undefined","requestStatus","Unknown","CustomComboBox","state","input","menu","inputLikeText","requestId","loaderShowDelay","cancelationToken","cancelLoaderDelay","focus","props","disabled","selectInputText","selectAll","blur","handleBlur","dispatch","action","effects","nextState","setState","stateAndEffect","Array","forEach","handleEffect","effect","getState","getProps","handleValueChange","value","type","keepFocus","handleFocus","handleClickOutside","e","close","handleInputBlur","handleInputClick","search","query","getItems","cancelPromise","Promise","_","reject","expectingId","resolve","cancelLoader","setTimeout","race","code","cancelSearch","open","render","viewProps","align","borderless","disablePortal","error","menuAlign","drawArrow","placeholder","size","totalCount","warning","width","maxLength","maxMenuHeight","leftIcon","inputMode","onValueChange","onClickOutside","onFocus","onFocusOutside","onInputBlur","onInputValueChange","onInputFocus","onInputClick","onInputKeyDown","event","persist","onMouseEnter","onMouseOver","onMouseLeave","renderItem","renderNotFound","renderValue","renderTotalCount","renderAddButton","refInput","refMenu","refInputLikeText","componentDidMount","autoFocus","componentDidUpdate","prevProps","prevState","reset","PureComponent","__KONTUR_REACT_UI__"],"mappings":"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","sourcesContent":["import React from 'react';\r\n\r\nimport { Nullable } from '../../typings/utility-types';\r\nimport { Input, InputIconType } from '../../components/Input';\r\nimport { Menu } from '../Menu';\r\nimport { InputLikeText } from '../InputLikeText';\r\nimport { MenuItemState } from '../../components/MenuItem';\r\nimport { CancelationError, taskWithDelay } from '../../lib/utils';\r\nimport { fixClickFocusIE } from '../../lib/events/fixClickFocusIE';\r\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\r\n\r\nimport { ComboBoxRequestStatus } from './CustomComboBoxTypes';\r\nimport { CustomComboBoxAction, CustomComboBoxEffect, reducer } from './CustomComboBoxReducer';\r\nimport { ComboBoxView } from './ComboBoxView';\r\n\r\nexport interface CustomComboBoxProps<T> extends CommonProps {\r\n  align?: 'left' | 'center' | 'right';\r\n  autoFocus?: boolean;\r\n  borderless?: boolean;\r\n  disablePortal?: boolean;\r\n  disabled?: boolean;\r\n  error?: boolean;\r\n  maxLength?: number;\r\n  menuAlign?: 'left' | 'right';\r\n  drawArrow?: boolean;\r\n  leftIcon?: InputIconType;\r\n  searchOnFocus?: boolean;\r\n  onValueChange?: (value: T) => void;\r\n  onInputValueChange?: (value: string) => Nullable<string> | void;\r\n  onUnexpectedInput?: (value: string) => void | null | T;\r\n  onFocus?: () => void;\r\n  onBlur?: () => void;\r\n  onMouseEnter?: (e: React.MouseEvent) => void;\r\n  onMouseOver?: (e: React.MouseEvent) => void;\r\n  onMouseLeave?: (e: React.MouseEvent) => void;\r\n  onInputKeyDown?: (e: React.KeyboardEvent<HTMLElement>) => void;\r\n  placeholder?: string;\r\n  size?: 'small' | 'medium' | 'large';\r\n  totalCount?: number;\r\n  value?: Nullable<T>;\r\n  warning?: boolean;\r\n  width?: string | number;\r\n  maxMenuHeight?: number | string;\r\n  renderNotFound?: () => React.ReactNode;\r\n  renderTotalCount?: (found: number, total: number) => React.ReactNode;\r\n  renderItem: (item: T, state?: MenuItemState) => React.ReactNode;\r\n  renderValue: (value: T) => React.ReactNode;\r\n  renderAddButton?: (query?: string) => React.ReactNode;\r\n  valueToString: (value: T) => string;\r\n  itemToValue: (item: T) => string | number;\r\n  getItems: (query: string) => Promise<T[]>;\r\n  inputMode?: React.HTMLAttributes<HTMLInputElement>['inputMode'];\r\n}\r\n\r\nexport interface CustomComboBoxState<T> {\r\n  editing: boolean;\r\n  loading: boolean;\r\n  opened: boolean;\r\n  textValue: string;\r\n  items: Nullable<T[]>;\r\n  inputChanged: boolean;\r\n  focused: boolean;\r\n  repeatRequest: () => void;\r\n  requestStatus: ComboBoxRequestStatus;\r\n}\r\n\r\nexport const DELAY_BEFORE_SHOW_LOADER = 300;\r\nexport const LOADER_SHOW_TIME = 1000;\r\n\r\nexport const DefaultState = {\r\n  inputChanged: false,\r\n  editing: false,\r\n  items: null,\r\n  loading: false,\r\n  opened: false,\r\n  focused: false,\r\n  textValue: '',\r\n  repeatRequest: () => undefined,\r\n  requestStatus: ComboBoxRequestStatus.Unknown,\r\n};\r\n\r\nexport class CustomComboBox<T> extends React.PureComponent<CustomComboBoxProps<T>, CustomComboBoxState<T>> {\r\n  public static __KONTUR_REACT_UI__ = 'CustomComboBox';\r\n\r\n  public state: CustomComboBoxState<T> = DefaultState;\r\n  public input: Nullable<Input>;\r\n  public menu: Nullable<Menu>;\r\n  public inputLikeText: Nullable<InputLikeText>;\r\n  public requestId = 0;\r\n  public loaderShowDelay: Nullable<Promise<never>>;\r\n  private focused = false;\r\n  private cancelationToken: Nullable<(reason?: Error) => void> = null;\r\n\r\n  private reducer = reducer;\r\n  public cancelLoaderDelay: () => void = () => null;\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public focus = () => {\r\n    if (this.props.disabled) {\r\n      return;\r\n    }\r\n\r\n    if (this.input) {\r\n      this.input.focus();\r\n    } else if (this.inputLikeText) {\r\n      this.inputLikeText.focus();\r\n    }\r\n  };\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public selectInputText = () => {\r\n    if (this.props.disabled) {\r\n      return;\r\n    }\r\n    if (this.input) {\r\n      this.input.selectAll();\r\n    }\r\n  };\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public blur = () => {\r\n    if (this.props.disabled) {\r\n      return;\r\n    }\r\n\r\n    this.handleBlur();\r\n  };\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public async search(query: string = this.state.textValue) {\r\n    const { getItems } = this.props;\r\n\r\n    const cancelPromise: Promise<never> = new Promise((_, reject) => (this.cancelationToken = reject));\r\n    const expectingId = (this.requestId += 1);\r\n\r\n    if (!this.loaderShowDelay) {\r\n      this.loaderShowDelay = new Promise(resolve => {\r\n        const cancelLoader = taskWithDelay(() => {\r\n          this.dispatch({ type: 'RequestItems' });\r\n          setTimeout(resolve, LOADER_SHOW_TIME);\r\n        }, DELAY_BEFORE_SHOW_LOADER);\r\n\r\n        cancelPromise.catch(() => cancelLoader());\r\n\r\n        this.cancelLoaderDelay = () => {\r\n          cancelLoader();\r\n          resolve();\r\n        };\r\n      });\r\n    }\r\n\r\n    try {\r\n      const items = await Promise.race([getItems(query), cancelPromise]);\r\n      if (this.state.loading) {\r\n        await Promise.race([this.loaderShowDelay, cancelPromise]);\r\n      }\r\n      if (expectingId === this.requestId) {\r\n        this.dispatch({\r\n          type: 'ReceiveItems',\r\n          items,\r\n        });\r\n      }\r\n    } catch (error) {\r\n      if (error && error.code === 'CancelationError') {\r\n        this.dispatch({ type: 'CancelRequest' });\r\n      } else if (expectingId === this.requestId) {\r\n        this.dispatch({\r\n          type: 'RequestFailure',\r\n          repeatRequest: () => {\r\n            this.search(query);\r\n            if (this.input) {\r\n              this.input.focus();\r\n            }\r\n          },\r\n        });\r\n      }\r\n    } finally {\r\n      if (expectingId === this.requestId) {\r\n        if (!this.state.loading) {\r\n          this.cancelLoaderDelay();\r\n        }\r\n        this.cancelationToken = null;\r\n        this.loaderShowDelay = null;\r\n      }\r\n    }\r\n  }\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public cancelSearch() {\r\n    if (this.cancelationToken) {\r\n      this.cancelationToken(new CancelationError());\r\n    }\r\n  }\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public open() {\r\n    this.dispatch({ type: 'Open' });\r\n  }\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public close() {\r\n    this.dispatch({ type: 'Close' });\r\n  }\r\n\r\n  public render() {\r\n    const viewProps = {\r\n      align: this.props.align,\r\n      borderless: this.props.borderless,\r\n      disabled: this.props.disabled,\r\n      disablePortal: this.props.disablePortal,\r\n      editing: this.state.editing,\r\n      error: this.props.error,\r\n      items: this.state.items,\r\n      loading: this.state.loading,\r\n      menuAlign: this.props.menuAlign,\r\n      opened: this.state.opened,\r\n      drawArrow: this.props.drawArrow,\r\n      placeholder: this.props.placeholder,\r\n      size: this.props.size,\r\n      textValue: this.state.textValue,\r\n      totalCount: this.props.totalCount,\r\n      value: this.props.value,\r\n      warning: this.props.warning,\r\n      width: this.props.width,\r\n      maxLength: this.props.maxLength,\r\n      maxMenuHeight: this.props.maxMenuHeight,\r\n      leftIcon: this.props.leftIcon,\r\n      inputMode: this.props.inputMode,\r\n\r\n      onValueChange: this.handleValueChange,\r\n      onClickOutside: this.handleClickOutside,\r\n      onFocus: this.handleFocus,\r\n      onFocusOutside: this.handleBlur,\r\n      onInputBlur: this.handleInputBlur,\r\n      onInputValueChange: (value: string) => this.dispatch({ type: 'TextChange', value }),\r\n      onInputFocus: this.handleFocus,\r\n      onInputClick: this.handleInputClick,\r\n      onInputKeyDown: (event: React.KeyboardEvent) => {\r\n        event.persist();\r\n        this.dispatch({ type: 'KeyPress', event });\r\n      },\r\n      onMouseEnter: this.props.onMouseEnter,\r\n      onMouseOver: this.props.onMouseOver,\r\n      onMouseLeave: this.props.onMouseLeave,\r\n      renderItem: this.props.renderItem,\r\n      renderNotFound: this.props.renderNotFound,\r\n      renderValue: this.props.renderValue,\r\n      renderTotalCount: this.props.renderTotalCount,\r\n      renderAddButton: this.props.renderAddButton,\r\n      repeatRequest: this.state.repeatRequest,\r\n      requestStatus: this.state.requestStatus,\r\n\r\n      refInput: (input: Nullable<Input>) => {\r\n        this.input = input;\r\n      },\r\n      refMenu: (menu: Nullable<Menu>) => {\r\n        this.menu = menu;\r\n      },\r\n      refInputLikeText: (inputLikeText: Nullable<InputLikeText>) => {\r\n        this.inputLikeText = inputLikeText;\r\n      },\r\n    };\r\n\r\n    return (\r\n      <CommonWrapper {...this.props}>\r\n        <ComboBoxView {...viewProps} />\r\n      </CommonWrapper>\r\n    );\r\n  }\r\n\r\n  public componentDidMount() {\r\n    this.dispatch({ type: 'Mount' });\r\n    if (this.props.autoFocus) {\r\n      this.focus();\r\n    }\r\n  }\r\n\r\n  public componentDidUpdate(prevProps: CustomComboBoxProps<T>, prevState: CustomComboBoxState<T>) {\r\n    if (prevState.editing && !this.state.editing) {\r\n      this.handleBlur();\r\n    }\r\n    this.dispatch({ type: 'DidUpdate', prevProps, prevState });\r\n  }\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public reset() {\r\n    this.dispatch({ type: 'Reset' });\r\n  }\r\n\r\n  private dispatch = (action: CustomComboBoxAction<T>) => {\r\n    let effects: Array<CustomComboBoxEffect<T>>;\r\n    let nextState: Pick<CustomComboBoxState<T>, never>;\r\n\r\n    this.setState(\r\n      state => {\r\n        const stateAndEffect = this.reducer(state, this.props, action);\r\n\r\n        [nextState, effects] = stateAndEffect instanceof Array ? stateAndEffect : [stateAndEffect, []];\r\n\r\n        return nextState;\r\n      },\r\n      () => {\r\n        effects.forEach(this.handleEffect);\r\n      },\r\n    );\r\n  };\r\n\r\n  private handleEffect = (effect: CustomComboBoxEffect<T>) => {\r\n    effect(this.dispatch, this.getState, this.getProps, () => this);\r\n  };\r\n\r\n  private getProps = () => this.props;\r\n\r\n  private getState = () => this.state;\r\n\r\n  private handleValueChange = (value: T) => {\r\n    this.dispatch({\r\n      type: 'ValueChange',\r\n      value,\r\n      keepFocus: true,\r\n    });\r\n  };\r\n\r\n  private handleFocus = () => {\r\n    if (this.focused) {\r\n      return;\r\n    }\r\n    this.focused = true;\r\n    this.dispatch({ type: 'Focus' });\r\n  };\r\n\r\n  private handleClickOutside = (e: Event) => {\r\n    fixClickFocusIE(e);\r\n    this.handleBlur();\r\n  };\r\n\r\n  private handleBlur = () => {\r\n    if (!this.focused) {\r\n      if (this.state.opened) {\r\n        this.close();\r\n      }\r\n      return;\r\n    }\r\n    this.focused = false;\r\n    this.dispatch({ type: 'Blur' });\r\n  };\r\n\r\n  private handleInputBlur = () => {\r\n    // If menu opened, RenderLayer is active and\r\n    // it would call handleFocusOutside\r\n    // In that way handleBlur would be called\r\n    if (this.state.opened) {\r\n      return;\r\n    }\r\n    this.handleBlur();\r\n  };\r\n\r\n  private handleInputClick = () => {\r\n    if (!this.cancelationToken) {\r\n      this.dispatch({ type: 'InputClick' });\r\n    }\r\n  };\r\n}\r\n"]}
+{"version":3,"sources":["CustomComboBox.tsx"],"names":["React","CancelationError","taskWithDelay","fixClickFocusIE","CommonWrapper","ComboBoxRequestStatus","reducer","ComboBoxView","DELAY_BEFORE_SHOW_LOADER","LOADER_SHOW_TIME","DefaultState","inputChanged","editing","items","loading","opened","focused","textValue","repeatRequest","undefined","requestStatus","Unknown","CustomComboBox","state","input","menu","inputLikeText","requestId","loaderShowDelay","cancelationToken","cancelLoaderDelay","focus","props","disabled","selectInputText","selectAll","blur","handleBlur","dispatch","action","effects","nextState","setState","stateAndEffect","Array","forEach","handleEffect","effect","getState","getProps","handleValueChange","value","type","keepFocus","handleFocus","handleClickOutside","e","close","handleInputBlur","handleInputClick","search","query","getItems","cancelPromise","Promise","_","reject","expectingId","resolve","cancelLoader","setTimeout","race","code","cancelSearch","open","render","viewProps","align","borderless","disablePortal","error","menuAlign","drawArrow","placeholder","size","totalCount","warning","width","maxLength","maxMenuHeight","leftIcon","inputMode","onValueChange","onClickOutside","onFocus","onFocusOutside","onInputBlur","onInputValueChange","onInputFocus","onInputClick","onInputKeyDown","event","persist","onMouseEnter","onMouseOver","onMouseLeave","renderItem","renderNotFound","renderValue","renderTotalCount","renderAddButton","refInput","refMenu","refInputLikeText","componentDidMount","autoFocus","componentDidUpdate","prevProps","prevState","reset","PureComponent","__KONTUR_REACT_UI__"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { Nullable } from '../../typings/utility-types';\nimport { Input, InputIconType } from '../../components/Input';\nimport { Menu } from '../Menu';\nimport { InputLikeText } from '../InputLikeText';\nimport { MenuItemState } from '../../components/MenuItem';\nimport { CancelationError, taskWithDelay } from '../../lib/utils';\nimport { fixClickFocusIE } from '../../lib/events/fixClickFocusIE';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\n\nimport { ComboBoxRequestStatus } from './CustomComboBoxTypes';\nimport { CustomComboBoxAction, CustomComboBoxEffect, reducer } from './CustomComboBoxReducer';\nimport { ComboBoxView } from './ComboBoxView';\n\nexport interface CustomComboBoxProps<T> extends CommonProps {\n  align?: 'left' | 'center' | 'right';\n  autoFocus?: boolean;\n  borderless?: boolean;\n  disablePortal?: boolean;\n  disabled?: boolean;\n  error?: boolean;\n  maxLength?: number;\n  menuAlign?: 'left' | 'right';\n  drawArrow?: boolean;\n  leftIcon?: InputIconType;\n  searchOnFocus?: boolean;\n  onValueChange?: (value: T) => void;\n  onInputValueChange?: (value: string) => Nullable<string> | void;\n  onUnexpectedInput?: (value: string) => void | null | T;\n  onFocus?: () => void;\n  onBlur?: () => void;\n  onMouseEnter?: (e: React.MouseEvent) => void;\n  onMouseOver?: (e: React.MouseEvent) => void;\n  onMouseLeave?: (e: React.MouseEvent) => void;\n  onInputKeyDown?: (e: React.KeyboardEvent<HTMLElement>) => void;\n  placeholder?: string;\n  size?: 'small' | 'medium' | 'large';\n  totalCount?: number;\n  value?: Nullable<T>;\n  warning?: boolean;\n  width?: string | number;\n  maxMenuHeight?: number | string;\n  renderNotFound?: () => React.ReactNode;\n  renderTotalCount?: (found: number, total: number) => React.ReactNode;\n  renderItem: (item: T, state?: MenuItemState) => React.ReactNode;\n  renderValue: (value: T) => React.ReactNode;\n  renderAddButton?: (query?: string) => React.ReactNode;\n  valueToString: (value: T) => string;\n  itemToValue: (item: T) => string | number;\n  getItems: (query: string) => Promise<T[]>;\n  inputMode?: React.HTMLAttributes<HTMLInputElement>['inputMode'];\n}\n\nexport interface CustomComboBoxState<T> {\n  editing: boolean;\n  loading: boolean;\n  opened: boolean;\n  textValue: string;\n  items: Nullable<T[]>;\n  inputChanged: boolean;\n  focused: boolean;\n  repeatRequest: () => void;\n  requestStatus: ComboBoxRequestStatus;\n}\n\nexport const DELAY_BEFORE_SHOW_LOADER = 300;\nexport const LOADER_SHOW_TIME = 1000;\n\nexport const DefaultState = {\n  inputChanged: false,\n  editing: false,\n  items: null,\n  loading: false,\n  opened: false,\n  focused: false,\n  textValue: '',\n  repeatRequest: () => undefined,\n  requestStatus: ComboBoxRequestStatus.Unknown,\n};\n\nexport class CustomComboBox<T> extends React.PureComponent<CustomComboBoxProps<T>, CustomComboBoxState<T>> {\n  public static __KONTUR_REACT_UI__ = 'CustomComboBox';\n\n  public state: CustomComboBoxState<T> = DefaultState;\n  public input: Nullable<Input>;\n  public menu: Nullable<Menu>;\n  public inputLikeText: Nullable<InputLikeText>;\n  public requestId = 0;\n  public loaderShowDelay: Nullable<Promise<never>>;\n  private focused = false;\n  private cancelationToken: Nullable<(reason?: Error) => void> = null;\n\n  private reducer = reducer;\n  public cancelLoaderDelay: () => void = () => null;\n\n  /**\n   * @public\n   */\n  public focus = () => {\n    if (this.props.disabled) {\n      return;\n    }\n\n    if (this.input) {\n      this.input.focus();\n    } else if (this.inputLikeText) {\n      this.inputLikeText.focus();\n    }\n  };\n\n  /**\n   * @public\n   */\n  public selectInputText = () => {\n    if (this.props.disabled) {\n      return;\n    }\n    if (this.input) {\n      this.input.selectAll();\n    }\n  };\n\n  /**\n   * @public\n   */\n  public blur = () => {\n    if (this.props.disabled) {\n      return;\n    }\n\n    this.handleBlur();\n  };\n\n  /**\n   * @public\n   */\n  public async search(query: string = this.state.textValue) {\n    const { getItems } = this.props;\n\n    const cancelPromise: Promise<never> = new Promise((_, reject) => (this.cancelationToken = reject));\n    const expectingId = (this.requestId += 1);\n\n    if (!this.loaderShowDelay) {\n      this.loaderShowDelay = new Promise(resolve => {\n        const cancelLoader = taskWithDelay(() => {\n          this.dispatch({ type: 'RequestItems' });\n          setTimeout(resolve, LOADER_SHOW_TIME);\n        }, DELAY_BEFORE_SHOW_LOADER);\n\n        cancelPromise.catch(() => cancelLoader());\n\n        this.cancelLoaderDelay = () => {\n          cancelLoader();\n          resolve();\n        };\n      });\n    }\n\n    try {\n      const items = await Promise.race([getItems(query), cancelPromise]);\n      if (this.state.loading) {\n        await Promise.race([this.loaderShowDelay, cancelPromise]);\n      }\n      if (expectingId === this.requestId) {\n        this.dispatch({\n          type: 'ReceiveItems',\n          items,\n        });\n      }\n    } catch (error) {\n      if (error && error.code === 'CancelationError') {\n        this.dispatch({ type: 'CancelRequest' });\n      } else if (expectingId === this.requestId) {\n        this.dispatch({\n          type: 'RequestFailure',\n          repeatRequest: () => {\n            this.search(query);\n            if (this.input) {\n              this.input.focus();\n            }\n          },\n        });\n      }\n    } finally {\n      if (expectingId === this.requestId) {\n        if (!this.state.loading) {\n          this.cancelLoaderDelay();\n        }\n        this.cancelationToken = null;\n        this.loaderShowDelay = null;\n      }\n    }\n  }\n\n  /**\n   * @public\n   */\n  public cancelSearch() {\n    if (this.cancelationToken) {\n      this.cancelationToken(new CancelationError());\n    }\n  }\n\n  /**\n   * @public\n   */\n  public open() {\n    this.dispatch({ type: 'Open' });\n  }\n\n  /**\n   * @public\n   */\n  public close() {\n    this.dispatch({ type: 'Close' });\n  }\n\n  public render() {\n    const viewProps = {\n      align: this.props.align,\n      borderless: this.props.borderless,\n      disabled: this.props.disabled,\n      disablePortal: this.props.disablePortal,\n      editing: this.state.editing,\n      error: this.props.error,\n      items: this.state.items,\n      loading: this.state.loading,\n      menuAlign: this.props.menuAlign,\n      opened: this.state.opened,\n      drawArrow: this.props.drawArrow,\n      placeholder: this.props.placeholder,\n      size: this.props.size,\n      textValue: this.state.textValue,\n      totalCount: this.props.totalCount,\n      value: this.props.value,\n      warning: this.props.warning,\n      width: this.props.width,\n      maxLength: this.props.maxLength,\n      maxMenuHeight: this.props.maxMenuHeight,\n      leftIcon: this.props.leftIcon,\n      inputMode: this.props.inputMode,\n\n      onValueChange: this.handleValueChange,\n      onClickOutside: this.handleClickOutside,\n      onFocus: this.handleFocus,\n      onFocusOutside: this.handleBlur,\n      onInputBlur: this.handleInputBlur,\n      onInputValueChange: (value: string) => this.dispatch({ type: 'TextChange', value }),\n      onInputFocus: this.handleFocus,\n      onInputClick: this.handleInputClick,\n      onInputKeyDown: (event: React.KeyboardEvent) => {\n        event.persist();\n        this.dispatch({ type: 'KeyPress', event });\n      },\n      onMouseEnter: this.props.onMouseEnter,\n      onMouseOver: this.props.onMouseOver,\n      onMouseLeave: this.props.onMouseLeave,\n      renderItem: this.props.renderItem,\n      renderNotFound: this.props.renderNotFound,\n      renderValue: this.props.renderValue,\n      renderTotalCount: this.props.renderTotalCount,\n      renderAddButton: this.props.renderAddButton,\n      repeatRequest: this.state.repeatRequest,\n      requestStatus: this.state.requestStatus,\n\n      refInput: (input: Nullable<Input>) => {\n        this.input = input;\n      },\n      refMenu: (menu: Nullable<Menu>) => {\n        this.menu = menu;\n      },\n      refInputLikeText: (inputLikeText: Nullable<InputLikeText>) => {\n        this.inputLikeText = inputLikeText;\n      },\n    };\n\n    return (\n      <CommonWrapper {...this.props}>\n        <ComboBoxView {...viewProps} />\n      </CommonWrapper>\n    );\n  }\n\n  public componentDidMount() {\n    this.dispatch({ type: 'Mount' });\n    if (this.props.autoFocus) {\n      this.focus();\n    }\n  }\n\n  public componentDidUpdate(prevProps: CustomComboBoxProps<T>, prevState: CustomComboBoxState<T>) {\n    if (prevState.editing && !this.state.editing) {\n      this.handleBlur();\n    }\n    this.dispatch({ type: 'DidUpdate', prevProps, prevState });\n  }\n\n  /**\n   * @public\n   */\n  public reset() {\n    this.dispatch({ type: 'Reset' });\n  }\n\n  private dispatch = (action: CustomComboBoxAction<T>) => {\n    let effects: Array<CustomComboBoxEffect<T>>;\n    let nextState: Pick<CustomComboBoxState<T>, never>;\n\n    this.setState(\n      state => {\n        const stateAndEffect = this.reducer(state, this.props, action);\n\n        [nextState, effects] = stateAndEffect instanceof Array ? stateAndEffect : [stateAndEffect, []];\n\n        return nextState;\n      },\n      () => {\n        effects.forEach(this.handleEffect);\n      },\n    );\n  };\n\n  private handleEffect = (effect: CustomComboBoxEffect<T>) => {\n    effect(this.dispatch, this.getState, this.getProps, () => this);\n  };\n\n  private getProps = () => this.props;\n\n  private getState = () => this.state;\n\n  private handleValueChange = (value: T) => {\n    this.dispatch({\n      type: 'ValueChange',\n      value,\n      keepFocus: true,\n    });\n  };\n\n  private handleFocus = () => {\n    if (this.focused) {\n      return;\n    }\n    this.focused = true;\n    this.dispatch({ type: 'Focus' });\n  };\n\n  private handleClickOutside = (e: Event) => {\n    fixClickFocusIE(e);\n    this.handleBlur();\n  };\n\n  private handleBlur = () => {\n    if (!this.focused) {\n      if (this.state.opened) {\n        this.close();\n      }\n      return;\n    }\n    this.focused = false;\n    this.dispatch({ type: 'Blur' });\n  };\n\n  private handleInputBlur = () => {\n    // If menu opened, RenderLayer is active and\n    // it would call handleFocusOutside\n    // In that way handleBlur would be called\n    if (this.state.opened) {\n      return;\n    }\n    this.handleBlur();\n  };\n\n  private handleInputClick = () => {\n    if (!this.cancelationToken) {\n      this.dispatch({ type: 'InputClick' });\n    }\n  };\n}\n"]}