@skbkontur/react-ui 6.0.2-19ca1.0 → 6.0.3

package/internal/CustomComboBox/ComboBoxMenu.js

@@ -20,16 +20,16 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import React from 'react';
-import { isFunction, isNullable } from '../../lib/utils.js';
-import { locale } from '../../lib/locale/decorators.js';
-import { Menu, MenuDataTids } from '../Menu/index.js';
-import { isMenuItem, MenuItem } from '../../components/MenuItem/index.js';
-import { Spinner } from '../../components/Spinner/index.js';
+import { MenuFooter } from '../../components/MenuFooter/index.js';
+import { MenuItem, isMenuItem } from '../../components/MenuItem/index.js';
 import { MenuSeparator } from '../../components/MenuSeparator/index.js';
+import { Spinner } from '../../components/Spinner/index.js';
 import { createPropsGetter } from '../../lib/createPropsGetter.js';
-import { MenuMessage } from '../MenuMessage/index.js';
+import { locale } from '../../lib/locale/decorators.js';
 import { ThemeContext } from '../../lib/theming/ThemeContext.js';
-import { MenuFooter } from '../../components/MenuFooter/index.js';
+import { isFunction, isNullable } from '../../lib/utils.js';
+import { Menu, MenuDataTids } from '../Menu/index.js';
+import { MenuMessage } from '../MenuMessage/index.js';
 import { ComboBoxRequestStatus } from './CustomComboBoxTypes.js';
 import { CustomComboBoxLocaleHelper } from './locale/index.js';
 export var ComboBoxMenuDataTids = {

package/internal/CustomComboBox/ComboBoxMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboBoxMenu.js","sourceRoot":"","sources":["../../../internal/CustomComboBox/ComboBoxMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { isFunction, isNullable } from '../../lib/utils.js';\nimport { locale } from '../../lib/locale/decorators.js';\nimport { Menu, MenuDataTids } from '../Menu/index.js';\nimport type { MenuItemState } from '../../components/MenuItem/index.js';\nimport { isMenuItem, MenuItem } from '../../components/MenuItem/index.js';\nimport { Spinner } from '../../components/Spinner/index.js';\nimport type { Nullable } from '../../typings/utility-types.js';\nimport { MenuSeparator } from '../../components/MenuSeparator/index.js';\nimport { createPropsGetter } from '../../lib/createPropsGetter.js';\nimport { MenuMessage } from '../MenuMessage/index.js';\nimport type { ComboBoxExtendedItem } from '../../components/ComboBox/index.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport { MenuFooter } from '../../components/MenuFooter/index.js';\nimport type { SizeProp } from '../../lib/types/props.js';\n\nimport { ComboBoxRequestStatus } from './CustomComboBoxTypes.js';\nimport type { ComboBoxLocale } from './locale/index.js';\nimport { CustomComboBoxLocaleHelper } from './locale/index.js';\n\nexport interface ComboBoxMenuProps<T> {\n  opened?: boolean;\n  items?: Nullable<Array<ComboBoxExtendedItem<T>>>;\n  totalCount?: number;\n  loading?: boolean;\n  hasMargin?: boolean;\n  maxMenuHeight?: number | string;\n  refMenu?: (menu: Nullable<Menu>) => void;\n  renderNotFound?: () => React.ReactNode;\n  renderTotalCount?: (found: number, total: number) => React.ReactNode;\n  renderItem: (item: T, state: MenuItemState) => React.ReactNode;\n  itemWrapper?: (item: T) => React.ComponentType;\n  onValueChange: (value: T) => any;\n  renderAddButton?: () => React.ReactNode;\n  caption?: React.ReactNode;\n  repeatRequest?: () => void;\n  requestStatus?: ComboBoxRequestStatus;\n  isMobile?: boolean;\n  menuId?: string;\n  size?: SizeProp;\n}\n\nexport const ComboBoxMenuDataTids = {\n  loading: 'ComboBoxMenu__loading',\n  failed: 'ComboBoxMenu__failed',\n  notFound: 'ComboBoxMenu__notFound',\n  items: 'ComboBoxMenu__items',\n  item: 'ComboBoxMenu__item',\n} as const;\n\ntype DefaultProps<T> = Required<Pick<ComboBoxMenuProps<T>, 'repeatRequest' | 'requestStatus'>>;\n\n@locale('ComboBox', CustomComboBoxLocaleHelper)\nexport class ComboBoxMenu<T> extends React.Component<ComboBoxMenuProps<T>> {\n  public static __KONTUR_REACT_UI__ = 'ComboBoxMenu';\n  public static displayName = 'ComboBoxMenu';\n\n  public static defaultProps: DefaultProps<unknown> = {\n    repeatRequest: () => undefined,\n    requestStatus: ComboBoxRequestStatus.Unknown,\n  };\n\n  private getProps = createPropsGetter(ComboBoxMenu.defaultProps);\n\n  private readonly locale!: ComboBoxLocale;\n\n  private theme!: Theme;\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return <ThemeContext.Provider value={this.theme}>{this.renderMain()}</ThemeContext.Provider>;\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public renderMain() {\n    const {\n      opened,\n      items,\n      totalCount,\n      loading,\n      refMenu,\n      renderNotFound = () => notFound,\n      renderTotalCount,\n      maxMenuHeight,\n      isMobile,\n    } = this.props;\n\n    const requestStatus = this.getProps().requestStatus;\n\n    const { notFound, errorNetworkButton, errorNetworkMessage } = this.locale;\n\n    if (!opened) {\n      return null;\n    }\n\n    let renderAddButton = null;\n    if (this.props.renderAddButton) {\n      renderAddButton = this.props.renderAddButton();\n    }\n\n    const maxHeight = isMobile ? 'auto' : maxMenuHeight;\n\n    if (loading && (!items || !items.length)) {\n      return (\n        <Menu\n          maxHeight={maxHeight}\n          ref={refMenu}\n          hasMargin={this.props.hasMargin}\n          disableScrollContainer={isMobile}\n          id={this.props.menuId}\n          data-tid={`${ComboBoxMenuDataTids.loading} ${MenuDataTids.root}`}\n        >\n          <MenuMessage size={this.props.size} as=\"div\">\n            <Spinner type=\"mini\" dimmed />\n          </MenuMessage>\n        </Menu>\n      );\n    }\n\n    if (items === null && requestStatus === ComboBoxRequestStatus.Failed) {\n      return (\n        <Menu\n          ref={refMenu}\n          maxHeight={maxHeight}\n          hasMargin={this.props.hasMargin}\n          disableScrollContainer={isMobile}\n          id={this.props.menuId}\n          data-tid={`${ComboBoxMenuDataTids.failed} ${MenuDataTids.root}`}\n        >\n          <MenuMessage size={this.props.size} key=\"message\">\n            <div style={{ maxWidth: 300, whiteSpace: 'normal' }}>{errorNetworkMessage}</div>\n          </MenuMessage>\n          <MenuItem onClick={this.getProps().repeatRequest} size={this.props.size} key=\"retry\" isMobile={isMobile}>\n            {errorNetworkButton}\n          </MenuItem>\n        </Menu>\n      );\n    }\n\n    if ((isNullable(items) || items.length === 0) && renderNotFound) {\n      const notFoundValue = renderNotFound();\n      if (renderAddButton) {\n        return (\n          <Menu\n            id={this.props.menuId}\n            hasMargin={this.props.hasMargin}\n            maxHeight={maxHeight}\n            ref={refMenu}\n            disableScrollContainer={isMobile}\n          >\n            {renderAddButton}\n          </Menu>\n        );\n      }\n\n      if (notFoundValue) {\n        return (\n          <Menu\n            id={this.props.menuId}\n            hasMargin={this.props.hasMargin}\n            maxHeight={maxHeight}\n            ref={refMenu}\n            disableScrollContainer={isMobile}\n          >\n            <MenuMessage size={this.props.size} data-tid={ComboBoxMenuDataTids.notFound}>\n              {notFoundValue}\n            </MenuMessage>\n          </Menu>\n        );\n      }\n\n      return null;\n    }\n\n    let total = null;\n    const renderedItems = items && items.map(this.renderItem);\n    const menuItems = renderedItems?.filter((item) => {\n      return isMenuItem(item);\n    });\n    const countItems = menuItems?.length;\n    if (countItems && renderTotalCount && totalCount && countItems < totalCount) {\n      total = (\n        <MenuFooter size={this.props.size} key=\"total\">\n          <div>{renderTotalCount(countItems, totalCount)}</div>\n        </MenuFooter>\n      );\n    }\n\n    return (\n      <Menu\n        id={this.props.menuId}\n        data-tid={`${ComboBoxMenuDataTids.items} ${MenuDataTids.root}`}\n        ref={refMenu}\n        maxHeight={maxHeight}\n        hasMargin={this.props.hasMargin}\n        disableScrollContainer={isMobile}\n      >\n        {renderedItems}\n        {total}\n        {renderAddButton && [<MenuSeparator key=\"separator\" />, renderAddButton]}\n      </Menu>\n    );\n  }\n\n  private renderItem = (item: ComboBoxExtendedItem<T>, index: number): React.ReactNode => {\n    // NOTE this is undesireable feature, better\n    // to remove it from further versions\n    const { renderItem, onValueChange, itemWrapper } = this.props;\n\n    if (!isSimpleItem<T>(item)) {\n      const element = isFunction(item) ? item() : item;\n      const props = Object.assign(\n        {\n          key: index,\n          onClick: () => onValueChange(element.props),\n        },\n        element.props,\n      );\n      return React.cloneElement(element, props);\n    }\n\n    return (\n      <MenuItem\n        component={itemWrapper?.(item)}\n        data-tid={ComboBoxMenuDataTids.item}\n        onClick={() => onValueChange(item)}\n        key={index}\n        size={this.props.size}\n        isMobile={this.props.isMobile}\n      >\n        {(state) => renderItem(item, state)}\n      </MenuItem>\n    );\n  };\n}\n\nfunction isSimpleItem<T>(item: ComboBoxExtendedItem<T>): item is T {\n  return !isFunction(item) && !React.isValidElement(item);\n}\n"]}
+{"version":3,"file":"ComboBoxMenu.js","sourceRoot":"","sources":["../../../internal/CustomComboBox/ComboBoxMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport type { ComboBoxExtendedItem } from '../../components/ComboBox/index.js';\nimport { MenuFooter } from '../../components/MenuFooter/index.js';\nimport { MenuItem, isMenuItem } from '../../components/MenuItem/index.js';\nimport type { MenuItemState } from '../../components/MenuItem/index.js';\nimport { MenuSeparator } from '../../components/MenuSeparator/index.js';\nimport { Spinner } from '../../components/Spinner/index.js';\nimport { createPropsGetter } from '../../lib/createPropsGetter.js';\nimport { locale } from '../../lib/locale/decorators.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport type { SizeProp } from '../../lib/types/props.js';\nimport { isFunction, isNullable } from '../../lib/utils.js';\nimport type { Nullable } from '../../typings/utility-types.js';\nimport { Menu, MenuDataTids } from '../Menu/index.js';\nimport { MenuMessage } from '../MenuMessage/index.js';\nimport { ComboBoxRequestStatus } from './CustomComboBoxTypes.js';\nimport type { ComboBoxLocale } from './locale/index.js';\nimport { CustomComboBoxLocaleHelper } from './locale/index.js';\n\nexport interface ComboBoxMenuProps<T> {\n  opened?: boolean;\n  items?: Nullable<Array<ComboBoxExtendedItem<T>>>;\n  totalCount?: number;\n  loading?: boolean;\n  hasMargin?: boolean;\n  maxMenuHeight?: number | string;\n  refMenu?: (menu: Nullable<Menu>) => void;\n  renderNotFound?: () => React.ReactNode;\n  renderTotalCount?: (found: number, total: number) => React.ReactNode;\n  renderItem: (item: T, state: MenuItemState) => React.ReactNode;\n  itemWrapper?: (item: T) => React.ComponentType;\n  onValueChange: (value: T) => any;\n  renderAddButton?: () => React.ReactNode;\n  caption?: React.ReactNode;\n  repeatRequest?: () => void;\n  requestStatus?: ComboBoxRequestStatus;\n  isMobile?: boolean;\n  menuId?: string;\n  size?: SizeProp;\n}\n\nexport const ComboBoxMenuDataTids = {\n  loading: 'ComboBoxMenu__loading',\n  failed: 'ComboBoxMenu__failed',\n  notFound: 'ComboBoxMenu__notFound',\n  items: 'ComboBoxMenu__items',\n  item: 'ComboBoxMenu__item',\n} as const;\n\ntype DefaultProps<T> = Required<Pick<ComboBoxMenuProps<T>, 'repeatRequest' | 'requestStatus'>>;\n\n@locale('ComboBox', CustomComboBoxLocaleHelper)\nexport class ComboBoxMenu<T> extends React.Component<ComboBoxMenuProps<T>> {\n  public static __KONTUR_REACT_UI__ = 'ComboBoxMenu';\n  public static displayName = 'ComboBoxMenu';\n\n  public static defaultProps: DefaultProps<unknown> = {\n    repeatRequest: () => undefined,\n    requestStatus: ComboBoxRequestStatus.Unknown,\n  };\n\n  private getProps = createPropsGetter(ComboBoxMenu.defaultProps);\n\n  private readonly locale!: ComboBoxLocale;\n\n  private theme!: Theme;\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return <ThemeContext.Provider value={this.theme}>{this.renderMain()}</ThemeContext.Provider>;\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public renderMain() {\n    const {\n      opened,\n      items,\n      totalCount,\n      loading,\n      refMenu,\n      renderNotFound = () => notFound,\n      renderTotalCount,\n      maxMenuHeight,\n      isMobile,\n    } = this.props;\n\n    const requestStatus = this.getProps().requestStatus;\n\n    const { notFound, errorNetworkButton, errorNetworkMessage } = this.locale;\n\n    if (!opened) {\n      return null;\n    }\n\n    let renderAddButton = null;\n    if (this.props.renderAddButton) {\n      renderAddButton = this.props.renderAddButton();\n    }\n\n    const maxHeight = isMobile ? 'auto' : maxMenuHeight;\n\n    if (loading && (!items || !items.length)) {\n      return (\n        <Menu\n          maxHeight={maxHeight}\n          ref={refMenu}\n          hasMargin={this.props.hasMargin}\n          disableScrollContainer={isMobile}\n          id={this.props.menuId}\n          data-tid={`${ComboBoxMenuDataTids.loading} ${MenuDataTids.root}`}\n        >\n          <MenuMessage size={this.props.size} as=\"div\">\n            <Spinner type=\"mini\" dimmed />\n          </MenuMessage>\n        </Menu>\n      );\n    }\n\n    if (items === null && requestStatus === ComboBoxRequestStatus.Failed) {\n      return (\n        <Menu\n          ref={refMenu}\n          maxHeight={maxHeight}\n          hasMargin={this.props.hasMargin}\n          disableScrollContainer={isMobile}\n          id={this.props.menuId}\n          data-tid={`${ComboBoxMenuDataTids.failed} ${MenuDataTids.root}`}\n        >\n          <MenuMessage size={this.props.size} key=\"message\">\n            <div style={{ maxWidth: 300, whiteSpace: 'normal' }}>{errorNetworkMessage}</div>\n          </MenuMessage>\n          <MenuItem onClick={this.getProps().repeatRequest} size={this.props.size} key=\"retry\" isMobile={isMobile}>\n            {errorNetworkButton}\n          </MenuItem>\n        </Menu>\n      );\n    }\n\n    if ((isNullable(items) || items.length === 0) && renderNotFound) {\n      const notFoundValue = renderNotFound();\n      if (renderAddButton) {\n        return (\n          <Menu\n            id={this.props.menuId}\n            hasMargin={this.props.hasMargin}\n            maxHeight={maxHeight}\n            ref={refMenu}\n            disableScrollContainer={isMobile}\n          >\n            {renderAddButton}\n          </Menu>\n        );\n      }\n\n      if (notFoundValue) {\n        return (\n          <Menu\n            id={this.props.menuId}\n            hasMargin={this.props.hasMargin}\n            maxHeight={maxHeight}\n            ref={refMenu}\n            disableScrollContainer={isMobile}\n          >\n            <MenuMessage size={this.props.size} data-tid={ComboBoxMenuDataTids.notFound}>\n              {notFoundValue}\n            </MenuMessage>\n          </Menu>\n        );\n      }\n\n      return null;\n    }\n\n    let total = null;\n    const renderedItems = items && items.map(this.renderItem);\n    const menuItems = renderedItems?.filter((item) => {\n      return isMenuItem(item);\n    });\n    const countItems = menuItems?.length;\n    if (countItems && renderTotalCount && totalCount && countItems < totalCount) {\n      total = (\n        <MenuFooter size={this.props.size} key=\"total\">\n          <div>{renderTotalCount(countItems, totalCount)}</div>\n        </MenuFooter>\n      );\n    }\n\n    return (\n      <Menu\n        id={this.props.menuId}\n        data-tid={`${ComboBoxMenuDataTids.items} ${MenuDataTids.root}`}\n        ref={refMenu}\n        maxHeight={maxHeight}\n        hasMargin={this.props.hasMargin}\n        disableScrollContainer={isMobile}\n      >\n        {renderedItems}\n        {total}\n        {renderAddButton && [<MenuSeparator key=\"separator\" />, renderAddButton]}\n      </Menu>\n    );\n  }\n\n  private renderItem = (item: ComboBoxExtendedItem<T>, index: number): React.ReactNode => {\n    // NOTE this is undesireable feature, better\n    // to remove it from further versions\n    const { renderItem, onValueChange, itemWrapper } = this.props;\n\n    if (!isSimpleItem<T>(item)) {\n      const element = isFunction(item) ? item() : item;\n      const props = Object.assign(\n        {\n          key: index,\n          onClick: () => onValueChange(element.props),\n        },\n        element.props,\n      );\n      return React.cloneElement(element, props);\n    }\n\n    return (\n      <MenuItem\n        component={itemWrapper?.(item)}\n        data-tid={ComboBoxMenuDataTids.item}\n        onClick={() => onValueChange(item)}\n        key={index}\n        size={this.props.size}\n        isMobile={this.props.isMobile}\n      >\n        {(state) => renderItem(item, state)}\n      </MenuItem>\n    );\n  };\n}\n\nfunction isSimpleItem<T>(item: ComboBoxExtendedItem<T>): item is T {\n  return !isFunction(item) && !React.isValidElement(item);\n}\n"]}

package/internal/CustomComboBox/ComboBoxView.d.ts

@@ -1,17 +1,17 @@
 import type { AriaAttributes, HTMLAttributes } from 'react';
 import React from 'react';
+import type { ComboBoxExtendedItem, ComboBoxViewMode } from '../../components/ComboBox/index.js';
 import type { InputIconType, ShowClearIcon } from '../../components/Input/index.js';
 import { Input } from '../../components/Input/index.js';
-import { InputLikeText } from '../InputLikeText/index.js';
-import type { Menu } from '../Menu/index.js';
+import type { MaskedInputOnBeforePasteValue, MaskedInputProps } from '../../components/MaskedInput/index.js';
 import type { MenuItemState } from '../../components/MenuItem/index.js';
-import type { Nullable } from '../../typings/utility-types.js';
-import type { CommonProps } from '../CommonWrapper/index.js';
 import type { TGetRootNode } from '../../lib/rootNode/index.js';
-import type { ComboBoxExtendedItem, ComboBoxViewMode } from '../../components/ComboBox/index.js';
 import type { SizeProp } from '../../lib/types/props.js';
-import type { MaskedInputOnBeforePasteValue, MaskedInputProps } from '../../components/MaskedInput/index.js';
+import type { Nullable } from '../../typings/utility-types.js';
+import type { CommonProps } from '../CommonWrapper/index.js';
+import { InputLikeText } from '../InputLikeText/index.js';
 import { InternalTextareaWithLayout } from '../InternalTextareaWithLayout/InternalTextareaWithLayout.js';
+import type { Menu } from '../Menu/index.js';
 import { ComboBoxRequestStatus } from './CustomComboBoxTypes.js';
 interface ComboBoxViewProps<T> extends Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>, Pick<HTMLAttributes<HTMLElement>, 'id'>, CommonProps, Partial<Pick<MaskedInputProps, 'mask' | 'maskChar' | 'formatChars'>> {
     align?: 'left' | 'center' | 'right';

package/internal/CustomComboBox/ComboBoxView.js

@@ -31,31 +31,31 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import React from 'react';
-import { getRandomID, isNonNullable } from '../../lib/utils.js';
 import { Input } from '../../components/Input/index.js';
-import { InputLikeText } from '../InputLikeText/index.js';
-import { RenderLayer } from '../RenderLayer/index.js';
-import { Spinner } from '../../components/Spinner/index.js';
-import { CommonWrapper } from '../CommonWrapper/index.js';
-import { MobilePopup } from '../MobilePopup/index.js';
+import { MaskedInput } from '../../components/MaskedInput/index.js';
+import { getStyles as getMaskedInputStyles } from '../../components/MaskedInput/MaskedInput.styles.js';
 import { responsiveLayout } from '../../components/ResponsiveLayout/decorator.js';
-import { rootNode, getRootNode } from '../../lib/rootNode/index.js';
+import { Spinner } from '../../components/Spinner/index.js';
 import { createPropsGetter } from '../../lib/createPropsGetter.js';
+import { getMenuPositions } from '../../lib/getMenuPositions.js';
+import { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';
+import { getRootNode, rootNode } from '../../lib/rootNode/index.js';
+import { withSize } from '../../lib/size/SizeDecorator.js';
 import { ThemeContext } from '../../lib/theming/ThemeContext.js';
+import { getRandomID, isNonNullable } from '../../lib/utils.js';
+import { CommonWrapper } from '../CommonWrapper/index.js';
 import { LoadingIcon } from '../icons2022/LoadingIcon.js';
+import { InputLikeText } from '../InputLikeText/index.js';
+import { InternalTextareaWithLayout } from '../InternalTextareaWithLayout/InternalTextareaWithLayout.js';
+import { MobilePopup } from '../MobilePopup/index.js';
 import { Popup } from '../Popup/index.js';
-import { getMenuPositions } from '../../lib/getMenuPositions.js';
+import { RenderLayer } from '../RenderLayer/index.js';
 import { ZIndex } from '../ZIndex/index.js';
-import { MaskedInput } from '../../components/MaskedInput/index.js';
-import { getStyles as getMaskedInputStyles } from '../../components/MaskedInput/MaskedInput.styles.js';
-import { InternalTextareaWithLayout } from '../InternalTextareaWithLayout/InternalTextareaWithLayout.js';
-import { withSize } from '../../lib/size/SizeDecorator.js';
-import { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';
 import { ArrowDownIcon } from './ArrowDownIcon.js';
 import { ComboBoxMenu } from './ComboBoxMenu.js';
-import { ComboBoxRequestStatus } from './CustomComboBoxTypes.js';
-import { getStyles } from './CustomComboBox.styles.js';
 import { CustomComboBoxDataTids } from './CustomComboBox.js';
+import { getStyles } from './CustomComboBox.styles.js';
+import { ComboBoxRequestStatus } from './CustomComboBoxTypes.js';
 import { getComboBoxTheme } from './getComboBoxTheme.js';
 export var ComboBoxViewIds = {
     menu: 'ComboBoxView__menu',

package/internal/CustomComboBox/ComboBoxView.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboBoxView.js","sourceRoot":"","sources":["../../../internal/CustomComboBox/ComboBoxView.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { AriaAttributes, HTMLAttributes } from 'react';\nimport React from 'react';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { getRandomID, isNonNullable } from '../../lib/utils.js';\nimport type { InputIconType, InputProps, ShowClearIcon } from '../../components/Input/index.js';\nimport { Input } from '../../components/Input/index.js';\nimport { InputLikeText } from '../InputLikeText/index.js';\nimport type { Menu } from '../Menu/index.js';\nimport type { MenuItemState } from '../../components/MenuItem/index.js';\nimport { RenderLayer } from '../RenderLayer/index.js';\nimport { Spinner } from '../../components/Spinner/index.js';\nimport type { Nullable } from '../../typings/utility-types.js';\nimport type { CommonProps } from '../CommonWrapper/index.js';\nimport { CommonWrapper } from '../CommonWrapper/index.js';\nimport { MobilePopup } from '../MobilePopup/index.js';\nimport { responsiveLayout } from '../../components/ResponsiveLayout/decorator.js';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode/index.js';\nimport { rootNode, getRootNode } from '../../lib/rootNode/index.js';\nimport { createPropsGetter } from '../../lib/createPropsGetter.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { LoadingIcon } from '../icons2022/LoadingIcon.js';\nimport type { ComboBoxExtendedItem, ComboBoxViewMode } from '../../components/ComboBox/index.js';\nimport type { SizeProp } from '../../lib/types/props.js';\nimport { Popup } from '../Popup/index.js';\nimport { getMenuPositions } from '../../lib/getMenuPositions.js';\nimport { ZIndex } from '../ZIndex/index.js';\nimport type { MaskedInputOnBeforePasteValue, MaskedInputProps } from '../../components/MaskedInput/index.js';\nimport { MaskedInput } from '../../components/MaskedInput/index.js';\nimport { getStyles as getMaskedInputStyles } from '../../components/MaskedInput/MaskedInput.styles.js';\nimport { InternalTextareaWithLayout } from '../InternalTextareaWithLayout/InternalTextareaWithLayout.js';\nimport { withSize } from '../../lib/size/SizeDecorator.js';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';\n\nimport { ArrowDownIcon } from './ArrowDownIcon.js';\nimport { ComboBoxMenu } from './ComboBoxMenu.js';\nimport { ComboBoxRequestStatus } from './CustomComboBoxTypes.js';\nimport { getStyles } from './CustomComboBox.styles.js';\nimport { CustomComboBoxDataTids } from './CustomComboBox.js';\nimport { getComboBoxTheme } from './getComboBoxTheme.js';\n\ninterface ComboBoxViewProps<T>\n  extends Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>,\n    Pick<HTMLAttributes<HTMLElement>, 'id'>,\n    CommonProps,\n    Partial<Pick<MaskedInputProps, 'mask' | 'maskChar' | 'formatChars'>> {\n  align?: 'left' | 'center' | 'right';\n  autoFocus?: boolean;\n  borderless?: boolean;\n  disablePortal?: boolean;\n  disabled?: boolean;\n  editing?: boolean;\n  /**\n   * Cостояние валидации при ошибке.\n   */\n  error?: boolean;\n  items?: Nullable<Array<ComboBoxExtendedItem<T>>>;\n  loading?: boolean;\n  /**\n   * Позволяет вручную задать текущую позицию выпадающего окна\n   */\n  menuPos?: 'top' | 'bottom';\n  menuAlign?: 'left' | 'right';\n  opened?: boolean;\n  drawArrow?: boolean;\n  placeholder?: string;\n  size?: SizeProp;\n  textValue?: string;\n  totalCount?: number;\n  value?: Nullable<T>;\n  showClearIcon?: ShowClearIcon;\n  /**\n   * Cостояние валидации при предупреждении.\n   */\n  warning?: boolean;\n  width?: string | number;\n  maxLength?: number;\n  maxMenuHeight?: number | string;\n  leftIcon?: InputIconType;\n  rightIcon?: InputIconType;\n  inputMode?: React.HTMLAttributes<HTMLInputElement>['inputMode'];\n\n  onBeforePasteInMask?: MaskedInputOnBeforePasteValue;\n  onValueChange?: (value: T) => void;\n  onClickOutside?: (e: Event) => void;\n  onFocus?: () => void;\n  onMobileClose?: () => void;\n  onFocusOutside?: () => void;\n  onInputBlur?: () => void;\n  onInputValueChange?: (value: string) => void;\n  onInputFocus?: () => void;\n  onInputClick?: () => void;\n  onClearCrossClick?: () => 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  itemWrapper?: (item: T) => React.ComponentType;\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 | InternalTextareaWithLayout>) => void;\n  refMenu?: (menu: Nullable<Menu>) => void;\n  refInputLikeText?: (inputLikeText: Nullable<InputLikeText>) => void;\n  viewMode?: ComboBoxViewMode;\n  maxRows?: number;\n}\n\ntype DefaultProps<T> = Required<\n  Pick<\n    ComboBoxViewProps<T>,\n    | 'renderItem'\n    | 'renderValue'\n    | 'renderAddButton'\n    | 'repeatRequest'\n    | 'requestStatus'\n    | 'onClickOutside'\n    | 'onFocusOutside'\n    | 'width'\n    | 'showClearIcon'\n  >\n>;\n\nexport const ComboBoxViewIds = {\n  menu: 'ComboBoxView__menu',\n};\n\ninterface ComboBoxViewState {\n  anchorElement: Nullable<Element>;\n  clearCrossShowed: boolean;\n}\n\n@withRenderEnvironment\n@responsiveLayout\n@rootNode\n@withSize\nexport class ComboBoxView<T> extends React.Component<ComboBoxViewProps<T>, ComboBoxViewState> {\n  public static __KONTUR_REACT_UI__ = 'ComboBoxView';\n  public static displayName = 'ComboBoxView';\n\n  public static defaultProps: DefaultProps<unknown> = {\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    width: 250,\n    showClearIcon: 'never',\n  };\n\n  private getProps = createPropsGetter(ComboBoxView.defaultProps);\n\n  public getRootNode!: TGetRootNode;\n  private input: Nullable<Input | InternalTextareaWithLayout>;\n  private setRootNode!: TSetRootNode;\n  private mobileInput: Nullable<Input> = null;\n  private isMobileLayout!: boolean;\n  private dropdownContainerRef = React.createRef<Popup>();\n  private styles!: ReturnType<typeof getStyles>;\n  private maskedInputStyles!: ReturnType<typeof getMaskedInputStyles>;\n  private emotion!: Emotion;\n  private cx!: Emotion['cx'];\n  private theme!: Theme;\n  private size!: SizeProp;\n  private menuId = ComboBoxViewIds.menu + getRandomID();\n\n  public state: ComboBoxViewState = {\n    anchorElement: null,\n    clearCrossShowed: this.props.showClearIcon === 'always' && !!this.props.value?.toString(),\n  };\n\n  public componentDidMount() {\n    this.updateAnchorElement();\n\n    if (this.props.autoFocus && this.props.onFocus) {\n      this.props.onFocus();\n    }\n  }\n\n  updateAnchorElement() {\n    const parent = this.getParent();\n    const anchorElement = this.state.anchorElement;\n\n    if (anchorElement !== parent) {\n      this.setState({\n        anchorElement: parent,\n      });\n    }\n  }\n\n  public componentDidUpdate(prevProps: ComboBoxViewProps<T>) {\n    const { input, props } = this;\n\n    this.updateAnchorElement();\n\n    if (props.editing && !prevProps.editing && input) {\n      input.focus();\n    }\n  }\n\n  public render() {\n    this.styles = getStyles(this.emotion);\n    this.maskedInputStyles = getMaskedInputStyles(this.emotion);\n\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = getComboBoxTheme(theme);\n          return <ThemeContext.Provider value={this.theme}>{this.renderMain()}</ThemeContext.Provider>;\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public renderMain() {\n    const { onMouseEnter, onMouseLeave, onMouseOver, opened } = this.props;\n    const { onClickOutside, onFocusOutside, width } = this.getProps();\n\n    const isMobile = this.isMobileLayout;\n\n    const input = this.renderInput();\n\n    return (\n      <CommonWrapper {...this.props}>\n        <RenderLayer onClickOutside={onClickOutside} onFocusOutside={onFocusOutside} active={opened}>\n          <span\n            data-tid={CustomComboBoxDataTids.comboBoxView}\n            style={{ width }}\n            className={this.styles.root()}\n            onMouseEnter={onMouseEnter}\n            onMouseLeave={onMouseLeave}\n            onMouseOver={onMouseOver}\n            ref={this.setRootNode}\n          >\n            {input}\n            {isMobile ? this.renderMobileMenu() : this.renderMenu()}\n          </span>\n        </RenderLayer>\n      </CommonWrapper>\n    );\n  }\n\n  private getComboBoxMenu = () => {\n    const { items, loading, opened, refMenu, maxMenuHeight, renderTotalCount, renderNotFound, totalCount } = this.props;\n\n    const { repeatRequest, requestStatus, renderItem, itemWrapper } = this.getProps();\n    return (\n      <ComboBoxMenu\n        hasMargin={false}\n        menuId={this.menuId}\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        itemWrapper={itemWrapper}\n        renderAddButton={this.renderAddButton}\n        repeatRequest={repeatRequest}\n        requestStatus={requestStatus}\n        totalCount={totalCount}\n        isMobile={this.isMobileLayout}\n        size={this.size}\n      />\n    );\n  };\n\n  private renderMenu = () => {\n    const { opened, menuPos, menuAlign } = this.getProps();\n    const { anchorElement } = this.state;\n\n    return (\n      opened &&\n      anchorElement && (\n        <Popup\n          opened\n          hasShadow\n          tryBestFallbackPosition\n          minWidth=\"100%\"\n          anchorElement={anchorElement}\n          priority={ZIndex.priorities.PopupMenu}\n          positions={getMenuPositions(menuPos, menuAlign)}\n          disablePortal={this.props.disablePortal}\n          margin={parseInt(this.theme.menuOffsetY) - 1}\n          ref={this.dropdownContainerRef}\n        >\n          {this.getComboBoxMenu()}\n        </Popup>\n      )\n    );\n  };\n\n  private renderMobileMenu = () => {\n    let rightIcon = null;\n\n    const { loading, items, opened, onFocus, onInputValueChange, onInputKeyDown, placeholder, textValue } = this.props;\n    if (loading && items && !!items.length) {\n      rightIcon = this.renderSpinner();\n    }\n\n    const inputProps: InputProps = {\n      autoComplete: 'off',\n      autoFocus: true,\n      width: '100%',\n      onFocus,\n      onValueChange: onInputValueChange,\n      onKeyDown: onInputKeyDown,\n      value: textValue,\n      placeholder,\n      rightIcon,\n    };\n\n    return (\n      opened && (\n        <MobilePopup\n          headerChildComponent={<Input ref={this.refMobileInput} {...inputProps} />}\n          onCloseRequest={this.props.onMobileClose}\n          opened\n        >\n          {this.getComboBoxMenu()}\n        </MobilePopup>\n      )\n    );\n  };\n\n  private getParent = () => {\n    return getRootNode(this);\n  };\n\n  private renderAddButton = (): React.ReactNode => {\n    return this.getProps().renderAddButton(this.props.textValue);\n  };\n\n  private renderInput(): React.ReactNode {\n    const isMobile = this.isMobileLayout;\n\n    const {\n      id,\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      textValue,\n      value,\n      warning,\n      refInputLikeText,\n      leftIcon,\n      inputMode,\n      'aria-describedby': ariaDescribedby,\n      'aria-label': ariaLabel,\n      showClearIcon,\n      mask,\n      maskChar,\n      formatChars,\n      onBeforePasteInMask,\n    } = this.props;\n\n    const rightIcon = this.getRightIcon();\n\n    const inputProps = {\n      id,\n      align,\n      borderless,\n      disabled,\n      error,\n      maxLength: this.props.maxLength,\n      onBlur: isMobile ? undefined : onInputBlur,\n      onValueChange: onInputValueChange,\n      onFocus: onInputFocus,\n      onClick: isMobile ? this.handleMobileFocus : onInputClick,\n      leftIcon,\n      rightIcon,\n      value: textValue || '',\n      onKeyDown: onInputKeyDown,\n      placeholder,\n      width: '100%',\n      ref: this.refInput,\n      warning,\n      inputMode,\n      autoComplete: 'off',\n      'aria-describedby': ariaDescribedby,\n      'aria-controls': this.menuId,\n      'aria-label': ariaLabel,\n      showClearIcon,\n      size: this.size,\n    };\n\n    const multilineTextareaProps = {\n      autoResize: true,\n      rows: 1,\n      extraRow: false,\n      maxRows: this.props.maxRows,\n    };\n\n    if (this.props.viewMode === 'multiline' && !mask) {\n      return <InternalTextareaWithLayout {...inputProps} {...multilineTextareaProps} />;\n    }\n\n    if (editing) {\n      if (mask) {\n        return (\n          <MaskedInput\n            {...inputProps}\n            type=\"text\"\n            mask={mask}\n            maskChar={maskChar}\n            formatChars={formatChars}\n            onBeforePasteValue={onBeforePasteInMask}\n          />\n        );\n      }\n\n      if (this.props.viewMode === 'multiline-editing') {\n        return <InternalTextareaWithLayout {...inputProps} {...multilineTextareaProps} />;\n      }\n\n      return <Input {...inputProps} />;\n    }\n\n    const { renderValue } = this.getProps();\n    return (\n      <InputLikeText\n        id={id}\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={this.size}\n        width=\"100%\"\n        ref={refInputLikeText}\n        aria-describedby={ariaDescribedby}\n        aria-controls={this.menuId}\n        showClearIcon={showClearIcon}\n        className={this.cx(mask && this.maskedInputStyles.root(this.theme))}\n        onClearCrossClick={this.props.onClearCrossClick}\n      >\n        {isNonNullable(value) && renderValue ? renderValue(value) : null}\n      </InputLikeText>\n    );\n  }\n\n  private handleMobileFocus = () => {\n    this.props.onInputClick?.();\n\n    this.mobileInput?.focus();\n  };\n\n  private handleItemSelect = (item: T) => {\n    if (this.props.onValueChange) {\n      this.props.onValueChange(item);\n    }\n\n    if (this.isMobileLayout) {\n      this.props.onMobileClose?.();\n    }\n  };\n\n  private refInput = (input: Nullable<Input | InternalTextareaWithLayout>) => {\n    if (this.props.refInput) {\n      this.props.refInput(input);\n    }\n    this.input = input;\n  };\n\n  private renderSpinner = () => (\n    <span className={this.styles.spinnerWrapper()}>\n      <Spinner type=\"mini\" caption=\"\" dimmed />\n    </span>\n  );\n\n  private getRightIcon = () => {\n    const { loading, items, drawArrow, rightIcon } = this.props;\n    const size = this.size;\n\n    if (loading && items && !!items.length) {\n      return <LoadingIcon size={size} />;\n    }\n\n    if (rightIcon || drawArrow) {\n      return rightIcon || <ArrowDownIcon size={size} />;\n    }\n\n    return null;\n  };\n\n  private refMobileInput = (input: Nullable<Input>) => {\n    this.mobileInput = input;\n  };\n}\n"]}
+{"version":3,"file":"ComboBoxView.js","sourceRoot":"","sources":["../../../internal/CustomComboBox/ComboBoxView.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\nimport type { AriaAttributes, HTMLAttributes } from 'react';\nimport React from 'react';\n\nimport type { ComboBoxExtendedItem, ComboBoxViewMode } from '../../components/ComboBox/index.js';\nimport type { InputIconType, InputProps, ShowClearIcon } from '../../components/Input/index.js';\nimport { Input } from '../../components/Input/index.js';\nimport type { MaskedInputOnBeforePasteValue, MaskedInputProps } from '../../components/MaskedInput/index.js';\nimport { MaskedInput } from '../../components/MaskedInput/index.js';\nimport { getStyles as getMaskedInputStyles } from '../../components/MaskedInput/MaskedInput.styles.js';\nimport type { MenuItemState } from '../../components/MenuItem/index.js';\nimport { responsiveLayout } from '../../components/ResponsiveLayout/decorator.js';\nimport { Spinner } from '../../components/Spinner/index.js';\nimport { createPropsGetter } from '../../lib/createPropsGetter.js';\nimport { getMenuPositions } from '../../lib/getMenuPositions.js';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode/index.js';\nimport { getRootNode, rootNode } from '../../lib/rootNode/index.js';\nimport { withSize } from '../../lib/size/SizeDecorator.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport type { SizeProp } from '../../lib/types/props.js';\nimport { getRandomID, isNonNullable } from '../../lib/utils.js';\nimport type { Nullable } from '../../typings/utility-types.js';\nimport type { CommonProps } from '../CommonWrapper/index.js';\nimport { CommonWrapper } from '../CommonWrapper/index.js';\nimport { LoadingIcon } from '../icons2022/LoadingIcon.js';\nimport { InputLikeText } from '../InputLikeText/index.js';\nimport { InternalTextareaWithLayout } from '../InternalTextareaWithLayout/InternalTextareaWithLayout.js';\nimport type { Menu } from '../Menu/index.js';\nimport { MobilePopup } from '../MobilePopup/index.js';\nimport { Popup } from '../Popup/index.js';\nimport { RenderLayer } from '../RenderLayer/index.js';\nimport { ZIndex } from '../ZIndex/index.js';\nimport { ArrowDownIcon } from './ArrowDownIcon.js';\nimport { ComboBoxMenu } from './ComboBoxMenu.js';\nimport { CustomComboBoxDataTids } from './CustomComboBox.js';\nimport { getStyles } from './CustomComboBox.styles.js';\nimport { ComboBoxRequestStatus } from './CustomComboBoxTypes.js';\nimport { getComboBoxTheme } from './getComboBoxTheme.js';\n\ninterface ComboBoxViewProps<T>\n  extends\n    Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>,\n    Pick<HTMLAttributes<HTMLElement>, 'id'>,\n    CommonProps,\n    Partial<Pick<MaskedInputProps, 'mask' | 'maskChar' | 'formatChars'>> {\n  align?: 'left' | 'center' | 'right';\n  autoFocus?: boolean;\n  borderless?: boolean;\n  disablePortal?: boolean;\n  disabled?: boolean;\n  editing?: boolean;\n  /**\n   * Cостояние валидации при ошибке.\n   */\n  error?: boolean;\n  items?: Nullable<Array<ComboBoxExtendedItem<T>>>;\n  loading?: boolean;\n  /**\n   * Позволяет вручную задать текущую позицию выпадающего окна\n   */\n  menuPos?: 'top' | 'bottom';\n  menuAlign?: 'left' | 'right';\n  opened?: boolean;\n  drawArrow?: boolean;\n  placeholder?: string;\n  size?: SizeProp;\n  textValue?: string;\n  totalCount?: number;\n  value?: Nullable<T>;\n  showClearIcon?: ShowClearIcon;\n  /**\n   * Cостояние валидации при предупреждении.\n   */\n  warning?: boolean;\n  width?: string | number;\n  maxLength?: number;\n  maxMenuHeight?: number | string;\n  leftIcon?: InputIconType;\n  rightIcon?: InputIconType;\n  inputMode?: React.HTMLAttributes<HTMLInputElement>['inputMode'];\n\n  onBeforePasteInMask?: MaskedInputOnBeforePasteValue;\n  onValueChange?: (value: T) => void;\n  onClickOutside?: (e: Event) => void;\n  onFocus?: () => void;\n  onMobileClose?: () => void;\n  onFocusOutside?: () => void;\n  onInputBlur?: () => void;\n  onInputValueChange?: (value: string) => void;\n  onInputFocus?: () => void;\n  onInputClick?: () => void;\n  onClearCrossClick?: () => 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  itemWrapper?: (item: T) => React.ComponentType;\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 | InternalTextareaWithLayout>) => void;\n  refMenu?: (menu: Nullable<Menu>) => void;\n  refInputLikeText?: (inputLikeText: Nullable<InputLikeText>) => void;\n  viewMode?: ComboBoxViewMode;\n  maxRows?: number;\n}\n\ntype DefaultProps<T> = Required<\n  Pick<\n    ComboBoxViewProps<T>,\n    | 'renderItem'\n    | 'renderValue'\n    | 'renderAddButton'\n    | 'repeatRequest'\n    | 'requestStatus'\n    | 'onClickOutside'\n    | 'onFocusOutside'\n    | 'width'\n    | 'showClearIcon'\n  >\n>;\n\nexport const ComboBoxViewIds = {\n  menu: 'ComboBoxView__menu',\n};\n\ninterface ComboBoxViewState {\n  anchorElement: Nullable<Element>;\n  clearCrossShowed: boolean;\n}\n\n@withRenderEnvironment\n@responsiveLayout\n@rootNode\n@withSize\nexport class ComboBoxView<T> extends React.Component<ComboBoxViewProps<T>, ComboBoxViewState> {\n  public static __KONTUR_REACT_UI__ = 'ComboBoxView';\n  public static displayName = 'ComboBoxView';\n\n  public static defaultProps: DefaultProps<unknown> = {\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    width: 250,\n    showClearIcon: 'never',\n  };\n\n  private getProps = createPropsGetter(ComboBoxView.defaultProps);\n\n  public getRootNode!: TGetRootNode;\n  private input: Nullable<Input | InternalTextareaWithLayout>;\n  private setRootNode!: TSetRootNode;\n  private mobileInput: Nullable<Input> = null;\n  private isMobileLayout!: boolean;\n  private dropdownContainerRef = React.createRef<Popup>();\n  private styles!: ReturnType<typeof getStyles>;\n  private maskedInputStyles!: ReturnType<typeof getMaskedInputStyles>;\n  private emotion!: Emotion;\n  private cx!: Emotion['cx'];\n  private theme!: Theme;\n  private size!: SizeProp;\n  private menuId = ComboBoxViewIds.menu + getRandomID();\n\n  public state: ComboBoxViewState = {\n    anchorElement: null,\n    clearCrossShowed: this.props.showClearIcon === 'always' && !!this.props.value?.toString(),\n  };\n\n  public componentDidMount() {\n    this.updateAnchorElement();\n\n    if (this.props.autoFocus && this.props.onFocus) {\n      this.props.onFocus();\n    }\n  }\n\n  updateAnchorElement() {\n    const parent = this.getParent();\n    const anchorElement = this.state.anchorElement;\n\n    if (anchorElement !== parent) {\n      this.setState({\n        anchorElement: parent,\n      });\n    }\n  }\n\n  public componentDidUpdate(prevProps: ComboBoxViewProps<T>) {\n    const { input, props } = this;\n\n    this.updateAnchorElement();\n\n    if (props.editing && !prevProps.editing && input) {\n      input.focus();\n    }\n  }\n\n  public render() {\n    this.styles = getStyles(this.emotion);\n    this.maskedInputStyles = getMaskedInputStyles(this.emotion);\n\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = getComboBoxTheme(theme);\n          return <ThemeContext.Provider value={this.theme}>{this.renderMain()}</ThemeContext.Provider>;\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public renderMain() {\n    const { onMouseEnter, onMouseLeave, onMouseOver, opened } = this.props;\n    const { onClickOutside, onFocusOutside, width } = this.getProps();\n\n    const isMobile = this.isMobileLayout;\n\n    const input = this.renderInput();\n\n    return (\n      <CommonWrapper {...this.props}>\n        <RenderLayer onClickOutside={onClickOutside} onFocusOutside={onFocusOutside} active={opened}>\n          <span\n            data-tid={CustomComboBoxDataTids.comboBoxView}\n            style={{ width }}\n            className={this.styles.root()}\n            onMouseEnter={onMouseEnter}\n            onMouseLeave={onMouseLeave}\n            onMouseOver={onMouseOver}\n            ref={this.setRootNode}\n          >\n            {input}\n            {isMobile ? this.renderMobileMenu() : this.renderMenu()}\n          </span>\n        </RenderLayer>\n      </CommonWrapper>\n    );\n  }\n\n  private getComboBoxMenu = () => {\n    const { items, loading, opened, refMenu, maxMenuHeight, renderTotalCount, renderNotFound, totalCount } = this.props;\n\n    const { repeatRequest, requestStatus, renderItem, itemWrapper } = this.getProps();\n    return (\n      <ComboBoxMenu\n        hasMargin={false}\n        menuId={this.menuId}\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        itemWrapper={itemWrapper}\n        renderAddButton={this.renderAddButton}\n        repeatRequest={repeatRequest}\n        requestStatus={requestStatus}\n        totalCount={totalCount}\n        isMobile={this.isMobileLayout}\n        size={this.size}\n      />\n    );\n  };\n\n  private renderMenu = () => {\n    const { opened, menuPos, menuAlign } = this.getProps();\n    const { anchorElement } = this.state;\n\n    return (\n      opened &&\n      anchorElement && (\n        <Popup\n          opened\n          hasShadow\n          tryBestFallbackPosition\n          minWidth=\"100%\"\n          anchorElement={anchorElement}\n          priority={ZIndex.priorities.PopupMenu}\n          positions={getMenuPositions(menuPos, menuAlign)}\n          disablePortal={this.props.disablePortal}\n          margin={parseInt(this.theme.menuOffsetY) - 1}\n          ref={this.dropdownContainerRef}\n        >\n          {this.getComboBoxMenu()}\n        </Popup>\n      )\n    );\n  };\n\n  private renderMobileMenu = () => {\n    let rightIcon = null;\n\n    const { loading, items, opened, onFocus, onInputValueChange, onInputKeyDown, placeholder, textValue } = this.props;\n    if (loading && items && !!items.length) {\n      rightIcon = this.renderSpinner();\n    }\n\n    const inputProps: InputProps = {\n      autoComplete: 'off',\n      autoFocus: true,\n      width: '100%',\n      onFocus,\n      onValueChange: onInputValueChange,\n      onKeyDown: onInputKeyDown,\n      value: textValue,\n      placeholder,\n      rightIcon,\n    };\n\n    return (\n      opened && (\n        <MobilePopup\n          headerChildComponent={<Input ref={this.refMobileInput} {...inputProps} />}\n          onCloseRequest={this.props.onMobileClose}\n          opened\n        >\n          {this.getComboBoxMenu()}\n        </MobilePopup>\n      )\n    );\n  };\n\n  private getParent = () => {\n    return getRootNode(this);\n  };\n\n  private renderAddButton = (): React.ReactNode => {\n    return this.getProps().renderAddButton(this.props.textValue);\n  };\n\n  private renderInput(): React.ReactNode {\n    const isMobile = this.isMobileLayout;\n\n    const {\n      id,\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      textValue,\n      value,\n      warning,\n      refInputLikeText,\n      leftIcon,\n      inputMode,\n      'aria-describedby': ariaDescribedby,\n      'aria-label': ariaLabel,\n      showClearIcon,\n      mask,\n      maskChar,\n      formatChars,\n      onBeforePasteInMask,\n    } = this.props;\n\n    const rightIcon = this.getRightIcon();\n\n    const inputProps = {\n      id,\n      align,\n      borderless,\n      disabled,\n      error,\n      maxLength: this.props.maxLength,\n      onBlur: isMobile ? undefined : onInputBlur,\n      onValueChange: onInputValueChange,\n      onFocus: onInputFocus,\n      onClick: isMobile ? this.handleMobileFocus : onInputClick,\n      leftIcon,\n      rightIcon,\n      value: textValue || '',\n      onKeyDown: onInputKeyDown,\n      placeholder,\n      width: '100%',\n      ref: this.refInput,\n      warning,\n      inputMode,\n      autoComplete: 'off',\n      'aria-describedby': ariaDescribedby,\n      'aria-controls': this.menuId,\n      'aria-label': ariaLabel,\n      showClearIcon,\n      size: this.size,\n    };\n\n    const multilineTextareaProps = {\n      autoResize: true,\n      rows: 1,\n      extraRow: false,\n      maxRows: this.props.maxRows,\n    };\n\n    if (this.props.viewMode === 'multiline' && !mask) {\n      return <InternalTextareaWithLayout {...inputProps} {...multilineTextareaProps} />;\n    }\n\n    if (editing) {\n      if (mask) {\n        return (\n          <MaskedInput\n            {...inputProps}\n            type=\"text\"\n            mask={mask}\n            maskChar={maskChar}\n            formatChars={formatChars}\n            onBeforePasteValue={onBeforePasteInMask}\n          />\n        );\n      }\n\n      if (this.props.viewMode === 'multiline-editing') {\n        return <InternalTextareaWithLayout {...inputProps} {...multilineTextareaProps} />;\n      }\n\n      return <Input {...inputProps} />;\n    }\n\n    const { renderValue } = this.getProps();\n    return (\n      <InputLikeText\n        id={id}\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={this.size}\n        width=\"100%\"\n        ref={refInputLikeText}\n        aria-describedby={ariaDescribedby}\n        aria-controls={this.menuId}\n        showClearIcon={showClearIcon}\n        className={this.cx(mask && this.maskedInputStyles.root(this.theme))}\n        onClearCrossClick={this.props.onClearCrossClick}\n      >\n        {isNonNullable(value) && renderValue ? renderValue(value) : null}\n      </InputLikeText>\n    );\n  }\n\n  private handleMobileFocus = () => {\n    this.props.onInputClick?.();\n\n    this.mobileInput?.focus();\n  };\n\n  private handleItemSelect = (item: T) => {\n    if (this.props.onValueChange) {\n      this.props.onValueChange(item);\n    }\n\n    if (this.isMobileLayout) {\n      this.props.onMobileClose?.();\n    }\n  };\n\n  private refInput = (input: Nullable<Input | InternalTextareaWithLayout>) => {\n    if (this.props.refInput) {\n      this.props.refInput(input);\n    }\n    this.input = input;\n  };\n\n  private renderSpinner = () => (\n    <span className={this.styles.spinnerWrapper()}>\n      <Spinner type=\"mini\" caption=\"\" dimmed />\n    </span>\n  );\n\n  private getRightIcon = () => {\n    const { loading, items, drawArrow, rightIcon } = this.props;\n    const size = this.size;\n\n    if (loading && items && !!items.length) {\n      return <LoadingIcon size={size} />;\n    }\n\n    if (rightIcon || drawArrow) {\n      return rightIcon || <ArrowDownIcon size={size} />;\n    }\n\n    return null;\n  };\n\n  private refMobileInput = (input: Nullable<Input>) => {\n    this.mobileInput = input;\n  };\n}\n"]}

package/internal/CustomComboBox/CustomComboBox.d.ts

@@ -1,16 +1,16 @@
 import type { AriaAttributes, HTMLAttributes } from 'react';
 import React from 'react';
-import type { Nullable } from '../../typings/utility-types.js';
+import type { ComboBoxExtendedItem, ComboBoxViewMode } from '../../components/ComboBox/index.js';
 import type { Input, InputIconType, ShowClearIcon } from '../../components/Input/index.js';
-import type { Menu } from '../Menu/index.js';
-import type { InputLikeText } from '../InputLikeText/index.js';
+import type { MaskedInputOnBeforePasteValue, MaskedInputProps } from '../../components/MaskedInput/index.js';
 import type { MenuItemState } from '../../components/MenuItem/index.js';
-import type { CommonProps } from '../CommonWrapper/index.js';
 import type { TGetRootNode } from '../../lib/rootNode/index.js';
-import type { ComboBoxExtendedItem, ComboBoxViewMode } from '../../components/ComboBox/index.js';
 import type { SizeProp } from '../../lib/types/props.js';
-import type { MaskedInputOnBeforePasteValue, MaskedInputProps } from '../../components/MaskedInput/index.js';
+import type { Nullable } from '../../typings/utility-types.js';
+import type { CommonProps } from '../CommonWrapper/index.js';
+import type { InputLikeText } from '../InputLikeText/index.js';
 import type { InternalTextareaWithLayout } from '../InternalTextareaWithLayout/InternalTextareaWithLayout.js';
+import type { Menu } from '../Menu/index.js';
 import { ComboBoxRequestStatus } from './CustomComboBoxTypes.js';
 export * from './tids.js';
 export interface CustomComboBoxProps<T> extends Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>, Pick<HTMLAttributes<HTMLElement>, 'id'>, CommonProps, Partial<Pick<MaskedInputProps, 'mask' | 'maskChar' | 'formatChars'>> {

package/internal/CustomComboBox/CustomComboBox.js

@@ -68,15 +68,16 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 import React from 'react';
 import ReactDOM from 'react-dom';
-import { CancelationError, taskWithDelay } from '../../lib/utils.js';
-import { CommonWrapper } from '../CommonWrapper/index.js';
 import { responsiveLayout } from '../../components/ResponsiveLayout/decorator.js';
+import { REACT_MAJOR_VERSION } from '../../lib/react-is.js';
+import { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';
 import { rootNode } from '../../lib/rootNode/index.js';
 import { withSize } from '../../lib/size/SizeDecorator.js';
-import { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';
-import { ComboBoxRequestStatus } from './CustomComboBoxTypes.js';
-import { reducer } from './CustomComboBoxReducer.js';
+import { CancelationError, taskWithDelay } from '../../lib/utils.js';
+import { CommonWrapper } from '../CommonWrapper/index.js';
 import { ComboBoxView } from './ComboBoxView.js';
+import { reducer } from './CustomComboBoxReducer.js';
+import { ComboBoxRequestStatus } from './CustomComboBoxTypes.js';
 export * from './tids.js';
 export var DELAY_BEFORE_SHOW_LOADER = 300;
 export var LOADER_SHOW_TIME = 1000;
@@ -155,7 +156,7 @@ var CustomComboBox = /** @class */ (function (_super) {
             };
             // Auto-batching React@18 creates problems that are fixed with flushSync
             // https://github.com/skbkontur/retail-ui/pull/3144#issuecomment-1535235366
-            if (sync && Number(React.version) >= 18) {
+            if (sync && REACT_MAJOR_VERSION >= 18) {
                 ReactDOM.flushSync(function () { return updateState(action); });
             }
             else {

package/internal/CustomComboBox/CustomComboBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomComboBox.js","sourceRoot":"","sources":["../../../internal/CustomComboBox/CustomComboBox.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { AriaAttributes, HTMLAttributes } from 'react';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\n\nimport type { GlobalObject } from '../../lib/globalObject.js';\nimport type { Nullable } from '../../typings/utility-types.js';\nimport type { Input, InputIconType, ShowClearIcon } from '../../components/Input/index.js';\nimport type { Menu } from '../Menu/index.js';\nimport type { InputLikeText } from '../InputLikeText/index.js';\nimport type { MenuItemState } from '../../components/MenuItem/index.js';\nimport { CancelationError, taskWithDelay } from '../../lib/utils.js';\nimport type { CommonProps } from '../CommonWrapper/index.js';\nimport { CommonWrapper } from '../CommonWrapper/index.js';\nimport { responsiveLayout } from '../../components/ResponsiveLayout/decorator.js';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode/index.js';\nimport { rootNode } from '../../lib/rootNode/index.js';\nimport type { ComboBoxExtendedItem, ComboBoxViewMode } from '../../components/ComboBox/index.js';\nimport type { SizeProp } from '../../lib/types/props.js';\nimport type { MaskedInputOnBeforePasteValue, MaskedInputProps } from '../../components/MaskedInput/index.js';\nimport type { InternalTextareaWithLayout } from '../InternalTextareaWithLayout/InternalTextareaWithLayout.js';\nimport { withSize } from '../../lib/size/SizeDecorator.js';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';\n\nimport { ComboBoxRequestStatus } from './CustomComboBoxTypes.js';\nimport type { CustomComboBoxAction, CustomComboBoxEffect } from './CustomComboBoxReducer.js';\nimport { reducer } from './CustomComboBoxReducer.js';\nimport { ComboBoxView } from './ComboBoxView.js';\n\nexport * from './tids.js';\n\nexport interface CustomComboBoxProps<T>\n  extends Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>,\n    Pick<HTMLAttributes<HTMLElement>, 'id'>,\n    CommonProps,\n    Partial<Pick<MaskedInputProps, 'mask' | 'maskChar' | 'formatChars'>> {\n  align?: 'left' | 'center' | 'right';\n  autoFocus?: boolean;\n  borderless?: boolean;\n  disablePortal?: boolean;\n  disabled?: boolean;\n  /**\n   * Cостояние валидации при ошибке.\n   */\n  error?: boolean;\n  maxLength?: number;\n  /**\n   * Позволяет вручную задать текущую позицию выпадающего окна\n   */\n  menuPos?: 'top' | 'bottom';\n  menuAlign?: 'left' | 'right';\n  drawArrow?: boolean;\n  leftIcon?: InputIconType;\n  rightIcon?: 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?: SizeProp;\n  totalCount?: number;\n  value?: Nullable<T>;\n  showClearIcon?: ShowClearIcon;\n  /**\n   * Cостояние валидации при предупреждении.\n   */\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  itemWrapper?: (item: T) => React.ComponentType;\n  renderValue: (value: T) => React.ReactNode;\n  renderAddButton?: (query?: string) => React.ReactNode;\n  valueToString: (value: T) => string;\n  itemToId: (item: T) => string | number;\n  getItems: (query: string) => Promise<Array<ComboBoxExtendedItem<T>>>;\n  inputMode?: React.HTMLAttributes<HTMLInputElement>['inputMode'];\n  onBeforePasteInMask?: MaskedInputOnBeforePasteValue;\n  viewMode?: ComboBoxViewMode;\n  maxRows?: number;\n}\n\nexport interface CustomComboBoxState<T> {\n  editing: boolean;\n  loading: boolean;\n  opened: boolean;\n  textValue: string;\n  items: Nullable<Array<ComboBoxExtendedItem<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\n@withRenderEnvironment\n@responsiveLayout\n@rootNode\n@withSize\nexport class CustomComboBox<T> extends React.PureComponent<CustomComboBoxProps<T>, CustomComboBoxState<T>> {\n  public static __KONTUR_REACT_UI__ = 'CustomComboBox';\n  public static displayName = 'CustomComboBox';\n\n  public state: CustomComboBoxState<T> = DefaultState;\n  public input: Nullable<Input | InternalTextareaWithLayout>;\n  public menu: Nullable<Menu>;\n  public inputLikeText: Nullable<InputLikeText>;\n  public requestId = 0;\n  public loaderShowDelay: Nullable<Promise<void>>;\n  private globalObject!: GlobalObject;\n  private focused = false;\n  private cancelationToken: Nullable<(reason?: Error) => void> = null;\n  private isMobileLayout!: boolean;\n  private canOpenPopup = true;\n\n  private reducer = reducer;\n  public cancelLoaderDelay: () => void = () => null;\n\n  /**\n   * @public\n   */\n  public focus = (opts?: { withoutOpenDropdown?: boolean }) => {\n    if (this.props.disabled) {\n      return;\n    }\n\n    if (opts?.withoutOpenDropdown) {\n      this.canOpenPopup = false;\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 = (): void => {\n    if (this.props.disabled) {\n      return;\n    }\n\n    this.handleBlur();\n  };\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n  private size!: SizeProp;\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    this.requestId += 1;\n    const expectingId = this.requestId;\n\n    if (!this.loaderShowDelay) {\n      this.loaderShowDelay = new Promise<void>((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(): void {\n    this.dispatch({ type: 'Open' });\n  }\n\n  /**\n   * @public\n   */\n  public close(): void {\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      opened: this.state.opened,\n      drawArrow: this.props.drawArrow,\n      menuPos: this.props.menuPos,\n      menuAlign: this.props.menuAlign,\n      placeholder: this.props.placeholder,\n      size: this.size,\n      textValue: this.state.textValue,\n      totalCount: this.props.totalCount,\n      value: this.props.value,\n      showClearIcon: this.props.showClearIcon,\n      warning: this.props.warning,\n      'aria-describedby': this.props['aria-describedby'],\n      'aria-label': this.props['aria-label'],\n      id: this.props.id,\n      width: this.props.width,\n      maxLength: this.props.maxLength,\n      maxMenuHeight: this.props.maxMenuHeight,\n      leftIcon: this.props.leftIcon,\n      rightIcon: this.props.rightIcon,\n      inputMode: this.props.inputMode,\n      mask: this.props.mask,\n      maskChar: this.props.maskChar,\n      formatChars: this.props.formatChars,\n      onBeforePasteInMask: this.props.onBeforePasteInMask,\n\n      onValueChange: this.handleValueChange,\n      onClickOutside: this.handleClickOutside,\n      onFocus: this.handleFocus,\n      onMobileClose: this.handleMobileClose,\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      onClearCrossClick: () => this.dispatch({ type: 'ClearCrossClick' }),\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      itemWrapper: this.props.itemWrapper,\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 | InternalTextareaWithLayout>) => {\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      viewMode: this.props.viewMode,\n      maxRows: this.props.maxRows,\n    };\n\n    return (\n      <CommonWrapper {...this.props}>\n        <ComboBoxView {...viewProps} size={this.props.size} ref={this.setRootNode} />\n      </CommonWrapper>\n    );\n  }\n\n  public componentDidMount() {\n    this.dispatch({ type: 'Mount' }, false);\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(\n      {\n        type: 'DidUpdate',\n        prevProps,\n        prevState,\n      },\n      false,\n    );\n  }\n\n  /**\n   * @public\n   */\n  public reset(): void {\n    this.dispatch({ type: 'Reset' });\n  }\n\n  private dispatch = (action: CustomComboBoxAction<T>, sync = true) => {\n    const updateState = (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          [nextState, effects] = stateAndEffect instanceof Array ? stateAndEffect : [stateAndEffect, []];\n          return nextState;\n        },\n        () => {\n          effects.forEach(this.handleEffect);\n        },\n      );\n    };\n\n    // Auto-batching React@18 creates problems that are fixed with flushSync\n    // https://github.com/skbkontur/retail-ui/pull/3144#issuecomment-1535235366\n    if (sync && Number(React.version) >= 18) {\n      ReactDOM.flushSync(() => updateState(action));\n    } else {\n      updateState(action);\n    }\n  };\n\n  private handleEffect = (effect: CustomComboBoxEffect<T>) => {\n    effect(this.dispatch, this.getState, this.getProps, () => this, this.globalObject);\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: !this.isMobileLayout,\n    });\n  };\n\n  private handleFocus = () => {\n    if (this.focused) {\n      return;\n    }\n\n    this.focused = true;\n    this.dispatch({ type: 'Focus', searchOnFocus: this.canOpenPopup && this.props.searchOnFocus });\n\n    if (!this.canOpenPopup) {\n      this.canOpenPopup = true;\n    }\n  };\n\n  private handleMobileClose = () => {\n    this.handleInputBlur();\n  };\n\n  private handleClickOutside = () => {\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\n    this.focused = false;\n    // workaround for the similar bug with focusout\n    // in Firefox, Chrome and IE\n    // https://bugzilla.mozilla.org/show_bug.cgi?id=1363964\n    setTimeout(() => {\n      this.dispatch({ type: 'Blur' });\n    }, 0);\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\n    if (this.state.opened && !this.isMobileLayout) {\n      return;\n    }\n    this.handleBlur();\n  };\n\n  private handleInputClick = () => {\n    if (!this.cancelationToken) {\n      this.dispatch({ type: 'InputClick' });\n    }\n  };\n}\n"]}
+{"version":3,"file":"CustomComboBox.js","sourceRoot":"","sources":["../../../internal/CustomComboBox/CustomComboBox.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { AriaAttributes, HTMLAttributes } from 'react';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\n\nimport type { ComboBoxExtendedItem, ComboBoxViewMode } from '../../components/ComboBox/index.js';\nimport type { Input, InputIconType, ShowClearIcon } from '../../components/Input/index.js';\nimport type { MaskedInputOnBeforePasteValue, MaskedInputProps } from '../../components/MaskedInput/index.js';\nimport type { MenuItemState } from '../../components/MenuItem/index.js';\nimport { responsiveLayout } from '../../components/ResponsiveLayout/decorator.js';\nimport type { GlobalObject } from '../../lib/globalObject.js';\nimport { REACT_MAJOR_VERSION } from '../../lib/react-is.js';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode/index.js';\nimport { rootNode } from '../../lib/rootNode/index.js';\nimport { withSize } from '../../lib/size/SizeDecorator.js';\nimport type { SizeProp } from '../../lib/types/props.js';\nimport { CancelationError, taskWithDelay } from '../../lib/utils.js';\nimport type { Nullable } from '../../typings/utility-types.js';\nimport type { CommonProps } from '../CommonWrapper/index.js';\nimport { CommonWrapper } from '../CommonWrapper/index.js';\nimport type { InputLikeText } from '../InputLikeText/index.js';\nimport type { InternalTextareaWithLayout } from '../InternalTextareaWithLayout/InternalTextareaWithLayout.js';\nimport type { Menu } from '../Menu/index.js';\nimport { ComboBoxView } from './ComboBoxView.js';\nimport type { CustomComboBoxAction, CustomComboBoxEffect } from './CustomComboBoxReducer.js';\nimport { reducer } from './CustomComboBoxReducer.js';\nimport { ComboBoxRequestStatus } from './CustomComboBoxTypes.js';\n\nexport * from './tids.js';\n\nexport interface CustomComboBoxProps<T>\n  extends\n    Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>,\n    Pick<HTMLAttributes<HTMLElement>, 'id'>,\n    CommonProps,\n    Partial<Pick<MaskedInputProps, 'mask' | 'maskChar' | 'formatChars'>> {\n  align?: 'left' | 'center' | 'right';\n  autoFocus?: boolean;\n  borderless?: boolean;\n  disablePortal?: boolean;\n  disabled?: boolean;\n  /**\n   * Cостояние валидации при ошибке.\n   */\n  error?: boolean;\n  maxLength?: number;\n  /**\n   * Позволяет вручную задать текущую позицию выпадающего окна\n   */\n  menuPos?: 'top' | 'bottom';\n  menuAlign?: 'left' | 'right';\n  drawArrow?: boolean;\n  leftIcon?: InputIconType;\n  rightIcon?: 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?: SizeProp;\n  totalCount?: number;\n  value?: Nullable<T>;\n  showClearIcon?: ShowClearIcon;\n  /**\n   * Cостояние валидации при предупреждении.\n   */\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  itemWrapper?: (item: T) => React.ComponentType;\n  renderValue: (value: T) => React.ReactNode;\n  renderAddButton?: (query?: string) => React.ReactNode;\n  valueToString: (value: T) => string;\n  itemToId: (item: T) => string | number;\n  getItems: (query: string) => Promise<Array<ComboBoxExtendedItem<T>>>;\n  inputMode?: React.HTMLAttributes<HTMLInputElement>['inputMode'];\n  onBeforePasteInMask?: MaskedInputOnBeforePasteValue;\n  viewMode?: ComboBoxViewMode;\n  maxRows?: number;\n}\n\nexport interface CustomComboBoxState<T> {\n  editing: boolean;\n  loading: boolean;\n  opened: boolean;\n  textValue: string;\n  items: Nullable<Array<ComboBoxExtendedItem<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\n@withRenderEnvironment\n@responsiveLayout\n@rootNode\n@withSize\nexport class CustomComboBox<T> extends React.PureComponent<CustomComboBoxProps<T>, CustomComboBoxState<T>> {\n  public static __KONTUR_REACT_UI__ = 'CustomComboBox';\n  public static displayName = 'CustomComboBox';\n\n  public state: CustomComboBoxState<T> = DefaultState;\n  public input: Nullable<Input | InternalTextareaWithLayout>;\n  public menu: Nullable<Menu>;\n  public inputLikeText: Nullable<InputLikeText>;\n  public requestId = 0;\n  public loaderShowDelay: Nullable<Promise<void>>;\n  private globalObject!: GlobalObject;\n  private focused = false;\n  private cancelationToken: Nullable<(reason?: Error) => void> = null;\n  private isMobileLayout!: boolean;\n  private canOpenPopup = true;\n\n  private reducer = reducer;\n  public cancelLoaderDelay: () => void = () => null;\n\n  /**\n   * @public\n   */\n  public focus = (opts?: { withoutOpenDropdown?: boolean }) => {\n    if (this.props.disabled) {\n      return;\n    }\n\n    if (opts?.withoutOpenDropdown) {\n      this.canOpenPopup = false;\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 = (): void => {\n    if (this.props.disabled) {\n      return;\n    }\n\n    this.handleBlur();\n  };\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n  private size!: SizeProp;\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    this.requestId += 1;\n    const expectingId = this.requestId;\n\n    if (!this.loaderShowDelay) {\n      this.loaderShowDelay = new Promise<void>((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(): void {\n    this.dispatch({ type: 'Open' });\n  }\n\n  /**\n   * @public\n   */\n  public close(): void {\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      opened: this.state.opened,\n      drawArrow: this.props.drawArrow,\n      menuPos: this.props.menuPos,\n      menuAlign: this.props.menuAlign,\n      placeholder: this.props.placeholder,\n      size: this.size,\n      textValue: this.state.textValue,\n      totalCount: this.props.totalCount,\n      value: this.props.value,\n      showClearIcon: this.props.showClearIcon,\n      warning: this.props.warning,\n      'aria-describedby': this.props['aria-describedby'],\n      'aria-label': this.props['aria-label'],\n      id: this.props.id,\n      width: this.props.width,\n      maxLength: this.props.maxLength,\n      maxMenuHeight: this.props.maxMenuHeight,\n      leftIcon: this.props.leftIcon,\n      rightIcon: this.props.rightIcon,\n      inputMode: this.props.inputMode,\n      mask: this.props.mask,\n      maskChar: this.props.maskChar,\n      formatChars: this.props.formatChars,\n      onBeforePasteInMask: this.props.onBeforePasteInMask,\n\n      onValueChange: this.handleValueChange,\n      onClickOutside: this.handleClickOutside,\n      onFocus: this.handleFocus,\n      onMobileClose: this.handleMobileClose,\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      onClearCrossClick: () => this.dispatch({ type: 'ClearCrossClick' }),\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      itemWrapper: this.props.itemWrapper,\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 | InternalTextareaWithLayout>) => {\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      viewMode: this.props.viewMode,\n      maxRows: this.props.maxRows,\n    };\n\n    return (\n      <CommonWrapper {...this.props}>\n        <ComboBoxView {...viewProps} size={this.props.size} ref={this.setRootNode} />\n      </CommonWrapper>\n    );\n  }\n\n  public componentDidMount() {\n    this.dispatch({ type: 'Mount' }, false);\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(\n      {\n        type: 'DidUpdate',\n        prevProps,\n        prevState,\n      },\n      false,\n    );\n  }\n\n  /**\n   * @public\n   */\n  public reset(): void {\n    this.dispatch({ type: 'Reset' });\n  }\n\n  private dispatch = (action: CustomComboBoxAction<T>, sync = true) => {\n    const updateState = (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          [nextState, effects] = stateAndEffect instanceof Array ? stateAndEffect : [stateAndEffect, []];\n          return nextState;\n        },\n        () => {\n          effects.forEach(this.handleEffect);\n        },\n      );\n    };\n\n    // Auto-batching React@18 creates problems that are fixed with flushSync\n    // https://github.com/skbkontur/retail-ui/pull/3144#issuecomment-1535235366\n    if (sync && REACT_MAJOR_VERSION >= 18) {\n      ReactDOM.flushSync(() => updateState(action));\n    } else {\n      updateState(action);\n    }\n  };\n\n  private handleEffect = (effect: CustomComboBoxEffect<T>) => {\n    effect(this.dispatch, this.getState, this.getProps, () => this, this.globalObject);\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: !this.isMobileLayout,\n    });\n  };\n\n  private handleFocus = () => {\n    if (this.focused) {\n      return;\n    }\n\n    this.focused = true;\n    this.dispatch({ type: 'Focus', searchOnFocus: this.canOpenPopup && this.props.searchOnFocus });\n\n    if (!this.canOpenPopup) {\n      this.canOpenPopup = true;\n    }\n  };\n\n  private handleMobileClose = () => {\n    this.handleInputBlur();\n  };\n\n  private handleClickOutside = () => {\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\n    this.focused = false;\n    // workaround for the similar bug with focusout\n    // in Firefox, Chrome and IE\n    // https://bugzilla.mozilla.org/show_bug.cgi?id=1363964\n    setTimeout(() => {\n      this.dispatch({ type: 'Blur' });\n    }, 0);\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\n    if (this.state.opened && !this.isMobileLayout) {\n      return;\n    }\n    this.handleBlur();\n  };\n\n  private handleInputClick = () => {\n    if (!this.cancelationToken) {\n      this.dispatch({ type: 'InputClick' });\n    }\n  };\n}\n"]}

package/internal/CustomComboBox/CustomComboBoxReducer.d.ts

@@ -1,7 +1,7 @@
 import type React from 'react';
+import type { ComboBoxExtendedItem } from '../../components/ComboBox/index.js';
 import type { GlobalObject } from '../../lib/globalObject.js';
 import type { Nullable } from '../../typings/utility-types.js';
-import type { ComboBoxExtendedItem } from '../../components/ComboBox/index.js';
 import type { CustomComboBox, CustomComboBoxProps, CustomComboBoxState } from './CustomComboBox.js';
 export type CustomComboBoxAction<T> = {
     type: 'ValueChange';

package/internal/CustomComboBox/CustomComboBoxReducer.js

@@ -20,9 +20,9 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 };
 import debounce from 'lodash.debounce';
 import isEqual from 'lodash.isequal';
-import { isNonNullable } from '../../lib/utils.js';
 import { isKeyArrowUp, isKeyArrowVertical, isKeyEnter, isKeyEscape } from '../../lib/events/keyboard/identifiers.js';
 import * as LayoutEvents from '../../lib/LayoutEvents.js';
+import { isNonNullable } from '../../lib/utils.js';
 import { DefaultState } from './CustomComboBox.js';
 import { ComboBoxRequestStatus } from './CustomComboBoxTypes.js';
 var DEBOUNCE_DELAY = 300;