@skbkontur/react-ui 5.0.8 → 5.0.9

package/cjs/internal/CloseButtonIcon/__creevey__/CloseButtonIcon.creevey.mts

@@ -0,0 +1,48 @@
+import { story, kind, test } from 'creevey';
+import { Key } from 'selenium-webdriver';
+
+const clickThenTAB = (clickDataTid: string) => {
+  test(clickDataTid, async (context) => {
+    await context.webdriver
+      .actions({
+        bridge: true,
+      })
+      .click(context.webdriver.findElement({ css: `[data-tid="${clickDataTid}"] input` }))
+      .pause(500)
+      .perform();
+    const firstFocus = await context.takeScreenshot();
+    await context.webdriver
+      .actions({
+        bridge: true,
+      })
+      .sendKeys(Key.TAB)
+      .pause(500)
+      .perform();
+    const secondFocus = await context.takeScreenshot();
+
+    await context.matchImages({ firstFocus, secondFocus });
+  });
+};
+
+kind('CloseButtonIcon', () => {
+  story('Tabbable', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: {
+        'do not pass on teamcity': { in: ['firefox2022', 'firefox2022Dark'] },
+        'only available in theme2022': { in: /^(?!\b.*2022.*\b)/ },
+      },
+    });
+    clickThenTAB('notTabbable');
+    clickThenTAB('tabbable');
+  });
+  story('Side', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: { 'only available in theme2022': { in: /^(?!\b.*2022.*\b)/ } },
+    });
+  });
+  story('VerticalAlign', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: { 'only available in theme2022': { in: /^(?!\b.*2022.*\b)/ } },
+    });
+  });
+});

package/cjs/internal/CustomComboBox/CustomComboBox.d.ts

@@ -8,6 +8,7 @@ import { CommonProps } from '../CommonWrapper';
 import { ComboBoxExtendedItem } from '../../components/ComboBox';
 import { SizeProp } from '../../lib/types/props';
 import { ComboBoxRequestStatus } from './CustomComboBoxTypes';
+export * from './tids';
 export interface CustomComboBoxProps<T> extends Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>, Pick<HTMLAttributes<HTMLElement>, 'id'>, CommonProps {
     align?: 'left' | 'center' | 'right';
     autoFocus?: boolean;
@@ -83,9 +84,6 @@ export declare const DefaultState: {
     requestStatus: ComboBoxRequestStatus;
     size: string;
 };
-export declare const CustomComboBoxDataTids: {
-    readonly comboBoxView: "ComboBoxView__root";
-};
 export declare class CustomComboBox<T> extends React.PureComponent<CustomComboBoxProps<T>, CustomComboBoxState<T>> {
     static __KONTUR_REACT_UI__: string;
     static displayName: string;

package/cjs/internal/CustomComboBox/CustomComboBox.js

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.LOADER_SHOW_TIME = exports.DefaultState = exports.DELAY_BEFORE_SHOW_LOADER = exports.CustomComboBoxDataTids = exports.CustomComboBox = void 0;var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;var _exportNames = { DELAY_BEFORE_SHOW_LOADER: true, LOADER_SHOW_TIME: true, DefaultState: true, CustomComboBox: true };exports.LOADER_SHOW_TIME = exports.DefaultState = exports.DELAY_BEFORE_SHOW_LOADER = exports.CustomComboBox = void 0;var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 var _reactDom = _interopRequireDefault(require("react-dom"));
 var _globalObject = require("@skbkontur/global-object");
 
@@ -22,7 +22,9 @@ var _featureFlagsContext = require("../../lib/featureFlagsContext");
 
 var _CustomComboBoxTypes = require("./CustomComboBoxTypes");
 var _CustomComboBoxReducer = require("./CustomComboBoxReducer");
-var _ComboBoxView = require("./ComboBoxView");var _class, _CustomComboBox;
+var _ComboBoxView = require("./ComboBoxView");
+
+var _tids = require("./tids");Object.keys(_tids).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;if (key in exports && exports[key] === _tids[key]) return;exports[key] = _tids[key];});var _class, _CustomComboBox;
 
 
 
