@skbkontur/react-ui 0.0.0-fed57d84fb → 0.7.0-beta.1

package/components/Paging/PagingDefaultComponent/PagingDefaultComponent.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["PagingDefaultComponent.tsx"],"names":["React","extractDataProps","PagingDefaultComponent","onClick","className","children","rest","dataProps"],"mappings":"mNAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,gBAAT,QAAiC,iBAAjC;;;;;;;;;;AAUA,OAAO,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAyB,OAA4E,KAAzEC,OAAyE,QAAzEA,OAAyE,CAAhEC,SAAgE,QAAhEA,SAAgE,CAArDC,QAAqD,QAArDA,QAAqD,CAAxCC,IAAwC;AAChH,0BAAsBL,gBAAgB,CAACK,IAAD,CAAtC,CAAQC,SAAR,qBAAQA,SAAR;;AAEA;AACE,2CAAM,OAAO,EAAEJ,OAAf,EAAwB,SAAS,EAAEC,SAAnC,IAAkDG,SAAlD;AACGF,IAAAA,QADH,CADF;;;AAKD,CARM","sourcesContent":["import React from 'react';\n\nimport { extractDataProps } from '../../lib/utils';\nimport { CommonProps } from '../../internal/CommonWrapper';\n\ntype PagingDefaultComponentInterface = {\n  onClick: () => void;\n  children: React.ReactNode;\n};\n\nexport type PagingDefaultComponentProps = PagingDefaultComponentInterface & Pick<CommonProps, 'className'>;\n\nexport const PagingDefaultComponent = ({ onClick, className, children, ...rest }: PagingDefaultComponentProps) => {\n  const { dataProps } = extractDataProps(rest);\n\n  return (\n    <span onClick={onClick} className={className} {...dataProps}>\n      {children}\n    </span>\n  );\n};\n"]}

package/components/Paging/PagingDefaultComponent/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../../cjs/components/Paging/PagingDefaultComponent.js",
-  "module": "PagingDefaultComponent",
-  "types": "../PagingDefaultComponent.d.ts",
-  "sideEffects": false
-}

package/components/Paging/PagingHelper/PagingHelper.js

@@ -1,27 +0,0 @@
-export function getItems(active, total) {
-  var result = [];
-  var left = Math.max(Math.min(active - 2, total - 4), 1);
-  var right = Math.min(Math.max(5, active + 2), total);
-  var hasLeftDots = left > 3;
-  var from = hasLeftDots ? left : 1;
-  var hasRightDots = right < total - 2;
-  var to = hasRightDots ? right : total;
-
-  if (hasLeftDots) {
-    result.push(1, '.');
-  }
-
-  for (var i = from; i <= to; ++i) {
-    result.push(i);
-  }
-
-  if (hasRightDots) {
-    result.push('.');
-  }
-
-  if (hasRightDots && isFinite(total)) {
-    result.push(total);
-  }
-
-  return result;
-}

