@skbkontur/react-ui 0.0.0-8fc80072ce → 0.0.0-9294639913

package/components/Paging/Paging.styles.js

@@ -1,130 +0,0 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";function _templateObject13() {var data = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      margin: 0 -20px;\n      font-size: 11px;\n\n      ", " & {\n        color: ", ";\n      }\n    "]);_templateObject13 = function _templateObject13() {return data;};return data;}function _templateObject12() {var data = _taggedTemplateLiteralLoose(["\n      height: 15px;\n    "]);_templateObject12 = function _templateObject12() {return data;};return data;}function _templateObject11() {var data = _taggedTemplateLiteralLoose(["\n      color: transparent;\n    "]);_templateObject11 = function _templateObject11() {return data;};return data;}function _templateObject10() {var data = _taggedTemplateLiteralLoose(["\n      margin: 0 -1px !important;\n      border: solid 2px ", ";\n    "]);_templateObject10 = function _templateObject10() {return data;};return data;}function _templateObject9() {var data = _taggedTemplateLiteralLoose(["\n      cursor: default;\n    "]);_templateObject9 = function _templateObject9() {return data;};return data;}function _templateObject8() {var data = _taggedTemplateLiteralLoose(["\n      border-radius: 16px;\n      color: ", ";\n      cursor: pointer;\n      display: block;\n      font-size: 16px;\n      margin: 2px 1px;\n      outline: none;\n      padding: 2px 10px 5px;\n      text-decoration: none;\n\n      &:not(", "):hover {\n        background: ", ";\n      }\n\n      ", "& {\n        background: ", ";\n        color: ", ";\n      }\n    "]);_templateObject8 = function _templateObject8() {return data;};return data;}function _templateObject7() {var data = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      font-size: 0;\n      text-align: center;\n      user-select: none;\n      vertical-align: top;\n    "]);_templateObject7 = function _templateObject7() {return data;};return data;}function _templateObject6() {var data = _taggedTemplateLiteralLoose(["\n      ", "& {\n        color: ", ";\n      }\n    "]);_templateObject6 = function _templateObject6() {return data;};return data;}function _templateObject5() {var data = _taggedTemplateLiteralLoose(["\n      vertical-align: -2px;\n      position: absolute;\n      right: 0;\n    "]);_templateObject5 = function _templateObject5() {return data;};return data;}function _templateObject4() {var data = _taggedTemplateLiteralLoose(["\n      text-decoration: underline;\n    "]);_templateObject4 = function _templateObject4() {return data;};return data;}function _templateObject3() {var data = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      cursor: pointer;\n      display: inline-block;\n      font-size: 16px;\n      margin: 4px 0 2px 10px;\n      outline: none;\n      padding-right: 22px;\n      position: relative;\n      text-decoration: none;\n      user-select: none;\n      vertical-align: top;\n    "]);_templateObject3 = function _templateObject3() {return data;};return data;}function _templateObject2() {var data = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      display: inline-block;\n      font-size: 16px;\n      padding: 6px 10px 0;\n    "]);_templateObject2 = function _templateObject2() {return data;};return data;}function _templateObject() {var data = _taggedTemplateLiteralLoose(["\n      user-select: none;\n      outline: 0;\n    "]);_templateObject = function _templateObject() {return data;};return data;}import { css, cssName, memoizeStyle } from '../../lib/theming/Emotion';
-
-
-var styles = {
-  paging: function paging() {
-    return css(_templateObject());
-
-
-
-  },
-
-  dots: function dots(t) {
-    return css(_templateObject2(),
-    t.pagingDotsColor);
-
-
-
-
-  },
-
-  forwardLink: function forwardLink(t) {
-    return css(_templateObject3(),
-    t.pagingForwardLinkColor);
-
-
-
-
-
-
-
-
-
-
-
-  },
-
-  forwardLinkFocused: function forwardLinkFocused() {
-    return css(_templateObject4());
-
-
-  },
-
-  forwardIcon: function forwardIcon() {
-    return css(_templateObject5());
-
-
-
-
-  },
-
-  disabled: function disabled(t) {
-    return css(_templateObject6(),
-    cssName(styles.forwardLink(t)),
-    t.pagingForwardLinkDisabledColor);
-
-
-  },
-
-  pageLinkWrapper: function pageLinkWrapper() {
-    return css(_templateObject7());
-
-
-
-
-
-
-  },
-
-  pageLink: function pageLink(t) {
-    return css(_templateObject8(),
-
-    t.pagingForwardLinkColor,
-
-
-
-
-
-
-
-
-    cssName(styles.active()),
-    t.pagingPageLinkHoverBg,
-
-
-    cssName(styles.active()),
-    t.pagingPageLinkActiveBg,
-    t.pagingPageLinkActiveColor);
-
-
-  },
-
-  active: function active() {
-    return css(_templateObject9());
-
-
-  },
-
-  pageLinkFocused: function pageLinkFocused(t) {
-    return css(_templateObject10(),
-
-    t.borderColorFocus);
-
-  },
-
-  transparent: function transparent() {
-    return css(_templateObject11());
-
-
-  },
-
-  pageLinkHintPlaceHolder: function pageLinkHintPlaceHolder() {
-    return css(_templateObject12());
-
-
-  },
-
-  pageLinkHint: function pageLinkHint(t) {
-    return css(_templateObject13(),
-
-
-
-
-    cssName(styles.pageLinkWrapper()),
-    t.pagingPageLinkHintColor);
-
-
-  } };
-
-
-export var jsStyles = memoizeStyle(styles);

package/components/Paging/Paging.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["Paging.styles.ts"],"names":["css","cssName","memoizeStyle","styles","paging","dots","t","pagingDotsColor","forwardLink","pagingForwardLinkColor","forwardLinkFocused","forwardIcon","disabled","pagingForwardLinkDisabledColor","pageLinkWrapper","pageLink","active","pagingPageLinkHoverBg","pagingPageLinkActiveBg","pagingPageLinkActiveColor","pageLinkFocused","borderColorFocus","transparent","pageLinkHintPlaceHolder","pageLinkHint","pagingPageLinkHintColor","jsStyles"],"mappings":"g5GAAA,SAASA,GAAT,EAAcC,OAAd,EAAuBC,YAAvB,QAA2C,2BAA3C;;;AAGA,IAAMC,MAAM,GAAG;AACbC,EAAAA,MADa,oBACJ;AACP,WAAOJ,GAAP;;;;AAID,GANY;;AAQbK,EAAAA,IARa,gBAQRC,CARQ,EAQE;AACb,WAAON,GAAP;AACWM,IAAAA,CAAC,CAACC,eADb;;;;;AAMD,GAfY;;AAiBbC,EAAAA,WAjBa,uBAiBDF,CAjBC,EAiBS;AACpB,WAAON,GAAP;AACWM,IAAAA,CAAC,CAACG,sBADb;;;;;;;;;;;;AAaD,GA/BY;;AAiCbC,EAAAA,kBAjCa,gCAiCQ;AACnB,WAAOV,GAAP;;;AAGD,GArCY;;AAuCbW,EAAAA,WAvCa,yBAuCC;AACZ,WAAOX,GAAP;;;;;AAKD,GA7CY;;AA+CbY,EAAAA,QA/Ca,oBA+CJN,CA/CI,EA+CM;AACjB,WAAON,GAAP;AACIC,IAAAA,OAAO,CAACE,MAAM,CAACK,WAAP,CAAmBF,CAAnB,CAAD,CADX;AAEaA,IAAAA,CAAC,CAACO,8BAFf;;;AAKD,GArDY;;AAuDbC,EAAAA,eAvDa,6BAuDK;AAChB,WAAOd,GAAP;;;;;;;AAOD,GA/DY;;AAiEbe,EAAAA,QAjEa,oBAiEJT,CAjEI,EAiEM;AACjB,WAAON,GAAP;;AAEWM,IAAAA,CAAC,CAACG,sBAFb;;;;;;;;;AAWUR,IAAAA,OAAO,CAACE,MAAM,CAACa,MAAP,EAAD,CAXjB;AAYkBV,IAAAA,CAAC,CAACW,qBAZpB;;;AAeIhB,IAAAA,OAAO,CAACE,MAAM,CAACa,MAAP,EAAD,CAfX;AAgBkBV,IAAAA,CAAC,CAACY,sBAhBpB;AAiBaZ,IAAAA,CAAC,CAACa,yBAjBf;;;AAoBD,GAtFY;;AAwFbH,EAAAA,MAxFa,oBAwFJ;AACP,WAAOhB,GAAP;;;AAGD,GA5FY;;AA8FboB,EAAAA,eA9Fa,2BA8FGd,CA9FH,EA8Fa;AACxB,WAAON,GAAP;;AAEsBM,IAAAA,CAAC,CAACe,gBAFxB;;AAID,GAnGY;;AAqGbC,EAAAA,WArGa,yBAqGC;AACZ,WAAOtB,GAAP;;;AAGD,GAzGY;;AA2GbuB,EAAAA,uBA3Ga,qCA2Ga;AACxB,WAAOvB,GAAP;;;AAGD,GA/GY;;AAiHbwB,EAAAA,YAjHa,wBAiHAlB,CAjHA,EAiHU;AACrB,WAAON,GAAP;;;;;AAKIC,IAAAA,OAAO,CAACE,MAAM,CAACW,eAAP,EAAD,CALX;AAMaR,IAAAA,CAAC,CAACmB,uBANf;;;AASD,GA3HY,EAAf;;;AA8HA,OAAO,IAAMC,QAAQ,GAAGxB,YAAY,CAACC,MAAD,CAA7B","sourcesContent":["import { css, cssName, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nconst styles = {\r\n  paging() {\r\n    return css`\r\n      user-select: none;\r\n      outline: 0;\r\n    `;\r\n  },\r\n\r\n  dots(t: Theme) {\r\n    return css`\r\n      color: ${t.pagingDotsColor};\r\n      display: inline-block;\r\n      font-size: 16px;\r\n      padding: 6px 10px 0;\r\n    `;\r\n  },\r\n\r\n  forwardLink(t: Theme) {\r\n    return css`\r\n      color: ${t.pagingForwardLinkColor};\r\n      cursor: pointer;\r\n      display: inline-block;\r\n      font-size: 16px;\r\n      margin: 4px 0 2px 10px;\r\n      outline: none;\r\n      padding-right: 22px;\r\n      position: relative;\r\n      text-decoration: none;\r\n      user-select: none;\r\n      vertical-align: top;\r\n    `;\r\n  },\r\n\r\n  forwardLinkFocused() {\r\n    return css`\r\n      text-decoration: underline;\r\n    `;\r\n  },\r\n\r\n  forwardIcon() {\r\n    return css`\r\n      vertical-align: -2px;\r\n      position: absolute;\r\n      right: 0;\r\n    `;\r\n  },\r\n\r\n  disabled(t: Theme) {\r\n    return css`\r\n      ${cssName(styles.forwardLink(t))}& {\r\n        color: ${t.pagingForwardLinkDisabledColor};\r\n      }\r\n    `;\r\n  },\r\n\r\n  pageLinkWrapper() {\r\n    return css`\r\n      display: inline-block;\r\n      font-size: 0;\r\n      text-align: center;\r\n      user-select: none;\r\n      vertical-align: top;\r\n    `;\r\n  },\r\n\r\n  pageLink(t: Theme) {\r\n    return css`\r\n      border-radius: 16px;\r\n      color: ${t.pagingForwardLinkColor};\r\n      cursor: pointer;\r\n      display: block;\r\n      font-size: 16px;\r\n      margin: 2px 1px;\r\n      outline: none;\r\n      padding: 2px 10px 5px;\r\n      text-decoration: none;\r\n\r\n      &:not(${cssName(styles.active())}):hover {\r\n        background: ${t.pagingPageLinkHoverBg};\r\n      }\r\n\r\n      ${cssName(styles.active())}& {\r\n        background: ${t.pagingPageLinkActiveBg};\r\n        color: ${t.pagingPageLinkActiveColor};\r\n      }\r\n    `;\r\n  },\r\n\r\n  active() {\r\n    return css`\r\n      cursor: default;\r\n    `;\r\n  },\r\n\r\n  pageLinkFocused(t: Theme) {\r\n    return css`\r\n      margin: 0 -1px !important;\r\n      border: solid 2px ${t.borderColorFocus};\r\n    `;\r\n  },\r\n\r\n  transparent() {\r\n    return css`\r\n      color: transparent;\r\n    `;\r\n  },\r\n\r\n  pageLinkHintPlaceHolder() {\r\n    return css`\r\n      height: 15px;\r\n    `;\r\n  },\r\n\r\n  pageLinkHint(t: Theme) {\r\n    return css`\r\n      display: inline-block;\r\n      margin: 0 -20px;\r\n      font-size: 11px;\r\n\r\n      ${cssName(styles.pageLinkWrapper())} & {\r\n        color: ${t.pagingPageLinkHintColor};\r\n      }\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}

package/components/Paging/PagingHelper.js

@@ -1,32 +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.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';\r\n\r\nexport function getItems(active: number, total: number): ItemType[] {\r\n  const result: ItemType[] = [];\r\n\r\n  const left = Math.max(Math.min(active - 2, total - 4), 1);\r\n  const right = Math.min(Math.max(5, active + 2), total);\r\n\r\n  const hasLeftDots = left > 3;\r\n  const from = hasLeftDots ? left : 1;\r\n\r\n  const hasRightDots = right < total - 2;\r\n  const to = hasRightDots ? right : total;\r\n\r\n  if (hasLeftDots) {\r\n    result.push(1, '.');\r\n  }\r\n\r\n  for (let i = from; i <= to; ++i) {\r\n    result.push(i);\r\n  }\r\n\r\n  if (hasRightDots) {\r\n    result.push('.');\r\n  }\r\n\r\n  if (hasRightDots && isFinite(total)) {\r\n    result.push(total);\r\n  }\r\n\r\n  return result;\r\n}\r\n"]}

package/components/Paging/index.js

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

package/components/Paging/index.js.map

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

package/components/Paging/locale/index.js

@@ -1,11 +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.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,SAAUC,iBAAiB,IAAIC,KAA/B,QAA4C,cAA5C;AACA,SAAUD,iBAAiB,IAAIE,KAA/B,QAA4C,cAA5C;;;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';\r\n\r\nimport  { componentsLocales as en_GB } from './locales/en';\r\nimport  { componentsLocales as ru_RU } from './locales/ru';\r\nimport { PagingLocale } from './types';\r\n\r\nexport * from './types';\r\n\r\nexport const PagingLocaleHelper = new LocaleHelper<PagingLocale>({\r\n  ru_RU,\r\n  en_GB,\r\n});\r\n"]}

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

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

package/components/Paging/locale/locales/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';\r\n\r\nexport const componentsLocales: PagingLocale = {\r\n  forward: 'Forward',\r\n};\r\n"]}

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

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

package/components/Paging/locale/locales/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';\r\n\r\nexport const componentsLocales: PagingLocale = {\r\n  forward: 'Дальше',\r\n};\r\n"]}

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

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

package/components/PasswordInput/PasswordInput.js

@@ -1,158 +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";import React from 'react';
-import PropTypes from 'prop-types';
-
-import { isKeyCapsLock } from '../../lib/events/keyboard/identifiers';
-import { KeyboardEventCodes as Codes } from '../../lib/events/keyboard/KeyboardEventCodes';
-import { Input } from '../Input';
-
-import { EyeClosedIcon, EyeOpenedIcon } from '../internal/icons/16px';
-import { isIE11 } from '../../lib/utils';
-
-import { jsStyles } from './PasswordInput.styles';
-
-
-
-
-
-
-
-
-
-
-/**
-                                                    * Компонент для ввода пароля
-                                                    */
-export var PasswordInput = /*#__PURE__*/function (_React$Component) {_inheritsLoose(PasswordInput, _React$Component);function PasswordInput() {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 = {
-      visible: false,
-      capsLockEnabled: false };_this.
-
-
-    input = void 0;_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) && capsLockEnabled != null) {
-        _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 (
-        React.createElement("span", { className: jsStyles.iconWrapper() },
-        capsLockEnabled && React.createElement("span", { className: jsStyles.capsLockDetector() }),
-        React.createElement("span", { "data-tid": "PasswordInputEyeIcon", className: jsStyles.toggleVisibility(), onClick: _this.handleToggleVisibility },
-        _this.state.visible ? React.createElement(EyeOpenedIcon, { size: 14 }) : React.createElement(EyeClosedIcon, { size: 14 }))));
-
-
-
-    };_this.
-
-    refInput = function (element) {
-      _this.input = element;
-    };return _this;}var _proto = PasswordInput.prototype;_proto.UNSAFE_componentWillMount = function UNSAFE_componentWillMount() {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;}};_proto.render = function render() {return React.createElement("div", { className: jsStyles.root() }, this.renderInput());} /**
-                                                                                                                                                                                 * @public
-                                                                                                                                                                                 */;_proto.renderInput = function renderInput() {var _this$props2 = this.props,detectCapsLock = _this$props2.detectCapsLock,props = _objectWithoutPropertiesLoose(_this$props2, ["detectCapsLock"]);var inputProps = _extends({}, props, {
-      onKeyDown: this.handleKeydown,
-      onKeyPress: this.handleKeyPress,
-      rightIcon: this.renderEye() });
-
-    return React.createElement(Input, _extends({ ref: this.refInput, type: this.state.visible ? 'text' : 'password' }, inputProps));
-  };return PasswordInput;}(React.Component);PasswordInput.__KONTUR_REACT_UI__ = 'PasswordInput';PasswordInput.propTypes = { /**
-                                                                                                                             * Включает CapsLock детектор
-                                                                                                                             */detectCapsLock: PropTypes.bool };PasswordInput.defaultProps = { size: 'small' };

