@skbkontur/react-ui 5.6.8 → 5.6.9-5e213.0

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

@@ -1,23 +1,23 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 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    "])));
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      padding-right: 10px;\n    "])));
   },
   absolute: function absolute() {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      top: 0;\n    "])));
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\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    "])));
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\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    "])));
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      user-select: text;\n      -ms-user-select: element;\n    "])));
   },
   userSelectNone: function userSelectNone() {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      user-select: none;\n    "])));
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      user-select: none;\n    "])));
   },
   rightSide: function rightSide() {
-    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      padding-left: 0;\n      visibility: visible;\n    "])));
+    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\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":["css","memoizeStyle","styles","root","_templateObject","_taggedTemplateLiteral","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":"oMAAA,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,sBAAA;;;EAGZ,CAAC;;EAEDC,QAAQ,WAAAA,SAAA,EAAG;IACT,OAAON,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAF,sBAAA;;;;EAIZ,CAAC;;EAEDG,gBAAgB,WAAAA,iBAAA,EAAG;IACjB,OAAOR,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAJ,sBAAA;;;;;EAKZ,CAAC;;EAEDK,iBAAiB,WAAAA,kBAAA,EAAG;IAClB,OAAOV,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAN,sBAAA;;;;EAIZ,CAAC;;EAEDO,cAAc,WAAAA,eAAA,EAAG;IACf,OAAOZ,GAAG,CAAAa,gBAAA,KAAAA,gBAAA,GAAAR,sBAAA;;;EAGZ,CAAC;;EAEDS,SAAS,WAAAA,UAAA,EAAG;IACV,OAAOd,GAAG,CAAAe,gBAAA,KAAAA,gBAAA,GAAAV,sBAAA;;;;EAIZ;AACF,CAAC,CAAC","ignoreList":[]}

package/internal/InternalMaskedInput/InternalMaskedInput/InternalMaskedInput.js

@@ -1,7 +1,16 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _isNativeReflectConstruct from "@babel/runtime/helpers/esm/isNativeReflectConstruct";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
 var _excluded = ["maskChar", "alwaysShowMask", "hasLeftIcon", "hasRightIcon", "maxLength", "onValueChange", "onUnexpectedInput", "defaultValue", "style"];
+function _callSuper(t, o, e) {
+  return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
+}
 import React from 'react';
 import ReactInputMask from 'react-input-mask';
 import { isNonNullable } from "../../../lib/utils";
@@ -20,7 +29,8 @@ export var MaskedInputDataTids = {
 export var InternalMaskedInput = /*#__PURE__*/function (_React$PureComponent) {
   function InternalMaskedInput(_props) {
     var _this;
-    _this = _React$PureComponent.call(this, _props) || this;
+    _classCallCheck(this, InternalMaskedInput);
+    _this = _callSuper(this, InternalMaskedInput, [_props]);
     _this.getProps = createPropsGetter(InternalMaskedInput.defaultProps);
     _this.input = null;
     _this.reactInputMask = null;
@@ -112,77 +122,84 @@ export var InternalMaskedInput = /*#__PURE__*/function (_React$PureComponent) {
     };
     return _this;
   }
-  _inheritsLoose(InternalMaskedInput, _React$PureComponent);
-  var _proto = InternalMaskedInput.prototype;
-  _proto.componentDidMount = function componentDidMount() {
-    if (this.reactInputMask) {
-      // FIXME: принудительно вызываем beforeMaskedValueChange, чтобы получить emptyValue
-      this.reactInputMask.forceUpdate();
+  _inherits(InternalMaskedInput, _React$PureComponent);
+  return _createClass(InternalMaskedInput, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      if (this.reactInputMask) {
+        // FIXME: принудительно вызываем beforeMaskedValueChange, чтобы получить emptyValue
+        this.reactInputMask.forceUpdate();
+      }
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      if (this.props.value !== prevProps.value) {
+        this.setState({
+          value: this.props.value ? this.props.value.toString() : ''
+        });
+      }
     }
-  };
-  _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
-    if (this.props.value !== prevProps.value) {
-      this.setState({
-        value: this.props.value ? this.props.value.toString() : ''
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+        _this2.theme = theme;
+        return _this2.renderMain();
       });
     }
-  };
-  _proto.render = function render() {
-    var _this2 = this;
-    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
-      _this2.theme = theme;
-      return _this2.renderMain();
-    });
-  };
-  _proto.renderMain = function renderMain() {
-    var _this$props = this.props,
-      maskChar = _this$props.maskChar,
-      alwaysShowMask = _this$props.alwaysShowMask,
-      hasLeftIcon = _this$props.hasLeftIcon,
-      hasRightIcon = _this$props.hasRightIcon,
-      maxLength = _this$props.maxLength,
-      onValueChange = _this$props.onValueChange,
-      onUnexpectedInput = _this$props.onUnexpectedInput,
-      defaultValue = _this$props.defaultValue,
-      style = _this$props.style,
-      inputProps = _objectWithoutPropertiesLoose(_this$props, _excluded);
-    var _this$state = this.state,
-      emptyValue = _this$state.emptyValue,
-      value = _this$state.value,
-      originValue = _this$state.originValue;
-    var leftHelper = (style == null ? void 0 : style.textAlign) !== 'right' && /*#__PURE__*/React.createElement("span", {
-      style: {
-        color: 'transparent'
-      }
-    }, emptyValue.slice(0, originValue.length));
-    var leftClass = (style == null ? void 0 : style.textAlign) !== 'right' && styles.inputMaskLeft();
-    var rightHelper = emptyValue.slice(originValue.length).split('').map(function (_char, i) {
-      return _char === '_' ? /*#__PURE__*/React.createElement(MaskCharLowLine, {
-        key: i
-      }) : _char;
-    });
-    return /*#__PURE__*/React.createElement("span", {
-      "data-tid": MaskedInputDataTids.root,
-      className: styles.container(),
-      "x-ms-format-detection": "none"
-    }, /*#__PURE__*/React.createElement(ReactInputMask, _extends({}, inputProps, {
-      maskChar: null // @ts-expect-error InternalMaskedInput will be deleted in 5.0
-      ,
-      beforeMaskedValueChange: this.preprocess,
-      alwaysShowMask: false,
-      onChange: this.handleChange,
-      onFocus: this.handleFocus,
-      onBlur: this.handleBlur,
-      value: value,
-      inputRef: this.refInput,
-      ref: this.refMaskedInput,
-      style: _extends({}, style)
-    })), this.isMaskVisible() && /*#__PURE__*/React.createElement("span", {
-      className: cx(styles.inputMask(this.theme), leftClass),
-      translate: "no"
-    }, leftHelper, rightHelper));
-  };
-  return InternalMaskedInput;
+  }, {
+    key: "renderMain",
+    value: function renderMain() {
+      var _this$props = this.props,
+        maskChar = _this$props.maskChar,
+        alwaysShowMask = _this$props.alwaysShowMask,
+        hasLeftIcon = _this$props.hasLeftIcon,
+        hasRightIcon = _this$props.hasRightIcon,
+        maxLength = _this$props.maxLength,
+        onValueChange = _this$props.onValueChange,
+        onUnexpectedInput = _this$props.onUnexpectedInput,
+        defaultValue = _this$props.defaultValue,
+        style = _this$props.style,
+        inputProps = _objectWithoutProperties(_this$props, _excluded);
+      var _this$state = this.state,
+        emptyValue = _this$state.emptyValue,
+        value = _this$state.value,
+        originValue = _this$state.originValue;
+      var leftHelper = (style === null || style === void 0 ? void 0 : style.textAlign) !== 'right' && /*#__PURE__*/React.createElement("span", {
+        style: {
+          color: 'transparent'
+        }
+      }, emptyValue.slice(0, originValue.length));
+      var leftClass = (style === null || style === void 0 ? void 0 : style.textAlign) !== 'right' && styles.inputMaskLeft();
+      var rightHelper = emptyValue.slice(originValue.length).split('').map(function (_char, i) {
+        return _char === '_' ? /*#__PURE__*/React.createElement(MaskCharLowLine, {
+          key: i
+        }) : _char;
+      });
+      return /*#__PURE__*/React.createElement("span", {
+        "data-tid": MaskedInputDataTids.root,
+        className: styles.container(),
+        "x-ms-format-detection": "none"
+      }, /*#__PURE__*/React.createElement(ReactInputMask, _extends({}, inputProps, {
+        maskChar: null // @ts-expect-error InternalMaskedInput will be deleted in 5.0
+        ,
+        beforeMaskedValueChange: this.preprocess,
+        alwaysShowMask: false,
+        onChange: this.handleChange,
+        onFocus: this.handleFocus,
+        onBlur: this.handleBlur,
+        value: value,
+        inputRef: this.refInput,
+        ref: this.refMaskedInput,
+        style: _objectSpread({}, style)
+      })), this.isMaskVisible() && /*#__PURE__*/React.createElement("span", {
+        className: cx(styles.inputMask(this.theme), leftClass),
+        translate: "no"
+      }, leftHelper, rightHelper));
+    }
+  }]);
 }(React.PureComponent);
 InternalMaskedInput.__KONTUR_REACT_UI__ = 'InternalMaskedInput';
 InternalMaskedInput.displayName = 'InternalMaskedInput';