package/components/Paging/PagingHelper/PagingHelper.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["PagingHelper.tsx"],"names":["getItems","active","total","result","left","Math","max","min","right","hasLeftDots","from","hasRightDots","to","push","i","isFinite"],"mappings":";;AAEA,OAAO,SAASA,QAAT,CAAkBC,MAAlB,EAAkCC,KAAlC,EAA6D;AAClE,MAAMC,MAAkB,GAAG,EAA3B;;AAEA,MAAMC,IAAI,GAAGC,IAAI,CAACC,GAAL,CAASD,IAAI,CAACE,GAAL,CAASN,MAAM,GAAG,CAAlB,EAAqBC,KAAK,GAAG,CAA7B,CAAT,EAA0C,CAA1C,CAAb;AACA,MAAMM,KAAK,GAAGH,IAAI,CAACE,GAAL,CAASF,IAAI,CAACC,GAAL,CAAS,CAAT,EAAYL,MAAM,GAAG,CAArB,CAAT,EAAkCC,KAAlC,CAAd;;AAEA,MAAMO,WAAW,GAAGL,IAAI,GAAG,CAA3B;AACA,MAAMM,IAAI,GAAGD,WAAW,GAAGL,IAAH,GAAU,CAAlC;;AAEA,MAAMO,YAAY,GAAGH,KAAK,GAAGN,KAAK,GAAG,CAArC;AACA,MAAMU,EAAE,GAAGD,YAAY,GAAGH,KAAH,GAAWN,KAAlC;;AAEA,MAAIO,WAAJ,EAAiB;AACfN,IAAAA,MAAM,CAACU,IAAP,CAAY,CAAZ,EAAe,GAAf;AACD;;AAED,OAAK,IAAIC,CAAC,GAAGJ,IAAb,EAAmBI,CAAC,IAAIF,EAAxB,EAA4B,EAAEE,CAA9B,EAAiC;AAC/BX,IAAAA,MAAM,CAACU,IAAP,CAAYC,CAAZ;AACD;;AAED,MAAIH,YAAJ,EAAkB;AAChBR,IAAAA,MAAM,CAACU,IAAP,CAAY,GAAZ;AACD;;AAED,MAAIF,YAAY,IAAII,QAAQ,CAACb,KAAD,CAA5B,EAAqC;AACnCC,IAAAA,MAAM,CAACU,IAAP,CAAYX,KAAZ;AACD;;AAED,SAAOC,MAAP;AACD","sourcesContent":["import { ItemType } from './Paging';\n\nexport function getItems(active: number, total: number): ItemType[] {\n  const result: ItemType[] = [];\n\n  const left = Math.max(Math.min(active - 2, total - 4), 1);\n  const right = Math.min(Math.max(5, active + 2), total);\n\n  const hasLeftDots = left > 3;\n  const from = hasLeftDots ? left : 1;\n\n  const hasRightDots = right < total - 2;\n  const to = hasRightDots ? right : total;\n\n  if (hasLeftDots) {\n    result.push(1, '.');\n  }\n\n  for (let i = from; i <= to; ++i) {\n    result.push(i);\n  }\n\n  if (hasRightDots) {\n    result.push('.');\n  }\n\n  if (hasRightDots && isFinite(total)) {\n    result.push(total);\n  }\n\n  return result;\n}\n"]}

package/components/Paging/PagingHelper/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../../cjs/components/Paging/PagingHelper.js",
-  "module": "PagingHelper",
-  "types": "../PagingHelper.d.ts",
-  "sideEffects": false
-}

package/components/Paging/index/index.js

@@ -1 +0,0 @@
-export * from "../Paging";

package/components/Paging/index/index.js.map

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

package/components/Paging/index/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../../cjs/components/Paging/index.js",
-  "module": "index",
-  "types": "../index.d.ts",
-  "sideEffects": false
-}

package/components/Paging/locale/index/index.js

@@ -1,8 +0,0 @@
-import { LocaleHelper } from "../../../../lib/locale/LocaleHelper";
-import { componentsLocales as en_GB } from "../locales/en";
-import { componentsLocales as ru_RU } from "../locales/ru";
-export * from "../types";
-export var PagingLocaleHelper = new LocaleHelper({
-  ru_RU: ru_RU,
-  en_GB: en_GB
-});

package/components/Paging/locale/index/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["index.ts"],"names":["LocaleHelper","componentsLocales","en_GB","ru_RU","PagingLocaleHelper"],"mappings":"AAAA,SAASA,YAAT,QAA6B,kCAA7B;;AAEA,SAASC,iBAAiB,IAAIC,KAA9B,QAA2C,cAA3C;AACA,SAASD,iBAAiB,IAAIE,KAA9B,QAA2C,cAA3C;;;AAGA,cAAc,SAAd;;AAEA,OAAO,IAAMC,kBAAkB,GAAG,IAAIJ,YAAJ,CAA+B;AAC/DG,EAAAA,KAAK,EAALA,KAD+D;AAE/DD,EAAAA,KAAK,EAALA,KAF+D,EAA/B,CAA3B","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 { PagingLocale } from './types';\n\nexport * from './types';\n\nexport const PagingLocaleHelper = new LocaleHelper<PagingLocale>({\n  ru_RU,\n  en_GB,\n});\n"]}

package/components/Paging/locale/index/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../../../cjs/components/Paging/locale/index.js",
-  "module": "index",
-  "types": "../index.d.ts",
-  "sideEffects": false
-}

package/components/Paging/locale/locales/en/en.js

@@ -1,3 +0,0 @@
-export var componentsLocales = {
-  forward: 'Forward'
-};

