@skbkontur/react-ui 0.0.0-e66a3400ba → 0.0.0-ea6161656e

package/cjs/components/PasswordInput/PasswordInput.js

@@ -0,0 +1,263 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.PasswordInputDataTids = exports.PasswordInput = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
+
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _globalObject = require("@skbkontur/global-object");
+
+
+var _decorators = require("../../lib/locale/decorators");
+var _RenderLayer = require("../../internal/RenderLayer");
+var _utils = require("../../lib/utils");
+var _identifiers = require("../../lib/events/keyboard/identifiers");
+var _KeyboardEventCodes = require("../../lib/events/keyboard/KeyboardEventCodes");
+var _Input = require("../Input");
+
+var _client = require("../../lib/client");
+var _CommonWrapper = require("../../internal/CommonWrapper");
+
+var _ThemeContext = require("../../lib/theming/ThemeContext");
+var _Emotion = require("../../lib/theming/Emotion");
+var _rootNode = require("../../lib/rootNode");
+var _createPropsGetter = require("../../lib/createPropsGetter");
+var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
+
+var _PasswordInput = require("./PasswordInput.styles");
+var _PasswordInputIcon = require("./PasswordInputIcon");
+var _locale = require("./locale");var _excluded = ["detectCapsLock"];var _dec, _class, _class2, _temp;
+
+
+
+
+
+
+
+
+
+
+var PasswordInputDataTids = {
+  root: 'PasswordInput',
+  capsLockDetector: 'PasswordInputCapsLockDetector',
+  eyeIcon: 'PasswordInputEyeIcon' };exports.PasswordInputDataTids = PasswordInputDataTids;
+
+
+
+
+/**
+ * Компонент для ввода пароля
+ */var
+
+
+PasswordInput = (_dec = (0, _decorators.locale)('PasswordInput', _locale.PasswordInputLocaleHelper), (0, _rootNode.rootNode)(_class = _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_React$PureComponent) {(0, _inheritsLoose2.default)(PasswordInput, _React$PureComponent);function PasswordInput() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$PureComponent.call.apply(_React$PureComponent, [this].concat(args)) || this;_this.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+    getProps = (0, _createPropsGetter.createPropsGetter)(PasswordInput.defaultProps);_this.
+
+    state = {
+      visible: false,
+      capsLockEnabled: false };_this.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+    focus = function () {
+      if (_this.input) {
+        _this.input.focus();
+      }
+    };_this.
+
+
+
+
+    blur = function () {
+      _this.handleBlur();
+    };_this.
+
+    handleKeyPress = function (e) {
+      var _this$props = _this.props,onKeyPress = _this$props.onKeyPress,detectCapsLock = _this$props.detectCapsLock;
+
+      if (onKeyPress) {
+        onKeyPress(e);
+      }
+
+      if (!detectCapsLock) {
+        return;
+      }
+
+      var capsLockEnabled = e.getModifierState(_KeyboardEventCodes.KeyboardEventCodes.CapsLock);
+
+      _this.setState({ capsLockEnabled: capsLockEnabled });
+    };_this.
+
+    handleKeydown = function (e) {
+      var _assertThisInitialize = (0, _assertThisInitialized2.default)(_this),_assertThisInitialize2 = _assertThisInitialize.
+      props,detectCapsLock = _assertThisInitialize2.detectCapsLock,onKeyDown = _assertThisInitialize2.onKeyDown,
+      capsLockEnabled = _assertThisInitialize.state.capsLockEnabled;
+
+
+      if (onKeyDown) {
+        onKeyDown(e);
+      }
+
+      if (!detectCapsLock) {
+        return;
+      }
+
+      if ((0, _identifiers.isKeyCapsLock)(e) && (0, _utils.isNonNullable)(capsLockEnabled)) {
+        _this.setState({ capsLockEnabled: !capsLockEnabled });
+      }
+    };_this.
+
+    handleToggleVisibility = function () {
+      _this.setState(function (prevState) {return { visible: !prevState.visible };}, _this.handleFocus);
+    };_this.
+
+    handleFocus = function () {
+      if (_this.input) {
+        _this.input.focus();
+      }
+    };_this.
+
+    handleBlur = function () {
+      if (_this.input) {
+        _this.input.blur();
+      }
+    };_this.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+    renderEye = function () {
+      var capsLockEnabled = _this.state.capsLockEnabled;
+      var styles = (0, _PasswordInput.getStyles)(_this.emotion);
+      return /*#__PURE__*/(
+        _react.default.createElement("span", { className: styles.iconWrapper() },
+        capsLockEnabled && /*#__PURE__*/
+        _react.default.createElement("span", { className: styles.capsLockDetector(), "data-tid": PasswordInputDataTids.capsLockDetector }), /*#__PURE__*/
+
+        _react.default.createElement("span", { className: _this.emotion.cx(styles.toggleVisibility(_this.theme), _this.getEyeWrapperClassname()) },
+        !_this.props.disabled && /*#__PURE__*/
+        _react.default.createElement("button", {
+          type: "button",
+          "aria-label": _this.state.visible ? _this.locale.eyeClosedAriaLabel : _this.locale.eyeOpenedAriaLabel,
+          onClick: _this.handleToggleVisibility,
+          className: styles.icon(),
+          "data-tid": PasswordInputDataTids.eyeIcon }, /*#__PURE__*/
+
+        _react.default.createElement(_PasswordInputIcon.PasswordInputIcon, {
+          size: _this.props.size,
+          visible: _this.state.visible,
+          isTheme2022: (0, _ThemeHelpers.isTheme2022)(_this.theme) })))));
+
+
+
+
+
+
+    };_this.
+
+    refInput = function (element) {
+      _this.input = element;
+    };_this.
+
+    hideSymbols = function () {
+      _this.setState({ visible: false });
+    };_this.
+
+    renderMain = function (props) {
+      var detectCapsLock = props.detectCapsLock,rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+      var inputProps = (0, _extends2.default)({},
+      rest, {
+        onKeyDown: _this.handleKeydown,
+        onKeyPress: _this.handleKeyPress,
+        rightIcon: _this.renderEye() });
+
+
+      var styles = (0, _PasswordInput.getStyles)(_this.emotion);
+      return /*#__PURE__*/(
+        _react.default.createElement(_RenderLayer.RenderLayer, { onFocusOutside: _this.hideSymbols, onClickOutside: _this.hideSymbols }, /*#__PURE__*/
+        _react.default.createElement("div", { "data-tid": PasswordInputDataTids.root, className: styles.root() }, /*#__PURE__*/
+        _react.default.createElement(_Input.Input, (0, _extends2.default)({ ref: _this.refInput, type: _this.state.visible ? 'text' : 'password' }, inputProps)))));
+
+
+
+    };return _this;}var _proto = PasswordInput.prototype;_proto.componentDidMount = function componentDidMount() {if (this.props.detectCapsLock) {this.setState({ capsLockEnabled: null });} // @ts-expect-error: IE-specific API.
+    if (_client.isIE11 && (0, _globalObject.isBrowser)(_globalObject.globalObject) && !_globalObject.globalObject.document.msCapsLockWarningOff) {// @ts-expect-error: Read the comment above.
+      // turns off default ie capslock warning
+      _globalObject.globalObject.document.msCapsLockWarningOff = true;}};PasswordInput.getDerivedStateFromProps = function getDerivedStateFromProps(props, state) {if (props.disabled) {return { visible: false };}return state;};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_Emotion.EmotionConsumer, null, function (emotion) {_this2.emotion = emotion;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: _this2.setRootNode }, _this2.props), _this2.renderMain);});});} /**
+   * @public
+   */;_proto.getEyeWrapperClassname = function getEyeWrapperClassname() {var styles = (0, _PasswordInput.getStyles)(this.emotion);switch (this.getProps().size) {case 'large':return styles.eyeWrapperLarge(this.theme);case 'medium':return styles.eyeWrapperMedium(this.theme);case 'small':default:return styles.eyeWrapperSmall(this.theme);}};return PasswordInput;}(_react.default.PureComponent), _class2.__KONTUR_REACT_UI__ = 'PasswordInput', _class2.displayName = 'PasswordInput', _class2.propTypes = { /**
+   * Включает CapsLock детектор
+   */detectCapsLock: _propTypes.default.bool }, _class2.defaultProps = { size: 'small' }, _temp)) || _class) || _class);exports.PasswordInput = PasswordInput;

