@skbkontur/react-ui 0.0.0-30619a873c → 0.0.0-32550fb571

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

@@ -1 +1 @@
-{"version":3,"names":["_lodash","_interopRequireDefault","require","_lodash2","_globalObject","_utils","_identifiers","LayoutEvents","_interopRequireWildcard","_CustomComboBox","_CustomComboBoxTypes","DEBOUNCE_DELAY","getValueString","value","valueToString","isNonNullable","Effect","exports","search","query","dispatch","getState","getProps","getInstance","debouncedSearch","debounce","searchEffect","textValue","cancelRequest","cancel","cancelSearch","blur","_getProps","onBlur","focus","_getProps2","onFocus","valueChange","_getProps3","onValueChange","unexpectedInput","items","_getProps4","onUnexpectedInput","Array","isArray","length","singleItem","valueContent","type","keepFocus","undefined","inputChange","_getProps5","onInputValueChange","_getState","returnedValue","inputFocus","_getInstance","input","highlightMenuItem","_getProps6","itemToValue","_getState2","focused","requestStatus","_getInstance2","menu","valueString","index","findIndex","x","highlightItem","globalObject","requestAnimationFrame","scrollToSelected","ComboBoxRequestStatus","Failed","down","selectMenuItem","event","_getInstance3","enter","moveMenuHighlight","direction","_getInstance4","resetHighlightedMenuItem","combobox","hasHighlightedItem","reset","reflow","emit","selectInputText","inputKeyDown","_getProps7","onInputKeyDown","never","reducer","state","props","action","opened","inputChanged","editing","newState","searchOnFocus","_extends2","default","e","effects","nextState","isKeyEnter","preventDefault","push","isKeyArrowVertical","isKeyArrowUp","isKeyEscape","concat","isEqual","prevProps","fixValueChange","nextTextValue","DefaultState","loading","Pending","shouldResetMenuHighlight","Success","repeatRequest","Unknown"],"sources":["CustomComboBoxReducer.tsx"],"sourcesContent":["import React from 'react';\nimport debounce from 'lodash.debounce';\nimport isEqual from 'lodash.isequal';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { isNonNullable } from '../../lib/utils';\nimport { isKeyArrowUp, isKeyArrowVertical, isKeyEnter, isKeyEscape } from '../../lib/events/keyboard/identifiers';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { Nullable } from '../../typings/utility-types';\nimport { ComboBoxExtendedItem } from '../../components/ComboBox';\n\nimport { CustomComboBox, CustomComboBoxProps, CustomComboBoxState, DefaultState } from './CustomComboBox';\nimport { ComboBoxRequestStatus } from './CustomComboBoxTypes';\n\nexport type CustomComboBoxAction<T> =\n  | { type: 'ValueChange'; value: T; keepFocus: boolean }\n  | { type: 'TextChange'; value: string }\n  | { type: 'KeyPress'; event: React.KeyboardEvent }\n  | {\n      type: 'DidUpdate';\n      prevProps: CustomComboBoxProps<T>;\n      prevState: CustomComboBoxState<T>;\n      fixValueChange: boolean | undefined;\n    }\n  | { type: 'Mount' }\n  | { type: 'Focus' }\n  | { type: 'InputClick' }\n  | { type: 'Blur' }\n  | { type: 'Reset' }\n  | { type: 'Open' }\n  | { type: 'Close' }\n  | { type: 'Search'; query: string }\n  | { type: 'RequestItems' }\n  | { type: 'ReceiveItems'; items: Array<ComboBoxExtendedItem<T>> }\n  | { type: 'RequestFailure'; repeatRequest: () => void }\n  | { type: 'CancelRequest' };\n\nexport type CustomComboBoxEffect<T> = (\n  dispatch: (action: CustomComboBoxAction<T>) => void,\n  getState: () => CustomComboBoxState<T>,\n  getProps: () => CustomComboBoxProps<T>,\n  getInstance: () => CustomComboBox<T>,\n) => void;\n\ntype Effect = CustomComboBoxEffect<any>;\n\ninterface EffectFactory {\n  search: (query: string) => Effect;\n  debouncedSearch: Effect & {\n    cancel(): void;\n    flush(): void;\n  };\n  cancelRequest: Effect;\n  blur: Effect;\n  focus: Effect;\n\n  valueChange: (value: any) => Effect;\n  unexpectedInput: (textValue: string, items: Nullable<any[]>) => Effect;\n  inputChange: Effect;\n  inputFocus: Effect;\n  highlightMenuItem: Effect;\n  selectMenuItem: (event: React.KeyboardEvent<HTMLElement>) => Effect;\n  inputKeyDown: (event: React.KeyboardEvent<HTMLElement>) => Effect;\n  moveMenuHighlight: (direction: 'up' | 'down') => Effect;\n  resetHighlightedMenuItem: Effect;\n  reflow: Effect;\n  selectInputText: Effect;\n}\n\nconst DEBOUNCE_DELAY = 300;\n\nconst getValueString = (value: any, valueToString: CustomComboBoxProps<any>['valueToString']) => {\n  return isNonNullable(value) ? valueToString(value) : '';\n};\n\nexport const Effect: EffectFactory = {\n  search: (query) => (dispatch, getState, getProps, getInstance) => {\n    getInstance().search(query);\n  },\n  debouncedSearch: debounce((dispatch, getState, getProps, getInstance) => {\n    const searchEffect = Effect.search(getState().textValue);\n    searchEffect(dispatch, getState, getProps, getInstance);\n  }, DEBOUNCE_DELAY),\n  cancelRequest: (dispatch, getState, getProps, getInstance) => {\n    Effect.debouncedSearch.cancel();\n    getInstance().cancelSearch();\n  },\n  blur: (dispatch, getState, getProps) => {\n    const { onBlur } = getProps();\n    if (onBlur) {\n      onBlur();\n    }\n  },\n  focus: (dispatch, getState, getProps) => {\n    const { onFocus } = getProps();\n    if (onFocus) {\n      onFocus();\n    }\n  },\n  valueChange: (value) => (dispatch, getState, getProps) => {\n    const { onValueChange } = getProps();\n    if (onValueChange) {\n      onValueChange(value);\n    }\n  },\n  unexpectedInput: (textValue, items) => (dispatch, getState, getProps) => {\n    const { onUnexpectedInput, valueToString } = getProps();\n    if (Array.isArray(items) && items.length === 1) {\n      const singleItem = items[0];\n      const valueContent = getValueString(singleItem, valueToString);\n\n      if (valueContent === textValue) {\n        dispatch({ type: 'ValueChange', value: singleItem, keepFocus: false });\n        return;\n      }\n    }\n\n    if (onUnexpectedInput) {\n      const value = onUnexpectedInput(textValue);\n      if (value !== undefined) {\n        dispatch({ type: 'ValueChange', value, keepFocus: false });\n      }\n    }\n  },\n  inputChange: (dispatch, getState, getProps) => {\n    const { onInputValueChange } = getProps();\n    const { textValue } = getState();\n    if (onInputValueChange) {\n      const returnedValue = onInputValueChange(textValue);\n      if (typeof returnedValue === 'string' && returnedValue !== textValue) {\n        dispatch({ type: 'TextChange', value: returnedValue });\n      }\n    }\n  },\n  inputFocus: (dispatch, getState, getProps, getInstance) => {\n    const { input } = getInstance();\n\n    if (!input) {\n      return;\n    }\n\n    input.focus();\n  },\n  highlightMenuItem: (dispatch, getState, getProps, getInstance) => {\n    const { value, itemToValue, valueToString } = getProps();\n    const { items, focused, textValue, requestStatus } = getState();\n    const { menu } = getInstance();\n    const valueString = getValueString(value, valueToString);\n\n    if (!menu) {\n      return;\n    }\n\n    if (!focused) {\n      return;\n    }\n\n    let index = -1;\n    if (items && items.length && isNonNullable(value)) {\n      index = items.findIndex((x) => itemToValue(x) === itemToValue(value));\n    }\n    menu.highlightItem(index);\n\n    if (index >= 0) {\n      // @ts-expect-error: Use of private property.\n      globalObject.requestAnimationFrame?.(() => menu && menu.scrollToSelected());\n      return;\n    }\n\n    if (textValue !== valueString || requestStatus === ComboBoxRequestStatus.Failed) {\n      globalObject.requestAnimationFrame?.(() => menu && menu.down());\n    }\n  },\n  selectMenuItem: (event) => (dispatch, getState, getProps, getInstance) => {\n    const { menu } = getInstance();\n    if (menu) {\n      menu.enter(event);\n    }\n  },\n  moveMenuHighlight: (direction) => (dispatch, getState, getProps, getInstance) => {\n    const { menu } = getInstance();\n    if (menu) {\n      menu[direction]();\n    }\n  },\n  resetHighlightedMenuItem: (dispatch, getState, getProps, getInstance) => {\n    const combobox = getInstance();\n\n    if (combobox.menu && combobox.menu.hasHighlightedItem()) {\n      combobox.menu.reset();\n    }\n  },\n  reflow: () => {\n    LayoutEvents.emit();\n  },\n  selectInputText: (dispatch, getState, getProps, getInstance) => {\n    const combobox = getInstance();\n    combobox.selectInputText();\n  },\n  inputKeyDown: (event) => (dispatch, getState, getProps) => {\n    const { onInputKeyDown } = getProps();\n    if (onInputKeyDown) {\n      onInputKeyDown(event);\n    }\n  },\n};\n\nconst never = () => null;\n\nexport function reducer<T>(\n  state: CustomComboBoxState<T>,\n  props: CustomComboBoxProps<T>,\n  action: CustomComboBoxAction<T>,\n): Pick<CustomComboBoxState<T>, never> | [Pick<CustomComboBoxState<T>, never>, Array<CustomComboBoxEffect<T>>] {\n  switch (action.type) {\n    case 'ValueChange': {\n      const { value, keepFocus } = action;\n      const textValue = getValueString(value, props.valueToString);\n      if (keepFocus) {\n        return [\n          {\n            opened: false,\n            inputChanged: false,\n            editing: true,\n            items: null,\n            textValue,\n          },\n          [Effect.valueChange(value), Effect.cancelRequest, Effect.inputFocus],\n        ];\n      }\n      return [\n        {\n          opened: false,\n          inputChanged: false,\n          editing: false,\n          items: null,\n          textValue,\n        },\n        [Effect.valueChange(value), Effect.cancelRequest],\n      ];\n    }\n    case 'TextChange': {\n      const newState = {\n        inputChanged: true,\n        textValue: action.value,\n      };\n      if (!action.value && !props.searchOnFocus) {\n        return [\n          {\n            ...newState,\n            opened: false,\n            items: null,\n          },\n          [Effect.inputChange],\n        ];\n      }\n      return [newState, [Effect.debouncedSearch, Effect.inputChange]];\n    }\n    case 'KeyPress': {\n      const e = action.event as React.KeyboardEvent<HTMLElement>;\n      const effects = [];\n      let nextState = state;\n\n      switch (true) {\n        case isKeyEnter(e):\n          if (!state.opened) {\n            break;\n          }\n          e.preventDefault();\n          effects.push(Effect.selectMenuItem(e));\n          break;\n        case isKeyArrowVertical(e):\n          e.preventDefault();\n          effects.push(Effect.moveMenuHighlight(isKeyArrowUp(e) ? 'up' : 'down'));\n          if (!state.opened) {\n            effects.push(Effect.search(state.textValue));\n          }\n          break;\n        case isKeyEscape(e):\n          nextState = {\n            ...state,\n            items: null,\n            opened: false,\n          };\n          break;\n      }\n      return [nextState, [...effects, Effect.inputKeyDown(e)]];\n    }\n    case 'DidUpdate': {\n      if (isEqual(props.value, action.prevProps.value)) {\n        return state;\n      }\n\n      if (action.fixValueChange) {\n        const nextTextValue = getValueString(props.value, props.valueToString);\n\n        if (!state.focused) {\n          return [\n            {\n              editing: false,\n              inputChanged: false,\n              textValue: nextTextValue,\n            },\n            [Effect.cancelRequest],\n          ];\n        }\n\n        if (state.focused && state.opened) {\n          return [{ ...state, textValue: nextTextValue }, [Effect.cancelRequest, Effect.search(nextTextValue)]];\n        }\n\n        if (state.focused) {\n          return {\n            ...state,\n            textValue: nextTextValue,\n          };\n        }\n      }\n\n      return {\n        opened: false,\n        textValue: state.editing ? state.textValue : getValueString(props.value, props.valueToString),\n      };\n    }\n    case 'Mount': {\n      return {\n        textValue: getValueString(props.value, props.valueToString),\n      };\n    }\n    case 'Focus': {\n      const newState = {\n        focused: true,\n        editing: true,\n      };\n      if (!props.searchOnFocus) {\n        return [newState, [Effect.focus]];\n      }\n      if (state.editing) {\n        return [newState, [Effect.search(state.textValue), Effect.focus]];\n      }\n      return [newState, [Effect.search(''), Effect.focus, Effect.selectInputText]];\n    }\n    case 'InputClick': {\n      const newState = {\n        inputChanged: false,\n      };\n      if (!state.opened && props.searchOnFocus) {\n        return [newState, [Effect.search('')]];\n      }\n      return state;\n    }\n    case 'Blur': {\n      const { inputChanged, items } = state;\n      if (!inputChanged) {\n        return [\n          {\n            focused: false,\n            opened: false,\n            items: null,\n            editing: false,\n          },\n          [Effect.blur, Effect.cancelRequest],\n        ];\n      }\n\n      return [\n        {\n          focused: false,\n          opened: false,\n          items: null,\n        },\n        [Effect.blur, Effect.cancelRequest, Effect.unexpectedInput(state.textValue, items)],\n      ];\n    }\n    case 'Reset': {\n      return DefaultState;\n    }\n    case 'Open': {\n      return { opened: true };\n    }\n    case 'Close': {\n      return { opened: false, items: null };\n    }\n    case 'Search': {\n      return [state, [Effect.search(action.query)]];\n    }\n    case 'RequestItems': {\n      return {\n        loading: true,\n        opened: true,\n        requestStatus: ComboBoxRequestStatus.Pending,\n      };\n    }\n    case 'ReceiveItems': {\n      const shouldResetMenuHighlight = state.textValue === '';\n      return [\n        {\n          loading: false,\n          opened: true,\n          items: action.items,\n          requestStatus: ComboBoxRequestStatus.Success,\n        },\n        [shouldResetMenuHighlight ? Effect.resetHighlightedMenuItem : Effect.highlightMenuItem, Effect.reflow],\n      ];\n    }\n    case 'RequestFailure': {\n      return [\n        {\n          loading: false,\n          opened: true,\n          items: null,\n          requestStatus: ComboBoxRequestStatus.Failed,\n          repeatRequest: action.repeatRequest,\n        },\n        [Effect.highlightMenuItem],\n      ];\n    }\n    case 'CancelRequest': {\n      return {\n        loading: false,\n        requestStatus: ComboBoxRequestStatus.Unknown,\n      };\n    }\n    default: {\n      never();\n    }\n  }\n  return state;\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_lodash","_interopRequireDefault","require","_lodash2","_globalObject","_utils","_identifiers","LayoutEvents","_interopRequireWildcard","_CustomComboBox","_CustomComboBoxTypes","DEBOUNCE_DELAY","getValueString","value","valueToString","isNonNullable","Effect","exports","search","query","dispatch","getState","getProps","getInstance","debouncedSearch","debounce","searchEffect","textValue","cancelRequest","cancel","cancelSearch","blur","_getProps","onBlur","focus","_getProps2","onFocus","valueChange","_getProps3","onValueChange","valueClear","type","unexpectedInput","items","_getProps4","onUnexpectedInput","Array","isArray","length","singleItem","valueContent","keepFocus","undefined","inputChange","_getProps5","onInputValueChange","_getState","returnedValue","inputFocus","_getInstance","input","highlightMenuItem","_getProps6","itemToValue","_getState2","focused","requestStatus","_getInstance2","menu","valueString","index","findIndex","x","highlightItem","globalObject","requestAnimationFrame","scrollToSelected","ComboBoxRequestStatus","Failed","down","selectMenuItem","event","_getInstance3","enter","moveMenuHighlight","direction","_getInstance4","resetHighlightedMenuItem","combobox","hasHighlightedItem","reset","reflow","emit","selectInputText","inputKeyDown","_getProps7","onInputKeyDown","never","reducer","state","props","action","opened","inputChanged","editing","newState","searchOnFocus","_extends2","default","e","effects","nextState","isKeyEnter","preventDefault","push","isKeyArrowVertical","isKeyArrowUp","isKeyEscape","concat","isEqual","prevProps","fixValueChange","nextTextValue","loading","DefaultState","Pending","shouldResetMenuHighlight","Success","repeatRequest","Unknown"],"sources":["CustomComboBoxReducer.tsx"],"sourcesContent":["import React from 'react';\nimport debounce from 'lodash.debounce';\nimport isEqual from 'lodash.isequal';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { isNonNullable } from '../../lib/utils';\nimport { isKeyArrowUp, isKeyArrowVertical, isKeyEnter, isKeyEscape } from '../../lib/events/keyboard/identifiers';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { Nullable } from '../../typings/utility-types';\nimport { ComboBoxExtendedItem } from '../../components/ComboBox';\n\nimport { CustomComboBox, CustomComboBoxProps, CustomComboBoxState, DefaultState } from './CustomComboBox';\nimport { ComboBoxRequestStatus } from './CustomComboBoxTypes';\n\nexport type CustomComboBoxAction<T> =\n  | { type: 'ValueChange'; value: T; keepFocus: boolean }\n  | { type: 'TextChange'; value: string }\n  | { type: 'KeyPress'; event: React.KeyboardEvent }\n  | {\n      type: 'DidUpdate';\n      prevProps: CustomComboBoxProps<T>;\n      prevState: CustomComboBoxState<T>;\n      fixValueChange: boolean | undefined;\n    }\n  | { type: 'Mount' }\n  | { type: 'Focus'; searchOnFocus?: boolean }\n  | { type: 'InputClick' }\n  | { type: 'ClearCrossClick' }\n  | { type: 'Blur' }\n  | { type: 'Reset' }\n  | { type: 'Open' }\n  | { type: 'Close' }\n  | { type: 'Search'; query: string }\n  | { type: 'RequestItems' }\n  | { type: 'ReceiveItems'; items: Array<ComboBoxExtendedItem<T>> }\n  | { type: 'RequestFailure'; repeatRequest: () => void }\n  | { type: 'CancelRequest' };\n\nexport type CustomComboBoxEffect<T> = (\n  dispatch: (action: CustomComboBoxAction<T>) => void,\n  getState: () => CustomComboBoxState<T>,\n  getProps: () => CustomComboBoxProps<T>,\n  getInstance: () => CustomComboBox<T>,\n) => void;\n\ntype Effect = CustomComboBoxEffect<any>;\n\ninterface EffectFactory {\n  search: (query: string) => Effect;\n  debouncedSearch: Effect & {\n    cancel(): void;\n    flush(): void;\n  };\n  cancelRequest: Effect;\n  blur: Effect;\n  focus: Effect;\n\n  valueChange: (value: any) => Effect;\n  valueClear: Effect;\n  unexpectedInput: (textValue: string, items: Nullable<any[]>) => Effect;\n  inputChange: Effect;\n  inputFocus: Effect;\n  highlightMenuItem: Effect;\n  selectMenuItem: (event: React.KeyboardEvent<HTMLElement>) => Effect;\n  inputKeyDown: (event: React.KeyboardEvent<HTMLElement>) => Effect;\n  moveMenuHighlight: (direction: 'up' | 'down') => Effect;\n  resetHighlightedMenuItem: Effect;\n  reflow: Effect;\n  selectInputText: Effect;\n}\n\nconst DEBOUNCE_DELAY = 300;\n\nconst getValueString = (value: any, valueToString: CustomComboBoxProps<any>['valueToString']) => {\n  return isNonNullable(value) ? valueToString(value) : '';\n};\n\nexport const Effect: EffectFactory = {\n  search: (query) => (dispatch, getState, getProps, getInstance) => {\n    getInstance().search(query);\n  },\n  debouncedSearch: debounce((dispatch, getState, getProps, getInstance) => {\n    const searchEffect = Effect.search(getState().textValue);\n    searchEffect(dispatch, getState, getProps, getInstance);\n  }, DEBOUNCE_DELAY),\n  cancelRequest: (dispatch, getState, getProps, getInstance) => {\n    Effect.debouncedSearch.cancel();\n    getInstance().cancelSearch();\n  },\n  blur: (dispatch, getState, getProps) => {\n    const { onBlur } = getProps();\n    if (onBlur) {\n      onBlur();\n    }\n  },\n  focus: (dispatch, getState, getProps) => {\n    const { onFocus } = getProps();\n    if (onFocus) {\n      onFocus();\n    }\n  },\n  valueChange: (value) => (dispatch, getState, getProps) => {\n    const { onValueChange } = getProps();\n    if (onValueChange) {\n      onValueChange(value);\n    }\n  },\n  valueClear: (dispatch) => {\n    dispatch({ type: 'TextChange', value: '' });\n  },\n  unexpectedInput: (textValue, items) => (dispatch, getState, getProps) => {\n    const { onUnexpectedInput, valueToString } = getProps();\n    if (Array.isArray(items) && items.length === 1) {\n      const singleItem = items[0];\n      const valueContent = getValueString(singleItem, valueToString);\n\n      if (valueContent === textValue) {\n        dispatch({ type: 'ValueChange', value: singleItem, keepFocus: false });\n        return;\n      }\n    }\n\n    if (onUnexpectedInput) {\n      const value = onUnexpectedInput(textValue);\n      if (value !== undefined) {\n        dispatch({ type: 'ValueChange', value, keepFocus: false });\n      }\n    }\n  },\n  inputChange: (dispatch, getState, getProps) => {\n    const { onInputValueChange } = getProps();\n    const { textValue } = getState();\n    if (onInputValueChange) {\n      const returnedValue = onInputValueChange(textValue);\n      if (typeof returnedValue === 'string' && returnedValue !== textValue) {\n        dispatch({ type: 'TextChange', value: returnedValue });\n      }\n    }\n  },\n  inputFocus: (dispatch, getState, getProps, getInstance) => {\n    const { input } = getInstance();\n\n    if (!input) {\n      return;\n    }\n\n    input.focus();\n  },\n  highlightMenuItem: (dispatch, getState, getProps, getInstance) => {\n    const { value, itemToValue, valueToString } = getProps();\n    const { items, focused, textValue, requestStatus } = getState();\n    const { menu } = getInstance();\n    const valueString = getValueString(value, valueToString);\n\n    if (!menu) {\n      return;\n    }\n\n    if (!focused) {\n      return;\n    }\n\n    let index = -1;\n    if (items && items.length && isNonNullable(value)) {\n      index = items.findIndex((x) => itemToValue(x) === itemToValue(value));\n    }\n    menu.highlightItem(index);\n\n    if (index >= 0) {\n      // @ts-expect-error: Use of private property.\n      globalObject.requestAnimationFrame?.(() => menu && menu.scrollToSelected());\n      return;\n    }\n\n    if (textValue !== valueString || requestStatus === ComboBoxRequestStatus.Failed) {\n      globalObject.requestAnimationFrame?.(() => menu && menu.down());\n    }\n  },\n  selectMenuItem: (event) => (dispatch, getState, getProps, getInstance) => {\n    const { menu } = getInstance();\n    if (menu) {\n      menu.enter(event);\n    }\n  },\n  moveMenuHighlight: (direction) => (dispatch, getState, getProps, getInstance) => {\n    const { menu } = getInstance();\n    if (menu) {\n      menu[direction]();\n    }\n  },\n  resetHighlightedMenuItem: (dispatch, getState, getProps, getInstance) => {\n    const combobox = getInstance();\n\n    if (combobox.menu && combobox.menu.hasHighlightedItem()) {\n      combobox.menu.reset();\n    }\n  },\n  reflow: () => {\n    LayoutEvents.emit();\n  },\n  selectInputText: (dispatch, getState, getProps, getInstance) => {\n    const combobox = getInstance();\n    combobox.selectInputText();\n  },\n  inputKeyDown: (event) => (dispatch, getState, getProps) => {\n    const { onInputKeyDown } = getProps();\n    if (onInputKeyDown) {\n      onInputKeyDown(event);\n    }\n  },\n};\n\nconst never = () => null;\n\nexport function reducer<T>(\n  state: CustomComboBoxState<T>,\n  props: CustomComboBoxProps<T>,\n  action: CustomComboBoxAction<T>,\n): Pick<CustomComboBoxState<T>, never> | [Pick<CustomComboBoxState<T>, never>, Array<CustomComboBoxEffect<T>>] {\n  switch (action.type) {\n    case 'ValueChange': {\n      const { value, keepFocus } = action;\n      const textValue = getValueString(value, props.valueToString);\n      if (keepFocus) {\n        return [\n          {\n            opened: false,\n            inputChanged: false,\n            editing: true,\n            items: null,\n            textValue,\n          },\n          [Effect.valueChange(value), Effect.cancelRequest, Effect.inputFocus],\n        ];\n      }\n      return [\n        {\n          opened: false,\n          inputChanged: false,\n          editing: false,\n          items: null,\n          textValue,\n        },\n        [Effect.valueChange(value), Effect.cancelRequest],\n      ];\n    }\n    case 'TextChange': {\n      const newState = {\n        inputChanged: true,\n        textValue: action.value,\n      };\n      if (!action.value && !props.searchOnFocus) {\n        return [\n          {\n            ...newState,\n            opened: false,\n            items: null,\n          },\n          [Effect.inputChange],\n        ];\n      }\n      return [newState, [Effect.debouncedSearch, Effect.inputChange]];\n    }\n    case 'KeyPress': {\n      const e = action.event as React.KeyboardEvent<HTMLElement>;\n      const effects = [];\n      let nextState = state;\n\n      switch (true) {\n        case isKeyEnter(e):\n          if (!state.opened) {\n            break;\n          }\n          e.preventDefault();\n          effects.push(Effect.selectMenuItem(e));\n          break;\n        case isKeyArrowVertical(e):\n          e.preventDefault();\n          effects.push(Effect.moveMenuHighlight(isKeyArrowUp(e) ? 'up' : 'down'));\n          if (!state.opened) {\n            effects.push(Effect.search(state.textValue));\n          }\n          break;\n        case isKeyEscape(e):\n          nextState = {\n            ...state,\n            items: null,\n            opened: false,\n          };\n          break;\n      }\n      return [nextState, [...effects, Effect.inputKeyDown(e)]];\n    }\n    case 'DidUpdate': {\n      if (isEqual(props.value, action.prevProps.value)) {\n        return state;\n      }\n\n      if (action.fixValueChange) {\n        const nextTextValue = getValueString(props.value, props.valueToString);\n\n        if (!state.focused) {\n          return [\n            {\n              editing: false,\n              inputChanged: false,\n              textValue: nextTextValue,\n            },\n            [Effect.cancelRequest],\n          ];\n        }\n\n        if (state.focused && state.opened) {\n          return [{ ...state, textValue: nextTextValue }, [Effect.cancelRequest, Effect.search(nextTextValue)]];\n        }\n\n        if (state.focused) {\n          return {\n            ...state,\n            textValue: nextTextValue,\n          };\n        }\n      }\n\n      return {\n        opened: false,\n        textValue: state.editing ? state.textValue : getValueString(props.value, props.valueToString),\n      };\n    }\n    case 'Mount': {\n      return {\n        textValue: getValueString(props.value, props.valueToString),\n      };\n    }\n    case 'Focus': {\n      const newState = {\n        focused: true,\n        editing: true,\n      };\n      if (!action.searchOnFocus) {\n        return [newState, [Effect.focus]];\n      }\n      if (state.editing) {\n        return [newState, [Effect.search(state.textValue), Effect.focus]];\n      }\n      return [newState, [Effect.search(''), Effect.focus, Effect.selectInputText]];\n    }\n    case 'InputClick': {\n      const newState = {\n        inputChanged: false,\n      };\n      if (!state.opened && props.searchOnFocus) {\n        return [newState, [Effect.search('')]];\n      }\n      return state;\n    }\n    case 'ClearCrossClick': {\n      const newState = {\n        editing: true,\n        loading: true,\n      };\n      return [newState, [Effect.valueClear, Effect.focus, Effect.search('')]];\n    }\n    case 'Blur': {\n      const { inputChanged, items } = state;\n      if (!inputChanged) {\n        return [\n          {\n            focused: false,\n            opened: false,\n            items: null,\n            editing: false,\n          },\n          [Effect.blur, Effect.cancelRequest],\n        ];\n      }\n\n      return [\n        {\n          focused: false,\n          opened: false,\n          items: null,\n        },\n        [Effect.blur, Effect.cancelRequest, Effect.unexpectedInput(state.textValue, items)],\n      ];\n    }\n    case 'Reset': {\n      return DefaultState;\n    }\n    case 'Open': {\n      return { opened: true };\n    }\n    case 'Close': {\n      return { opened: false, items: null };\n    }\n    case 'Search': {\n      return [state, [Effect.search(action.query)]];\n    }\n    case 'RequestItems': {\n      return {\n        loading: true,\n        opened: true,\n        requestStatus: ComboBoxRequestStatus.Pending,\n      };\n    }\n    case 'ReceiveItems': {\n      const shouldResetMenuHighlight = state.textValue === '';\n      return [\n        {\n          loading: false,\n          opened: true,\n          items: action.items,\n          requestStatus: ComboBoxRequestStatus.Success,\n        },\n        [shouldResetMenuHighlight ? Effect.resetHighlightedMenuItem : Effect.highlightMenuItem, Effect.reflow],\n      ];\n    }\n    case 'RequestFailure': {\n      return [\n        {\n          loading: false,\n          opened: true,\n          items: null,\n          requestStatus: ComboBoxRequestStatus.Failed,\n          repeatRequest: action.repeatRequest,\n        },\n        [Effect.highlightMenuItem],\n      ];\n    }\n    case 'CancelRequest': {\n      return {\n        loading: false,\n        requestStatus: ComboBoxRequestStatus.Unknown,\n      };\n    }\n    default: {\n      never();\n    }\n  }\n  return state;\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/InputLikeText/InputLikeText.d.ts

@@ -10,22 +10,25 @@ export interface InputLikeTextProps extends CommonProps, InputProps {
     onMouseDragStart?: MouseDragEventHandler;
     onMouseDragEnd?: MouseDragEventHandler;
     takeContentWidth?: boolean;
+    onClearCrossClick?: () => void;
 }
-export type InputLikeTextState = Omit<InputState, 'needsPolyfillPlaceholder'>;
+export type InputLikeTextState = Omit<InputState, 'needsPolyfillPlaceholder' | 'hovered'>;
 export declare const InputLikeTextDataTids: {
     readonly root: "InputLikeText__root";
     readonly input: "InputLikeText__input";
     readonly nativeInput: "InputLikeText__nativeInput";
 };
-type DefaultProps = Required<Pick<InputLikeTextProps, 'size'>>;
+type DefaultProps = Required<Pick<InputLikeTextProps, 'size' | 'showClearIcon'>>;
 export declare class InputLikeText extends React.Component<InputLikeTextProps, InputLikeTextState> {
     static __KONTUR_REACT_UI__: string;
     static displayName: string;
     static defaultProps: DefaultProps;
     private getProps;
+    private getClearCrossShowed;
     state: {
         blinking: boolean;
         focused: boolean;
+        clearCrossShowed: boolean;
     };
     private theme;
     private node;
@@ -66,6 +69,8 @@ export declare class InputLikeText extends React.Component<InputLikeTextProps, I
     private handleFocus;
     private resetFocus;
     private handleBlur;
+    private handleHover;
+    private handleUnhover;
     private hiddenInputRef;
     private innerRef;
     private defrost;

package/cjs/internal/InputLikeText/InputLikeText.js

@@ -8,8 +8,8 @@ var _identifiers = require("../../lib/events/keyboard/identifiers");
 var _MouseDrag = require("../../lib/events/MouseDrag");
 var _client = require("../../lib/client");
 var _selectionHelpers = require("../../lib/dom/selectionHelpers");
-
-var _Input = require("../../components/Input/Input.styles");
+var _Input = require("../../components/Input");
+var _Input2 = require("../../components/Input/Input.styles");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
 
 var _CommonWrapper = require("../CommonWrapper");
@@ -21,9 +21,11 @@ var _InputLayoutAside = require("../../components/Input/InputLayout/InputLayoutA
 var _InputLayoutContext = require("../../components/Input/InputLayout/InputLayoutContext");
 var _isInstanceOf = require("../../lib/isInstanceOf");
 var _FocusControlWrapper = require("../FocusControlWrapper");
+var _ClearCrossIcon = require("../ClearCrossIcon/ClearCrossIcon");
 
 var _HiddenInput = require("./HiddenInput");
-var _InputLikeText2 = require("./InputLikeText.styles");var _excluded = ["innerRef", "tabIndex", "placeholder", "align", "borderless", "width", "size", "error", "warning", "onValueChange", "disabled", "prefix", "suffix", "leftIcon", "rightIcon", "value", "onMouseDragStart", "onMouseDragEnd", "takeContentWidth", "aria-describedby"];var _class, _InputLikeText;
+var _InputLikeText2 = require("./InputLikeText.styles");var _excluded = ["innerRef", "tabIndex", "placeholder", "align", "borderless", "width", "size", "error", "warning", "onValueChange", "disabled", "prefix", "suffix", "leftIcon", "rightIcon", "value", "onMouseDragStart", "onMouseDragEnd", "takeContentWidth", "aria-describedby", "aria-label", "aria-labelledby", "showClearIcon", "onClearCrossClick"];var _class, _InputLikeText;
+
 
 
 
@@ -52,9 +54,30 @@ InputLikeText = exports.InputLikeText = (0, _rootNode.rootNode)(_class = (_Input
 
 
 
+
+
+
     getProps = (0, _createPropsGetter.createPropsGetter)(InputLikeText.defaultProps);_this.
 
-    state = { blinking: false, focused: false };_this.
+    getClearCrossShowed = function (_ref) {var focused = _ref.focused,hovered = _ref.hovered;
+      if (_this.props.disabled) {
+        return false;
+      }
+      return (0, _Input.calculateClearCrossShowedState)({
+        showClearIcon: _this.getProps().showClearIcon,
+        notEmptyValue: Boolean(_this.props.children),
+        focused: focused,
+        hovered: hovered
+      });
+    };_this.
+
+    state = {
+      blinking: false,
+      focused: false,
+      clearCrossShowed: _this.getClearCrossShowed({
+        focused: false
+      })
+    };_this.
 
 
     node = null;_this.
@@ -179,28 +202,43 @@ InputLikeText = exports.InputLikeText = (0, _rootNode.rootNode)(_class = (_Input
 
 
 
-        props.innerRef,tabIndex = props.tabIndex,placeholder = props.placeholder,align = props.align,borderless = props.borderless,width = props.width,size = props.size,error = props.error,warning = props.warning,onValueChange = props.onValueChange,disabled = props.disabled,prefix = props.prefix,suffix = props.suffix,leftIcon = props.leftIcon,rightIcon = props.rightIcon,value = props.value,onMouseDragStart = props.onMouseDragStart,onMouseDragEnd = props.onMouseDragEnd,takeContentWidth = props.takeContentWidth,ariaDescribedby = props['aria-describedby'],rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
 
-      var _this$state = _this.state,focused = _this$state.focused,blinking = _this$state.blinking;
 
+
+
+        props.innerRef,tabIndex = props.tabIndex,placeholder = props.placeholder,align = props.align,borderless = props.borderless,width = props.width,size = props.size,error = props.error,warning = props.warning,onValueChange = props.onValueChange,disabled = props.disabled,prefix = props.prefix,suffix = props.suffix,leftIcon = props.leftIcon,rightIcon = props.rightIcon,value = props.value,onMouseDragStart = props.onMouseDragStart,onMouseDragEnd = props.onMouseDragEnd,takeContentWidth = props.takeContentWidth,ariaDescribedby = props['aria-describedby'],ariaLabel = props['aria-label'],ariaLabelledby = props['aria-labelledby'],showClearIcon = props.showClearIcon,onClearCrossClick = props.onClearCrossClick,rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+
+      var _this$state = _this.state,focused = _this$state.focused,blinking = _this$state.blinking;
+      var getRightIcon = function getRightIcon() {
+        return _this.state.clearCrossShowed ? /*#__PURE__*/
+        _react.default.createElement(_ClearCrossIcon.ClearCrossIcon, {
+          "data-tid": _Input.InputDataTids.clearCross,
+          size: size,
+          onFocus: function onFocus(event) {return event.stopPropagation();},
+          onClick: onClearCrossClick }
+        ) :
+
+        rightIcon;
+
+      };
       var leftSide = /*#__PURE__*/_react.default.createElement(_InputLayoutAside.InputLayoutAside, { icon: leftIcon, text: prefix, side: "left" });
-      var rightSide = /*#__PURE__*/_react.default.createElement(_InputLayoutAside.InputLayoutAside, { icon: rightIcon, text: suffix, side: "right" });
-
-      var className = (0, _Emotion.cx)(_InputLikeText2.styles.root(), _Input.styles.root(_this.theme), _this.getSizeClassName(), (_cx = {}, _cx[
-      _Input.styles.disabled(_this.theme)] = !!disabled, _cx[
-      _Input.styles.borderless()] = !!borderless, _cx[
-      _Input.styles.focus(_this.theme)] = focused, _cx[
-      _Input.styles.hovering(_this.theme)] = !focused && !disabled && !warning && !error && !borderless, _cx[
-      _Input.styles.blink(_this.theme)] = blinking, _cx[
-      _Input.styles.warning(_this.theme)] = !!warning, _cx[
-      _Input.styles.error(_this.theme)] = !!error, _cx[
-      _Input.styles.focusFallback(_this.theme)] = focused && (_client.isIE11 || _client.isEdge), _cx[
-      _Input.styles.warningFallback(_this.theme)] = !!warning && (_client.isIE11 || _client.isEdge), _cx[
-      _Input.styles.errorFallback(_this.theme)] = !!error && (_client.isIE11 || _client.isEdge), _cx[
-      _Input.styles.hideBlinkingCursor()] = _client.isMobile, _cx)
+      var rightSide = /*#__PURE__*/_react.default.createElement(_InputLayoutAside.InputLayoutAside, { icon: getRightIcon(), text: suffix, side: "right" });
+
+      var className = (0, _Emotion.cx)(_InputLikeText2.styles.root(), _Input2.styles.root(_this.theme), _this.getSizeClassName(), (_cx = {}, _cx[
+      _Input2.styles.disabled(_this.theme)] = !!disabled, _cx[
+      _Input2.styles.borderless()] = !!borderless, _cx[
+      _Input2.styles.focus(_this.theme)] = focused, _cx[
+      _Input2.styles.hovering(_this.theme)] = !focused && !disabled && !warning && !error && !borderless, _cx[
+      _Input2.styles.blink(_this.theme)] = blinking, _cx[
+      _Input2.styles.warning(_this.theme)] = !!warning, _cx[
+      _Input2.styles.error(_this.theme)] = !!error, _cx[
+      _Input2.styles.focusFallback(_this.theme)] = focused && (_client.isIE11 || _client.isEdge), _cx[
+      _Input2.styles.warningFallback(_this.theme)] = !!warning && (_client.isIE11 || _client.isEdge), _cx[
+      _Input2.styles.errorFallback(_this.theme)] = !!error && (_client.isIE11 || _client.isEdge), _cx[
+      _Input2.styles.hideBlinkingCursor()] = _client.isMobile, _cx)
       );
 
-      var wrapperClass = (0, _Emotion.cx)(_Input.styles.wrapper(), (_cx2 = {}, _cx2[
+      var wrapperClass = (0, _Emotion.cx)(_Input2.styles.wrapper(), (_cx2 = {}, _cx2[
       _InputLikeText2.styles.userSelectContain()] = focused, _cx2)
       );
 
@@ -214,29 +252,30 @@ InputLikeText = exports.InputLikeText = (0, _rootNode.rootNode)(_class = (_Input
         rest, {
           className: className,
           style: { width: width, textAlign: align },
-          tabIndex: disabled ? undefined : 0,
+          tabIndex: disabled ? -1 : 0,
           onFocus: _this.handleFocus,
+          onMouseEnter: _this.handleHover,
+          onMouseLeave: _this.handleUnhover,
           onBlur: _this.handleBlur,
           ref: _this.innerRef,
           onKeyDown: _this.handleKeyDown,
-          onMouseDown: _this.handleMouseDown }), /*#__PURE__*/
+          onMouseDown: _this.handleMouseDown,
+          role: "textbox",
+          "aria-disabled": disabled,
+          "aria-describedby": ariaDescribedby,
+          "aria-label": ariaLabel,
+          "aria-labelledby": ariaLabelledby }), /*#__PURE__*/
 
         _react.default.createElement(_InputLayoutContext.InputLayoutContext.Provider, { value: context }, /*#__PURE__*/
-        _react.default.createElement("input", {
-          "data-tid": InputLikeTextDataTids.nativeInput,
-          type: "hidden",
-          value: value,
-          disabled: disabled,
-          "aria-describedby": ariaDescribedby }
-        ),
+        _react.default.createElement("input", { type: "hidden", "data-tid": InputLikeTextDataTids.nativeInput, value: value, disabled: disabled }),
         leftSide, /*#__PURE__*/
         _react.default.createElement("span", { className: wrapperClass }, /*#__PURE__*/
         _react.default.createElement("span", {
           "data-tid": InputLikeTextDataTids.input,
-          className: (0, _Emotion.cx)(_Input.styles.input(_this.theme), (_cx3 = {}, _cx3[
+          className: (0, _Emotion.cx)(_Input2.styles.input(_this.theme), (_cx3 = {}, _cx3[
           _InputLikeText2.styles.absolute()] = !takeContentWidth, _cx3[
-          _Input.styles.inputFocus(_this.theme)] = focused, _cx3[
-          _Input.styles.inputDisabled(_this.theme)] = disabled, _cx3)
+          _Input2.styles.inputFocus(_this.theme)] = focused, _cx3[
+          _Input2.styles.inputDisabled(_this.theme)] = disabled, _cx3)
           ) },
 
         _this.props.children
@@ -259,9 +298,9 @@ InputLikeText = exports.InputLikeText = (0, _rootNode.rootNode)(_class = (_Input
       if (!hasValue && placeholder) {var _cx4;
         return /*#__PURE__*/(
           _react.default.createElement("span", {
-            className: (0, _Emotion.cx)(_Input.styles.placeholder(_this.theme), (_cx4 = {}, _cx4[
-            _Input.styles.placeholderDisabled(_this.theme)] = disabled, _cx4[
-            _Input.styles.placeholderFocus(_this.theme)] = focused, _cx4)
+            className: (0, _Emotion.cx)(_Input2.styles.placeholder(_this.theme), (_cx4 = {}, _cx4[
+            _Input2.styles.placeholderDisabled(_this.theme)] = disabled, _cx4[
+            _Input2.styles.placeholderFocus(_this.theme)] = focused, _cx4)
             ) },
 
           placeholder
@@ -402,6 +441,14 @@ InputLikeText = exports.InputLikeText = (0, _rootNode.rootNode)(_class = (_Input
       _this.props.onBlur == null || _this.props.onBlur(e);
     };_this.
 
+    handleHover = function () {
+      _this.setState({ clearCrossShowed: _this.getClearCrossShowed({ focused: _this.state.focused, hovered: true }) });
+    };_this.
+
+    handleUnhover = function () {
+      _this.setState({ clearCrossShowed: _this.getClearCrossShowed({ focused: _this.state.focused, hovered: false }) });
+    };_this.
+
     hiddenInputRef = function (el) {
       _this.hiddenInput = el;
     };_this.
@@ -422,19 +469,19 @@ InputLikeText = exports.InputLikeText = (0, _rootNode.rootNode)(_class = (_Input
       switch (_this.getProps().size) {
         case 'large':
           return (0, _Emotion.cx)((_cx5 = {}, _cx5[
-          _Input.styles.sizeLarge(_this.theme)] = true, _cx5[
-          _Input.styles.sizeLargeFallback(_this.theme)] = _client.isIE11 || _client.isEdge, _cx5)
+          _Input2.styles.sizeLarge(_this.theme)] = true, _cx5[
+          _Input2.styles.sizeLargeFallback(_this.theme)] = _client.isIE11 || _client.isEdge, _cx5)
           );
         case 'medium':
           return (0, _Emotion.cx)((_cx6 = {}, _cx6[
-          _Input.styles.sizeMedium(_this.theme)] = true, _cx6[
-          _Input.styles.sizeMediumFallback(_this.theme)] = _client.isIE11 || _client.isEdge, _cx6)
+          _Input2.styles.sizeMedium(_this.theme)] = true, _cx6[
+          _Input2.styles.sizeMediumFallback(_this.theme)] = _client.isIE11 || _client.isEdge, _cx6)
           );
         case 'small':
         default:
           return (0, _Emotion.cx)((_cx7 = {}, _cx7[
-          _Input.styles.sizeSmall(_this.theme)] = true, _cx7[
-          _Input.styles.sizeSmallFallback(_this.theme)] = _client.isIE11 || _client.isEdge, _cx7)
+          _Input2.styles.sizeSmall(_this.theme)] = true, _cx7[
+          _Input2.styles.sizeSmallFallback(_this.theme)] = _client.isIE11 || _client.isEdge, _cx7)
           );
       }
     };return _this;}(0, _inheritsLoose2.default)(InputLikeText, _React$Component);var _proto = InputLikeText.prototype; /**
@@ -443,4 +490,4 @@ InputLikeText = exports.InputLikeText = (0, _rootNode.rootNode)(_class = (_Input
    * @public
    */;_proto.blur = function blur() {if (this.node) {this.node.blur();}} /**
    * @public
-   */;_proto.blink = function blink() {var _this3 = this;if (this.props.disabled) {return;}this.setState({ blinking: true }, function () {_this3.blinkTimeout = _globalObject.globalObject.setTimeout(function () {return _this3.setState({ blinking: false });}, 150);});};_proto.getNode = function getNode() {return this.node;};_proto.componentDidMount = function componentDidMount() {var _globalObject$documen3, _globalObject$documen4;if (this.node) {_MouseDrag.MouseDrag.listen(this.node).onMouseDragStart(this.handleMouseDragStart).onMouseDragEnd(this.handleMouseDragEnd);}(_globalObject$documen3 = _globalObject.globalObject.document) == null || _globalObject$documen3.addEventListener('mousedown', this.handleDocumentMouseDown);(_globalObject$documen4 = _globalObject.globalObject.document) == null || _globalObject$documen4.addEventListener('keydown', this.handleDocumentKeyDown);};_proto.componentWillUnmount = function componentWillUnmount() {var _globalObject$documen5, _globalObject$documen6;if (this.blinkTimeout) {_globalObject.globalObject.clearTimeout(this.blinkTimeout);}_MouseDrag.MouseDrag.stop(this.node);(_globalObject$documen5 = _globalObject.globalObject.document) == null || _globalObject$documen5.removeEventListener('mousedown', this.handleDocumentMouseDown);(_globalObject$documen6 = _globalObject.globalObject.document) == null || _globalObject$documen6.removeEventListener('keydown', this.handleDocumentKeyDown);};_proto.render = function render() {var _this4 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this4.theme = theme;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: _this4.setRootNode }, _this4.getProps()), _this4.renderMain);});};return InputLikeText;}(_react.default.Component), _InputLikeText.__KONTUR_REACT_UI__ = 'InputLikeText', _InputLikeText.displayName = 'InputLikeText', _InputLikeText.defaultProps = { size: 'small' }, _InputLikeText)) || _class;
+   */;_proto.blink = function blink() {var _this3 = this;if (this.props.disabled) {return;}this.setState({ blinking: true }, function () {_this3.blinkTimeout = _globalObject.globalObject.setTimeout(function () {return _this3.setState({ blinking: false });}, 150);});};_proto.getNode = function getNode() {return this.node;};_proto.componentDidMount = function componentDidMount() {var _globalObject$documen3, _globalObject$documen4;if (this.node) {_MouseDrag.MouseDrag.listen(this.node).onMouseDragStart(this.handleMouseDragStart).onMouseDragEnd(this.handleMouseDragEnd);}(_globalObject$documen3 = _globalObject.globalObject.document) == null || _globalObject$documen3.addEventListener('mousedown', this.handleDocumentMouseDown);(_globalObject$documen4 = _globalObject.globalObject.document) == null || _globalObject$documen4.addEventListener('keydown', this.handleDocumentKeyDown);};_proto.componentWillUnmount = function componentWillUnmount() {var _globalObject$documen5, _globalObject$documen6;if (this.blinkTimeout) {_globalObject.globalObject.clearTimeout(this.blinkTimeout);}_MouseDrag.MouseDrag.stop(this.node);(_globalObject$documen5 = _globalObject.globalObject.document) == null || _globalObject$documen5.removeEventListener('mousedown', this.handleDocumentMouseDown);(_globalObject$documen6 = _globalObject.globalObject.document) == null || _globalObject$documen6.removeEventListener('keydown', this.handleDocumentKeyDown);};_proto.render = function render() {var _this4 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this4.theme = theme;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: _this4.setRootNode }, _this4.getProps()), _this4.renderMain);});};return InputLikeText;}(_react.default.Component), _InputLikeText.__KONTUR_REACT_UI__ = 'InputLikeText', _InputLikeText.displayName = 'InputLikeText', _InputLikeText.defaultProps = { size: 'small', showClearIcon: 'never' }, _InputLikeText)) || _class;