npm - @skbkontur/react-ui - Versions diffs - 0.0.0-b0853da840 → 0.0.0-b08da15166 - Mend

@skbkontur/react-ui 0.0.0-b0853da840 → 0.0.0-b08da15166

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4246) hide show

package/components/Input/Input.js DELETED Viewed

@@ -1,526 +0,0 @@
-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";import invariant from 'invariant';
-import React from 'react';
-import raf from 'raf';
-import { isIE11, isEdge } from '../../lib/utils';
-import { isKeyBackspace, isKeyDelete, someKeys } from '../../lib/events/keyboard/identifiers';
-import { polyfillPlaceholder } from '../polyfillPlaceholder';
-import { MaskedInput } from '../internal/MaskedInput';
-import { cx } from '../../lib/theming/Emotion';
-import { ThemeConsumer } from '../ThemeConsumer';import
-classes from "./Input.module.css";
-import { jsStyles } from './Input.styles';
-/**
-                                            * Интерфес пропсов наследуется от `React.InputHTMLAttributes<HTMLInputElement>`.
-                                            *  Все пропсы кроме перечисленных, `className` и `style` передаются в `<input>`
-                                            */
-export var Input = /*#__PURE__*/function (_React$Component) {_inheritsLoose(Input, _React$Component);function Input() {var _this;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.
-    state = {
-      polyfillPlaceholder: false,
-      blinking: false,
-      focused: false };_this.
-    selectAllId = null;_this.
-    theme = void 0;_this.
-    blinkTimeout = 0;_this.
-    input = null;_this.
-    selectAll = function () {
-      if (_this.input) {
-        _this.setSelectionRange(0, _this.input.value.length);
-      }
-    };_this.
-    delaySelectAll = function () {return _this.selectAllId = raf(_this.selectAll);};_this.
-    cancelDelayedSelectAll = function () {
-      if (_this.selectAllId) {
-        raf.cancel(_this.selectAllId);
-        _this.selectAllId = null;
-      }
-    };_this.
-    cancelBlink = function (callback) {
-      if (_this.blinkTimeout) {
-        clearTimeout(_this.blinkTimeout);
-        _this.blinkTimeout = 0;
-        if (_this.state.blinking) {
-          _this.setState({ blinking: false }, callback);
-          return;
-        }
-      }
-      if (callback) {
-        callback();
-      }
-    };_this.
-    refInput = function (element) {
-      if (element instanceof MaskedInput) {
-        _this.input = element.input;
-      } else {
-        _this.input = element;
-      }
-    };_this.
-    handleChange = function (event) {
-      if (polyfillPlaceholder) {
-        var fieldIsEmpty = event.target.value === '';
-        if (_this.state.polyfillPlaceholder !== fieldIsEmpty) {
-          _this.setState({ polyfillPlaceholder: fieldIsEmpty });
-        }
-      }
-      if (_this.props.onValueChange) {
-        _this.props.onValueChange(event.target.value);
-      }
-      if (_this.props.onChange) {
-        _this.props.onChange(event);
-      }
-    };_this.
-    handleFocus = function (event) {
-      _this.setState({
-        focused: true });
-      if (_this.props.selectAllOnFocus) {
-        // https://github.com/facebook/react/issues/7769
-        _this.input ? _this.selectAll() : _this.delaySelectAll();
-      }
-      if (_this.props.onFocus) {
-        _this.props.onFocus(event);
-      }
-    };_this.
-    handleKeyDown = function (e) {
-      if (_this.props.onKeyDown) {
-        _this.props.onKeyDown(e);
-      }
-      var isDeleteKey = someKeys(isKeyBackspace, isKeyDelete)(e);
-      if (!e.currentTarget.value && isDeleteKey && !e.repeat) {
-        _this.handleUnexpectedInput();
-      }
-    };_this.
-    handleKeyPress = function (event) {
-      if (_this.props.onKeyPress) {
-        _this.props.onKeyPress(event);
-      }
-      if (_this.props.maxLength === event.currentTarget.value.length) {
-        _this.handleUnexpectedInput(event.currentTarget.value);
-      }
-    };_this.
-    handleMaskedValueChange = function (value) {
-      if (_this.props.onValueChange) {
-        _this.props.onValueChange(value);
-      }
-    };_this.
-    handleUnexpectedInput = function (value) {if (value === void 0) {value = _this.props.value || '';}
-      if (_this.props.onUnexpectedInput) {
-        _this.props.onUnexpectedInput(value);
-      } else {
-        _this.blink();
-      }
-    };_this.
-    handleBlur = function (event) {
-      _this.setState({ focused: false });
-      if (_this.props.onBlur) {
-        _this.props.onBlur(event);
-      }
-    };_this.
-    renderPrefix = function () {var
-      prefix = _this.props.prefix;
-      if (!prefix) {
-        return null;
-      }
-      return React.createElement("span", { className: jsStyles.prefix(_this.theme) }, prefix);
-    };_this.
-    renderSuffix = function () {var
-      suffix = _this.props.suffix;
-      if (!suffix) {
-        return null;
-      }
-      return React.createElement("span", { className: jsStyles.suffix(_this.theme) }, suffix);
-    };return _this;}var _proto = Input.prototype;_proto.componentDidMount = function componentDidMount() {if (polyfillPlaceholder) {this.setState({ polyfillPlaceholder: true });}};_proto.componentWillUnmount = function componentWillUnmount() {if (this.blinkTimeout) {clearTimeout(this.blinkTimeout);}this.cancelDelayedSelectAll();};_proto.UNSAFE_componentWillReceiveProps = function UNSAFE_componentWillReceiveProps(nextProps) {if (polyfillPlaceholder && !nextProps.value) {this.setState({ polyfillPlaceholder: true });}} /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           * @public
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           */;_proto.focus = function focus() {invariant(this.input, 'Cannot call "focus" because Input is not mounted');this.input.focus();} /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               * @public
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               */;_proto.blur = function blur() {invariant(this.input, 'Cannot call "blur" because Input is not mounted');this.input.blur();} /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               * @public
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               */;_proto.blink = function blink() {var _this2 = this;if (this.blinkTimeout) {this.cancelBlink(function () {// trigger reflow to restart animation
-        // @see https://css-tricks.com/restart-css-animation/#article-header-id-0
-        void (_this2.input && _this2.input.offsetWidth);_this2.blink();});return;}this.setState({ blinking: true }, function () {_this2.blinkTimeout = window.setTimeout(_this2.cancelBlink, 150);});} /**
-                                                                                                                                                                                                        * @public
-                                                                                                                                                                                                        */;_proto.setSelectionRange = function setSelectionRange(start, end) {if (!this.input) {throw new Error('Cannot call "setSelectionRange" on unmounted Input');}if (document.activeElement !== this.input) {this.focus();}this.input.setSelectionRange(start, end);};_proto.render = function render() {var _this3 = this;return React.createElement(ThemeConsumer, null, function (theme) {_this3.theme = theme;return _this3.renderMain();});} /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         * @public
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         */;_proto.renderMain = function renderMain() {var _cx;var _this$props = this.props,onMouseEnter = _this$props.onMouseEnter,onMouseLeave = _this$props.onMouseLeave,onMouseOver = _this$props.onMouseOver,onKeyDown = _this$props.onKeyDown,onKeyPress = _this$props.onKeyPress,onValueChange = _this$props.onValueChange,width = _this$props.width,error = _this$props.error,warning = _this$props.warning,leftIcon = _this$props.leftIcon,rightIcon = _this$props.rightIcon,borderless = _this$props.borderless,value = _this$props.value,align = _this$props.align,type = _this$props.type,mask = _this$props.mask,maskChar = _this$props.maskChar,alwaysShowMask = _this$props.alwaysShowMask,style = _this$props.style,className = _this$props.className,size = _this$props.size,placeholder = _this$props.placeholder,selectAllOnFocus = _this$props.selectAllOnFocus,disabled = _this$props.disabled,onUnexpectedInput = _this$props.onUnexpectedInput,prefix = _this$props.prefix,suffix = _this$props.suffix,formatChars = _this$props.formatChars,rest = _objectWithoutPropertiesLoose(_this$props, ["onMouseEnter", "onMouseLeave", "onMouseOver", "onKeyDown", "onKeyPress", "onValueChange", "width", "error", "warning", "leftIcon", "rightIcon", "borderless", "value", "align", "type", "mask", "maskChar", "alwaysShowMask", "style", "className", "size", "placeholder", "selectAllOnFocus", "disabled", "onUnexpectedInput", "prefix", "suffix", "formatChars"]);var _this$state = this.state,blinking = _this$state.blinking,focused = _this$state.focused;var labelProps = { className: cx(classes.root, jsStyles.root(this.theme), this.getSizeClassName(), (_cx = {}, _cx[classes.focus] = focused, _cx[classes.disabled] = !!disabled, _cx[classes.error] = !!error, _cx[classes.warning] = !!warning, _cx[classes.borderless] = !!borderless, _cx[jsStyles.focus(this.theme)] = focused, _cx[jsStyles.blink(this.theme)] = !!blinking, _cx[jsStyles.warning(this.theme)] = !!warning, _cx[jsStyles.error(this.theme)] = !!error, _cx[jsStyles.disabled(this.theme)] = !!disabled, _cx[jsStyles.focusFallback(this.theme)] = focused && (isIE11 || isEdge), _cx[jsStyles.warningFallback(this.theme)] = !!warning && (isIE11 || isEdge), _cx[jsStyles.errorFallback(this.theme)] = !!error && (isIE11 || isEdge), _cx)), style: { width: width }, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onMouseOver: onMouseOver };var inputProps = _extends({}, rest, { className: cx(classes.input, jsStyles.input(this.theme)), value: value, onChange: this.handleChange, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown, onKeyPress: this.handleKeyPress, onBlur: this.handleBlur, style: { textAlign: align }, ref: this.refInput, type: 'text', placeholder: !this.isMaskVisible && !polyfillPlaceholder ? placeholder : undefined, disabled: disabled });if (type === 'password') {inputProps.type = type;}var input = !!mask ? this.renderMaskedInput(inputProps, mask) : React.createElement('input', inputProps);return React.createElement("label", labelProps, React.createElement("span", { className: classes.sideContainer }, this.renderLeftIcon(), this.renderPrefix()), React.createElement("span", { className: classes.wrapper }, input, this.renderPlaceholder()), React.createElement("span", { className: cx(classes.sideContainer, classes.rightContainer) }, this.renderSuffix(), this.renderRightIcon()));};_proto.renderMaskedInput = function renderMaskedInput(inputProps, mask) {var onChange = inputProps.onChange,onKeyDown = inputProps.onKeyDown,onKeyPress = inputProps.onKeyPress,maskedProps = _objectWithoutPropertiesLoose(inputProps, ["onChange", "onKeyDown", "onKeyPress"]);return React.createElement(MaskedInput, _extends({}, maskedProps, { mask: mask, maskChar: this.props.maskChar === undefined ? '_' : this.props.maskChar, alwaysShowMask: this.props.alwaysShowMask, formatChars: this.props.formatChars, onChange: this.props.onChange, onValueChange: this.handleMaskedValueChange, onUnexpectedInput: this.handleUnexpectedInput }));};_proto.renderLeftIcon = function renderLeftIcon() {return this.renderIcon(this.props.leftIcon, classes.leftIcon);};_proto.renderRightIcon = function renderRightIcon() {return this.renderIcon(this.props.rightIcon, classes.rightIcon);};_proto.renderIcon = function renderIcon(icon, className) {if (!icon) {return null;}if (icon instanceof Function) {return React.createElement("span", { className: className }, icon());}return React.createElement("span", { className: cx(className, classes.useDefaultColor, jsStyles.useDefaultColor(this.theme)) }, icon);};_proto.renderPlaceholder = function renderPlaceholder() {var placeholder = null;if (this.state.polyfillPlaceholder && this.props.placeholder && !this.isMaskVisible && !this.props.value) {placeholder = React.createElement("div", { className: cx(classes.placeholder, jsStyles.placeholder(this.theme)), style: { textAlign: this.props.align || 'inherit' } }, this.props.placeholder);}return placeholder;};_proto.getSizeClassName = function getSizeClassName() {var _ref, _ref2, _ref3;switch (this.props.size) {case 'large':return _ref = {}, _ref[jsStyles.sizeLarge(this.theme)] = true, _ref[jsStyles.sizeLargeFallback(this.theme)] = isIE11 || isEdge, _ref;case 'medium':return _ref2 = {}, _ref2[jsStyles.sizeMedium(this.theme)] = true, _ref2[jsStyles.sizeMediumFallback(this.theme)] = isIE11 || isEdge, _ref2;case 'small':default:return _ref3 = {}, _ref3[jsStyles.sizeSmall(this.theme)] = true, _ref3[jsStyles.sizeSmallFallback(this.theme)] = isIE11 || isEdge, _ref3;}};_createClass(Input, [{ key: "isMaskVisible", get: function get() {var _this$props2 = this.props,mask = _this$props2.mask,alwaysShowMask = _this$props2.alwaysShowMask;var focused = this.state.focused;return Boolean(mask && (focused || alwaysShowMask));} }]);return Input;}(React.Component);Input.__KONTUR_REACT_UI__ = 'Input';Input.defaultProps = { size: 'small' };