package/cjs/components/PasswordInput/PasswordInput.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["PasswordInput.tsx"],"names":["PasswordInputDataTids","root","capsLockDetector","eyeIcon","PasswordInput","PasswordInputLocaleHelper","rootNode","getProps","defaultProps","state","visible","capsLockEnabled","focus","input","blur","handleBlur","handleKeyPress","e","props","onKeyPress","detectCapsLock","getModifierState","Codes","CapsLock","setState","handleKeydown","onKeyDown","handleToggleVisibility","prevState","handleFocus","renderEye","styles","emotion","iconWrapper","cx","toggleVisibility","theme","getEyeWrapperClassname","disabled","locale","eyeClosedAriaLabel","eyeOpenedAriaLabel","icon","size","refInput","element","hideSymbols","renderMain","rest","inputProps","rightIcon","componentDidMount","isIE11","globalObject","document","msCapsLockWarningOff","getDerivedStateFromProps","render","setRootNode","eyeWrapperLarge","eyeWrapperMedium","eyeWrapperSmall","React","PureComponent","__KONTUR_REACT_UI__","displayName","propTypes","PropTypes","bool"],"mappings":";;AAEA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,kC;;;;;;;;;;;AAWO,IAAMA,qBAAqB,GAAG;AACnCC,EAAAA,IAAI,EAAE,eAD6B;AAEnCC,EAAAA,gBAAgB,EAAE,+BAFiB;AAGnCC,EAAAA,OAAO,EAAE,sBAH0B,EAA9B,C;;;;;AAQP;AACA;AACA,G;;;AAGaC,a,WADZ,wBAAO,eAAP,EAAwBC,iCAAxB,C,MADAC,kB;;;;;;;;;;;;;;;AAiBSC,IAAAA,Q,GAAW,0CAAkBH,aAAa,CAACI,YAAhC,C;;AAEZC,IAAAA,K,GAA4B;AACjCC,MAAAA,OAAO,EAAE,KADwB;AAEjCC,MAAAA,eAAe,EAAE,KAFgB,E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0D5BC,IAAAA,K,GAAQ,YAAM;AACnB,UAAI,MAAKC,KAAT,EAAgB;AACd,cAAKA,KAAL,CAAWD,KAAX;AACD;AACF,K;;;;;AAKME,IAAAA,I,GAAO,YAAM;AAClB,YAAKC,UAAL;AACD,K;;AAEOC,IAAAA,c,GAAiB,UAACC,CAAD,EAA8C;AACrE,wBAAuC,MAAKC,KAA5C,CAAQC,UAAR,eAAQA,UAAR,CAAoBC,cAApB,eAAoBA,cAApB;;AAEA,UAAID,UAAJ,EAAgB;AACdA,QAAAA,UAAU,CAACF,CAAD,CAAV;AACD;;AAED,UAAI,CAACG,cAAL,EAAqB;AACnB;AACD;;AAED,UAAMT,eAAe,GAAGM,CAAC,CAACI,gBAAF,CAAmBC,uCAAMC,QAAzB,CAAxB;;AAEA,YAAKC,QAAL,CAAc,EAAEb,eAAe,EAAfA,eAAF,EAAd;AACD,K;;AAEOc,IAAAA,a,GAAgB,UAACR,CAAD,EAA8C;AACpE;AACEC,MAAAA,KADF,CACWE,cADX,0BACWA,cADX,CAC2BM,SAD3B,0BAC2BA,SAD3B;AAEWf,MAAAA,eAFX,yBAEEF,KAFF,CAEWE,eAFX;;;AAKA,UAAIe,SAAJ,EAAe;AACbA,QAAAA,SAAS,CAACT,CAAD,CAAT;AACD;;AAED,UAAI,CAACG,cAAL,EAAqB;AACnB;AACD;;AAED,UAAI,gCAAcH,CAAd,KAAoB,0BAAcN,eAAd,CAAxB,EAAwD;AACtD,cAAKa,QAAL,CAAc,EAAEb,eAAe,EAAE,CAACA,eAApB,EAAd;AACD;AACF,K;;AAEOgB,IAAAA,sB,GAAyB,YAAM;AACrC,YAAKH,QAAL,CAAc,UAACI,SAAD,UAAgB,EAAElB,OAAO,EAAE,CAACkB,SAAS,CAAClB,OAAtB,EAAhB,EAAd,EAAgE,MAAKmB,WAArE;AACD,K;;AAEOA,IAAAA,W,GAAc,YAAM;AAC1B,UAAI,MAAKhB,KAAT,EAAgB;AACd,cAAKA,KAAL,CAAWD,KAAX;AACD;AACF,K;;AAEOG,IAAAA,U,GAAa,YAAM;AACzB,UAAI,MAAKF,KAAT,EAAgB;AACd,cAAKA,KAAL,CAAWC,IAAX;AACD;AACF,K;;;;;;;;;;;;;;;AAeOgB,IAAAA,S,GAAY,YAAM;AACxB,UAAQnB,eAAR,GAA4B,MAAKF,KAAjC,CAAQE,eAAR;AACA,UAAMoB,MAAM,GAAG,8BAAU,MAAKC,OAAf,CAAf;AACA;AACE,+CAAM,SAAS,EAAED,MAAM,CAACE,WAAP,EAAjB;AACGtB,QAAAA,eAAe;AACd,+CAAM,SAAS,EAAEoB,MAAM,CAAC7B,gBAAP,EAAjB,EAA4C,YAAUF,qBAAqB,CAACE,gBAA5E,GAFJ;;AAIE,+CAAM,SAAS,EAAE,MAAK8B,OAAL,CAAaE,EAAb,CAAgBH,MAAM,CAACI,gBAAP,CAAwB,MAAKC,KAA7B,CAAhB,EAAqD,MAAKC,sBAAL,EAArD,CAAjB;AACG,SAAC,MAAKnB,KAAL,CAAWoB,QAAZ;AACC;AACE,UAAA,IAAI,EAAC,QADP;AAEE,wBAAY,MAAK7B,KAAL,CAAWC,OAAX,GAAqB,MAAK6B,MAAL,CAAYC,kBAAjC,GAAsD,MAAKD,MAAL,CAAYE,kBAFhF;AAGE,UAAA,OAAO,EAAE,MAAKd,sBAHhB;AAIE,UAAA,SAAS,EAAEI,MAAM,CAACW,IAAP,EAJb;AAKE,sBAAU1C,qBAAqB,CAACG,OALlC;;AAOE,qCAAC,oCAAD;AACE,UAAA,IAAI,EAAE,MAAKe,KAAL,CAAWyB,IADnB;AAEE,UAAA,OAAO,EAAE,MAAKlC,KAAL,CAAWC,OAFtB;AAGE,UAAA,WAAW,EAAE,+BAAY,MAAK0B,KAAjB,CAHf,GAPF,CAFJ,CAJF,CADF;;;;;;;AAwBD,K;;AAEOQ,IAAAA,Q,GAAW,UAACC,OAAD,EAAoB;AACrC,YAAKhC,KAAL,GAAagC,OAAb;AACD,K;;AAEOC,IAAAA,W,GAAc,YAAM;AAC1B,YAAKtB,QAAL,CAAc,EAAEd,OAAO,EAAE,KAAX,EAAd;AACD,K;;AAEOqC,IAAAA,U,GAAa,UAAC7B,KAAD,EAAuD;AAC1E,UAAQE,cAAR,GAAoCF,KAApC,CAAQE,cAAR,CAA2B4B,IAA3B,+CAAoC9B,KAApC;AACA,UAAM+B,UAAU;AACXD,MAAAA,IADW;AAEdtB,QAAAA,SAAS,EAAE,MAAKD,aAFF;AAGdN,QAAAA,UAAU,EAAE,MAAKH,cAHH;AAIdkC,QAAAA,SAAS,EAAE,MAAKpB,SAAL,EAJG,GAAhB;;;AAOA,UAAMC,MAAM,GAAG,8BAAU,MAAKC,OAAf,CAAf;AACA;AACE,qCAAC,wBAAD,IAAa,cAAc,EAAE,MAAKc,WAAlC,EAA+C,cAAc,EAAE,MAAKA,WAApE;AACE,8CAAK,YAAU9C,qBAAqB,CAACC,IAArC,EAA2C,SAAS,EAAE8B,MAAM,CAAC9B,IAAP,EAAtD;AACE,qCAAC,YAAD,2BAAO,GAAG,EAAE,MAAK2C,QAAjB,EAA2B,IAAI,EAAE,MAAKnC,KAAL,CAAWC,OAAX,GAAqB,MAArB,GAA8B,UAA/D,IAA+EuC,UAA/E,EADF,CADF,CADF;;;;AAOD,K,2DAjLME,iB,GAAP,6BAA2B,CACzB,IAAI,KAAKjC,KAAL,CAAWE,cAAf,EAA+B,CAC7B,KAAKI,QAAL,CAAc,EAAEb,eAAe,EAAE,IAAnB,EAAd,EACD,CAHwB,CAKzB;AACA,QAAIyC,kBAAU,6BAAUC,0BAAV,CAAV,IAAqC,CAACA,2BAAaC,QAAb,CAAsBC,oBAAhE,EAAsF,CACpF;AACA;AACAF,iCAAaC,QAAb,CAAsBC,oBAAtB,GAA6C,IAA7C,CACD,CACF,C,eAEaC,wB,GAAd,kCAAuCtC,KAAvC,EAAkET,KAAlE,EAA6F,CAC3F,IAAIS,KAAK,CAACoB,QAAV,EAAoB,CAClB,OAAO,EAAE5B,OAAO,EAAE,KAAX,EAAP,CACD,CAED,OAAOD,KAAP,CACD,C,QAEMgD,M,GAAP,kBAAgB,mBACd,oBACE,6BAAC,wBAAD,QACG,UAACzB,OAAD,EAAa,CACZ,MAAI,CAACA,OAAL,GAAeA,OAAf,CACA,oBACE,6BAAC,0BAAD,CAAc,QAAd,QACG,UAACI,KAAD,EAAW,CACV,MAAI,CAACA,KAAL,GAAaA,KAAb,CACA,oBACE,6BAAC,4BAAD,2BAAe,WAAW,EAAE,MAAI,CAACsB,WAAjC,IAAkD,MAAI,CAACxC,KAAvD,GACG,MAAI,CAAC6B,UADR,CADF,CAKD,CARH,CADF,CAYD,CAfH,CADF,CAmBD,C,CAED;AACF;AACA,K,QAiEUV,sB,GAAR,kCAAiC,CAC/B,IAAMN,MAAM,GAAG,8BAAU,KAAKC,OAAf,CAAf,CACA,QAAQ,KAAKzB,QAAL,GAAgBoC,IAAxB,GACE,KAAK,OAAL,CACE,OAAOZ,MAAM,CAAC4B,eAAP,CAAuB,KAAKvB,KAA5B,CAAP,CACF,KAAK,QAAL,CACE,OAAOL,MAAM,CAAC6B,gBAAP,CAAwB,KAAKxB,KAA7B,CAAP,CACF,KAAK,OAAL,CACA,QACE,OAAOL,MAAM,CAAC8B,eAAP,CAAuB,KAAKzB,KAA5B,CAAP,CAPJ,CASD,C,wBAtJgC0B,eAAMC,a,WACzBC,mB,GAAsB,e,UACtBC,W,GAAc,e,UAEdC,S,GAAY,EACxB;AACJ;AACA,KACI9C,cAAc,EAAE+C,mBAAUC,IAJF,E,UAOZ5D,Y,GAA6B,EACzCmC,IAAI,EAAE,OADmC,E","sourcesContent":["// TODO: Enable this rule in functional components.\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport React, { AriaAttributes } from 'react';\nimport PropTypes from 'prop-types';\nimport { globalObject, isBrowser } from '@skbkontur/global-object';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { locale } from '../../lib/locale/decorators';\nimport { RenderLayer } from '../../internal/RenderLayer';\nimport { isNonNullable } from '../../lib/utils';\nimport { isKeyCapsLock } from '../../lib/events/keyboard/identifiers';\nimport { KeyboardEventCodes as Codes } from '../../lib/events/keyboard/KeyboardEventCodes';\nimport { Input, InputProps } from '../Input';\nimport { Nullable } from '../../typings/utility-types';\nimport { isIE11 } from '../../lib/client';\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { EmotionConsumer } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\n\nimport { getStyles } from './PasswordInput.styles';\nimport { PasswordInputIcon } from './PasswordInputIcon';\nimport { PasswordInputLocale, PasswordInputLocaleHelper } from './locale';\n\nexport interface PasswordInputProps extends Pick<AriaAttributes, 'aria-label'>, CommonProps, InputProps {\n  detectCapsLock?: boolean;\n}\n\nexport interface PasswordInputState {\n  visible: boolean;\n  capsLockEnabled?: boolean | null;\n}\n\nexport const PasswordInputDataTids = {\n  root: 'PasswordInput',\n  capsLockDetector: 'PasswordInputCapsLockDetector',\n  eyeIcon: 'PasswordInputEyeIcon',\n} as const;\n\ntype DefaultProps = Required<Pick<PasswordInputProps, 'size'>>;\n\n/**\n * Компонент для ввода пароля\n */\n@rootNode\n@locale('PasswordInput', PasswordInputLocaleHelper)\nexport class PasswordInput extends React.PureComponent<PasswordInputProps, PasswordInputState> {\n  public static __KONTUR_REACT_UI__ = 'PasswordInput';\n  public static displayName = 'PasswordInput';\n\n  public static propTypes = {\n    /**\n     * Включает CapsLock детектор\n     */\n    detectCapsLock: PropTypes.bool,\n  };\n\n  public static defaultProps: DefaultProps = {\n    size: 'small',\n  };\n\n  private getProps = createPropsGetter(PasswordInput.defaultProps);\n\n  public state: PasswordInputState = {\n    visible: false,\n    capsLockEnabled: false,\n  };\n\n  private theme!: Theme;\n  private emotion!: Emotion;\n\n  private input: Nullable<Input>;\n  private setRootNode!: TSetRootNode;\n  private readonly locale!: PasswordInputLocale;\n\n  public componentDidMount() {\n    if (this.props.detectCapsLock) {\n      this.setState({ capsLockEnabled: null });\n    }\n\n    // @ts-expect-error: IE-specific API.\n    if (isIE11 && isBrowser(globalObject) && !globalObject.document.msCapsLockWarningOff) {\n      // @ts-expect-error: Read the comment above.\n      // turns off default ie capslock warning\n      globalObject.document.msCapsLockWarningOff = true;\n    }\n  }\n\n  public static getDerivedStateFromProps(props: PasswordInputProps, state: PasswordInputState) {\n    if (props.disabled) {\n      return { visible: false };\n    }\n\n    return state;\n  }\n\n  public render() {\n    return (\n      <EmotionConsumer>\n        {(emotion) => {\n          this.emotion = emotion;\n          return (\n            <ThemeContext.Consumer>\n              {(theme) => {\n                this.theme = theme;\n                return (\n                  <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n                    {this.renderMain}\n                  </CommonWrapper>\n                );\n              }}\n            </ThemeContext.Consumer>\n          );\n        }}\n      </EmotionConsumer>\n    );\n  }\n\n  /**\n   * @public\n   */\n  public focus = () => {\n    if (this.input) {\n      this.input.focus();\n    }\n  };\n\n  /**\n   * @public\n   */\n  public blur = () => {\n    this.handleBlur();\n  };\n\n  private handleKeyPress = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    const { onKeyPress, detectCapsLock } = this.props;\n\n    if (onKeyPress) {\n      onKeyPress(e);\n    }\n\n    if (!detectCapsLock) {\n      return;\n    }\n\n    const capsLockEnabled = e.getModifierState(Codes.CapsLock);\n\n    this.setState({ capsLockEnabled });\n  };\n\n  private handleKeydown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    const {\n      props: { detectCapsLock, onKeyDown },\n      state: { capsLockEnabled },\n    } = this;\n\n    if (onKeyDown) {\n      onKeyDown(e);\n    }\n\n    if (!detectCapsLock) {\n      return;\n    }\n\n    if (isKeyCapsLock(e) && isNonNullable(capsLockEnabled)) {\n      this.setState({ capsLockEnabled: !capsLockEnabled });\n    }\n  };\n\n  private handleToggleVisibility = () => {\n    this.setState((prevState) => ({ visible: !prevState.visible }), this.handleFocus);\n  };\n\n  private handleFocus = () => {\n    if (this.input) {\n      this.input.focus();\n    }\n  };\n\n  private handleBlur = () => {\n    if (this.input) {\n      this.input.blur();\n    }\n  };\n\n  private getEyeWrapperClassname() {\n    const styles = getStyles(this.emotion);\n    switch (this.getProps().size) {\n      case 'large':\n        return styles.eyeWrapperLarge(this.theme);\n      case 'medium':\n        return styles.eyeWrapperMedium(this.theme);\n      case 'small':\n      default:\n        return styles.eyeWrapperSmall(this.theme);\n    }\n  }\n\n  private renderEye = () => {\n    const { capsLockEnabled } = this.state;\n    const styles = getStyles(this.emotion);\n    return (\n      <span className={styles.iconWrapper()}>\n        {capsLockEnabled && (\n          <span className={styles.capsLockDetector()} data-tid={PasswordInputDataTids.capsLockDetector} />\n        )}\n        <span className={this.emotion.cx(styles.toggleVisibility(this.theme), this.getEyeWrapperClassname())}>\n          {!this.props.disabled && (\n            <button\n              type=\"button\"\n              aria-label={this.state.visible ? this.locale.eyeClosedAriaLabel : this.locale.eyeOpenedAriaLabel}\n              onClick={this.handleToggleVisibility}\n              className={styles.icon()}\n              data-tid={PasswordInputDataTids.eyeIcon}\n            >\n              <PasswordInputIcon\n                size={this.props.size}\n                visible={this.state.visible}\n                isTheme2022={isTheme2022(this.theme)}\n              />\n            </button>\n          )}\n        </span>\n      </span>\n    );\n  };\n\n  private refInput = (element: Input) => {\n    this.input = element;\n  };\n\n  private hideSymbols = () => {\n    this.setState({ visible: false });\n  };\n\n  private renderMain = (props: CommonWrapperRestProps<PasswordInputProps>) => {\n    const { detectCapsLock, ...rest } = props;\n    const inputProps = {\n      ...rest,\n      onKeyDown: this.handleKeydown,\n      onKeyPress: this.handleKeyPress,\n      rightIcon: this.renderEye(),\n    };\n\n    const styles = getStyles(this.emotion);\n    return (\n      <RenderLayer onFocusOutside={this.hideSymbols} onClickOutside={this.hideSymbols}>\n        <div data-tid={PasswordInputDataTids.root} className={styles.root()}>\n          <Input ref={this.refInput} type={this.state.visible ? 'text' : 'password'} {...inputProps} />\n        </div>\n      </RenderLayer>\n    );\n  };\n}\n"]}