package/components/Paging/locale/locales/en/en.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["en.ts"],"names":["componentsLocales","forward"],"mappings":";;AAEA,OAAO,IAAMA,iBAA+B,GAAG;AAC7CC,EAAAA,OAAO,EAAE,SADoC,EAAxC","sourcesContent":["import { PagingLocale } from '../types';\n\nexport const componentsLocales: PagingLocale = {\n  forward: 'Forward',\n};\n"]}

package/components/Paging/locale/locales/en/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../../../../cjs/components/Paging/locale/locales/en.js",
-  "module": "en",
-  "types": "../en.d.ts",
-  "sideEffects": false
-}

package/components/Paging/locale/locales/ru/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../../../../cjs/components/Paging/locale/locales/ru.js",
-  "module": "ru",
-  "types": "../ru.d.ts",
-  "sideEffects": false
-}

package/components/Paging/locale/locales/ru/ru.js

@@ -1,3 +0,0 @@
-export var componentsLocales = {
-  forward: 'Дальше'
-};

package/components/Paging/locale/locales/ru/ru.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["ru.ts"],"names":["componentsLocales","forward"],"mappings":";;AAEA,OAAO,IAAMA,iBAA+B,GAAG;AAC7CC,EAAAA,OAAO,EAAE,QADoC,EAAxC","sourcesContent":["import { PagingLocale } from '../types';\n\nexport const componentsLocales: PagingLocale = {\n  forward: 'Дальше',\n};\n"]}

package/components/Paging/locale/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../../cjs/components/Paging/locale/index.js",
-  "module": "index",
-  "types": "index.d.ts",
-  "sideEffects": false
-}

package/components/Paging/locale/types/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../../../cjs/components/Paging/locale/types.js",
-  "module": "types",
-  "types": "../types.d.ts",
-  "sideEffects": false
-}

package/components/Paging/locale/types/types.js

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

package/components/Paging/locale/types/types.js.map

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

package/components/Paging/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../cjs/components/Paging/index.js",
-  "module": "index",
-  "types": "index.d.ts",
-  "sideEffects": false
-}

package/components/PasswordInput/PasswordInput/PasswordInput.js