@@ -104,10 +106,6 @@ var DefaultState = exports.DefaultState = {
   repeatRequest: function repeatRequest() {return undefined;},
   requestStatus: _CustomComboBoxTypes.ComboBoxRequestStatus.Unknown,
   size: 'small'
-};
-
-var CustomComboBoxDataTids = exports.CustomComboBoxDataTids = {
-  comboBoxView: 'ComboBoxView__root'
 };var
 
 

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactDom","_globalObject","_utils","_fixClickFocusIE","_CommonWrapper","_decorator","_rootNode","_featureFlagsContext","_CustomComboBoxTypes","_CustomComboBoxReducer","_ComboBoxView","_class","_CustomComboBox","DELAY_BEFORE_SHOW_LOADER","exports","LOADER_SHOW_TIME","DefaultState","inputChanged","editing","items","loading","opened","focused","textValue","repeatRequest","undefined","requestStatus","ComboBoxRequestStatus","Unknown","size","CustomComboBoxDataTids","comboBoxView","CustomComboBox","responsiveLayout","rootNode","_React$PureComponent","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","requestId","cancelationToken","reducer","cancelLoaderDelay","focus","props","disabled","input","inputLikeText","selectInputText","selectAll","blur","handleBlur","dispatch","action","sync","updateState","effects","nextState","setState","stateAndEffect","_ref","forEach","handleEffect","React","version","search","ReactDOM","flushSync","effect","getState","getProps","handleValueChange","value","type","keepFocus","isMobileLayout","handleFocus","handleMobileClose","handleInputBlur","handleClickOutside","e","fixClickFocusIE","close","globalObject","setTimeout","handleInputClick","_inheritsLoose2","default","_proto","prototype","_search","_asyncToGenerator2","_regenerator","mark","_callee","query","_this2","getItems","cancelPromise","expectingId","wrap","_callee$","_context","prev","next","Promise","_","reject","loaderShowDelay","resolve","cancelLoader","taskWithDelay","catch","race","sent","t0","code","finish","stop","_x","cancelSearch","CancelationError","open","render","_this3","viewProps","align","borderless","disablePortal","error","drawArrow","menuPos","menuAlign","placeholder","totalCount","warning","id","width","maxLength","maxMenuHeight","leftIcon","rightIcon","inputMode","onValueChange","onClickOutside","onFocus","onMobileClose","onFocusOutside","onInputBlur","onInputValueChange","onInputFocus","onInputClick","onInputKeyDown","event","persist","onMouseEnter","onMouseOver","onMouseLeave","renderItem","renderNotFound","itemWrapper","renderValue","renderTotalCount","renderAddButton","refInput","refMenu","menu","refInputLikeText","createElement","ReactUIFeatureFlagsContext","Consumer","flags","featureFlags","getFullReactUIFlagsContext","CommonWrapper","ComboBoxView","_extends2","ref","setRootNode","componentDidMount","autoFocus","componentDidUpdate","prevProps","prevState","fixValueChange","comboBoxAllowValueChangeInEditingState","reset","PureComponent","__KONTUR_REACT_UI__","displayName"],"sources":["CustomComboBox.tsx"],"sourcesContent":["import React, { AriaAttributes, HTMLAttributes } from 'react';\nimport ReactDOM from 'react-dom';\nimport { globalObject } from '@skbkontur/global-object';\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 '../CommonWrapper';\nimport { responsiveLayout } from '../../components/ResponsiveLayout/decorator';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { ComboBoxExtendedItem } from '../../components/ComboBox';\nimport { SizeProp } from '../../lib/types/props';\nimport {\n  ReactUIFeatureFlags,\n  ReactUIFeatureFlagsContext,\n  getFullReactUIFlagsContext,\n} from '../../lib/featureFlagsContext';\n\nimport { ComboBoxRequestStatus } from './CustomComboBoxTypes';\nimport { CustomComboBoxAction, CustomComboBoxEffect, reducer } from './CustomComboBoxReducer';\nimport { ComboBoxView } from './ComboBoxView';\n\nexport interface CustomComboBoxProps<T>\n  extends Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>,\n    Pick<HTMLAttributes<HTMLElement>, 'id'>,\n    CommonProps {\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  /**\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  itemToValue: (item: T) => string | number;\n  getItems: (query: string) => Promise<Array<ComboBoxExtendedItem<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<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  size: 'small',\n};\n\nexport const CustomComboBoxDataTids = {\n  comboBoxView: 'ComboBoxView__root',\n} as const;\n\n@responsiveLayout\n@rootNode\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>;\n  public menu: Nullable<Menu>;\n  public inputLikeText: Nullable<InputLikeText>;\n  public requestId = 0;\n  public loaderShowDelay: Nullable<Promise<void>>;\n  private focused = false;\n  private cancelationToken: Nullable<(reason?: Error) => void> = null;\n  private isMobileLayout!: boolean;\n  private featureFlags!: ReactUIFeatureFlags;\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  private setRootNode!: TSetRootNode;\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          globalObject.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      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.props.size,\n      textValue: this.state.textValue,\n      totalCount: this.props.totalCount,\n      value: this.props.value,\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\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      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>) => {\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      <ReactUIFeatureFlagsContext.Consumer>\n        {(flags) => {\n          this.featureFlags = getFullReactUIFlagsContext(flags);\n          return (\n            <CommonWrapper {...this.props}>\n              <ComboBoxView {...viewProps} size={this.props.size} ref={this.setRootNode} />\n            </CommonWrapper>\n          );\n        }}\n      </ReactUIFeatureFlagsContext.Consumer>\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        fixValueChange: this.featureFlags.comboBoxAllowValueChangeInEditingState,\n      },\n      false,\n    );\n  }\n\n  /**\n   * @public\n   */\n  public reset() {\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.version.search('18') === 0) {\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);\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    this.focused = true;\n    this.dispatch({ type: 'Focus' });\n  };\n\n  private handleMobileClose = () => {\n    this.handleInputBlur();\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\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    globalObject.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"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactDom","_globalObject","_utils","_fixClickFocusIE","_CommonWrapper","_decorator","_rootNode","_featureFlagsContext","_CustomComboBoxTypes","_CustomComboBoxReducer","_ComboBoxView","_tids","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","_class","_CustomComboBox","DELAY_BEFORE_SHOW_LOADER","LOADER_SHOW_TIME","DefaultState","inputChanged","editing","items","loading","opened","focused","textValue","repeatRequest","undefined","requestStatus","ComboBoxRequestStatus","Unknown","size","CustomComboBox","responsiveLayout","rootNode","_React$PureComponent","_this","_len","arguments","length","args","Array","_key","apply","concat","state","requestId","cancelationToken","reducer","cancelLoaderDelay","focus","props","disabled","input","inputLikeText","selectInputText","selectAll","blur","handleBlur","dispatch","action","sync","updateState","effects","nextState","setState","stateAndEffect","_ref","handleEffect","React","version","search","ReactDOM","flushSync","effect","getState","getProps","handleValueChange","value","type","keepFocus","isMobileLayout","handleFocus","handleMobileClose","handleInputBlur","handleClickOutside","e","fixClickFocusIE","close","globalObject","setTimeout","handleInputClick","_inheritsLoose2","default","_proto","_search","_asyncToGenerator2","_regenerator","mark","_callee","query","_this2","getItems","cancelPromise","expectingId","wrap","_callee$","_context","prev","next","Promise","_","reject","loaderShowDelay","resolve","cancelLoader","taskWithDelay","catch","race","sent","t0","code","finish","stop","_x","cancelSearch","CancelationError","open","render","_this3","viewProps","align","borderless","disablePortal","error","drawArrow","menuPos","menuAlign","placeholder","totalCount","warning","id","width","maxLength","maxMenuHeight","leftIcon","rightIcon","inputMode","onValueChange","onClickOutside","onFocus","onMobileClose","onFocusOutside","onInputBlur","onInputValueChange","onInputFocus","onInputClick","onInputKeyDown","event","persist","onMouseEnter","onMouseOver","onMouseLeave","renderItem","renderNotFound","itemWrapper","renderValue","renderTotalCount","renderAddButton","refInput","refMenu","menu","refInputLikeText","createElement","ReactUIFeatureFlagsContext","Consumer","flags","featureFlags","getFullReactUIFlagsContext","CommonWrapper","ComboBoxView","_extends2","ref","setRootNode","componentDidMount","autoFocus","componentDidUpdate","prevProps","prevState","fixValueChange","comboBoxAllowValueChangeInEditingState","reset","PureComponent","__KONTUR_REACT_UI__","displayName"],"sources":["CustomComboBox.tsx"],"sourcesContent":["import React, { AriaAttributes, HTMLAttributes } from 'react';\nimport ReactDOM from 'react-dom';\nimport { globalObject } from '@skbkontur/global-object';\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 '../CommonWrapper';\nimport { responsiveLayout } from '../../components/ResponsiveLayout/decorator';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { ComboBoxExtendedItem } from '../../components/ComboBox';\nimport { SizeProp } from '../../lib/types/props';\nimport {\n  ReactUIFeatureFlags,\n  ReactUIFeatureFlagsContext,\n  getFullReactUIFlagsContext,\n} from '../../lib/featureFlagsContext';\n\nimport { ComboBoxRequestStatus } from './CustomComboBoxTypes';\nimport { CustomComboBoxAction, CustomComboBoxEffect, reducer } from './CustomComboBoxReducer';\nimport { ComboBoxView } from './ComboBoxView';\n\nexport * from './tids';\n\nexport interface CustomComboBoxProps<T>\n  extends Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>,\n    Pick<HTMLAttributes<HTMLElement>, 'id'>,\n    CommonProps {\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  /**\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  itemToValue: (item: T) => string | number;\n  getItems: (query: string) => Promise<Array<ComboBoxExtendedItem<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<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  size: 'small',\n};\n\n@responsiveLayout\n@rootNode\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>;\n  public menu: Nullable<Menu>;\n  public inputLikeText: Nullable<InputLikeText>;\n  public requestId = 0;\n  public loaderShowDelay: Nullable<Promise<void>>;\n  private focused = false;\n  private cancelationToken: Nullable<(reason?: Error) => void> = null;\n  private isMobileLayout!: boolean;\n  private featureFlags!: ReactUIFeatureFlags;\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  private setRootNode!: TSetRootNode;\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          globalObject.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      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.props.size,\n      textValue: this.state.textValue,\n      totalCount: this.props.totalCount,\n      value: this.props.value,\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\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      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>) => {\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      <ReactUIFeatureFlagsContext.Consumer>\n        {(flags) => {\n          this.featureFlags = getFullReactUIFlagsContext(flags);\n          return (\n            <CommonWrapper {...this.props}>\n              <ComboBoxView {...viewProps} size={this.props.size} ref={this.setRootNode} />\n            </CommonWrapper>\n          );\n        }}\n      </ReactUIFeatureFlagsContext.Consumer>\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        fixValueChange: this.featureFlags.comboBoxAllowValueChangeInEditingState,\n      },\n      false,\n    );\n  }\n\n  /**\n   * @public\n   */\n  public reset() {\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.version.search('18') === 0) {\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);\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    this.focused = true;\n    this.dispatch({ type: 'Focus' });\n  };\n\n  private handleMobileClose = () => {\n    this.handleInputBlur();\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\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    globalObject.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"],"mappings":"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","ignoreList":[]}