package/cjs/components/PasswordInput/PasswordInput.md

@@ -0,0 +1,28 @@
+```jsx harmony
+<PasswordInput />
+```
+
+Пример с отслеживанием нажатия CapsLock:
+
+```jsx harmony
+<PasswordInput detectCapsLock />
+```
+
+#### Локали по умолчанию
+
+```typescript static
+interface PasswordInputLocale {
+  eyeOpenedAriaLabel?: string;
+  eyeClosedAriaLabel?: string;
+}
+
+const ru_RU = {
+  eyeOpenedAriaLabel: 'Скрыть символы пароля',
+  eyeClosedAriaLabel: 'Отобразить символы пароля',
+}
+
+const en_GB = {
+  eyeOpenedAriaLabel: 'Hide password symbols',
+  eyeClosedAriaLabel: 'Show password symbols',
+}
+```

package/cjs/components/PasswordInput/PasswordInput.styles.d.ts

@@ -0,0 +1,12 @@
+import type { Emotion } from '@emotion/css/create-instance';
+import { Theme } from '../../lib/theming/Theme';
+export declare const getStyles: (emotion: Emotion) => {
+    root(): string;
+    toggleVisibility(t: Theme): string;
+    capsLockDetector(): string;
+    iconWrapper(): string;
+    eyeWrapperSmall(t: Theme): string;
+    eyeWrapperMedium(t: Theme): string;
+    eyeWrapperLarge(t: Theme): string;
+    icon(): string;
+};

