@skbkontur/react-ui 5.6.1-9a162.0 → 6.0.0-alpha.0

package/internal/InputLikeText/InputLikeText/InputLikeText.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ReactDOM","debounce","globalObject","isNonNullable","isKeyTab","isShortcutPaste","MouseDrag","isEdge","isIE11","isMobile","removeAllSelections","selectNodeContents","calculateClearCrossShowedState","InputDataTids","styles","jsInputStyles","ThemeContext","CommonWrapper","cx","findRenderContainer","rootNode","createPropsGetter","InputLayoutAside","InputLayoutContext","InputLayoutContextDefault","isInstanceOf","FocusControlWrapper","ClearCrossIcon","blink","withSize","HiddenInput","InputLikeTextDataTids","root","input","nativeInput","InputLikeText","_class","_InputLikeText","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","getClearCrossShowed","_ref","focused","hovered","props","disabled","showClearIcon","notEmptyValue","Boolean","children","state","clearCrossShowed","node","hiddenInput","lastSelectedInnerNode","frozen","frozenBlur","dragging","selectNodeContentsDebounced","selectInnerNode","start","end","document","body","focusTimeout","clearInterval","setTimeout","focus","renderMain","_cx","_cx2","_cx3","innerRef","tabIndex","placeholder","align","borderless","width","error","warning","onValueChange","prefix","suffix","leftIcon","rightIcon","value","onMouseDragStart","onMouseDragEnd","takeContentWidth","ariaDescribedby","ariaLabel","ariaLabelledby","onClearCrossClick","rest","_objectWithoutPropertiesLoose","_excluded","getRightIcon","createElement","clearCross","size","onFocus","event","stopPropagation","onClick","leftSide","icon","text","side","rightSide","className","theme","getSizeClassName","hovering","focusFallback","warningFallback","errorFallback","hideBlinkingCursor","wrapperClass","wrapper","userSelectContain","context","Object","assign","onBlurWhenDisabled","resetFocus","_extends","style","textAlign","handleFocus","onMouseEnter","handleHover","onMouseLeave","handleUnhover","onBlur","handleBlur","ref","onKeyDown","handleKeyDown","onMouseDown","handleMouseDown","role","Provider","type","absolute","inputFocus","inputDisabled","renderPlaceholder","nodeRef","hiddenInputRef","_this$props","hasValue","_cx4","placeholderDisabled","placeholderFocus","handleDocumentMouseDown","e","target","Node","contains","defrost","handleDocumentKeyDown","_this2","handleMouseDragStart","_globalObject$documen","documentElement","classList","add","userSelectNone","handleMouseDragEnd","_globalObject$documen2","remove","_this$node","setAttribute","version","search","flushSync","setState","cancel","_this$node2","removeAttribute","_this$node3","el","_cx5","_cx6","_cx7","sizeLarge","sizeLargeFallback","sizeMedium","sizeMediumFallback","sizeSmall","sizeSmallFallback","_inheritsLoose","_proto","prototype","blur","blinkColor","inputBlinkColor","getNode","componentDidMount","_globalObject$documen3","_globalObject$documen4","listen","addEventListener","componentWillUnmount","_globalObject$documen5","_globalObject$documen6","stop","removeEventListener","render","_this3","Consumer","rootNodeRef","setRootNode","Component","__KONTUR_REACT_UI__","displayName"],"sources":["InputLikeText.tsx"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport debounce from 'lodash.debounce';\nimport type { SafeTimer } from '@skbkontur/global-object';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { isNonNullable } from '../../lib/utils';\nimport { isKeyTab, isShortcutPaste } from '../../lib/events/keyboard/identifiers';\nimport type { MouseDragEventHandler } from '../../lib/events/MouseDrag';\nimport { MouseDrag } from '../../lib/events/MouseDrag';\nimport { isEdge, isIE11, isMobile } from '../../lib/client';\nimport { removeAllSelections, selectNodeContents } from '../../lib/dom/selectionHelpers';\nimport type { InputProps, InputState } from '../../components/Input';\nimport { calculateClearCrossShowedState, InputDataTids } from '../../components/Input';\nimport { styles as jsInputStyles } from '../../components/Input/Input.styles';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport type { CommonProps, CommonWrapperRestProps } from '../CommonWrapper';\nimport { CommonWrapper } from '../CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { findRenderContainer } from '../../lib/listenFocusOutside';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { InputLayoutAside } from '../../components/Input/InputLayout/InputLayoutAside';\nimport { InputLayoutContext, InputLayoutContextDefault } from '../../components/Input/InputLayout/InputLayoutContext';\nimport { isInstanceOf } from '../../lib/isInstanceOf';\nimport { FocusControlWrapper } from '../FocusControlWrapper';\nimport { ClearCrossIcon } from '../ClearCrossIcon/ClearCrossIcon';\nimport { blink } from '../../lib/blink';\nimport { withSize } from '../../lib/size/SizeDecorator';\nimport type { SizeProp } from '../../lib/types/props';\n\nimport { HiddenInput } from './HiddenInput';\nimport { styles } from './InputLikeText.styles';\n\nexport interface InputLikeTextProps extends CommonProps, InputProps {\n  children?: React.ReactNode;\n  innerRef?: (el: HTMLElement | null) => void;\n  onFocus?: React.FocusEventHandler<HTMLElement>;\n  onBlur?: React.FocusEventHandler<HTMLElement>;\n  onMouseDragStart?: MouseDragEventHandler;\n  onMouseDragEnd?: MouseDragEventHandler;\n  takeContentWidth?: boolean;\n  onClearCrossClick?: () => void;\n}\n\nexport type InputLikeTextState = Omit<InputState, 'needsPolyfillPlaceholder' | 'hovered'>;\n\nexport const InputLikeTextDataTids = {\n  root: 'InputLikeText__root',\n  input: 'InputLikeText__input',\n  nativeInput: 'InputLikeText__nativeInput',\n} as const;\n\ntype DefaultProps = Required<Pick<InputLikeTextProps, 'showClearIcon'>>;\n\n@withSize\n@rootNode\nexport class InputLikeText extends React.Component<InputLikeTextProps, InputLikeTextState> {\n  public static __KONTUR_REACT_UI__ = 'InputLikeText';\n  public static displayName = 'InputLikeText';\n\n  public static defaultProps: DefaultProps = {\n    showClearIcon: 'never',\n  };\n\n  private getProps = createPropsGetter(InputLikeText.defaultProps);\n\n  private getClearCrossShowed = ({ focused, hovered }: { focused?: boolean; hovered?: boolean }): boolean => {\n    if (this.props.disabled) {\n      return false;\n    }\n    return calculateClearCrossShowedState({\n      showClearIcon: this.getProps().showClearIcon,\n      notEmptyValue: Boolean(this.props.children),\n      focused,\n      hovered,\n    });\n  };\n\n  public state = {\n    focused: false,\n    clearCrossShowed: this.getClearCrossShowed({\n      focused: false,\n    }),\n  };\n\n  private theme!: Theme;\n  private size!: SizeProp;\n  private node: HTMLElement | null = null;\n  private hiddenInput: HTMLInputElement | null = null;\n  private lastSelectedInnerNode: [HTMLElement, number, number] | null = null;\n  private frozen = false;\n  private frozenBlur = false;\n  private dragging = false;\n  private focusTimeout: SafeTimer;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  /**\n   * @public\n   */\n  public focus() {\n    if (this.node) {\n      this.node.focus();\n    }\n  }\n\n  /**\n   * @public\n   */\n  public blur() {\n    if (this.node) {\n      this.node.blur();\n    }\n  }\n\n  /**\n   * @public\n   */\n  public blink() {\n    if (this.props.disabled) {\n      return;\n    }\n    blink({\n      el: this.node,\n      blinkColor: this.theme.inputBlinkColor,\n    });\n  }\n\n  public getNode(): HTMLElement | null {\n    return this.node;\n  }\n\n  // Async call required for Firefox\n  private selectNodeContentsDebounced = debounce(selectNodeContents, 0);\n\n  public selectInnerNode = (node: HTMLElement | null, start = 0, end = 1) => {\n    if (this.dragging || !node) {\n      return;\n    }\n    if (isIE11 && globalObject.document && findRenderContainer(node, globalObject.document.body)) {\n      // Code below causes Popup to close after triggering the focus event on the body in IE11\n      return;\n    }\n    this.frozen = true;\n    this.frozenBlur = true;\n\n    this.lastSelectedInnerNode = [node, start, end];\n    this.selectNodeContentsDebounced(node, start, end);\n\n    if (this.focusTimeout) {\n      globalObject.clearInterval(this.focusTimeout);\n    }\n    this.focusTimeout = globalObject.setTimeout(() => (isIE11 || isEdge) && this.node && this.node.focus(), 0);\n  };\n\n  public componentDidMount() {\n    if (this.node) {\n      MouseDrag.listen(this.node).onMouseDragStart(this.handleMouseDragStart).onMouseDragEnd(this.handleMouseDragEnd);\n    }\n    globalObject.document?.addEventListener('mousedown', this.handleDocumentMouseDown);\n    globalObject.document?.addEventListener('keydown', this.handleDocumentKeyDown);\n  }\n\n  public componentWillUnmount() {\n    MouseDrag.stop(this.node);\n    globalObject.document?.removeEventListener('mousedown', this.handleDocumentMouseDown);\n    globalObject.document?.removeEventListener('keydown', this.handleDocumentKeyDown);\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return (\n            <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n              {this.renderMain}\n            </CommonWrapper>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain = (props: CommonWrapperRestProps<InputLikeTextProps>) => {\n    const {\n      innerRef,\n      tabIndex,\n      placeholder,\n      align,\n      borderless,\n      width,\n      error,\n      warning,\n      onValueChange,\n      disabled,\n      prefix,\n      suffix,\n      leftIcon,\n      rightIcon,\n      value,\n      onMouseDragStart,\n      onMouseDragEnd,\n      takeContentWidth,\n      'aria-describedby': ariaDescribedby,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n      showClearIcon,\n      onClearCrossClick,\n      ...rest\n    } = props;\n\n    const { focused } = this.state;\n    const getRightIcon = () => {\n      return this.state.clearCrossShowed ? (\n        <ClearCrossIcon\n          data-tid={InputDataTids.clearCross}\n          size={this.size}\n          onFocus={(event) => event.stopPropagation()}\n          onClick={onClearCrossClick}\n        />\n      ) : (\n        rightIcon\n      );\n    };\n    const leftSide = <InputLayoutAside icon={leftIcon} text={prefix} side=\"left\" />;\n    const rightSide = <InputLayoutAside icon={getRightIcon()} text={suffix} side=\"right\" />;\n\n    const className = cx(styles.root(), jsInputStyles.root(this.theme), this.getSizeClassName(), {\n      [jsInputStyles.disabled(this.theme)]: !!disabled,\n      [jsInputStyles.borderless()]: !!borderless,\n      [jsInputStyles.focus(this.theme)]: focused,\n      [jsInputStyles.hovering(this.theme)]: !focused && !disabled && !warning && !error && !borderless,\n      [jsInputStyles.warning(this.theme)]: !!warning,\n      [jsInputStyles.error(this.theme)]: !!error,\n      [jsInputStyles.focusFallback(this.theme)]: focused && (isIE11 || isEdge),\n      [jsInputStyles.warningFallback(this.theme)]: !!warning && (isIE11 || isEdge),\n      [jsInputStyles.errorFallback(this.theme)]: !!error && (isIE11 || isEdge),\n      [jsInputStyles.hideBlinkingCursor()]: isMobile,\n    });\n\n    const wrapperClass = cx(jsInputStyles.wrapper(), {\n      [styles.userSelectContain()]: focused,\n    });\n    const size = this.size;\n    const context = InputLayoutContextDefault;\n    Object.assign(context, { disabled, focused, size });\n\n    return (\n      <FocusControlWrapper disabled={disabled} onBlurWhenDisabled={this.resetFocus}>\n        <span\n          data-tid={InputLikeTextDataTids.root}\n          {...rest}\n          className={className}\n          style={{ width, textAlign: align }}\n          tabIndex={disabled ? -1 : 0}\n          onFocus={this.handleFocus}\n          onMouseEnter={this.handleHover}\n          onMouseLeave={this.handleUnhover}\n          onBlur={this.handleBlur}\n          ref={this.innerRef}\n          onKeyDown={this.handleKeyDown}\n          onMouseDown={this.handleMouseDown}\n          role=\"textbox\"\n          aria-disabled={disabled}\n          aria-describedby={ariaDescribedby}\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledby}\n        >\n          <InputLayoutContext.Provider value={context}>\n            <input type=\"hidden\" data-tid={InputLikeTextDataTids.nativeInput} value={value} disabled={disabled} />\n            {leftSide}\n            <span className={wrapperClass}>\n              <span\n                data-tid={InputLikeTextDataTids.input}\n                className={cx(jsInputStyles.input(this.theme), {\n                  [styles.absolute()]: !takeContentWidth,\n                  [jsInputStyles.inputFocus(this.theme)]: focused,\n                  [jsInputStyles.inputDisabled(this.theme)]: disabled,\n                })}\n              >\n                {this.props.children}\n              </span>\n              {this.renderPlaceholder()}\n            </span>\n            {rightSide}\n            {isIE11 && focused && <HiddenInput nodeRef={this.hiddenInputRef} />}\n          </InputLayoutContext.Provider>\n        </span>\n      </FocusControlWrapper>\n    );\n  };\n\n  private renderPlaceholder = (): JSX.Element | null => {\n    const { children, placeholder, disabled } = this.props;\n    const { focused } = this.state;\n    const hasValue = isNonNullable(children) && children !== '';\n\n    if (!hasValue && placeholder) {\n      return (\n        <span\n          className={cx(jsInputStyles.placeholder(this.theme), {\n            [jsInputStyles.placeholderDisabled(this.theme)]: disabled,\n            [jsInputStyles.placeholderFocus(this.theme)]: focused,\n          })}\n        >\n          {placeholder}\n        </span>\n      );\n    }\n    return null;\n  };\n\n  private handleDocumentMouseDown = (e: MouseEvent) => {\n    if (this.state.focused && this.node && isInstanceOf(e.target, globalObject.Node) && !this.node.contains(e.target)) {\n      this.defrost();\n    }\n  };\n\n  private handleDocumentKeyDown = (e: KeyboardEvent) => {\n    if (this.state.focused && isKeyTab(e)) {\n      this.defrost();\n    }\n  };\n\n  private handleMouseDown = () => {\n    this.frozen = true;\n  };\n\n  private handleKeyDown = (e: React.KeyboardEvent<HTMLElement>) => {\n    if (this.props.disabled) {\n      return;\n    }\n\n    if (isIE11 && isShortcutPaste(e) && this.hiddenInput) {\n      this.frozen = true;\n      globalObject.setTimeout(() => {\n        if (this.lastSelectedInnerNode) {\n          this.selectInnerNode(...this.lastSelectedInnerNode);\n        }\n        if (this.node) {\n          this.node.focus();\n        }\n      }, 0);\n\n      this.hiddenInput.focus();\n    }\n\n    if (this.props.onKeyDown) {\n      this.props.onKeyDown(e as React.KeyboardEvent<HTMLInputElement>);\n    }\n  };\n\n  private handleMouseDragStart: MouseDragEventHandler = (e) => {\n    this.dragging = true;\n    globalObject.document?.documentElement.classList.add(styles.userSelectNone());\n\n    if (this.props.onMouseDragStart) {\n      this.props.onMouseDragStart(e);\n    }\n  };\n\n  private handleMouseDragEnd: MouseDragEventHandler = (e) => {\n    // Дожидаемся onMouseUp\n    globalObject.setTimeout(() => {\n      this.dragging = false;\n\n      if (this.props.onMouseDragEnd) {\n        this.props.onMouseDragEnd(e);\n      }\n    }, 0);\n\n    globalObject.document?.documentElement.classList.remove(styles.userSelectNone());\n  };\n\n  private handleFocus = (e: React.FocusEvent<HTMLElement>) => {\n    if (isMobile) {\n      this.node?.setAttribute('contenteditable', 'true');\n    }\n\n    if (this.props.disabled) {\n      if (isIE11 && globalObject.document) {\n        selectNodeContents(globalObject.document.body, 0, 0);\n      }\n      return;\n    }\n\n    if ((isIE11 || isEdge) && this.frozen) {\n      this.frozen = false;\n      if (this.state.focused) {\n        return;\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 (React.version.search('18') === 0) {\n      ReactDOM.flushSync(() => this.setState({ focused: true }));\n    } else {\n      this.setState({ focused: true });\n    }\n\n    if (this.props.onFocus) {\n      this.props.onFocus(e);\n    }\n  };\n\n  private resetFocus = () => {\n    this.selectNodeContentsDebounced.cancel();\n    if (isMobile) {\n      this.node?.removeAttribute('contenteditable');\n    }\n    if ((isIE11 || isEdge) && this.frozenBlur) {\n      this.frozenBlur = false;\n    }\n    removeAllSelections();\n    this.setState({ focused: false });\n  };\n\n  private handleBlur = (e: React.FocusEvent<HTMLElement>) => {\n    this.selectNodeContentsDebounced.cancel();\n    if (isMobile) {\n      this.node?.removeAttribute('contenteditable');\n    }\n\n    if (this.props.disabled) {\n      e.stopPropagation();\n      return;\n    }\n\n    if ((isIE11 || isEdge) && this.frozenBlur) {\n      this.frozenBlur = false;\n      return;\n    }\n    if ((isIE11 || isEdge) && this.frozen) {\n      return;\n    }\n\n    removeAllSelections();\n    this.setState({ focused: false });\n\n    this.props.onBlur?.(e);\n  };\n\n  private handleHover = () => {\n    this.setState({ clearCrossShowed: this.getClearCrossShowed({ focused: this.state.focused, hovered: true }) });\n  };\n\n  private handleUnhover = () => {\n    this.setState({ clearCrossShowed: this.getClearCrossShowed({ focused: this.state.focused, hovered: false }) });\n  };\n\n  private hiddenInputRef = (el: HTMLInputElement | null) => {\n    this.hiddenInput = el;\n  };\n\n  private innerRef = (el: HTMLElement | null) => {\n    if (this.props.innerRef) {\n      this.props.innerRef(el);\n    }\n    this.node = el;\n  };\n\n  private defrost = (): void => {\n    this.frozen = false;\n    this.frozenBlur = false;\n  };\n\n  private getSizeClassName = () => {\n    switch (this.size) {\n      case 'large':\n        return cx({\n          [jsInputStyles.sizeLarge(this.theme)]: true,\n          [jsInputStyles.sizeLargeFallback(this.theme)]: isIE11 || isEdge,\n        });\n      case 'medium':\n        return cx({\n          [jsInputStyles.sizeMedium(this.theme)]: true,\n          [jsInputStyles.sizeMediumFallback(this.theme)]: isIE11 || isEdge,\n        });\n      case 'small':\n      default:\n        return cx({\n          [jsInputStyles.sizeSmall(this.theme)]: true,\n          [jsInputStyles.sizeSmallFallback(this.theme)]: isIE11 || isEdge,\n        });\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","ReactDOM","debounce","isNonNullable","MouseDrag","isMobile","removeAllSelections","selectNodeContents","calculateClearCrossShowedState","InputDataTids","getStyles","getJsInputStyles","ThemeContext","CommonWrapper","rootNode","createPropsGetter","InputLayoutAside","InputLayoutContext","InputLayoutContextDefault","FocusControlWrapper","ClearCrossIcon","blink","withSize","withRenderEnvironment","InputLikeTextDataTids","root","input","nativeInput","InputLikeText","_class","_InputLikeText","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","getClearCrossShowed","_ref","focused","hovered","props","disabled","showClearIcon","notEmptyValue","Boolean","children","state","clearCrossShowed","node","dragging","selectNodeContentsDebounced","selectInnerNode","start","end","renderMain","_this$cx","_this$cx2","_this$cx3","innerRef","tabIndex","placeholder","align","borderless","width","error","warning","onValueChange","prefix","suffix","leftIcon","rightIcon","value","onMouseDragStart","onMouseDragEnd","takeContentWidth","ariaDescribedby","ariaLabel","ariaLabelledby","onClearCrossClick","rest","_objectWithoutPropertiesLoose","_excluded","getRightIcon","createElement","clearCross","size","onFocus","event","stopPropagation","onClick","leftSide","icon","text","side","rightSide","className","cx","styles","jsInputStyles","theme","getSizeClassName","focus","hovering","hideBlinkingCursor","wrapperClass","wrapper","userSelectContain","context","Object","assign","onBlurWhenDisabled","resetFocus","_extends","style","textAlign","handleFocus","onMouseEnter","handleHover","onMouseLeave","handleUnhover","onBlur","handleBlur","ref","onKeyDown","handleKeyDown","role","Provider","type","absolute","inputFocus","inputDisabled","renderPlaceholder","_this$props","hasValue","_this$cx4","placeholderDisabled","placeholderFocus","e","handleMouseDragStart","_this$globalObject$do","globalObject","document","documentElement","classList","add","userSelectNone","handleMouseDragEnd","_this$globalObject$do2","setTimeout","remove","_this$node","setAttribute","version","search","flushSync","setState","cancel","_this$node2","removeAttribute","_this$node3","el","_this$cx5","_this$cx6","_this$cx7","sizeLarge","sizeMedium","sizeSmall","_inheritsLoose","_proto","prototype","blur","blinkColor","inputBlinkColor","getNode","componentDidMount","listen","componentWillUnmount","stop","render","_this2","emotion","Consumer","rootNodeRef","setRootNode","Component","__KONTUR_REACT_UI__","displayName"],"sources":["InputLikeText.tsx"],"sourcesContent":["import React, { type JSX } from 'react';\nimport ReactDOM from 'react-dom';\nimport debounce from 'lodash.debounce';\nimport type { Emotion } from '@emotion/css/types/create-instance';\n\nimport type { GlobalObject } from '../../lib/globalObject';\nimport { isNonNullable } from '../../lib/utils';\nimport type { MouseDragEventHandler } from '../../lib/events/MouseDrag';\nimport { MouseDrag } from '../../lib/events/MouseDrag';\nimport { isMobile } from '../../lib/client';\nimport { removeAllSelections, selectNodeContents } from '../../lib/dom/selectionHelpers';\nimport type { InputProps, InputState } from '../../components/Input';\nimport { calculateClearCrossShowedState, InputDataTids } from '../../components/Input';\nimport { getStyles as getJsInputStyles } from '../../components/Input/Input.styles';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport type { CommonProps, CommonWrapperRestProps } from '../CommonWrapper';\nimport { CommonWrapper } from '../CommonWrapper';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { InputLayoutAside } from '../../components/Input/InputLayout/InputLayoutAside';\nimport { InputLayoutContext, InputLayoutContextDefault } from '../../components/Input/InputLayout/InputLayoutContext';\nimport { FocusControlWrapper } from '../FocusControlWrapper';\nimport { ClearCrossIcon } from '../ClearCrossIcon/ClearCrossIcon';\nimport { blink } from '../../lib/blink';\nimport { withSize } from '../../lib/size/SizeDecorator';\nimport type { SizeProp } from '../../lib/types/props';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment';\n\nimport { getStyles } from './InputLikeText.styles';\n\nexport interface InputLikeTextProps extends CommonProps, InputProps {\n  children?: React.ReactNode;\n  innerRef?: (el: HTMLElement | null) => void;\n  onFocus?: React.FocusEventHandler<HTMLElement>;\n  onBlur?: React.FocusEventHandler<HTMLElement>;\n  onMouseDragStart?: MouseDragEventHandler;\n  onMouseDragEnd?: MouseDragEventHandler;\n  takeContentWidth?: boolean;\n  onClearCrossClick?: () => void;\n}\n\nexport type InputLikeTextState = Omit<InputState, 'needsPolyfillPlaceholder' | 'hovered'>;\n\nexport const InputLikeTextDataTids = {\n  root: 'InputLikeText__root',\n  input: 'InputLikeText__input',\n  nativeInput: 'InputLikeText__nativeInput',\n} as const;\n\ntype DefaultProps = Required<Pick<InputLikeTextProps, 'showClearIcon'>>;\n\n@withRenderEnvironment\n@withSize\n@rootNode\nexport class InputLikeText extends React.Component<InputLikeTextProps, InputLikeTextState> {\n  public static __KONTUR_REACT_UI__ = 'InputLikeText';\n  public static displayName = 'InputLikeText';\n\n  public static defaultProps: DefaultProps = {\n    showClearIcon: 'never',\n  };\n\n  private getProps = createPropsGetter(InputLikeText.defaultProps);\n\n  private getClearCrossShowed = ({ focused, hovered }: { focused?: boolean; hovered?: boolean }): boolean => {\n    if (this.props.disabled) {\n      return false;\n    }\n    return calculateClearCrossShowedState({\n      showClearIcon: this.getProps().showClearIcon,\n      notEmptyValue: Boolean(this.props.children),\n      focused,\n      hovered,\n    });\n  };\n\n  public state = {\n    focused: false,\n    clearCrossShowed: this.getClearCrossShowed({\n      focused: false,\n    }),\n  };\n\n  private globalObject!: GlobalObject;\n  private emotion!: Emotion;\n  private cx!: Emotion['cx'];\n  private jsInputStyles!: ReturnType<typeof getJsInputStyles>;\n  private styles!: ReturnType<typeof getStyles>;\n  private theme!: Theme;\n  private size!: SizeProp;\n  private node: HTMLElement | null = null;\n  private dragging = false;\n\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  /**\n   * @public\n   */\n  public focus(): void {\n    if (this.node) {\n      this.node.focus();\n    }\n  }\n\n  /**\n   * @public\n   */\n  public blur(): void {\n    if (this.node) {\n      this.node.blur();\n    }\n  }\n\n  /**\n   * @public\n   */\n  public blink() {\n    if (this.props.disabled) {\n      return;\n    }\n    blink({\n      el: this.node,\n      blinkColor: this.theme.inputBlinkColor,\n    });\n  }\n\n  public getNode(): HTMLElement | null {\n    return this.node;\n  }\n\n  // Async call required for Firefox\n  private selectNodeContentsDebounced = debounce(selectNodeContents, 0);\n\n  public selectInnerNode = (node: HTMLElement | null, start = 0, end = 1) => {\n    if (this.dragging || !node) {\n      return;\n    }\n\n    this.selectNodeContentsDebounced(node, start, end);\n  };\n\n  public componentDidMount() {\n    if (this.node) {\n      MouseDrag.listen(this.node).onMouseDragStart(this.handleMouseDragStart).onMouseDragEnd(this.handleMouseDragEnd);\n    }\n  }\n\n  public componentWillUnmount() {\n    MouseDrag.stop(this.node);\n  }\n\n  public render() {\n    this.jsInputStyles = getJsInputStyles(this.emotion);\n    this.styles = getStyles(this.emotion);\n\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return (\n            <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n              {this.renderMain}\n            </CommonWrapper>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain = (props: CommonWrapperRestProps<InputLikeTextProps>) => {\n    const {\n      innerRef,\n      tabIndex,\n      placeholder,\n      align,\n      borderless,\n      width,\n      error,\n      warning,\n      onValueChange,\n      disabled,\n      prefix,\n      suffix,\n      leftIcon,\n      rightIcon,\n      value,\n      onMouseDragStart,\n      onMouseDragEnd,\n      takeContentWidth,\n      'aria-describedby': ariaDescribedby,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n      showClearIcon,\n      onClearCrossClick,\n      ...rest\n    } = props;\n\n    const { focused } = this.state;\n    const getRightIcon = () => {\n      return this.state.clearCrossShowed ? (\n        <ClearCrossIcon\n          data-tid={InputDataTids.clearCross}\n          size={this.size}\n          onFocus={(event) => event.stopPropagation()}\n          onClick={onClearCrossClick}\n        />\n      ) : (\n        rightIcon\n      );\n    };\n    const leftSide = <InputLayoutAside icon={leftIcon} text={prefix} side=\"left\" />;\n    const rightSide = <InputLayoutAside icon={getRightIcon()} text={suffix} side=\"right\" />;\n\n    const className = this.cx(this.styles.root(), this.jsInputStyles.root(this.theme), this.getSizeClassName(), {\n      [this.jsInputStyles.disabled(this.theme)]: !!disabled,\n      [this.jsInputStyles.borderless()]: !!borderless,\n      [this.jsInputStyles.focus(this.theme)]: focused,\n      [this.jsInputStyles.hovering(this.theme)]: !focused && !disabled && !warning && !error && !borderless,\n      [this.jsInputStyles.warning(this.theme)]: !!warning,\n      [this.jsInputStyles.error(this.theme)]: !!error,\n      [this.jsInputStyles.hideBlinkingCursor()]: isMobile,\n    });\n\n    const wrapperClass = this.cx(this.jsInputStyles.wrapper(), {\n      [this.styles.userSelectContain()]: focused,\n    });\n    const size = this.size;\n    const context = InputLayoutContextDefault;\n    Object.assign(context, { disabled, focused, size });\n\n    return (\n      <FocusControlWrapper disabled={disabled} onBlurWhenDisabled={this.resetFocus}>\n        <span\n          data-tid={InputLikeTextDataTids.root}\n          {...rest}\n          className={className}\n          style={{ width, textAlign: align }}\n          tabIndex={disabled ? -1 : 0}\n          onFocus={this.handleFocus}\n          onMouseEnter={this.handleHover}\n          onMouseLeave={this.handleUnhover}\n          onBlur={this.handleBlur}\n          ref={this.innerRef}\n          onKeyDown={this.handleKeyDown}\n          role=\"textbox\"\n          aria-disabled={disabled}\n          aria-describedby={ariaDescribedby}\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledby}\n        >\n          <InputLayoutContext.Provider value={context}>\n            <input type=\"hidden\" data-tid={InputLikeTextDataTids.nativeInput} value={value} disabled={disabled} />\n            {leftSide}\n            <span className={wrapperClass}>\n              <span\n                data-tid={InputLikeTextDataTids.input}\n                className={this.cx(this.jsInputStyles.input(this.theme), {\n                  [this.styles.absolute()]: !takeContentWidth,\n                  [this.jsInputStyles.inputFocus(this.theme)]: focused,\n                  [this.jsInputStyles.inputDisabled(this.theme)]: disabled,\n                })}\n              >\n                {this.props.children}\n              </span>\n              {this.renderPlaceholder()}\n            </span>\n            {rightSide}\n          </InputLayoutContext.Provider>\n        </span>\n      </FocusControlWrapper>\n    );\n  };\n\n  private renderPlaceholder = (): JSX.Element | null => {\n    const { children, placeholder, disabled } = this.props;\n    const { focused } = this.state;\n    const hasValue = isNonNullable(children) && children !== '';\n\n    if (!hasValue && placeholder) {\n      return (\n        <span\n          className={this.cx(this.jsInputStyles.placeholder(this.theme), {\n            [this.jsInputStyles.placeholderDisabled(this.theme)]: disabled,\n            [this.jsInputStyles.placeholderFocus(this.theme)]: focused,\n          })}\n        >\n          {placeholder}\n        </span>\n      );\n    }\n    return null;\n  };\n\n  private handleKeyDown = (e: React.KeyboardEvent<HTMLElement>) => {\n    if (this.props.disabled) {\n      return;\n    }\n\n    if (this.props.onKeyDown) {\n      this.props.onKeyDown(e as React.KeyboardEvent<HTMLInputElement>);\n    }\n  };\n\n  private handleMouseDragStart: MouseDragEventHandler = (e) => {\n    this.dragging = true;\n    this.globalObject.document?.documentElement.classList.add(this.styles.userSelectNone());\n\n    if (this.props.onMouseDragStart) {\n      this.props.onMouseDragStart(e);\n    }\n  };\n\n  private handleMouseDragEnd: MouseDragEventHandler = (e) => {\n    // Дожидаемся onMouseUp\n    setTimeout(() => {\n      this.dragging = false;\n\n      if (this.props.onMouseDragEnd) {\n        this.props.onMouseDragEnd(e);\n      }\n    }, 0);\n\n    this.globalObject.document?.documentElement.classList.remove(this.styles.userSelectNone());\n  };\n\n  private handleFocus = (e: React.FocusEvent<HTMLElement>) => {\n    if (isMobile) {\n      this.node?.setAttribute('contenteditable', 'true');\n    }\n\n    if (this.props.disabled) {\n      return;\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 (React.version.search('18') === 0) {\n      ReactDOM.flushSync(() => this.setState({ focused: true }));\n    } else {\n      this.setState({ focused: true });\n    }\n\n    if (this.props.onFocus) {\n      this.props.onFocus(e);\n    }\n  };\n\n  private resetFocus = () => {\n    this.selectNodeContentsDebounced.cancel();\n    if (isMobile) {\n      this.node?.removeAttribute('contenteditable');\n    }\n    removeAllSelections(this.globalObject);\n    this.setState({ focused: false });\n  };\n\n  private handleBlur = (e: React.FocusEvent<HTMLElement>) => {\n    this.selectNodeContentsDebounced.cancel();\n    if (isMobile) {\n      this.node?.removeAttribute('contenteditable');\n    }\n\n    if (this.props.disabled) {\n      e.stopPropagation();\n      return;\n    }\n\n    removeAllSelections(this.globalObject);\n    this.setState({ focused: false });\n\n    this.props.onBlur?.(e);\n  };\n\n  private handleHover = () => {\n    this.setState({ clearCrossShowed: this.getClearCrossShowed({ focused: this.state.focused, hovered: true }) });\n  };\n\n  private handleUnhover = () => {\n    this.setState({ clearCrossShowed: this.getClearCrossShowed({ focused: this.state.focused, hovered: false }) });\n  };\n\n  private innerRef = (el: HTMLElement | null) => {\n    if (this.props.innerRef) {\n      this.props.innerRef(el);\n    }\n    this.node = el;\n  };\n\n  private getSizeClassName = () => {\n    switch (this.size) {\n      case 'large':\n        return this.cx({\n          [this.jsInputStyles.sizeLarge(this.theme)]: true,\n        });\n      case 'medium':\n        return this.cx({\n          [this.jsInputStyles.sizeMedium(this.theme)]: true,\n        });\n      case 'small':\n      default:\n        return this.cx({\n          [this.jsInputStyles.sizeSmall(this.theme)]: true,\n        });\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/internal/InputLikeText/InputLikeText.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { type JSX } from 'react';
 import type { MouseDragEventHandler } from '../../lib/events/MouseDrag';
 import type { InputProps, InputState } from '../../components/Input';
 import type { CommonProps } from '../CommonWrapper';
@@ -30,15 +30,15 @@ export declare class InputLikeText extends React.Component<InputLikeTextProps, I
         focused: boolean;
         clearCrossShowed: boolean;
     };