package/cjs/internal/CustomComboBox/__creevey__/ComboBoxView.creevey.mts

@@ -0,0 +1,30 @@
+import { story, kind, test } from 'creevey';
+
+const FIREFOX_REGEXP = /.*firefox.*/i;
+
+kind('ComboBoxView', () => {
+  story('InputLikeText', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: {
+        'story-skip-0': {
+          in: FIREFOX_REGEXP,
+          tests: ['focused first element'],
+        },
+      },
+    });
+
+    test('plain', async (context) => {
+      await context.matchImage(await context.takeScreenshot(), 'plain');
+    });
+
+    test('focused first element', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '[data-comp-name~="InputLikeText"]' }))
+        .perform();
+      await context.matchImage(await context.takeScreenshot(), 'focused first element');
+    });
+  });
+});

package/cjs/internal/CustomComboBox/tids.d.ts

@@ -0,0 +1,3 @@
+export declare const CustomComboBoxDataTids: {
+    readonly comboBoxView: "ComboBoxView__root";
+};

package/cjs/internal/CustomComboBox/tids.js

@@ -0,0 +1,3 @@
+"use strict";exports.__esModule = true;exports.CustomComboBoxDataTids = void 0;var CustomComboBoxDataTids = exports.CustomComboBoxDataTids = {
+  comboBoxView: 'ComboBoxView__root'
+};