package/cjs/components/PasswordInput/PasswordInput.styles.js

@@ -0,0 +1,86 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.getStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
+
+
+var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
+
+var getStyles = function getStyles(emotion) {return (
+    (0, _Emotion.memoizeStyle)({
+      root: function root() {
+        return emotion.css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n        position: relative;\n        display: inline-block;\n        line-height: normal;\n\n        input::-ms-clear,\n        input::-ms-reveal {\n          display: none;\n        }\n      "])));
+
+
+
+
+
+
+
+
+
+      },
+      toggleVisibility: function toggleVisibility(t) {
+        return emotion.css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: ", ";\n        cursor: pointer;\n        opacity: ", ";\n        user-select: none;\n\n        &:hover {\n          color: ", ";\n          opacity: ", ";\n        }\n      "])),
+        t.passwordInputVisibilityIconColor,
+
+        t.passwordInputVisibilityIconOpacity,
+
+
+
+        t.passwordInputVisibilityIconHoverColor,
+        t.passwordInputVisibilityIconHoverOpacity);
+
+
+      },
+      capsLockDetector: function capsLockDetector() {
+        return emotion.css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n        display: inline-block;\n        font-size: 9px;\n        margin-right: 8px;\n        color: #fff;\n        cursor: default;\n        background: #999;\n        padding: 2px 5px;\n        border-radius: 3px;\n        z-index: 9;\n        box-sizing: border-box;\n        line-height: normal;\n\n        &::before {\n          content: 'CapsLock';\n        }\n      "])));
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+      },
+      iconWrapper: function iconWrapper() {
+        return emotion.css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n        display: flex;\n        align-items: center;\n        justify-content: flex-end;\n      "])));
+
+
+
+
+      },
+
+      eyeWrapperSmall: function eyeWrapperSmall(t) {
+        return emotion.css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n        min-width: ", ";\n      "])),
+        t.inputIconSizeSmall);
+
+      },
+
+      eyeWrapperMedium: function eyeWrapperMedium(t) {
+        return emotion.css(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n        min-width: ", ";\n      "])),
+        t.inputIconSizeMedium);
+
+      },
+
+      eyeWrapperLarge: function eyeWrapperLarge(t) {
+        return emotion.css(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n        min-width: ", ";\n      "])),
+        t.inputIconSizeLarge);
+
+      },
+      icon: function icon() {
+        return emotion.css(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n        padding: 0;\n        border: none;\n        font: inherit;\n        color: inherit;\n        background-color: transparent;\n        cursor: pointer;\n      "])));
+
+
+
+
+
+
+
+      } }));};exports.getStyles = getStyles;

