@skbkontur/react-ui 0.0.0-c2bf15a894 → 0.0.0-c5bd33d001

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

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","getStyles","exports","emotion","memoizeStyle","paging","t","css","_taggedTemplateLiteralLoose2","default","pagingFontSize","pagingLineHeight","pagingDisabled","dots","pagingDotsColor","pagingDotsPadding","dotsDisabled","pagingDotsDisabledColor","forwardLink","pagingForwardLinkColor","pagingPageForwardLinkMarginTop","pagingPageForwardLinkMarginLeft","pagingPageForwardLinkPaddingRight","forwardLinkDisabled","pagingForwardLinkDisabledColor","pageLinkWrapper","pageLink","pagingPageLinkBoxSizing","pagingPageLinkBorderRadius","pagingPageLinkColor","pagingPageLinkMargin","pagingPageLinkMinWidth","pagingPageLinkPaddingY","pagingPageLinkPaddingX","pagingPageLinkHoverBg","pageLinkDisabled","linkDisabledColor","pageLinkCurrent","pagingPageLinkActiveBg","pagingPageLinkActiveColor","pageLinkCurrentDisabled","pagingPageLinkDisabledActiveBg","pageLinkFocused","borderColorFocus","transparent","pageLinkHint","pagingPageLinkHintMargin","pagingPageLinkHintFontSize","pagingPageLinkHintLineHeight","pagingPageLinkHintColor"],"sources":["Paging.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    paging(t: Theme) {\n      return emotion.css`\n        user-select: none;\n        outline: 0;\n        font-size: ${t.pagingFontSize};\n        line-height: ${t.pagingLineHeight};\n        display: inline-block;\n      `;\n    },\n\n    pagingDisabled() {\n      return emotion.css`\n        pointer-events: none;\n      `;\n    },\n\n    dots(t: Theme) {\n      return emotion.css`\n        color: ${t.pagingDotsColor};\n        display: inline-block;\n        padding: ${t.pagingDotsPadding};\n      `;\n    },\n\n    dotsDisabled(t: Theme) {\n      return emotion.css`\n        color: ${t.pagingDotsDisabledColor};\n      `;\n    },\n\n    forwardLink(t: Theme) {\n      return emotion.css`\n        color: ${t.pagingForwardLinkColor};\n        cursor: pointer;\n        display: inline-block;\n        margin-top: ${t.pagingPageForwardLinkMarginTop};\n        margin-left: ${t.pagingPageForwardLinkMarginLeft};\n        outline: none;\n        padding-right: ${t.pagingPageForwardLinkPaddingRight};\n        position: relative;\n        text-decoration: none;\n        user-select: none;\n        vertical-align: top;\n      `;\n    },\n\n    forwardLinkDisabled(t: Theme) {\n      return emotion.css`\n        color: ${t.pagingForwardLinkDisabledColor};\n        pointer-events: none;\n      `;\n    },\n\n    pageLinkWrapper() {\n      return emotion.css`\n        display: inline-flex;\n        flex-flow: column nowrap;\n        text-align: center;\n        user-select: none;\n        vertical-align: top;\n      `;\n    },\n\n    pageLink(t: Theme) {\n      return emotion.css`\n        box-sizing: ${t.pagingPageLinkBoxSizing};\n        border-radius: ${t.pagingPageLinkBorderRadius};\n        color: ${t.pagingPageLinkColor};\n        cursor: pointer;\n        display: block;\n        margin: ${t.pagingPageLinkMargin};\n        outline: none;\n        min-width: ${t.pagingPageLinkMinWidth};\n        padding: ${t.pagingPageLinkPaddingY} ${t.pagingPageLinkPaddingX} ${t.pagingPageLinkPaddingY};\n        text-decoration: none;\n\n        &:hover {\n          background: ${t.pagingPageLinkHoverBg};\n        }\n      `;\n    },\n\n    pageLinkDisabled(t: Theme) {\n      return emotion.css`\n        color: ${t.linkDisabledColor};\n        pointer-events: none;\n      `;\n    },\n\n    pageLinkCurrent(t: Theme) {\n      return emotion.css`\n        cursor: default;\n        background: ${t.pagingPageLinkActiveBg} !important; // override hover styles\n        color: ${t.pagingPageLinkActiveColor};\n      `;\n    },\n\n    pageLinkCurrentDisabled(t: Theme) {\n      return emotion.css`\n        background: ${t.pagingPageLinkDisabledActiveBg} !important;\n        color: ${t.linkDisabledColor};\n      `;\n    },\n\n    pageLinkFocused(t: Theme) {\n      return emotion.css`\n        ${`\n          box-shadow: 0 0 0 2px ${t.borderColorFocus};\n        `}\n      `;\n    },\n\n    transparent() {\n      return emotion.css`\n        color: transparent;\n      `;\n    },\n\n    pageLinkHint(t: Theme) {\n      return emotion.css`\n        display: inline-block;\n        margin: ${t.pagingPageLinkHintMargin};\n        font-size: ${t.pagingPageLinkHintFontSize};\n        height: ${t.pagingPageLinkHintLineHeight};\n        line-height: ${t.pagingPageLinkHintLineHeight};\n        color: ${t.pagingPageLinkHintColor};\n      `;\n    },\n  });\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","_templateObject15","_templateObject16","_templateObject17","_templateObject18","_templateObject19","_templateObject20","_templateObject21","_templateObject22","_templateObject23","_templateObject24","_templateObject25","_templateObject26","_templateObject27","_templateObject28","_templateObject29","_templateObject30","_templateObject31","_templateObject32","_templateObject33","styles","exports","memoizeStyle","paging","css","_taggedTemplateLiteralLoose2","default","pagingMobile","pagingLegacy","t","pagingFontSize","pagingLineHeight","pagingSmall","pagingFontSizeSmall","pagingLineHeightSmall","pagingMedium","pagingFontSizeMedium","pagingLineHeightMedium","pagingLarge","pagingFontSizeLarge","pagingLineHeightLarge","pagingDisabled","dots","pagingDotsColor","dotsLegacy","pagingDotsPadding","dotsSmall","pagingDotsPaddingSmall","dotsMedium","pagingDotsPaddingMedium","dotsLarge","pagingDotsPaddingLarge","dotsDisabled","pagingDotsDisabledColor","forwardLink","pagingForwardLinkColor","forwardLinkLegacy","pagingPageForwardLinkMarginTop","pagingPageForwardLinkMarginLeft","pagingPageForwardLinkPaddingRight","forwardLinkSmall","pagingForwardLinkPaddingSmall","forwardLinkMedium","pagingForwardLinkPaddingMedium","forwardLinkLarge","pagingForwardLinkPaddingLarge","forwardLinkMediumMobile","pagingForwardLinkPaddingMediumMobile","forwardLinkLargeMobile","pagingForwardLinkPaddingLargeMobile","forwardLinkDisabled","pagingForwardLinkDisabledColor","pageLinkWrapper","pageLink","pagingPageLinkBoxSizing","pagingPageLinkBorderRadius","pagingPageLinkColor","pagingPageLinkHoverBg","transitionDuration","transitionTimingFunction","pagingPageLinkActiveBg","pageLinkLegacy","pagingPageLinkMargin","pagingPageLinkMinWidth","pagingPageLinkPaddingY","pagingPageLinkPaddingX","pageLinkSmall","pagingPageLinkPaddingYSmall","pagingPageLinkPaddingXSmall","pageLinkMedium","pagingPageLinkPaddingYMedium","pagingPageLinkPaddingXMedium","pageLinkLarge","pagingPageLinkPaddingYLarge","pagingPageLinkPaddingXLarge","pageLinkDisabled","linkDisabledColor","pageLinkCurrent","pagingPageLinkActiveColor","pageLinkCurrentDisabled","pagingPageLinkDisabledActiveBg","pageLinkFocused","borderColorFocus","transparent","pageLinkHint","pagingPageLinkHintMargin","pagingPageLinkHintFontSize","pagingPageLinkHintLineHeight","pagingPageLinkHintColor"],"sources":["Paging.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  paging() {\n    return css`\n      user-select: none;\n      outline: 0;\n      display: inline-block;\n      font-variant-numeric: tabular-nums;\n    `;\n  },\n\n  pagingMobile() {\n    return css`\n      text-wrap-mode: nowrap;\n    `;\n  },\n\n  /** @deprecated Это стиль старого размера `Paging`. Мы планируем удалить его в `6.0` */\n  pagingLegacy(t: Theme) {\n    return css`\n      font-size: ${t.pagingFontSize};\n      line-height: ${t.pagingLineHeight};\n      font-variant-numeric: normal;\n    `;\n  },\n\n  pagingSmall(t: Theme) {\n    return css`\n      font-size: ${t.pagingFontSizeSmall};\n      line-height: ${t.pagingLineHeightSmall};\n    `;\n  },\n\n  pagingMedium(t: Theme) {\n    return css`\n      font-size: ${t.pagingFontSizeMedium};\n      line-height: ${t.pagingLineHeightMedium};\n    `;\n  },\n\n  pagingLarge(t: Theme) {\n    return css`\n      font-size: ${t.pagingFontSizeLarge};\n      line-height: ${t.pagingLineHeightLarge};\n    `;\n  },\n\n  pagingDisabled() {\n    return css`\n      pointer-events: none;\n    `;\n  },\n\n  dots(t: Theme) {\n    return css`\n      color: ${t.pagingDotsColor};\n      display: inline-block;\n    `;\n  },\n\n  /** @deprecated Это стиль старого размера `Paging`. Мы планируем удалить его в 6.0 */\n  dotsLegacy(t: Theme) {\n    return css`\n      padding: ${t.pagingDotsPadding};\n    `;\n  },\n\n  dotsSmall(t: Theme) {\n    return css`\n      line-height: 0;\n      padding: ${t.pagingDotsPaddingSmall};\n    `;\n  },\n\n  dotsMedium(t: Theme) {\n    return css`\n      line-height: 0;\n      padding: ${t.pagingDotsPaddingMedium};\n    `;\n  },\n\n  dotsLarge(t: Theme) {\n    return css`\n      line-height: 0;\n      padding: ${t.pagingDotsPaddingLarge};\n    `;\n  },\n\n  dotsDisabled(t: Theme) {\n    return css`\n      color: ${t.pagingDotsDisabledColor};\n    `;\n  },\n\n  forwardLink(t: Theme) {\n    return css`\n      color: ${t.pagingForwardLinkColor};\n      cursor: pointer;\n      display: inline-block;\n      outline: none;\n      position: relative;\n      text-decoration: none;\n      user-select: none;\n      vertical-align: top;\n    `;\n  },\n\n  /** @deprecated Это стиль старого размера `Paging`. Мы планируем удалить его в 6.0 */\n  forwardLinkLegacy(t: Theme) {\n    return css`\n      margin-top: ${t.pagingPageForwardLinkMarginTop};\n      margin-left: ${t.pagingPageForwardLinkMarginLeft};\n      padding-right: ${t.pagingPageForwardLinkPaddingRight};\n    `;\n  },\n\n  forwardLinkSmall(t: Theme) {\n    return css`\n      padding: ${t.pagingForwardLinkPaddingSmall};\n    `;\n  },\n\n  forwardLinkMedium(t: Theme) {\n    return css`\n      padding: ${t.pagingForwardLinkPaddingMedium};\n    `;\n  },\n\n  forwardLinkLarge(t: Theme) {\n    return css`\n      padding: ${t.pagingForwardLinkPaddingLarge};\n    `;\n  },\n\n  forwardLinkMediumMobile(t: Theme) {\n    return css`\n      line-height: ${t.pagingFontSizeMedium};\n      padding: ${t.pagingForwardLinkPaddingMediumMobile};\n    `;\n  },\n\n  forwardLinkLargeMobile(t: Theme) {\n    return css`\n      line-height: ${t.pagingFontSizeLarge};\n      padding: ${t.pagingForwardLinkPaddingLargeMobile};\n    `;\n  },\n\n  forwardLinkDisabled(t: Theme) {\n    return css`\n      color: ${t.pagingForwardLinkDisabledColor};\n      pointer-events: none;\n    `;\n  },\n\n  pageLinkWrapper() {\n    return css`\n      display: inline-flex;\n      flex-flow: column nowrap;\n      text-align: center;\n      user-select: none;\n      vertical-align: top;\n    `;\n  },\n\n  pageLink(t: Theme) {\n    return css`\n      box-sizing: ${t.pagingPageLinkBoxSizing};\n      border-radius: ${t.pagingPageLinkBorderRadius};\n      color: ${t.pagingPageLinkColor};\n      cursor: pointer;\n      display: block;\n      outline: none;\n      text-decoration: none;\n\n      &:hover {\n        background-color: ${t.pagingPageLinkHoverBg};\n        transition: background-color ${t.transitionDuration} ${t.transitionTimingFunction};\n      }\n\n      &:active {\n        background-color: ${t.pagingPageLinkActiveBg};\n      }\n    `;\n  },\n\n  /** @deprecated Это стиль старого размера `Paging`. Мы планируем удалить его в 6.0 */\n  pageLinkLegacy(t: Theme) {\n    return css`\n      margin: ${t.pagingPageLinkMargin};\n      min-width: ${t.pagingPageLinkMinWidth};\n      padding: ${t.pagingPageLinkPaddingY} ${t.pagingPageLinkPaddingX};\n    `;\n  },\n\n  pageLinkSmall(t: Theme) {\n    return css`\n      padding: ${t.pagingPageLinkPaddingYSmall} ${t.pagingPageLinkPaddingXSmall};\n    `;\n  },\n\n  pageLinkMedium(t: Theme) {\n    return css`\n      padding: ${t.pagingPageLinkPaddingYMedium} ${t.pagingPageLinkPaddingXMedium};\n    `;\n  },\n\n  pageLinkLarge(t: Theme) {\n    return css`\n      padding: ${t.pagingPageLinkPaddingYLarge} ${t.pagingPageLinkPaddingXLarge};\n    `;\n  },\n\n  pageLinkDisabled(t: Theme) {\n    return css`\n      color: ${t.linkDisabledColor};\n      pointer-events: none;\n    `;\n  },\n\n  pageLinkCurrent(t: Theme) {\n    return css`\n      cursor: default;\n      background-color: ${t.pagingPageLinkActiveBg} !important;\n      color: ${t.pagingPageLinkActiveColor};\n    `;\n  },\n\n  pageLinkCurrentDisabled(t: Theme) {\n    return css`\n      background-color: ${t.pagingPageLinkDisabledActiveBg} !important;\n      color: ${t.linkDisabledColor};\n    `;\n  },\n\n  pageLinkFocused(t: Theme) {\n    return css`\n      ${`\n          box-shadow: 0 0 0 2px ${t.borderColorFocus};\n        `}\n    `;\n  },\n\n  transparent() {\n    return css`\n      color: transparent;\n    `;\n  },\n\n  pageLinkHint(t: Theme) {\n    return css`\n      display: inline-block;\n      margin: ${t.pagingPageLinkHintMargin};\n      font-size: ${t.pagingPageLinkHintFontSize};\n      height: ${t.pagingPageLinkHintLineHeight};\n      line-height: ${t.pagingPageLinkHintLineHeight};\n      color: ${t.pagingPageLinkHintColor};\n    `;\n  },\n});\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/Paging/PagingDefaultComponent.d.ts