package/cjs/internal/CustomComboBox/tids.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CustomComboBoxDataTids","exports","comboBoxView"],"sources":["tids.ts"],"sourcesContent":["export const CustomComboBoxDataTids = {\n  comboBoxView: 'ComboBoxView__root',\n} as const;\n"],"mappings":"+EAAO,IAAMA,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAG;EACpCE,YAAY,EAAE;AAChB,CAAU","ignoreList":[]}

package/cjs/internal/FileUploaderControl/__creevey__/FileUploaderFile.creevey.mts

@@ -0,0 +1,25 @@
+import { story, kind, test } from 'creevey';
+
+kind('FileUploaderFile', () => {
+  story('FileUploaderFileWithValidationError', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: {
+        'story-skip-0': {
+          in: /^(?!\b(chrome2022)\b)/,
+        },
+      },
+    });
+
+    test('hover', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .move({
+          origin: context.webdriver.findElement({ css: '[data-tid="FileUploader__fileName"]' }),
+        })
+        .perform();
+      await context.matchImage(await context.takeScreenshot(), 'hover');
+    });
+  });
+});

package/cjs/internal/HideBodyVerticalScroll/__creevey__/HideBodyVerticalScroll.creevey.mts

@@ -0,0 +1,83 @@
+import { story, kind, test } from 'creevey';
+
+import { delay } from '../../../lib/delay';
+
+const testScrollLockUnlock = () => {
+  test('scroll, lock, unlock', async (context) => {
+    const toggle = async () => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '[data-tid~="toggle-lock"]' }))
+        .perform();
+      await delay(1000);
+    };
+    await context.webdriver.executeScript(function () {
+      const scrollContainer = window.document.documentElement;
+      scrollContainer.scrollTop = scrollContainer.scrollHeight;
+    });
+    const scrolled = await context.webdriver.takeScreenshot();
+    await toggle();
+    const locked = await context.webdriver.takeScreenshot();
+    await toggle();
+    const unlocked = await context.webdriver.takeScreenshot();
+    await context.matchImages({ scrolled, locked, unlocked });
+  });
+};
+
+kind('HideBodyVerticalScroll', () => {
+  story('Sample', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: { 'themes dont affect logic': { in: /^(?!\bchrome2022\b)/ } },
+    });
+    testScrollLockUnlock();
+  });
+
+  story('WithScrollableContent', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: { 'themes dont affect logic': { in: /^(?!\bchrome2022\b)/ } },
+    });
+    testScrollLockUnlock();
+  });
+
+  story('WithHTMLOverflowYScroll', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: { 'themes dont affect logic': { in: /^(?!\bchrome2022\b)/ } },
+    });
+    testScrollLockUnlock();
+  });
+
+  story('Multiple_WithScrollableContent', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: { 'themes dont affect logic': { in: /^(?!\bchrome2022\b)/ } },
+    });
+    testScrollLockUnlock();
+  });
+
+  story('DisorderlyUnmountAndResize', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: { 'themes dont affect logic': { in: /^(?!\bchrome2022\b)/ } },
+    });
+    test('idle, hide, show, resize', async (context) => {
+      const toggle = async (index: number) => {
+        await context.webdriver.findElement({ css: `div:nth-of-type(${index}) [data-tid~="toggle-lock"]` }).click();
+      };
+
+      const idle = await context.webdriver.takeScreenshot();
+
+      await toggle(1);
+      await toggle(2);
+      const hide = await context.webdriver.takeScreenshot();
+
+      await toggle(1);
+      await toggle(2);
+      const show = await context.webdriver.takeScreenshot();
+
+      await context.webdriver.findElement({ css: '[data-tid="resize"]' }).click();
+      const resize = await context.webdriver.takeScreenshot();
+
+      await context.matchImages({ idle, hide, show, resize });
+    });
+  });
+});