package/cjs/components/PasswordInput/PasswordInput.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["PasswordInput.styles.ts"],"names":["getStyles","emotion","root","css","toggleVisibility","t","passwordInputVisibilityIconColor","passwordInputVisibilityIconOpacity","passwordInputVisibilityIconHoverColor","passwordInputVisibilityIconHoverOpacity","capsLockDetector","iconWrapper","eyeWrapperSmall","inputIconSizeSmall","eyeWrapperMedium","inputIconSizeMedium","eyeWrapperLarge","inputIconSizeLarge","icon"],"mappings":";;;AAGA,oD;;AAEO,IAAMA,SAAS,GAAG,SAAZA,SAAY,CAACC,OAAD;AACvB,+BAAa;AACXC,MAAAA,IADW,kBACJ;AACL,eAAOD,OAAO,CAACE,GAAf;;;;;;;;;;AAUD,OAZU;AAaXC,MAAAA,gBAbW,4BAaMC,CAbN,EAagB;AACzB,eAAOJ,OAAO,CAACE,GAAf;AACWE,QAAAA,CAAC,CAACC,gCADb;;AAGaD,QAAAA,CAAC,CAACE,kCAHf;;;;AAOaF,QAAAA,CAAC,CAACG,qCAPf;AAQeH,QAAAA,CAAC,CAACI,uCARjB;;;AAWD,OAzBU;AA0BXC,MAAAA,gBA1BW,8BA0BQ;AACjB,eAAOT,OAAO,CAACE,GAAf;;;;;;;;;;;;;;;;;AAiBD,OA5CU;AA6CXQ,MAAAA,WA7CW,yBA6CG;AACZ,eAAOV,OAAO,CAACE,GAAf;;;;;AAKD,OAnDU;;AAqDXS,MAAAA,eArDW,2BAqDKP,CArDL,EAqDe;AACxB,eAAOJ,OAAO,CAACE,GAAf;AACeE,QAAAA,CAAC,CAACQ,kBADjB;;AAGD,OAzDU;;AA2DXC,MAAAA,gBA3DW,4BA2DMT,CA3DN,EA2DgB;AACzB,eAAOJ,OAAO,CAACE,GAAf;AACeE,QAAAA,CAAC,CAACU,mBADjB;;AAGD,OA/DU;;AAiEXC,MAAAA,eAjEW,2BAiEKX,CAjEL,EAiEe;AACxB,eAAOJ,OAAO,CAACE,GAAf;AACeE,QAAAA,CAAC,CAACY,kBADjB;;AAGD,OArEU;AAsEXC,MAAAA,IAtEW,kBAsEJ;AACL,eAAOjB,OAAO,CAACE,GAAf;;;;;;;;AAQD,OA/EU,EAAb,CADuB,GAAlB,C","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { Theme } from '../../lib/theming/Theme';\nimport { memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    root() {\n      return emotion.css`\n        position: relative;\n        display: inline-block;\n        line-height: normal;\n\n        input::-ms-clear,\n        input::-ms-reveal {\n          display: none;\n        }\n      `;\n    },\n    toggleVisibility(t: Theme) {\n      return emotion.css`\n        color: ${t.passwordInputVisibilityIconColor};\n        cursor: pointer;\n        opacity: ${t.passwordInputVisibilityIconOpacity};\n        user-select: none;\n\n        &:hover {\n          color: ${t.passwordInputVisibilityIconHoverColor};\n          opacity: ${t.passwordInputVisibilityIconHoverOpacity};\n        }\n      `;\n    },\n    capsLockDetector() {\n      return emotion.css`\n        display: inline-block;\n        font-size: 9px;\n        margin-right: 8px;\n        color: #fff;\n        cursor: default;\n        background: #999;\n        padding: 2px 5px;\n        border-radius: 3px;\n        z-index: 9;\n        box-sizing: border-box;\n        line-height: normal;\n\n        &::before {\n          content: 'CapsLock';\n        }\n      `;\n    },\n    iconWrapper() {\n      return emotion.css`\n        display: flex;\n        align-items: center;\n        justify-content: flex-end;\n      `;\n    },\n\n    eyeWrapperSmall(t: Theme) {\n      return emotion.css`\n        min-width: ${t.inputIconSizeSmall};\n      `;\n    },\n\n    eyeWrapperMedium(t: Theme) {\n      return emotion.css`\n        min-width: ${t.inputIconSizeMedium};\n      `;\n    },\n\n    eyeWrapperLarge(t: Theme) {\n      return emotion.css`\n        min-width: ${t.inputIconSizeLarge};\n      `;\n    },\n    icon() {\n      return emotion.css`\n        padding: 0;\n        border: none;\n        font: inherit;\n        color: inherit;\n        background-color: transparent;\n        cursor: pointer;\n      `;\n    },\n  });\n"]}