package/internal/InternalMaskedInput/InternalMaskedInput/InternalMaskedInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ReactInputMask","isNonNullable","ThemeContext","MaskCharLowLine","cx","createPropsGetter","styles","MaskedInputDataTids","root","InternalMaskedInput","_React$PureComponent","props","_this","call","getProps","defaultProps","input","reactInputMask","getValue","value","toString","defaultValue","refInput","refMaskedInput","handleChange","event","target","state","handleUnexpectedInput","setState","originValue","onValueChange","onChange","handleFocus","focused","onFocus","handleBlur","onBlur","preprocess","newState","oldState","userInput","options","visibleMaskChars","Array","mask","length","fill","maskChar","split","forEach","char","index","permanents","includes","emptyValue","join","isMaskVisible","alwaysShowMask","onUnexpectedInput","_inheritsLoose","_proto","prototype","componentDidMount","forceUpdate","componentDidUpdate","prevProps","render","_this2","createElement","Consumer","theme","renderMain","_this$props","hasLeftIcon","hasRightIcon","maxLength","style","inputProps","_objectWithoutPropertiesLoose","_excluded","_this$state","leftHelper","textAlign","color","slice","leftClass","inputMaskLeft","rightHelper","map","_char","i","key","className","container","_extends","beforeMaskedValueChange","inputRef","ref","inputMask","translate","PureComponent","__KONTUR_REACT_UI__","displayName"],"sources":["InternalMaskedInput.tsx"],"sourcesContent":["import React from 'react';\nimport type { InputState } from 'react-input-mask';\nimport ReactInputMask from 'react-input-mask';\n\nimport { isNonNullable } from '../../lib/utils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { MaskCharLowLine } from '../MaskCharLowLine';\nimport { cx } from '../../lib/theming/Emotion';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { styles } from './InternalMaskedInput.styles';\n\nexport interface InternalMaskedInputProps extends React.InputHTMLAttributes<HTMLInputElement> {\n  mask: string;\n  maskChar?: string | null;\n  formatChars?: { [key: string]: string };\n  alwaysShowMask?: boolean;\n  hasLeftIcon?: boolean;\n  hasRightIcon?: boolean;\n  onUnexpectedInput?: (value: string) => void;\n  onValueChange?: (value: string) => void;\n}\n\ninterface MaskedInputState {\n  value: string;\n\n  // Users can unmask value themselves. In these cases we take origin value length\n  originValue: string;\n\n  emptyValue: string;\n  focused: boolean;\n}\n\ntype DefaultProps = Required<Pick<InternalMaskedInputProps, 'maskChar'>>;\n\nexport const MaskedInputDataTids = {\n  root: 'MaskedInput__root',\n} as const;\n\n/** @deprecated Со следующей мажорной версии Input перестанет поддерживать маску.\n * todo: выпилить в 5 версии библиотеки.\n * */\nexport class InternalMaskedInput extends React.PureComponent<InternalMaskedInputProps, MaskedInputState> {\n  public static __KONTUR_REACT_UI__ = 'InternalMaskedInput';\n  public static displayName = 'InternalMaskedInput';\n\n  public static defaultProps: DefaultProps = {\n    maskChar: '_',\n  };\n\n  private getProps = createPropsGetter(InternalMaskedInput.defaultProps);\n\n  public input: HTMLInputElement | null = null;\n  private theme!: Theme;\n  private reactInputMask: ReactInputMask | null = null;\n\n  public constructor(props: InternalMaskedInputProps) {\n    super(props);\n\n    this.state = {\n      value: this.getValue(props),\n      originValue: this.getValue(props),\n      emptyValue: '',\n      focused: false,\n    };\n  }\n\n  public componentDidMount() {\n    if (this.reactInputMask) {\n      // FIXME: принудительно вызываем beforeMaskedValueChange, чтобы получить emptyValue\n      this.reactInputMask.forceUpdate();\n    }\n  }\n\n  public componentDidUpdate(prevProps: InternalMaskedInputProps) {\n    if (this.props.value !== prevProps.value) {\n      this.setState({\n        value: this.props.value ? this.props.value.toString() : '',\n      });\n    }\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const {\n      maskChar,\n      alwaysShowMask,\n      hasLeftIcon,\n      hasRightIcon,\n      maxLength,\n      onValueChange,\n      onUnexpectedInput,\n      defaultValue,\n      style,\n      ...inputProps\n    } = this.props;\n    const { emptyValue, value, originValue } = this.state;\n\n    const leftHelper = style?.textAlign !== 'right' && (\n      <span style={{ color: 'transparent' }}>{emptyValue.slice(0, originValue.length)}</span>\n    );\n    const leftClass = style?.textAlign !== 'right' && styles.inputMaskLeft();\n\n    const rightHelper = emptyValue\n      .slice(originValue.length)\n      .split('')\n      .map((_char, i) => (_char === '_' ? <MaskCharLowLine key={i} /> : _char));\n\n    return (\n      <span data-tid={MaskedInputDataTids.root} className={styles.container()} x-ms-format-detection=\"none\">\n        <ReactInputMask\n          {...inputProps}\n          maskChar={null}\n          // @ts-expect-error InternalMaskedInput will be deleted in 5.0\n          beforeMaskedValueChange={this.preprocess}\n          alwaysShowMask={false}\n          onChange={this.handleChange}\n          onFocus={this.handleFocus}\n          onBlur={this.handleBlur}\n          value={value}\n          inputRef={this.refInput}\n          ref={this.refMaskedInput}\n          style={{ ...style }}\n        />\n        {this.isMaskVisible() && (\n          <span className={cx(styles.inputMask(this.theme), leftClass)} translate=\"no\">\n            {leftHelper}\n            {rightHelper}\n          </span>\n        )}\n      </span>\n    );\n  }\n\n  private getValue = (props: InternalMaskedInputProps): string => {\n    if (isNonNullable(props.value)) {\n      return props.value.toString();\n    }\n\n    if (isNonNullable(props.defaultValue)) {\n      return props.defaultValue.toString();\n    }\n\n    return '';\n  };\n\n  private refInput = (input: HTMLInputElement | null) => {\n    this.input = input;\n  };\n\n  private refMaskedInput = (reactInputMask: ReactInputMask) => {\n    this.reactInputMask = reactInputMask;\n  };\n\n  private handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    if (event.target.value === this.state.value) {\n      this.handleUnexpectedInput();\n    } else {\n      this.setState({ value: event.target.value, originValue: event.target.value });\n      if (this.props.onValueChange) {\n        this.props.onValueChange(event.target.value);\n      }\n      if (this.props.onChange) {\n        this.props.onChange(event);\n      }\n    }\n  };\n\n  private handleFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n    this.setState({ focused: true });\n\n    if (this.props.onFocus) {\n      this.props.onFocus(event);\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 preprocess = (\n    newState: InputState,\n    oldState: InputState,\n    userInput: string,\n    options: Pick<InternalMaskedInputProps, 'mask'>,\n  ) => {\n    const visibleMaskChars = new Array(options.mask.length).fill(this.getProps().maskChar);\n\n    if (newState.value !== oldState.value && userInput === null) {\n      this.setState({\n        value: newState.value,\n        originValue: newState.value,\n      });\n    }\n\n    options.mask.split('').forEach((char: string, index: number) => {\n      // @ts-expect-error InternalMaskedInput will be deleted in 5.0\n      if (options.permanents.includes(index)) {\n        visibleMaskChars[index] = char;\n      }\n\n      if (newState.value[index]) {\n        visibleMaskChars[index] = newState.value[index];\n      }\n    });\n\n    const emptyValue = visibleMaskChars.join('');\n\n    if (this.state.emptyValue !== emptyValue) {\n      this.setState({\n        emptyValue,\n      });\n    }\n\n    return newState;\n  };\n\n  private isMaskVisible = () => this.props.alwaysShowMask || this.state.focused;\n\n  private handleUnexpectedInput = () => {\n    if (this.props.onUnexpectedInput) {\n      this.props.onUnexpectedInput(this.state.value);\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","ReactInputMask","isNonNullable","ThemeContext","MaskCharLowLine","cx","createPropsGetter","styles","MaskedInputDataTids","root","InternalMaskedInput","_React$PureComponent","props","_this","_classCallCheck","_callSuper","getProps","defaultProps","input","reactInputMask","getValue","value","toString","defaultValue","refInput","refMaskedInput","handleChange","event","target","state","handleUnexpectedInput","setState","originValue","onValueChange","onChange","handleFocus","focused","onFocus","handleBlur","onBlur","preprocess","newState","oldState","userInput","options","visibleMaskChars","Array","mask","length","fill","maskChar","split","forEach","char","index","permanents","includes","emptyValue","join","isMaskVisible","alwaysShowMask","onUnexpectedInput","_inherits","_createClass","key","componentDidMount","forceUpdate","componentDidUpdate","prevProps","render","_this2","createElement","Consumer","theme","renderMain","_this$props","hasLeftIcon","hasRightIcon","maxLength","style","inputProps","_objectWithoutProperties","_excluded","_this$state","leftHelper","textAlign","color","slice","leftClass","inputMaskLeft","rightHelper","map","_char","i","className","container","_extends","beforeMaskedValueChange","inputRef","ref","_objectSpread","inputMask","translate","PureComponent","__KONTUR_REACT_UI__","displayName"],"sources":["InternalMaskedInput.tsx"],"sourcesContent":["import React from 'react';\nimport type { InputState } from 'react-input-mask';\nimport ReactInputMask from 'react-input-mask';\n\nimport { isNonNullable } from '../../lib/utils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { MaskCharLowLine } from '../MaskCharLowLine';\nimport { cx } from '../../lib/theming/Emotion';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { styles } from './InternalMaskedInput.styles';\n\nexport interface InternalMaskedInputProps extends React.InputHTMLAttributes<HTMLInputElement> {\n  mask: string;\n  maskChar?: string | null;\n  formatChars?: { [key: string]: string };\n  alwaysShowMask?: boolean;\n  hasLeftIcon?: boolean;\n  hasRightIcon?: boolean;\n  onUnexpectedInput?: (value: string) => void;\n  onValueChange?: (value: string) => void;\n}\n\ninterface MaskedInputState {\n  value: string;\n\n  // Users can unmask value themselves. In these cases we take origin value length\n  originValue: string;\n\n  emptyValue: string;\n  focused: boolean;\n}\n\ntype DefaultProps = Required<Pick<InternalMaskedInputProps, 'maskChar'>>;\n\nexport const MaskedInputDataTids = {\n  root: 'MaskedInput__root',\n} as const;\n\n/** @deprecated Со следующей мажорной версии Input перестанет поддерживать маску.\n * todo: выпилить в 5 версии библиотеки.\n * */\nexport class InternalMaskedInput extends React.PureComponent<InternalMaskedInputProps, MaskedInputState> {\n  public static __KONTUR_REACT_UI__ = 'InternalMaskedInput';\n  public static displayName = 'InternalMaskedInput';\n\n  public static defaultProps: DefaultProps = {\n    maskChar: '_',\n  };\n\n  private getProps = createPropsGetter(InternalMaskedInput.defaultProps);\n\n  public input: HTMLInputElement | null = null;\n  private theme!: Theme;\n  private reactInputMask: ReactInputMask | null = null;\n\n  public constructor(props: InternalMaskedInputProps) {\n    super(props);\n\n    this.state = {\n      value: this.getValue(props),\n      originValue: this.getValue(props),\n      emptyValue: '',\n      focused: false,\n    };\n  }\n\n  public componentDidMount() {\n    if (this.reactInputMask) {\n      // FIXME: принудительно вызываем beforeMaskedValueChange, чтобы получить emptyValue\n      this.reactInputMask.forceUpdate();\n    }\n  }\n\n  public componentDidUpdate(prevProps: InternalMaskedInputProps) {\n    if (this.props.value !== prevProps.value) {\n      this.setState({\n        value: this.props.value ? this.props.value.toString() : '',\n      });\n    }\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const {\n      maskChar,\n      alwaysShowMask,\n      hasLeftIcon,\n      hasRightIcon,\n      maxLength,\n      onValueChange,\n      onUnexpectedInput,\n      defaultValue,\n      style,\n      ...inputProps\n    } = this.props;\n    const { emptyValue, value, originValue } = this.state;\n\n    const leftHelper = style?.textAlign !== 'right' && (\n      <span style={{ color: 'transparent' }}>{emptyValue.slice(0, originValue.length)}</span>\n    );\n    const leftClass = style?.textAlign !== 'right' && styles.inputMaskLeft();\n\n    const rightHelper = emptyValue\n      .slice(originValue.length)\n      .split('')\n      .map((_char, i) => (_char === '_' ? <MaskCharLowLine key={i} /> : _char));\n\n    return (\n      <span data-tid={MaskedInputDataTids.root} className={styles.container()} x-ms-format-detection=\"none\">\n        <ReactInputMask\n          {...inputProps}\n          maskChar={null}\n          // @ts-expect-error InternalMaskedInput will be deleted in 5.0\n          beforeMaskedValueChange={this.preprocess}\n          alwaysShowMask={false}\n          onChange={this.handleChange}\n          onFocus={this.handleFocus}\n          onBlur={this.handleBlur}\n          value={value}\n          inputRef={this.refInput}\n          ref={this.refMaskedInput}\n          style={{ ...style }}\n        />\n        {this.isMaskVisible() && (\n          <span className={cx(styles.inputMask(this.theme), leftClass)} translate=\"no\">\n            {leftHelper}\n            {rightHelper}\n          </span>\n        )}\n      </span>\n    );\n  }\n\n  private getValue = (props: InternalMaskedInputProps): string => {\n    if (isNonNullable(props.value)) {\n      return props.value.toString();\n    }\n\n    if (isNonNullable(props.defaultValue)) {\n      return props.defaultValue.toString();\n    }\n\n    return '';\n  };\n\n  private refInput = (input: HTMLInputElement | null) => {\n    this.input = input;\n  };\n\n  private refMaskedInput = (reactInputMask: ReactInputMask) => {\n    this.reactInputMask = reactInputMask;\n  };\n\n  private handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    if (event.target.value === this.state.value) {\n      this.handleUnexpectedInput();\n    } else {\n      this.setState({ value: event.target.value, originValue: event.target.value });\n      if (this.props.onValueChange) {\n        this.props.onValueChange(event.target.value);\n      }\n      if (this.props.onChange) {\n        this.props.onChange(event);\n      }\n    }\n  };\n\n  private handleFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n    this.setState({ focused: true });\n\n    if (this.props.onFocus) {\n      this.props.onFocus(event);\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 preprocess = (\n    newState: InputState,\n    oldState: InputState,\n    userInput: string,\n    options: Pick<InternalMaskedInputProps, 'mask'>,\n  ) => {\n    const visibleMaskChars = new Array(options.mask.length).fill(this.getProps().maskChar);\n\n    if (newState.value !== oldState.value && userInput === null) {\n      this.setState({\n        value: newState.value,\n        originValue: newState.value,\n      });\n    }\n\n    options.mask.split('').forEach((char: string, index: number) => {\n      // @ts-expect-error InternalMaskedInput will be deleted in 5.0\n      if (options.permanents.includes(index)) {\n        visibleMaskChars[index] = char;\n      }\n\n      if (newState.value[index]) {\n        visibleMaskChars[index] = newState.value[index];\n      }\n    });\n\n    const emptyValue = visibleMaskChars.join('');\n\n    if (this.state.emptyValue !== emptyValue) {\n      this.setState({\n        emptyValue,\n      });\n    }\n\n    return newState;\n  };\n\n  private isMaskVisible = () => this.props.alwaysShowMask || this.state.focused;\n\n  private handleUnexpectedInput = () => {\n    if (this.props.onUnexpectedInput) {\n      this.props.onUnexpectedInput(this.state.value);\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/internal/InternalMaskedInput/InternalMaskedInput.styles/InternalMaskedInput.styles.js

@@ -1,14 +1,14 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 var _templateObject, _templateObject2, _templateObject3;
 import { css, memoizeStyle } from "../../../lib/theming/Emotion";
 export var styles = memoizeStyle({
   container: function container() {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      display: inline-flex;\n      position: relative;\n      font-size: inherit;\n      flex: 100% 1 1;\n    "])));
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      display: inline-flex;\n      position: relative;\n      font-size: inherit;\n      flex: 100% 1 1;\n    "])));
   },
   inputMask: function inputMask(t) {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      pointer-events: none;\n      font-size: inherit;\n      z-index: 5;\n      user-select: none;\n    "])), t.placeholderColor);
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      color: ", ";\n      pointer-events: none;\n      font-size: inherit;\n      z-index: 5;\n      user-select: none;\n    "])), t.placeholderColor);
   },
   inputMaskLeft: function inputMaskLeft() {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n    "])));
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n    "])));
   }
 });

package/internal/InternalMaskedInput/InternalMaskedInput.styles/InternalMaskedInput.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","styles","container","_templateObject","_taggedTemplateLiteralLoose","inputMask","t","_templateObject2","placeholderColor","inputMaskLeft","_templateObject3"],"sources":["InternalMaskedInput.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  container() {\n    return css`\n      display: inline-flex;\n      position: relative;\n      font-size: inherit;\n      flex: 100% 1 1;\n    `;\n  },\n  inputMask(t: Theme) {\n    return css`\n      color: ${t.placeholderColor};\n      pointer-events: none;\n      font-size: inherit;\n      z-index: 5;\n      user-select: none;\n    `;\n  },\n  inputMaskLeft() {\n    return css`\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n    `;\n  },\n});\n"],"mappings":"wJAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;;AAG7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,SAAS,WAAAA,UAAA,EAAG;IACV,OAAOH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;;;EAMZ,CAAC;EACDC,SAAS,WAAAA,UAACC,CAAQ,EAAE;IAClB,OAAOP,GAAG,CAAAQ,gBAAA,KAAAA,gBAAA,GAAAH,2BAAA;IACCE,CAAC,CAACE,gBAAgB;;;;;;EAM/B,CAAC;EACDC,aAAa,WAAAA,cAAA,EAAG;IACd,OAAOV,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAN,2BAAA;;;;;;EAMZ;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","styles","container","_templateObject","_taggedTemplateLiteral","inputMask","t","_templateObject2","placeholderColor","inputMaskLeft","_templateObject3"],"sources":["InternalMaskedInput.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  container() {\n    return css`\n      display: inline-flex;\n      position: relative;\n      font-size: inherit;\n      flex: 100% 1 1;\n    `;\n  },\n  inputMask(t: Theme) {\n    return css`\n      color: ${t.placeholderColor};\n      pointer-events: none;\n      font-size: inherit;\n      z-index: 5;\n      user-select: none;\n    `;\n  },\n  inputMaskLeft() {\n    return css`\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n    `;\n  },\n});\n"],"mappings":"8IAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;;AAG7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,SAAS,WAAAA,UAAA,EAAG;IACV,OAAOH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,sBAAA;;;;;;EAMZ,CAAC;EACDC,SAAS,WAAAA,UAACC,CAAQ,EAAE;IAClB,OAAOP,GAAG,CAAAQ,gBAAA,KAAAA,gBAAA,GAAAH,sBAAA;IACCE,CAAC,CAACE,gBAAgB;;;;;;EAM/B,CAAC;EACDC,aAAa,WAAAA,cAAA,EAAG;IACd,OAAOV,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAN,sBAAA;;;;;;EAMZ;AACF,CAAC,CAAC","ignoreList":[]}