@@ -1,9 +1,11 @@
-import React from 'react';
-import { CommonProps } from '../../internal/CommonWrapper';
-interface PagingDefaultComponentInterface {
-    onClick: () => void;
-    children?: React.ReactNode;
-}
-export type PagingDefaultComponentProps = PagingDefaultComponentInterface & Pick<CommonProps, 'className'>;
-export declare const PagingDefaultComponent: ({ onClick, className, children, ...rest }: PagingDefaultComponentProps) => React.JSX.Element;
-export {};
+import React from 'react';
+import type { CommonProps } from '../../internal/CommonWrapper';
+interface PagingDefaultComponentInterface {
+    /** Задает функцию, которая вызывается при клике на пейджинг. */
+    onClick: () => void;
+    /** @ignore */
+    children?: React.ReactNode;
+}
+export type PagingDefaultComponentProps = PagingDefaultComponentInterface & Pick<CommonProps, 'className'>;
+export declare const PagingDefaultComponent: ({ onClick, className, children, ...rest }: PagingDefaultComponentProps) => React.JSX.Element;
+export {};

package/cjs/components/Paging/PagingDefaultComponent.js

@@ -10,6 +10,9 @@ var _utils = require("../../lib/utils");var _excluded = ["onClick", "className",
 
 
 
+
+
+
 var PagingDefaultComponent = exports.PagingDefaultComponent = function PagingDefaultComponent(_ref) {var onClick = _ref.onClick,className = _ref.className,children = _ref.children,rest = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
   var _extractDataProps = (0, _utils.extractDataProps)(rest),dataProps = _extractDataProps.dataProps;
 

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_utils","_excluded","PagingDefaultComponent","exports","_ref","onClick","className","children","rest","_objectWithoutPropertiesLoose2","default","_extractDataProps","extractDataProps","dataProps","createElement","_extends2"],"sources":["PagingDefaultComponent.tsx"],"sourcesContent":["import React from 'react';\n\nimport { extractDataProps } from '../../lib/utils';\nimport { CommonProps } from '../../internal/CommonWrapper';\n\ninterface 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"],"mappings":"0XAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,MAAA,GAAAD,OAAA,oBAAmD,IAAAE,SAAA;;;;;;;;;;AAU5C,IAAMC,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAG,SAAzBA,sBAAsBA,CAAAE,IAAA,EAA+E,KAAzEC,OAAO,GAAAD,IAAA,CAAPC,OAAO,CAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS,CAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ,CAAKC,IAAI,OAAAC,8BAAA,CAAAC,OAAA,EAAAN,IAAA,EAAAH,SAAA;EAC5E,IAAAU,iBAAA,GAAsB,IAAAC,uBAAgB,EAACJ,IAAI,CAAC,CAApCK,SAAS,GAAAF,iBAAA,CAATE,SAAS;;EAEjB;IACEhB,MAAA,CAAAa,OAAA,CAAAI,aAAA,aAAAC,SAAA,CAAAL,OAAA,IAAML,OAAO,EAAEA,OAAQ,EAACC,SAAS,EAAEA,SAAU,IAAKO,SAAS;IACxDN;IACG,CAAC;;AAEX,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_utils","_excluded","PagingDefaultComponent","exports","_ref","onClick","className","children","rest","_objectWithoutPropertiesLoose2","default","_extractDataProps","extractDataProps","dataProps","createElement","_extends2"],"sources":["PagingDefaultComponent.tsx"],"sourcesContent":["import React from 'react';\n\nimport { extractDataProps } from '../../lib/utils';\nimport type { CommonProps } from '../../internal/CommonWrapper';\n\ninterface PagingDefaultComponentInterface {\n  /** Задает функцию, которая вызывается при клике на пейджинг. */\n  onClick: () => void;\n\n  /** @ignore */\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"],"mappings":"0XAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,MAAA,GAAAD,OAAA,oBAAmD,IAAAE,SAAA;;;;;;;;;;;;;AAa5C,IAAMC,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAG,SAAzBA,sBAAsBA,CAAAE,IAAA,EAA+E,KAAzEC,OAAO,GAAAD,IAAA,CAAPC,OAAO,CAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS,CAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ,CAAKC,IAAI,OAAAC,8BAAA,CAAAC,OAAA,EAAAN,IAAA,EAAAH,SAAA;EAC5E,IAAAU,iBAAA,GAAsB,IAAAC,uBAAgB,EAACJ,IAAI,CAAC,CAApCK,SAAS,GAAAF,iBAAA,CAATE,SAAS;;EAEjB;IACEhB,MAAA,CAAAa,OAAA,CAAAI,aAAA,aAAAC,SAAA,CAAAL,OAAA,IAAML,OAAO,EAAEA,OAAQ,EAACC,SAAS,EAAEA,SAAU,IAAKO,SAAS;IACxDN;IACG,CAAC;;AAEX,CAAC","ignoreList":[]}

package/cjs/components/Paging/PagingHelper.d.ts

@@ -1,2 +1,2 @@
-import { ItemType } from './Paging';
-export declare function getItems(active: number, total: number): ItemType[];
+import type { ItemType } from './Paging';
+export declare function getItems(active: number, total: number, isMobile: boolean): ItemType[];

package/cjs/components/Paging/PagingHelper.js

@@ -1,29 +1,36 @@
 "use strict";exports.__esModule = true;exports.getItems = getItems;
 
-function getItems(active, total) {
+var NEIGHBOR_ITEM_COUNT_DESKTOP = 2;
+var NEIGHBOR_ITEM_COUNT_MOBILE = 1;
+
+var EDGE_ITEM_COUNT_DESKTOP = 4;
+var EDGE_ITEM_COUNT_MOBILE = 2;
+
+function getItems(active, total, isMobile) {
   var result = [];
 
-  var left = Math.max(Math.min(active - 2, total - 4), 1);
-  var right = Math.min(Math.max(5, active + 2), total);
+  var neighborItemCount = isMobile ? NEIGHBOR_ITEM_COUNT_MOBILE : NEIGHBOR_ITEM_COUNT_DESKTOP;
+  var edgeItemCount = isMobile ? EDGE_ITEM_COUNT_MOBILE : EDGE_ITEM_COUNT_DESKTOP;
+
+  // Group refers to a sequence of items in a row without dots
+  var groupLeftmost = Math.max(Math.min(active - neighborItemCount, total - edgeItemCount), 1);
+  var groupRightmost = Math.min(Math.max(1 + edgeItemCount, active + neighborItemCount), total);
 
-  var hasLeftDots = left > 3;
-  var from = hasLeftDots ? left : 1;
+  var hasLeftDots = groupLeftmost > 3;
+  var hasRightDots = groupRightmost < total - 2;
 
-  var hasRightDots = right < total - 2;
-  var to = hasRightDots ? right : total;
+  var groupStart = hasLeftDots ? groupLeftmost : 1;
+  var groupEnd = hasRightDots ? groupRightmost : total;
 
   if (hasLeftDots) {
     result.push(1, '.');
   }
-
-  for (var i = from; i <= to; ++i) {
+  for (var i = groupStart; i <= groupEnd; ++i) {
     result.push(i);
   }
-
   if (hasRightDots) {
     result.push('.');
   }
-
   if (hasRightDots && isFinite(total)) {
     result.push(total);
   }

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

@@ -1 +1 @@
-{"version":3,"names":["getItems","active","total","result","left","Math","max","min","right","hasLeftDots","from","hasRightDots","to","push","i","isFinite"],"sources":["PagingHelper.tsx"],"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"],"mappings":";;AAEO,SAASA,QAAQA,CAACC,MAAc,EAAEC,KAAa,EAAc;EAClE,IAAMC,MAAkB,GAAG,EAAE;;EAE7B,IAAMC,IAAI,GAAGC,IAAI,CAACC,GAAG,CAACD,IAAI,CAACE,GAAG,CAACN,MAAM,GAAG,CAAC,EAAEC,KAAK,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC;EACzD,IAAMM,KAAK,GAAGH,IAAI,CAACE,GAAG,CAACF,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEL,MAAM,GAAG,CAAC,CAAC,EAAEC,KAAK,CAAC;;EAEtD,IAAMO,WAAW,GAAGL,IAAI,GAAG,CAAC;EAC5B,IAAMM,IAAI,GAAGD,WAAW,GAAGL,IAAI,GAAG,CAAC;;EAEnC,IAAMO,YAAY,GAAGH,KAAK,GAAGN,KAAK,GAAG,CAAC;EACtC,IAAMU,EAAE,GAAGD,YAAY,GAAGH,KAAK,GAAGN,KAAK;;EAEvC,IAAIO,WAAW,EAAE;IACfN,MAAM,CAACU,IAAI,CAAC,CAAC,EAAE,GAAG,CAAC;EACrB;;EAEA,KAAK,IAAIC,CAAC,GAAGJ,IAAI,EAAEI,CAAC,IAAIF,EAAE,EAAE,EAAEE,CAAC,EAAE;IAC/BX,MAAM,CAACU,IAAI,CAACC,CAAC,CAAC;EAChB;;EAEA,IAAIH,YAAY,EAAE;IAChBR,MAAM,CAACU,IAAI,CAAC,GAAG,CAAC;EAClB;;EAEA,IAAIF,YAAY,IAAII,QAAQ,CAACb,KAAK,CAAC,EAAE;IACnCC,MAAM,CAACU,IAAI,CAACX,KAAK,CAAC;EACpB;;EAEA,OAAOC,MAAM;AACf","ignoreList":[]}
+{"version":3,"names":["NEIGHBOR_ITEM_COUNT_DESKTOP","NEIGHBOR_ITEM_COUNT_MOBILE","EDGE_ITEM_COUNT_DESKTOP","EDGE_ITEM_COUNT_MOBILE","getItems","active","total","isMobile","result","neighborItemCount","edgeItemCount","groupLeftmost","Math","max","min","groupRightmost","hasLeftDots","hasRightDots","groupStart","groupEnd","push","i","isFinite"],"sources":["PagingHelper.tsx"],"sourcesContent":["import type { ItemType } from './Paging';\n\nconst NEIGHBOR_ITEM_COUNT_DESKTOP = 2;\nconst NEIGHBOR_ITEM_COUNT_MOBILE = 1;\n\nconst EDGE_ITEM_COUNT_DESKTOP = 4;\nconst EDGE_ITEM_COUNT_MOBILE = 2;\n\nexport function getItems(active: number, total: number, isMobile: boolean): ItemType[] {\n  const result: ItemType[] = [];\n\n  const neighborItemCount = isMobile ? NEIGHBOR_ITEM_COUNT_MOBILE : NEIGHBOR_ITEM_COUNT_DESKTOP;\n  const edgeItemCount = isMobile ? EDGE_ITEM_COUNT_MOBILE : EDGE_ITEM_COUNT_DESKTOP;\n\n  // Group refers to a sequence of items in a row without dots\n  const groupLeftmost = Math.max(Math.min(active - neighborItemCount, total - edgeItemCount), 1);\n  const groupRightmost = Math.min(Math.max(1 + edgeItemCount, active + neighborItemCount), total);\n\n  const hasLeftDots = groupLeftmost > 3;\n  const hasRightDots = groupRightmost < total - 2;\n\n  const groupStart = hasLeftDots ? groupLeftmost : 1;\n  const groupEnd = hasRightDots ? groupRightmost : total;\n\n  if (hasLeftDots) {\n    result.push(1, '.');\n  }\n  for (let i = groupStart; i <= groupEnd; ++i) {\n    result.push(i);\n  }\n  if (hasRightDots) {\n    result.push('.');\n  }\n  if (hasRightDots && isFinite(total)) {\n    result.push(total);\n  }\n\n  return result;\n}\n"],"mappings":";;AAEA,IAAMA,2BAA2B,GAAG,CAAC;AACrC,IAAMC,0BAA0B,GAAG,CAAC;;AAEpC,IAAMC,uBAAuB,GAAG,CAAC;AACjC,IAAMC,sBAAsB,GAAG,CAAC;;AAEzB,SAASC,QAAQA,CAACC,MAAc,EAAEC,KAAa,EAAEC,QAAiB,EAAc;EACrF,IAAMC,MAAkB,GAAG,EAAE;;EAE7B,IAAMC,iBAAiB,GAAGF,QAAQ,GAAGN,0BAA0B,GAAGD,2BAA2B;EAC7F,IAAMU,aAAa,GAAGH,QAAQ,GAAGJ,sBAAsB,GAAGD,uBAAuB;;EAEjF;EACA,IAAMS,aAAa,GAAGC,IAAI,CAACC,GAAG,CAACD,IAAI,CAACE,GAAG,CAACT,MAAM,GAAGI,iBAAiB,EAAEH,KAAK,GAAGI,aAAa,CAAC,EAAE,CAAC,CAAC;EAC9F,IAAMK,cAAc,GAAGH,IAAI,CAACE,GAAG,CAACF,IAAI,CAACC,GAAG,CAAC,CAAC,GAAGH,aAAa,EAAEL,MAAM,GAAGI,iBAAiB,CAAC,EAAEH,KAAK,CAAC;;EAE/F,IAAMU,WAAW,GAAGL,aAAa,GAAG,CAAC;EACrC,IAAMM,YAAY,GAAGF,cAAc,GAAGT,KAAK,GAAG,CAAC;;EAE/C,IAAMY,UAAU,GAAGF,WAAW,GAAGL,aAAa,GAAG,CAAC;EAClD,IAAMQ,QAAQ,GAAGF,YAAY,GAAGF,cAAc,GAAGT,KAAK;;EAEtD,IAAIU,WAAW,EAAE;IACfR,MAAM,CAACY,IAAI,CAAC,CAAC,EAAE,GAAG,CAAC;EACrB;EACA,KAAK,IAAIC,CAAC,GAAGH,UAAU,EAAEG,CAAC,IAAIF,QAAQ,EAAE,EAAEE,CAAC,EAAE;IAC3Cb,MAAM,CAACY,IAAI,CAACC,CAAC,CAAC;EAChB;EACA,IAAIJ,YAAY,EAAE;IAChBT,MAAM,CAACY,IAAI,CAAC,GAAG,CAAC;EAClB;EACA,IAAIH,YAAY,IAAIK,QAAQ,CAAChB,KAAK,CAAC,EAAE;IACnCE,MAAM,CAACY,IAAI,CAACd,KAAK,CAAC;EACpB;;EAEA,OAAOE,MAAM;AACf","ignoreList":[]}

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["_LocaleHelper","require","_en","_ru","_types","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","PagingLocaleHelper","LocaleHelper","ru_RU","en_GB"],"sources":["index.ts"],"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"],"mappings":"2HAAA,IAAAA,aAAA,GAAAC,OAAA;;AAEA,IAAAC,GAAA,GAAAD,OAAA;AACA,IAAAE,GAAA,GAAAF,OAAA;;;AAGA,IAAAG,MAAA,GAAAH,OAAA,YAAAI,MAAA,CAAAC,IAAA,CAAAF,MAAA,EAAAG,OAAA,WAAAC,GAAA,OAAAA,GAAA,kBAAAA,GAAA,8BAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA,cAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,MAAA,CAAAI,GAAA,UAAAK,OAAA,CAAAL,GAAA,IAAAJ,MAAA,CAAAI,GAAA;;AAEO,IAAMM,kBAAkB,GAAAD,OAAA,CAAAC,kBAAA,GAAG,IAAIC,0BAAY,CAAe;EAC/DC,KAAK,EAALA,qBAAK;EACLC,KAAK,EAALA;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_LocaleHelper","require","_en","_ru","_types","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","PagingLocaleHelper","LocaleHelper","ru_RU","en_GB"],"sources":["index.ts"],"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 type { PagingLocale } from './types';\n\nexport * from './types';\n\nexport const PagingLocaleHelper = new LocaleHelper<PagingLocale>({\n  ru_RU,\n  en_GB,\n});\n"],"mappings":"2HAAA,IAAAA,aAAA,GAAAC,OAAA;;AAEA,IAAAC,GAAA,GAAAD,OAAA;AACA,IAAAE,GAAA,GAAAF,OAAA;;;AAGA,IAAAG,MAAA,GAAAH,OAAA,YAAAI,MAAA,CAAAC,IAAA,CAAAF,MAAA,EAAAG,OAAA,WAAAC,GAAA,OAAAA,GAAA,kBAAAA,GAAA,8BAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA,cAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,MAAA,CAAAI,GAAA,UAAAK,OAAA,CAAAL,GAAA,IAAAJ,MAAA,CAAAI,GAAA;;AAEO,IAAMM,kBAAkB,GAAAD,OAAA,CAAAC,kBAAA,GAAG,IAAIC,0BAAY,CAAe;EAC/DC,KAAK,EAALA,qBAAK;EACLC,KAAK,EAALA;AACF,CAAC,CAAC","ignoreList":[]}

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["componentsLocales","exports","forward"],"sources":["en.ts"],"sourcesContent":["import { PagingLocale } from '../types';\n\nexport const componentsLocales: PagingLocale = {\n  forward: 'Forward',\n};\n"],"mappings":";;AAEO,IAAMA,iBAA+B,GAAAC,OAAA,CAAAD,iBAAA,GAAG;EAC7CE,OAAO,EAAE;AACX,CAAC","ignoreList":[]}
+{"version":3,"names":["componentsLocales","exports","forward"],"sources":["en.ts"],"sourcesContent":["import type { PagingLocale } from '../types';\n\nexport const componentsLocales: PagingLocale = {\n  forward: 'Forward',\n};\n"],"mappings":";;AAEO,IAAMA,iBAA+B,GAAAC,OAAA,CAAAD,iBAAA,GAAG;EAC7CE,OAAO,EAAE;AACX,CAAC","ignoreList":[]}

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["componentsLocales","exports","forward"],"sources":["ru.ts"],"sourcesContent":["import { PagingLocale } from '../types';\n\nexport const componentsLocales: PagingLocale = {\n  forward: 'Дальше',\n};\n"],"mappings":";;AAEO,IAAMA,iBAA+B,GAAAC,OAAA,CAAAD,iBAAA,GAAG;EAC7CE,OAAO,EAAE;AACX,CAAC","ignoreList":[]}
+{"version":3,"names":["componentsLocales","exports","forward"],"sources":["ru.ts"],"sourcesContent":["import type { PagingLocale } from '../types';\n\nexport const componentsLocales: PagingLocale = {\n  forward: 'Дальше',\n};\n"],"mappings":";;AAEO,IAAMA,iBAA+B,GAAAC,OAAA,CAAAD,iBAAA,GAAG;EAC7CE,OAAO,EAAE;AACX,CAAC","ignoreList":[]}

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