package/cjs/internal/Menu/__creevey__/Menu.creevey.mts

@@ -0,0 +1,90 @@
+import { story, kind, test } from 'creevey';
+
+kind('Menu', () => {
+  story('WithMaxHeight', ({ setStoryParameters }) => {
+    setStoryParameters({
+      captureElement: '[data-tid="menu-container"',
+      skip: {
+        flacky: { in: ['chrome2022'] },
+      },
+    });
+
+    test('idle', async (context) => {
+      await context.matchImage(await context.takeScreenshot(), 'idle');
+    });
+
+    test('moved up from top to the last Item', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '#move-up' }))
+        .perform();
+      await context.matchImage(await context.takeScreenshot(), 'moved up from top to the last Item');
+    });
+
+    test('moved up from bottom to the first Item', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '#move-up' }))
+        .click(context.webdriver.findElement({ css: '#move-up' }))
+        .click(context.webdriver.findElement({ css: '#move-up' }))
+        .perform();
+      await context.matchImage(await context.takeScreenshot(), 'moved up from bottom to the first Item');
+    });
+
+    test('moved down from top to the last Item', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '#move-up' }))
+        .click(context.webdriver.findElement({ css: '#move-up' }))
+        .click(context.webdriver.findElement({ css: '#move-up' }))
+        .click(context.webdriver.findElement({ css: '#move-down' }))
+        .click(context.webdriver.findElement({ css: '#move-down' }))
+        .perform();
+      await context.matchImage(await context.takeScreenshot(), 'moved down from top to the last Item');
+    });
+
+    test('moved down from bottom to the first Item', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '#move-up' }))
+        .click(context.webdriver.findElement({ css: '#move-up' }))
+        .click(context.webdriver.findElement({ css: '#move-up' }))
+        .click(context.webdriver.findElement({ css: '#move-down' }))
+        .click(context.webdriver.findElement({ css: '#move-down' }))
+        .click(context.webdriver.findElement({ css: '#move-down' }))
+        .perform();
+      await context.matchImage(await context.takeScreenshot(), 'moved down from bottom to the first Item');
+    });
+  });
+
+  story('WithDisabledMenuItem', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: {
+        'hover does not work in chrome': { in: ['chrome2022', 'chrome2022Dark'], tests: ['mouseenter'] },
+      },
+    });
+
+    test('mouseenter', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '[data-tid="menuitem-notdisabled"]' }))
+        .perform();
+      await context.matchImage(await context.takeScreenshot(), 'mouseenter');
+    });
+  });
+  story('WithItemsWithIconsWithoutTextAlignment', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: { 'themes dont affect logic': { in: /^(?!\bchrome2022\b)/ } },
+    });
+  });
+});

