@skbkontur/react-ui 5.0.8 → 5.0.9

package/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/internal/CustomComboBox/CustomComboBox/CustomComboBox.js

@@ -15,6 +15,7 @@ import { ReactUIFeatureFlagsContext, getFullReactUIFlagsContext } from "../../..
 import { ComboBoxRequestStatus } from "../CustomComboBoxTypes";
 import { reducer } from "../CustomComboBoxReducer";
 import { ComboBoxView } from "../ComboBoxView";
+export * from "../tids";
 export var DELAY_BEFORE_SHOW_LOADER = 300;
 export var LOADER_SHOW_TIME = 1000;
 export var DefaultState = {
@@ -31,9 +32,6 @@ export var DefaultState = {
   requestStatus: ComboBoxRequestStatus.Unknown,
   size: 'small'
 };
-export var CustomComboBoxDataTids = {
-  comboBoxView: 'ComboBoxView__root'
-};
 export var CustomComboBox = responsiveLayout(_class = rootNode(_class = (_CustomComboBox = /*#__PURE__*/function (_React$PureComponent) {
   function CustomComboBox() {
     var _this;

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

@@ -1 +1 @@
-{"version":3,"names":["React","ReactDOM","globalObject","CancelationError","taskWithDelay","fixClickFocusIE","CommonWrapper","responsiveLayout","rootNode","ReactUIFeatureFlagsContext","getFullReactUIFlagsContext","ComboBoxRequestStatus","reducer","ComboBoxView","DELAY_BEFORE_SHOW_LOADER","LOADER_SHOW_TIME","DefaultState","inputChanged","editing","items","loading","opened","focused","textValue","repeatRequest","undefined","requestStatus","Unknown","size","CustomComboBoxDataTids","comboBoxView","CustomComboBox","_class","_CustomComboBox","_React$PureComponent","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","requestId","cancelationToken","cancelLoaderDelay","focus","props","disabled","input","inputLikeText","selectInputText","selectAll","blur","handleBlur","dispatch","action","sync","updateState","effects","nextState","setState","stateAndEffect","_ref","forEach","handleEffect","version","search","flushSync","effect","getState","getProps","handleValueChange","value","type","keepFocus","isMobileLayout","handleFocus","handleMobileClose","handleInputBlur","handleClickOutside","e","close","setTimeout","handleInputClick","_inheritsLoose","_proto","prototype","_search","_asyncToGenerator","_regeneratorRuntime","mark","_callee","query","_this2","getItems","cancelPromise","expectingId","wrap","_callee$","_context","prev","next","Promise","_","reject","loaderShowDelay","resolve","cancelLoader","race","sent","t0","code","finish","stop","_x","cancelSearch","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","Consumer","flags","featureFlags","_extends","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","ReactDOM","globalObject","CancelationError","taskWithDelay","fixClickFocusIE","CommonWrapper","responsiveLayout","rootNode","ReactUIFeatureFlagsContext","getFullReactUIFlagsContext","ComboBoxRequestStatus","reducer","ComboBoxView","DELAY_BEFORE_SHOW_LOADER","LOADER_SHOW_TIME","DefaultState","inputChanged","editing","items","loading","opened","focused","textValue","repeatRequest","undefined","requestStatus","Unknown","size","CustomComboBox","_class","_CustomComboBox","_React$PureComponent","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","requestId","cancelationToken","cancelLoaderDelay","focus","props","disabled","input","inputLikeText","selectInputText","selectAll","blur","handleBlur","dispatch","action","sync","updateState","effects","nextState","setState","stateAndEffect","_ref","forEach","handleEffect","version","search","flushSync","effect","getState","getProps","handleValueChange","value","type","keepFocus","isMobileLayout","handleFocus","handleMobileClose","handleInputBlur","handleClickOutside","e","close","setTimeout","handleInputClick","_inheritsLoose","_proto","prototype","_search","_asyncToGenerator","_regeneratorRuntime","mark","_callee","query","_this2","getItems","cancelPromise","expectingId","wrap","_callee$","_context","prev","next","Promise","_","reject","loaderShowDelay","resolve","cancelLoader","race","sent","t0","code","finish","stop","_x","cancelSearch","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","Consumer","flags","featureFlags","_extends","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/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/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/internal/CustomComboBox/tids/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/internal/CustomComboBox/tids.js",
+  "module": "tids",
+  "types": "../tids.d.ts",
+  "sideEffects": false
+}

package/internal/CustomComboBox/tids/tids.js

@@ -0,0 +1,3 @@
+export var CustomComboBoxDataTids = {
+  comboBoxView: 'ComboBoxView__root'
+};

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

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

package/internal/CustomComboBox/tids.d.ts

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

package/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/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/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/internal/PopupMenu/PopupMenu/PopupMenu.js

@@ -16,14 +16,12 @@ import { createPropsGetter } from "../../../lib/createPropsGetter";
 import { Menu } from "../../Menu";
 import { isValidPositions } from "../validatePositions";
 import { styles } from "../PopupMenu.styles";
+import { PopupMenuDataTids } from "../tids";
+export * from "../tids";
 export var PopupMenuType = {
   Dropdown: 'dropdown',
   Tooltip: 'tooltip'
 };
-export var PopupMenuDataTids = {
-  root: 'PopupMenu__root',
-  caption: 'PopupMenu__caption'
-};
 var Positions = ['top left', 'top center', 'top right', 'right top', 'right middle', 'right bottom', 'bottom left', 'bottom center', 'bottom right', 'left top', 'left middle', 'left bottom'];
 export var PopupMenu = rootNode(_class = responsiveLayout(_class = (_PopupMenu = /*#__PURE__*/function (_React$Component) {
   function PopupMenu() {

package/internal/PopupMenu/PopupMenu/PopupMenu.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","globalObject","getRandomID","isKeyArrowVertical","isKeyEnter","isKeyEscape","isKeySpace","someKeys","ThemeContext","ThemeFactory","Popup","PopupIds","RenderLayer","CommonWrapper","responsiveLayout","rootNode","createPropsGetter","Menu","isValidPositions","styles","PopupMenuType","Dropdown","Tooltip","PopupMenuDataTids","root","caption","Positions","PopupMenu","_class","_PopupMenu","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","rootId","getProps","defaultProps","state","menuVisible","firstItemShouldBeSelected","captionWrapper","savedFocusableElement","menu","open","showMenu","close","hideMenu","menuRef","element","handleOpen","focus","passPropsToCaption","_this$props$popupMenu","cloneElement","id","props","popupMenuId","renderCaption","opened","openMenu","closeMenu","toggleMenu","createElement","className","ref","onClick","handleCaptionClick","onKeyDown","handleCaptionKeyDown","hideMenuWithoutFocusing","saveFocus","setState","handleChangeMenuVisible","restoreFocus","e","preventDefault","handleKeyDown","document","activeElement","focusShouldBeRestored","onOpen","onClose","onChangeMenuState","handleItemSelection","event","isDefaultPrevented","type","_inheritsLoose","_proto","prototype","render","_this2","Consumer","theme","Provider","value","create","menuOffsetY","popupMenuMenuOffsetY","renderMain","_this$props$popupMenu2","_this$getProps","popupHasPin","disableAnimations","_extends","rootNodeRef","setRootNode","onClickOutside","onFocusOutside","active","container","style","width","children","anchorElement","hasShadow","margin","popupMargin","hasPin","pinOffset","popupPinOffset","positions","getPositions","mobileOnCloseRequest","isMobileLayout","menuWidth","maxHeight","menuMaxHeight","onItemClick","preventIconsOffset","cyclicSelection","initialSelectedItemIndex","header","footer","Component","__KONTUR_REACT_UI__","displayName","Type"],"sources":["PopupMenu.tsx"],"sourcesContent":["import React, { AriaAttributes, HTMLAttributes } from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { getRandomID } from '../../lib/utils';\nimport { HTMLProps } from '../../typings/html';\nimport {\n  isKeyArrowVertical,\n  isKeyEnter,\n  isKeyEscape,\n  isKeySpace,\n  someKeys,\n} from '../../lib/events/keyboard/identifiers';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { Popup, PopupIds, PopupPositionsType } from '../Popup';\nimport { RenderLayer } from '../RenderLayer';\nimport { Nullable } from '../../typings/utility-types';\nimport { CommonProps, CommonWrapper } from '../CommonWrapper';\nimport { responsiveLayout } from '../../components/ResponsiveLayout/decorator';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { Menu, MenuProps } from '../Menu';\n\nimport { isValidPositions } from './validatePositions';\nimport { styles } from './PopupMenu.styles';\n\nexport interface PopupMenuCaptionProps {\n  opened: boolean;\n  openMenu: (firstItemShouldBeSelected?: boolean) => void;\n  closeMenu: (restoreFocus?: boolean) => void;\n  toggleMenu: () => void;\n}\n\nexport interface PopupMenuProps\n  extends CommonProps,\n    Pick<MenuProps, 'preventIconsOffset'>,\n    Pick<HTMLAttributes<HTMLElement>, 'id'>,\n    Pick<AriaAttributes, 'aria-label'> {\n  children?: React.ReactNode;\n  /** Максимальная высота меню */\n  menuMaxHeight?: number | string;\n  /** Ширина меню */\n  menuWidth?: number | string;\n  /** Ширина контейнера и caption */\n  width?: React.CSSProperties['width'];\n\n  /**\n   * Элемент или функция возвращающая элемент,\n   * если передана, используется вместо ```caption```,\n   * в таком случае управлять открытием и закрытием меню\n   * придется в этой функции\n   */\n  caption: React.ReactNode | ((props: PopupMenuCaptionProps) => React.ReactNode);\n\n  header?: React.ReactNode;\n  footer?: React.ReactNode;\n\n  /**  Массив разрешенных положений меню относительно caption'а. */\n  positions?: PopupPositionsType[];\n  /** Колбэк, вызываемый после открытия/закрытия меню */\n  onChangeMenuState?: (isOpened: boolean, restoreFocus: boolean) => void;\n  /** Пропсы, передающиеся в Popup */\n  popupHasPin?: boolean;\n  popupMargin?: number;\n  popupPinOffset?: number;\n  type?: 'dropdown' | 'tooltip';\n  disableAnimations?: boolean;\n  /** Действие при открытии меню */\n  onOpen?: () => void;\n  /** Действие при закрытии меню */\n  onClose?: () => void;\n  /**\n   * Позволяет задать `id` выпадающему меню.\n   *\n   * Это может пригодиться при реализации a11y. Например, для того, чтобы связать `aria-controls` с выпадающим меню.\n   */\n  popupMenuId?: HTMLProps['id'];\n}\n\ninterface PopupMenuState {\n  menuVisible: boolean;\n  firstItemShouldBeSelected?: boolean;\n}\n\nexport const PopupMenuType = {\n  Dropdown: 'dropdown',\n  Tooltip: 'tooltip',\n} as const;\n\nexport const PopupMenuDataTids = {\n  root: 'PopupMenu__root',\n  caption: 'PopupMenu__caption',\n} as const;\n\nconst Positions: PopupPositionsType[] = [\n  'top left',\n  'top center',\n  'top right',\n  'right top',\n  'right middle',\n  'right bottom',\n  'bottom left',\n  'bottom center',\n  'bottom right',\n  'left top',\n  'left middle',\n  'left bottom',\n];\n\ntype DefaultProps = Required<Pick<PopupMenuProps, 'positions' | 'type' | 'popupHasPin' | 'disableAnimations'>>;\n\n@rootNode\n@responsiveLayout\nexport class PopupMenu extends React.Component<PopupMenuProps, PopupMenuState> {\n  public static __KONTUR_REACT_UI__ = 'PopupMenu';\n  public static displayName = 'PopupMenu';\n\n  private isMobileLayout!: boolean;\n  private rootId = PopupIds.root + getRandomID();\n\n  public static defaultProps: DefaultProps = {\n    positions: Positions,\n    type: PopupMenuType.Tooltip,\n    popupHasPin: true,\n    disableAnimations: false,\n  };\n\n  private getProps = createPropsGetter(PopupMenu.defaultProps);\n\n  public static Type = PopupMenuType;\n\n  public state = {\n    menuVisible: false,\n    firstItemShouldBeSelected: false,\n  };\n\n  private captionWrapper: HTMLSpanElement | null = null;\n  private savedFocusableElement: HTMLElement | null = null;\n  private menu: Nullable<Menu> = null;\n  private setRootNode!: TSetRootNode;\n\n  public render(): JSX.Element {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          return (\n            <ThemeContext.Provider\n              value={ThemeFactory.create(\n                {\n                  menuOffsetY: theme.popupMenuMenuOffsetY,\n                },\n                theme,\n              )}\n            >\n              {this.renderMain()}\n            </ThemeContext.Provider>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const { popupHasPin, disableAnimations } = this.getProps();\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <RenderLayer\n          onClickOutside={this.hideMenuWithoutFocusing}\n          onFocusOutside={this.hideMenuWithoutFocusing}\n          active={this.state.menuVisible}\n        >\n          <div data-tid={PopupMenuDataTids.root} className={styles.container()} style={{ width: this.props.width }}>\n            {this.renderCaption()}\n            {this.captionWrapper && this.props.children && (\n              <Popup\n                id={this.props.popupMenuId ?? this.rootId}\n                anchorElement={this.captionWrapper}\n                opened={this.state.menuVisible}\n                hasShadow\n                margin={this.props.popupMargin}\n                hasPin={popupHasPin}\n                pinOffset={this.props.popupPinOffset}\n                positions={this.getPositions()}\n                disableAnimations={disableAnimations}\n                onOpen={this.handleOpen}\n                mobileOnCloseRequest={this.hideMenu}\n                width={this.isMobileLayout ? 'auto' : this.props.menuWidth || 'auto'}\n              >\n                <Menu\n                  maxHeight={this.isMobileLayout ? 'none' : this.props.menuMaxHeight || 'none'}\n                  onKeyDown={this.handleKeyDown}\n                  onItemClick={this.handleItemSelection}\n                  preventIconsOffset={this.props.preventIconsOffset}\n                  cyclicSelection={false}\n                  ref={this.menuRef}\n                  initialSelectedItemIndex={this.state.firstItemShouldBeSelected ? 0 : -1}\n                  header={this.props.header}\n                  footer={this.props.footer}\n                >\n                  {this.props.children}\n                </Menu>\n              </Popup>\n            )}\n          </div>\n        </RenderLayer>\n      </CommonWrapper>\n    );\n  }\n\n  public open = (): void => this.showMenu();\n  public close = (): void => this.hideMenu();\n\n  private menuRef = (element: Nullable<Menu>) => (this.menu = element);\n\n  private handleOpen = () => {\n    if (this.menu) {\n      this.menu.focus();\n    }\n  };\n\n  private passPropsToCaption = (caption: React.ReactNode) => {\n    if (typeof caption === 'string' || typeof caption === 'number') {\n      return caption;\n    }\n\n    return React.cloneElement(caption as React.ReactElement, {\n      id: this.props.id,\n      'aria-controls': this.props.popupMenuId ?? this.rootId,\n      'aria-expanded': this.state.menuVisible ? 'true' : 'false',\n      'aria-label': this.props['aria-label'],\n    });\n  };\n\n  private renderCaption = () => {\n    if (typeof this.props.caption === 'function') {\n      const caption = this.props.caption({\n        opened: this.state.menuVisible,\n        openMenu: this.showMenu,\n        closeMenu: this.hideMenu,\n        toggleMenu: this.toggleMenu,\n      });\n\n      return (\n        <span\n          data-tid={PopupMenuDataTids.caption}\n          className={styles.caption()}\n          ref={(element) => (this.captionWrapper = element)}\n        >\n          {this.passPropsToCaption(caption)}\n        </span>\n      );\n    }\n\n    return (\n      <span\n        data-tid={PopupMenuDataTids.caption}\n        onClick={this.handleCaptionClick}\n        onKeyDown={this.handleCaptionKeyDown}\n        ref={(element) => (this.captionWrapper = element)}\n        className={styles.caption()}\n      >\n        {this.passPropsToCaption(this.props.caption)}\n      </span>\n    );\n  };\n\n  private hideMenuWithoutFocusing = () => this.hideMenu();\n\n  private getPositions(): Readonly<PopupPositionsType[]> {\n    const positions = this.getProps().positions;\n    if (positions && isValidPositions(positions)) {\n      return positions;\n    }\n\n    return Positions;\n  }\n\n  private showMenu = (firstItemShouldBeSelected?: boolean): void => {\n    this.saveFocus();\n    this.setState(\n      {\n        menuVisible: true,\n        firstItemShouldBeSelected,\n      },\n      () => {\n        this.handleChangeMenuVisible(false);\n      },\n    );\n  };\n\n  private hideMenu = (restoreFocus?: boolean): void => {\n    this.setState(\n      {\n        menuVisible: false,\n        firstItemShouldBeSelected: false,\n      },\n      () => {\n        this.handleChangeMenuVisible(!!restoreFocus);\n      },\n    );\n  };\n\n  private toggleMenu = (): void => {\n    this.state.menuVisible ? this.hideMenu() : this.showMenu();\n  };\n\n  private handleCaptionClick = (): void => {\n    this.toggleMenu();\n  };\n\n  private handleCaptionKeyDown = (e: React.KeyboardEvent<HTMLElement>): void => {\n    if (someKeys(isKeyEnter, isKeySpace, isKeyArrowVertical)(e)) {\n      e.preventDefault();\n      this.showMenu(true);\n    }\n  };\n\n  private handleKeyDown = (e: React.KeyboardEvent<HTMLElement>) => {\n    if (isKeyEscape(e)) {\n      const restoreFocus = true;\n      this.hideMenu(restoreFocus);\n    }\n  };\n\n  private saveFocus = (): void => {\n    if (globalObject.document) {\n      this.savedFocusableElement = globalObject.document.activeElement as HTMLElement;\n    }\n  };\n\n  private restoreFocus = (): void => {\n    if (this.savedFocusableElement) {\n      this.savedFocusableElement.focus();\n      this.savedFocusableElement = null;\n    }\n  };\n\n  private handleChangeMenuVisible = (focusShouldBeRestored: boolean): void => {\n    if (focusShouldBeRestored) {\n      this.restoreFocus();\n    }\n\n    if (this.state.menuVisible && this.props.onOpen) {\n      this.props.onOpen();\n    }\n\n    if (!this.state.menuVisible && this.props.onClose) {\n      this.props.onClose();\n    }\n\n    if (typeof this.props.onChangeMenuState === 'function') {\n      this.props.onChangeMenuState(this.state.menuVisible, focusShouldBeRestored);\n    }\n  };\n\n  private handleItemSelection = (event: React.SyntheticEvent<HTMLElement>): void => {\n    if (event.isDefaultPrevented()) {\n      return;\n    }\n\n    if (event.type === 'keydown') {\n      event.preventDefault();\n    }\n\n    const restoreFocus = event.type === 'keydown';\n    this.hideMenu(restoreFocus);\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","globalObject","getRandomID","isKeyArrowVertical","isKeyEnter","isKeyEscape","isKeySpace","someKeys","ThemeContext","ThemeFactory","Popup","PopupIds","RenderLayer","CommonWrapper","responsiveLayout","rootNode","createPropsGetter","Menu","isValidPositions","styles","PopupMenuDataTids","PopupMenuType","Dropdown","Tooltip","Positions","PopupMenu","_class","_PopupMenu","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","rootId","root","getProps","defaultProps","state","menuVisible","firstItemShouldBeSelected","captionWrapper","savedFocusableElement","menu","open","showMenu","close","hideMenu","menuRef","element","handleOpen","focus","passPropsToCaption","caption","_this$props$popupMenu","cloneElement","id","props","popupMenuId","renderCaption","opened","openMenu","closeMenu","toggleMenu","createElement","className","ref","onClick","handleCaptionClick","onKeyDown","handleCaptionKeyDown","hideMenuWithoutFocusing","saveFocus","setState","handleChangeMenuVisible","restoreFocus","e","preventDefault","handleKeyDown","document","activeElement","focusShouldBeRestored","onOpen","onClose","onChangeMenuState","handleItemSelection","event","isDefaultPrevented","type","_inheritsLoose","_proto","prototype","render","_this2","Consumer","theme","Provider","value","create","menuOffsetY","popupMenuMenuOffsetY","renderMain","_this$props$popupMenu2","_this$getProps","popupHasPin","disableAnimations","_extends","rootNodeRef","setRootNode","onClickOutside","onFocusOutside","active","container","style","width","children","anchorElement","hasShadow","margin","popupMargin","hasPin","pinOffset","popupPinOffset","positions","getPositions","mobileOnCloseRequest","isMobileLayout","menuWidth","maxHeight","menuMaxHeight","onItemClick","preventIconsOffset","cyclicSelection","initialSelectedItemIndex","header","footer","Component","__KONTUR_REACT_UI__","displayName","Type"],"sources":["PopupMenu.tsx"],"sourcesContent":["import React, { AriaAttributes, HTMLAttributes } from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { getRandomID } from '../../lib/utils';\nimport { HTMLProps } from '../../typings/html';\nimport {\n  isKeyArrowVertical,\n  isKeyEnter,\n  isKeyEscape,\n  isKeySpace,\n  someKeys,\n} from '../../lib/events/keyboard/identifiers';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { Popup, PopupIds, PopupPositionsType } from '../Popup';\nimport { RenderLayer } from '../RenderLayer';\nimport { Nullable } from '../../typings/utility-types';\nimport { CommonProps, CommonWrapper } from '../CommonWrapper';\nimport { responsiveLayout } from '../../components/ResponsiveLayout/decorator';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { Menu, MenuProps } from '../Menu';\n\nimport { isValidPositions } from './validatePositions';\nimport { styles } from './PopupMenu.styles';\nimport { PopupMenuDataTids } from './tids';\n\nexport * from './tids';\n\nexport interface PopupMenuCaptionProps {\n  opened: boolean;\n  openMenu: (firstItemShouldBeSelected?: boolean) => void;\n  closeMenu: (restoreFocus?: boolean) => void;\n  toggleMenu: () => void;\n}\n\nexport interface PopupMenuProps\n  extends CommonProps,\n    Pick<MenuProps, 'preventIconsOffset'>,\n    Pick<HTMLAttributes<HTMLElement>, 'id'>,\n    Pick<AriaAttributes, 'aria-label'> {\n  children?: React.ReactNode;\n  /** Максимальная высота меню */\n  menuMaxHeight?: number | string;\n  /** Ширина меню */\n  menuWidth?: number | string;\n  /** Ширина контейнера и caption */\n  width?: React.CSSProperties['width'];\n\n  /**\n   * Элемент или функция возвращающая элемент,\n   * если передана, используется вместо ```caption```,\n   * в таком случае управлять открытием и закрытием меню\n   * придется в этой функции\n   */\n  caption: React.ReactNode | ((props: PopupMenuCaptionProps) => React.ReactNode);\n\n  header?: React.ReactNode;\n  footer?: React.ReactNode;\n\n  /**  Массив разрешенных положений меню относительно caption'а. */\n  positions?: PopupPositionsType[];\n  /** Колбэк, вызываемый после открытия/закрытия меню */\n  onChangeMenuState?: (isOpened: boolean, restoreFocus: boolean) => void;\n  /** Пропсы, передающиеся в Popup */\n  popupHasPin?: boolean;\n  popupMargin?: number;\n  popupPinOffset?: number;\n  type?: 'dropdown' | 'tooltip';\n  disableAnimations?: boolean;\n  /** Действие при открытии меню */\n  onOpen?: () => void;\n  /** Действие при закрытии меню */\n  onClose?: () => void;\n  /**\n   * Позволяет задать `id` выпадающему меню.\n   *\n   * Это может пригодиться при реализации a11y. Например, для того, чтобы связать `aria-controls` с выпадающим меню.\n   */\n  popupMenuId?: HTMLProps['id'];\n}\n\ninterface PopupMenuState {\n  menuVisible: boolean;\n  firstItemShouldBeSelected?: boolean;\n}\n\nexport const PopupMenuType = {\n  Dropdown: 'dropdown',\n  Tooltip: 'tooltip',\n} as const;\n\nconst Positions: PopupPositionsType[] = [\n  'top left',\n  'top center',\n  'top right',\n  'right top',\n  'right middle',\n  'right bottom',\n  'bottom left',\n  'bottom center',\n  'bottom right',\n  'left top',\n  'left middle',\n  'left bottom',\n];\n\ntype DefaultProps = Required<Pick<PopupMenuProps, 'positions' | 'type' | 'popupHasPin' | 'disableAnimations'>>;\n\n@rootNode\n@responsiveLayout\nexport class PopupMenu extends React.Component<PopupMenuProps, PopupMenuState> {\n  public static __KONTUR_REACT_UI__ = 'PopupMenu';\n  public static displayName = 'PopupMenu';\n\n  private isMobileLayout!: boolean;\n  private rootId = PopupIds.root + getRandomID();\n\n  public static defaultProps: DefaultProps = {\n    positions: Positions,\n    type: PopupMenuType.Tooltip,\n    popupHasPin: true,\n    disableAnimations: false,\n  };\n\n  private getProps = createPropsGetter(PopupMenu.defaultProps);\n\n  public static Type = PopupMenuType;\n\n  public state = {\n    menuVisible: false,\n    firstItemShouldBeSelected: false,\n  };\n\n  private captionWrapper: HTMLSpanElement | null = null;\n  private savedFocusableElement: HTMLElement | null = null;\n  private menu: Nullable<Menu> = null;\n  private setRootNode!: TSetRootNode;\n\n  public render(): JSX.Element {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          return (\n            <ThemeContext.Provider\n              value={ThemeFactory.create(\n                {\n                  menuOffsetY: theme.popupMenuMenuOffsetY,\n                },\n                theme,\n              )}\n            >\n              {this.renderMain()}\n            </ThemeContext.Provider>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const { popupHasPin, disableAnimations } = this.getProps();\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <RenderLayer\n          onClickOutside={this.hideMenuWithoutFocusing}\n          onFocusOutside={this.hideMenuWithoutFocusing}\n          active={this.state.menuVisible}\n        >\n          <div data-tid={PopupMenuDataTids.root} className={styles.container()} style={{ width: this.props.width }}>\n            {this.renderCaption()}\n            {this.captionWrapper && this.props.children && (\n              <Popup\n                id={this.props.popupMenuId ?? this.rootId}\n                anchorElement={this.captionWrapper}\n                opened={this.state.menuVisible}\n                hasShadow\n                margin={this.props.popupMargin}\n                hasPin={popupHasPin}\n                pinOffset={this.props.popupPinOffset}\n                positions={this.getPositions()}\n                disableAnimations={disableAnimations}\n                onOpen={this.handleOpen}\n                mobileOnCloseRequest={this.hideMenu}\n                width={this.isMobileLayout ? 'auto' : this.props.menuWidth || 'auto'}\n              >\n                <Menu\n                  maxHeight={this.isMobileLayout ? 'none' : this.props.menuMaxHeight || 'none'}\n                  onKeyDown={this.handleKeyDown}\n                  onItemClick={this.handleItemSelection}\n                  preventIconsOffset={this.props.preventIconsOffset}\n                  cyclicSelection={false}\n                  ref={this.menuRef}\n                  initialSelectedItemIndex={this.state.firstItemShouldBeSelected ? 0 : -1}\n                  header={this.props.header}\n                  footer={this.props.footer}\n                >\n                  {this.props.children}\n                </Menu>\n              </Popup>\n            )}\n          </div>\n        </RenderLayer>\n      </CommonWrapper>\n    );\n  }\n\n  public open = (): void => this.showMenu();\n  public close = (): void => this.hideMenu();\n\n  private menuRef = (element: Nullable<Menu>) => (this.menu = element);\n\n  private handleOpen = () => {\n    if (this.menu) {\n      this.menu.focus();\n    }\n  };\n\n  private passPropsToCaption = (caption: React.ReactNode) => {\n    if (typeof caption === 'string' || typeof caption === 'number') {\n      return caption;\n    }\n\n    return React.cloneElement(caption as React.ReactElement, {\n      id: this.props.id,\n      'aria-controls': this.props.popupMenuId ?? this.rootId,\n      'aria-expanded': this.state.menuVisible ? 'true' : 'false',\n      'aria-label': this.props['aria-label'],\n    });\n  };\n\n  private renderCaption = () => {\n    if (typeof this.props.caption === 'function') {\n      const caption = this.props.caption({\n        opened: this.state.menuVisible,\n        openMenu: this.showMenu,\n        closeMenu: this.hideMenu,\n        toggleMenu: this.toggleMenu,\n      });\n\n      return (\n        <span\n          data-tid={PopupMenuDataTids.caption}\n          className={styles.caption()}\n          ref={(element) => (this.captionWrapper = element)}\n        >\n          {this.passPropsToCaption(caption)}\n        </span>\n      );\n    }\n\n    return (\n      <span\n        data-tid={PopupMenuDataTids.caption}\n        onClick={this.handleCaptionClick}\n        onKeyDown={this.handleCaptionKeyDown}\n        ref={(element) => (this.captionWrapper = element)}\n        className={styles.caption()}\n      >\n        {this.passPropsToCaption(this.props.caption)}\n      </span>\n    );\n  };\n\n  private hideMenuWithoutFocusing = () => this.hideMenu();\n\n  private getPositions(): Readonly<PopupPositionsType[]> {\n    const positions = this.getProps().positions;\n    if (positions && isValidPositions(positions)) {\n      return positions;\n    }\n\n    return Positions;\n  }\n\n  private showMenu = (firstItemShouldBeSelected?: boolean): void => {\n    this.saveFocus();\n    this.setState(\n      {\n        menuVisible: true,\n        firstItemShouldBeSelected,\n      },\n      () => {\n        this.handleChangeMenuVisible(false);\n      },\n    );\n  };\n\n  private hideMenu = (restoreFocus?: boolean): void => {\n    this.setState(\n      {\n        menuVisible: false,\n        firstItemShouldBeSelected: false,\n      },\n      () => {\n        this.handleChangeMenuVisible(!!restoreFocus);\n      },\n    );\n  };\n\n  private toggleMenu = (): void => {\n    this.state.menuVisible ? this.hideMenu() : this.showMenu();\n  };\n\n  private handleCaptionClick = (): void => {\n    this.toggleMenu();\n  };\n\n  private handleCaptionKeyDown = (e: React.KeyboardEvent<HTMLElement>): void => {\n    if (someKeys(isKeyEnter, isKeySpace, isKeyArrowVertical)(e)) {\n      e.preventDefault();\n      this.showMenu(true);\n    }\n  };\n\n  private handleKeyDown = (e: React.KeyboardEvent<HTMLElement>) => {\n    if (isKeyEscape(e)) {\n      const restoreFocus = true;\n      this.hideMenu(restoreFocus);\n    }\n  };\n\n  private saveFocus = (): void => {\n    if (globalObject.document) {\n      this.savedFocusableElement = globalObject.document.activeElement as HTMLElement;\n    }\n  };\n\n  private restoreFocus = (): void => {\n    if (this.savedFocusableElement) {\n      this.savedFocusableElement.focus();\n      this.savedFocusableElement = null;\n    }\n  };\n\n  private handleChangeMenuVisible = (focusShouldBeRestored: boolean): void => {\n    if (focusShouldBeRestored) {\n      this.restoreFocus();\n    }\n\n    if (this.state.menuVisible && this.props.onOpen) {\n      this.props.onOpen();\n    }\n\n    if (!this.state.menuVisible && this.props.onClose) {\n      this.props.onClose();\n    }\n\n    if (typeof this.props.onChangeMenuState === 'function') {\n      this.props.onChangeMenuState(this.state.menuVisible, focusShouldBeRestored);\n    }\n  };\n\n  private handleItemSelection = (event: React.SyntheticEvent<HTMLElement>): void => {\n    if (event.isDefaultPrevented()) {\n      return;\n    }\n\n    if (event.type === 'keydown') {\n      event.preventDefault();\n    }\n\n    const restoreFocus = event.type === 'keydown';\n    this.hideMenu(restoreFocus);\n  };\n}\n"],"mappings":"uJAAA,OAAOA,KAAK,MAA0C,OAAO;AAC7D,SAASC,YAAY,QAAQ,0BAA0B;;AAEvD,SAASC,WAAW,QAAQ,iBAAiB;;AAE7C;EACEC,kBAAkB;EAClBC,UAAU;EACVC,WAAW;EACXC,UAAU;EACVC,QAAQ;AACH,uCAAuC;AAC9C,SAASC,YAAY,QAAQ,gCAAgC;AAC7D,SAASC,YAAY,QAAQ,gCAAgC;AAC7D,SAASC,KAAK,EAAEC,QAAQ,QAA4B,UAAU;AAC9D,SAASC,WAAW,QAAQ,gBAAgB;;AAE5C,SAAsBC,aAAa,QAAQ,kBAAkB;AAC7D,SAASC,gBAAgB,QAAQ,6CAA6C;AAC9E,SAASC,QAAQ,QAAsB,oBAAoB;AAC3D,SAASC,iBAAiB,QAAQ,6BAA6B;AAC/D,SAASC,IAAI,QAAmB,SAAS;;AAEzC,SAASC,gBAAgB,QAAQ,qBAAqB;AACtD,SAASC,MAAM,QAAQ,oBAAoB;AAC3C,SAASC,iBAAiB,QAAQ,QAAQ;;AAE1C,cAAc,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4DtB,OAAO,IAAMC,aAAa,GAAG;EAC3BC,QAAQ,EAAE,UAAU;EACpBC,OAAO,EAAE;AACX,CAAU;;AAEV,IAAMC,SAA+B,GAAG;AACtC,UAAU;AACV,YAAY;AACZ,WAAW;AACX,WAAW;AACX,cAAc;AACd,cAAc;AACd,aAAa;AACb,eAAe;AACf,cAAc;AACd,UAAU;AACV,aAAa;AACb,aAAa,CACd;;;;;AAID;;AAEaC,SAAS,GAFrBV,QAAQ,CAAAW,MAAA,GACRZ,gBAAgB,CAAAY,MAAA,IAAAC,UAAA,0BAAAC,gBAAA,YAAAH,UAAA,OAAAI,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAN,KAAA,GAAAD,gBAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,gBAAA,SAAAU,MAAA,CAAAL,IAAA,WAAAJ,KAAA;;;;;IAMPU,MAAM,GAAG5B,QAAQ,CAAC6B,IAAI,GAAGtC,WAAW,CAAC,CAAC,CAAA2B,KAAA;;;;;;;;;IAStCY,QAAQ,GAAGzB,iBAAiB,CAACS,SAAS,CAACiB,YAAY,CAAC,CAAAb,KAAA;;;;IAIrDc,KAAK,GAAG;MACbC,WAAW,EAAE,KAAK;MAClBC,yBAAyB,EAAE;IAC7B,CAAC,CAAAhB,KAAA;;IAEOiB,cAAc,GAA2B,IAAI,CAAAjB,KAAA;IAC7CkB,qBAAqB,GAAuB,IAAI,CAAAlB,KAAA;IAChDmB,IAAI,GAAmB,IAAI,CAAAnB,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAuE5BoB,IAAI,GAAG,oBAAYpB,KAAA,CAAKqB,QAAQ,CAAC,CAAC,GAAArB,KAAA;IAClCsB,KAAK,GAAG,oBAAYtB,KAAA,CAAKuB,QAAQ,CAAC,CAAC,GAAAvB,KAAA;;IAElCwB,OAAO,GAAG,UAACC,OAAuB,UAAMzB,KAAA,CAAKmB,IAAI,GAAGM,OAAO,EAAC,CAAAzB,KAAA;;IAE5D0B,UAAU,GAAG,YAAM;MACzB,IAAI1B,KAAA,CAAKmB,IAAI,EAAE;QACbnB,KAAA,CAAKmB,IAAI,CAACQ,KAAK,CAAC,CAAC;MACnB;IACF,CAAC,CAAA3B,KAAA;;IAEO4B,kBAAkB,GAAG,UAACC,OAAwB,EAAK,KAAAC,qBAAA;MACzD,IAAI,OAAOD,OAAO,KAAK,QAAQ,IAAI,OAAOA,OAAO,KAAK,QAAQ,EAAE;QAC9D,OAAOA,OAAO;MAChB;;MAEA,oBAAO1D,KAAK,CAAC4D,YAAY,CAACF,OAAO,EAAwB;QACvDG,EAAE,EAAEhC,KAAA,CAAKiC,KAAK,CAACD,EAAE;QACjB,eAAe,GAAAF,qBAAA,GAAE9B,KAAA,CAAKiC,KAAK,CAACC,WAAW,YAAAJ,qBAAA,GAAI9B,KAAA,CAAKU,MAAM;QACtD,eAAe,EAAEV,KAAA,CAAKc,KAAK,CAACC,WAAW,GAAG,MAAM,GAAG,OAAO;QAC1D,YAAY,EAAEf,KAAA,CAAKiC,KAAK,CAAC,YAAY;MACvC,CAAC,CAAC;IACJ,CAAC,CAAAjC,KAAA;;IAEOmC,aAAa,GAAG,YAAM;MAC5B,IAAI,OAAOnC,KAAA,CAAKiC,KAAK,CAACJ,OAAO,KAAK,UAAU,EAAE;QAC5C,IAAMA,OAAO,GAAG7B,KAAA,CAAKiC,KAAK,CAACJ,OAAO,CAAC;UACjCO,MAAM,EAAEpC,KAAA,CAAKc,KAAK,CAACC,WAAW;UAC9BsB,QAAQ,EAAErC,KAAA,CAAKqB,QAAQ;UACvBiB,SAAS,EAAEtC,KAAA,CAAKuB,QAAQ;UACxBgB,UAAU,EAAEvC,KAAA,CAAKuC;QACnB,CAAC,CAAC;;QAEF;UACEpE,KAAA,CAAAqE,aAAA;YACE,YAAUjD,iBAAiB,CAACsC,OAAQ;YACpCY,SAAS,EAAEnD,MAAM,CAACuC,OAAO,CAAC,CAAE;YAC5Ba,GAAG,EAAE,SAAAA,IAACjB,OAAO,UAAMzB,KAAA,CAAKiB,cAAc,GAAGQ,OAAO,EAAE;;UAEjDzB,KAAA,CAAK4B,kBAAkB,CAACC,OAAO;UAC5B,CAAC;;MAEX;;MAEA;QACE1D,KAAA,CAAAqE,aAAA;UACE,YAAUjD,iBAAiB,CAACsC,OAAQ;UACpCc,OAAO,EAAE3C,KAAA,CAAK4C,kBAAmB;UACjCC,SAAS,EAAE7C,KAAA,CAAK8C,oBAAqB;UACrCJ,GAAG,EAAE,SAAAA,IAACjB,OAAO,UAAMzB,KAAA,CAAKiB,cAAc,GAAGQ,OAAO,EAAE;UAClDgB,SAAS,EAAEnD,MAAM,CAACuC,OAAO,CAAC,CAAE;;QAE3B7B,KAAA,CAAK4B,kBAAkB,CAAC5B,KAAA,CAAKiC,KAAK,CAACJ,OAAO;QACvC,CAAC;;IAEX,CAAC,CAAA7B,KAAA;;IAEO+C,uBAAuB,GAAG,oBAAM/C,KAAA,CAAKuB,QAAQ,CAAC,CAAC,GAAAvB,KAAA;;;;;;;;;;;IAW/CqB,QAAQ,GAAG,UAACL,yBAAmC,EAAW;MAChEhB,KAAA,CAAKgD,SAAS,CAAC,CAAC;MAChBhD,KAAA,CAAKiD,QAAQ;QACX;UACElC,WAAW,EAAE,IAAI;UACjBC,yBAAyB,EAAzBA;QACF,CAAC;QACD,YAAM;UACJhB,KAAA,CAAKkD,uBAAuB,CAAC,KAAK,CAAC;QACrC;MACF,CAAC;IACH,CAAC,CAAAlD,KAAA;;IAEOuB,QAAQ,GAAG,UAAC4B,YAAsB,EAAW;MACnDnD,KAAA,CAAKiD,QAAQ;QACX;UACElC,WAAW,EAAE,KAAK;UAClBC,yBAAyB,EAAE;QAC7B,CAAC;QACD,YAAM;UACJhB,KAAA,CAAKkD,uBAAuB,CAAC,CAAC,CAACC,YAAY,CAAC;QAC9C;MACF,CAAC;IACH,CAAC,CAAAnD,KAAA;;IAEOuC,UAAU,GAAG,YAAY;MAC/BvC,KAAA,CAAKc,KAAK,CAACC,WAAW,GAAGf,KAAA,CAAKuB,QAAQ,CAAC,CAAC,GAAGvB,KAAA,CAAKqB,QAAQ,CAAC,CAAC;IAC5D,CAAC,CAAArB,KAAA;;IAEO4C,kBAAkB,GAAG,YAAY;MACvC5C,KAAA,CAAKuC,UAAU,CAAC,CAAC;IACnB,CAAC,CAAAvC,KAAA;;IAEO8C,oBAAoB,GAAG,UAACM,CAAmC,EAAW;MAC5E,IAAI1E,QAAQ,CAACH,UAAU,EAAEE,UAAU,EAAEH,kBAAkB,CAAC,CAAC8E,CAAC,CAAC,EAAE;QAC3DA,CAAC,CAACC,cAAc,CAAC,CAAC;QAClBrD,KAAA,CAAKqB,QAAQ,CAAC,IAAI,CAAC;MACrB;IACF,CAAC,CAAArB,KAAA;;IAEOsD,aAAa,GAAG,UAACF,CAAmC,EAAK;MAC/D,IAAI5E,WAAW,CAAC4E,CAAC,CAAC,EAAE;QAClB,IAAMD,YAAY,GAAG,IAAI;QACzBnD,KAAA,CAAKuB,QAAQ,CAAC4B,YAAY,CAAC;MAC7B;IACF,CAAC,CAAAnD,KAAA;;IAEOgD,SAAS,GAAG,YAAY;MAC9B,IAAI5E,YAAY,CAACmF,QAAQ,EAAE;QACzBvD,KAAA,CAAKkB,qBAAqB,GAAG9C,YAAY,CAACmF,QAAQ,CAACC,aAA4B;MACjF;IACF,CAAC,CAAAxD,KAAA;;IAEOmD,YAAY,GAAG,YAAY;MACjC,IAAInD,KAAA,CAAKkB,qBAAqB,EAAE;QAC9BlB,KAAA,CAAKkB,qBAAqB,CAACS,KAAK,CAAC,CAAC;QAClC3B,KAAA,CAAKkB,qBAAqB,GAAG,IAAI;MACnC;IACF,CAAC,CAAAlB,KAAA;;IAEOkD,uBAAuB,GAAG,UAACO,qBAA8B,EAAW;MAC1E,IAAIA,qBAAqB,EAAE;QACzBzD,KAAA,CAAKmD,YAAY,CAAC,CAAC;MACrB;;MAEA,IAAInD,KAAA,CAAKc,KAAK,CAACC,WAAW,IAAIf,KAAA,CAAKiC,KAAK,CAACyB,MAAM,EAAE;QAC/C1D,KAAA,CAAKiC,KAAK,CAACyB,MAAM,CAAC,CAAC;MACrB;;MAEA,IAAI,CAAC1D,KAAA,CAAKc,KAAK,CAACC,WAAW,IAAIf,KAAA,CAAKiC,KAAK,CAAC0B,OAAO,EAAE;QACjD3D,KAAA,CAAKiC,KAAK,CAAC0B,OAAO,CAAC,CAAC;MACtB;;MAEA,IAAI,OAAO3D,KAAA,CAAKiC,KAAK,CAAC2B,iBAAiB,KAAK,UAAU,EAAE;QACtD5D,KAAA,CAAKiC,KAAK,CAAC2B,iBAAiB,CAAC5D,KAAA,CAAKc,KAAK,CAACC,WAAW,EAAE0C,qBAAqB,CAAC;MAC7E;IACF,CAAC,CAAAzD,KAAA;;IAEO6D,mBAAmB,GAAG,UAACC,KAAwC,EAAW;MAChF,IAAIA,KAAK,CAACC,kBAAkB,CAAC,CAAC,EAAE;QAC9B;MACF;;MAEA,IAAID,KAAK,CAACE,IAAI,KAAK,SAAS,EAAE;QAC5BF,KAAK,CAACT,cAAc,CAAC,CAAC;MACxB;;MAEA,IAAMF,YAAY,GAAGW,KAAK,CAACE,IAAI,KAAK,SAAS;MAC7ChE,KAAA,CAAKuB,QAAQ,CAAC4B,YAAY,CAAC;IAC7B,CAAC,QAAAnD,KAAA,EAAAiE,cAAA,CAAArE,SAAA,EAAAG,gBAAA,MAAAmE,MAAA,GAAAtE,SAAA,CAAAuE,SAAA,CAAAD,MAAA,CAjOME,MAAM,GAAb,SAAAA,OAAA,EAA6B,KAAAC,MAAA,QAC3B,oBACElG,KAAA,CAAAqE,aAAA,CAAC7D,YAAY,CAAC2F,QAAQ,QACnB,UAACC,KAAK,EAAK,CACV,oBACEpG,KAAA,CAAAqE,aAAA,CAAC7D,YAAY,CAAC6F,QAAQ,IACpBC,KAAK,EAAE7F,YAAY,CAAC8F,MAAM,CACxB,EACEC,WAAW,EAAEJ,KAAK,CAACK,oBAAoB,CACzC,CAAC,EACDL,KACF,CAAE,IAEDF,MAAI,CAACQ,UAAU,CAAC,CACI,CAAC,CAE5B,CACqB,CAAC,CAE5B,CAAC,CAAAX,MAAA,CAEOW,UAAU,GAAlB,SAAAA,WAAA,EAAqB,KAAAC,sBAAA,CACnB,IAAAC,cAAA,GAA2C,IAAI,CAACnE,QAAQ,CAAC,CAAC,CAAlDoE,WAAW,GAAAD,cAAA,CAAXC,WAAW,CAAEC,iBAAiB,GAAAF,cAAA,CAAjBE,iBAAiB,CACtC,oBACE9G,KAAA,CAAAqE,aAAA,CAACxD,aAAa,EAAAkG,QAAA,GAACC,WAAW,EAAE,IAAI,CAACC,WAAY,IAAK,IAAI,CAACnD,KAAK,gBAC1D9D,KAAA,CAAAqE,aAAA,CAACzD,WAAW,IACVsG,cAAc,EAAE,IAAI,CAACtC,uBAAwB,EAC7CuC,cAAc,EAAE,IAAI,CAACvC,uBAAwB,EAC7CwC,MAAM,EAAE,IAAI,CAACzE,KAAK,CAACC,WAAY,iBAE/B5C,KAAA,CAAAqE,aAAA,UAAK,YAAUjD,iBAAiB,CAACoB,IAAK,EAAC8B,SAAS,EAAEnD,MAAM,CAACkG,SAAS,CAAC,CAAE,EAACC,KAAK,EAAE,EAAEC,KAAK,EAAE,IAAI,CAACzD,KAAK,CAACyD,KAAK,CAAC,CAAE,IACtG,IAAI,CAACvD,aAAa,CAAC,CAAC,EACpB,IAAI,CAAClB,cAAc,IAAI,IAAI,CAACgB,KAAK,CAAC0D,QAAQ,iBACzCxH,KAAA,CAAAqE,aAAA,CAAC3D,KAAK,IACJmD,EAAE,GAAA8C,sBAAA,GAAE,IAAI,CAAC7C,KAAK,CAACC,WAAW,YAAA4C,sBAAA,GAAI,IAAI,CAACpE,MAAO,EAC1CkF,aAAa,EAAE,IAAI,CAAC3E,cAAe,EACnCmB,MAAM,EAAE,IAAI,CAACtB,KAAK,CAACC,WAAY,EAC/B8E,SAAS,QACTC,MAAM,EAAE,IAAI,CAAC7D,KAAK,CAAC8D,WAAY,EAC/BC,MAAM,EAAEhB,WAAY,EACpBiB,SAAS,EAAE,IAAI,CAAChE,KAAK,CAACiE,cAAe,EACrCC,SAAS,EAAE,IAAI,CAACC,YAAY,CAAC,CAAE,EAC/BnB,iBAAiB,EAAEA,iBAAkB,EACrCvB,MAAM,EAAE,IAAI,CAAChC,UAAW,EACxB2E,oBAAoB,EAAE,IAAI,CAAC9E,QAAS,EACpCmE,KAAK,EAAE,IAAI,CAACY,cAAc,GAAG,MAAM,GAAG,IAAI,CAACrE,KAAK,CAACsE,SAAS,IAAI,MAAO,iBAErEpI,KAAA,CAAAqE,aAAA,CAACpD,IAAI,IACHoH,SAAS,EAAE,IAAI,CAACF,cAAc,GAAG,MAAM,GAAG,IAAI,CAACrE,KAAK,CAACwE,aAAa,IAAI,MAAO,EAC7E5D,SAAS,EAAE,IAAI,CAACS,aAAc,EAC9BoD,WAAW,EAAE,IAAI,CAAC7C,mBAAoB,EACtC8C,kBAAkB,EAAE,IAAI,CAAC1E,KAAK,CAAC0E,kBAAmB,EAClDC,eAAe,EAAE,KAAM,EACvBlE,GAAG,EAAE,IAAI,CAAClB,OAAQ,EAClBqF,wBAAwB,EAAE,IAAI,CAAC/F,KAAK,CAACE,yBAAyB,GAAG,CAAC,GAAG,CAAC,CAAE,EACxE8F,MAAM,EAAE,IAAI,CAAC7E,KAAK,CAAC6E,MAAO,EAC1BC,MAAM,EAAE,IAAI,CAAC9E,KAAK,CAAC8E,MAAO,IAEzB,IAAI,CAAC9E,KAAK,CAAC0D,QACR,CACD,CAEN,CACM,CACA,CAAC,CAEpB,CAAC,CAAAzB,MAAA,CA6DOkC,YAAY,GAApB,SAAAA,aAAA,EAAuD,CACrD,IAAMD,SAAS,GAAG,IAAI,CAACvF,QAAQ,CAAC,CAAC,CAACuF,SAAS,CAC3C,IAAIA,SAAS,IAAI9G,gBAAgB,CAAC8G,SAAS,CAAC,EAAE,CAC5C,OAAOA,SAAS,CAClB,CAEA,OAAOxG,SAAS,CAClB,CAAC,QAAAC,SAAA,GAlK4BzB,KAAK,CAAC6I,SAAS,GAAAlH,UAAA,CAC9BmH,mBAAmB,GAAG,WAAW,EAAAnH,UAAA,CACjCoH,WAAW,GAAG,WAAW,EAAApH,UAAA,CAKzBe,YAAY,GAAiB,EACzCsF,SAAS,EAAExG,SAAS,EACpBqE,IAAI,EAAExE,aAAa,CAACE,OAAO,EAC3BsF,WAAW,EAAE,IAAI,EACjBC,iBAAiB,EAAE,KAAK,CAC1B,CAAC,EAAAnF,UAAA,CAIaqH,IAAI,GAAG3H,aAAa,EAAAM,UAAA,MAAAD,MAAA,KAAAA,MAAA","ignoreList":[]}