@@ -1,239 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
-var _excluded = ["detectCapsLock"];
-
-var _class, _class2, _temp;
-
-import React from 'react';
-import PropTypes from 'prop-types';
-import { RenderLayer } from "../../../internal/RenderLayer";
-import { isNonNullable } from "../../../lib/utils";
-import { isKeyCapsLock } from "../../../lib/events/keyboard/identifiers";
-import { KeyboardEventCodes as Codes } from "../../../lib/events/keyboard/KeyboardEventCodes";
-import { Input } from "../../Input";
-import { isIE11 } from "../../../lib/client";
-import { CommonWrapper } from "../../../internal/CommonWrapper";
-import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { cx } from "../../../lib/theming/Emotion";
-import { rootNode } from "../../../lib/rootNode";
-import { styles } from "../PasswordInput.styles";
-import { PasswordInputIcon } from "../PasswordInputIcon";
-export var PasswordInputDataTids = {
-  root: 'PasswordInput',
-  capsLockDetector: 'PasswordInputCapsLockDetector',
-  eyeIcon: 'PasswordInputEyeIcon'
-};
-/**
- * Компонент для ввода пароля
- */
-
-export var PasswordInput = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$PureComponent) {
-  _inheritsLoose(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.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(Codes.CapsLock);
-
-      _this.setState({
-        capsLockEnabled: capsLockEnabled
-      });
-    };
-
-    _this.handleKeydown = function (e) {
-      var _assertThisInitialize = _assertThisInitialized(_this),
-          _assertThisInitialize2 = _assertThisInitialize.props,
-          detectCapsLock = _assertThisInitialize2.detectCapsLock,
-          onKeyDown = _assertThisInitialize2.onKeyDown,
-          capsLockEnabled = _assertThisInitialize.state.capsLockEnabled;
-
-      if (onKeyDown) {
-        onKeyDown(e);
-      }
-
-      if (!detectCapsLock) {
-        return;
-      }
-
-      if (isKeyCapsLock(e) && 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;
-      return /*#__PURE__*/React.createElement("span", {
-        className: styles.iconWrapper()
-      }, capsLockEnabled && /*#__PURE__*/React.createElement("span", {
-        className: styles.capsLockDetector(),
-        "data-tid": PasswordInputDataTids.capsLockDetector
-      }), /*#__PURE__*/React.createElement("span", {
-        "data-tid": PasswordInputDataTids.eyeIcon,
-        className: cx(styles.toggleVisibility(_this.theme), _this.getEyeWrapperClassname()),
-        onClick: _this.handleToggleVisibility
-      }, !_this.props.disabled && /*#__PURE__*/React.createElement(PasswordInputIcon, {
-        visible: _this.state.visible
-      })));
-    };
-
-    _this.refInput = function (element) {
-      _this.input = element;
-    };
-
-    _this.hideSymbols = function () {
-      _this.setState({
-        visible: false
-      });
-    };
-
-    _this.renderMain = function (props) {
-      var detectCapsLock = props.detectCapsLock,
-          rest = _objectWithoutPropertiesLoose(props, _excluded);
-
-      var inputProps = _extends({}, rest, {
-        onKeyDown: _this.handleKeydown,
-        onKeyPress: _this.handleKeyPress,
-        rightIcon: _this.renderEye()
-      });
-
-      return /*#__PURE__*/React.createElement(RenderLayer, {
-        onFocusOutside: _this.hideSymbols,
-        onClickOutside: _this.hideSymbols
-      }, /*#__PURE__*/React.createElement("div", {
-        "data-tid": PasswordInputDataTids.root,
-        className: styles.root()
-      }, /*#__PURE__*/React.createElement(Input, _extends({
-        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-ignore
-
-
-    if (isIE11 && !window.document.msCapsLockWarningOff) {
-      // turns off default ie capslock warning
-      // @ts-ignore
-      window.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.createElement(ThemeContext.Consumer, null, function (theme) {
-      _this2.theme = theme;
-      return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
-        rootNodeRef: _this2.setRootNode
-      }, _this2.props), _this2.renderMain);
-    });
-  }
-  /**
-  * @public
-  */
-  ;
-
-  _proto.getEyeWrapperClassname = function getEyeWrapperClassname(right) {
-    if (right === void 0) {
-      right = false;
-    }
-
-    switch (this.props.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.PureComponent), _class2.__KONTUR_REACT_UI__ = 'PasswordInput', _class2.propTypes = {
-  /**
-  * Включает CapsLock детектор
-  */
-  detectCapsLock: PropTypes.bool
-}, _class2.defaultProps = {
-  size: 'small'
-}, _temp)) || _class;

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

@@ -1 +0,0 @@
-{"version":3,"sources":["PasswordInput.tsx"],"names":["React","PropTypes","RenderLayer","isNonNullable","isKeyCapsLock","KeyboardEventCodes","Codes","Input","isIE11","CommonWrapper","ThemeContext","cx","rootNode","styles","PasswordInputIcon","PasswordInputDataTids","root","capsLockDetector","eyeIcon","PasswordInput","state","visible","capsLockEnabled","focus","input","blur","handleBlur","handleKeyPress","e","props","onKeyPress","detectCapsLock","getModifierState","CapsLock","setState","handleKeydown","onKeyDown","handleToggleVisibility","prevState","handleFocus","renderEye","iconWrapper","toggleVisibility","theme","getEyeWrapperClassname","disabled","refInput","element","hideSymbols","renderMain","rest","inputProps","rightIcon","componentDidMount","window","document","msCapsLockWarningOff","getDerivedStateFromProps","render","setRootNode","right","size","eyeWrapperLarge","eyeWrapperMedium","eyeWrapperSmall","PureComponent","__KONTUR_REACT_UI__","propTypes","bool","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\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 { CommonWrapper, CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\n\nimport { styles } from './PasswordInput.styles';\nimport { PasswordInputIcon } from './PasswordInputIcon';\n\nexport interface PasswordInputProps extends 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\n/**\n * Компонент для ввода пароля\n */\n@rootNode\nexport class PasswordInput extends React.PureComponent<PasswordInputProps, PasswordInputState> {\n  public static __KONTUR_REACT_UI__ = 'PasswordInput';\n\n  public static propTypes = {\n    /**\n     * Включает CapsLock детектор\n     */\n    detectCapsLock: PropTypes.bool,\n  };\n\n  public static defaultProps = {\n    size: 'small',\n  };\n\n  public state: PasswordInputState = {\n    visible: false,\n    capsLockEnabled: false,\n  };\n\n  private theme!: Theme;\n\n  private input: Nullable<Input>;\n  private setRootNode!: TSetRootNode;\n\n  public componentDidMount() {\n    if (this.props.detectCapsLock) {\n      this.setState({ capsLockEnabled: null });\n    }\n\n    // @ts-ignore\n    if (isIE11 && !window.document.msCapsLockWarningOff) {\n      // turns off default ie capslock warning\n      // @ts-ignore\n      window.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      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return (\n            <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n              {this.renderMain}\n            </CommonWrapper>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  /**\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(right = false) {\n    switch (this.props.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\n    return (\n      <span className={styles.iconWrapper()}>\n        {capsLockEnabled && (\n          <span className={styles.capsLockDetector()} data-tid={PasswordInputDataTids.capsLockDetector} />\n        )}\n        <span\n          data-tid={PasswordInputDataTids.eyeIcon}\n          className={cx(styles.toggleVisibility(this.theme), this.getEyeWrapperClassname())}\n          onClick={this.handleToggleVisibility}\n        >\n          {!this.props.disabled && <PasswordInputIcon visible={this.state.visible} />}\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    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/components/PasswordInput/PasswordInput/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../../cjs/components/PasswordInput/PasswordInput.js",
-  "module": "PasswordInput",
-  "types": "../PasswordInput.d.ts",
-  "sideEffects": false
-}

package/components/PasswordInput/PasswordInput.md

@@ -1,9 +0,0 @@
-```jsx harmony
-<PasswordInput />
-```
-
-Пример с отслеживанием нажатия CapsLock:
-
-```jsx harmony
-<PasswordInput detectCapsLock />
-```

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

@@ -1,28 +0,0 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
-
-import { css, memoizeStyle } from "../../../lib/theming/Emotion";
-export var styles = memoizeStyle({
-  root: function root() {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\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 css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\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 css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\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 css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      display: flex;\n      align-items: center;\n      justify-content: flex-end;\n    "])));
-  },
-  eyeWrapperSmall: function eyeWrapperSmall(t) {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      min-width: ", ";\n    "])), t.inputIconSizeSmall);
-  },
-  eyeWrapperMedium: function eyeWrapperMedium(t) {
-    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      min-width: ", ";\n    "])), t.inputIconSizeMedium);
-  },
-  eyeWrapperLarge: function eyeWrapperLarge(t) {
-    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      min-width: ", ";\n    "])), t.inputIconSizeLarge);
-  }
-});

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

@@ -1 +0,0 @@
-{"version":3,"sources":["PasswordInput.styles.ts"],"names":["css","memoizeStyle","styles","root","toggleVisibility","t","passwordInputVisibilityIconColor","passwordInputVisibilityIconOpacity","passwordInputVisibilityIconHoverColor","passwordInputVisibilityIconHoverOpacity","capsLockDetector","iconWrapper","eyeWrapperSmall","inputIconSizeSmall","eyeWrapperMedium","inputIconSizeMedium","eyeWrapperLarge","inputIconSizeLarge"],"mappings":";AACA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;AAEA,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;AACjCE,EAAAA,IADiC,kBAC1B;AACL,WAAOH,GAAP;;;;;;;;;;AAUD,GAZgC;AAajCI,EAAAA,gBAbiC,4BAahBC,CAbgB,EAaN;AACzB,WAAOL,GAAP;AACWK,IAAAA,CAAC,CAACC,gCADb;;AAGaD,IAAAA,CAAC,CAACE,kCAHf;;;;AAOaF,IAAAA,CAAC,CAACG,qCAPf;AAQeH,IAAAA,CAAC,CAACI,uCARjB;;;AAWD,GAzBgC;AA0BjCC,EAAAA,gBA1BiC,8BA0Bd;AACjB,WAAOV,GAAP;;;;;;;;;;;;;;;;;AAiBD,GA5CgC;AA6CjCW,EAAAA,WA7CiC,yBA6CnB;AACZ,WAAOX,GAAP;;;;;AAKD,GAnDgC;;AAqDjCY,EAAAA,eArDiC,2BAqDjBP,CArDiB,EAqDP;AACxB,WAAOL,GAAP;AACeK,IAAAA,CAAC,CAACQ,kBADjB;;AAGD,GAzDgC;;AA2DjCC,EAAAA,gBA3DiC,4BA2DhBT,CA3DgB,EA2DN;AACzB,WAAOL,GAAP;AACeK,IAAAA,CAAC,CAACU,mBADjB;;AAGD,GA/DgC;;AAiEjCC,EAAAA,eAjEiC,2BAiEjBX,CAjEiB,EAiEP;AACxB,WAAOL,GAAP;AACeK,IAAAA,CAAC,CAACY,kBADjB;;AAGD,GArEgC,EAAD,CAA3B","sourcesContent":["import { Theme } from '../../lib/theming/Theme';\nimport { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  root() {\n    return 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 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 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 css`\n      display: flex;\n      align-items: center;\n      justify-content: flex-end;\n    `;\n  },\n\n  eyeWrapperSmall(t: Theme) {\n    return css`\n      min-width: ${t.inputIconSizeSmall};\n    `;\n  },\n\n  eyeWrapperMedium(t: Theme) {\n    return css`\n      min-width: ${t.inputIconSizeMedium};\n    `;\n  },\n\n  eyeWrapperLarge(t: Theme) {\n    return css`\n      min-width: ${t.inputIconSizeLarge};\n    `;\n  },\n});\n"]}

package/components/PasswordInput/PasswordInput.styles/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../../cjs/components/PasswordInput/PasswordInput.styles.js",
-  "module": "PasswordInput.styles",
-  "types": "../PasswordInput.styles.d.ts",
-  "sideEffects": false
-}

package/components/PasswordInput/PasswordInputIcon/PasswordInputIcon.js

@@ -1,15 +0,0 @@
-import React from 'react';
-import { EyeClosedIcon, EyeOpenedIcon } from "../../../internal/icons/16px";
-export var PasswordInputIcon = function PasswordInputIcon(_ref) {
-  var visible = _ref.visible;
-
-  if (visible) {
-    return /*#__PURE__*/React.createElement(EyeClosedIcon, {
-      size: 14
-    });
-  }
-
-  return /*#__PURE__*/React.createElement(EyeOpenedIcon, {
-    size: 14
-  });
-};

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

@@ -1 +0,0 @@
-{"version":3,"sources":["PasswordInputIcon.tsx"],"names":["React","EyeClosedIcon","EyeOpenedIcon","PasswordInputIcon","visible"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,aAAT,EAAwBC,aAAxB,QAA6C,2BAA7C;;;;;;AAMA,OAAO,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,OAAyC,KAAtCC,OAAsC,QAAtCA,OAAsC;AACxE,MAAIA,OAAJ,EAAa;AACX,wBAAO,oBAAC,aAAD,IAAe,IAAI,EAAE,EAArB,GAAP;AACD;;AAED,sBAAO,oBAAC,aAAD,IAAe,IAAI,EAAE,EAArB,GAAP;AACD,CANM","sourcesContent":["import React from 'react';\n\nimport { EyeClosedIcon, EyeOpenedIcon } from '../../internal/icons/16px';\n\nimport { PasswordInputState } from './PasswordInput';\n\nexport type PasswordInputIconProps = Pick<PasswordInputState, 'visible'>;\n\nexport const PasswordInputIcon = ({ visible }: PasswordInputIconProps) => {\n  if (visible) {\n    return <EyeClosedIcon size={14} />;\n  }\n\n  return <EyeOpenedIcon size={14} />;\n};\n"]}

package/components/PasswordInput/PasswordInputIcon/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../../cjs/components/PasswordInput/PasswordInputIcon.js",
-  "module": "PasswordInputIcon",
-  "types": "../PasswordInputIcon.d.ts",
-  "sideEffects": false
-}

package/components/PasswordInput/index/index.js

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

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

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

package/components/PasswordInput/index/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../../cjs/components/PasswordInput/index.js",
-  "module": "index",
-  "types": "../index.d.ts",
-  "sideEffects": false
-}

package/components/PasswordInput/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../cjs/components/PasswordInput/index.js",
-  "module": "index",
-  "types": "index.d.ts",
-  "sideEffects": false
-}