package/components/Input/Input.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"sources":["Input.tsx"],"names":["invariant","React","raf","isIE11","isEdge","isKeyBackspace","isKeyDelete","someKeys","polyfillPlaceholder","MaskedInput","cx","ThemeConsumer","classes","jsStyles","Input","state","blinking","focused","selectAllId","theme","blinkTimeout","input","selectAll","setSelectionRange","value","length","delaySelectAll","cancelDelayedSelectAll","cancel","cancelBlink","callback","clearTimeout","setState","refInput","element","handleChange","event","fieldIsEmpty","target","props","onValueChange","onChange","handleFocus","selectAllOnFocus","onFocus","handleKeyDown","e","onKeyDown","isDeleteKey","currentTarget","repeat","handleUnexpectedInput","handleKeyPress","onKeyPress","maxLength","handleMaskedValueChange","onUnexpectedInput","blink","handleBlur","onBlur","renderPrefix","prefix","renderSuffix","suffix","componentDidMount","componentWillUnmount","UNSAFE_componentWillReceiveProps","nextProps","focus","blur","offsetWidth","window","setTimeout","start","end","Error","document","activeElement","render","renderMain","onMouseEnter","onMouseLeave","onMouseOver","width","error","warning","leftIcon","rightIcon","borderless","align","type","mask","maskChar","alwaysShowMask","style","className","size","placeholder","disabled","formatChars","rest","labelProps","root","getSizeClassName","focusFallback","warningFallback","errorFallback","inputProps","textAlign","ref","isMaskVisible","undefined","renderMaskedInput","createElement","sideContainer","renderLeftIcon","wrapper","renderPlaceholder","rightContainer","renderRightIcon","maskedProps","renderIcon","icon","Function","useDefaultColor","sizeLarge","sizeLargeFallback","sizeMedium","sizeMediumFallback","sizeSmall","sizeSmallFallback","Boolean","Component","__KONTUR_REACT_UI__","defaultProps"],"mappings":"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","sourcesContent":["import invariant from 'invariant';\r\nimport React from 'react';\r\nimport raf from 'raf';\r\n\r\nimport { isIE11, isEdge } from '../../lib/utils';\r\nimport { isKeyBackspace, isKeyDelete, someKeys } from '../../lib/events/keyboard/identifiers';\r\nimport { polyfillPlaceholder } from '../polyfillPlaceholder';\r\nimport { Nullable, Override } from '../../typings/utility-types';\r\nimport { MaskedInput } from '../internal/MaskedInput';\r\nimport { cx } from '../../lib/theming/Emotion';\r\nimport { ThemeConsumer } from '../ThemeConsumer';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nimport classes from './Input.module.less';\r\nimport { jsStyles } from './Input.styles';\r\n\r\nexport type InputSize = 'small' | 'medium' | 'large';\r\nexport type InputAlign = 'left' | 'center' | 'right';\r\nexport type InputType = 'password' | 'text';\r\nexport type InputIconType = React.ReactNode | (() => React.ReactNode);\r\n\r\nexport type InputProps = Override<\r\n React.InputHTMLAttributes<HTMLInputElement>,\r\n {\r\n /**\r\n * Иконка слева\r\n * Если `ReactNode` применяются дефолтные стили для иконки\r\n * Если `() => ReactNode` применяются только стили для позиционирование\r\n */\r\n leftIcon?: InputIconType;\r\n /**\r\n * Иконка справа\r\n * Если `ReactNode` применяются дефолтные стили для иконки\r\n * Если `() => ReactNode` применяются только стили для позиционирование\r\n */\r\n rightIcon?: InputIconType;\r\n /** Состояние ошибки */\r\n error?: boolean;\r\n /** Состояние предупреждения */\r\n warning?: boolean;\r\n /** Режим прозрачной рамки */\r\n borderless?: boolean;\r\n /** Выравнивание текста */\r\n align?: InputAlign;\r\n /** Паттерн маски */\r\n mask?: Nullable<string>;\r\n /** Символ маски */\r\n maskChar?: Nullable<string>;\r\n /**\r\n * Словарь символов-регулярок для задания маски\r\n * @default { '9': '[0-9]', 'a': '[A-Za-z]', '*': '[A-Za-z0-9]' }\r\n */\r\n formatChars?: Record<string, string>;\r\n /** Показывать символы маски */\r\n alwaysShowMask?: boolean;\r\n /** Размер */\r\n size?: InputSize;\r\n /** onValueChange */\r\n onValueChange?: (value: string) => void;\r\n /** Вызывается на label */\r\n onMouseEnter?: React.MouseEventHandler<HTMLLabelElement>;\r\n /** Вызывается на label */\r\n onMouseLeave?: React.MouseEventHandler<HTMLLabelElement>;\r\n /** Вызывается на label */\r\n onMouseOver?: React.MouseEventHandler<HTMLLabelElement>;\r\n /** Тип */\r\n type?: InputType;\r\n /** Значение */\r\n value?: string;\r\n capture?: boolean;\r\n\r\n /**\r\n * Префикс\r\n * `ReactNode` перед значением, но после иконки\r\n */\r\n prefix?: React.ReactNode;\r\n /**\r\n * Суффикс\r\n * `ReactNode` после значения, но перед правой иконкой\r\n */\r\n suffix?: React.ReactNode;\r\n /** Выделять введенное значение при фокусе */\r\n selectAllOnFocus?: boolean;\r\n /**\r\n * Обработчик неправильного ввода.\r\n * По-умолчанию, инпут вспыхивает синим.\r\n * Если передан - вызывается переданный обработчик,\r\n * в таком случае вспыхивание можно вызвать\r\n * публичным методом инстанса `blink()`.\r\n *\r\n * @param value значение инпута.\r\n */\r\n onUnexpectedInput?: (value: string) => void;\r\n }\r\n>;\r\n\r\nexport interface InputState {\r\n blinking: boolean;\r\n focused: boolean;\r\n polyfillPlaceholder: boolean;\r\n}\r\n\r\n/**\r\n * Интерфес пропсов наследуется от `React.InputHTMLAttributes<HTMLInputElement>`.\r\n * Все пропсы кроме перечисленных, `className` и `style` передаются в `<input>`\r\n */\r\nexport class Input extends React.Component<InputProps, InputState> {\r\n public static __KONTUR_REACT_UI__ = 'Input';\r\n\r\n public static defaultProps: {\r\n size: InputSize;\r\n } = {\r\n size: 'small',\r\n };\r\n\r\n public state: InputState = {\r\n polyfillPlaceholder: false,\r\n blinking: false,\r\n focused: false,\r\n };\r\n\r\n private selectAllId: number | null = null;\r\n private theme!: Theme;\r\n private blinkTimeout = 0;\r\n private input: HTMLInputElement | null = null;\r\n\r\n public componentDidMount() {\r\n if (polyfillPlaceholder) {\r\n this.setState({ polyfillPlaceholder: true });\r\n }\r\n }\r\n\r\n public componentWillUnmount() {\r\n if (this.blinkTimeout) {\r\n clearTimeout(this.blinkTimeout);\r\n }\r\n this.cancelDelayedSelectAll();\r\n }\r\n\r\n public UNSAFE_componentWillReceiveProps(nextProps: InputProps) {\r\n if (polyfillPlaceholder && !nextProps.value) {\r\n this.setState({ polyfillPlaceholder: true });\r\n }\r\n }\r\n\r\n /**\r\n * @public\r\n */\r\n public focus() {\r\n invariant(this.input, 'Cannot call \"focus\" because Input is not mounted');\r\n this.input!.focus();\r\n }\r\n\r\n /**\r\n * @public\r\n */\r\n public blur() {\r\n invariant(this.input, 'Cannot call \"blur\" because Input is not mounted');\r\n this.input!.blur();\r\n }\r\n\r\n /**\r\n * @public\r\n */\r\n public blink() {\r\n if (this.blinkTimeout) {\r\n this.cancelBlink(() => {\r\n // trigger reflow to restart animation\r\n // @see https://css-tricks.com/restart-css-animation/#article-header-id-0\r\n void (this.input && this.input.offsetWidth);\r\n this.blink();\r\n });\r\n return;\r\n }\r\n this.setState({ blinking: true }, () => {\r\n this.blinkTimeout = window.setTimeout(this.cancelBlink, 150);\r\n });\r\n }\r\n\r\n /**\r\n * @public\r\n */\r\n public setSelectionRange(start: number, end: number) {\r\n if (!this.input) {\r\n throw new Error('Cannot call \"setSelectionRange\" on unmounted Input');\r\n }\r\n\r\n if (document.activeElement !== this.input) {\r\n this.focus();\r\n }\r\n\r\n this.input.setSelectionRange(start, end);\r\n }\r\n\r\n public get isMaskVisible(): boolean {\r\n const { mask, alwaysShowMask } = this.props;\r\n const { focused } = this.state;\r\n return Boolean(mask && (focused || alwaysShowMask));\r\n }\r\n\r\n public render(): JSX.Element {\r\n return (\r\n <ThemeConsumer>\r\n {theme => {\r\n this.theme = theme;\r\n return this.renderMain();\r\n }}\r\n </ThemeConsumer>\r\n );\r\n }\r\n\r\n /**\r\n * @public\r\n */\r\n public selectAll = (): void => {\r\n if (this.input) {\r\n this.setSelectionRange(0, this.input.value.length);\r\n }\r\n };\r\n\r\n private delaySelectAll = (): number => (this.selectAllId = raf(this.selectAll));\r\n\r\n private cancelDelayedSelectAll = (): void => {\r\n if (this.selectAllId) {\r\n raf.cancel(this.selectAllId);\r\n this.selectAllId = null;\r\n }\r\n };\r\n\r\n private cancelBlink = (callback?: () => void): void => {\r\n if (this.blinkTimeout) {\r\n clearTimeout(this.blinkTimeout);\r\n this.blinkTimeout = 0;\r\n if (this.state.blinking) {\r\n this.setState({ blinking: false }, callback);\r\n return;\r\n }\r\n }\r\n if (callback) {\r\n callback();\r\n }\r\n };\r\n\r\n private renderMain() {\r\n const {\r\n onMouseEnter,\r\n onMouseLeave,\r\n onMouseOver,\r\n onKeyDown,\r\n onKeyPress,\r\n onValueChange,\r\n width,\r\n error,\r\n warning,\r\n leftIcon,\r\n rightIcon,\r\n borderless,\r\n value,\r\n align,\r\n type,\r\n mask,\r\n maskChar,\r\n alwaysShowMask,\r\n style,\r\n className,\r\n size,\r\n placeholder,\r\n selectAllOnFocus,\r\n disabled,\r\n onUnexpectedInput,\r\n prefix,\r\n suffix,\r\n formatChars,\r\n ...rest\r\n } = this.props;\r\n\r\n const { blinking, focused } = this.state;\r\n\r\n const labelProps = {\r\n className: cx(classes.root, jsStyles.root(this.theme), this.getSizeClassName(), {\r\n [classes.focus]: focused,\r\n [classes.disabled]: !!disabled,\r\n [classes.error]: !!error,\r\n [classes.warning]: !!warning,\r\n [classes.borderless]: !!borderless,\r\n [jsStyles.focus(this.theme)]: focused,\r\n [jsStyles.blink(this.theme)]: !!blinking,\r\n [jsStyles.warning(this.theme)]: !!warning,\r\n [jsStyles.error(this.theme)]: !!error,\r\n [jsStyles.disabled(this.theme)]: !!disabled,\r\n [jsStyles.focusFallback(this.theme)]: focused && (isIE11 || isEdge),\r\n [jsStyles.warningFallback(this.theme)]: !!warning && (isIE11 || isEdge),\r\n [jsStyles.errorFallback(this.theme)]: !!error && (isIE11 || isEdge),\r\n }),\r\n style: { width },\r\n onMouseEnter,\r\n onMouseLeave,\r\n onMouseOver,\r\n };\r\n\r\n const inputProps = {\r\n ...rest,\r\n className: cx(classes.input, jsStyles.input(this.theme)),\r\n value,\r\n onChange: this.handleChange,\r\n onFocus: this.handleFocus,\r\n onKeyDown: this.handleKeyDown,\r\n onKeyPress: this.handleKeyPress,\r\n onBlur: this.handleBlur,\r\n style: { textAlign: align },\r\n ref: this.refInput,\r\n type: 'text',\r\n placeholder: !this.isMaskVisible && !polyfillPlaceholder ? placeholder : undefined,\r\n disabled,\r\n };\r\n\r\n if (type === 'password') {\r\n inputProps.type = type;\r\n }\r\n\r\n const input = !!mask ? this.renderMaskedInput(inputProps, mask) : React.createElement('input', inputProps);\r\n\r\n return (\r\n <label {...labelProps}>\r\n <span className={classes.sideContainer}>\r\n {this.renderLeftIcon()}\r\n {this.renderPrefix()}\r\n </span>\r\n <span className={classes.wrapper}>\r\n {input}\r\n {this.renderPlaceholder()}\r\n </span>\r\n <span className={cx(classes.sideContainer, classes.rightContainer)}>\r\n {this.renderSuffix()}\r\n {this.renderRightIcon()}\r\n </span>\r\n </label>\r\n );\r\n }\r\n\r\n private renderMaskedInput(\r\n inputProps: React.InputHTMLAttributes<HTMLInputElement> & {\r\n capture?: boolean;\r\n },\r\n mask: string,\r\n ) {\r\n const { onChange, onKeyDown, onKeyPress, ...maskedProps } = inputProps;\r\n\r\n return (\r\n <MaskedInput\r\n {...maskedProps}\r\n mask={mask}\r\n maskChar={this.props.maskChar === undefined ? '_' : this.props.maskChar}\r\n alwaysShowMask={this.props.alwaysShowMask}\r\n formatChars={this.props.formatChars}\r\n onChange={this.props.onChange}\r\n onValueChange={this.handleMaskedValueChange}\r\n onUnexpectedInput={this.handleUnexpectedInput}\r\n />\r\n );\r\n }\r\n\r\n private renderLeftIcon() {\r\n return this.renderIcon(this.props.leftIcon, classes.leftIcon);\r\n }\r\n\r\n private renderRightIcon() {\r\n return this.renderIcon(this.props.rightIcon, classes.rightIcon);\r\n }\r\n\r\n private renderIcon(icon: InputIconType, className: string) {\r\n if (!icon) {\r\n return null;\r\n }\r\n\r\n if (icon instanceof Function) {\r\n return <span className={className}>{icon()}</span>;\r\n }\r\n\r\n return <span className={cx(className, classes.useDefaultColor, jsStyles.useDefaultColor(this.theme))}>{icon}</span>;\r\n }\r\n\r\n private renderPlaceholder() {\r\n let placeholder = null;\r\n\r\n if (this.state.polyfillPlaceholder && this.props.placeholder && !this.isMaskVisible && !this.props.value) {\r\n placeholder = (\r\n <div\r\n className={cx(classes.placeholder, jsStyles.placeholder(this.theme))}\r\n style={{ textAlign: this.props.align || 'inherit' }}\r\n >\r\n {this.props.placeholder}\r\n </div>\r\n );\r\n }\r\n\r\n return placeholder;\r\n }\r\n\r\n private getSizeClassName() {\r\n switch (this.props.size) {\r\n case 'large':\r\n return { [jsStyles.sizeLarge(this.theme)]: true, [jsStyles.sizeLargeFallback(this.theme)]: isIE11 || isEdge };\r\n case 'medium':\r\n return { [jsStyles.sizeMedium(this.theme)]: true, [jsStyles.sizeMediumFallback(this.theme)]: isIE11 || isEdge };\r\n case 'small':\r\n default:\r\n return { [jsStyles.sizeSmall(this.theme)]: true, [jsStyles.sizeSmallFallback(this.theme)]: isIE11 || isEdge };\r\n }\r\n }\r\n\r\n private refInput = (element: HTMLInputElement | MaskedInput | null) => {\r\n if (element instanceof MaskedInput) {\r\n this.input = element.input;\r\n } else {\r\n this.input = element;\r\n }\r\n };\r\n\r\n private handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\r\n if (polyfillPlaceholder) {\r\n const fieldIsEmpty = event.target.value === '';\r\n if (this.state.polyfillPlaceholder !== fieldIsEmpty) {\r\n this.setState({ polyfillPlaceholder: fieldIsEmpty });\r\n }\r\n }\r\n\r\n if (this.props.onValueChange) {\r\n this.props.onValueChange(event.target.value);\r\n }\r\n\r\n if (this.props.onChange) {\r\n this.props.onChange(event);\r\n }\r\n };\r\n\r\n private handleFocus = (event: React.FocusEvent<HTMLInputElement>) => {\r\n this.setState({\r\n focused: true,\r\n });\r\n\r\n if (this.props.selectAllOnFocus) {\r\n // https://github.com/facebook/react/issues/7769\r\n this.input ? this.selectAll() : this.delaySelectAll();\r\n }\r\n\r\n if (this.props.onFocus) {\r\n this.props.onFocus(event);\r\n }\r\n };\r\n\r\n private handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\r\n if (this.props.onKeyDown) {\r\n this.props.onKeyDown(e);\r\n }\r\n\r\n const isDeleteKey = someKeys(isKeyBackspace, isKeyDelete)(e);\r\n\r\n if (!e.currentTarget.value && isDeleteKey && !e.repeat) {\r\n this.handleUnexpectedInput();\r\n }\r\n };\r\n\r\n private handleKeyPress = (event: React.KeyboardEvent<HTMLInputElement>) => {\r\n if (this.props.onKeyPress) {\r\n this.props.onKeyPress(event);\r\n }\r\n\r\n if (this.props.maxLength === event.currentTarget.value.length) {\r\n this.handleUnexpectedInput(event.currentTarget.value);\r\n }\r\n };\r\n\r\n private handleMaskedValueChange = (value: string) => {\r\n if (this.props.onValueChange) {\r\n this.props.onValueChange(value);\r\n }\r\n };\r\n\r\n private handleUnexpectedInput = (value: string = this.props.value || '') => {\r\n if (this.props.onUnexpectedInput) {\r\n this.props.onUnexpectedInput(value);\r\n } else {\r\n this.blink();\r\n }\r\n };\r\n\r\n private handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\r\n this.setState({ focused: false });\r\n\r\n if (this.props.onBlur) {\r\n this.props.onBlur(event);\r\n }\r\n };\r\n\r\n private renderPrefix = () => {\r\n const { prefix } = this.props;\r\n\r\n if (!prefix) {\r\n return null;\r\n }\r\n\r\n return <span className={jsStyles.prefix(this.theme)}>{prefix}</span>;\r\n };\r\n\r\n private renderSuffix = () => {\r\n const { suffix } = this.props;\r\n\r\n if (!suffix) {\r\n return null;\r\n }\r\n\r\n return <span className={jsStyles.suffix(this.theme)}>{suffix}</span>;\r\n };\r\n}\r\n"]}