@skbkontur/react-ui 0.0.0-a25347e958 → 0.0.0-a2ba201dd3

package/components/Hint/Hint/Hint.js

@@ -4,6 +4,7 @@ import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 var _class, _class2, _temp;
 
 import React from 'react';
+import { globalObject } from '@skbkontur/global-object';
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { ThemeFactory } from "../../../lib/theming/ThemeFactory";
 import { DUMMY_LOCATION, Popup } from "../../../internal/Popup";
@@ -35,7 +36,6 @@ var Hint = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Pu
       opened: _this.getProps().manual ? !!_this.getProps().opened : false,
       position: DUMMY_LOCATION.position
     };
-    _this.timer = null;
     _this.popupRef = /*#__PURE__*/React.createRef();
 
     _this.getAnchorElement = function () {
@@ -52,7 +52,7 @@ var Hint = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Pu
 
     _this.handleMouseEnter = function (e) {
       if (!_this.getProps().manual && !_this.timer) {
-        _this.timer = window.setTimeout(_this.open, 400);
+        _this.timer = globalObject.setTimeout(_this.open, 400);
       }
 
       if (_this.props.onMouseEnter) {
@@ -62,7 +62,7 @@ var Hint = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Pu
 
     _this.handleMouseLeave = function (e) {
       if (!_this.getProps().manual && _this.timer) {
-        clearTimeout(_this.timer);
+        globalObject.clearTimeout(_this.timer);
         _this.timer = null;
 
         _this.setState({
@@ -96,7 +96,7 @@ var Hint = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Pu
     }
 
     if (this.timer) {
-      clearTimeout(this.timer);
+      globalObject.clearTimeout(this.timer);
       this.timer = null;
     }
 
@@ -109,7 +109,7 @@ var Hint = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Pu
 
   _proto.componentWillUnmount = function componentWillUnmount() {
     if (this.timer) {
-      clearTimeout(this.timer);
+      globalObject.clearTimeout(this.timer);
       this.timer = null;
     }
   };
@@ -181,7 +181,7 @@ var Hint = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Pu
   };
 
   return Hint;
-}(React.PureComponent), _class2.__KONTUR_REACT_UI__ = 'Hint', _class2.defaultProps = {
+}(React.PureComponent), _class2.__KONTUR_REACT_UI__ = 'Hint', _class2.displayName = 'Hint', _class2.defaultProps = {
   pos: 'top',
   manual: false,
   opened: false,

package/components/Hint/Hint/Hint.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Hint.tsx"],"names":["React","ThemeContext","ThemeFactory","DUMMY_LOCATION","Popup","isTestEnv","CommonWrapper","cx","rootNode","createPropsGetter","styles","HINT_BORDER_COLOR","Positions","Hint","getProps","defaultProps","state","opened","manual","position","timer","popupRef","createRef","getAnchorElement","current","anchorElement","getPositions","filter","x","startsWith","pos","handleMouseEnter","e","window","setTimeout","open","props","onMouseEnter","handleMouseLeave","clearTimeout","setState","onMouseLeave","componentDidUpdate","prevProps","componentWillUnmount","render","theme","create","popupPinOffset","hintPinOffset","popupMargin","hintMargin","popupBorder","hintBorder","popupBorderRadius","hintBorderRadius","renderMain","disableAnimations","useWrapper","setRootNode","children","hintBgColor","renderContent","text","maxWidth","centerAlignPositions","className","content","contentCenter","includes","PureComponent","__KONTUR_REACT_UI__"],"mappings":"2JAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,YAAT,QAA6B,gCAA7B;;AAEA,SAASC,cAAT,EAAyBC,KAAzB,QAA0D,sBAA1D;;;AAGA,SAASC,SAAT,QAA0B,8BAA1B;AACA,SAASC,aAAT,QAA2C,8BAA3C;AACA,SAASC,EAAT,QAAmB,2BAAnB;AACA,SAASC,QAAT,QAAuC,oBAAvC;;AAEA,SAASC,iBAAT,QAAkC,6BAAlC;;AAEA,SAASC,MAAT,QAAuB,eAAvB;;AAEA,IAAMC,iBAAiB,GAAG,aAA1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuDA,IAAMC,SAA+B,GAAG;AACtC,YADsC;AAEtC,UAFsC;AAGtC,WAHsC;AAItC,eAJsC;AAKtC,aALsC;AAMtC,cANsC;AAOtC,aAPsC;AAQtC,UARsC;AAStC,aATsC;AAUtC,cAVsC;AAWtC,WAXsC;AAYtC,cAZsC,CAAxC;;;;;;;;;;;AAuBA,OAJA;AACA;AACA,GAEA,IAAaC,IAAb,GADCL,QACD;;;;;;;;;;AAYUM,IAAAA,QAZV,GAYqBL,iBAAiB,CAACI,IAAI,CAACE,YAAN,CAZtC;;AAcSC,IAAAA,KAdT,GAc4B;AACxBC,MAAAA,MAAM,EAAE,MAAKH,QAAL,GAAgBI,MAAhB,GAAyB,CAAC,CAAC,MAAKJ,QAAL,GAAgBG,MAA3C,GAAoD,KADpC;AAExBE,MAAAA,QAAQ,EAAEhB,cAAc,CAACgB,QAFD,EAd5B;;;AAmBUC,IAAAA,KAnBV,GAmBoC,IAnBpC;;;;AAuBUC,IAAAA,QAvBV,gBAuBqBrB,KAAK,CAACsB,SAAN,EAvBrB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgGSC,IAAAA,gBAhGT,GAgG4B,YAAyB;AACjD,sCAAO,MAAKF,QAAL,CAAcG,OAArB,qBAAO,sBAAuBC,aAA9B;AACD,KAlGH;;;;;;;;;;;;;;;;;;;;AAsHUC,IAAAA,YAtHV,GAsHyB,YAA4B;AACjD,aAAOd,SAAS,CAACe,MAAV,CAAiB,UAACC,CAAD,UAAOA,CAAC,CAACC,UAAF,CAAa,MAAKf,QAAL,GAAgBgB,GAA7B,CAAP,EAAjB,CAAP;AACD,KAxHH;;AA0HUC,IAAAA,gBA1HV,GA0H6B,UAACC,CAAD,EAAuB;AAChD,UAAI,CAAC,MAAKlB,QAAL,GAAgBI,MAAjB,IAA2B,CAAC,MAAKE,KAArC,EAA4C;AAC1C,cAAKA,KAAL,GAAaa,MAAM,CAACC,UAAP,CAAkB,MAAKC,IAAvB,EAA6B,GAA7B,CAAb;AACD;;AAED,UAAI,MAAKC,KAAL,CAAWC,YAAf,EAA6B;AAC3B,cAAKD,KAAL,CAAWC,YAAX,CAAwBL,CAAxB;AACD;AACF,KAlIH;;AAoIUM,IAAAA,gBApIV,GAoI6B,UAACN,CAAD,EAAuB;AAChD,UAAI,CAAC,MAAKlB,QAAL,GAAgBI,MAAjB,IAA2B,MAAKE,KAApC,EAA2C;AACzCmB,QAAAA,YAAY,CAAC,MAAKnB,KAAN,CAAZ;AACA,cAAKA,KAAL,GAAa,IAAb;AACA,cAAKoB,QAAL,CAAc,EAAEvB,MAAM,EAAE,KAAV,EAAd;AACD;;AAED,UAAI,MAAKmB,KAAL,CAAWK,YAAf,EAA6B;AAC3B,cAAKL,KAAL,CAAWK,YAAX,CAAwBT,CAAxB;AACD;AACF,KA9IH;;AAgJUG,IAAAA,IAhJV,GAgJiB,YAAM;AACnB,YAAKK,QAAL,CAAc,EAAEvB,MAAM,EAAE,IAAV,EAAd;AACD,KAlJH,kDAyBSyB,kBAzBT,GAyBE,4BAA0BC,SAA1B,EAAgD,CAC9C,qBAA2B,KAAK7B,QAAL,EAA3B,CAAQG,MAAR,kBAAQA,MAAR,CAAgBC,MAAhB,kBAAgBA,MAAhB,CACA,IAAI,CAACA,MAAL,EAAa,CACX,OACD,CACD,IAAI,KAAKE,KAAT,EAAgB,CACdmB,YAAY,CAAC,KAAKnB,KAAN,CAAZ,CACA,KAAKA,KAAL,GAAa,IAAb,CACD,CACD,IAAIH,MAAM,KAAK0B,SAAS,CAAC1B,MAAzB,EAAiC,CAC/B,KAAKuB,QAAL,CAAc,EAAEvB,MAAM,EAAE,CAAC,CAACA,MAAZ,EAAd,EACD,CACF,CArCH,QAuCS2B,oBAvCT,GAuCE,gCAA8B,CAC5B,IAAI,KAAKxB,KAAT,EAAgB,CACdmB,YAAY,CAAC,KAAKnB,KAAN,CAAZ,CACA,KAAKA,KAAL,GAAa,IAAb,CACD,CACF,CA5CH,QA8CSyB,MA9CT,GA8CE,kBAAgB,mBACd,oBACE,oBAAC,YAAD,CAAc,QAAd,QACG,UAACC,KAAD,EAAW,CACV,MAAI,CAACA,KAAL,GAAaA,KAAb,CACA,oBACE,oBAAC,YAAD,CAAc,QAAd,IACE,KAAK,EAAE5C,YAAY,CAAC6C,MAAb,CACL,EACEC,cAAc,EAAEF,KAAK,CAACG,aADxB,EAEEC,WAAW,EAAEJ,KAAK,CAACK,UAFrB,EAGEC,WAAW,EAAEN,KAAK,CAACO,UAHrB,EAIEC,iBAAiB,EAAER,KAAK,CAACS,gBAJ3B,EADK,EAOL,MAAI,CAACT,KAPA,CADT,IAWG,MAAI,CAACU,UAAL,EAXH,CADF,CAeD,CAlBH,CADF,CAsBD,CArEH,QAuESA,UAvET,GAuEE,sBAAoB,mBAClB,sBAA0C,KAAK1C,QAAL,EAA1C,CAAQ2C,iBAAR,mBAAQA,iBAAR,CAA2BC,UAA3B,mBAA2BA,UAA3B,CACA,oBACE,oBAAC,aAAD,aAAe,WAAW,EAAE,KAAKC,WAAjC,IAAkD,KAAKvB,KAAvD,gBACE,oBAAC,KAAD,IACE,MAAM,MADR,EAEE,MAAM,EAAE,KAAKpB,KAAL,CAAWC,MAFrB,EAGE,aAAa,EAAE,KAAKmB,KAAL,CAAWwB,QAH5B,EAIE,SAAS,EAAE,KAAKlC,YAAL,EAJb,EAKE,eAAe,EAAE,KAAKoB,KAAL,CAAWe,WAL9B,EAME,WAAW,EAAElD,iBANf,EAOE,gBAAgB,EAAE,0BAACQ,QAAD,UAAc,MAAI,CAACqB,QAAL,CAAc,EAAErB,QAAQ,EAARA,QAAF,EAAd,CAAd,EAPpB,EAQE,iBAAiB,EAAEsC,iBARrB,EASE,YAAY,EAAE,KAAK1B,gBATrB,EAUE,YAAY,EAAE,KAAKO,gBAVrB,EAWE,UAAU,EAAEoB,UAXd,EAYE,GAAG,EAAE,KAAKrC,QAZZ,EAaE,aAAa,MAbf,IAeG,KAAKyC,aAAL,EAfH,CADF,CADF,CAqBD,CA9FH,QAoGUA,aApGV,GAoGE,yBAAwB,SACtB,IAAI,CAAC,KAAK1B,KAAL,CAAW2B,IAAhB,EAAsB,CACpB,OAAO,IAAP,CACD,CAED,sBAAqB,KAAKjD,QAAL,EAArB,CAAQkD,QAAR,mBAAQA,QAAR,CACA,IAAMC,oBAAoB,GAAG,CAAC,KAAD,EAAQ,YAAR,EAAsB,QAAtB,EAAgC,eAAhC,CAA7B,CACA,IAAMC,SAAS,GAAG3D,EAAE,gBACjBG,MAAM,CAACyD,OAAP,CAAe,KAAKrB,KAApB,CADiB,IACY,IADZ,MAEjBpC,MAAM,CAAC0D,aAAP,CAAqB,KAAKtB,KAA1B,CAFiB,IAEkBmB,oBAAoB,CAACI,QAArB,CAA8B,KAAKrD,KAAL,CAAWG,QAAzC,CAFlB,OAApB,CAIA,oBACE,6BAAK,SAAS,EAAE+C,SAAhB,EAA2B,KAAK,EAAE,EAAEF,QAAQ,EAARA,QAAF,EAAlC,IACG,KAAK5B,KAAL,CAAW2B,IADd,CADF,CAKD,CApHH,eAA0B/D,KAAK,CAACsE,aAAhC,WACgBC,mBADhB,GACsC,MADtC,UAGgBxD,YAHhB,GAG6C,EACzCe,GAAG,EAAE,KADoC,EAEzCZ,MAAM,EAAE,KAFiC,EAGzCD,MAAM,EAAE,KAHiC,EAIzC+C,QAAQ,EAAE,GAJ+B,EAKzCP,iBAAiB,EAAEpD,SALsB,EAMzCqD,UAAU,EAAE,KAN6B,EAH7C","sourcesContent":["import React from 'react';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { Theme } from '../../lib/theming/Theme';\nimport { DUMMY_LOCATION, Popup, PopupPositionsType } from '../../internal/Popup';\nimport { Nullable } from '../../typings/utility-types';\nimport { MouseEventType } from '../../typings/event-types';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { InstanceWithAnchorElement } from '../../lib/InstanceWithAnchorElement';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { styles } from './Hint.styles';\n\nconst HINT_BORDER_COLOR = 'transparent';\n\nexport interface HintProps extends CommonProps {\n  children?: React.ReactNode;\n  /**\n   * Переводит отображение подсказки в _\"ручной режим\"_.\n   *\n   * В _\"ручном режиме\"_ подсказку можно активировать только задав значение пропу `opened`.\n   */\n  manual?: boolean;\n  /**\n   * Задаёт максимальную ширину подсказки.\n   */\n  maxWidth?: React.CSSProperties['maxWidth'];\n  /**\n   * HTML-событие `mouseenter`.\n   */\n  onMouseEnter?: (event: MouseEventType) => void;\n  /**\n   * HTML-событие `mouseleave`.\n   */\n  onMouseLeave?: (event: MouseEventType) => void;\n  /**\n   * Если `true` - подсказка будет открыта.\n   *\n   * _Примечание_: работает только при `manual=true`.\n   */\n  opened?: boolean;\n  /**\n   * Расположение подсказки относительно текста.\n   *\n   * **Допустимые значения**: `\"top\"`, `\"right\"`, `\"bottom\"`, `\"left\"`, `\"top left\"`, `\"top center\"`, `\"top right\"`, `\"right top\"`, `\"right middle\"`, `\"right bottom\"`, `\"bottom left\"`, `\"bottom center\"`, `\"bottom right\"`, `\"left top\"`, `\"left middle\"`, `\"left bottom\"`.\n   */\n  pos?: 'top' | 'right' | 'bottom' | 'left' | PopupPositionsType;\n  /**\n   * Текст подсказки.\n   */\n  text: React.ReactNode;\n  /**\n   * Отключает анимацию.\n   */\n  disableAnimations?: boolean;\n  /**\n   * Явно указывает, что вложенные элементы должны быть обёрнуты в `<span/>`. <br/> Используется для корректного позиционирования тултипа при двух и более вложенных элементах.\n   *\n   * _Примечание_: при **двух и более** вложенных элементах обёртка будет добавлена автоматически.\n   */\n  useWrapper?: boolean;\n}\n\nexport interface HintState {\n  opened: boolean;\n  position: PopupPositionsType;\n}\n\nconst Positions: PopupPositionsType[] = [\n  'top center',\n  'top left',\n  'top right',\n  'bottom center',\n  'bottom left',\n  'bottom right',\n  'left middle',\n  'left top',\n  'left bottom',\n  'right middle',\n  'right top',\n  'right bottom',\n];\n\ntype DefaultProps = Required<\n  Pick<HintProps, 'pos' | 'manual' | 'opened' | 'maxWidth' | 'disableAnimations' | 'useWrapper'>\n>;\n\n/**\n * Всплывающая подсказка, которая по умолчанию отображается при наведении на элемент. <br/> Можно задать другие условия отображения.\n */\n@rootNode\nexport class Hint extends React.PureComponent<HintProps, HintState> implements InstanceWithAnchorElement {\n  public static __KONTUR_REACT_UI__ = 'Hint';\n\n  public static defaultProps: DefaultProps = {\n    pos: 'top',\n    manual: false,\n    opened: false,\n    maxWidth: 200,\n    disableAnimations: isTestEnv,\n    useWrapper: false,\n  };\n\n  private getProps = createPropsGetter(Hint.defaultProps);\n\n  public state: HintState = {\n    opened: this.getProps().manual ? !!this.getProps().opened : false,\n    position: DUMMY_LOCATION.position,\n  };\n\n  private timer: Nullable<number> = null;\n  private theme!: Theme;\n  private setRootNode!: TSetRootNode;\n\n  private popupRef = React.createRef<Popup>();\n\n  public componentDidUpdate(prevProps: HintProps) {\n    const { opened, manual } = this.getProps();\n    if (!manual) {\n      return;\n    }\n    if (this.timer) {\n      clearTimeout(this.timer);\n      this.timer = null;\n    }\n    if (opened !== prevProps.opened) {\n      this.setState({ opened: !!opened });\n    }\n  }\n\n  public componentWillUnmount() {\n    if (this.timer) {\n      clearTimeout(this.timer);\n      this.timer = null;\n    }\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return (\n            <ThemeContext.Provider\n              value={ThemeFactory.create(\n                {\n                  popupPinOffset: theme.hintPinOffset,\n                  popupMargin: theme.hintMargin,\n                  popupBorder: theme.hintBorder,\n                  popupBorderRadius: theme.hintBorderRadius,\n                },\n                this.theme,\n              )}\n            >\n              {this.renderMain()}\n            </ThemeContext.Provider>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public renderMain() {\n    const { disableAnimations, useWrapper } = this.getProps();\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <Popup\n          hasPin\n          opened={this.state.opened}\n          anchorElement={this.props.children}\n          positions={this.getPositions()}\n          backgroundColor={this.theme.hintBgColor}\n          borderColor={HINT_BORDER_COLOR}\n          onPositionChange={(position) => this.setState({ position })}\n          disableAnimations={disableAnimations}\n          onMouseEnter={this.handleMouseEnter}\n          onMouseLeave={this.handleMouseLeave}\n          useWrapper={useWrapper}\n          ref={this.popupRef}\n          withoutMobile\n        >\n          {this.renderContent()}\n        </Popup>\n      </CommonWrapper>\n    );\n  }\n\n  public getAnchorElement = (): Nullable<Element> => {\n    return this.popupRef.current?.anchorElement;\n  };\n\n  private renderContent() {\n    if (!this.props.text) {\n      return null;\n    }\n\n    const { maxWidth } = this.getProps();\n    const centerAlignPositions = ['top', 'top center', 'bottom', 'bottom center'];\n    const className = cx({\n      [styles.content(this.theme)]: true,\n      [styles.contentCenter(this.theme)]: centerAlignPositions.includes(this.state.position),\n    });\n    return (\n      <div className={className} style={{ maxWidth }}>\n        {this.props.text}\n      </div>\n    );\n  }\n\n  private getPositions = (): PopupPositionsType[] => {\n    return Positions.filter((x) => x.startsWith(this.getProps().pos));\n  };\n\n  private handleMouseEnter = (e: MouseEventType) => {\n    if (!this.getProps().manual && !this.timer) {\n      this.timer = window.setTimeout(this.open, 400);\n    }\n\n    if (this.props.onMouseEnter) {\n      this.props.onMouseEnter(e);\n    }\n  };\n\n  private handleMouseLeave = (e: MouseEventType) => {\n    if (!this.getProps().manual && this.timer) {\n      clearTimeout(this.timer);\n      this.timer = null;\n      this.setState({ opened: false });\n    }\n\n    if (this.props.onMouseLeave) {\n      this.props.onMouseLeave(e);\n    }\n  };\n\n  private open = () => {\n    this.setState({ opened: true });\n  };\n}\n"]}
+{"version":3,"sources":["Hint.tsx"],"names":["React","globalObject","ThemeContext","ThemeFactory","DUMMY_LOCATION","Popup","isTestEnv","CommonWrapper","cx","rootNode","createPropsGetter","styles","HINT_BORDER_COLOR","Positions","Hint","getProps","defaultProps","state","opened","manual","position","popupRef","createRef","getAnchorElement","current","anchorElement","getPositions","filter","x","startsWith","pos","handleMouseEnter","e","timer","setTimeout","open","props","onMouseEnter","handleMouseLeave","clearTimeout","setState","onMouseLeave","componentDidUpdate","prevProps","componentWillUnmount","render","theme","create","popupPinOffset","hintPinOffset","popupMargin","hintMargin","popupBorder","hintBorder","popupBorderRadius","hintBorderRadius","renderMain","disableAnimations","useWrapper","setRootNode","children","hintBgColor","renderContent","text","maxWidth","centerAlignPositions","className","content","contentCenter","includes","PureComponent","__KONTUR_REACT_UI__","displayName"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { globalObject, SafeTimer } from '@skbkontur/global-object';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { Theme } from '../../lib/theming/Theme';\nimport { DUMMY_LOCATION, Popup, PopupPositionsType } from '../../internal/Popup';\nimport { Nullable } from '../../typings/utility-types';\nimport { MouseEventType } from '../../typings/event-types';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { InstanceWithAnchorElement } from '../../lib/InstanceWithAnchorElement';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { styles } from './Hint.styles';\n\nconst HINT_BORDER_COLOR = 'transparent';\n\nexport interface HintProps extends CommonProps {\n  children?: React.ReactNode;\n  /**\n   * Переводит отображение подсказки в _\"ручной режим\"_.\n   *\n   * В _\"ручном режиме\"_ подсказку можно активировать только задав значение пропу `opened`.\n   */\n  manual?: boolean;\n  /**\n   * Задаёт максимальную ширину подсказки.\n   */\n  maxWidth?: React.CSSProperties['maxWidth'];\n  /**\n   * HTML-событие `mouseenter`.\n   */\n  onMouseEnter?: (event: MouseEventType) => void;\n  /**\n   * HTML-событие `mouseleave`.\n   */\n  onMouseLeave?: (event: MouseEventType) => void;\n  /**\n   * Если `true` - подсказка будет открыта.\n   *\n   * _Примечание_: работает только при `manual=true`.\n   */\n  opened?: boolean;\n  /**\n   * Расположение подсказки относительно текста.\n   *\n   * **Допустимые значения**: `\"top\"`, `\"right\"`, `\"bottom\"`, `\"left\"`, `\"top left\"`, `\"top center\"`, `\"top right\"`, `\"right top\"`, `\"right middle\"`, `\"right bottom\"`, `\"bottom left\"`, `\"bottom center\"`, `\"bottom right\"`, `\"left top\"`, `\"left middle\"`, `\"left bottom\"`.\n   */\n  pos?: 'top' | 'right' | 'bottom' | 'left' | PopupPositionsType;\n  /**\n   * Текст подсказки.\n   */\n  text: React.ReactNode;\n  /**\n   * Отключает анимацию.\n   */\n  disableAnimations?: boolean;\n  /**\n   * Явно указывает, что вложенные элементы должны быть обёрнуты в `<span/>`. <br/> Используется для корректного позиционирования тултипа при двух и более вложенных элементах.\n   *\n   * _Примечание_: при **двух и более** вложенных элементах обёртка будет добавлена автоматически.\n   */\n  useWrapper?: boolean;\n}\n\nexport interface HintState {\n  opened: boolean;\n  position: PopupPositionsType;\n}\n\nconst Positions: PopupPositionsType[] = [\n  'top center',\n  'top left',\n  'top right',\n  'bottom center',\n  'bottom left',\n  'bottom right',\n  'left middle',\n  'left top',\n  'left bottom',\n  'right middle',\n  'right top',\n  'right bottom',\n];\n\ntype DefaultProps = Required<\n  Pick<HintProps, 'pos' | 'manual' | 'opened' | 'maxWidth' | 'disableAnimations' | 'useWrapper'>\n>;\n\n/**\n * Всплывающая подсказка, которая по умолчанию отображается при наведении на элемент. <br/> Можно задать другие условия отображения.\n */\n@rootNode\nexport class Hint extends React.PureComponent<HintProps, HintState> implements InstanceWithAnchorElement {\n  public static __KONTUR_REACT_UI__ = 'Hint';\n  public static displayName = 'Hint';\n\n  public static defaultProps: DefaultProps = {\n    pos: 'top',\n    manual: false,\n    opened: false,\n    maxWidth: 200,\n    disableAnimations: isTestEnv,\n    useWrapper: false,\n  };\n\n  private getProps = createPropsGetter(Hint.defaultProps);\n\n  public state: HintState = {\n    opened: this.getProps().manual ? !!this.getProps().opened : false,\n    position: DUMMY_LOCATION.position,\n  };\n\n  private timer: SafeTimer;\n  private theme!: Theme;\n  private setRootNode!: TSetRootNode;\n\n  private popupRef = React.createRef<Popup>();\n\n  public componentDidUpdate(prevProps: HintProps) {\n    const { opened, manual } = this.getProps();\n    if (!manual) {\n      return;\n    }\n    if (this.timer) {\n      globalObject.clearTimeout(this.timer);\n      this.timer = null;\n    }\n    if (opened !== prevProps.opened) {\n      this.setState({ opened: !!opened });\n    }\n  }\n\n  public componentWillUnmount() {\n    if (this.timer) {\n      globalObject.clearTimeout(this.timer);\n      this.timer = null;\n    }\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return (\n            <ThemeContext.Provider\n              value={ThemeFactory.create(\n                {\n                  popupPinOffset: theme.hintPinOffset,\n                  popupMargin: theme.hintMargin,\n                  popupBorder: theme.hintBorder,\n                  popupBorderRadius: theme.hintBorderRadius,\n                },\n                this.theme,\n              )}\n            >\n              {this.renderMain()}\n            </ThemeContext.Provider>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public renderMain() {\n    const { disableAnimations, useWrapper } = this.getProps();\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <Popup\n          hasPin\n          opened={this.state.opened}\n          anchorElement={this.props.children}\n          positions={this.getPositions()}\n          backgroundColor={this.theme.hintBgColor}\n          borderColor={HINT_BORDER_COLOR}\n          onPositionChange={(position) => this.setState({ position })}\n          disableAnimations={disableAnimations}\n          onMouseEnter={this.handleMouseEnter}\n          onMouseLeave={this.handleMouseLeave}\n          useWrapper={useWrapper}\n          ref={this.popupRef}\n          withoutMobile\n        >\n          {this.renderContent()}\n        </Popup>\n      </CommonWrapper>\n    );\n  }\n\n  public getAnchorElement = (): Nullable<Element> => {\n    return this.popupRef.current?.anchorElement;\n  };\n\n  private renderContent() {\n    if (!this.props.text) {\n      return null;\n    }\n\n    const { maxWidth } = this.getProps();\n    const centerAlignPositions = ['top', 'top center', 'bottom', 'bottom center'];\n    const className = cx({\n      [styles.content(this.theme)]: true,\n      [styles.contentCenter(this.theme)]: centerAlignPositions.includes(this.state.position),\n    });\n    return (\n      <div className={className} style={{ maxWidth }}>\n        {this.props.text}\n      </div>\n    );\n  }\n\n  private getPositions = (): PopupPositionsType[] => {\n    return Positions.filter((x) => x.startsWith(this.getProps().pos));\n  };\n\n  private handleMouseEnter = (e: MouseEventType) => {\n    if (!this.getProps().manual && !this.timer) {\n      this.timer = globalObject.setTimeout(this.open, 400);\n    }\n\n    if (this.props.onMouseEnter) {\n      this.props.onMouseEnter(e);\n    }\n  };\n\n  private handleMouseLeave = (e: MouseEventType) => {\n    if (!this.getProps().manual && this.timer) {\n      globalObject.clearTimeout(this.timer);\n      this.timer = null;\n      this.setState({ opened: false });\n    }\n\n    if (this.props.onMouseLeave) {\n      this.props.onMouseLeave(e);\n    }\n  };\n\n  private open = () => {\n    this.setState({ opened: true });\n  };\n}\n"]}

package/components/Hint/Hint.d.ts

@@ -61,6 +61,7 @@ declare type DefaultProps = Required<Pick<HintProps, 'pos' | 'manual' | 'opened'
  */
 export declare class Hint extends React.PureComponent<HintProps, HintState> implements InstanceWithAnchorElement {
     static __KONTUR_REACT_UI__: string;
+    static displayName: string;
     static defaultProps: DefaultProps;
     private getProps;
     state: HintState;

package/components/Input/Input/Input.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
-var _excluded = ["onMouseEnter", "onMouseLeave", "onMouseOver", "onKeyDown", "onKeyPress", "onValueChange", "width", "error", "role", "warning", "leftIcon", "rightIcon", "borderless", "value", "align", "type", "mask", "maskChar", "alwaysShowMask", "size", "placeholder", "selectAllOnFocus", "disabled", "onUnexpectedInput", "prefix", "suffix", "formatChars", "corners", "aria-describedby", "aria-controls", "aria-label"];
+var _excluded = ["onMouseEnter", "onMouseLeave", "onMouseOver", "onKeyDown", "onKeyPress", "onValueChange", "width", "error", "role", "warning", "leftIcon", "rightIcon", "borderless", "value", "align", "type", "mask", "maskChar", "alwaysShowMask", "size", "placeholder", "selectAllOnFocus", "disabled", "onUnexpectedInput", "prefix", "suffix", "formatChars", "corners", "aria-describedby", "aria-controls", "aria-label", "element"];
 
 var _class, _class2, _temp; // TODO: Enable this rule in functional components.
 
@@ -11,22 +11,27 @@ var _class, _class2, _temp; // TODO: Enable this rule in functional components.
 
 import invariant from 'invariant';
 import React from 'react';
-import raf from 'raf';
 import warning from 'warning';
+import { globalObject } from '@skbkontur/global-object';
 import { isEdge, isIE11 } from "../../../lib/client";
 import { isKeyBackspace, isKeyDelete, someKeys } from "../../../lib/events/keyboard/identifiers";
 import { needsPolyfillPlaceholder } from "../../../lib/needsPolyfillPlaceholder";
-import { MaskedInput } from "../../../internal/MaskedInput";
+import { InternalMaskedInput } from "../../../internal/InternalMaskedInput";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
 import { cx } from "../../../lib/theming/Emotion";
 import { rootNode } from "../../../lib/rootNode";
 import { createPropsGetter } from "../../../lib/createPropsGetter";
 import { isTheme2022 } from "../../../lib/theming/ThemeHelpers";
+import { isFunction } from "../../../lib/utils";
 import { styles } from "../Input.styles";
 import { InputLayout } from "../InputLayout/InputLayout";
 import { PolyfillPlaceholder } from "../InputLayout/PolyfillPlaceholder";
 export var inputTypes = ['password', 'text', 'number', 'tel', 'search', 'time', 'date', 'url', 'email'];
+/**
+ * @deprecated use SizeProp
+ */
+
 export var selectionAllowedTypes = ['text', 'password', 'tel', 'search', 'url'];
 export var selectionErrorMessage = function selectionErrorMessage(type, allowedTypes) {
   if (allowedTypes === void 0) {
@@ -76,7 +81,6 @@ var Input = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$C
       focused: false
     };
     _this.selectAllId = null;
-    _this.blinkTimeout = 0;
     _this.input = null;
 
     _this.selectAll = function () {
@@ -86,19 +90,21 @@ var Input = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$C
     };
 
     _this.delaySelectAll = function () {
-      return _this.selectAllId = raf(_this.selectAll);
+      var _globalObject$request;
+
+      return _this.selectAllId = (_globalObject$request = globalObject.requestAnimationFrame == null ? void 0 : globalObject.requestAnimationFrame(_this.selectAll)) != null ? _globalObject$request : null;
     };
 
     _this.cancelDelayedSelectAll = function () {
       if (_this.selectAllId) {
-        raf.cancel(_this.selectAllId);
+        globalObject.cancelAnimationFrame == null ? void 0 : globalObject.cancelAnimationFrame(_this.selectAllId);
         _this.selectAllId = null;
       }
     };
 
     _this.cancelBlink = function (callback) {
       if (_this.blinkTimeout) {
-        clearTimeout(_this.blinkTimeout);
+        globalObject.clearTimeout(_this.blinkTimeout);
         _this.blinkTimeout = 0;
 
         if (_this.state.blinking) {
@@ -115,6 +121,14 @@ var Input = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$C
       }
     };
 
+    _this.getInput = function (inputProps) {
+      if (_this.props.element) {
+        return /*#__PURE__*/React.cloneElement(_this.props.element, inputProps);
+      }
+
+      return _this.props.mask && !_this.canBeUsedWithMask ? _this.renderMaskedInput(inputProps, _this.props.mask) : /*#__PURE__*/React.createElement('input', inputProps);
+    };
+
     _this.renderMain = function (props) {
       var _cx, _cx2;
 
@@ -149,6 +163,7 @@ var Input = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$C
           ariaDescribedby = props['aria-describedby'],
           ariaControls = props['aria-controls'],
           ariaLabel = props['aria-label'],
+          element = props.element,
           rest = _objectWithoutPropertiesLoose(props, _excluded);
 
       var _this$state = _this.state,
@@ -185,7 +200,7 @@ var Input = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$C
         'aria-label': ariaLabel
       });
 
-      var input = mask && !_this.canBeUsedWithMask ? _this.renderMaskedInput(inputProps, mask) : /*#__PURE__*/React.createElement('input', inputProps);
+      var input = _this.getInput(inputProps);
 
       if (isTheme2022(_this.theme)) {
         return /*#__PURE__*/React.createElement(InputLayout, {
@@ -219,7 +234,7 @@ var Input = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$C
     };
 
     _this.refInput = function (element) {
-      if (element instanceof MaskedInput) {
+      if (element instanceof InternalMaskedInput || element && 'input' in element) {
         _this.input = element.input;
       } else {
         _this.input = element;
@@ -363,7 +378,7 @@ var Input = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$C
 
   _proto.componentWillUnmount = function componentWillUnmount() {
     if (this.blinkTimeout) {
-      clearTimeout(this.blinkTimeout);
+      globalObject.clearTimeout(this.blinkTimeout);
     }
 
     this.cancelDelayedSelectAll();
@@ -416,7 +431,7 @@ var Input = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$C
     this.setState({
       blinking: true
     }, function () {
-      _this2.blinkTimeout = window.setTimeout(_this2.cancelBlink, 150);
+      _this2.blinkTimeout = globalObject.setTimeout(_this2.cancelBlink, 150);
     });
   }
   /**
@@ -427,7 +442,8 @@ var Input = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$C
   ;
 
   _proto.setSelectionRange = function setSelectionRange(start, end) {
-    var _this$props$value,
+    var _globalObject$documen,
+        _this$props$value,
         _this3 = this; // https://github.com/facebook/react/issues/7769
     // https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange
 
@@ -441,12 +457,12 @@ var Input = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$C
       throw new Error('Cannot call "setSelectionRange" on unmounted Input');
     }
 
-    if (document.activeElement !== this.input) {
+    if (((_globalObject$documen = globalObject.document) == null ? void 0 : _globalObject$documen.activeElement) !== this.input) {
       this.focus();
     }
 
     if (this.props.mask && this.props.value && ((_this$props$value = this.props.value) == null ? void 0 : _this$props$value.length) < this.props.mask.length) {
-      setTimeout(function () {
+      globalObject.setTimeout(function () {
         var _this3$input;
 
         (_this3$input = _this3.input) == null ? void 0 : _this3$input.setSelectionRange(start, end);
@@ -470,7 +486,7 @@ var Input = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$C
   };
 
   _proto.renderMaskedInput = function renderMaskedInput(inputProps, mask) {
-    return /*#__PURE__*/React.createElement(MaskedInput, _extends({}, inputProps, {
+    return /*#__PURE__*/React.createElement(InternalMaskedInput, _extends({}, inputProps, {
       mask: mask,
       maskChar: this.props.maskChar,
       alwaysShowMask: this.props.alwaysShowMask,
@@ -515,7 +531,7 @@ var Input = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$C
     }
 
     var disabled = this.props.disabled;
-    var iconNode = icon instanceof Function ? icon() : icon;
+    var iconNode = isFunction(icon) ? icon() : icon;
     return /*#__PURE__*/React.createElement("span", {
       className: cx(styles.icon(), sizeClassName, styles.useDefaultColor(this.theme), (_cx5 = {}, _cx5[styles.iconFocus(this.theme)] = this.state.focused, _cx5[styles.iconDisabled()] = disabled, _cx5))
     }, iconNode);
@@ -579,7 +595,7 @@ var Input = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$C
   }]);
 
   return Input;
-}(React.Component), _class2.__KONTUR_REACT_UI__ = 'Input', _class2.defaultProps = {
+}(React.Component), _class2.__KONTUR_REACT_UI__ = 'Input', _class2.displayName = 'Input', _class2.defaultProps = {
   size: 'small',
   type: 'text'
 }, _temp)) || _class;

package/components/Input/Input/Input.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Input.tsx"],"names":["invariant","React","raf","warning","isEdge","isIE11","isKeyBackspace","isKeyDelete","someKeys","needsPolyfillPlaceholder","MaskedInput","ThemeContext","CommonWrapper","cx","rootNode","createPropsGetter","isTheme2022","styles","InputLayout","PolyfillPlaceholder","inputTypes","selectionAllowedTypes","selectionErrorMessage","type","allowedTypes","map","i","join","maskForbiddenTypes","maskAllowedTypes","filter","includes","maskErrorMessage","InputDataTids","root","Input","getProps","defaultProps","state","blinking","focused","selectAllId","blinkTimeout","input","selectAll","setSelectionRange","value","length","delaySelectAll","cancelDelayedSelectAll","cancel","cancelBlink","callback","clearTimeout","setState","renderMain","props","onMouseEnter","onMouseLeave","onMouseOver","onKeyDown","onKeyPress","onValueChange","width","error","role","leftIcon","rightIcon","borderless","align","mask","maskChar","alwaysShowMask","size","placeholder","selectAllOnFocus","disabled","onUnexpectedInput","prefix","suffix","formatChars","corners","ariaDescribedby","ariaControls","ariaLabel","rest","labelProps","className","theme","getSizeClassName","focus","hovering","blink","focusFallback","warningFallback","errorFallback","style","inputProps","inputFocus","inputDisabled","onChange","handleChange","onFocus","handleFocus","handleKeyDown","handleKeyPress","onBlur","handleBlur","textAlign","ref","refInput","isMaskVisible","undefined","canBeUsedWithMask","renderMaskedInput","createElement","Boolean","defaultValue","sideContainer","renderLeftIcon","renderPrefix","wrapper","renderPlaceholder","rightContainer","renderSuffix","renderRightIcon","element","event","fieldIsEmpty","target","e","isDeleteKey","currentTarget","repeat","handleUnexpectedInput","maxLength","handleMaskedValueChange","prefixDisabled","suffixDisabled","outputMaskError","componentDidMount","componentDidUpdate","prevProps","componentWillUnmount","blur","getNode","offsetWidth","window","setTimeout","start","end","Error","document","activeElement","render","setRootNode","getIconSizeClassname","right","rightIconLarge","leftIconLarge","rightIconMedium","leftIconMedium","rightIconSmall","leftIconSmall","renderIcon","icon","sizeClassName","iconNode","Function","useDefaultColor","iconFocus","iconDisabled","placeholderDisabled","placeholderFocus","sizeLarge","sizeLargeFallback","sizeMedium","sizeMediumFallback","sizeSmall","sizeSmallFallback","Component","__KONTUR_REACT_UI__"],"mappings":"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","sourcesContent":["// TODO: Enable this rule in functional components.\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport invariant from 'invariant';\nimport React, { AriaAttributes, HTMLAttributes } from 'react';\nimport raf from 'raf';\nimport warning from 'warning';\n\nimport { isEdge, isIE11 } from '../../lib/client';\nimport { isKeyBackspace, isKeyDelete, someKeys } from '../../lib/events/keyboard/identifiers';\nimport { needsPolyfillPlaceholder } from '../../lib/needsPolyfillPlaceholder';\nimport { Nullable, Override } from '../../typings/utility-types';\nimport { MaskedInput } from '../../internal/MaskedInput';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\n\nimport { styles } from './Input.styles';\nimport { InputLayout } from './InputLayout/InputLayout';\nimport { PolyfillPlaceholder } from './InputLayout/PolyfillPlaceholder';\n\nexport const inputTypes = ['password', 'text', 'number', 'tel', 'search', 'time', 'date', 'url', 'email'] as const;\n\nexport type InputSize = 'small' | 'medium' | 'large';\nexport type InputAlign = 'left' | 'center' | 'right';\nexport type InputType = typeof inputTypes[number];\nexport type InputIconType = React.ReactNode | (() => React.ReactNode);\n\nexport const selectionAllowedTypes: InputType[] = ['text', 'password', 'tel', 'search', 'url'];\nexport const selectionErrorMessage = (type: InputType, allowedTypes: InputType[] = selectionAllowedTypes) => {\n  return `<Input />. Selection is not supported by the type \"${type}\". Types that support selection: ${allowedTypes\n    .map((i) => `\"${i}\"`)\n    .join(', ')}. Reason: https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange.`;\n};\n\nexport const maskForbiddenTypes: InputType[] = ['number', 'date', 'time'];\nexport const maskAllowedTypes: InputType[] = inputTypes.filter((type) => {\n  return !maskForbiddenTypes.includes(type);\n});\nexport const maskErrorMessage = (type: InputType, allowedTypes: InputType[] = maskAllowedTypes) => {\n  return `<Input />. Prop \"mask\" does not support type \"${type}\". Supported types: ${allowedTypes\n    .map((i) => `\"${i}\"`)\n    .join(', ')}.`;\n};\n\nexport interface InputProps\n  extends CommonProps,\n    Pick<HTMLAttributes<unknown>, 'role'>,\n    Pick<AriaAttributes, 'aria-describedby' | 'aria-controls' | 'aria-label'>,\n    Override<\n      React.InputHTMLAttributes<HTMLInputElement>,\n      {\n        /**\n         * Иконка слева\n         * Если `ReactNode` применяются дефолтные стили для иконки\n         * Если `() => ReactNode` применяются только стили для позиционирование\n         */\n        leftIcon?: InputIconType;\n        /**\n         * Иконка справа\n         * Если `ReactNode` применяются дефолтные стили для иконки\n         * Если `() => ReactNode` применяются только стили для позиционирование\n         */\n        rightIcon?: InputIconType;\n        /**\n         * Состояние валидации при ошибке.\n         */\n        error?: boolean;\n        /**\n         * Состояние валидации при предупреждении.\n         */\n        warning?: boolean;\n        /** Режим прозрачной рамки */\n        borderless?: boolean;\n        /** Выравнивание текста */\n        align?: InputAlign;\n        /** Паттерн маски. Доступен для типов `text`, `password`, `email`, `tel`, `search`, `url` */\n        mask?: Nullable<string>;\n        /** Символ маски */\n        maskChar?: Nullable<string>;\n        /**\n         * Словарь символов-регулярок для задания маски\n         * @default { '9': '[0-9]', 'a': '[A-Za-z]', '*': '[A-Za-z0-9]' }\n         */\n        formatChars?: Record<string, string>;\n        /** Показывать символы маски */\n        alwaysShowMask?: boolean;\n        /** Размер */\n        size?: InputSize;\n        /** onValueChange */\n        onValueChange?: (value: string) => void;\n        /** Вызывается на label */\n        onMouseEnter?: React.MouseEventHandler<HTMLLabelElement>;\n        /** Вызывается на label */\n        onMouseLeave?: React.MouseEventHandler<HTMLLabelElement>;\n        /** Вызывается на label */\n        onMouseOver?: React.MouseEventHandler<HTMLLabelElement>;\n        /**\n         * Тип. Возможные значения: 'password' | 'text' | 'number' | 'tel' | 'search' | 'time' | 'date' | 'url' | 'email'\n         * */\n        type?: InputType;\n        /** Значение */\n        value?: string;\n        capture?: boolean;\n\n        /**\n         * Префикс\n         * `ReactNode` перед значением, но после иконки\n         */\n        prefix?: React.ReactNode;\n        /**\n         * Суффикс\n         * `ReactNode` после значения, но перед правой иконкой\n         */\n        suffix?: React.ReactNode;\n        /** Выделять введенное значение при фокусе. Работает с типами `text`, `password`, `tel`, `search`, `url`. [Документация](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange) */\n        selectAllOnFocus?: boolean;\n        /**\n         * Обработчик неправильного ввода.\n         * По-умолчанию, инпут вспыхивает синим.\n         * Если передан - вызывается переданный обработчик,\n         * в таком случае вспыхивание можно вызвать\n         * публичным методом инстанса `blink()`.\n         *\n         * @param value значение инпута.\n         */\n        onUnexpectedInput?: (value: string) => void;\n        /** @ignore */\n        corners?: Partial<\n          Pick<\n            React.CSSProperties,\n            'borderTopRightRadius' | 'borderBottomRightRadius' | 'borderBottomLeftRadius' | 'borderTopLeftRadius'\n          >\n        >;\n      }\n    > {}\n\nexport interface InputState {\n  blinking: boolean;\n  focused: boolean;\n  needsPolyfillPlaceholder: boolean;\n}\n\nexport const InputDataTids = {\n  root: 'Input__root',\n} as const;\n\ntype DefaultProps = Required<Pick<InputProps, 'size' | 'type'>>;\n\n/**\n * Интерфейс пропсов наследуется от `React.InputHTMLAttributes<HTMLInputElement>`.\n *  Все пропсы кроме перечисленных, `className` и `style` передаются в `<input>`\n */\n@rootNode\nexport class Input extends React.Component<InputProps, InputState> {\n  public static __KONTUR_REACT_UI__ = 'Input';\n\n  public static defaultProps: DefaultProps = {\n    size: 'small',\n    type: 'text',\n  };\n\n  private getProps = createPropsGetter(Input.defaultProps);\n\n  public state: InputState = {\n    needsPolyfillPlaceholder,\n    blinking: false,\n    focused: false,\n  };\n\n  private selectAllId: number | null = null;\n  private theme!: Theme;\n  private blinkTimeout = 0;\n  private input: HTMLInputElement | null = null;\n  private setRootNode!: TSetRootNode;\n\n  private outputMaskError() {\n    warning(!(this.props.mask && this.canBeUsedWithMask), maskErrorMessage(this.getProps().type));\n  }\n\n  public componentDidMount() {\n    this.outputMaskError();\n  }\n\n  public componentDidUpdate(prevProps: Readonly<InputProps>) {\n    if (this.props.type !== prevProps.type || this.props.mask !== prevProps.mask) {\n      this.outputMaskError();\n    }\n  }\n\n  public componentWillUnmount() {\n    if (this.blinkTimeout) {\n      clearTimeout(this.blinkTimeout);\n    }\n    this.cancelDelayedSelectAll();\n  }\n\n  /**\n   * @public\n   */\n  public focus() {\n    invariant(this.input, 'Cannot call \"focus\" because Input is not mounted');\n    this.input.focus();\n  }\n\n  /**\n   * @public\n   */\n  public blur() {\n    invariant(this.input, 'Cannot call \"blur\" because Input is not mounted');\n    this.input.blur();\n  }\n\n  /**\n   * @public\n   */\n  public getNode() {\n    return this.input;\n  }\n\n  /**\n   * @public\n   */\n  public blink() {\n    if (this.blinkTimeout) {\n      this.cancelBlink(() => {\n        // trigger reflow to restart animation\n        // @see https://css-tricks.com/restart-css-animation/#article-header-id-0\n        void (this.input && this.input.offsetWidth);\n        this.blink();\n      });\n      return;\n    }\n    this.setState({ blinking: true }, () => {\n      this.blinkTimeout = window.setTimeout(this.cancelBlink, 150);\n    });\n  }\n\n  /**\n   * @public\n   * @param {number} start\n   * @param {number} end\n   */\n  public setSelectionRange(start: number, end: number) {\n    // https://github.com/facebook/react/issues/7769\n    // https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange\n    if (!selectionAllowedTypes.includes(this.getProps().type)) {\n      warning(false, selectionErrorMessage(this.getProps().type));\n\n      return;\n    }\n\n    if (!this.input) {\n      throw new Error('Cannot call \"setSelectionRange\" on unmounted Input');\n    }\n\n    if (document.activeElement !== this.input) {\n      this.focus();\n    }\n    if (this.props.mask && this.props.value && this.props.value?.length < this.props.mask.length) {\n      setTimeout(() => {\n        this.input?.setSelectionRange(start, end);\n      }, 150);\n    } else {\n      this.input?.setSelectionRange(start, end);\n    }\n  }\n\n  public get isMaskVisible(): boolean {\n    const { mask, alwaysShowMask } = this.props;\n    const { focused } = this.state;\n    return Boolean(mask && (focused || alwaysShowMask));\n  }\n\n  public render(): JSX.Element {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return (\n            <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n              {this.renderMain}\n            </CommonWrapper>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private get canBeUsedWithMask() {\n    return maskForbiddenTypes.includes(this.getProps().type);\n  }\n\n  /**\n   * Работает с типами `text`, `password`, `tel`, `search`, `url`\n   * [Документация](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange)\n   * @public\n   */\n  public selectAll = (): void => {\n    if (this.input) {\n      this.setSelectionRange(0, this.input.value.length);\n    }\n  };\n\n  private delaySelectAll = (): number => (this.selectAllId = raf(this.selectAll));\n\n  private cancelDelayedSelectAll = (): void => {\n    if (this.selectAllId) {\n      raf.cancel(this.selectAllId);\n      this.selectAllId = null;\n    }\n  };\n\n  private cancelBlink = (callback?: () => void): void => {\n    if (this.blinkTimeout) {\n      clearTimeout(this.blinkTimeout);\n      this.blinkTimeout = 0;\n      if (this.state.blinking) {\n        this.setState({ blinking: false }, callback);\n        return;\n      }\n    }\n    if (callback) {\n      callback();\n    }\n  };\n\n  private renderMain = (props: CommonWrapperRestProps<InputProps>) => {\n    const {\n      onMouseEnter,\n      onMouseLeave,\n      onMouseOver,\n      onKeyDown,\n      onKeyPress,\n      onValueChange,\n      width,\n      error,\n      role,\n      warning,\n      leftIcon,\n      rightIcon,\n      borderless,\n      value,\n      align,\n      type,\n      mask,\n      maskChar,\n      alwaysShowMask,\n      size,\n      placeholder,\n      selectAllOnFocus,\n      disabled,\n      onUnexpectedInput,\n      prefix,\n      suffix,\n      formatChars,\n      corners,\n      'aria-describedby': ariaDescribedby,\n      'aria-controls': ariaControls,\n      'aria-label': ariaLabel,\n      ...rest\n    } = props;\n\n    const { blinking, focused } = this.state;\n\n    const labelProps = {\n      className: cx(styles.root(this.theme), this.getSizeClassName(), {\n        [styles.focus(this.theme)]: focused && !warning && !error,\n        [styles.hovering(this.theme)]: !focused && !disabled && !warning && !error && !borderless,\n        [styles.blink(this.theme)]: blinking,\n        [styles.borderless()]: borderless && !focused,\n        [styles.disabled(this.theme)]: disabled,\n        [styles.warning(this.theme)]: warning,\n        [styles.error(this.theme)]: error,\n        [styles.focusFallback(this.theme)]: focused && (isIE11 || isEdge),\n        [styles.warningFallback(this.theme)]: warning && (isIE11 || isEdge),\n        [styles.errorFallback(this.theme)]: error && (isIE11 || isEdge),\n      }),\n      'aria-controls': ariaControls,\n      style: { width, ...corners },\n      onMouseEnter,\n      onMouseLeave,\n      onMouseOver,\n    };\n\n    const inputProps = {\n      ...rest,\n      className: cx(styles.input(this.theme), {\n        [styles.inputFocus(this.theme)]: focused,\n        [styles.inputDisabled(this.theme)]: disabled,\n      }),\n      value,\n      role,\n      onChange: this.handleChange,\n      onFocus: this.handleFocus,\n      onKeyDown: this.handleKeyDown,\n      onKeyPress: this.handleKeyPress,\n      onBlur: this.handleBlur,\n      style: { textAlign: align },\n      ref: this.refInput,\n      type,\n      placeholder: !this.isMaskVisible && !needsPolyfillPlaceholder ? placeholder : undefined,\n      disabled,\n      'aria-describedby': ariaDescribedby,\n      'aria-label': ariaLabel,\n    };\n\n    const input =\n      mask && !this.canBeUsedWithMask\n        ? this.renderMaskedInput(inputProps, mask)\n        : React.createElement('input', inputProps);\n\n    if (isTheme2022(this.theme)) {\n      return (\n        <InputLayout\n          leftIcon={leftIcon}\n          rightIcon={rightIcon}\n          prefix={prefix}\n          suffix={suffix}\n          labelProps={labelProps}\n          context={{ disabled: Boolean(disabled), focused, size }}\n        >\n          {input}\n          {this.state.needsPolyfillPlaceholder && (\n            <PolyfillPlaceholder\n              isMaskVisible={this.isMaskVisible}\n              value={value}\n              defaultValue={this.props.defaultValue}\n              align={align}\n            >\n              {placeholder}\n            </PolyfillPlaceholder>\n          )}\n        </InputLayout>\n      );\n    }\n\n    return (\n      <label data-tid={InputDataTids.root} {...labelProps}>\n        <span className={styles.sideContainer()}>\n          {this.renderLeftIcon()}\n          {this.renderPrefix()}\n        </span>\n        <span className={styles.wrapper()}>\n          {input}\n          {this.renderPlaceholder()}\n        </span>\n        <span className={cx(styles.sideContainer(), styles.rightContainer())}>\n          {this.renderSuffix()}\n          {this.renderRightIcon()}\n        </span>\n      </label>\n    );\n  };\n\n  private renderMaskedInput(\n    inputProps: React.InputHTMLAttributes<HTMLInputElement> & {\n      capture?: boolean;\n    },\n    mask: string,\n  ) {\n    return (\n      <MaskedInput\n        {...inputProps}\n        mask={mask}\n        maskChar={this.props.maskChar}\n        alwaysShowMask={this.props.alwaysShowMask}\n        formatChars={this.props.formatChars}\n        onChange={this.props.onChange}\n        onValueChange={this.handleMaskedValueChange}\n        onUnexpectedInput={this.handleUnexpectedInput}\n      />\n    );\n  }\n\n  private getIconSizeClassname(right = false) {\n    switch (this.getProps().size) {\n      case 'large':\n        return right ? styles.rightIconLarge(this.theme) : styles.leftIconLarge(this.theme);\n      case 'medium':\n        return right ? styles.rightIconMedium(this.theme) : styles.leftIconMedium(this.theme);\n      case 'small':\n      default:\n        return right ? styles.rightIconSmall(this.theme) : styles.leftIconSmall(this.theme);\n    }\n  }\n\n  private renderLeftIcon() {\n    return this.renderIcon(this.props.leftIcon, this.getIconSizeClassname());\n  }\n\n  private renderRightIcon() {\n    return this.renderIcon(this.props.rightIcon, this.getIconSizeClassname(true));\n  }\n\n  private renderIcon(icon: InputIconType, sizeClassName: string) {\n    if (!icon) {\n      return null;\n    }\n    const { disabled } = this.props;\n    const iconNode = icon instanceof Function ? icon() : icon;\n\n    return (\n      <span\n        className={cx(styles.icon(), sizeClassName, styles.useDefaultColor(this.theme), {\n          [styles.iconFocus(this.theme)]: this.state.focused,\n          [styles.iconDisabled()]: disabled,\n        })}\n      >\n        {iconNode}\n      </span>\n    );\n  }\n\n  private renderPlaceholder() {\n    const { disabled } = this.props;\n    const { focused } = this.state;\n    let placeholder = null;\n\n    if (\n      this.state.needsPolyfillPlaceholder &&\n      this.props.placeholder &&\n      !this.isMaskVisible &&\n      !this.props.value &&\n      !this.props.defaultValue\n    ) {\n      placeholder = (\n        <div\n          className={cx(styles.placeholder(this.theme), {\n            [styles.placeholderDisabled(this.theme)]: disabled,\n            [styles.placeholderFocus(this.theme)]: focused,\n          })}\n          style={{ textAlign: this.props.align || 'inherit' }}\n        >\n          {this.props.placeholder}\n        </div>\n      );\n    }\n\n    return placeholder;\n  }\n\n  private getSizeClassName() {\n    switch (this.getProps().size) {\n      case 'large':\n        return cx({\n          [styles.sizeLarge(this.theme)]: true,\n          [styles.sizeLargeFallback(this.theme)]: isIE11 || isEdge,\n        });\n      case 'medium':\n        return cx({\n          [styles.sizeMedium(this.theme)]: true,\n          [styles.sizeMediumFallback(this.theme)]: isIE11 || isEdge,\n        });\n      case 'small':\n      default:\n        return cx({\n          [styles.sizeSmall(this.theme)]: true,\n          [styles.sizeSmallFallback(this.theme)]: isIE11 || isEdge,\n        });\n    }\n  }\n\n  private refInput = (element: HTMLInputElement | MaskedInput | null) => {\n    if (element instanceof MaskedInput) {\n      this.input = element.input;\n    } else {\n      this.input = element;\n    }\n  };\n\n  private handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    if (needsPolyfillPlaceholder) {\n      const fieldIsEmpty = event.target.value === '';\n      if (this.state.needsPolyfillPlaceholder !== fieldIsEmpty) {\n        this.setState({ needsPolyfillPlaceholder: fieldIsEmpty });\n      }\n    }\n\n    if (this.props.onValueChange) {\n      this.props.onValueChange(event.target.value);\n    }\n\n    if (this.props.onChange) {\n      this.props.onChange(event);\n    }\n  };\n\n  private handleFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n    this.setState({\n      focused: true,\n    });\n\n    if (this.props.selectAllOnFocus) {\n      this.input && !isIE11 ? this.selectAll() : this.delaySelectAll();\n    }\n\n    if (this.props.onFocus) {\n      this.props.onFocus(event);\n    }\n  };\n\n  private handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (this.props.onKeyDown) {\n      this.props.onKeyDown(e);\n    }\n\n    const isDeleteKey = someKeys(isKeyBackspace, isKeyDelete)(e);\n\n    if (!e.currentTarget.value && isDeleteKey && !e.repeat) {\n      this.handleUnexpectedInput();\n    }\n  };\n\n  private handleKeyPress = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    if (this.props.onKeyPress) {\n      this.props.onKeyPress(event);\n    }\n\n    if (this.props.maxLength === event.currentTarget.value.length) {\n      this.handleUnexpectedInput(event.currentTarget.value);\n    }\n  };\n\n  private handleMaskedValueChange = (value: string) => {\n    if (this.props.onValueChange) {\n      this.props.onValueChange(value);\n    }\n  };\n\n  private handleUnexpectedInput = (value: string = this.props.value || '') => {\n    if (this.props.onUnexpectedInput) {\n      this.props.onUnexpectedInput(value);\n    } else {\n      this.blink();\n    }\n  };\n\n  private handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n    this.setState({ focused: false });\n\n    if (this.props.onBlur) {\n      this.props.onBlur(event);\n    }\n  };\n\n  private renderPrefix = () => {\n    const { prefix, disabled } = this.props;\n\n    if (!prefix) {\n      return null;\n    }\n\n    return (\n      <span className={cx(styles.prefix(this.theme), { [styles.prefixDisabled(this.theme)]: disabled })}>{prefix}</span>\n    );\n  };\n\n  private renderSuffix = () => {\n    const { suffix, disabled } = this.props;\n\n    if (!suffix) {\n      return null;\n    }\n\n    return (\n      <span className={cx(styles.suffix(this.theme), { [styles.suffixDisabled(this.theme)]: disabled })}>{suffix}</span>\n    );\n  };\n}\n"]}
+{"version":3,"sources":["Input.tsx"],"names":["invariant","React","warning","globalObject","isEdge","isIE11","isKeyBackspace","isKeyDelete","someKeys","needsPolyfillPlaceholder","InternalMaskedInput","ThemeContext","CommonWrapper","cx","rootNode","createPropsGetter","isTheme2022","isFunction","styles","InputLayout","PolyfillPlaceholder","inputTypes","selectionAllowedTypes","selectionErrorMessage","type","allowedTypes","map","i","join","maskForbiddenTypes","maskAllowedTypes","filter","includes","maskErrorMessage","InputDataTids","root","Input","getProps","defaultProps","state","blinking","focused","selectAllId","input","selectAll","setSelectionRange","value","length","delaySelectAll","requestAnimationFrame","cancelDelayedSelectAll","cancelAnimationFrame","cancelBlink","callback","blinkTimeout","clearTimeout","setState","getInput","inputProps","props","element","cloneElement","mask","canBeUsedWithMask","renderMaskedInput","createElement","renderMain","onMouseEnter","onMouseLeave","onMouseOver","onKeyDown","onKeyPress","onValueChange","width","error","role","leftIcon","rightIcon","borderless","align","maskChar","alwaysShowMask","size","placeholder","selectAllOnFocus","disabled","onUnexpectedInput","prefix","suffix","formatChars","corners","ariaDescribedby","ariaControls","ariaLabel","rest","labelProps","className","theme","getSizeClassName","focus","hovering","blink","focusFallback","warningFallback","errorFallback","style","inputFocus","inputDisabled","onChange","handleChange","onFocus","handleFocus","handleKeyDown","handleKeyPress","onBlur","handleBlur","textAlign","ref","refInput","isMaskVisible","undefined","Boolean","defaultValue","sideContainer","renderLeftIcon","renderPrefix","wrapper","renderPlaceholder","rightContainer","renderSuffix","renderRightIcon","event","fieldIsEmpty","target","e","isDeleteKey","currentTarget","repeat","handleUnexpectedInput","maxLength","handleMaskedValueChange","prefixDisabled","suffixDisabled","outputMaskError","componentDidMount","componentDidUpdate","prevProps","componentWillUnmount","blur","getNode","offsetWidth","setTimeout","start","end","Error","document","activeElement","render","setRootNode","getIconSizeClassname","right","rightIconLarge","leftIconLarge","rightIconMedium","leftIconMedium","rightIconSmall","leftIconSmall","renderIcon","icon","sizeClassName","iconNode","useDefaultColor","iconFocus","iconDisabled","placeholderDisabled","placeholderFocus","sizeLarge","sizeLargeFallback","sizeMedium","sizeMediumFallback","sizeSmall","sizeSmallFallback","Component","__KONTUR_REACT_UI__","displayName"],"mappings":"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","sourcesContent":["// TODO: Enable this rule in functional components.\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport invariant from 'invariant';\nimport React, { AriaAttributes, ClassAttributes, HTMLAttributes, ReactElement } from 'react';\nimport warning from 'warning';\nimport { globalObject, SafeTimer } from '@skbkontur/global-object';\n\nimport { isEdge, isIE11 } from '../../lib/client';\nimport { isKeyBackspace, isKeyDelete, someKeys } from '../../lib/events/keyboard/identifiers';\nimport { needsPolyfillPlaceholder } from '../../lib/needsPolyfillPlaceholder';\nimport { Nullable, Override } from '../../typings/utility-types';\nimport { InternalMaskedInput } from '../../internal/InternalMaskedInput';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { isFunction } from '../../lib/utils';\nimport { SizeProp } from '../../lib/types/props';\n\nimport { InputElement, InputElementProps } from './Input.typings';\nimport { styles } from './Input.styles';\nimport { InputLayout } from './InputLayout/InputLayout';\nimport { PolyfillPlaceholder } from './InputLayout/PolyfillPlaceholder';\n\nexport const inputTypes = ['password', 'text', 'number', 'tel', 'search', 'time', 'date', 'url', 'email'] as const;\n\n/**\n * @deprecated use SizeProp\n */\nexport type InputSize = SizeProp;\nexport type InputAlign = 'left' | 'center' | 'right';\nexport type InputType = typeof inputTypes[number];\nexport type InputIconType = React.ReactNode | (() => React.ReactNode);\n\nexport const selectionAllowedTypes: InputType[] = ['text', 'password', 'tel', 'search', 'url'];\nexport const selectionErrorMessage = (type: InputType, allowedTypes: InputType[] = selectionAllowedTypes) => {\n  return `<Input />. Selection is not supported by the type \"${type}\". Types that support selection: ${allowedTypes\n    .map((i) => `\"${i}\"`)\n    .join(', ')}. Reason: https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange.`;\n};\n\nexport const maskForbiddenTypes: InputType[] = ['number', 'date', 'time'];\nexport const maskAllowedTypes: InputType[] = inputTypes.filter((type) => {\n  return !maskForbiddenTypes.includes(type);\n});\nexport const maskErrorMessage = (type: InputType, allowedTypes: InputType[] = maskAllowedTypes) => {\n  return `<Input />. Prop \"mask\" does not support type \"${type}\". Supported types: ${allowedTypes\n    .map((i) => `\"${i}\"`)\n    .join(', ')}.`;\n};\n\nexport interface InputProps\n  extends CommonProps,\n    Pick<HTMLAttributes<unknown>, 'role'>,\n    Pick<AriaAttributes, 'aria-describedby' | 'aria-controls' | 'aria-label'>,\n    Override<\n      React.InputHTMLAttributes<HTMLInputElement>,\n      {\n        /**\n         * Иконка слева\n         * Если `ReactNode` применяются дефолтные стили для иконки\n         * Если `() => ReactNode` применяются только стили для позиционирование\n         */\n        leftIcon?: InputIconType;\n        /**\n         * Иконка справа\n         * Если `ReactNode` применяются дефолтные стили для иконки\n         * Если `() => ReactNode` применяются только стили для позиционирование\n         */\n        rightIcon?: InputIconType;\n        /**\n         * Состояние валидации при ошибке.\n         */\n        error?: boolean;\n        /**\n         * Состояние валидации при предупреждении.\n         */\n        warning?: boolean;\n        /** Режим прозрачной рамки */\n        borderless?: boolean;\n        /** Выравнивание текста */\n        align?: InputAlign;\n        /**\n         * Паттерн маски. Доступен для типов `text`, `password`, `email`, `tel`, `search`, `url`\n         * @deprecated Со следующей мажорной версии Input перестанет поддерживать маску. Используйте MaskedInput\n         */\n        mask?: Nullable<string>;\n        /**\n         * Символ маски\n         * @deprecated Со следующей мажорной версии Input перестанет поддерживать маску. Используйте MaskedInput\n         */\n        maskChar?: Nullable<string>;\n        /**\n         * Словарь символов-регулярок для задания маски\n         * @deprecated Со следующей мажорной версии Input перестанет поддерживать маску. Используйте MaskedInput\n         * @default { '9': '[0-9]', 'a': '[A-Za-z]', '*': '[A-Za-z0-9]' }\n         */\n        formatChars?: Record<string, string>;\n        /**\n         * Показывать символы маски\n         * @deprecated Со следующей мажорной версии Input перестанет поддерживать маску. Используйте MaskedInput\n         */\n        alwaysShowMask?: boolean;\n        /** Размер */\n        size?: SizeProp;\n        /** onValueChange */\n        onValueChange?: (value: string) => void;\n        /** Вызывается на label */\n        onMouseEnter?: React.MouseEventHandler<HTMLLabelElement>;\n        /** Вызывается на label */\n        onMouseLeave?: React.MouseEventHandler<HTMLLabelElement>;\n        /** Вызывается на label */\n        onMouseOver?: React.MouseEventHandler<HTMLLabelElement>;\n        /**\n         * Тип. Возможные значения: 'password' | 'text' | 'number' | 'tel' | 'search' | 'time' | 'date' | 'url' | 'email'\n         * */\n        type?: InputType;\n        /** Значение */\n        value?: string;\n        capture?: boolean;\n\n        /**\n         * Префикс\n         * `ReactNode` перед значением, но после иконки\n         */\n        prefix?: React.ReactNode;\n        /**\n         * Суффикс\n         * `ReactNode` после значения, но перед правой иконкой\n         */\n        suffix?: React.ReactNode;\n        /** Выделять введенное значение при фокусе. Работает с типами `text`, `password`, `tel`, `search`, `url`. [Документация](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange) */\n        selectAllOnFocus?: boolean;\n        /**\n         * Обработчик неправильного ввода.\n         * По-умолчанию, инпут вспыхивает акцентным цветом.\n         * Если передан - вызывается переданный обработчик,\n         * в таком случае вспыхивание можно вызвать\n         * публичным методом инстанса `blink()`.\n         *\n         * @param value значение инпута.\n         */\n        onUnexpectedInput?: (value: string) => void;\n        /** @ignore */\n        corners?: Partial<\n          Pick<\n            React.CSSProperties,\n            'borderTopRightRadius' | 'borderBottomRightRadius' | 'borderBottomLeftRadius' | 'borderTopLeftRadius'\n          >\n        >;\n        /**\n         * Элемент заменяет нативный input.\n         * Должен иметь пропы `InputElementProps` и тип `InputElement`\n         * */\n        element?: ReactElement<InputElementProps>;\n      }\n    > {}\n\nexport interface InputState {\n  blinking: boolean;\n  focused: boolean;\n  needsPolyfillPlaceholder: boolean;\n}\n\nexport const InputDataTids = {\n  root: 'Input__root',\n} as const;\n\ntype DefaultProps = Required<Pick<InputProps, 'size' | 'type'>>;\n\n/**\n * Интерфейс пропсов наследуется от `React.InputHTMLAttributes<HTMLInputElement>`.\n *  Все пропсы кроме перечисленных, `className` и `style` передаются в `<input>`\n */\n@rootNode\nexport class Input extends React.Component<InputProps, InputState> {\n  public static __KONTUR_REACT_UI__ = 'Input';\n  public static displayName = 'Input';\n\n  public static defaultProps: DefaultProps = {\n    size: 'small',\n    type: 'text',\n  };\n\n  private getProps = createPropsGetter(Input.defaultProps);\n\n  public state: InputState = {\n    needsPolyfillPlaceholder,\n    blinking: false,\n    focused: false,\n  };\n\n  private selectAllId: number | null = null;\n  private theme!: Theme;\n  private blinkTimeout: SafeTimer;\n  private input: HTMLInputElement | null = null;\n  private setRootNode!: TSetRootNode;\n\n  private outputMaskError() {\n    warning(!(this.props.mask && this.canBeUsedWithMask), maskErrorMessage(this.getProps().type));\n  }\n\n  public componentDidMount() {\n    this.outputMaskError();\n  }\n\n  public componentDidUpdate(prevProps: Readonly<InputProps>) {\n    if (this.props.type !== prevProps.type || this.props.mask !== prevProps.mask) {\n      this.outputMaskError();\n    }\n  }\n\n  public componentWillUnmount() {\n    if (this.blinkTimeout) {\n      globalObject.clearTimeout(this.blinkTimeout);\n    }\n    this.cancelDelayedSelectAll();\n  }\n\n  /**\n   * @public\n   */\n  public focus() {\n    invariant(this.input, 'Cannot call \"focus\" because Input is not mounted');\n    this.input.focus();\n  }\n\n  /**\n   * @public\n   */\n  public blur() {\n    invariant(this.input, 'Cannot call \"blur\" because Input is not mounted');\n    this.input.blur();\n  }\n\n  /**\n   * @public\n   */\n  public getNode() {\n    return this.input;\n  }\n\n  /**\n   * @public\n   */\n  public blink() {\n    if (this.blinkTimeout) {\n      this.cancelBlink(() => {\n        // trigger reflow to restart animation\n        // @see https://css-tricks.com/restart-css-animation/#article-header-id-0\n        void (this.input && this.input.offsetWidth);\n        this.blink();\n      });\n      return;\n    }\n    this.setState({ blinking: true }, () => {\n      this.blinkTimeout = globalObject.setTimeout(this.cancelBlink, 150);\n    });\n  }\n\n  /**\n   * @public\n   * @param {number} start\n   * @param {number} end\n   */\n  public setSelectionRange(start: number, end: number) {\n    // https://github.com/facebook/react/issues/7769\n    // https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange\n    if (!selectionAllowedTypes.includes(this.getProps().type)) {\n      warning(false, selectionErrorMessage(this.getProps().type));\n\n      return;\n    }\n\n    if (!this.input) {\n      throw new Error('Cannot call \"setSelectionRange\" on unmounted Input');\n    }\n\n    if (globalObject.document?.activeElement !== this.input) {\n      this.focus();\n    }\n    if (this.props.mask && this.props.value && this.props.value?.length < this.props.mask.length) {\n      globalObject.setTimeout(() => {\n        this.input?.setSelectionRange(start, end);\n      }, 150);\n    } else {\n      this.input?.setSelectionRange(start, end);\n    }\n  }\n\n  public get isMaskVisible(): boolean {\n    const { mask, alwaysShowMask } = this.props;\n    const { focused } = this.state;\n    return Boolean(mask && (focused || alwaysShowMask));\n  }\n\n  public render(): JSX.Element {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return (\n            <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n              {this.renderMain}\n            </CommonWrapper>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private get canBeUsedWithMask() {\n    return maskForbiddenTypes.includes(this.getProps().type);\n  }\n\n  /**\n   * Работает с типами `text`, `password`, `tel`, `search`, `url`\n   * [Документация](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange)\n   * @public\n   */\n  public selectAll = (): void => {\n    if (this.input) {\n      this.setSelectionRange(0, this.input.value.length);\n    }\n  };\n\n  private delaySelectAll = (): number | null =>\n    (this.selectAllId = globalObject.requestAnimationFrame?.(this.selectAll) ?? null);\n\n  private cancelDelayedSelectAll = (): void => {\n    if (this.selectAllId) {\n      globalObject.cancelAnimationFrame?.(this.selectAllId);\n      this.selectAllId = null;\n    }\n  };\n\n  private cancelBlink = (callback?: () => void): void => {\n    if (this.blinkTimeout) {\n      globalObject.clearTimeout(this.blinkTimeout);\n      this.blinkTimeout = 0;\n      if (this.state.blinking) {\n        this.setState({ blinking: false }, callback);\n        return;\n      }\n    }\n    if (callback) {\n      callback();\n    }\n  };\n\n  private getInput = (inputProps: InputElementProps & ClassAttributes<HTMLInputElement>) => {\n    if (this.props.element) {\n      return React.cloneElement(this.props.element, inputProps);\n    }\n\n    return this.props.mask && !this.canBeUsedWithMask\n      ? this.renderMaskedInput(inputProps, this.props.mask)\n      : React.createElement('input', inputProps);\n  };\n\n  private renderMain = (props: CommonWrapperRestProps<InputProps>) => {\n    const {\n      onMouseEnter,\n      onMouseLeave,\n      onMouseOver,\n      onKeyDown,\n      onKeyPress,\n      onValueChange,\n      width,\n      error,\n      role,\n      warning,\n      leftIcon,\n      rightIcon,\n      borderless,\n      value,\n      align,\n      type,\n      mask,\n      maskChar,\n      alwaysShowMask,\n      size,\n      placeholder,\n      selectAllOnFocus,\n      disabled,\n      onUnexpectedInput,\n      prefix,\n      suffix,\n      formatChars,\n      corners,\n      'aria-describedby': ariaDescribedby,\n      'aria-controls': ariaControls,\n      'aria-label': ariaLabel,\n      element,\n      ...rest\n    } = props;\n\n    const { blinking, focused } = this.state;\n\n    const labelProps = {\n      className: cx(styles.root(this.theme), this.getSizeClassName(), {\n        [styles.focus(this.theme)]: focused && !warning && !error,\n        [styles.hovering(this.theme)]: !focused && !disabled && !warning && !error && !borderless,\n        [styles.blink(this.theme)]: blinking,\n        [styles.borderless()]: borderless && !focused,\n        [styles.disabled(this.theme)]: disabled,\n        [styles.warning(this.theme)]: warning,\n        [styles.error(this.theme)]: error,\n        [styles.focusFallback(this.theme)]: focused && (isIE11 || isEdge),\n        [styles.warningFallback(this.theme)]: warning && (isIE11 || isEdge),\n        [styles.errorFallback(this.theme)]: error && (isIE11 || isEdge),\n      }),\n      'aria-controls': ariaControls,\n      style: { width, ...corners },\n      onMouseEnter,\n      onMouseLeave,\n      onMouseOver,\n    };\n\n    const inputProps: InputElementProps & ClassAttributes<HTMLInputElement> = {\n      ...rest,\n      className: cx(styles.input(this.theme), {\n        [styles.inputFocus(this.theme)]: focused,\n        [styles.inputDisabled(this.theme)]: disabled,\n      }),\n      value,\n      role,\n      onChange: this.handleChange,\n      onFocus: this.handleFocus,\n      onKeyDown: this.handleKeyDown,\n      onKeyPress: this.handleKeyPress,\n      onBlur: this.handleBlur,\n      style: { textAlign: align },\n      ref: this.refInput,\n      type,\n      placeholder: !this.isMaskVisible && !needsPolyfillPlaceholder ? placeholder : undefined,\n      disabled,\n      'aria-describedby': ariaDescribedby,\n      'aria-label': ariaLabel,\n    };\n\n    const input = this.getInput(inputProps);\n\n    if (isTheme2022(this.theme)) {\n      return (\n        <InputLayout\n          leftIcon={leftIcon}\n          rightIcon={rightIcon}\n          prefix={prefix}\n          suffix={suffix}\n          labelProps={labelProps}\n          context={{ disabled: Boolean(disabled), focused, size }}\n        >\n          {input}\n          {this.state.needsPolyfillPlaceholder && (\n            <PolyfillPlaceholder\n              isMaskVisible={this.isMaskVisible}\n              value={value}\n              defaultValue={this.props.defaultValue}\n              align={align}\n            >\n              {placeholder}\n            </PolyfillPlaceholder>\n          )}\n        </InputLayout>\n      );\n    }\n\n    return (\n      <label data-tid={InputDataTids.root} {...labelProps}>\n        <span className={styles.sideContainer()}>\n          {this.renderLeftIcon()}\n          {this.renderPrefix()}\n        </span>\n        <span className={styles.wrapper()}>\n          {input}\n          {this.renderPlaceholder()}\n        </span>\n        <span className={cx(styles.sideContainer(), styles.rightContainer())}>\n          {this.renderSuffix()}\n          {this.renderRightIcon()}\n        </span>\n      </label>\n    );\n  };\n\n  private renderMaskedInput(inputProps: React.InputHTMLAttributes<HTMLInputElement>, mask: string) {\n    return (\n      <InternalMaskedInput\n        {...inputProps}\n        mask={mask}\n        maskChar={this.props.maskChar}\n        alwaysShowMask={this.props.alwaysShowMask}\n        formatChars={this.props.formatChars}\n        onChange={this.props.onChange}\n        onValueChange={this.handleMaskedValueChange}\n        onUnexpectedInput={this.handleUnexpectedInput}\n      />\n    );\n  }\n\n  private getIconSizeClassname(right = false) {\n    switch (this.getProps().size) {\n      case 'large':\n        return right ? styles.rightIconLarge(this.theme) : styles.leftIconLarge(this.theme);\n      case 'medium':\n        return right ? styles.rightIconMedium(this.theme) : styles.leftIconMedium(this.theme);\n      case 'small':\n      default:\n        return right ? styles.rightIconSmall(this.theme) : styles.leftIconSmall(this.theme);\n    }\n  }\n\n  private renderLeftIcon() {\n    return this.renderIcon(this.props.leftIcon, this.getIconSizeClassname());\n  }\n\n  private renderRightIcon() {\n    return this.renderIcon(this.props.rightIcon, this.getIconSizeClassname(true));\n  }\n\n  private renderIcon(icon: InputIconType, sizeClassName: string) {\n    if (!icon) {\n      return null;\n    }\n    const { disabled } = this.props;\n    const iconNode = isFunction(icon) ? icon() : icon;\n\n    return (\n      <span\n        className={cx(styles.icon(), sizeClassName, styles.useDefaultColor(this.theme), {\n          [styles.iconFocus(this.theme)]: this.state.focused,\n          [styles.iconDisabled()]: disabled,\n        })}\n      >\n        {iconNode}\n      </span>\n    );\n  }\n\n  private renderPlaceholder() {\n    const { disabled } = this.props;\n    const { focused } = this.state;\n    let placeholder = null;\n\n    if (\n      this.state.needsPolyfillPlaceholder &&\n      this.props.placeholder &&\n      !this.isMaskVisible &&\n      !this.props.value &&\n      !this.props.defaultValue\n    ) {\n      placeholder = (\n        <div\n          className={cx(styles.placeholder(this.theme), {\n            [styles.placeholderDisabled(this.theme)]: disabled,\n            [styles.placeholderFocus(this.theme)]: focused,\n          })}\n          style={{ textAlign: this.props.align || 'inherit' }}\n        >\n          {this.props.placeholder}\n        </div>\n      );\n    }\n\n    return placeholder;\n  }\n\n  private getSizeClassName() {\n    switch (this.getProps().size) {\n      case 'large':\n        return cx({\n          [styles.sizeLarge(this.theme)]: true,\n          [styles.sizeLargeFallback(this.theme)]: isIE11 || isEdge,\n        });\n      case 'medium':\n        return cx({\n          [styles.sizeMedium(this.theme)]: true,\n          [styles.sizeMediumFallback(this.theme)]: isIE11 || isEdge,\n        });\n      case 'small':\n      default:\n        return cx({\n          [styles.sizeSmall(this.theme)]: true,\n          [styles.sizeSmallFallback(this.theme)]: isIE11 || isEdge,\n        });\n    }\n  }\n\n  private refInput = (element: HTMLInputElement | InternalMaskedInput | InputElement | null) => {\n    if (element instanceof InternalMaskedInput || (element && 'input' in element)) {\n      this.input = element.input;\n    } else {\n      this.input = element;\n    }\n  };\n\n  private handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    if (needsPolyfillPlaceholder) {\n      const fieldIsEmpty = event.target.value === '';\n      if (this.state.needsPolyfillPlaceholder !== fieldIsEmpty) {\n        this.setState({ needsPolyfillPlaceholder: fieldIsEmpty });\n      }\n    }\n\n    if (this.props.onValueChange) {\n      this.props.onValueChange(event.target.value);\n    }\n\n    if (this.props.onChange) {\n      this.props.onChange(event);\n    }\n  };\n\n  private handleFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n    this.setState({\n      focused: true,\n    });\n\n    if (this.props.selectAllOnFocus) {\n      this.input && !isIE11 ? this.selectAll() : this.delaySelectAll();\n    }\n\n    if (this.props.onFocus) {\n      this.props.onFocus(event);\n    }\n  };\n\n  private handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (this.props.onKeyDown) {\n      this.props.onKeyDown(e);\n    }\n\n    const isDeleteKey = someKeys(isKeyBackspace, isKeyDelete)(e);\n\n    if (!e.currentTarget.value && isDeleteKey && !e.repeat) {\n      this.handleUnexpectedInput();\n    }\n  };\n\n  private handleKeyPress = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    if (this.props.onKeyPress) {\n      this.props.onKeyPress(event);\n    }\n\n    if (this.props.maxLength === event.currentTarget.value.length) {\n      this.handleUnexpectedInput(event.currentTarget.value);\n    }\n  };\n\n  private handleMaskedValueChange = (value: string) => {\n    if (this.props.onValueChange) {\n      this.props.onValueChange(value);\n    }\n  };\n\n  private handleUnexpectedInput = (value: string = this.props.value || '') => {\n    if (this.props.onUnexpectedInput) {\n      this.props.onUnexpectedInput(value);\n    } else {\n      this.blink();\n    }\n  };\n\n  private handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n    this.setState({ focused: false });\n\n    if (this.props.onBlur) {\n      this.props.onBlur(event);\n    }\n  };\n\n  private renderPrefix = () => {\n    const { prefix, disabled } = this.props;\n\n    if (!prefix) {\n      return null;\n    }\n\n    return (\n      <span className={cx(styles.prefix(this.theme), { [styles.prefixDisabled(this.theme)]: disabled })}>{prefix}</span>\n    );\n  };\n\n  private renderSuffix = () => {\n    const { suffix, disabled } = this.props;\n\n    if (!suffix) {\n      return null;\n    }\n\n    return (\n      <span className={cx(styles.suffix(this.theme), { [styles.suffixDisabled(this.theme)]: disabled })}>{suffix}</span>\n    );\n  };\n}\n"]}

package/components/Input/Input.d.ts

@@ -1,8 +1,13 @@
-import React, { AriaAttributes, HTMLAttributes } from 'react';
+import React, { AriaAttributes, HTMLAttributes, ReactElement } from 'react';
 import { Nullable, Override } from '../../typings/utility-types';
 import { CommonProps } from '../../internal/CommonWrapper';
+import { SizeProp } from '../../lib/types/props';
+import { InputElementProps } from './Input.typings';
 export declare const inputTypes: readonly ["password", "text", "number", "tel", "search", "time", "date", "url", "email"];
-export declare type InputSize = 'small' | 'medium' | 'large';
+/**
+ * @deprecated use SizeProp
+ */
+export declare type InputSize = SizeProp;
 export declare type InputAlign = 'left' | 'center' | 'right';
 export declare type InputType = typeof inputTypes[number];
 export declare type InputIconType = React.ReactNode | (() => React.ReactNode);
@@ -36,19 +41,29 @@ export interface InputProps extends CommonProps, Pick<HTMLAttributes<unknown>, '
     borderless?: boolean;
     /** Выравнивание текста */
     align?: InputAlign;
-    /** Паттерн маски. Доступен для типов `text`, `password`, `email`, `tel`, `search`, `url` */
+    /**
+     * Паттерн маски. Доступен для типов `text`, `password`, `email`, `tel`, `search`, `url`
+     * @deprecated Со следующей мажорной версии Input перестанет поддерживать маску. Используйте MaskedInput
+     */
     mask?: Nullable<string>;
-    /** Символ маски */
+    /**
+     * Символ маски
+     * @deprecated Со следующей мажорной версии Input перестанет поддерживать маску. Используйте MaskedInput
+     */
     maskChar?: Nullable<string>;
     /**
      * Словарь символов-регулярок для задания маски
+     * @deprecated Со следующей мажорной версии Input перестанет поддерживать маску. Используйте MaskedInput
      * @default { '9': '[0-9]', 'a': '[A-Za-z]', '*': '[A-Za-z0-9]' }
      */
     formatChars?: Record<string, string>;
-    /** Показывать символы маски */
+    /**
+     * Показывать символы маски
+     * @deprecated Со следующей мажорной версии Input перестанет поддерживать маску. Используйте MaskedInput
+     */
     alwaysShowMask?: boolean;
     /** Размер */
-    size?: InputSize;
+    size?: SizeProp;
     /** onValueChange */
     onValueChange?: (value: string) => void;
     /** Вызывается на label */
@@ -78,7 +93,7 @@ export interface InputProps extends CommonProps, Pick<HTMLAttributes<unknown>, '
     selectAllOnFocus?: boolean;
     /**
      * Обработчик неправильного ввода.
-     * По-умолчанию, инпут вспыхивает синим.
+     * По-умолчанию, инпут вспыхивает акцентным цветом.
      * Если передан - вызывается переданный обработчик,
      * в таком случае вспыхивание можно вызвать
      * публичным методом инстанса `blink()`.
@@ -88,6 +103,11 @@ export interface InputProps extends CommonProps, Pick<HTMLAttributes<unknown>, '
     onUnexpectedInput?: (value: string) => void;
     /** @ignore */
     corners?: Partial<Pick<React.CSSProperties, 'borderTopRightRadius' | 'borderBottomRightRadius' | 'borderBottomLeftRadius' | 'borderTopLeftRadius'>>;
+    /**
+     * Элемент заменяет нативный input.
+     * Должен иметь пропы `InputElementProps` и тип `InputElement`
+     * */
+    element?: ReactElement<InputElementProps>;
 }> {
 }
 export interface InputState {
@@ -105,6 +125,7 @@ declare type DefaultProps = Required<Pick<InputProps, 'size' | 'type'>>;
  */
 export declare class Input extends React.Component<InputProps, InputState> {
     static __KONTUR_REACT_UI__: string;
+    static displayName: string;
     static defaultProps: DefaultProps;
     private getProps;
     state: InputState;
@@ -151,6 +172,7 @@ export declare class Input extends React.Component<InputProps, InputState> {
     private delaySelectAll;
     private cancelDelayedSelectAll;
     private cancelBlink;
+    private getInput;
     private renderMain;
     private renderMaskedInput;
     private getIconSizeClassname;

package/components/Input/Input.typings/Input.typings.js

@@ -0,0 +1 @@
+export {};

package/components/Input/Input.typings/Input.typings.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}