npm - @skbkontur/react-ui - Versions diffs - 0.0.0-375e096002 → 0.0.0-388db940ca - Mend

@skbkontur/react-ui 0.0.0-375e096002 → 0.0.0-388db940ca

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 (5512) hide show

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

@@ -1,550 +0,0 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.Input = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _invariant = _interopRequireDefault(require("invariant"));
-var _react = _interopRequireDefault(require("react"));
-var _raf = _interopRequireDefault(require("raf"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _client = require("../../lib/client");
-var _identifiers = require("../../lib/events/keyboard/identifiers");
-var _polyfillPlaceholder = require("../../lib/polyfillPlaceholder");
-var _MaskedInput = require("../../internal/MaskedInput");
-var _ThemeContext = require("../../lib/theming/ThemeContext");
-var _Input = require("./Input.styles");
-/**
- * Интерфес пропсов наследуется от `React.InputHTMLAttributes<HTMLInputElement>`.
- *  Все пропсы кроме перечисленных, `className` и `style` передаются в `<input>`
- */var
-Input = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(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 = (0, _raf.default)(_this.selectAll);};_this.
-    cancelDelayedSelectAll = function () {
-      if (_this.selectAllId) {
-        _raf.default.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.MaskedInput) {
-        _this.input = element.input;
-      } else {
-        _this.input = element;
-      }
-    };_this.
-    handleChange = function (event) {
-      if (_polyfillPlaceholder.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 = (0, _identifiers.someKeys)(_identifiers.isKeyBackspace, _identifiers.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 /*#__PURE__*/_react.default.createElement("span", { className: _Input.jsStyles.prefix(_this.theme) }, prefix);
-    };_this.
-    renderSuffix = function () {var
-      suffix = _this.props.suffix;
-      if (!suffix) {
-        return null;
-      }
-      return /*#__PURE__*/_react.default.createElement("span", { className: _Input.jsStyles.suffix(_this.theme) }, suffix);
-    };return _this;}var _proto = Input.prototype;_proto.componentDidMount = function componentDidMount() {if (_polyfillPlaceholder.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.polyfillPlaceholder && !nextProps.value) {this.setState({ polyfillPlaceholder: true });}} /**
-   * @public
-   */;_proto.focus = function focus() {(0, _invariant.default)(this.input, 'Cannot call "focus" because Input is not mounted');this.input.focus();} /**
-   * @public
-   */;_proto.blur = function blur() {(0, _invariant.default)(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 /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this3.theme = theme;return _this3.renderMain();});} /**
-   * @public
-   */;_proto.renderMain = function renderMain() {var _cn;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 = (0, _objectWithoutPropertiesLoose2.default)(_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: (0, _classnames.default)(_Input.jsStyles.root(this.theme), this.getSizeClassName(), (_cn = {}, _cn[_Input.jsStyles.borderless()] = !!borderless, _cn[_Input.jsStyles.focus(this.theme)] = focused, _cn[_Input.jsStyles.blink(this.theme)] = !!blinking, _cn[_Input.jsStyles.warning(this.theme)] = !!warning, _cn[_Input.jsStyles.error(this.theme)] = !!error, _cn[_Input.jsStyles.disabled(this.theme)] = !!disabled, _cn[_Input.jsStyles.focusFallback(this.theme)] = focused && (_client.isIE11 || _client.isEdge), _cn[_Input.jsStyles.warningFallback(this.theme)] = !!warning && (_client.isIE11 || _client.isEdge), _cn[_Input.jsStyles.errorFallback(this.theme)] = !!error && (_client.isIE11 || _client.isEdge), _cn)), style: { width: width }, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onMouseOver: onMouseOver };var inputProps = (0, _extends2.default)({}, rest, { className: _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.polyfillPlaceholder ? placeholder : undefined, disabled: disabled });if (type === 'password') {inputProps.type = type;}var input = mask ? this.renderMaskedInput(inputProps, mask) : /*#__PURE__*/_react.default.createElement('input', inputProps);return /*#__PURE__*/_react.default.createElement("label", labelProps, /*#__PURE__*/_react.default.createElement("span", { className: _Input.jsStyles.sideContainer() }, this.renderLeftIcon(), this.renderPrefix()), /*#__PURE__*/_react.default.createElement("span", { className: _Input.jsStyles.wrapper() }, input, this.renderPlaceholder()), /*#__PURE__*/_react.default.createElement("span", { className: (0, _classnames.default)(_Input.jsStyles.sideContainer(), _Input.jsStyles.rightContainer()) }, this.renderSuffix(), this.renderRightIcon()));};_proto.renderMaskedInput = function renderMaskedInput(inputProps, mask) {return /*#__PURE__*/_react.default.createElement(_MaskedInput.MaskedInput, (0, _extends2.default)({}, inputProps, { mask: mask, maskChar: this.props.maskChar, alwaysShowMask: this.props.alwaysShowMask, formatChars: this.props.formatChars, onChange: this.props.onChange, onValueChange: this.handleMaskedValueChange, onUnexpectedInput: this.handleUnexpectedInput }));};_proto.getIconSizeClassname = function getIconSizeClassname(right) {if (right === void 0) {right = false;}switch (this.props.size) {case 'large':return right ? _Input.jsStyles.rightIconLarge(this.theme) : _Input.jsStyles.leftIconLarge(this.theme);case 'medium':return right ? _Input.jsStyles.rightIconMedium(this.theme) : _Input.jsStyles.leftIconMedium(this.theme);case 'small':default:return right ? _Input.jsStyles.rightIconSmall(this.theme) : _Input.jsStyles.leftIconSmall(this.theme);}};_proto.renderLeftIcon = function renderLeftIcon() {return this.renderIcon(this.props.leftIcon, this.getIconSizeClassname());};_proto.renderRightIcon = function renderRightIcon() {return this.renderIcon(this.props.rightIcon, this.getIconSizeClassname(true));};_proto.renderIcon = function renderIcon(icon, sizeClassName) {if (!icon) {return null;}if (icon instanceof Function) {return /*#__PURE__*/_react.default.createElement("span", { className: (0, _classnames.default)(_Input.jsStyles.icon(), sizeClassName) }, icon());}return /*#__PURE__*/_react.default.createElement("span", { className: (0, _classnames.default)((0, _classnames.default)(_Input.jsStyles.icon(), sizeClassName), _Input.jsStyles.useDefaultColor(this.theme), _Input.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 = /*#__PURE__*/_react.default.createElement("div", { className: (0, _classnames.default)(_Input.jsStyles.placeholder(this.theme), _Input.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[_Input.jsStyles.sizeLarge(this.theme)] = true, _ref[_Input.jsStyles.sizeLargeFallback(this.theme)] = _client.isIE11 || _client.isEdge, _ref;case 'medium':return _ref2 = {}, _ref2[_Input.jsStyles.sizeMedium(this.theme)] = true, _ref2[_Input.jsStyles.sizeMediumFallback(this.theme)] = _client.isIE11 || _client.isEdge, _ref2;case 'small':default:return _ref3 = {}, _ref3[_Input.jsStyles.sizeSmall(this.theme)] = true, _ref3[_Input.jsStyles.sizeSmallFallback(this.theme)] = _client.isIE11 || _client.isEdge, _ref3;}};(0, _createClass2.default)(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.default.Component);exports.Input = Input;Input.__KONTUR_REACT_UI__ = 'Input';Input.defaultProps = { size: 'small' };

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

@@ -1 +0,0 @@

- {"version":3,"sources":["Input.tsx"],"names":["Input","state","polyfillPlaceholder","blinking","focused","selectAllId","theme","blinkTimeout","input","selectAll","setSelectionRange","value","length","delaySelectAll","cancelDelayedSelectAll","raf","cancel","cancelBlink","callback","clearTimeout","setState","refInput","element","MaskedInput","handleChange","event","fieldIsEmpty","target","props","onValueChange","onChange","handleFocus","selectAllOnFocus","onFocus","handleKeyDown","e","onKeyDown","isDeleteKey","isKeyBackspace","isKeyDelete","currentTarget","repeat","handleUnexpectedInput","handleKeyPress","onKeyPress","maxLength","handleMaskedValueChange","onUnexpectedInput","blink","handleBlur","onBlur","renderPrefix","prefix","jsStyles","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","isIE11","isEdge","warningFallback","errorFallback","inputProps","textAlign","ref","isMaskVisible","undefined","renderMaskedInput","React","createElement","sideContainer","renderLeftIcon","wrapper","renderPlaceholder","rightContainer","renderRightIcon","getIconSizeClassname","right","rightIconLarge","leftIconLarge","rightIconMedium","leftIconMedium","rightIconSmall","leftIconSmall","renderIcon","icon","sizeClassName","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\nimport cn from 'classnames';\r\n\r\nimport { isIE11, isEdge } from '../../lib/client';\r\nimport { isKeyBackspace, isKeyDelete, someKeys } from '../../lib/events/keyboard/identifiers';\r\nimport { polyfillPlaceholder } from '../../lib/polyfillPlaceholder';\r\nimport { Nullable, Override } from '../../typings/utility-types';\r\nimport { MaskedInput } from '../../internal/MaskedInput';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\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 <ThemeContext.Consumer>\r\n {theme => {\r\n this.theme = theme;\r\n return this.renderMain();\r\n }}\r\n </ThemeContext.Consumer>\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: cn(jsStyles.root(this.theme), this.getSizeClassName(), {\r\n [jsStyles.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: 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={jsStyles.sideContainer()}>\r\n {this.renderLeftIcon()}\r\n {this.renderPrefix()}\r\n </span>\r\n <span className={jsStyles.wrapper()}>\r\n {input}\r\n {this.renderPlaceholder()}\r\n </span>\r\n <span className={cn(jsStyles.sideContainer(), jsStyles.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 return (\r\n <MaskedInput\r\n {...inputProps}\r\n mask={mask}\r\n maskChar={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 getIconSizeClassname(right = false) {\r\n switch (this.props.size) {\r\n case 'large':\r\n return right ? jsStyles.rightIconLarge(this.theme) : jsStyles.leftIconLarge(this.theme);\r\n case 'medium':\r\n return right ? jsStyles.rightIconMedium(this.theme) : jsStyles.leftIconMedium(this.theme);\r\n case 'small':\r\n default:\r\n return right ? jsStyles.rightIconSmall(this.theme) : jsStyles.leftIconSmall(this.theme);\r\n }\r\n }\r\n\r\n private renderLeftIcon() {\r\n return this.renderIcon(this.props.leftIcon, this.getIconSizeClassname());\r\n }\r\n\r\n private renderRightIcon() {\r\n return this.renderIcon(this.props.rightIcon, this.getIconSizeClassname(true));\r\n }\r\n\r\n private renderIcon(icon: InputIconType, sizeClassName: string) {\r\n if (!icon) {\r\n return null;\r\n }\r\n\r\n if (icon instanceof Function) {\r\n return <span className={cn(jsStyles.icon(), sizeClassName)}>{icon()}</span>;\r\n }\r\n\r\n return (\r\n <span\r\n className={cn(\r\n cn(jsStyles.icon(), sizeClassName),\r\n jsStyles.useDefaultColor(this.theme),\r\n jsStyles.useDefaultColor(this.theme),\r\n )}\r\n >\r\n {icon}\r\n </span>\r\n );\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={cn(jsStyles.placeholder(this.theme), 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 {\r\n [jsStyles.sizeLarge(this.theme)]: true,\r\n [jsStyles.sizeLargeFallback(this.theme)]: isIE11 || isEdge,\r\n };\r\n case 'medium':\r\n return {\r\n [jsStyles.sizeMedium(this.theme)]: true,\r\n [jsStyles.sizeMediumFallback(this.theme)]: isIE11 || isEdge,\r\n };\r\n case 'small':\r\n default:\r\n return {\r\n [jsStyles.sizeSmall(this.theme)]: true,\r\n [jsStyles.sizeSmallFallback(this.theme)]: isIE11 || isEdge,\r\n };\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"]}

package/cjs/components/Input/Input.md DELETED Viewed

@@ -1,13 +0,0 @@
-```jsx harmony
-import SearchIcon from '@skbkontur/react-icons/Search';
-<Input leftIcon={<SearchIcon />} />;
-```
-Пример с префиксом:
-```jsx harmony
-import SearchIcon from '@skbkontur/react-icons/Search';
-<Input width={400} prefix="https://kontur.ru/search?query=" rightIcon={<SearchIcon />} />;
-```

package/cjs/components/Input/Input.styles.d.ts DELETED Viewed

@@ -1,33 +0,0 @@
-export declare const jsStyles: {
-    wrapper(): string;
-    root(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    borderless(): string;
-    useDefaultColor(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    focus(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    focusFallback(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    placeholder(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    input(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    warning(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    warningFallback(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    error(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    errorFallback(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    disabled(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    blink(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    sizeSmall(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    sizeSmallFallback(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    sizeMedium(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    sizeMediumFallback(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    sizeLarge(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    sizeLargeFallback(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    prefix(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    suffix(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    sideContainer(): string;
-    rightContainer(): string;
-    icon(): string;
-    leftIconSmall(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    rightIconSmall(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    leftIconMedium(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    rightIconMedium(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    leftIconLarge(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    rightIconLarge(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-};