package/cjs/components/PasswordInput/PasswordInputIcon.d.ts

@@ -0,0 +1,5 @@
+import { PasswordInputProps, PasswordInputState } from './PasswordInput';
+export declare type PasswordInputIconProps = Pick<PasswordInputState, 'visible'> & Pick<PasswordInputProps, 'size'> & {
+    isTheme2022: boolean;
+};
+export declare const PasswordInputIcon: ({ visible, size, isTheme2022 }: PasswordInputIconProps) => JSX.Element;

package/cjs/components/PasswordInput/PasswordInputIcon.js

@@ -0,0 +1,20 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.PasswordInputIcon = void 0;var _react = _interopRequireDefault(require("react"));
+
+var _px = require("../../internal/icons/16px");
+
+
+var _ClosedIcon = require("./ClosedIcon");
+var _OpenedIcon = require("./OpenedIcon");
+
+
+
+
+
+
+var PasswordInputIcon = function PasswordInputIcon(_ref) {var visible = _ref.visible,size = _ref.size,_ref$isTheme = _ref.isTheme2022,isTheme2022 = _ref$isTheme === void 0 ? false : _ref$isTheme;
+  if (visible) {
+    return isTheme2022 ? /*#__PURE__*/_react.default.createElement(_ClosedIcon.ClosedIcon, { size: size }) : /*#__PURE__*/_react.default.createElement(_px.EyeClosedIcon, { size: 14 });
+  }
+
+  return isTheme2022 ? /*#__PURE__*/_react.default.createElement(_OpenedIcon.OpenedIcon, { size: size }) : /*#__PURE__*/_react.default.createElement(_px.EyeOpenedIcon, { size: 14 });
+};exports.PasswordInputIcon = PasswordInputIcon;