@@ -1,3 +1,3 @@
-export interface PagingLocale {
-    forward: string;
-}
+export interface PagingLocale {
+    forward: string;
+}

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

@@ -1,3 +1,3 @@
-export declare const ClosedIcon: import("../../lib/forwardRefAndName").ReactUIIconWithRef<SVGSVGElement, Omit<import("../../internal/icons2022/BaseIcon").IconProps, "size"> & {
-    size?: number | "small" | "medium" | "large" | undefined;
-}>;
+export declare const ClosedIcon: import("../../lib/forwardRefAndName").ReactUIIconWithRef<SVGSVGElement, Omit<import("../../internal/icons2022/BaseIcon").IconProps, "size"> & {
+    size?: number | "small" | "medium" | "large" | undefined;
+}>;

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

@@ -1,3 +1,3 @@
-export declare const OpenedIcon: import("../../lib/forwardRefAndName").ReactUIIconWithRef<SVGSVGElement, Omit<import("../../internal/icons2022/BaseIcon").IconProps, "size"> & {
-    size?: number | "small" | "medium" | "large" | undefined;
-}>;
+export declare const OpenedIcon: import("../../lib/forwardRefAndName").ReactUIIconWithRef<SVGSVGElement, Omit<import("../../internal/icons2022/BaseIcon").IconProps, "size"> & {
+    size?: number | "small" | "medium" | "large" | undefined;
+}>;

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