package/internal/InternalTextareaWithLayout/InternalTextareaWithLayout/InternalTextareaWithLayout.js

@@ -1,9 +1,17 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _isNativeReflectConstruct from "@babel/runtime/helpers/esm/isNativeReflectConstruct";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
 var _excluded = ["leftIcon", "rightIcon", "borderless"];
 var _class, _InternalTextareaWithLayout;
+function _callSuper(t, o, e) {
+  return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
+}
 import React from 'react';
 import { InputLayout } from "../../../components/Input/InputLayout/InputLayout";
 import { DEFAULT_WIDTH, Textarea } from "../../../components/Textarea";
@@ -21,10 +29,11 @@ import { styles } from "../InternalTextareaWithLayout.styles";
 export var InternalTextareaWithLayout = rootNode(_class = (_InternalTextareaWithLayout = /*#__PURE__*/function (_React$Component) {
   function InternalTextareaWithLayout() {
     var _this;
+    _classCallCheck(this, InternalTextareaWithLayout);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
+    _this = _callSuper(this, InternalTextareaWithLayout, [].concat(args));
     _this.wrappedComponentRef = /*#__PURE__*/React.createRef();
     _this.getProps = createPropsGetter(Textarea.defaultProps);
     _this.getClearCrossShowed = function (_ref) {
@@ -86,9 +95,8 @@ export var InternalTextareaWithLayout = rootNode(_class = (_InternalTextareaWith
       });
     };
     _this.renderLayout = function () {
-      var _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: cx(styles.contentWrapper(), textareaStyles.textarea(_this.theme), _this.getTextareaSizeClassName(), _this.getRootSizeClassName(), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, inputStyles.focus(_this.theme), _this.state.focused && !_this.props.warning && !_this.props.error), inputStyles.borderless(), _this.props.borderless && !_this.state.focused), textareaStyles.disabled(_this.theme), _this.props.disabled), textareaStyles.warning(_this.theme), _this.props.warning), textareaStyles.error(_this.theme), _this.props.error)),
         style: {
           width: _this.props.width || DEFAULT_WIDTH,
           minWidth: '0',
@@ -117,7 +125,7 @@ export var InternalTextareaWithLayout = rootNode(_class = (_InternalTextareaWith
         leftIcon = _this$props2.leftIcon,
         rightIcon = _this$props2.rightIcon,
         borderless = _this$props2.borderless,
-        textareaProps = _objectWithoutPropertiesLoose(_this$props2, _excluded);
+        textareaProps = _objectWithoutProperties(_this$props2, _excluded);
       return /*#__PURE__*/(
         React.createElement(ThemeContext.Provider, {
           value: _this.preparedTheme
@@ -134,15 +142,16 @@ export var InternalTextareaWithLayout = rootNode(_class = (_InternalTextareaWith
     };
     _this.handleLayoutClick = function () {
       var _this$wrappedComponen;
-      (_this$wrappedComponen = _this.wrappedComponentRef.current) == null || _this$wrappedComponen.focus();
+      (_this$wrappedComponen = _this.wrappedComponentRef.current) === null || _this$wrappedComponen === void 0 || _this$wrappedComponen.focus();
     };
     _this.handleBlur = function (event) {
       var _getRootNode;
-      if ((_getRootNode = getRootNode(_this)) != null && _getRootNode.contains(event.relatedTarget)) {
+      if ((_getRootNode = getRootNode(_this)) !== null && _getRootNode !== void 0 && _getRootNode.contains(event.relatedTarget)) {
         _this.setState({
           focused: false
         });
       } else {
+        var _this$props$onBlur, _this$props3;
         _this.setState({
           focused: false,
           clearCrossShowed: _this.getClearCrossShowed({
@@ -150,10 +159,11 @@ export var InternalTextareaWithLayout = rootNode(_class = (_InternalTextareaWith
             hovered: _this.state.hovered
           })
         });
-        _this.props.onBlur == null || _this.props.onBlur(event);
+        (_this$props$onBlur = (_this$props3 = _this.props).onBlur) === null || _this$props$onBlur === void 0 || _this$props$onBlur.call(_this$props3, event);
       }
     };
     _this.handleFocus = function (event) {
+      var _this$props$onFocus, _this$props4;
       _this.setState({
         focused: true,
         clearCrossShowed: _this.getClearCrossShowed({
@@ -161,77 +171,94 @@ export var InternalTextareaWithLayout = rootNode(_class = (_InternalTextareaWith
           hovered: _this.state.hovered
         })
       });
-      _this.props.onFocus == null || _this.props.onFocus(event);
+      (_this$props$onFocus = (_this$props4 = _this.props).onFocus) === null || _this$props$onFocus === void 0 || _this$props$onFocus.call(_this$props4, event);
     };
     return _this;
   }
-  _inheritsLoose(InternalTextareaWithLayout, _React$Component);
-  var _proto = InternalTextareaWithLayout.prototype;
-  _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
-    var _this$state = this.state,
-      focused = _this$state.focused,
-      hovered = _this$state.hovered;
-    if (Boolean(prevProps.value) !== Boolean(this.props.value)) {
-      this.setState({
-        clearCrossShowed: this.getClearCrossShowed({
-          focused: focused,
-          hovered: hovered
-        })
+  _inherits(InternalTextareaWithLayout, _React$Component);
+  return _createClass(InternalTextareaWithLayout, [{
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      var _this$state = this.state,
+        focused = _this$state.focused,
+        hovered = _this$state.hovered;
+      if (Boolean(prevProps.value) !== Boolean(this.props.value)) {
+        this.setState({
+          clearCrossShowed: this.getClearCrossShowed({
+            focused: focused,
+            hovered: hovered
+          })
+        });
+      }
+    }
+  }, {
+    key: "focus",
+    value: function focus() {
+      var _this$wrappedComponen2;
+      (_this$wrappedComponen2 = this.wrappedComponentRef.current) === null || _this$wrappedComponen2 === void 0 || _this$wrappedComponen2.focus();
+    }
+  }, {
+    key: "blur",
+    value: function blur() {
+      var _this$wrappedComponen3;
+      (_this$wrappedComponen3 = this.wrappedComponentRef.current) === null || _this$wrappedComponen3 === void 0 || _this$wrappedComponen3.blur();
+    }
+  }, {
+    key: "setSelectionRange",
+    value: function setSelectionRange(start, end) {
+      var _this$wrappedComponen4;
+      (_this$wrappedComponen4 = this.wrappedComponentRef.current) === null || _this$wrappedComponen4 === void 0 || _this$wrappedComponen4.setSelectionRange(start, end);
+    }
+  }, {
+    key: "selectAll",
+    value: function selectAll() {
+      var _this$wrappedComponen5;
+      (_this$wrappedComponen5 = this.wrappedComponentRef.current) === null || _this$wrappedComponen5 === void 0 || _this$wrappedComponen5.selectAll();
+    }
+  }, {
+    key: "getNode",
+    value: function getNode() {
+      var _this$wrappedComponen6;
+      return (_this$wrappedComponen6 = this.wrappedComponentRef.current) === null || _this$wrappedComponen6 === void 0 ? void 0 : _this$wrappedComponen6.getNode();
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+        _this2.theme = theme;
+        return /*#__PURE__*/React.createElement("span", {
+          "data-tid": 'InternalTextareaWithLayout'
+        }, _this2.renderLayout());
       });
     }
-  };
-  _proto.focus = function focus() {
-    var _this$wrappedComponen2;
-    (_this$wrappedComponen2 = this.wrappedComponentRef.current) == null || _this$wrappedComponen2.focus();
-  };
-  _proto.blur = function blur() {
-    var _this$wrappedComponen3;
-    (_this$wrappedComponen3 = this.wrappedComponentRef.current) == null || _this$wrappedComponen3.blur();
-  };
-  _proto.setSelectionRange = function setSelectionRange(start, end) {
-    var _this$wrappedComponen4;
-    (_this$wrappedComponen4 = this.wrappedComponentRef.current) == null || _this$wrappedComponen4.setSelectionRange(start, end);
-  };
-  _proto.selectAll = function selectAll() {
-    var _this$wrappedComponen5;
-    (_this$wrappedComponen5 = this.wrappedComponentRef.current) == null || _this$wrappedComponen5.selectAll();
-  };
-  _proto.getNode = function getNode() {
-    var _this$wrappedComponen6;
-    return (_this$wrappedComponen6 = this.wrappedComponentRef.current) == null ? void 0 : _this$wrappedComponen6.getNode();
-  };
-  _proto.render = function render() {
-    var _this2 = this;
-    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
-      _this2.theme = theme;
-      return /*#__PURE__*/React.createElement("span", {
-        "data-tid": 'InternalTextareaWithLayout'
-      }, _this2.renderLayout());
-    });
-  };
-  _proto.getTextareaSizeClassName = function getTextareaSizeClassName() {
-    switch (this.getProps().size) {
-      case 'large':
-        return textareaStyles.textareaLarge(this.theme);
-      case 'medium':
-        return textareaStyles.textareaMedium(this.theme);
-      case 'small':
-      default:
-        return textareaStyles.textareaSmall(this.theme);
+  }, {
+    key: "getTextareaSizeClassName",
+    value: function getTextareaSizeClassName() {
+      switch (this.getProps().size) {
+        case 'large':
+          return textareaStyles.textareaLarge(this.theme);
+        case 'medium':
+          return textareaStyles.textareaMedium(this.theme);
+        case 'small':
+        default:
+          return textareaStyles.textareaSmall(this.theme);
+      }
     }
-  };
-  _proto.getRootSizeClassName = function getRootSizeClassName() {
-    switch (this.getProps().size) {
-      case 'large':
-        return textareaStyles.rootLarge(this.theme);
-      case 'medium':
-        return textareaStyles.rootMedium(this.theme);
-      case 'small':
-      default:
-        return textareaStyles.rootSmall(this.theme);
+  }, {
+    key: "getRootSizeClassName",
+    value: function getRootSizeClassName() {
+      switch (this.getProps().size) {
+        case 'large':
+          return textareaStyles.rootLarge(this.theme);
+        case 'medium':
+          return textareaStyles.rootMedium(this.theme);
+        case 'small':
+        default:
+          return textareaStyles.rootSmall(this.theme);
+      }
     }
-  };
-  return _createClass(InternalTextareaWithLayout, [{
+  }, {
     key: "preparedTheme",
     get: function get() {
       return ThemeFactory.create({