package/cjs/components/PasswordInput/PasswordInputIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["PasswordInputIcon.tsx"],"names":["PasswordInputIcon","visible","size","isTheme2022"],"mappings":"uKAAA;;AAEA;;;AAGA;AACA;;;;;;;AAOO,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,OAAoE,KAAjEC,OAAiE,QAAjEA,OAAiE,CAAxDC,IAAwD,QAAxDA,IAAwD,qBAAlDC,WAAkD,CAAlDA,WAAkD,6BAApC,KAAoC;AACnG,MAAIF,OAAJ,EAAa;AACX,WAAOE,WAAW,gBAAG,6BAAC,sBAAD,IAAY,IAAI,EAAED,IAAlB,GAAH,gBAAgC,6BAAC,iBAAD,IAAe,IAAI,EAAE,EAArB,GAAlD;AACD;;AAED,SAAOC,WAAW,gBAAG,6BAAC,sBAAD,IAAY,IAAI,EAAED,IAAlB,GAAH,gBAAgC,6BAAC,iBAAD,IAAe,IAAI,EAAE,EAArB,GAAlD;AACD,CANM,C","sourcesContent":["import React from 'react';\n\nimport { EyeClosedIcon, EyeOpenedIcon } from '../../internal/icons/16px';\n\nimport { PasswordInputProps, PasswordInputState } from './PasswordInput';\nimport { ClosedIcon } from './ClosedIcon';\nimport { OpenedIcon } from './OpenedIcon';\n\nexport type PasswordInputIconProps = Pick<PasswordInputState, 'visible'> &\n  Pick<PasswordInputProps, 'size'> & {\n    isTheme2022: boolean;\n  };\n\nexport const PasswordInputIcon = ({ visible, size, isTheme2022 = false }: PasswordInputIconProps) => {\n  if (visible) {\n    return isTheme2022 ? <ClosedIcon size={size} /> : <EyeClosedIcon size={14} />;\n  }\n\n  return isTheme2022 ? <OpenedIcon size={size} /> : <EyeOpenedIcon size={14} />;\n};\n"]}

package/cjs/components/PasswordInput/index.d.ts

@@ -0,0 +1 @@
+export * from './PasswordInput';

package/cjs/components/PasswordInput/index.js

@@ -0,0 +1 @@
+"use strict";exports.__esModule = true;var _PasswordInput = require("./PasswordInput");Object.keys(_PasswordInput).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _PasswordInput[key]) return;exports[key] = _PasswordInput[key];});

package/cjs/components/PasswordInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":[],"mappings":"uCAAA","sourcesContent":["export * from './PasswordInput';\n"]}

package/cjs/components/PasswordInput/locale/index.d.ts

@@ -0,0 +1,4 @@
+import { LocaleHelper } from '../../../lib/locale/LocaleHelper';
+import { PasswordInputLocale } from './types';
+export * from './types';
+export declare const PasswordInputLocaleHelper: LocaleHelper<PasswordInputLocale>;

package/cjs/components/PasswordInput/locale/index.js

@@ -0,0 +1,11 @@
+"use strict";exports.__esModule = true;var _exportNames = { PasswordInputLocaleHelper: true };exports.PasswordInputLocaleHelper = void 0;var _LocaleHelper = require("../../../lib/locale/LocaleHelper");
+
+var _en = require("./locales/en");
+var _ru = require("./locales/ru");
+
+
+var _types = require("./types");Object.keys(_types).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;if (key in exports && exports[key] === _types[key]) return;exports[key] = _types[key];});
+
+var PasswordInputLocaleHelper = new _LocaleHelper.LocaleHelper({
+  ru_RU: _ru.componentsLocales,
+  en_GB: _en.componentsLocales });exports.PasswordInputLocaleHelper = PasswordInputLocaleHelper;

package/cjs/components/PasswordInput/locale/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":["PasswordInputLocaleHelper","LocaleHelper","ru_RU","en_GB"],"mappings":"yIAAA;;AAEA;AACA;;;AAGA;;AAEO,IAAMA,yBAAyB,GAAG,IAAIC,0BAAJ,CAAsC;AAC7EC,EAAAA,KAAK,EAALA,qBAD6E;AAE7EC,EAAAA,KAAK,EAALA,qBAF6E,EAAtC,CAAlC,C","sourcesContent":["import { LocaleHelper } from '../../../lib/locale/LocaleHelper';\n\nimport { componentsLocales as en_GB } from './locales/en';\nimport { componentsLocales as ru_RU } from './locales/ru';\nimport { PasswordInputLocale } from './types';\n\nexport * from './types';\n\nexport const PasswordInputLocaleHelper = new LocaleHelper<PasswordInputLocale>({\n  ru_RU,\n  en_GB,\n});\n"]}