package/cjs/internal/PopupMenu/PopupMenu.d.ts

@@ -3,6 +3,7 @@ import { HTMLProps } from '../../typings/html';
 import { PopupPositionsType } from '../Popup';
 import { CommonProps } from '../CommonWrapper';
 import { MenuProps } from '../Menu';
+export * from './tids';
 export interface PopupMenuCaptionProps {
     opened: boolean;
     openMenu: (firstItemShouldBeSelected?: boolean) => void;
@@ -55,10 +56,6 @@ export declare const PopupMenuType: {
     readonly Dropdown: "dropdown";
     readonly Tooltip: "tooltip";
 };
-export declare const PopupMenuDataTids: {
-    readonly root: "PopupMenu__root";
-    readonly caption: "PopupMenu__caption";
-};
 type DefaultProps = Required<Pick<PopupMenuProps, 'positions' | 'type' | 'popupHasPin' | 'disableAnimations'>>;
 export declare class PopupMenu extends React.Component<PopupMenuProps, PopupMenuState> {
     static __KONTUR_REACT_UI__: string;
@@ -100,4 +97,3 @@ export declare class PopupMenu extends React.Component<PopupMenuProps, PopupMenu
     private handleChangeMenuVisible;
     private handleItemSelection;
 }
-export {};

package/cjs/internal/PopupMenu/PopupMenu.js

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.PopupMenuType = exports.PopupMenuDataTids = exports.PopupMenu = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;var _exportNames = { PopupMenuType: true, PopupMenu: true };exports.PopupMenuType = exports.PopupMenu = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 var _globalObject = require("@skbkontur/global-object");
 
 var _utils = require("../../lib/utils");
@@ -22,7 +22,10 @@ var _createPropsGetter = require("../../lib/createPropsGetter");
 var _Menu = require("../Menu");
 
 var _validatePositions = require("./validatePositions");
-var _PopupMenu2 = require("./PopupMenu.styles");var _class, _PopupMenu;
+var _PopupMenu2 = require("./PopupMenu.styles");
+var _tids = require("./tids");
+
+Object.keys(_tids).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;if (key in exports && exports[key] === _tids[key]) return;exports[key] = _tids[key];});var _class, _PopupMenu;
 
 
 