@@ -1,65 +1,60 @@
-import React, { AriaAttributes } from 'react';
-import PropTypes from 'prop-types';
-import { InputProps } from '../Input';
-import { CommonProps } from '../../internal/CommonWrapper';
-export interface PasswordInputProps extends Pick<AriaAttributes, 'aria-label'>, CommonProps, InputProps {
-    detectCapsLock?: boolean;
-}
-export interface PasswordInputState {
-    visible: boolean;
-    focused: boolean;
-    capsLockEnabled?: boolean | null;
-}
-export declare const PasswordInputDataTids: {
-    readonly root: "PasswordInput";
-    readonly capsLockDetector: "PasswordInputCapsLockDetector";
-    readonly eyeIcon: "PasswordInputEyeIcon";
-};
-type DefaultProps = Required<Pick<PasswordInputProps, 'size'>>;
-/**
- * Компонент для ввода пароля
- */
-export declare class PasswordInput extends React.PureComponent<PasswordInputProps, PasswordInputState> {
-    static __KONTUR_REACT_UI__: string;
-    static displayName: string;
-    static propTypes: {
-        /**
-         * Включает CapsLock детектор
-         */
-        detectCapsLock: PropTypes.Requireable<boolean>;
-    };
-    static defaultProps: DefaultProps;
-    private getProps;
-    state: PasswordInputState;
-    private theme;
-    private emotion;
-    private styles;
-    private input;
-    private setRootNode;
-    private readonly locale;
-    componentDidMount(): void;
-    static getDerivedStateFromProps(props: PasswordInputProps, state: PasswordInputState): PasswordInputState | {
-        visible: boolean;
-    };
-    render(): React.JSX.Element;
-    /**
-     * @public
-     */
-    focus: () => void;
-    /**
-     * @public
-     */
-    blur: () => void;
-    private handleKeyPress;
-    private handleKeydown;
-    private handleToggleVisibility;
-    private handleFocusOnInput;
-    private handleFocus;
-    private handleBlur;
-    private getEyeWrapperClassname;
-    private renderEye;
-    private refInput;
-    private hideSymbols;
-    private renderMain;
-}
-export {};
+import type { AriaAttributes } from 'react';
+import React from 'react';
+import type { InputProps } from '../Input';
+import type { CommonProps } from '../../internal/CommonWrapper';
+export interface PasswordInputProps extends Pick<AriaAttributes, 'aria-label'>, CommonProps, Omit<InputProps, 'showClearIcon'> {
+    /** Включает CapsLock детектор. */
+    detectCapsLock?: boolean;
+}
+export interface PasswordInputState {
+    visible: boolean;
+    focused: boolean;
+    capsLockEnabled?: boolean | null;
+}
+export declare const PasswordInputDataTids: {
+    readonly root: "PasswordInput";
+    readonly capsLockDetector: "PasswordInputCapsLockDetector";
+    readonly eyeIcon: "PasswordInputEyeIcon";
+};
+type DefaultProps = Required<Pick<PasswordInputProps, 'size'>>;
+/**
+ * `PasswordInput` — однострочное поле для ввода пароля, в котором символы заменяются на точки.
+ *
+ * Не используйте такое поле для ввода одноразовых кодов из смс. У них короткий срок действия и используются они только один раз.
+ */
+export declare class PasswordInput extends React.PureComponent<PasswordInputProps, PasswordInputState> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    static defaultProps: DefaultProps;
+    private getProps;
+    state: PasswordInputState;
+    private theme;
+    private input;
+    private setRootNode;
+    private readonly locale;
+    componentDidMount(): void;
+    static getDerivedStateFromProps(props: PasswordInputProps, state: PasswordInputState): PasswordInputState | {
+        visible: boolean;
+    };
+    render(): React.JSX.Element;
+    /**
+     * @public
+     */
+    focus: () => void;
+    /**
+     * @public
+     */
+    blur: () => void;
+    private handleKeyPress;
+    private handleKeydown;
+    private handleToggleVisibility;
+    private focusOnInput;
+    private handleFocus;
+    private handleFocusOutside;
+    private getEyeWrapperClassname;
+    private renderEye;
+    private refInput;
+    private hideSymbols;
+    private renderMain;
+}
+export {};