package/cjs/components/PasswordInput/locale/locales/en.d.ts

@@ -0,0 +1,2 @@
+import { PasswordInputLocale } from '../types';
+export declare const componentsLocales: PasswordInputLocale;

package/cjs/components/PasswordInput/locale/locales/en.js

@@ -0,0 +1,5 @@
+"use strict";exports.__esModule = true;exports.componentsLocales = void 0;
+
+var componentsLocales = {
+  eyeOpenedAriaLabel: 'Hide password symbols',
+  eyeClosedAriaLabel: 'Show password symbols' };exports.componentsLocales = componentsLocales;

package/cjs/components/PasswordInput/locale/locales/en.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["en.ts"],"names":["componentsLocales","eyeOpenedAriaLabel","eyeClosedAriaLabel"],"mappings":";;AAEO,IAAMA,iBAAsC,GAAG;AACpDC,EAAAA,kBAAkB,EAAE,uBADgC;AAEpDC,EAAAA,kBAAkB,EAAE,uBAFgC,EAA/C,C","sourcesContent":["import { PasswordInputLocale } from '../types';\n\nexport const componentsLocales: PasswordInputLocale = {\n  eyeOpenedAriaLabel: 'Hide password symbols',\n  eyeClosedAriaLabel: 'Show password symbols',\n};\n"]}

package/cjs/components/PasswordInput/locale/locales/ru.d.ts

@@ -0,0 +1,2 @@
+import { PasswordInputLocale } from '../types';
+export declare const componentsLocales: PasswordInputLocale;

package/cjs/components/PasswordInput/locale/locales/ru.js

@@ -0,0 +1,5 @@
+"use strict";exports.__esModule = true;exports.componentsLocales = void 0;
+
+var componentsLocales = {
+  eyeOpenedAriaLabel: 'Скрыть символы пароля',
+  eyeClosedAriaLabel: 'Отобразить символы пароля' };exports.componentsLocales = componentsLocales;

package/cjs/components/PasswordInput/locale/locales/ru.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ru.ts"],"names":["componentsLocales","eyeOpenedAriaLabel","eyeClosedAriaLabel"],"mappings":";;AAEO,IAAMA,iBAAsC,GAAG;AACpDC,EAAAA,kBAAkB,EAAE,uBADgC;AAEpDC,EAAAA,kBAAkB,EAAE,2BAFgC,EAA/C,C","sourcesContent":["import { PasswordInputLocale } from '../types';\n\nexport const componentsLocales: PasswordInputLocale = {\n  eyeOpenedAriaLabel: 'Скрыть символы пароля',\n  eyeClosedAriaLabel: 'Отобразить символы пароля',\n};\n"]}

package/cjs/components/PasswordInput/locale/types.d.ts

@@ -0,0 +1,4 @@
+export interface PasswordInputLocale {
+    eyeOpenedAriaLabel?: string;
+    eyeClosedAriaLabel?: string;
+}

package/cjs/components/PasswordInput/locale/types.js

@@ -0,0 +1 @@
+"use strict";exports.__esModule = true;

package/cjs/components/PasswordInput/locale/types.js.map

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

package/cjs/components/Radio/Radio.d.ts

@@ -0,0 +1,96 @@
+import React, { AriaAttributes } from 'react';
+import { Override } from '../../typings/utility-types';
+import { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';
+import { RadioGroupContextType } from '../RadioGroup/RadioGroupContext';
+import { SizeProp } from '../../lib/types/props';
+/**
+ * @deprecated use SizeProp
+ */
+export declare type RadioSize = SizeProp;
+export interface RadioProps<T> extends Pick<AriaAttributes, 'aria-label'>, CommonProps, Override<React.InputHTMLAttributes<HTMLInputElement>, {
+    /**
+     *  Состояние валидации при ошибке.
+     */
+    error?: boolean;
+    /**
+     * Состояние валидации при предупреждении.
+     */
+    warning?: boolean;
+    /**
+     * Размер
+     */
+    size?: SizeProp;
+    /**
+     * Состояние фокуса.
+     */
+    focused?: boolean;
+    /**
+     * Функция, вызываемая при изменении `value`.
+     */
+    onValueChange?: (value: T) => void;
+    /**
+     * HTML-событие `onmouseenter`
+     */
+    onMouseEnter?: React.MouseEventHandler<HTMLLabelElement>;
+    /**
+     * HTML-событие `mouseleave`
+     */
+    onMouseLeave?: React.MouseEventHandler<HTMLLabelElement>;
+    /**
+     * HTML-событие `onmouseover`
+     */
+    onMouseOver?: React.MouseEventHandler<HTMLLabelElement>;
+    /**
+     * HTML-атрибут `value`.
+     */
+    value: T;
+}> {
+}
+export interface RadioState {
+    focusedByKeyboard: boolean;
+}
+export declare const RadioDataTids: {
+    readonly root: "Radio__root";
+};
+declare type DefaultProps = Required<Pick<RadioProps<any>, 'focused' | 'size'>>;
+/**
+ * Радио-кнопки используются, когда может быть выбран только один вариант из нескольких.
+ */
+export declare class Radio<T> extends React.Component<RadioProps<T>, RadioState> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    state: {
+        focusedByKeyboard: boolean;
+    };
+    static defaultProps: DefaultProps;
+    private getProps;
+    static contextType: React.Context<RadioGroupContextType<any>>;
+    context: RadioGroupContextType<T>;
+    private inputEl;
+    private setRootNode;
+    private theme;
+    private emotion;
+    private getRootSizeClassName;
+    private getCircleSizeClassName;
+    private getCheckedSizeClassName;
+    render(): JSX.Element;
+    /**
+     * @public
+     */
+    focus(): void;
+    /**
+     * @public
+     */
+    blur(): void;
+    renderMain: (props: CommonWrapperRestProps<RadioProps<T>>) => JSX.Element;
+    private _isInRadioGroup;
+    private renderCaption;
+    private handleChange;
+    private handleMouseOver;
+    private handleMouseEnter;
+    private handleMouseLeave;
+    private handleFocus;
+    private resetFocus;
+    private handleBlur;
+}
+export {};