@@ -87,11 +90,6 @@ var PopupMenuType = exports.PopupMenuType = {
   Tooltip: 'tooltip'
 };
 
-var PopupMenuDataTids = exports.PopupMenuDataTids = {
-  root: 'PopupMenu__root',
-  caption: 'PopupMenu__caption'
-};
-
 var Positions = [
 'top left',
 'top center',
@@ -242,7 +240,7 @@ PopupMenu = exports.PopupMenu = (0, _rootNode.rootNode)(_class = (0, _decorator.
 
         return /*#__PURE__*/(
           _react.default.createElement("span", {
-            "data-tid": PopupMenuDataTids.caption,
+            "data-tid": _tids.PopupMenuDataTids.caption,
             className: _PopupMenu2.styles.caption(),
             ref: function ref(element) {return _this.captionWrapper = element;} },
 
@@ -253,7 +251,7 @@ PopupMenu = exports.PopupMenu = (0, _rootNode.rootNode)(_class = (0, _decorator.
 
       return /*#__PURE__*/(
         _react.default.createElement("span", {
-          "data-tid": PopupMenuDataTids.caption,
+          "data-tid": _tids.PopupMenuDataTids.caption,
           onClick: _this.handleCaptionClick,
           onKeyDown: _this.handleCaptionKeyDown,
           ref: function ref(element) {return _this.captionWrapper = element;},
@@ -364,4 +362,4 @@ PopupMenu = exports.PopupMenu = (0, _rootNode.rootNode)(_class = (0, _decorator.
 
       var restoreFocus = event.type === 'keydown';
       _this.hideMenu(restoreFocus);
-    };return _this;}(0, _inheritsLoose2.default)(PopupMenu, _React$Component);var _proto = PopupMenu.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: _ThemeFactory.ThemeFactory.create({ menuOffsetY: theme.popupMenuMenuOffsetY }, theme) }, _this2.renderMain());});};_proto.renderMain = function renderMain() {var _this$props$popupMenu2;var _this$getProps = this.getProps(),popupHasPin = _this$getProps.popupHasPin,disableAnimations = _this$getProps.disableAnimations;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.createElement(_RenderLayer.RenderLayer, { onClickOutside: this.hideMenuWithoutFocusing, onFocusOutside: this.hideMenuWithoutFocusing, active: this.state.menuVisible }, /*#__PURE__*/_react.default.createElement("div", { "data-tid": PopupMenuDataTids.root, className: _PopupMenu2.styles.container(), style: { width: this.props.width } }, this.renderCaption(), this.captionWrapper && this.props.children && /*#__PURE__*/_react.default.createElement(_Popup.Popup, { id: (_this$props$popupMenu2 = this.props.popupMenuId) != null ? _this$props$popupMenu2 : this.rootId, anchorElement: this.captionWrapper, opened: this.state.menuVisible, hasShadow: true, margin: this.props.popupMargin, hasPin: popupHasPin, pinOffset: this.props.popupPinOffset, positions: this.getPositions(), disableAnimations: disableAnimations, onOpen: this.handleOpen, mobileOnCloseRequest: this.hideMenu, width: this.isMobileLayout ? 'auto' : this.props.menuWidth || 'auto' }, /*#__PURE__*/_react.default.createElement(_Menu.Menu, { maxHeight: this.isMobileLayout ? 'none' : this.props.menuMaxHeight || 'none', onKeyDown: this.handleKeyDown, onItemClick: this.handleItemSelection, preventIconsOffset: this.props.preventIconsOffset, cyclicSelection: false, ref: this.menuRef, initialSelectedItemIndex: this.state.firstItemShouldBeSelected ? 0 : -1, header: this.props.header, footer: this.props.footer }, this.props.children)))));};_proto.getPositions = function getPositions() {var positions = this.getProps().positions;if (positions && (0, _validatePositions.isValidPositions)(positions)) {return positions;}return Positions;};return PopupMenu;}(_react.default.Component), _PopupMenu.__KONTUR_REACT_UI__ = 'PopupMenu', _PopupMenu.displayName = 'PopupMenu', _PopupMenu.defaultProps = { positions: Positions, type: PopupMenuType.Tooltip, popupHasPin: true, disableAnimations: false }, _PopupMenu.Type = PopupMenuType, _PopupMenu)) || _class) || _class;
+    };return _this;}(0, _inheritsLoose2.default)(PopupMenu, _React$Component);var _proto = PopupMenu.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: _ThemeFactory.ThemeFactory.create({ menuOffsetY: theme.popupMenuMenuOffsetY }, theme) }, _this2.renderMain());});};_proto.renderMain = function renderMain() {var _this$props$popupMenu2;var _this$getProps = this.getProps(),popupHasPin = _this$getProps.popupHasPin,disableAnimations = _this$getProps.disableAnimations;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.createElement(_RenderLayer.RenderLayer, { onClickOutside: this.hideMenuWithoutFocusing, onFocusOutside: this.hideMenuWithoutFocusing, active: this.state.menuVisible }, /*#__PURE__*/_react.default.createElement("div", { "data-tid": _tids.PopupMenuDataTids.root, className: _PopupMenu2.styles.container(), style: { width: this.props.width } }, this.renderCaption(), this.captionWrapper && this.props.children && /*#__PURE__*/_react.default.createElement(_Popup.Popup, { id: (_this$props$popupMenu2 = this.props.popupMenuId) != null ? _this$props$popupMenu2 : this.rootId, anchorElement: this.captionWrapper, opened: this.state.menuVisible, hasShadow: true, margin: this.props.popupMargin, hasPin: popupHasPin, pinOffset: this.props.popupPinOffset, positions: this.getPositions(), disableAnimations: disableAnimations, onOpen: this.handleOpen, mobileOnCloseRequest: this.hideMenu, width: this.isMobileLayout ? 'auto' : this.props.menuWidth || 'auto' }, /*#__PURE__*/_react.default.createElement(_Menu.Menu, { maxHeight: this.isMobileLayout ? 'none' : this.props.menuMaxHeight || 'none', onKeyDown: this.handleKeyDown, onItemClick: this.handleItemSelection, preventIconsOffset: this.props.preventIconsOffset, cyclicSelection: false, ref: this.menuRef, initialSelectedItemIndex: this.state.firstItemShouldBeSelected ? 0 : -1, header: this.props.header, footer: this.props.footer }, this.props.children)))));};_proto.getPositions = function getPositions() {var positions = this.getProps().positions;if (positions && (0, _validatePositions.isValidPositions)(positions)) {return positions;}return Positions;};return PopupMenu;}(_react.default.Component), _PopupMenu.__KONTUR_REACT_UI__ = 'PopupMenu', _PopupMenu.displayName = 'PopupMenu', _PopupMenu.defaultProps = { positions: Positions, type: PopupMenuType.Tooltip, popupHasPin: true, disableAnimations: false }, _PopupMenu.Type = PopupMenuType, _PopupMenu)) || _class) || _class;