package/components/PasswordInput/PasswordInput.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["PasswordInput.tsx"],"names":["React","PropTypes","isKeyCapsLock","KeyboardEventCodes","Codes","Input","EyeClosedIcon","EyeOpenedIcon","isIE11","jsStyles","PasswordInput","state","visible","capsLockEnabled","input","focus","blur","handleBlur","handleKeyPress","e","props","onKeyPress","detectCapsLock","getModifierState","CapsLock","setState","handleKeydown","onKeyDown","handleToggleVisibility","prevState","handleFocus","renderEye","iconWrapper","capsLockDetector","toggleVisibility","refInput","element","UNSAFE_componentWillMount","window","document","msCapsLockWarningOff","render","root","renderInput","inputProps","rightIcon","Component","__KONTUR_REACT_UI__","propTypes","bool","defaultProps","size"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport { isKeyCapsLock } from '../../lib/events/keyboard/identifiers';\r\nimport { KeyboardEventCodes as Codes } from '../../lib/events/keyboard/KeyboardEventCodes';\r\nimport { Input, InputProps } from '../Input';\r\nimport { Nullable } from '../../typings/utility-types';\r\nimport { EyeClosedIcon, EyeOpenedIcon } from '../internal/icons/16px';\r\nimport { isIE11 } from '../../lib/utils';\r\n\r\nimport { jsStyles } from './PasswordInput.styles';\r\n\r\nexport type PasswordInputProps = {\r\n  detectCapsLock?: boolean;\r\n} & InputProps;\r\n\r\nexport interface PasswordInputState {\r\n  visible: boolean;\r\n  capsLockEnabled?: boolean | null;\r\n}\r\n\r\n/**\r\n * Компонент для ввода пароля\r\n */\r\nexport class PasswordInput extends React.Component<PasswordInputProps, PasswordInputState> {\r\n  public static __KONTUR_REACT_UI__ = 'PasswordInput';\r\n\r\n  public static propTypes = {\r\n    /**\r\n     * Включает CapsLock детектор\r\n     */\r\n    detectCapsLock: PropTypes.bool,\r\n  };\r\n\r\n  public static defaultProps = {\r\n    size: 'small',\r\n  };\r\n\r\n  public state: PasswordInputState = {\r\n    visible: false,\r\n    capsLockEnabled: false,\r\n  };\r\n\r\n  private input: Nullable<Input>;\r\n\r\n  public UNSAFE_componentWillMount() {\r\n    if (this.props.detectCapsLock) {\r\n      this.setState({ capsLockEnabled: null });\r\n    }\r\n\r\n    // @ts-ignore\r\n    if (isIE11 && !window.document.msCapsLockWarningOff) {\r\n      // turns off default ie capslock warning\r\n      // @ts-ignore\r\n      window.document.msCapsLockWarningOff = true;\r\n    }\r\n  }\r\n\r\n  public render() {\r\n    return <div className={jsStyles.root()}>{this.renderInput()}</div>;\r\n  }\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public focus = () => {\r\n    if (this.input) {\r\n      this.input.focus();\r\n    }\r\n  };\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public blur = () => {\r\n    this.handleBlur();\r\n  };\r\n\r\n  private handleKeyPress = (e: React.KeyboardEvent<HTMLInputElement>) => {\r\n    const { onKeyPress, detectCapsLock } = this.props;\r\n\r\n    if (onKeyPress) {\r\n      onKeyPress(e);\r\n    }\r\n\r\n    if (!detectCapsLock) {\r\n      return;\r\n    }\r\n\r\n    const capsLockEnabled = e.getModifierState(Codes.CapsLock);\r\n\r\n    this.setState({ capsLockEnabled });\r\n  };\r\n\r\n  private handleKeydown = (e: React.KeyboardEvent<HTMLInputElement>) => {\r\n    const {\r\n      props: { detectCapsLock, onKeyDown },\r\n      state: { capsLockEnabled },\r\n    } = this;\r\n\r\n    if (onKeyDown) {\r\n      onKeyDown(e);\r\n    }\r\n\r\n    if (!detectCapsLock) {\r\n      return;\r\n    }\r\n\r\n    if (isKeyCapsLock(e) && capsLockEnabled != null) {\r\n      this.setState({ capsLockEnabled: !capsLockEnabled });\r\n    }\r\n  };\r\n\r\n  private handleToggleVisibility = () => {\r\n    this.setState(prevState => ({ visible: !prevState.visible }), this.handleFocus);\r\n  };\r\n\r\n  private handleFocus = () => {\r\n    if (this.input) {\r\n      this.input.focus();\r\n    }\r\n  };\r\n\r\n  private handleBlur = () => {\r\n    if (this.input) {\r\n      this.input.blur();\r\n    }\r\n  };\r\n\r\n  private renderEye = () => {\r\n    const { capsLockEnabled } = this.state;\r\n\r\n    return (\r\n      <span className={jsStyles.iconWrapper()}>\r\n        {capsLockEnabled && <span className={jsStyles.capsLockDetector()} />}\r\n        <span data-tid=\"PasswordInputEyeIcon\" className={jsStyles.toggleVisibility()} onClick={this.handleToggleVisibility}>\r\n          {this.state.visible ? <EyeOpenedIcon size={14} /> : <EyeClosedIcon size={14} />}\r\n        </span>\r\n      </span>\r\n    );\r\n  };\r\n\r\n  private refInput = (element: Input) => {\r\n    this.input = element;\r\n  };\r\n\r\n  private renderInput() {\r\n    const { detectCapsLock, ...props } = this.props;\r\n    const inputProps = {\r\n      ...props,\r\n      onKeyDown: this.handleKeydown,\r\n      onKeyPress: this.handleKeyPress,\r\n      rightIcon: this.renderEye(),\r\n    };\r\n    return <Input ref={this.refInput} type={this.state.visible ? 'text' : 'password'} {...inputProps} />;\r\n  }\r\n}\r\n"]}

package/components/PasswordInput/PasswordInput.md

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

package/components/PasswordInput/PasswordInput.styles.js

@@ -1,54 +0,0 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";function _templateObject4() {var data = _taggedTemplateLiteralLoose(["\n      display: flex;\n      align-items: center;\n    "]);_templateObject4 = function _templateObject4() {return data;};return data;}function _templateObject3() {var data = _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    "]);_templateObject3 = function _templateObject3() {return data;};return data;}function _templateObject2() {var data = _taggedTemplateLiteralLoose(["\n      color: #000;\n      cursor: pointer;\n      opacity: 0.6;\n      user-select: none;\n\n      &:hover {\n        opacity: 1;\n      }\n    "]);_templateObject2 = function _templateObject2() {return data;};return data;}function _templateObject() {var data = _taggedTemplateLiteralLoose(["\n      position: relative;\n      display: inline-block;\n\n      input::-ms-clear,\n      input::-ms-reveal {\n        display: none;\n      }\n    "]);_templateObject = function _templateObject() {return data;};return data;}import { css, memoizeStyle } from '../../lib/theming/Emotion';
-
-var styles = {
-  root: function root() {
-    return css(_templateObject());
-
-
-
-
-
-
-
-
-  },
-  toggleVisibility: function toggleVisibility() {
-    return css(_templateObject2());
-
-
-
-
-
-
-
-
-
-  },
-  capsLockDetector: function capsLockDetector() {
-    return css(_templateObject3());
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  },
-  iconWrapper: function iconWrapper() {
-    return css(_templateObject4());
-
-
-
-  } };
-
-
-export var jsStyles = memoizeStyle(styles);

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

