@skbkontur/react-ui 4.4.0 → 4.5.2

package/components/Input/Input.styles/Input.styles.js

@@ -1,6 +1,6 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 
-var _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, _templateObject34, _templateObject35, _templateObject36, _templateObject37, _templateObject38, _templateObject39, _templateObject40;
+var _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, _templateObject34, _templateObject35, _templateObject36, _templateObject37, _templateObject38, _templateObject39, _templateObject40, _templateObject41;
 
 import { css, keyframes, memoizeStyle } from "../../../lib/theming/Emotion";
 import { shift } from "../../../lib/styles/DimensionFunctions";
@@ -24,7 +24,7 @@ export var styles = memoizeStyle({
     return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.inputIconColor);
   },
   focus: function focus(t) {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      border-color: ", ";\n      box-shadow: ", ";\n      outline: none;\n      z-index: 2;\n    "])), t.inputBorderColorFocus, t.inputFocusShadow);
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      background-color: ", ";\n      border-color: ", ";\n      box-shadow: ", ";\n      outline: none;\n      z-index: 2;\n    "])), t.inputFocusedBg, t.inputBorderColorFocus, t.inputFocusShadow);
   },
   focusFallback: function focusFallback(t) {
     return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      box-shadow: none;\n      outline: ", " solid ", ";\n    "])), t.inputOutlineWidth, t.inputFocusOutline);
@@ -105,28 +105,31 @@ export var styles = memoizeStyle({
   icon: function icon() {
     return css(_templateObject32 || (_templateObject32 = _taggedTemplateLiteralLoose(["\n      flex-shrink: 0;\n      cursor: text;\n      z-index: 2;\n      text-align: center;\n      box-sizing: content-box !important; // fix possible \"reset.css\" problem\n    "])));
   },
+  iconFocus: function iconFocus(t) {
+    return css(_templateObject33 || (_templateObject33 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.inputFocusedIconColor);
+  },
   iconDisabled: function iconDisabled() {
-    return css(_templateObject33 || (_templateObject33 = _taggedTemplateLiteralLoose(["\n      cursor: default;\n    "])));
+    return css(_templateObject34 || (_templateObject34 = _taggedTemplateLiteralLoose(["\n      cursor: default;\n    "])));
   },
   leftIconSmall: function leftIconSmall(t) {
-    return css(_templateObject34 || (_templateObject34 = _taggedTemplateLiteralLoose(["\n      min-width: ", ";\n      padding-right: ", ";\n    "])), t.inputIconSizeSmall, t.inputIconGapSmall);
+    return css(_templateObject35 || (_templateObject35 = _taggedTemplateLiteralLoose(["\n      min-width: ", ";\n      padding-right: ", ";\n    "])), t.inputIconSizeSmall, t.inputIconGapSmall);
   },
   rightIconSmall: function rightIconSmall(t) {
-    return css(_templateObject35 || (_templateObject35 = _taggedTemplateLiteralLoose(["\n      min-width: ", ";\n      padding-left: ", ";\n    "])), t.inputIconSizeSmall, t.inputIconGapSmall);
+    return css(_templateObject36 || (_templateObject36 = _taggedTemplateLiteralLoose(["\n      min-width: ", ";\n      padding-left: ", ";\n    "])), t.inputIconSizeSmall, t.inputIconGapSmall);
   },
   leftIconMedium: function leftIconMedium(t) {
-    return css(_templateObject36 || (_templateObject36 = _taggedTemplateLiteralLoose(["\n      min-width: ", ";\n      padding-right: ", ";\n    "])), t.inputIconSizeMedium, t.inputIconGapMedium);
+    return css(_templateObject37 || (_templateObject37 = _taggedTemplateLiteralLoose(["\n      min-width: ", ";\n      padding-right: ", ";\n    "])), t.inputIconSizeMedium, t.inputIconGapMedium);
   },
   rightIconMedium: function rightIconMedium(t) {
-    return css(_templateObject37 || (_templateObject37 = _taggedTemplateLiteralLoose(["\n      min-width: ", ";\n      padding-left: ", ";\n    "])), t.inputIconSizeMedium, t.inputIconGapMedium);
+    return css(_templateObject38 || (_templateObject38 = _taggedTemplateLiteralLoose(["\n      min-width: ", ";\n      padding-left: ", ";\n    "])), t.inputIconSizeMedium, t.inputIconGapMedium);
   },
   leftIconLarge: function leftIconLarge(t) {
-    return css(_templateObject38 || (_templateObject38 = _taggedTemplateLiteralLoose(["\n      min-width: ", ";\n      padding-right: ", ";\n    "])), t.inputIconSizeLarge, t.inputIconGapLarge);
+    return css(_templateObject39 || (_templateObject39 = _taggedTemplateLiteralLoose(["\n      min-width: ", ";\n      padding-right: ", ";\n    "])), t.inputIconSizeLarge, t.inputIconGapLarge);
   },
   rightIconLarge: function rightIconLarge(t) {
-    return css(_templateObject39 || (_templateObject39 = _taggedTemplateLiteralLoose(["\n      min-width: ", ";\n      padding-left: ", ";\n    "])), t.inputIconSizeLarge, t.inputIconGapLarge);
+    return css(_templateObject40 || (_templateObject40 = _taggedTemplateLiteralLoose(["\n      min-width: ", ";\n      padding-left: ", ";\n    "])), t.inputIconSizeLarge, t.inputIconGapLarge);
   },
   hideBlinkingCursor: function hideBlinkingCursor() {
-    return css(_templateObject40 || (_templateObject40 = _taggedTemplateLiteralLoose(["\n      caret-color: transparent;\n    "])));
+    return css(_templateObject41 || (_templateObject41 = _taggedTemplateLiteralLoose(["\n      caret-color: transparent;\n    "])));
   }
 });

package/components/Input/Input.styles/Input.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Input.styles.ts"],"names":["css","keyframes","memoizeStyle","shift","resetText","shouldCompensateFontFamily","fontFamilyCompensation","Boolean","parseInt","styles","wrapper","root","t","inputBg","inputBorderWidth","inputBorderColor","inputBorderTopColor","inputShadow","inputColor","inputWidth","borderless","useDefaultColor","inputIconColor","focus","inputBorderColorFocus","inputFocusShadow","focusFallback","inputOutlineWidth","inputFocusOutline","placeholder","inputPlaceholderColor","placeholderFocus","inputPlaceholderColorLight","placeholderDisabled","inputPlaceholderColorDisabled","input","inputTextColor","inputFocus","inputDisabled","inputTextColorDisabled","warning","inputBorderColorWarning","warningFallback","error","inputBorderColorError","errorFallback","disabled","inputDisabledBg","inputDisabledBorderColor","blink","blinkAnimation","inputBlinkColor","sizeSmall","inputFontSizeSmall","inputLineHeightSmall","inputPaddingYSmall","inputPaddingXSmall","inputHeightSmall","inputBorderRadiusSmall","sizeSmallFallback","fontFamilyCompensationBaseline","sizeMedium","inputFontSizeMedium","inputLineHeightMedium","inputPaddingYMedium","inputPaddingXMedium","inputHeightMedium","inputBorderRadiusMedium","sizeMediumFallback","sizeLarge","inputFontSizeLarge","inputLineHeightLarge","inputHeightLarge","inputPaddingYLarge","inputPaddingXLarge","inputBorderRadiusLarge","sizeLargeFallback","prefix","prefixDisabled","suffix","suffixDisabled","sideContainer","rightContainer","icon","iconDisabled","leftIconSmall","inputIconSizeSmall","inputIconGapSmall","rightIconSmall","leftIconMedium","inputIconSizeMedium","inputIconGapMedium","rightIconMedium","leftIconLarge","inputIconSizeLarge","inputIconGapLarge","rightIconLarge","hideBlinkingCursor"],"mappings":"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","sourcesContent":["import { css, keyframes, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { shift } from '../../lib/styles/DimensionFunctions';\nimport { resetText } from '../../lib/styles/Mixins';\n\nconst shouldCompensateFontFamily = (fontFamilyCompensation: string): boolean =>\n  Boolean(parseInt(fontFamilyCompensation));\n\nexport const styles = memoizeStyle({\n  wrapper() {\n    return css`\n      align-items: center;\n      display: flex;\n      margin: 0;\n      min-width: 0;\n      overflow: hidden;\n      position: relative;\n      text-overflow: clip;\n      white-space: nowrap;\n      width: 100%;\n\n      &::before {\n        content: '\\\\A0';\n        display: inline-block;\n        width: 0;\n      }\n    `;\n  },\n\n  root(t: Theme) {\n    return css`\n      ${resetText()};\n\n      align-items: center;\n      background-clip: padding-box;\n      background-color: ${t.inputBg};\n      border: ${t.inputBorderWidth} solid ${t.inputBorderColor};\n      border-top-color: ${t.inputBorderTopColor};\n      box-shadow: ${t.inputShadow};\n      box-sizing: border-box;\n      color: ${t.inputColor};\n      cursor: text;\n      display: inline-flex;\n      outline: none;\n      position: relative;\n      width: ${t.inputWidth};\n\n      & * {\n        box-sizing: border-box;\n      }\n    `;\n  },\n\n  borderless() {\n    return css`\n      box-shadow: none;\n      border-color: transparent;\n    `;\n  },\n\n  useDefaultColor(t: Theme) {\n    return css`\n      color: ${t.inputIconColor};\n    `;\n  },\n\n  focus(t: Theme) {\n    return css`\n      border-color: ${t.inputBorderColorFocus};\n      box-shadow: ${t.inputFocusShadow};\n      outline: none;\n      z-index: 2;\n    `;\n  },\n\n  focusFallback(t: Theme) {\n    return css`\n      box-shadow: none;\n      outline: ${t.inputOutlineWidth} solid ${t.inputFocusOutline};\n    `;\n  },\n\n  placeholder(t: Theme) {\n    return css`\n      -ms-user-select: none;\n      color: ${t.inputPlaceholderColor};\n      cursor: text;\n      font-size: inherit;\n      height: 100%;\n      left: 0;\n      overflow: hidden;\n      pointer-events: none;\n      position: absolute;\n      top: 0;\n      user-select: none;\n      white-space: nowrap;\n      width: 100%;\n    `;\n  },\n\n  placeholderFocus(t: Theme) {\n    return css`\n      color: ${t.inputPlaceholderColorLight};\n    `;\n  },\n\n  placeholderDisabled(t: Theme) {\n    return css`\n      color: ${t.inputPlaceholderColorDisabled};\n    `;\n  },\n\n  input(t: Theme) {\n    return css`\n      -webkit-appearance: none;\n      background: transparent;\n      border: 0 none;\n      color: ${t.inputTextColor};\n      font: inherit;\n      line-height: inherit;\n      margin: 0;\n      outline: none;\n      padding: 0;\n      text-overflow: clip;\n      white-space: nowrap;\n      width: 100%;\n\n      &:-moz-placeholder {\n        opacity: 1;\n      }\n      &::-moz-placeholder {\n        opacity: 1;\n      }\n      &::-ms-clear {\n        display: none;\n      }\n      &:-moz-placeholder {\n        color: ${t.inputPlaceholderColor};\n      }\n      &::-moz-placeholder {\n        color: ${t.inputPlaceholderColor};\n      }\n      &::placeholder {\n        color: ${t.inputPlaceholderColor};\n      }\n    `;\n  },\n\n  inputFocus(t: Theme) {\n    return css`\n      &:-moz-placeholder {\n        color: ${t.inputPlaceholderColorLight};\n      }\n      &::-moz-placeholder {\n        color: ${t.inputPlaceholderColorLight};\n      }\n      &::placeholder {\n        color: ${t.inputPlaceholderColorLight};\n      }\n    `;\n  },\n\n  inputDisabled(t: Theme) {\n    return css`\n      color: ${t.inputTextColorDisabled};\n      /* fix text color in safari https://bugs.webkit.org/show_bug.cgi?id=115510 */\n      -webkit-text-fill-color: ${t.inputTextColorDisabled};\n\n      &:-moz-placeholder {\n        -webkit-text-fill-color: ${t.inputPlaceholderColorDisabled};\n      }\n      &::-moz-placeholder {\n        -webkit-text-fill-color: ${t.inputPlaceholderColorDisabled};\n      }\n      &::placeholder {\n        -webkit-text-fill-color: ${t.inputPlaceholderColorDisabled};\n      }\n    `;\n  },\n\n  warning(t: Theme) {\n    return css`\n      border-color: ${t.inputBorderColorWarning};\n      box-shadow: 0 0 0 ${t.inputOutlineWidth} ${t.inputBorderColorWarning};\n      z-index: 2;\n    `;\n  },\n\n  warningFallback(t: Theme) {\n    return css`\n      box-shadow: none;\n      outline: ${t.inputBorderWidth} solid ${t.inputBorderColorWarning};\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      border-color: ${t.inputBorderColorError};\n      box-shadow: 0 0 0 ${t.inputOutlineWidth} ${t.inputBorderColorError};\n      z-index: 2;\n    `;\n  },\n\n  errorFallback(t: Theme) {\n    return css`\n      box-shadow: none;\n      outline: ${t.inputBorderWidth} solid ${t.inputBorderColorError};\n    `;\n  },\n\n  disabled(t: Theme) {\n    return css`\n      background-color: ${t.inputDisabledBg};\n      border-color: ${t.inputDisabledBorderColor};\n      box-shadow: none;\n    `;\n  },\n\n  blink(t: Theme) {\n    const blinkAnimation = keyframes`\n    0% {\n      background-color: ${t.inputBlinkColor};\n    }\n  `;\n    return css`\n      animation: ${blinkAnimation} 0.15s ease-in;\n    `;\n  },\n\n  sizeSmall(t: Theme) {\n    return css`\n      font-size: ${t.inputFontSizeSmall};\n      line-height: ${t.inputLineHeightSmall};\n      padding-top: ${t.inputPaddingYSmall};\n      padding-bottom: ${t.inputPaddingYSmall};\n      padding-left: ${t.inputPaddingXSmall};\n      padding-right: ${t.inputPaddingXSmall};\n      height: ${t.inputHeightSmall};\n      border-radius: ${t.inputBorderRadiusSmall};\n    `;\n  },\n\n  sizeSmallFallback(t: Theme) {\n    return css`\n      padding-top: ${shift(\n        t.inputPaddingYSmall,\n        shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '-1' : '0',\n      )};\n      padding-bottom: ${shift(\n        t.inputPaddingYSmall,\n        shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '1' : '0',\n      )};\n      padding-left: ${t.inputPaddingXSmall};\n      padding-right: ${t.inputPaddingXSmall};\n      line-height: normal;\n    `;\n  },\n\n  sizeMedium(t: Theme) {\n    return css`\n      font-size: ${t.inputFontSizeMedium};\n      line-height: ${t.inputLineHeightMedium};\n      padding-top: ${t.inputPaddingYMedium};\n      padding-bottom: ${t.inputPaddingYMedium};\n      padding-left: ${t.inputPaddingXMedium};\n      padding-right: ${t.inputPaddingXMedium};\n      height: ${t.inputHeightMedium};\n      border-radius: ${t.inputBorderRadiusMedium};\n    `;\n  },\n\n  sizeMediumFallback(t: Theme) {\n    return css`\n      padding-top: ${shift(\n        t.inputPaddingYMedium,\n        shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '-1' : '0',\n      )};\n      padding-bottom: ${shift(\n        t.inputPaddingYMedium,\n        shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '1' : '0',\n      )};\n      padding-left: ${t.inputPaddingXMedium};\n      padding-right: ${t.inputPaddingXMedium};\n      line-height: normal;\n    `;\n  },\n\n  sizeLarge(t: Theme) {\n    return css`\n      font-size: ${t.inputFontSizeLarge};\n      line-height: ${t.inputLineHeightLarge};\n      height: ${t.inputHeightLarge};\n      padding-top: ${shift(\n        t.inputPaddingYLarge,\n        shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '-1' : '0',\n      )};\n      padding-bottom: ${shift(\n        t.inputPaddingYLarge,\n        shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '1' : '0',\n      )};\n      padding-left: ${t.inputPaddingXLarge};\n      padding-right: ${t.inputPaddingXLarge};\n      border-radius: ${t.inputBorderRadiusLarge};\n    `;\n  },\n\n  sizeLargeFallback(t: Theme) {\n    return css`\n      padding-top: ${shift(\n        t.inputPaddingYLarge,\n        shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '-2' : '0',\n      )};\n      padding-bottom: ${shift(\n        t.inputPaddingYLarge,\n        shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '2' : '0',\n      )};\n      padding-left: ${t.inputPaddingXLarge};\n      padding-right: ${t.inputPaddingXLarge};\n      line-height: normal;\n    `;\n  },\n\n  prefix(t: Theme) {\n    return css`\n      color: ${t.inputPlaceholderColor};\n    `;\n  },\n\n  prefixDisabled(t: Theme) {\n    return css`\n      color: ${t.inputPlaceholderColorDisabled};\n    `;\n  },\n\n  suffix(t: Theme) {\n    return css`\n      color: ${t.inputPlaceholderColor};\n    `;\n  },\n\n  suffixDisabled(t: Theme) {\n    return css`\n      color: ${t.inputPlaceholderColorDisabled};\n    `;\n  },\n\n  sideContainer() {\n    return css`\n      align-items: center;\n      display: flex;\n      flex-shrink: 0;\n      height: 100%;\n\n      &::before {\n        content: '\\\\a0';\n        display: inline-block;\n        width: 0;\n      }\n    `;\n  },\n\n  rightContainer() {\n    return css`\n      justify-self: flex-end;\n      margin: 0 0 0 auto;\n      padding-left: 0;\n    `;\n  },\n\n  icon() {\n    return css`\n      flex-shrink: 0;\n      cursor: text;\n      z-index: 2;\n      text-align: center;\n      box-sizing: content-box !important; // fix possible \"reset.css\" problem\n    `;\n  },\n\n  iconDisabled() {\n    return css`\n      cursor: default;\n    `;\n  },\n\n  leftIconSmall(t: Theme) {\n    return css`\n      min-width: ${t.inputIconSizeSmall};\n      padding-right: ${t.inputIconGapSmall};\n    `;\n  },\n\n  rightIconSmall(t: Theme) {\n    return css`\n      min-width: ${t.inputIconSizeSmall};\n      padding-left: ${t.inputIconGapSmall};\n    `;\n  },\n\n  leftIconMedium(t: Theme) {\n    return css`\n      min-width: ${t.inputIconSizeMedium};\n      padding-right: ${t.inputIconGapMedium};\n    `;\n  },\n\n  rightIconMedium(t: Theme) {\n    return css`\n      min-width: ${t.inputIconSizeMedium};\n      padding-left: ${t.inputIconGapMedium};\n    `;\n  },\n\n  leftIconLarge(t: Theme) {\n    return css`\n      min-width: ${t.inputIconSizeLarge};\n      padding-right: ${t.inputIconGapLarge};\n    `;\n  },\n\n  rightIconLarge(t: Theme) {\n    return css`\n      min-width: ${t.inputIconSizeLarge};\n      padding-left: ${t.inputIconGapLarge};\n    `;\n  },\n\n  hideBlinkingCursor() {\n    return css`\n      caret-color: transparent;\n    `;\n  },\n});\n"]}
+{"version":3,"sources":["Input.styles.ts"],"names":["css","keyframes","memoizeStyle","shift","resetText","shouldCompensateFontFamily","fontFamilyCompensation","Boolean","parseInt","styles","wrapper","root","t","inputBg","inputBorderWidth","inputBorderColor","inputBorderTopColor","inputShadow","inputColor","inputWidth","borderless","useDefaultColor","inputIconColor","focus","inputFocusedBg","inputBorderColorFocus","inputFocusShadow","focusFallback","inputOutlineWidth","inputFocusOutline","placeholder","inputPlaceholderColor","placeholderFocus","inputPlaceholderColorLight","placeholderDisabled","inputPlaceholderColorDisabled","input","inputTextColor","inputFocus","inputDisabled","inputTextColorDisabled","warning","inputBorderColorWarning","warningFallback","error","inputBorderColorError","errorFallback","disabled","inputDisabledBg","inputDisabledBorderColor","blink","blinkAnimation","inputBlinkColor","sizeSmall","inputFontSizeSmall","inputLineHeightSmall","inputPaddingYSmall","inputPaddingXSmall","inputHeightSmall","inputBorderRadiusSmall","sizeSmallFallback","fontFamilyCompensationBaseline","sizeMedium","inputFontSizeMedium","inputLineHeightMedium","inputPaddingYMedium","inputPaddingXMedium","inputHeightMedium","inputBorderRadiusMedium","sizeMediumFallback","sizeLarge","inputFontSizeLarge","inputLineHeightLarge","inputHeightLarge","inputPaddingYLarge","inputPaddingXLarge","inputBorderRadiusLarge","sizeLargeFallback","prefix","prefixDisabled","suffix","suffixDisabled","sideContainer","rightContainer","icon","iconFocus","inputFocusedIconColor","iconDisabled","leftIconSmall","inputIconSizeSmall","inputIconGapSmall","rightIconSmall","leftIconMedium","inputIconSizeMedium","inputIconGapMedium","rightIconMedium","leftIconLarge","inputIconSizeLarge","inputIconGapLarge","rightIconLarge","hideBlinkingCursor"],"mappings":"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","sourcesContent":["import { css, keyframes, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { shift } from '../../lib/styles/DimensionFunctions';\nimport { resetText } from '../../lib/styles/Mixins';\n\nconst shouldCompensateFontFamily = (fontFamilyCompensation: string): boolean =>\n  Boolean(parseInt(fontFamilyCompensation));\n\nexport const styles = memoizeStyle({\n  wrapper() {\n    return css`\n      align-items: center;\n      display: flex;\n      margin: 0;\n      min-width: 0;\n      overflow: hidden;\n      position: relative;\n      text-overflow: clip;\n      white-space: nowrap;\n      width: 100%;\n\n      &::before {\n        content: '\\\\A0';\n        display: inline-block;\n        width: 0;\n      }\n    `;\n  },\n\n  root(t: Theme) {\n    return css`\n      ${resetText()};\n\n      align-items: center;\n      background-clip: padding-box;\n      background-color: ${t.inputBg};\n      border: ${t.inputBorderWidth} solid ${t.inputBorderColor};\n      border-top-color: ${t.inputBorderTopColor};\n      box-shadow: ${t.inputShadow};\n      box-sizing: border-box;\n      color: ${t.inputColor};\n      cursor: text;\n      display: inline-flex;\n      outline: none;\n      position: relative;\n      width: ${t.inputWidth};\n\n      & * {\n        box-sizing: border-box;\n      }\n    `;\n  },\n\n  borderless() {\n    return css`\n      box-shadow: none;\n      border-color: transparent;\n    `;\n  },\n\n  useDefaultColor(t: Theme) {\n    return css`\n      color: ${t.inputIconColor};\n    `;\n  },\n\n  focus(t: Theme) {\n    return css`\n      background-color: ${t.inputFocusedBg};\n      border-color: ${t.inputBorderColorFocus};\n      box-shadow: ${t.inputFocusShadow};\n      outline: none;\n      z-index: 2;\n    `;\n  },\n\n  focusFallback(t: Theme) {\n    return css`\n      box-shadow: none;\n      outline: ${t.inputOutlineWidth} solid ${t.inputFocusOutline};\n    `;\n  },\n\n  placeholder(t: Theme) {\n    return css`\n      -ms-user-select: none;\n      color: ${t.inputPlaceholderColor};\n      cursor: text;\n      font-size: inherit;\n      height: 100%;\n      left: 0;\n      overflow: hidden;\n      pointer-events: none;\n      position: absolute;\n      top: 0;\n      user-select: none;\n      white-space: nowrap;\n      width: 100%;\n    `;\n  },\n\n  placeholderFocus(t: Theme) {\n    return css`\n      color: ${t.inputPlaceholderColorLight};\n    `;\n  },\n\n  placeholderDisabled(t: Theme) {\n    return css`\n      color: ${t.inputPlaceholderColorDisabled};\n    `;\n  },\n\n  input(t: Theme) {\n    return css`\n      -webkit-appearance: none;\n      background: transparent;\n      border: 0 none;\n      color: ${t.inputTextColor};\n      font: inherit;\n      line-height: inherit;\n      margin: 0;\n      outline: none;\n      padding: 0;\n      text-overflow: clip;\n      white-space: nowrap;\n      width: 100%;\n\n      &:-moz-placeholder {\n        opacity: 1;\n      }\n      &::-moz-placeholder {\n        opacity: 1;\n      }\n      &::-ms-clear {\n        display: none;\n      }\n      &:-moz-placeholder {\n        color: ${t.inputPlaceholderColor};\n      }\n      &::-moz-placeholder {\n        color: ${t.inputPlaceholderColor};\n      }\n      &::placeholder {\n        color: ${t.inputPlaceholderColor};\n      }\n    `;\n  },\n\n  inputFocus(t: Theme) {\n    return css`\n      &:-moz-placeholder {\n        color: ${t.inputPlaceholderColorLight};\n      }\n      &::-moz-placeholder {\n        color: ${t.inputPlaceholderColorLight};\n      }\n      &::placeholder {\n        color: ${t.inputPlaceholderColorLight};\n      }\n    `;\n  },\n\n  inputDisabled(t: Theme) {\n    return css`\n      color: ${t.inputTextColorDisabled};\n      /* fix text color in safari https://bugs.webkit.org/show_bug.cgi?id=115510 */\n      -webkit-text-fill-color: ${t.inputTextColorDisabled};\n\n      &:-moz-placeholder {\n        -webkit-text-fill-color: ${t.inputPlaceholderColorDisabled};\n      }\n      &::-moz-placeholder {\n        -webkit-text-fill-color: ${t.inputPlaceholderColorDisabled};\n      }\n      &::placeholder {\n        -webkit-text-fill-color: ${t.inputPlaceholderColorDisabled};\n      }\n    `;\n  },\n\n  warning(t: Theme) {\n    return css`\n      border-color: ${t.inputBorderColorWarning};\n      box-shadow: 0 0 0 ${t.inputOutlineWidth} ${t.inputBorderColorWarning};\n      z-index: 2;\n    `;\n  },\n\n  warningFallback(t: Theme) {\n    return css`\n      box-shadow: none;\n      outline: ${t.inputBorderWidth} solid ${t.inputBorderColorWarning};\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      border-color: ${t.inputBorderColorError};\n      box-shadow: 0 0 0 ${t.inputOutlineWidth} ${t.inputBorderColorError};\n      z-index: 2;\n    `;\n  },\n\n  errorFallback(t: Theme) {\n    return css`\n      box-shadow: none;\n      outline: ${t.inputBorderWidth} solid ${t.inputBorderColorError};\n    `;\n  },\n\n  disabled(t: Theme) {\n    return css`\n      background-color: ${t.inputDisabledBg};\n      border-color: ${t.inputDisabledBorderColor};\n      box-shadow: none;\n    `;\n  },\n\n  blink(t: Theme) {\n    const blinkAnimation = keyframes`\n    0% {\n      background-color: ${t.inputBlinkColor};\n    }\n  `;\n    return css`\n      animation: ${blinkAnimation} 0.15s ease-in;\n    `;\n  },\n\n  sizeSmall(t: Theme) {\n    return css`\n      font-size: ${t.inputFontSizeSmall};\n      line-height: ${t.inputLineHeightSmall};\n      padding-top: ${t.inputPaddingYSmall};\n      padding-bottom: ${t.inputPaddingYSmall};\n      padding-left: ${t.inputPaddingXSmall};\n      padding-right: ${t.inputPaddingXSmall};\n      height: ${t.inputHeightSmall};\n      border-radius: ${t.inputBorderRadiusSmall};\n    `;\n  },\n\n  sizeSmallFallback(t: Theme) {\n    return css`\n      padding-top: ${shift(\n        t.inputPaddingYSmall,\n        shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '-1' : '0',\n      )};\n      padding-bottom: ${shift(\n        t.inputPaddingYSmall,\n        shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '1' : '0',\n      )};\n      padding-left: ${t.inputPaddingXSmall};\n      padding-right: ${t.inputPaddingXSmall};\n      line-height: normal;\n    `;\n  },\n\n  sizeMedium(t: Theme) {\n    return css`\n      font-size: ${t.inputFontSizeMedium};\n      line-height: ${t.inputLineHeightMedium};\n      padding-top: ${t.inputPaddingYMedium};\n      padding-bottom: ${t.inputPaddingYMedium};\n      padding-left: ${t.inputPaddingXMedium};\n      padding-right: ${t.inputPaddingXMedium};\n      height: ${t.inputHeightMedium};\n      border-radius: ${t.inputBorderRadiusMedium};\n    `;\n  },\n\n  sizeMediumFallback(t: Theme) {\n    return css`\n      padding-top: ${shift(\n        t.inputPaddingYMedium,\n        shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '-1' : '0',\n      )};\n      padding-bottom: ${shift(\n        t.inputPaddingYMedium,\n        shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '1' : '0',\n      )};\n      padding-left: ${t.inputPaddingXMedium};\n      padding-right: ${t.inputPaddingXMedium};\n      line-height: normal;\n    `;\n  },\n\n  sizeLarge(t: Theme) {\n    return css`\n      font-size: ${t.inputFontSizeLarge};\n      line-height: ${t.inputLineHeightLarge};\n      height: ${t.inputHeightLarge};\n      padding-top: ${shift(\n        t.inputPaddingYLarge,\n        shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '-1' : '0',\n      )};\n      padding-bottom: ${shift(\n        t.inputPaddingYLarge,\n        shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '1' : '0',\n      )};\n      padding-left: ${t.inputPaddingXLarge};\n      padding-right: ${t.inputPaddingXLarge};\n      border-radius: ${t.inputBorderRadiusLarge};\n    `;\n  },\n\n  sizeLargeFallback(t: Theme) {\n    return css`\n      padding-top: ${shift(\n        t.inputPaddingYLarge,\n        shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '-2' : '0',\n      )};\n      padding-bottom: ${shift(\n        t.inputPaddingYLarge,\n        shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '2' : '0',\n      )};\n      padding-left: ${t.inputPaddingXLarge};\n      padding-right: ${t.inputPaddingXLarge};\n      line-height: normal;\n    `;\n  },\n\n  prefix(t: Theme) {\n    return css`\n      color: ${t.inputPlaceholderColor};\n    `;\n  },\n\n  prefixDisabled(t: Theme) {\n    return css`\n      color: ${t.inputPlaceholderColorDisabled};\n    `;\n  },\n\n  suffix(t: Theme) {\n    return css`\n      color: ${t.inputPlaceholderColor};\n    `;\n  },\n\n  suffixDisabled(t: Theme) {\n    return css`\n      color: ${t.inputPlaceholderColorDisabled};\n    `;\n  },\n\n  sideContainer() {\n    return css`\n      align-items: center;\n      display: flex;\n      flex-shrink: 0;\n      height: 100%;\n\n      &::before {\n        content: '\\\\a0';\n        display: inline-block;\n        width: 0;\n      }\n    `;\n  },\n\n  rightContainer() {\n    return css`\n      justify-self: flex-end;\n      margin: 0 0 0 auto;\n      padding-left: 0;\n    `;\n  },\n\n  icon() {\n    return css`\n      flex-shrink: 0;\n      cursor: text;\n      z-index: 2;\n      text-align: center;\n      box-sizing: content-box !important; // fix possible \"reset.css\" problem\n    `;\n  },\n\n  iconFocus(t: Theme) {\n    return css`\n      color: ${t.inputFocusedIconColor};\n    `;\n  },\n\n  iconDisabled() {\n    return css`\n      cursor: default;\n    `;\n  },\n\n  leftIconSmall(t: Theme) {\n    return css`\n      min-width: ${t.inputIconSizeSmall};\n      padding-right: ${t.inputIconGapSmall};\n    `;\n  },\n\n  rightIconSmall(t: Theme) {\n    return css`\n      min-width: ${t.inputIconSizeSmall};\n      padding-left: ${t.inputIconGapSmall};\n    `;\n  },\n\n  leftIconMedium(t: Theme) {\n    return css`\n      min-width: ${t.inputIconSizeMedium};\n      padding-right: ${t.inputIconGapMedium};\n    `;\n  },\n\n  rightIconMedium(t: Theme) {\n    return css`\n      min-width: ${t.inputIconSizeMedium};\n      padding-left: ${t.inputIconGapMedium};\n    `;\n  },\n\n  leftIconLarge(t: Theme) {\n    return css`\n      min-width: ${t.inputIconSizeLarge};\n      padding-right: ${t.inputIconGapLarge};\n    `;\n  },\n\n  rightIconLarge(t: Theme) {\n    return css`\n      min-width: ${t.inputIconSizeLarge};\n      padding-left: ${t.inputIconGapLarge};\n    `;\n  },\n\n  hideBlinkingCursor() {\n    return css`\n      caret-color: transparent;\n    `;\n  },\n});\n"]}

package/components/Input/Input.styles.d.ts

@@ -31,6 +31,7 @@ export declare const styles: {
     sideContainer(): string;
     rightContainer(): string;
     icon(): string;
+    iconFocus(t: Theme): string;
     iconDisabled(): string;
     leftIconSmall(t: Theme): string;
     rightIconSmall(t: Theme): string;

package/components/Loader/Loader/Loader.js

@@ -25,7 +25,9 @@ export var LoaderDataTids = {
 };
 export
 /**
-* DRAFT - лоадер-контейнер
+* Компонент `Loader` принимает внутрь себя контент, поверх которого в активном состоянии `Loader`'а будет отрисован спиннер
+*
+* Если вам нужен только сам спиннер без дополнительнго функционала - используйте компонент [Spinner](https://tech.skbkontur.ru/react-ui/#/Components/Spinner)
 */
 var Loader = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Loader, _React$Component);

package/components/Loader/Loader/Loader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Loader.tsx"],"names":["React","PropTypes","debounce","LayoutEvents","Spinner","ThemeContext","ZIndex","CommonWrapper","cx","isTestEnv","TaskWithDelayAndMinimalDuration","getTabbableElements","rootNode","getDOMRect","createPropsGetter","styles","LoaderDataTids","veil","spinner","Loader","props","getProps","defaultProps","childrenRef","element","childrenContainerNode","spinnerRef","spinnerContainerNode","checkSpinnerPosition","containerTop","top","containerRight","right","containerBottom","bottom","containerLeft","left","containerHeight","height","containerWidth","width","windowHeight","window","innerHeight","windowWidth","innerWidth","setState","isStickySpinner","spinnerStyle","Math","abs","spinnerHeight","spinnerNode","disableChildrenFocus","childrenObserver","makeObservable","tabbableElements","forEach","el","hasAttribute","setAttribute","tabIndex","toString","enableChildrenFocus","makeUnobservable","Array","from","document","querySelectorAll","getAttribute","removeAttribute","target","config","childList","subtree","observer","MutationObserver","observe","disconnect","state","isSpinnerVisible","isLoaderActive","spinnerTask","delayBeforeTaskStart","delayBeforeSpinnerShow","durationOfTask","minimalDelayBeforeSpinnerHide","taskStartCallback","taskStopCallback","componentDidMount","active","start","layoutEvents","addListener","componentDidUpdate","prevProps","prevState","component","update","stop","componentWillUnmount","remove","clearTask","getDerivedStateFromProps","render","theme","renderMain","caption","type","setRootNode","loader","children","renderSpinner","spinnerContainer","spinnerContainerSticky","spinnerComponentWrapper","undefined","Component","__KONTUR_REACT_UI__","Types","normal","propTypes","bool","node","className","string","oneOf","Object","keys","number"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport debounce from 'lodash.debounce';\n\nimport { AnyObject } from '../../lib/utils';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { Spinner, SpinnerProps } from '../Spinner';\nimport { Nullable } from '../../typings/utility-types';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ZIndex } from '../../internal/ZIndex';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { TaskWithDelayAndMinimalDuration } from '../../lib/taskWithDelayAndMinimalDuration';\nimport { getTabbableElements } from '../../lib/dom/tabbableHelpers';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { styles } from './Loader.styles';\n\nexport interface LoaderProps extends CommonProps {\n  children?: React.ReactNode;\n  /**\n   * Флаг переключения состояния лоадера\n   * @default false\n   */\n  active?: boolean;\n  caption?: SpinnerProps['caption'];\n  /**\n   * Компонент заменяющий спиннер.\n   */\n  component?: React.ReactNode;\n  className?: string;\n  type?: 'mini' | 'normal' | 'big';\n  /**\n   * Время в миллисекундах для показа вуали без спиннера.\n   * @default 300\n   */\n  delayBeforeSpinnerShow?: number;\n  /**\n   * Минимальное время в миллисекундах для показа спиннера\n   * @default 1000\n   */\n  minimalDelayBeforeSpinnerHide?: number;\n}\n\nexport interface LoaderState {\n  isStickySpinner: boolean;\n  isSpinnerVisible: boolean;\n  isLoaderActive: boolean;\n  spinnerStyle?: AnyObject;\n}\n\nexport const LoaderDataTids = {\n  veil: 'Loader__Veil',\n  spinner: 'Loader__Spinner',\n} as const;\n\ntype DefaultProps = Required<\n  Pick<LoaderProps, 'type' | 'active' | 'delayBeforeSpinnerShow' | 'minimalDelayBeforeSpinnerHide'>\n>;\n\n/**\n * DRAFT - лоадер-контейнер\n */\n@rootNode\nexport class Loader extends React.Component<LoaderProps, LoaderState> {\n  public static __KONTUR_REACT_UI__ = 'Loader';\n\n  public static defaultProps: DefaultProps = {\n    type: Spinner.Types.normal,\n    active: false,\n    delayBeforeSpinnerShow: isTestEnv ? 0 : 300,\n    minimalDelayBeforeSpinnerHide: isTestEnv ? 0 : 1000,\n  };\n\n  private getProps = createPropsGetter(Loader.defaultProps);\n\n  public static propTypes = {\n    /**\n     * показываем лоадер или нет\n     */\n    active: PropTypes.bool,\n\n    /**\n     * Текст рядом с лоадером.\n     *\n     * @default  \"Загрузка\"\n     */\n    caption: Spinner.propTypes.caption,\n\n    component: PropTypes.node,\n\n    /**\n     * Класс для обертки\n     */\n    className: PropTypes.string,\n\n    /**\n     * Тип спиннера: mini, normal, big\n     *\n     * @default  normal\n     *\n     * Spinner.types - все доступные типы\n     */\n    type: PropTypes.oneOf(Object.keys(Spinner.Types)),\n    /**\n     * Время в миллисекундах для показа вуали без спиннера.\n     * @default 300\n     */\n    delayBeforeSpinnerShow: PropTypes.number,\n    /**\n     * Минимальное время в миллисекундах для показа спиннера\n     * @default 1000\n     */\n    minimalDelayBeforeSpinnerHide: PropTypes.number,\n  };\n\n  private theme!: Theme;\n  private setRootNode!: TSetRootNode;\n  private spinnerContainerNode: Nullable<HTMLDivElement>;\n  private childrenContainerNode: Nullable<HTMLDivElement>;\n  private spinnerNode: Nullable<HTMLDivElement>;\n  private layoutEvents: Nullable<{ remove: () => void }>;\n  private spinnerTask: TaskWithDelayAndMinimalDuration;\n  private childrenObserver: Nullable<MutationObserver>;\n\n  constructor(props: LoaderProps) {\n    super(props);\n\n    this.spinnerContainerNode = null;\n    this.childrenContainerNode = null;\n    this.childrenObserver = null;\n    this.spinnerNode = null;\n\n    this.state = {\n      isStickySpinner: false,\n      isSpinnerVisible: false,\n      isLoaderActive: false,\n    };\n\n    this.spinnerTask = new TaskWithDelayAndMinimalDuration({\n      delayBeforeTaskStart: this.getProps().delayBeforeSpinnerShow,\n      durationOfTask: this.getProps().minimalDelayBeforeSpinnerHide,\n      taskStartCallback: () => this.setState({ isSpinnerVisible: true }),\n      taskStopCallback: () => this.setState({ isSpinnerVisible: false }),\n    });\n  }\n\n  public componentDidMount() {\n    const active = this.getProps().active;\n    this.checkSpinnerPosition();\n    active && this.spinnerTask.start();\n    this.layoutEvents = LayoutEvents.addListener(debounce(this.checkSpinnerPosition, 10));\n\n    if (active) {\n      this.disableChildrenFocus();\n    }\n  }\n\n  public componentDidUpdate(prevProps: Readonly<LoaderProps>, prevState: Readonly<LoaderState>) {\n    const { component } = this.props;\n    const { active, delayBeforeSpinnerShow, minimalDelayBeforeSpinnerHide } = this.getProps();\n    const { isLoaderActive } = this.state;\n\n    if ((active && !prevProps.active) || prevProps.component !== component) {\n      this.checkSpinnerPosition();\n    }\n\n    if (\n      delayBeforeSpinnerShow !== prevProps.delayBeforeSpinnerShow ||\n      minimalDelayBeforeSpinnerHide !== prevProps.minimalDelayBeforeSpinnerHide\n    ) {\n      this.spinnerTask.update({\n        delayBeforeTaskStart: delayBeforeSpinnerShow,\n        durationOfTask: minimalDelayBeforeSpinnerHide,\n      });\n    }\n\n    if (active !== prevProps.active) {\n      active ? this.spinnerTask.start() : this.spinnerTask.stop();\n    }\n\n    if (isLoaderActive !== prevState.isLoaderActive) {\n      if (isLoaderActive) {\n        this.disableChildrenFocus();\n      } else {\n        this.enableChildrenFocus();\n      }\n    }\n  }\n\n  public componentWillUnmount() {\n    this.makeUnobservable();\n    if (this.layoutEvents) {\n      this.layoutEvents.remove();\n    }\n    this.spinnerTask.clearTask();\n  }\n\n  public static getDerivedStateFromProps(props: LoaderProps, state: LoaderState): Partial<LoaderState> {\n    if (props.active && !state.isLoaderActive) {\n      return {\n        isLoaderActive: true,\n      };\n    }\n    if (state.isLoaderActive && !(props.active || state.isSpinnerVisible)) {\n      return {\n        isLoaderActive: false,\n      };\n    }\n\n    return state;\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const { caption, component } = this.props;\n    const type = this.getProps().type;\n    const { isLoaderActive } = this.state;\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <div className={styles.loader()} data-tid={isLoaderActive ? LoaderDataTids.veil : ''}>\n          <ZIndex\n            priority={'Loader'}\n            applyZIndex={isLoaderActive}\n            coverChildren={isLoaderActive}\n            style={{ height: '100%' }}\n            wrapperRef={this.childrenRef}\n          >\n            {this.props.children}\n          </ZIndex>\n          {isLoaderActive && (\n            <ZIndex\n              wrapperRef={this.spinnerRef}\n              priority={'Loader'}\n              className={cx({\n                [styles.active(this.theme)]: isLoaderActive,\n              })}\n            >\n              {this.state.isSpinnerVisible && this.renderSpinner(type, caption, component)}\n            </ZIndex>\n          )}\n        </div>\n      </CommonWrapper>\n    );\n  }\n\n  private childrenRef = (element: HTMLDivElement | null) => {\n    this.childrenContainerNode = element;\n  };\n\n  private spinnerRef = (element: HTMLDivElement | null) => {\n    this.spinnerContainerNode = element;\n  };\n\n  private renderSpinner(type?: 'mini' | 'normal' | 'big', caption?: React.ReactNode, component?: React.ReactNode) {\n    return (\n      <span\n        data-tid={LoaderDataTids.spinner}\n        className={cx(styles.spinnerContainer(), { [styles.spinnerContainerSticky()]: this.state.isStickySpinner })}\n        style={this.state.spinnerStyle}\n      >\n        <div\n          className={styles.spinnerComponentWrapper()}\n          ref={(element) => {\n            this.spinnerNode = element;\n          }}\n        >\n          {component !== undefined ? component : <Spinner type={type} caption={caption} />}\n        </div>\n      </span>\n    );\n  }\n\n  private checkSpinnerPosition = () => {\n    if (!this.spinnerContainerNode) {\n      return;\n    }\n\n    const {\n      top: containerTop,\n      right: containerRight,\n      bottom: containerBottom,\n      left: containerLeft,\n      height: containerHeight,\n      width: containerWidth,\n    } = getDOMRect(this.spinnerContainerNode);\n\n    const windowHeight = window.innerHeight;\n    const windowWidth = window.innerWidth;\n\n    // Если контейнер не больше высоты и не шире окна,\n    // то просто выравниваем по центру\n    if (windowHeight >= containerHeight && windowWidth >= containerWidth) {\n      this.setState({\n        isStickySpinner: false,\n        spinnerStyle: {},\n      });\n      return;\n    }\n\n    const spinnerStyle: {\n      top?: number;\n      right: number;\n      bottom: number;\n      left: number;\n    } = {\n      top: 30,\n      right: 0,\n      bottom: 30,\n      left: 0,\n    };\n\n    // ПО ВЕРТИКАЛИ\n    // Если верхний край контейнера ниже верхнего края окна,\n    // то сдвигаем и лоадер\n    if (containerTop > 0) {\n      spinnerStyle.top = containerTop + 30;\n    }\n\n    // Если нижний край контейнера выше нижнего края окна,\n    // то сдвигаем и лоадер\n    if (containerBottom < windowHeight) {\n      spinnerStyle.bottom = Math.abs(windowHeight - containerBottom) + 30;\n    }\n\n    // Если знаем высоту спиннера и нижний край контейнера поднимается\n    // выше отступа на высоту спиннера, то убираем верхнюю позицию лоадера\n\n    const spinnerHeight = getDOMRect(this.spinnerNode).height;\n\n    if (spinnerHeight && spinnerStyle.bottom >= windowHeight - spinnerHeight) {\n      delete spinnerStyle.top;\n    }\n\n    // ПО ГОРИЗОНТАЛИ\n    // Если левый край контейнера правее левого края окна,\n    // то сдвигаем и лоадер\n    if (containerLeft > 0) {\n      spinnerStyle.left = containerLeft;\n    }\n\n    // Если правый край контейнера левее правого края окна,\n    // то сдвигаем и лоадер\n    if (containerRight < windowWidth) {\n      spinnerStyle.right = windowWidth - containerRight;\n    }\n\n    this.setState({\n      isStickySpinner: true,\n      spinnerStyle,\n    });\n  };\n\n  private disableChildrenFocus = () => {\n    if (!this.childrenObserver) {\n      this.makeObservable();\n    }\n    const tabbableElements = getTabbableElements(this.childrenContainerNode);\n    tabbableElements.forEach((el) => {\n      if (!el.hasAttribute('origin-tabindex')) {\n        el.setAttribute('origin-tabindex', el.tabIndex.toString());\n      }\n      el.tabIndex = -1;\n    });\n  };\n\n  private enableChildrenFocus = () => {\n    this.makeUnobservable();\n    // NOTE: NodeList doesn't support 'forEach' method in IE11 and other older browsers\n    Array.from(document.querySelectorAll('[origin-tabindex]')).forEach((el) => {\n      el.setAttribute('tabindex', el.getAttribute('origin-tabindex') ?? '0');\n      el.removeAttribute('origin-tabindex');\n    });\n  };\n\n  private makeObservable = () => {\n    const target = this.childrenContainerNode;\n    if (!target) {\n      return;\n    }\n    const config = {\n      childList: true,\n      subtree: true,\n    };\n    const observer = new MutationObserver(this.disableChildrenFocus);\n    observer.observe(target, config);\n    this.childrenObserver = observer;\n  };\n\n  private makeUnobservable = () => {\n    this.childrenObserver?.disconnect();\n    this.childrenObserver = null;\n  };\n}\n"]}
+{"version":3,"sources":["Loader.tsx"],"names":["React","PropTypes","debounce","LayoutEvents","Spinner","ThemeContext","ZIndex","CommonWrapper","cx","isTestEnv","TaskWithDelayAndMinimalDuration","getTabbableElements","rootNode","getDOMRect","createPropsGetter","styles","LoaderDataTids","veil","spinner","Loader","props","getProps","defaultProps","childrenRef","element","childrenContainerNode","spinnerRef","spinnerContainerNode","checkSpinnerPosition","containerTop","top","containerRight","right","containerBottom","bottom","containerLeft","left","containerHeight","height","containerWidth","width","windowHeight","window","innerHeight","windowWidth","innerWidth","setState","isStickySpinner","spinnerStyle","Math","abs","spinnerHeight","spinnerNode","disableChildrenFocus","childrenObserver","makeObservable","tabbableElements","forEach","el","hasAttribute","setAttribute","tabIndex","toString","enableChildrenFocus","makeUnobservable","Array","from","document","querySelectorAll","getAttribute","removeAttribute","target","config","childList","subtree","observer","MutationObserver","observe","disconnect","state","isSpinnerVisible","isLoaderActive","spinnerTask","delayBeforeTaskStart","delayBeforeSpinnerShow","durationOfTask","minimalDelayBeforeSpinnerHide","taskStartCallback","taskStopCallback","componentDidMount","active","start","layoutEvents","addListener","componentDidUpdate","prevProps","prevState","component","update","stop","componentWillUnmount","remove","clearTask","getDerivedStateFromProps","render","theme","renderMain","caption","type","setRootNode","loader","children","renderSpinner","spinnerContainer","spinnerContainerSticky","spinnerComponentWrapper","undefined","Component","__KONTUR_REACT_UI__","Types","normal","propTypes","bool","node","className","string","oneOf","Object","keys","number"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport debounce from 'lodash.debounce';\n\nimport { AnyObject } from '../../lib/utils';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { Spinner, SpinnerProps } from '../Spinner';\nimport { Nullable } from '../../typings/utility-types';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ZIndex } from '../../internal/ZIndex';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { TaskWithDelayAndMinimalDuration } from '../../lib/taskWithDelayAndMinimalDuration';\nimport { getTabbableElements } from '../../lib/dom/tabbableHelpers';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { styles } from './Loader.styles';\n\nexport interface LoaderProps extends CommonProps {\n  children?: React.ReactNode;\n  /**\n   * Флаг переключения состояния лоадера\n   * @default false\n   */\n  active?: boolean;\n  /**\n   * Подпись под спиннером\n   */\n  caption?: SpinnerProps['caption'];\n  /**\n   * Компонент заменяющий спиннер.\n   */\n  component?: React.ReactNode;\n  /**\n   * Размер спиннера и текста\n   *\n   * @default normal\n   */\n  type?: 'mini' | 'normal' | 'big';\n  /**\n   * Время в миллисекундах для показа вуали без спиннера.\n   * @default 300\n   */\n  delayBeforeSpinnerShow?: number;\n  /**\n   * Минимальное время в миллисекундах для показа спиннера\n   * @default 1000\n   */\n  minimalDelayBeforeSpinnerHide?: number;\n}\n\nexport interface LoaderState {\n  isStickySpinner: boolean;\n  isSpinnerVisible: boolean;\n  isLoaderActive: boolean;\n  spinnerStyle?: AnyObject;\n}\n\nexport const LoaderDataTids = {\n  veil: 'Loader__Veil',\n  spinner: 'Loader__Spinner',\n} as const;\n\ntype DefaultProps = Required<\n  Pick<LoaderProps, 'type' | 'active' | 'delayBeforeSpinnerShow' | 'minimalDelayBeforeSpinnerHide'>\n>;\n\n/**\n * Компонент `Loader` принимает внутрь себя контент, поверх которого в активном состоянии `Loader`'а будет отрисован спиннер\n *\n * Если вам нужен только сам спиннер без дополнительнго функционала - используйте компонент [Spinner](https://tech.skbkontur.ru/react-ui/#/Components/Spinner)\n */\n@rootNode\nexport class Loader extends React.Component<LoaderProps, LoaderState> {\n  public static __KONTUR_REACT_UI__ = 'Loader';\n\n  public static defaultProps: DefaultProps = {\n    type: Spinner.Types.normal,\n    active: false,\n    delayBeforeSpinnerShow: isTestEnv ? 0 : 300,\n    minimalDelayBeforeSpinnerHide: isTestEnv ? 0 : 1000,\n  };\n\n  private getProps = createPropsGetter(Loader.defaultProps);\n\n  public static propTypes = {\n    /**\n     * показываем лоадер или нет\n     */\n    active: PropTypes.bool,\n\n    /**\n     * Текст рядом с лоадером.\n     *\n     * @default  \"Загрузка\"\n     */\n    caption: Spinner.propTypes.caption,\n\n    component: PropTypes.node,\n\n    /**\n     * Класс для обертки\n     */\n    className: PropTypes.string,\n\n    /**\n     * Тип спиннера: mini, normal, big\n     *\n     * @default  normal\n     *\n     * Spinner.types - все доступные типы\n     */\n    type: PropTypes.oneOf(Object.keys(Spinner.Types)),\n    /**\n     * Время в миллисекундах для показа вуали без спиннера.\n     * @default 300\n     */\n    delayBeforeSpinnerShow: PropTypes.number,\n    /**\n     * Минимальное время в миллисекундах для показа спиннера\n     * @default 1000\n     */\n    minimalDelayBeforeSpinnerHide: PropTypes.number,\n  };\n\n  private theme!: Theme;\n  private setRootNode!: TSetRootNode;\n  private spinnerContainerNode: Nullable<HTMLDivElement>;\n  private childrenContainerNode: Nullable<HTMLDivElement>;\n  private spinnerNode: Nullable<HTMLDivElement>;\n  private layoutEvents: Nullable<{ remove: () => void }>;\n  private spinnerTask: TaskWithDelayAndMinimalDuration;\n  private childrenObserver: Nullable<MutationObserver>;\n\n  constructor(props: LoaderProps) {\n    super(props);\n\n    this.spinnerContainerNode = null;\n    this.childrenContainerNode = null;\n    this.childrenObserver = null;\n    this.spinnerNode = null;\n\n    this.state = {\n      isStickySpinner: false,\n      isSpinnerVisible: false,\n      isLoaderActive: false,\n    };\n\n    this.spinnerTask = new TaskWithDelayAndMinimalDuration({\n      delayBeforeTaskStart: this.getProps().delayBeforeSpinnerShow,\n      durationOfTask: this.getProps().minimalDelayBeforeSpinnerHide,\n      taskStartCallback: () => this.setState({ isSpinnerVisible: true }),\n      taskStopCallback: () => this.setState({ isSpinnerVisible: false }),\n    });\n  }\n\n  public componentDidMount() {\n    const active = this.getProps().active;\n    this.checkSpinnerPosition();\n    active && this.spinnerTask.start();\n    this.layoutEvents = LayoutEvents.addListener(debounce(this.checkSpinnerPosition, 10));\n\n    if (active) {\n      this.disableChildrenFocus();\n    }\n  }\n\n  public componentDidUpdate(prevProps: Readonly<LoaderProps>, prevState: Readonly<LoaderState>) {\n    const { component } = this.props;\n    const { active, delayBeforeSpinnerShow, minimalDelayBeforeSpinnerHide } = this.getProps();\n    const { isLoaderActive } = this.state;\n\n    if ((active && !prevProps.active) || prevProps.component !== component) {\n      this.checkSpinnerPosition();\n    }\n\n    if (\n      delayBeforeSpinnerShow !== prevProps.delayBeforeSpinnerShow ||\n      minimalDelayBeforeSpinnerHide !== prevProps.minimalDelayBeforeSpinnerHide\n    ) {\n      this.spinnerTask.update({\n        delayBeforeTaskStart: delayBeforeSpinnerShow,\n        durationOfTask: minimalDelayBeforeSpinnerHide,\n      });\n    }\n\n    if (active !== prevProps.active) {\n      active ? this.spinnerTask.start() : this.spinnerTask.stop();\n    }\n\n    if (isLoaderActive !== prevState.isLoaderActive) {\n      if (isLoaderActive) {\n        this.disableChildrenFocus();\n      } else {\n        this.enableChildrenFocus();\n      }\n    }\n  }\n\n  public componentWillUnmount() {\n    this.makeUnobservable();\n    if (this.layoutEvents) {\n      this.layoutEvents.remove();\n    }\n    this.spinnerTask.clearTask();\n  }\n\n  public static getDerivedStateFromProps(props: LoaderProps, state: LoaderState): Partial<LoaderState> {\n    if (props.active && !state.isLoaderActive) {\n      return {\n        isLoaderActive: true,\n      };\n    }\n    if (state.isLoaderActive && !(props.active || state.isSpinnerVisible)) {\n      return {\n        isLoaderActive: false,\n      };\n    }\n\n    return state;\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const { caption, component } = this.props;\n    const type = this.getProps().type;\n    const { isLoaderActive } = this.state;\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <div className={styles.loader()} data-tid={isLoaderActive ? LoaderDataTids.veil : ''}>\n          <ZIndex\n            priority={'Loader'}\n            applyZIndex={isLoaderActive}\n            coverChildren={isLoaderActive}\n            style={{ height: '100%' }}\n            wrapperRef={this.childrenRef}\n          >\n            {this.props.children}\n          </ZIndex>\n          {isLoaderActive && (\n            <ZIndex\n              wrapperRef={this.spinnerRef}\n              priority={'Loader'}\n              className={cx({\n                [styles.active(this.theme)]: isLoaderActive,\n              })}\n            >\n              {this.state.isSpinnerVisible && this.renderSpinner(type, caption, component)}\n            </ZIndex>\n          )}\n        </div>\n      </CommonWrapper>\n    );\n  }\n\n  private childrenRef = (element: HTMLDivElement | null) => {\n    this.childrenContainerNode = element;\n  };\n\n  private spinnerRef = (element: HTMLDivElement | null) => {\n    this.spinnerContainerNode = element;\n  };\n\n  private renderSpinner(type?: 'mini' | 'normal' | 'big', caption?: React.ReactNode, component?: React.ReactNode) {\n    return (\n      <span\n        data-tid={LoaderDataTids.spinner}\n        className={cx(styles.spinnerContainer(), { [styles.spinnerContainerSticky()]: this.state.isStickySpinner })}\n        style={this.state.spinnerStyle}\n      >\n        <div\n          className={styles.spinnerComponentWrapper()}\n          ref={(element) => {\n            this.spinnerNode = element;\n          }}\n        >\n          {component !== undefined ? component : <Spinner type={type} caption={caption} />}\n        </div>\n      </span>\n    );\n  }\n\n  private checkSpinnerPosition = () => {\n    if (!this.spinnerContainerNode) {\n      return;\n    }\n\n    const {\n      top: containerTop,\n      right: containerRight,\n      bottom: containerBottom,\n      left: containerLeft,\n      height: containerHeight,\n      width: containerWidth,\n    } = getDOMRect(this.spinnerContainerNode);\n\n    const windowHeight = window.innerHeight;\n    const windowWidth = window.innerWidth;\n\n    // Если контейнер не больше высоты и не шире окна,\n    // то просто выравниваем по центру\n    if (windowHeight >= containerHeight && windowWidth >= containerWidth) {\n      this.setState({\n        isStickySpinner: false,\n        spinnerStyle: {},\n      });\n      return;\n    }\n\n    const spinnerStyle: {\n      top?: number;\n      right: number;\n      bottom: number;\n      left: number;\n    } = {\n      top: 30,\n      right: 0,\n      bottom: 30,\n      left: 0,\n    };\n\n    // ПО ВЕРТИКАЛИ\n    // Если верхний край контейнера ниже верхнего края окна,\n    // то сдвигаем и лоадер\n    if (containerTop > 0) {\n      spinnerStyle.top = containerTop + 30;\n    }\n\n    // Если нижний край контейнера выше нижнего края окна,\n    // то сдвигаем и лоадер\n    if (containerBottom < windowHeight) {\n      spinnerStyle.bottom = Math.abs(windowHeight - containerBottom) + 30;\n    }\n\n    // Если знаем высоту спиннера и нижний край контейнера поднимается\n    // выше отступа на высоту спиннера, то убираем верхнюю позицию лоадера\n\n    const spinnerHeight = getDOMRect(this.spinnerNode).height;\n\n    if (spinnerHeight && spinnerStyle.bottom >= windowHeight - spinnerHeight) {\n      delete spinnerStyle.top;\n    }\n\n    // ПО ГОРИЗОНТАЛИ\n    // Если левый край контейнера правее левого края окна,\n    // то сдвигаем и лоадер\n    if (containerLeft > 0) {\n      spinnerStyle.left = containerLeft;\n    }\n\n    // Если правый край контейнера левее правого края окна,\n    // то сдвигаем и лоадер\n    if (containerRight < windowWidth) {\n      spinnerStyle.right = windowWidth - containerRight;\n    }\n\n    this.setState({\n      isStickySpinner: true,\n      spinnerStyle,\n    });\n  };\n\n  private disableChildrenFocus = () => {\n    if (!this.childrenObserver) {\n      this.makeObservable();\n    }\n    const tabbableElements = getTabbableElements(this.childrenContainerNode);\n    tabbableElements.forEach((el) => {\n      if (!el.hasAttribute('origin-tabindex')) {\n        el.setAttribute('origin-tabindex', el.tabIndex.toString());\n      }\n      el.tabIndex = -1;\n    });\n  };\n\n  private enableChildrenFocus = () => {\n    this.makeUnobservable();\n    // NOTE: NodeList doesn't support 'forEach' method in IE11 and other older browsers\n    Array.from(document.querySelectorAll('[origin-tabindex]')).forEach((el) => {\n      el.setAttribute('tabindex', el.getAttribute('origin-tabindex') ?? '0');\n      el.removeAttribute('origin-tabindex');\n    });\n  };\n\n  private makeObservable = () => {\n    const target = this.childrenContainerNode;\n    if (!target) {\n      return;\n    }\n    const config = {\n      childList: true,\n      subtree: true,\n    };\n    const observer = new MutationObserver(this.disableChildrenFocus);\n    observer.observe(target, config);\n    this.childrenObserver = observer;\n  };\n\n  private makeUnobservable = () => {\n    this.childrenObserver?.disconnect();\n    this.childrenObserver = null;\n  };\n}\n"]}

package/components/Loader/Loader.d.ts

@@ -10,12 +10,19 @@ export interface LoaderProps extends CommonProps {
      * @default false
      */
     active?: boolean;
+    /**
+     * Подпись под спиннером
+     */
     caption?: SpinnerProps['caption'];
     /**
      * Компонент заменяющий спиннер.
      */
     component?: React.ReactNode;
-    className?: string;
+    /**
+     * Размер спиннера и текста
+     *
+     * @default normal
+     */
     type?: 'mini' | 'normal' | 'big';
     /**
      * Время в миллисекундах для показа вуали без спиннера.
@@ -40,7 +47,9 @@ export declare const LoaderDataTids: {
 };
 declare type DefaultProps = Required<Pick<LoaderProps, 'type' | 'active' | 'delayBeforeSpinnerShow' | 'minimalDelayBeforeSpinnerHide'>>;
 /**
- * DRAFT - лоадер-контейнер
+ * Компонент `Loader` принимает внутрь себя контент, поверх которого в активном состоянии `Loader`'а будет отрисован спиннер
+ *
+ * Если вам нужен только сам спиннер без дополнительнго функционала - используйте компонент [Spinner](https://tech.skbkontur.ru/react-ui/#/Components/Spinner)
  */
 export declare class Loader extends React.Component<LoaderProps, LoaderState> {
     static __KONTUR_REACT_UI__: string;

package/components/Loader/Loader.md

@@ -1,25 +1,32 @@
 ```jsx harmony
-<Loader type="big" active>
-  <h1>Yeah, and if you were the pope they'd be all, "Straighten your pope hat." And "Put on your good vestments."</h1>
-  <p>
-    No, I'm Santa Claus! I guess if you want children beaten, you have to do it yourself. We're also Santa Claus! Leela,
-    Bender, we're going grave robbing.
-  </p>
-  <p>
-    Are you crazy? I can't swallow that. Large bet on myself in round one. Hey, whatcha watching?
-    <strong> Moving along… I guess if you want children beaten, you have to do it yourself.</strong>
-    <em>It's okay, Bender.</em> I like cooking too.
-  </p>
-  <h2>Oh, I think we should just stay friends.</h2>
-  <p>
-    No argument here. And when we woke up, we had these bodies. You guys go on without me! I'm going to go… look for
-    more stuff to steal! Oh, how awful. Did he at least die painlessly? …To shreds, you say. Well, how is his wife
-    holding up? …To shreds, you say.
-  </p>
-  <ol>
-    <li>No! The kind with looting and maybe starting a few fires!</li>
-    <li>You are the last hope of the universe.</li>
-    <li>Hey, guess what you're accessories to.</li>
-  </ol>
-</Loader>
+import { Button } from '@skbkontur/react-ui';
+
+const [isActive, setIsActive] = React.useState(true);
+
+<>
+  <Button onClick={() => setIsActive(!isActive)}>{isActive ? 'Остановить загрузку' : 'Продолжить загрузку'}</Button>
+  <Loader type="big" active={isActive}>
+    <h1>Yeah, and if you were the pope they'd be all, "Straighten your pope hat." And "Put on your good vestments."</h1>
+    <p>
+      No, I'm Santa Claus! I guess if you want children beaten, you have to do it yourself. We're also Santa Claus! Leela,
+      Bender, we're going grave robbing.
+    </p>
+    <p>
+      Are you crazy? I can't swallow that. Large bet on myself in round one. Hey, whatcha watching?
+      <strong> Moving along… I guess if you want children beaten, you have to do it yourself.</strong>
+      <em>It's okay, Bender.</em> I like cooking too.
+    </p>
+    <h2>Oh, I think we should just stay friends.</h2>
+    <p>
+      No argument here. And when we woke up, we had these bodies. You guys go on without me! I'm going to go… look for
+      more stuff to steal! Oh, how awful. Did he at least die painlessly? …To shreds, you say. Well, how is his wife
+      holding up? …To shreds, you say.
+    </p>
+    <ol>
+      <li>No! The kind with looting and maybe starting a few fires!</li>
+      <li>You are the last hope of the universe.</li>
+      <li>Hey, guess what you're accessories to.</li>
+    </ol>
+  </Loader>
+</>
 ```

package/components/ResponsiveLayout/ResponsiveLayout/ResponsiveLayout.js

@@ -1,5 +1,4 @@
 import React, { useEffect } from 'react';
-import propTypes from 'prop-types';
 import { isFunction } from "../../../lib/utils";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
 import { useResponsiveLayout } from "../useResponsiveLayout";
@@ -7,18 +6,16 @@ import { useResponsiveLayout } from "../useResponsiveLayout";
  * Компонент для определения текущего лэйаута.
  */
 
-export var ResponsiveLayout = function ResponsiveLayout(props) {
+export function ResponsiveLayout(props) {
   var _props$children, _props$children2;
 
-  var layoutFlags = useResponsiveLayout();
+  var layoutFlags = useResponsiveLayout({
+    customMediaQueries: props.customMediaQueries
+  });
   useEffect(function () {
     if (props.onLayoutChange) {
       props.onLayoutChange(layoutFlags);
     }
   }, [layoutFlags]);
   return /*#__PURE__*/React.createElement(CommonWrapper, props, isFunction(props.children) ? (_props$children = props.children(layoutFlags)) != null ? _props$children : null : (_props$children2 = props.children) != null ? _props$children2 : null);
-};
-ResponsiveLayout.propTypes = {
-  onLayoutChange: propTypes.func,
-  children: propTypes.oneOfType([propTypes.node, propTypes.func])
-};
+}

package/components/ResponsiveLayout/ResponsiveLayout/ResponsiveLayout.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ResponsiveLayout.tsx"],"names":["React","useEffect","propTypes","isFunction","CommonWrapper","useResponsiveLayout","ResponsiveLayout","props","layoutFlags","onLayoutChange","children","func","oneOfType","node"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,SAAhB,QAAiC,OAAjC;AACA,OAAOC,SAAP,MAAsB,YAAtB;;AAEA,SAASC,UAAT,QAA2B,iBAA3B;AACA,SAASC,aAAT,QAA8B,8BAA9B;;;AAGA,SAASC,mBAAT,QAAoC,uBAApC;;;;;;;AAOA;AACA;AACA;;AAEA,OAAO,IAAMC,gBAAiD,GAAG,SAApDA,gBAAoD,CAACC,KAAD,EAAW;AAC1E,MAAMC,WAAW,GAAGH,mBAAmB,EAAvC;;AAEAJ,EAAAA,SAAS,CAAC,YAAM;AACd,QAAIM,KAAK,CAACE,cAAV,EAA0B;AACxBF,MAAAA,KAAK,CAACE,cAAN,CAAqBD,WAArB;AACD;AACF,GAJQ,EAIN,CAACA,WAAD,CAJM,CAAT;;AAMA;AACE,wBAAC,aAAD,EAAmBD,KAAnB;AACGJ,IAAAA,UAAU,CAACI,KAAK,CAACG,QAAP,CAAV,sBAA6BH,KAAK,CAACG,QAAN,CAAeF,WAAf,CAA7B,8BAA4D,IAA5D,uBAAmED,KAAK,CAACG,QAAzE,+BAAqF,IADxF,CADF;;;AAKD,CAdM;;AAgBPJ,gBAAgB,CAACJ,SAAjB,GAA6B;AAC3BO,EAAAA,cAAc,EAAEP,SAAS,CAACS,IADC;AAE3BD,EAAAA,QAAQ,EAAER,SAAS,CAACU,SAAV,CAAoB,CAACV,SAAS,CAACW,IAAX,EAAiBX,SAAS,CAACS,IAA3B,CAApB,CAFiB,EAA7B","sourcesContent":["import React, { useEffect } from 'react';\nimport propTypes from 'prop-types';\n\nimport { isFunction } from '../../lib/utils';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\n\nimport { ResponsiveLayoutFlags } from './types';\nimport { useResponsiveLayout } from './useResponsiveLayout';\n\ninterface ResponsiveLayoutProps {\n  onLayoutChange?: (layout: ResponsiveLayoutFlags) => void;\n  children?: React.ReactNode | ((currentLayout: ResponsiveLayoutFlags) => React.ReactNode);\n}\n\n/**\n * Компонент для определения текущего лэйаута.\n */\n\nexport const ResponsiveLayout: React.FC<ResponsiveLayoutProps> = (props) => {\n  const layoutFlags = useResponsiveLayout();\n\n  useEffect(() => {\n    if (props.onLayoutChange) {\n      props.onLayoutChange(layoutFlags);\n    }\n  }, [layoutFlags]);\n\n  return (\n    <CommonWrapper {...props}>\n      {isFunction(props.children) ? props.children(layoutFlags) ?? null : props.children ?? null}\n    </CommonWrapper>\n  );\n};\n\nResponsiveLayout.propTypes = {\n  onLayoutChange: propTypes.func,\n  children: propTypes.oneOfType([propTypes.node, propTypes.func]),\n};\n"]}
+{"version":3,"sources":["ResponsiveLayout.tsx"],"names":["React","useEffect","isFunction","CommonWrapper","useResponsiveLayout","ResponsiveLayout","props","layoutFlags","customMediaQueries","onLayoutChange","children"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,SAAhB,QAAiC,OAAjC;;AAEA,SAASC,UAAT,QAA2B,iBAA3B;AACA,SAASC,aAAT,QAA8B,8BAA9B;;;AAGA,SAASC,mBAAT,QAAoC,uBAApC;;;;;;;;AAQA;AACA;AACA;;AAEA,OAAO,SAASC,gBAAT,CAAoEC,KAApE,EAAqG;AAC1G,MAAMC,WAAW,GAAGH,mBAAmB,CAAI,EAAEI,kBAAkB,EAAEF,KAAK,CAACE,kBAA5B,EAAJ,CAAvC;;AAEAP,EAAAA,SAAS,CAAC,YAAM;AACd,QAAIK,KAAK,CAACG,cAAV,EAA0B;AACxBH,MAAAA,KAAK,CAACG,cAAN,CAAqBF,WAArB;AACD;AACF,GAJQ,EAIN,CAACA,WAAD,CAJM,CAAT;;AAMA;AACE,wBAAC,aAAD,EAAmBD,KAAnB;AACGJ,IAAAA,UAAU,CAACI,KAAK,CAACI,QAAP,CAAV,sBAA6BJ,KAAK,CAACI,QAAN,CAAeH,WAAf,CAA7B,8BAA4D,IAA5D,uBAAmED,KAAK,CAACI,QAAzE,+BAAqF,IADxF,CADF;;;AAKD","sourcesContent":["import React, { useEffect } from 'react';\n\nimport { isFunction } from '../../lib/utils';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\n\nimport { EmptyObject, MediaQueriesType, ResponsiveLayoutFlags } from './types';\nimport { useResponsiveLayout } from './useResponsiveLayout';\n\ninterface ResponsiveLayoutProps<T extends MediaQueriesType = EmptyObject> {\n  onLayoutChange?: (layout: ResponsiveLayoutFlags<T>) => void;\n  children?: React.ReactNode | ((currentLayout: ResponsiveLayoutFlags<T>) => React.ReactNode);\n  customMediaQueries?: T;\n}\n\n/**\n * Компонент для определения текущего лэйаута.\n */\n\nexport function ResponsiveLayout<T extends MediaQueriesType = EmptyObject>(props: ResponsiveLayoutProps<T>) {\n  const layoutFlags = useResponsiveLayout<T>({ customMediaQueries: props.customMediaQueries });\n\n  useEffect(() => {\n    if (props.onLayoutChange) {\n      props.onLayoutChange(layoutFlags);\n    }\n  }, [layoutFlags]);\n\n  return (\n    <CommonWrapper {...props}>\n      {isFunction(props.children) ? props.children(layoutFlags) ?? null : props.children ?? null}\n    </CommonWrapper>\n  );\n}\n"]}

package/components/ResponsiveLayout/ResponsiveLayout.d.ts

@@ -1,11 +1,12 @@
 import React from 'react';
-import { ResponsiveLayoutFlags } from './types';
-interface ResponsiveLayoutProps {
-    onLayoutChange?: (layout: ResponsiveLayoutFlags) => void;
-    children?: React.ReactNode | ((currentLayout: ResponsiveLayoutFlags) => React.ReactNode);
+import { EmptyObject, MediaQueriesType, ResponsiveLayoutFlags } from './types';
+interface ResponsiveLayoutProps<T extends MediaQueriesType = EmptyObject> {
+    onLayoutChange?: (layout: ResponsiveLayoutFlags<T>) => void;
+    children?: React.ReactNode | ((currentLayout: ResponsiveLayoutFlags<T>) => React.ReactNode);
+    customMediaQueries?: T;
 }
 /**
  * Компонент для определения текущего лэйаута.
  */
-export declare const ResponsiveLayout: React.FC<ResponsiveLayoutProps>;
+export declare function ResponsiveLayout<T extends MediaQueriesType = EmptyObject>(props: ResponsiveLayoutProps<T>): JSX.Element;
 export {};

package/components/ResponsiveLayout/ResponsiveLayout.md

@@ -40,4 +40,35 @@ class SomeComponent {
 }
 ```
 
+В компонент можно передать проп `customMediaQueries: MediaQueriesType`, который позволяет кастомизировать возвращаемые флаги:
+```ts static
+type MediaQueriesType = Record<string, string>;
+```
+1. Без кастомизации есть только флаг isMobile
+2. Поля из `customMediaQueries` дополняют список возвращаемых флагов в `ResponsiveLayoutFlags`
+3. При добавлении кастомного флага isMobile, значение дефолтного флага перезаписывается в пользу кастомного
+
+```jsx static
+import { ResponsiveLayout } from '@skbkontur/react-ui';
+
+const customMediaQueries = {
+  isTablet: '(min-width: 577px)',
+  isDesktop: '(min-width: 1280px)',
+};
+
+class SomeComponent {
+  public render() {
+    return (
+      <ResponsiveLayout customMediaQueries={customMediaQueries}>
+        {
+          ({ isMobile, isTablet, isDesktop }) => {
+            /* ... */
+          }
+        }
+      </ResponsiveLayout>
+    )
+  }
+}
+```
+
 Как альтернативу можно использовать хук [useResponsiveLayout](#/Mobiles).

package/components/ResponsiveLayout/decorator.d.ts

@@ -3,7 +3,7 @@ import { ResponsiveLayoutFlags } from './types';
 export declare function responsiveLayout<T extends new (...args: any[]) => React.Component>(WrappedComp: T): {
     new (...args: any[]): {
         layout: ResponsiveLayoutFlags;
-        currentLayout: ResponsiveLayoutFlags;
+        currentLayout: ResponsiveLayoutFlags<import("./types").EmptyObject>;
         isMobileLayout: boolean;
         renderWithLayout: (currentLayout: ResponsiveLayoutFlags) => React.ReactNode;
         render(): JSX.Element;

package/components/ResponsiveLayout/types.d.ts

@@ -1,3 +1,11 @@
-export interface ResponsiveLayoutFlags {
+export declare type MediaQueriesType = Record<string, string>;
+export declare type EmptyObject = Record<never, never>;
+export interface ResponsiveLayoutOptions<MQ extends MediaQueriesType> {
+    customMediaQueries?: MQ;
+}
+export declare type ResponsiveLayoutFlags<T extends MediaQueriesType = EmptyObject> = {
+    [K in keyof T]?: boolean;
+} & ResponsiveLayoutFlagsInternal;
+export interface ResponsiveLayoutFlagsInternal {
     isMobile: boolean;
 }

package/components/ResponsiveLayout/useResponsiveLayout/useResponsiveLayout.js

@@ -1,32 +1,53 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import { useCallback, useContext, useEffect, useRef, useState } from 'react';
+import { createRef, useCallback, useContext, useEffect, useState } from 'react';
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { addResponsiveLayoutListener, checkMatches } from "../ResponsiveLayoutEvents";
-export function useResponsiveLayout() {
-  var theme = useContext(ThemeContext);
+export function useResponsiveLayout(_temp) {
+  var _ref = _temp === void 0 ? {} : _temp,
+      customMediaQueries = _ref.customMediaQueries;
 
-  var getLayoutFromGlobal = function getLayoutFromGlobal() {
-    var isMobile = checkMatches(theme.mobileMediaQuery);
+  var theme = useContext(ThemeContext);
+  var allMediaQueries = Object.entries(_extends({
+    isMobile: theme.mobileMediaQuery
+  }, customMediaQueries)).map(function (_ref2) {
+    var key = _ref2[0],
+        value = _ref2[1];
     return {
-      isMobile: !!isMobile
+      flag: key,
+      query: value,
+      ref: /*#__PURE__*/createRef()
     };
+  });
+
+  var getLayoutFromGlobal = function getLayoutFromGlobal() {
+    return allMediaQueries.reduce(function (result, mediaQuery) {
+      var _Object$assign;
+
+      return Object.assign(result, (_Object$assign = {}, _Object$assign[mediaQuery.flag] = checkMatches(mediaQuery.query), _Object$assign));
+    }, {});
   };
 
   var _useState = useState(getLayoutFromGlobal()),
       state = _useState[0],
       setState = _useState[1];
 
-  var mobileListener = useRef(null);
   var prepareMediaQueries = useCallback(function () {
     if (!theme) {
       return;
     }
 
-    mobileListener.current = addResponsiveLayoutListener(theme.mobileMediaQuery, checkLayoutsMediaQueries); // Checking for SSR use case
+    allMediaQueries.forEach(function (mediaQuery) {
+      return mediaQuery.ref.current = addResponsiveLayoutListener(mediaQuery.query, checkLayoutsMediaQueries);
+    }); // Checking for SSR use case
 
     var globalLayout = getLayoutFromGlobal();
+    var hasChangedQuery = Object.entries(globalLayout).find(function (_ref3) {
+      var key = _ref3[0],
+          value = _ref3[1];
+      return state[key] !== value;
+    });
 
-    if (globalLayout.isMobile !== state.isMobile) {
+    if (hasChangedQuery) {
       setState(globalLayout);
     }
   }, [theme]);
@@ -35,20 +56,24 @@ export function useResponsiveLayout() {
       return;
     }
 
-    if (e.media === theme.mobileMediaQuery) {
-      setState(function (prevState) {
-        return _extends({}, prevState, {
-          isMobile: e.matches
+    allMediaQueries.forEach(function (mediaQuery) {
+      if (e.media === mediaQuery.query) {
+        setState(function (prevState) {
+          var _extends2;
+
+          return _extends({}, prevState, (_extends2 = {}, _extends2[mediaQuery.flag] = e.matches, _extends2));
         });
-      });
-    }
+      }
+    });
   }, [theme]);
   useEffect(function () {
     prepareMediaQueries();
     return function () {
-      var _mobileListener$curre;
+      allMediaQueries.forEach(function (mediaQuery) {
+        var _mediaQuery$ref$curre;
 
-      (_mobileListener$curre = mobileListener.current) == null ? void 0 : _mobileListener$curre.remove();
+        return (_mediaQuery$ref$curre = mediaQuery.ref.current) == null ? void 0 : _mediaQuery$ref$curre.remove();
+      });
     };
   }, []);
   return state;