+    private globalObject;
+    private emotion;
+    private cx;
+    private jsInputStyles;
+    private styles;
     private theme;
     private size;
     private node;
-    private hiddenInput;
-    private lastSelectedInnerNode;
-    private frozen;
-    private frozenBlur;
     private dragging;
-    private focusTimeout;
     getRootNode: TGetRootNode;
     private setRootNode;
     /**
@@ -58,12 +58,9 @@ export declare class InputLikeText extends React.Component<InputLikeTextProps, I
     selectInnerNode: (node: HTMLElement | null, start?: number, end?: number) => void;
     componentDidMount(): void;
     componentWillUnmount(): void;
-    render(): React.JSX.Element;
+    render(): JSX.Element;
     private renderMain;
     private renderPlaceholder;
-    private handleDocumentMouseDown;
-    private handleDocumentKeyDown;
-    private handleMouseDown;
     private handleKeyDown;
     private handleMouseDragStart;
     private handleMouseDragEnd;
@@ -72,9 +69,7 @@ export declare class InputLikeText extends React.Component<InputLikeTextProps, I
     private handleBlur;
     private handleHover;
     private handleUnhover;
-    private hiddenInputRef;
     private innerRef;
-    private defrost;
     private getSizeClassName;
 }
 export {};

package/internal/InputLikeText/InputLikeText.styles/InputLikeText.styles.js

@@ -1,23 +1,26 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-import { css, memoizeStyle } from "../../../lib/theming/Emotion";
-export var styles = memoizeStyle({
-  root: function root() {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      padding-right: 10px;\n    "])));
-  },
-  absolute: function absolute() {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      top: 0;\n    "])));
-  },
-  wrapperMultiline: function wrapperMultiline() {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      overflow-wrap: anywhere;\n      white-space: normal;\n      overflow: visible;\n    "])));
-  },
-  userSelectContain: function userSelectContain() {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      user-select: text;\n      -ms-user-select: element;\n    "])));
-  },
-  userSelectNone: function userSelectNone() {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      user-select: none;\n    "])));
-  },
-  rightSide: function rightSide() {
-    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      padding-left: 0;\n      visibility: visible;\n    "])));
-  }
+import { memoizeGetStyles } from "../../../lib/theming/Emotion";
+export var getStyles = memoizeGetStyles(function (_ref) {
+  var css = _ref.css;
+  return {
+    root: function root() {
+      return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      padding-right: 10px;\n    "])));
+    },
+    absolute: function absolute() {
+      return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      top: 0;\n    "])));
+    },
+    wrapperMultiline: function wrapperMultiline() {
+      return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      overflow-wrap: anywhere;\n      white-space: normal;\n      overflow: visible;\n    "])));
+    },
+    userSelectContain: function userSelectContain() {
+      return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      user-select: text;\n      -ms-user-select: element;\n    "])));
+    },
+    userSelectNone: function userSelectNone() {
+      return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      user-select: none;\n    "])));
+    },
+    rightSide: function rightSide() {
+      return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      padding-left: 0;\n      visibility: visible;\n    "])));
+    }
+  };
 });

package/internal/InputLikeText/InputLikeText.styles/InputLikeText.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","styles","root","_templateObject","_taggedTemplateLiteralLoose","absolute","_templateObject2","wrapperMultiline","_templateObject3","userSelectContain","_templateObject4","userSelectNone","_templateObject5","rightSide","_templateObject6"],"sources":["InputLikeText.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      padding-right: 10px;\n    `;\n  },\n\n  absolute() {\n    return css`\n      position: absolute;\n      top: 0;\n    `;\n  },\n\n  wrapperMultiline() {\n    return css`\n      overflow-wrap: anywhere;\n      white-space: normal;\n      overflow: visible;\n    `;\n  },\n\n  userSelectContain() {\n    return css`\n      user-select: text;\n      -ms-user-select: element;\n    `;\n  },\n\n  userSelectNone() {\n    return css`\n      user-select: none;\n    `;\n  },\n\n  rightSide() {\n    return css`\n      padding-left: 0;\n      visibility: visible;\n    `;\n  },\n});\n"],"mappings":"8MAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;AAE7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,IAAI,WAAAA,KAAA,EAAG;IACL,OAAOH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;EAGZ,CAAC;;EAEDC,QAAQ,WAAAA,SAAA,EAAG;IACT,OAAON,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAF,2BAAA;;;;EAIZ,CAAC;;EAEDG,gBAAgB,WAAAA,iBAAA,EAAG;IACjB,OAAOR,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAJ,2BAAA;;;;;EAKZ,CAAC;;EAEDK,iBAAiB,WAAAA,kBAAA,EAAG;IAClB,OAAOV,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAN,2BAAA;;;;EAIZ,CAAC;;EAEDO,cAAc,WAAAA,eAAA,EAAG;IACf,OAAOZ,GAAG,CAAAa,gBAAA,KAAAA,gBAAA,GAAAR,2BAAA;;;EAGZ,CAAC;;EAEDS,SAAS,WAAAA,UAAA,EAAG;IACV,OAAOd,GAAG,CAAAe,gBAAA,KAAAA,gBAAA,GAAAV,2BAAA;;;;EAIZ;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["memoizeGetStyles","getStyles","_ref","css","root","_templateObject","_taggedTemplateLiteralLoose","absolute","_templateObject2","wrapperMultiline","_templateObject3","userSelectContain","_templateObject4","userSelectNone","_templateObject5","rightSide","_templateObject6"],"sources":["InputLikeText.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  root() {\n    return css`\n      padding-right: 10px;\n    `;\n  },\n\n  absolute() {\n    return css`\n      position: absolute;\n      top: 0;\n    `;\n  },\n\n  wrapperMultiline() {\n    return css`\n      overflow-wrap: anywhere;\n      white-space: normal;\n      overflow: visible;\n    `;\n  },\n\n  userSelectContain() {\n    return css`\n      user-select: text;\n      -ms-user-select: element;\n    `;\n  },\n\n  userSelectNone() {\n    return css`\n      user-select: none;\n    `;\n  },\n\n  rightSide() {\n    return css`\n      padding-left: 0;\n      visibility: visible;\n    `;\n  },\n}));\n"],"mappings":";;AAEA,SAASA,gBAAgB,QAAQ,2BAA2B;;AAE5D,OAAO,IAAMC,SAAS,GAAGD,gBAAgB,CAAC,UAAAE,IAAA,OAAGC,GAAG,GAAAD,IAAA,CAAHC,GAAG,QAAiB;IAC/DC,IAAI,WAAAA,KAAA,EAAG;MACL,OAAOD,GAAG,CAAAE,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;IAGZ,CAAC;;IAEDC,QAAQ,WAAAA,SAAA,EAAG;MACT,OAAOJ,GAAG,CAAAK,gBAAA,KAAAA,gBAAA,GAAAF,2BAAA;;;;IAIZ,CAAC;;IAEDG,gBAAgB,WAAAA,iBAAA,EAAG;MACjB,OAAON,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAJ,2BAAA;;;;;IAKZ,CAAC;;IAEDK,iBAAiB,WAAAA,kBAAA,EAAG;MAClB,OAAOR,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAN,2BAAA;;;;IAIZ,CAAC;;IAEDO,cAAc,WAAAA,eAAA,EAAG;MACf,OAAOV,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAR,2BAAA;;;IAGZ,CAAC;;IAEDS,SAAS,WAAAA,UAAA,EAAG;MACV,OAAOZ,GAAG,CAAAa,gBAAA,KAAAA,gBAAA,GAAAV,2BAAA;;;;IAIZ;EACF,CAAC,EAAC,CAAC","ignoreList":[]}

package/internal/InputLikeText/InputLikeText.styles.d.ts

@@ -1,8 +1,8 @@
-export declare const styles: {
+export declare const getStyles: import("../../lib/theming/Emotion").StylesGetter<{
     root(): string;
     absolute(): string;
     wrapperMultiline(): string;
     userSelectContain(): string;
     userSelectNone(): string;
     rightSide(): string;
-};
+}>;

package/internal/InternalTextareaWithLayout/InternalTextareaWithLayout/InternalTextareaWithLayout.js

@@ -7,18 +7,18 @@ var _class, _InternalTextareaWithLayout;
 import React from 'react';
 import { InputLayout } from "../../../components/Input/InputLayout/InputLayout";
 import { DEFAULT_WIDTH, Textarea } from "../../../components/Textarea";
-import { styles as textareaStyles } from "../../../components/Textarea/Textarea.styles";
-import { cx } from "../../../lib/theming/Emotion";
+import { getStyles as getTextareaStyles } from "../../../components/Textarea/Textarea.styles";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { ThemeFactory } from "../../../lib/theming/ThemeFactory";
 import { getRootNode, rootNode } from "../../../lib/rootNode";
-import { styles as inputStyles } from "../../../components/Input/Input.styles";
+import { getStyles as getInputStyles } from "../../../components/Input/Input.styles";
 import { createPropsGetter } from "../../../lib/createPropsGetter";
 import { isTestEnv } from "../../../lib/currentEnvironment";
 import { calculateClearCrossShowedState, InputDataTids } from "../../../components/Input";
 import { ClearCrossIcon } from "../../ClearCrossIcon/ClearCrossIcon";
-import { styles } from "../InternalTextareaWithLayout.styles";
-export var InternalTextareaWithLayout = rootNode(_class = (_InternalTextareaWithLayout = /*#__PURE__*/function (_React$Component) {
+import { withRenderEnvironment } from "../../../lib/renderEnvironment";
+import { getStyles } from "../InternalTextareaWithLayout.styles";
+export var InternalTextareaWithLayout = withRenderEnvironment(_class = rootNode(_class = (_InternalTextareaWithLayout = /*#__PURE__*/function (_React$Component) {
   function InternalTextareaWithLayout() {
     var _this;
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
@@ -86,9 +86,9 @@ export var InternalTextareaWithLayout = rootNode(_class = (_InternalTextareaWith
       });
     };
     _this.renderLayout = function () {
-      var _cx;
+      var _this$cx;
       var labelProps = {
-        className: cx(styles.contentWrapper(), textareaStyles.textarea(_this.theme), _this.getTextareaSizeClassName(), _this.getRootSizeClassName(), (_cx = {}, _cx[inputStyles.focus(_this.theme)] = _this.state.focused && !_this.props.warning && !_this.props.error, _cx[inputStyles.borderless()] = _this.props.borderless && !_this.state.focused, _cx[textareaStyles.disabled(_this.theme)] = _this.props.disabled, _cx[textareaStyles.warning(_this.theme)] = _this.props.warning, _cx[textareaStyles.error(_this.theme)] = _this.props.error, _cx)),
+        className: _this.cx(_this.styles.contentWrapper(), _this.textareaStyles.textarea(_this.theme), _this.getTextareaSizeClassName(), _this.getRootSizeClassName(), (_this$cx = {}, _this$cx[_this.inputStyles.focus(_this.theme)] = _this.state.focused && !_this.props.warning && !_this.props.error, _this$cx[_this.inputStyles.borderless()] = _this.props.borderless && !_this.state.focused, _this$cx[_this.textareaStyles.disabled(_this.theme)] = _this.props.disabled, _this$cx[_this.textareaStyles.warning(_this.theme)] = _this.props.warning, _this$cx[_this.textareaStyles.error(_this.theme)] = _this.props.error, _this$cx)),
         style: {
           width: _this.props.width || DEFAULT_WIDTH,
           minWidth: '0',
@@ -202,6 +202,9 @@ export var InternalTextareaWithLayout = rootNode(_class = (_InternalTextareaWith
   };
   _proto.render = function render() {
     var _this2 = this;
+    this.styles = getStyles(this.emotion);
+    this.inputStyles = getInputStyles(this.emotion);
+    this.textareaStyles = getTextareaStyles(this.emotion);
     return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
       _this2.theme = theme;
       return /*#__PURE__*/React.createElement("span", {
@@ -212,23 +215,23 @@ export var InternalTextareaWithLayout = rootNode(_class = (_InternalTextareaWith
   _proto.getTextareaSizeClassName = function getTextareaSizeClassName() {
     switch (this.getProps().size) {
       case 'large':
-        return textareaStyles.textareaLarge(this.theme);
+        return this.textareaStyles.textareaLarge(this.theme);
       case 'medium':
-        return textareaStyles.textareaMedium(this.theme);
+        return this.textareaStyles.textareaMedium(this.theme);
       case 'small':
       default:
-        return textareaStyles.textareaSmall(this.theme);
+        return this.textareaStyles.textareaSmall(this.theme);
     }
   };
   _proto.getRootSizeClassName = function getRootSizeClassName() {
     switch (this.getProps().size) {
       case 'large':
-        return textareaStyles.rootLarge(this.theme);
+        return this.textareaStyles.rootLarge(this.theme);
       case 'medium':
-        return textareaStyles.rootMedium(this.theme);
+        return this.textareaStyles.rootMedium(this.theme);
       case 'small':
       default:
-        return textareaStyles.rootSmall(this.theme);
+        return this.textareaStyles.rootSmall(this.theme);
     }
   };
   return _createClass(InternalTextareaWithLayout, [{
@@ -250,4 +253,4 @@ export var InternalTextareaWithLayout = rootNode(_class = (_InternalTextareaWith
       }, this.theme);
     }
   }]);
-}(React.Component), _InternalTextareaWithLayout.__KONTUR_REACT_UI__ = 'InternalTextareaWithLayout', _InternalTextareaWithLayout)) || _class;
+}(React.Component), _InternalTextareaWithLayout.__KONTUR_REACT_UI__ = 'InternalTextareaWithLayout', _InternalTextareaWithLayout)) || _class) || _class;

package/internal/InternalTextareaWithLayout/InternalTextareaWithLayout/InternalTextareaWithLayout.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","InputLayout","DEFAULT_WIDTH","Textarea","styles","textareaStyles","cx","ThemeContext","ThemeFactory","getRootNode","rootNode","inputStyles","createPropsGetter","isTestEnv","calculateClearCrossShowedState","InputDataTids","ClearCrossIcon","InternalTextareaWithLayout","_class","_InternalTextareaWithLayout","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","wrappedComponentRef","createRef","getProps","defaultProps","getClearCrossShowed","_ref","focused","hovered","props","disabled","showClearIcon","notEmptyValue","Boolean","value","state","clearCrossShowed","handleClearInput","current","clear","focus","onValueChange","getRightIcon","_this$props","size","rightIcon","createElement","clearCross","onClick","handleMouseEnter","setState","handleMouseOut","renderLayout","_cx","labelProps","className","contentWrapper","textarea","theme","getTextareaSizeClassName","getRootSizeClassName","warning","error","borderless","style","width","minWidth","position","onMouseEnter","onMouseLeave","handleLayoutClick","leftIcon","context","tag","renderTextarea","_this$props2","textareaProps","_objectWithoutPropertiesLoose","_excluded","Provider","preparedTheme","_extends","spellCheck","ref","onFocus","handleFocus","onBlur","handleBlur","_this$wrappedComponen","event","_getRootNode","contains","relatedTarget","_inheritsLoose","_proto","prototype","componentDidUpdate","prevProps","_this$state","_this$wrappedComponen2","blur","_this$wrappedComponen3","setSelectionRange","start","end","_this$wrappedComponen4","selectAll","_this$wrappedComponen5","getNode","_this$wrappedComponen6","render","_this2","Consumer","textareaLarge","textareaMedium","textareaSmall","rootLarge","rootMedium","rootSmall","_createClass","key","get","create","textareaWidth","textareaBorderWidth","textareaPaddingXSmall","textareaPaddingXMedium","textareaPaddingXLarge","textareaPaddingYSmall","textareaPaddingYMedium","textareaPaddingYLarge","textareaOutlineWidth","textareaShadow","textareaDisabledBg","textareaBg","Component","__KONTUR_REACT_UI__"],"sources":["InternalTextareaWithLayout.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { InputProps } from '../../components/Input';\nimport { InputLayout } from '../../components/Input/InputLayout/InputLayout';\nimport { DEFAULT_WIDTH, Textarea } from '../../components/Textarea';\nimport type { TextareaProps } from '../../components/Textarea';\nimport { styles as textareaStyles } from '../../components/Textarea/Textarea.styles';\nimport { cx } from '../../lib/theming/Emotion';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { getRootNode, rootNode } from '../../lib/rootNode';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { styles as inputStyles } from '../../components/Input/Input.styles';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { calculateClearCrossShowedState, InputDataTids } from '../../components/Input';\nimport { ClearCrossIcon } from '../ClearCrossIcon/ClearCrossIcon';\n\nimport { styles } from './InternalTextareaWithLayout.styles';\n\ninterface InternalTextareaWithLayoutProps\n  extends TextareaProps,\n    Pick<InputProps, 'leftIcon' | 'rightIcon' | 'align' | 'borderless' | 'showClearIcon'> {}\n\ninterface InternalTextareaWithLayoutState {\n  focused: boolean;\n  hovered: boolean;\n  clearCrossShowed: boolean;\n}\n\n@rootNode\nexport class InternalTextareaWithLayout extends React.Component<\n  InternalTextareaWithLayoutProps,\n  InternalTextareaWithLayoutState\n> {\n  public static __KONTUR_REACT_UI__ = 'InternalTextareaWithLayout';\n  private wrappedComponentRef = React.createRef<Textarea>();\n  private theme!: Theme;\n  private getProps = createPropsGetter(Textarea.defaultProps);\n\n  public componentDidUpdate(prevProps: Readonly<InternalTextareaWithLayoutProps>) {\n    const { focused, hovered } = this.state;\n    if (Boolean(prevProps.value) !== Boolean(this.props.value)) {\n      this.setState({ clearCrossShowed: this.getClearCrossShowed({ focused, hovered }) });\n    }\n  }\n\n  private getClearCrossShowed = ({ focused, hovered }: { focused?: boolean; hovered?: boolean }): boolean => {\n    if (this.props.disabled) {\n      return false;\n    }\n    return calculateClearCrossShowedState({\n      showClearIcon: this.getProps().showClearIcon || 'never',\n      notEmptyValue: Boolean(this.props.value),\n      focused,\n      hovered,\n    });\n  };\n\n  public state: InternalTextareaWithLayoutState = {\n    focused: false,\n    hovered: false,\n    clearCrossShowed: this.getClearCrossShowed({ focused: false }),\n  };\n\n  public focus() {\n    this.wrappedComponentRef.current?.focus();\n  }\n  public blur() {\n    this.wrappedComponentRef.current?.blur();\n  }\n  public setSelectionRange(start: number, end: number) {\n    this.wrappedComponentRef.current?.setSelectionRange(start, end);\n  }\n  public selectAll() {\n    this.wrappedComponentRef.current?.selectAll();\n  }\n  public getNode() {\n    return this.wrappedComponentRef.current?.getNode();\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return <span data-tid={'InternalTextareaWithLayout'}>{this.renderLayout()}</span>;\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private getTextareaSizeClassName() {\n    switch (this.getProps().size) {\n      case 'large':\n        return textareaStyles.textareaLarge(this.theme);\n      case 'medium':\n        return textareaStyles.textareaMedium(this.theme);\n      case 'small':\n      default:\n        return textareaStyles.textareaSmall(this.theme);\n    }\n  }\n\n  private getRootSizeClassName() {\n    switch (this.getProps().size) {\n      case 'large':\n        return textareaStyles.rootLarge(this.theme);\n      case 'medium':\n        return textareaStyles.rootMedium(this.theme);\n      case 'small':\n      default:\n        return textareaStyles.rootSmall(this.theme);\n    }\n  }\n\n  private handleClearInput = () => {\n    if (this.wrappedComponentRef.current) {\n      this.wrappedComponentRef.current.clear();\n\n      if (!this.state.focused) {\n        this.wrappedComponentRef.current.focus();\n      }\n    }\n\n    if (this.props.onValueChange) {\n      this.props.onValueChange('');\n    }\n  };\n\n  private getRightIcon = () => {\n    const { size, rightIcon } = this.props;\n\n    return this.state.clearCrossShowed ? (\n      <ClearCrossIcon data-tid={InputDataTids.clearCross} size={size} onClick={this.handleClearInput} />\n    ) : (\n      rightIcon\n    );\n  };\n\n  private handleMouseEnter = () => {\n    this.setState({ clearCrossShowed: this.getClearCrossShowed({ focused: this.state.focused, hovered: true }) });\n  };\n\n  private handleMouseOut = () => {\n    this.setState({ clearCrossShowed: this.getClearCrossShowed({ focused: this.state.focused, hovered: false }) });\n  };\n\n  private renderLayout = () => {\n    const labelProps = {\n      className: cx(\n        styles.contentWrapper(),\n        textareaStyles.textarea(this.theme),\n        this.getTextareaSizeClassName(),\n        this.getRootSizeClassName(),\n        {\n          [inputStyles.focus(this.theme)]: this.state.focused && !this.props.warning && !this.props.error,\n          [inputStyles.borderless()]: this.props.borderless && !this.state.focused,\n          [textareaStyles.disabled(this.theme)]: this.props.disabled,\n          [textareaStyles.warning(this.theme)]: this.props.warning,\n          [textareaStyles.error(this.theme)]: this.props.error,\n        },\n      ),\n      style: { width: this.props.width || DEFAULT_WIDTH, minWidth: '0', position: 'relative' as const },\n      onMouseEnter: this.handleMouseEnter,\n      onMouseLeave: this.handleMouseOut,\n      onClick: this.handleLayoutClick,\n    };\n    return (\n      <InputLayout\n        leftIcon={this.props.leftIcon}\n        rightIcon={this.getRightIcon()}\n        labelProps={labelProps}\n        context={{ disabled: this.props.disabled, focused: this.state.focused, size: this.getProps().size }}\n        tag=\"span\"\n      >\n        {this.renderTextarea()}\n      </InputLayout>\n    );\n  };\n\n  private get preparedTheme(): Theme {\n    return ThemeFactory.create(\n      {\n        textareaWidth: 'auto',\n        textareaBorderWidth: '0px',\n        textareaPaddingXSmall: '0px',\n        textareaPaddingXMedium: '0px',\n        textareaPaddingXLarge: '0px',\n        textareaPaddingYSmall: '0px',\n        textareaPaddingYMedium: '0px',\n        textareaPaddingYLarge: '0px',\n        textareaOutlineWidth: '0px',\n        textareaShadow: 'none',\n        textareaDisabledBg: 'transparent',\n        textareaBg: 'transparent',\n      },\n      this.theme,\n    );\n  }\n\n  private renderTextarea = () => {\n    const { leftIcon, rightIcon, borderless, ...textareaProps } = this.props;\n    return (\n      <ThemeContext.Provider value={this.preparedTheme}>\n        <Textarea\n          {...(isTestEnv ? { spellCheck: false } : {})}\n          {...textareaProps}\n          width={'100%'}\n          ref={this.wrappedComponentRef}\n          onFocus={this.handleFocus}\n          onBlur={this.handleBlur}\n        />\n      </ThemeContext.Provider>\n    );\n  };\n\n  private handleLayoutClick = () => {\n    this.wrappedComponentRef.current?.focus();\n  };\n  private handleBlur = (event: React.FocusEvent<HTMLTextAreaElement>) => {\n    if (getRootNode(this)?.contains(event.relatedTarget)) {\n      this.setState({ focused: false });\n    } else {\n      this.setState({\n        focused: false,\n        clearCrossShowed: this.getClearCrossShowed({ focused: false, hovered: this.state.hovered }),\n      });\n      this.props.onBlur?.(event);\n    }\n  };\n  private handleFocus = (event: React.FocusEvent<HTMLTextAreaElement>) => {\n    this.setState({\n      focused: true,\n      clearCrossShowed: this.getClearCrossShowed({ focused: true, hovered: this.state.hovered }),\n    });\n    this.props.onFocus?.(event);\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","InputLayout","DEFAULT_WIDTH","Textarea","getStyles","getTextareaStyles","ThemeContext","ThemeFactory","getRootNode","rootNode","getInputStyles","createPropsGetter","isTestEnv","calculateClearCrossShowedState","InputDataTids","ClearCrossIcon","withRenderEnvironment","InternalTextareaWithLayout","_class","_InternalTextareaWithLayout","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","wrappedComponentRef","createRef","getProps","defaultProps","getClearCrossShowed","_ref","focused","hovered","props","disabled","showClearIcon","notEmptyValue","Boolean","value","state","clearCrossShowed","handleClearInput","current","clear","focus","onValueChange","getRightIcon","_this$props","size","rightIcon","createElement","clearCross","onClick","handleMouseEnter","setState","handleMouseOut","renderLayout","_this$cx","labelProps","className","cx","styles","contentWrapper","textareaStyles","textarea","theme","getTextareaSizeClassName","getRootSizeClassName","inputStyles","warning","error","borderless","style","width","minWidth","position","onMouseEnter","onMouseLeave","handleLayoutClick","leftIcon","context","tag","renderTextarea","_this$props2","textareaProps","_objectWithoutPropertiesLoose","_excluded","Provider","preparedTheme","_extends","spellCheck","ref","onFocus","handleFocus","onBlur","handleBlur","_this$wrappedComponen","event","_getRootNode","contains","relatedTarget","_inheritsLoose","_proto","prototype","componentDidUpdate","prevProps","_this$state","_this$wrappedComponen2","blur","_this$wrappedComponen3","setSelectionRange","start","end","_this$wrappedComponen4","selectAll","_this$wrappedComponen5","getNode","_this$wrappedComponen6","render","_this2","emotion","Consumer","textareaLarge","textareaMedium","textareaSmall","rootLarge","rootMedium","rootSmall","_createClass","key","get","create","textareaWidth","textareaBorderWidth","textareaPaddingXSmall","textareaPaddingXMedium","textareaPaddingXLarge","textareaPaddingYSmall","textareaPaddingYMedium","textareaPaddingYLarge","textareaOutlineWidth","textareaShadow","textareaDisabledBg","textareaBg","Component","__KONTUR_REACT_UI__"],"sources":["InternalTextareaWithLayout.tsx"],"sourcesContent":["import React from 'react';\nimport type { Emotion } from '@emotion/css/types/create-instance';\n\nimport type { InputProps } from '../../components/Input';\nimport { InputLayout } from '../../components/Input/InputLayout/InputLayout';\nimport { DEFAULT_WIDTH, Textarea } from '../../components/Textarea';\nimport type { TextareaProps } from '../../components/Textarea';\nimport { getStyles as getTextareaStyles } from '../../components/Textarea/Textarea.styles';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { getRootNode, rootNode } from '../../lib/rootNode';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { getStyles as getInputStyles } from '../../components/Input/Input.styles';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { calculateClearCrossShowedState, InputDataTids } from '../../components/Input';\nimport { ClearCrossIcon } from '../ClearCrossIcon/ClearCrossIcon';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment';\n\nimport { getStyles } from './InternalTextareaWithLayout.styles';\n\ninterface InternalTextareaWithLayoutProps\n  extends TextareaProps,\n    Pick<InputProps, 'leftIcon' | 'rightIcon' | 'align' | 'borderless' | 'showClearIcon'> {}\n\ninterface InternalTextareaWithLayoutState {\n  focused: boolean;\n  hovered: boolean;\n  clearCrossShowed: boolean;\n}\n\n@withRenderEnvironment\n@rootNode\nexport class InternalTextareaWithLayout extends React.Component<\n  InternalTextareaWithLayoutProps,\n  InternalTextareaWithLayoutState\n> {\n  public static __KONTUR_REACT_UI__ = 'InternalTextareaWithLayout';\n  private wrappedComponentRef = React.createRef<Textarea>();\n  private theme!: Theme;\n  private styles!: ReturnType<typeof getStyles>;\n  private inputStyles!: ReturnType<typeof getInputStyles>;\n  private textareaStyles!: ReturnType<typeof getTextareaStyles>;\n  private emotion!: Emotion;\n  private cx!: Emotion['cx'];\n  private getProps = createPropsGetter(Textarea.defaultProps);\n\n  public componentDidUpdate(prevProps: Readonly<InternalTextareaWithLayoutProps>) {\n    const { focused, hovered } = this.state;\n    if (Boolean(prevProps.value) !== Boolean(this.props.value)) {\n      this.setState({ clearCrossShowed: this.getClearCrossShowed({ focused, hovered }) });\n    }\n  }\n\n  private getClearCrossShowed = ({ focused, hovered }: { focused?: boolean; hovered?: boolean }): boolean => {\n    if (this.props.disabled) {\n      return false;\n    }\n    return calculateClearCrossShowedState({\n      showClearIcon: this.getProps().showClearIcon || 'never',\n      notEmptyValue: Boolean(this.props.value),\n      focused,\n      hovered,\n    });\n  };\n\n  public state: InternalTextareaWithLayoutState = {\n    focused: false,\n    hovered: false,\n    clearCrossShowed: this.getClearCrossShowed({ focused: false }),\n  };\n\n  public focus(): void {\n    this.wrappedComponentRef.current?.focus();\n  }\n  public blur(): void {\n    this.wrappedComponentRef.current?.blur();\n  }\n  public setSelectionRange(start: number, end: number) {\n    this.wrappedComponentRef.current?.setSelectionRange(start, end);\n  }\n  public selectAll() {\n    this.wrappedComponentRef.current?.selectAll();\n  }\n  public getNode() {\n    return this.wrappedComponentRef.current?.getNode();\n  }\n\n  public render() {\n    this.styles = getStyles(this.emotion);\n    this.inputStyles = getInputStyles(this.emotion);\n    this.textareaStyles = getTextareaStyles(this.emotion);\n\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return <span data-tid={'InternalTextareaWithLayout'}>{this.renderLayout()}</span>;\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private getTextareaSizeClassName() {\n    switch (this.getProps().size) {\n      case 'large':\n        return this.textareaStyles.textareaLarge(this.theme);\n      case 'medium':\n        return this.textareaStyles.textareaMedium(this.theme);\n      case 'small':\n      default:\n        return this.textareaStyles.textareaSmall(this.theme);\n    }\n  }\n\n  private getRootSizeClassName() {\n    switch (this.getProps().size) {\n      case 'large':\n        return this.textareaStyles.rootLarge(this.theme);\n      case 'medium':\n        return this.textareaStyles.rootMedium(this.theme);\n      case 'small':\n      default:\n        return this.textareaStyles.rootSmall(this.theme);\n    }\n  }\n\n  private handleClearInput = () => {\n    if (this.wrappedComponentRef.current) {\n      this.wrappedComponentRef.current.clear();\n\n      if (!this.state.focused) {\n        this.wrappedComponentRef.current.focus();\n      }\n    }\n\n    if (this.props.onValueChange) {\n      this.props.onValueChange('');\n    }\n  };\n\n  private getRightIcon = () => {\n    const { size, rightIcon } = this.props;\n\n    return this.state.clearCrossShowed ? (\n      <ClearCrossIcon data-tid={InputDataTids.clearCross} size={size} onClick={this.handleClearInput} />\n    ) : (\n      rightIcon\n    );\n  };\n\n  private handleMouseEnter = () => {\n    this.setState({ clearCrossShowed: this.getClearCrossShowed({ focused: this.state.focused, hovered: true }) });\n  };\n\n  private handleMouseOut = () => {\n    this.setState({ clearCrossShowed: this.getClearCrossShowed({ focused: this.state.focused, hovered: false }) });\n  };\n\n  private renderLayout = () => {\n    const labelProps = {\n      className: this.cx(\n        this.styles.contentWrapper(),\n        this.textareaStyles.textarea(this.theme),\n        this.getTextareaSizeClassName(),\n        this.getRootSizeClassName(),\n        {\n          [this.inputStyles.focus(this.theme)]: this.state.focused && !this.props.warning && !this.props.error,\n          [this.inputStyles.borderless()]: this.props.borderless && !this.state.focused,\n          [this.textareaStyles.disabled(this.theme)]: this.props.disabled,\n          [this.textareaStyles.warning(this.theme)]: this.props.warning,\n          [this.textareaStyles.error(this.theme)]: this.props.error,\n        },\n      ),\n      style: { width: this.props.width || DEFAULT_WIDTH, minWidth: '0', position: 'relative' as const },\n      onMouseEnter: this.handleMouseEnter,\n      onMouseLeave: this.handleMouseOut,\n      onClick: this.handleLayoutClick,\n    };\n    return (\n      <InputLayout\n        leftIcon={this.props.leftIcon}\n        rightIcon={this.getRightIcon()}\n        labelProps={labelProps}\n        context={{ disabled: this.props.disabled, focused: this.state.focused, size: this.getProps().size }}\n        tag=\"span\"\n      >\n        {this.renderTextarea()}\n      </InputLayout>\n    );\n  };\n\n  private get preparedTheme(): Theme {\n    return ThemeFactory.create(\n      {\n        textareaWidth: 'auto',\n        textareaBorderWidth: '0px',\n        textareaPaddingXSmall: '0px',\n        textareaPaddingXMedium: '0px',\n        textareaPaddingXLarge: '0px',\n        textareaPaddingYSmall: '0px',\n        textareaPaddingYMedium: '0px',\n        textareaPaddingYLarge: '0px',\n        textareaOutlineWidth: '0px',\n        textareaShadow: 'none',\n        textareaDisabledBg: 'transparent',\n        textareaBg: 'transparent',\n      },\n      this.theme,\n    );\n  }\n\n  private renderTextarea = () => {\n    const { leftIcon, rightIcon, borderless, ...textareaProps } = this.props;\n    return (\n      <ThemeContext.Provider value={this.preparedTheme}>\n        <Textarea\n          {...(isTestEnv ? { spellCheck: false } : {})}\n          {...textareaProps}\n          width={'100%'}\n          ref={this.wrappedComponentRef}\n          onFocus={this.handleFocus}\n          onBlur={this.handleBlur}\n        />\n      </ThemeContext.Provider>\n    );\n  };\n\n  private handleLayoutClick = () => {\n    this.wrappedComponentRef.current?.focus();\n  };\n  private handleBlur = (event: React.FocusEvent<HTMLTextAreaElement>) => {\n    if (getRootNode(this)?.contains(event.relatedTarget)) {\n      this.setState({ focused: false });\n    } else {\n      this.setState({\n        focused: false,\n        clearCrossShowed: this.getClearCrossShowed({ focused: false, hovered: this.state.hovered }),\n      });\n      this.props.onBlur?.(event);\n    }\n  };\n  private handleFocus = (event: React.FocusEvent<HTMLTextAreaElement>) => {\n    this.setState({\n      focused: true,\n      clearCrossShowed: this.getClearCrossShowed({ focused: true, hovered: this.state.hovered }),\n    });\n    this.props.onFocus?.(event);\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/internal/InternalTextareaWithLayout/InternalTextareaWithLayout.d.ts

@@ -12,6 +12,11 @@ export declare class InternalTextareaWithLayout extends React.Component<Internal
     static __KONTUR_REACT_UI__: string;
     private wrappedComponentRef;
     private theme;
+    private styles;
+    private inputStyles;
+    private textareaStyles;
+    private emotion;
+    private cx;
     private getProps;
     componentDidUpdate(prevProps: Readonly<InternalTextareaWithLayoutProps>): void;
     private getClearCrossShowed;

package/internal/InternalTextareaWithLayout/InternalTextareaWithLayout.styles/InternalTextareaWithLayout.styles.js

@@ -1,8 +1,11 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 var _templateObject;
-import { css, memoizeStyle } from "../../../lib/theming/Emotion";
-export var styles = memoizeStyle({
-  contentWrapper: function contentWrapper() {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      display: inline-flex;\n      align-items: flex-start;\n    "])));
-  }
+import { memoizeGetStyles } from "../../../lib/theming/Emotion";
+export var getStyles = memoizeGetStyles(function (_ref) {
+  var css = _ref.css;
+  return {
+    contentWrapper: function contentWrapper() {
+      return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      display: inline-flex;\n      align-items: flex-start;\n    "])));
+    }
+  };
 });

package/internal/InternalTextareaWithLayout/InternalTextareaWithLayout.styles/InternalTextareaWithLayout.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","styles","contentWrapper","_templateObject","_taggedTemplateLiteralLoose"],"sources":["InternalTextareaWithLayout.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  contentWrapper() {\n    return css`\n      display: inline-flex;\n      align-items: flex-start;\n    `;\n  },\n});\n"],"mappings":"oHAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;AAE7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,cAAc,WAAAA,eAAA,EAAG;IACf,OAAOH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;EAIZ;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["memoizeGetStyles","getStyles","_ref","css","contentWrapper","_templateObject","_taggedTemplateLiteralLoose"],"sources":["InternalTextareaWithLayout.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  contentWrapper() {\n    return css`\n      display: inline-flex;\n      align-items: flex-start;\n    `;\n  },\n}));\n"],"mappings":";;AAEA,SAASA,gBAAgB,QAAQ,2BAA2B;;AAE5D,OAAO,IAAMC,SAAS,GAAGD,gBAAgB,CAAC,UAAAE,IAAA,OAAGC,GAAG,GAAAD,IAAA,CAAHC,GAAG,QAAiB;IAC/DC,cAAc,WAAAA,eAAA,EAAG;MACf,OAAOD,GAAG,CAAAE,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;IAIZ;EACF,CAAC,EAAC,CAAC","ignoreList":[]}

package/internal/InternalTextareaWithLayout/InternalTextareaWithLayout.styles.d.ts

@@ -1,3 +1,3 @@
-export declare const styles: {
+export declare const getStyles: import("../../lib/theming/Emotion").StylesGetter<{
     contentWrapper(): string;
-};
+}>;

package/internal/MaskCharLowLine/MaskCharLowLine/MaskCharLowLine.js

@@ -1,5 +1,6 @@
 import React from 'react';
-import { styles } from "../MaskCharLowLine.styles";
+import { useStyles } from "../../../lib/renderEnvironment";
+import { getStyles } from "../MaskCharLowLine.styles";
 
 /**
  * FIGURE SPACE
@@ -10,6 +11,7 @@ import { styles } from "../MaskCharLowLine.styles";
  */
 export var MASK_CHAR_EXEMPLAR = String.fromCharCode(0x2007);
 export var MaskCharLowLine = function MaskCharLowLine() {
+  var styles = useStyles(getStyles);
   return /*#__PURE__*/React.createElement("span", {
     className: styles.root()
   }, MASK_CHAR_EXEMPLAR);

package/internal/MaskCharLowLine/MaskCharLowLine/MaskCharLowLine.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","styles","MASK_CHAR_EXEMPLAR","String","fromCharCode","MaskCharLowLine","createElement","className","root"],"sources":["MaskCharLowLine.tsx"],"sourcesContent":["import React from 'react';\n\nimport { styles } from './MaskCharLowLine.styles';\n\n/**\n * FIGURE SPACE\n *\n * space equal to tabular width of a font this is equivalent to the digit width of fonts with fixed-width digits\n *\n * @see http://www.fileformat.info/info/unicode/char/2007/index.htm\n */\nexport const MASK_CHAR_EXEMPLAR = String.fromCharCode(0x2007);\n\nexport const MaskCharLowLine = () => <span className={styles.root()}>{MASK_CHAR_EXEMPLAR}</span>;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,MAAM,QAAQ,0BAA0B;;AAEjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,kBAAkB,GAAGC,MAAM,CAACC,YAAY,CAAC,MAAM,CAAC;;AAE7D,OAAO,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,CAAA,uBAASL,KAAA,CAAAM,aAAA,WAAMC,SAAS,EAAEN,MAAM,CAACO,IAAI,CAAC,CAAE,IAAEN,kBAAyB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useStyles","getStyles","MASK_CHAR_EXEMPLAR","String","fromCharCode","MaskCharLowLine","styles","createElement","className","root"],"sources":["MaskCharLowLine.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useStyles } from '../../lib/renderEnvironment';\n\nimport { getStyles } from './MaskCharLowLine.styles';\n\n/**\n * FIGURE SPACE\n *\n * space equal to tabular width of a font this is equivalent to the digit width of fonts with fixed-width digits\n *\n * @see http://www.fileformat.info/info/unicode/char/2007/index.htm\n */\nexport const MASK_CHAR_EXEMPLAR = String.fromCharCode(0x2007);\n\nexport const MaskCharLowLine = () => {\n  const styles = useStyles(getStyles);\n  return <span className={styles.root()}>{MASK_CHAR_EXEMPLAR}</span>;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,SAAS,QAAQ,6BAA6B;;AAEvD,SAASC,SAAS,QAAQ,0BAA0B;;AAEpD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,kBAAkB,GAAGC,MAAM,CAACC,YAAY,CAAC,MAAM,CAAC;;AAE7D,OAAO,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,CAAA,EAAS;EACnC,IAAMC,MAAM,GAAGN,SAAS,CAACC,SAAS,CAAC;EACnC,oBAAOF,KAAA,CAAAQ,aAAA,WAAMC,SAAS,EAAEF,MAAM,CAACG,IAAI,CAAC,CAAE,IAAEP,kBAAyB,CAAC;AACpE,CAAC","ignoreList":[]}

package/internal/MaskCharLowLine/MaskCharLowLine.styles/MaskCharLowLine.styles.js

@@ -1,8 +1,11 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 var _templateObject;
-import { css, memoizeStyle } from "../../../lib/theming/Emotion";
-export var styles = memoizeStyle({
-  root: function root() {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      position: relative;\n\n      &:after {\n        content: '';\n        position: absolute;\n        width: calc(100% - 0.1em);\n        height: 1px;\n        left: 0.05em;\n        bottom: 0.11em;\n        border-bottom: solid 0.05em;\n      }\n    "])));
-  }
+import { memoizeGetStyles } from "../../../lib/theming/Emotion";
+export var getStyles = memoizeGetStyles(function (_ref) {
+  var css = _ref.css;
+  return {
+    root: function root() {
+      return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      position: relative;\n\n      &:after {\n        content: '';\n        position: absolute;\n        width: calc(100% - 0.1em);\n        height: 1px;\n        left: 0.05em;\n        bottom: 0.11em;\n        border-bottom: solid 0.05em;\n      }\n    "])));
+    }
+  };
 });

package/internal/MaskCharLowLine/MaskCharLowLine.styles/MaskCharLowLine.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","styles","root","_templateObject","_taggedTemplateLiteralLoose"],"sources":["MaskCharLowLine.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      position: relative;\n\n      &:after {\n        content: '';\n        position: absolute;\n        width: calc(100% - 0.1em);\n        height: 1px;\n        left: 0.05em;\n        bottom: 0.11em;\n        border-bottom: solid 0.05em;\n      }\n    `;\n  },\n});\n"],"mappings":"oHAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;AAE7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,IAAI,WAAAA,KAAA,EAAG;IACL,OAAOH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;;;;;;;;;;EAaZ;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["memoizeGetStyles","getStyles","_ref","css","root","_templateObject","_taggedTemplateLiteralLoose"],"sources":["MaskCharLowLine.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  root() {\n    return css`\n      position: relative;\n\n      &:after {\n        content: '';\n        position: absolute;\n        width: calc(100% - 0.1em);\n        height: 1px;\n        left: 0.05em;\n        bottom: 0.11em;\n        border-bottom: solid 0.05em;\n      }\n    `;\n  },\n}));\n"],"mappings":";;AAEA,SAASA,gBAAgB,QAAQ,2BAA2B;;AAE5D,OAAO,IAAMC,SAAS,GAAGD,gBAAgB,CAAC,UAAAE,IAAA,OAAGC,GAAG,GAAAD,IAAA,CAAHC,GAAG,QAAiB;IAC/DC,IAAI,WAAAA,KAAA,EAAG;MACL,OAAOD,GAAG,CAAAE,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;;;;;;;;;;IAaZ;EACF,CAAC,EAAC,CAAC","ignoreList":[]}

package/internal/MaskCharLowLine/MaskCharLowLine.styles.d.ts

@@ -1,3 +1,3 @@
-export declare const styles: {
+export declare const getStyles: import("../../lib/theming/Emotion").StylesGetter<{
     root(): string;
-};
+}>;