@@ -1 +0,0 @@
-{"version":3,"sources":["PasswordInput.styles.ts"],"names":["css","memoizeStyle","styles","root","toggleVisibility","capsLockDetector","iconWrapper","jsStyles"],"mappings":"y2CAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;AAEA,IAAMC,MAAM,GAAG;AACbC,EAAAA,IADa,kBACN;AACL,WAAOH,GAAP;;;;;;;;;AASD,GAXY;AAYbI,EAAAA,gBAZa,8BAYM;AACjB,WAAOJ,GAAP;;;;;;;;;;AAUD,GAvBY;AAwBbK,EAAAA,gBAxBa,8BAwBM;AACjB,WAAOL,GAAP;;;;;;;;;;;;;;;;;AAiBD,GA1CY;AA2CbM,EAAAA,WA3Ca,yBA2CC;AACZ,WAAON,GAAP;;;;AAID,GAhDY,EAAf;;;AAmDA,OAAO,IAAMO,QAAQ,GAAGN,YAAY,CAACC,MAAD,CAA7B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\r\n\r\nconst styles = {\r\n  root() {\r\n    return css`\r\n      position: relative;\r\n      display: inline-block;\r\n\r\n      input::-ms-clear,\r\n      input::-ms-reveal {\r\n        display: none;\r\n      }\r\n    `;\r\n  },\r\n  toggleVisibility() {\r\n    return css`\r\n      color: #000;\r\n      cursor: pointer;\r\n      opacity: 0.6;\r\n      user-select: none;\r\n\r\n      &:hover {\r\n        opacity: 1;\r\n      }\r\n    `;\r\n  },\r\n  capsLockDetector() {\r\n    return css`\r\n      display: inline-block;\r\n      font-size: 9px;\r\n      margin-right: 8px;\r\n      color: #fff;\r\n      cursor: default;\r\n      background: #999;\r\n      padding: 2px 5px;\r\n      border-radius: 3px;\r\n      z-index: 9;\r\n      box-sizing: border-box;\r\n      line-height: normal;\r\n\r\n      &::before {\r\n        content: 'CapsLock';\r\n      }\r\n    `;\r\n  },\r\n  iconWrapper() {\r\n    return css`\r\n      display: flex;\r\n      align-items: center;\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}

package/components/PasswordInput/index.js

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

package/components/PasswordInput/index.js.map

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

package/components/PerformanceMetrics/PerformanceMetrics.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-interface PerformanceMetricsProps {
-    componentsA: React.ReactElement<any>;
-    componentsB: React.ReactElement<any>;
-}
-export declare function PerformanceMetrics(props: PerformanceMetricsProps): JSX.Element;
-export {};

package/components/PerformanceMetrics/PerformanceMetrics.js

@@ -1,86 +0,0 @@
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";import React from 'react';
-import ReactDOM from 'react-dom';
-
-import { Button } from '../Button';
-
-import { Spinner } from '../Spinner';
-
-var PANEL_WRAPPER_STYLES = { width: '45%', display: 'inline-block', verticalAlign: 'top' };
-
-
-
-
-
-
-export function PerformanceMetrics(props) {
-  return (
-    React.createElement("div", { style: { padding: 10, width: 1200 } },
-    React.createElement("div", { style: { position: 'absolute' } },
-    React.createElement(Spinner, { type: 'mini', caption: '' })),
-
-    React.createElement("div", { style: { padding: 10 } },
-    React.createElement("div", { style: PANEL_WRAPPER_STYLES },
-    React.createElement(PerformanceMetricsPanel, { title: 'Case A', component: props.componentsA })),
-
-    React.createElement("div", { style: PANEL_WRAPPER_STYLES },
-    React.createElement(PerformanceMetricsPanel, { title: 'Case B', component: props.componentsB })))));
-
-
-
-
-}var
-
-
-
-
-
-
-
-
-
-PerformanceMetricsPanel = /*#__PURE__*/function (_React$Component) {_inheritsLoose(PerformanceMetricsPanel, _React$Component);function PerformanceMetricsPanel() {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 = {
-      mounted: false };_this.
-
-    container = void 0;_this.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    setContainerRef = function (element) {
-      _this.container = element;
-    };_this.
-
-    toggleMountedState = function () {
-      _this.setState({
-        mounted: !_this.state.mounted });
-
-    };return _this;}var _proto = PerformanceMetricsPanel.prototype;_proto.render = function render() {return React.createElement("div", null, React.createElement("h1", { style: { lineHeight: '2em' } }, this.props.title), React.createElement("div", { style: { marginBottom: 10 } }, React.createElement(Button, { onClick: this.toggleMountedState, size: 'small' }, this.state.mounted ? 'Unmount' : 'Mount')), React.createElement("div", { ref: this.setContainerRef }));};_proto.componentDidMount = function componentDidMount() {if (this.state.mounted && this.container) {ReactDOM.render(this.props.component, this.container);}};_proto.componentDidUpdate = function componentDidUpdate() {if (!this.container) {return;}if (this.state.mounted) {ReactDOM.render(this.props.component, this.container);} else {ReactDOM.unmountComponentAtNode(this.container);}};return PerformanceMetricsPanel;}(React.Component);

package/components/PerformanceMetrics/PerformanceMetrics.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["PerformanceMetrics.tsx"],"names":["React","ReactDOM","Button","Spinner","PANEL_WRAPPER_STYLES","width","display","verticalAlign","PerformanceMetrics","props","padding","position","componentsA","componentsB","PerformanceMetricsPanel","state","mounted","container","setContainerRef","element","toggleMountedState","setState","render","lineHeight","title","marginBottom","componentDidMount","component","componentDidUpdate","unmountComponentAtNode","Component"],"mappings":"sEAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,QAAP,MAAqB,WAArB;;AAEA,SAASC,MAAT,QAAuB,WAAvB;;AAEA,SAASC,OAAT,QAAwB,YAAxB;;AAEA,IAAMC,oBAAoB,GAAG,EAAEC,KAAK,EAAE,KAAT,EAAgBC,OAAO,EAAE,cAAzB,EAAyCC,aAAa,EAAE,KAAxD,EAA7B;;;;;;;AAOA,OAAO,SAASC,kBAAT,CAA4BC,KAA5B,EAA4D;AACjE;AACE,iCAAK,KAAK,EAAE,EAAEC,OAAO,EAAE,EAAX,EAAeL,KAAK,EAAE,IAAtB,EAAZ;AACE,iCAAK,KAAK,EAAE,EAAEM,QAAQ,EAAE,UAAZ,EAAZ;AACE,wBAAC,OAAD,IAAS,IAAI,EAAE,MAAf,EAAuB,OAAO,EAAE,EAAhC,GADF,CADF;;AAIE,iCAAK,KAAK,EAAE,EAAED,OAAO,EAAE,EAAX,EAAZ;AACE,iCAAK,KAAK,EAAEN,oBAAZ;AACE,wBAAC,uBAAD,IAAyB,KAAK,EAAE,QAAhC,EAA0C,SAAS,EAAEK,KAAK,CAACG,WAA3D,GADF,CADF;;AAIE,iCAAK,KAAK,EAAER,oBAAZ;AACE,wBAAC,uBAAD,IAAyB,KAAK,EAAE,QAAhC,EAA0C,SAAS,EAAEK,KAAK,CAACI,WAA3D,GADF,CAJF,CAJF,CADF;;;;;AAeD,C;;;;;;;;;;AAUKC,uB;AACGC,IAAAA,K,GAAQ;AACbC,MAAAA,OAAO,EAAE,KADI,E;;AAGPC,IAAAA,S;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCAC,IAAAA,e,GAAkB,UAACC,OAAD,EAAoC;AAC5D,YAAKF,SAAL,GAAiBE,OAAjB;AACD,K;;AAEOC,IAAAA,kB,GAAqB,YAAM;AACjC,YAAKC,QAAL,CAAc;AACZL,QAAAA,OAAO,EAAE,CAAC,MAAKD,KAAL,CAAWC,OADT,EAAd;;AAGD,K,qEAvCMM,M,GAAP,kBAAgB,CACd,OACE,iCACE,4BAAI,KAAK,EAAE,EAAEC,UAAU,EAAE,KAAd,EAAX,IAAmC,KAAKd,KAAL,CAAWe,KAA9C,CADF,EAEE,6BAAK,KAAK,EAAE,EAAEC,YAAY,EAAE,EAAhB,EAAZ,IACE,oBAAC,MAAD,IAAQ,OAAO,EAAE,KAAKL,kBAAtB,EAA0C,IAAI,EAAE,OAAhD,IACG,KAAKL,KAAL,CAAWC,OAAX,GAAqB,SAArB,GAAiC,OADpC,CADF,CAFF,EAOE,6BAAK,GAAG,EAAE,KAAKE,eAAf,GAPF,CADF,CAWD,C,QAEMQ,iB,GAAP,6BAA2B,CACzB,IAAI,KAAKX,KAAL,CAAWC,OAAX,IAAsB,KAAKC,SAA/B,EAA0C,CACxChB,QAAQ,CAACqB,MAAT,CAAgB,KAAKb,KAAL,CAAWkB,SAA3B,EAAsC,KAAKV,SAA3C,EACD,CACF,C,QAEMW,kB,GAAP,8BAAkC,CAChC,IAAI,CAAC,KAAKX,SAAV,EAAqB,CACnB,OACD,CACD,IAAI,KAAKF,KAAL,CAAWC,OAAf,EAAwB,CACtBf,QAAQ,CAACqB,MAAT,CAAgB,KAAKb,KAAL,CAAWkB,SAA3B,EAAsC,KAAKV,SAA3C,EACD,CAFD,MAEO,CACLhB,QAAQ,CAAC4B,sBAAT,CAAgC,KAAKZ,SAArC,EACD,CACF,C,kCAnCmCjB,KAAK,CAAC8B,S","sourcesContent":["import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\n\r\nimport { Button } from '../Button';\r\nimport { Nullable } from '../../typings/utility-types';\r\nimport { Spinner } from '../Spinner';\r\n\r\nconst PANEL_WRAPPER_STYLES = { width: '45%', display: 'inline-block', verticalAlign: 'top' };\r\n\r\ninterface PerformanceMetricsProps {\r\n  componentsA: React.ReactElement<any>;\r\n  componentsB: React.ReactElement<any>;\r\n}\r\n\r\nexport function PerformanceMetrics(props: PerformanceMetricsProps) {\r\n  return (\r\n    <div style={{ padding: 10, width: 1200 }}>\r\n      <div style={{ position: 'absolute' }}>\r\n        <Spinner type={'mini'} caption={''} />\r\n      </div>\r\n      <div style={{ padding: 10 }}>\r\n        <div style={PANEL_WRAPPER_STYLES}>\r\n          <PerformanceMetricsPanel title={'Case A'} component={props.componentsA} />\r\n        </div>\r\n        <div style={PANEL_WRAPPER_STYLES}>\r\n          <PerformanceMetricsPanel title={'Case B'} component={props.componentsB} />\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\ninterface PerformanceMetricsPanelProps {\r\n  title: string;\r\n  component: React.ReactElement<any>;\r\n}\r\ninterface PerformanceMetricsPanelState {\r\n  mounted: boolean;\r\n}\r\n\r\nclass PerformanceMetricsPanel extends React.Component<PerformanceMetricsPanelProps, PerformanceMetricsPanelState> {\r\n  public state = {\r\n    mounted: false,\r\n  };\r\n  private container: Nullable<HTMLElement>;\r\n\r\n  public render() {\r\n    return (\r\n      <div>\r\n        <h1 style={{ lineHeight: '2em' }}>{this.props.title}</h1>\r\n        <div style={{ marginBottom: 10 }}>\r\n          <Button onClick={this.toggleMountedState} size={'small'}>\r\n            {this.state.mounted ? 'Unmount' : 'Mount'}\r\n          </Button>\r\n        </div>\r\n        <div ref={this.setContainerRef} />\r\n      </div>\r\n    );\r\n  }\r\n\r\n  public componentDidMount() {\r\n    if (this.state.mounted && this.container) {\r\n      ReactDOM.render(this.props.component, this.container);\r\n    }\r\n  }\r\n\r\n  public componentDidUpdate(): void {\r\n    if (!this.container) {\r\n      return;\r\n    }\r\n    if (this.state.mounted) {\r\n      ReactDOM.render(this.props.component, this.container);\r\n    } else {\r\n      ReactDOM.unmountComponentAtNode(this.container);\r\n    }\r\n  }\r\n\r\n  private setContainerRef = (element: Nullable<HTMLElement>) => {\r\n    this.container = element;\r\n  };\r\n\r\n  private toggleMountedState = () => {\r\n    this.setState({\r\n      mounted: !this.state.mounted,\r\n    });\r\n  };\r\n}\r\n"]}