package/cjs/components/PasswordInput/PasswordInput.js

@@ -1,25 +1,28 @@
-"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 _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
+"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 _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
+var _react = _interopRequireDefault(require("react"));
 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 _PasswordInput2 = require("./PasswordInput.styles");
 var _PasswordInputIcon = require("./PasswordInputIcon");
+
 var _locale = require("./locale");var _excluded = ["detectCapsLock"];var _dec, _class, _PasswordInput;
 
 
@@ -32,6 +35,10 @@ var _locale = require("./locale");var _excluded = ["detectCapsLock"];var _dec, _
 
 
 
+
+
+
+
 var PasswordInputDataTids = exports.PasswordInputDataTids = {
   root: 'PasswordInput',
   capsLockDetector: 'PasswordInputCapsLockDetector',
@@ -41,7 +48,9 @@ var PasswordInputDataTids = exports.PasswordInputDataTids = {
 
 
 /**
- * Компонент для ввода пароля
+ * `PasswordInput` — однострочное поле для ввода пароля, в котором символы заменяются на точки.
+ *
+ * Не используйте такое поле для ввода одноразовых кодов из смс. У них короткий срок действия и используются они только один раз.
  */var
 
 
@@ -53,13 +62,6 @@ PasswordInput = exports.PasswordInput = (_dec = (0, _decorators.locale)('Passwor
 
 
 
-
-
-
-
-
-
-
     getProps = (0, _createPropsGetter.createPropsGetter)(PasswordInput.defaultProps);_this.
 
     state = {
@@ -99,16 +101,6 @@ PasswordInput = exports.PasswordInput = (_dec = (0, _decorators.locale)('Passwor
 
 
 
-
-
-
-
-
-
-
-
-
-
 
 
 
@@ -133,7 +125,9 @@ PasswordInput = exports.PasswordInput = (_dec = (0, _decorators.locale)('Passwor
      * @public
      */_this.
     blur = function () {
-      _this.handleBlur();
+      if (_this.input) {
+        _this.input.blur();
+      }
     };_this.
 
     handleKeyPress = function (e) {
@@ -172,10 +166,10 @@ PasswordInput = exports.PasswordInput = (_dec = (0, _decorators.locale)('Passwor
     };_this.
 
     handleToggleVisibility = function () {
-      _this.setState(function (prevState) {return { visible: !prevState.visible };}, _this.handleFocusOnInput);
+      _this.setState(function (prevState) {return { visible: !prevState.visible };}, _this.focusOnInput);
     };_this.
 
-    handleFocusOnInput = function () {
+    focusOnInput = function () {
       if (_this.input) {
         _this.input.focus();
       }
@@ -193,9 +187,11 @@ PasswordInput = exports.PasswordInput = (_dec = (0, _decorators.locale)('Passwor
       }
     };_this.
 
-    handleBlur = function () {
-      if (_this.input) {
-        _this.input.blur();
+    handleFocusOutside = function () {
+      _this.hideSymbols();
+
+      if (_this.state.focused) {
+        _this.setState({ focused: false });
       }
     };_this.
 
@@ -211,22 +207,21 @@ PasswordInput = exports.PasswordInput = (_dec = (0, _decorators.locale)('Passwor
 
 
 
-
     renderEye = function () {
       var capsLockEnabled = _this.state.capsLockEnabled;
-      var styles = _this.styles;
+
       return /*#__PURE__*/(
-        _react.default.createElement("span", { className: styles.iconWrapper() },
+        _react.default.createElement("span", { className: _PasswordInput2.styles.iconWrapper() },
         capsLockEnabled && /*#__PURE__*/
-        _react.default.createElement("span", { className: styles.capsLockDetector(), "data-tid": PasswordInputDataTids.capsLockDetector }), /*#__PURE__*/
+        _react.default.createElement("span", { className: _PasswordInput2.styles.capsLockDetector(), "data-tid": PasswordInputDataTids.capsLockDetector }), /*#__PURE__*/
 
-        _react.default.createElement("span", { className: _this.emotion.cx(styles.toggleVisibility(_this.theme), _this.getEyeWrapperClassname()) },
+        _react.default.createElement("span", { className: (0, _Emotion.cx)(_PasswordInput2.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(),
+          className: _PasswordInput2.styles.icon(),
           "data-tid": PasswordInputDataTids.eyeIcon }, /*#__PURE__*/
 
         _react.default.createElement(_PasswordInputIcon.PasswordInputIcon, { size: _this.props.size, visible: _this.state.visible })
@@ -243,12 +238,6 @@ PasswordInput = exports.PasswordInput = (_dec = (0, _decorators.locale)('Passwor
 
     hideSymbols = function () {
       _this.setState({ visible: false });
-
-      if (!_this.state.focused) {
-        return;
-      }
-
-      _this.setState({ focused: false });
     };_this.
 
     renderMain = function (props) {
@@ -262,8 +251,12 @@ PasswordInput = exports.PasswordInput = (_dec = (0, _decorators.locale)('Passwor
 
 
       return /*#__PURE__*/(
-        _react.default.createElement(_RenderLayer.RenderLayer, { onFocusOutside: _this.hideSymbols, onClickOutside: _this.hideSymbols, active: _this.state.focused }, /*#__PURE__*/
-        _react.default.createElement("div", { "data-tid": PasswordInputDataTids.root, className: _this.styles.root() }, /*#__PURE__*/
+        _react.default.createElement(_RenderLayer.RenderLayer, {
+          active: _this.state.focused,
+          onFocusOutside: _this.handleFocusOutside,
+          onClickOutside: _this.handleFocusOutside }, /*#__PURE__*/
+
+        _react.default.createElement("div", { "data-tid": PasswordInputDataTids.root, className: _PasswordInput2.styles.root() }, /*#__PURE__*/
         _react.default.createElement(_Input.Input, (0, _extends2.default)({ ref: _this.refInput, type: _this.state.visible ? 'text' : 'password' }, inputProps))
         )
         ));
@@ -271,6 +264,4 @@ PasswordInput = exports.PasswordInput = (_dec = (0, _decorators.locale)('Passwor
     };return _this;}(0, _inheritsLoose2.default)(PasswordInput, _React$PureComponent);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 _this3 = this;return /*#__PURE__*/_react.default.createElement(_Emotion.EmotionConsumer, null, function (emotion) {_this3.emotion = emotion;_this3.styles = (0, _PasswordInput2.getStyles)(_this3.emotion);return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this3.theme = theme;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: _this3.setRootNode }, _this3.props), _this3.renderMain(_this3.props));});});};_proto.getEyeWrapperClassname = function getEyeWrapperClassname() {var styles = this.styles;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), _PasswordInput.__KONTUR_REACT_UI__ = 'PasswordInput', _PasswordInput.displayName = 'PasswordInput', _PasswordInput.propTypes = { /**
-   * Включает CapsLock детектор
-   */detectCapsLock: _propTypes.default.bool }, _PasswordInput.defaultProps = { size: 'small' }, _PasswordInput)) || _class) || _class);
+      _globalObject.globalObject.document.msCapsLockWarningOff = true;}};PasswordInput.getDerivedStateFromProps = function getDerivedStateFromProps(props, state) {if (props.disabled) {return { visible: false };}return state;};_proto.render = function render() {var _this3 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this3.theme = theme;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: _this3.setRootNode }, _this3.getProps()), _this3.renderMain);});};_proto.getEyeWrapperClassname = function getEyeWrapperClassname() {switch (this.getProps().size) {case 'large':return _PasswordInput2.styles.eyeWrapperLarge(this.theme);case 'medium':return _PasswordInput2.styles.eyeWrapperMedium(this.theme);case 'small':default:return _PasswordInput2.styles.eyeWrapperSmall(this.theme);}};return PasswordInput;}(_react.default.PureComponent), _PasswordInput.__KONTUR_REACT_UI__ = 'PasswordInput', _PasswordInput.displayName = 'PasswordInput', _PasswordInput.defaultProps = { size: 'small' }, _PasswordInput)) || _class) || _class);