@skbkontur/react-ui 5.5.2 → 5.6.1-85c65.0

package/cjs/components/Link/Link.styles.js

@@ -1,10 +1,12 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.getStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
 
+var _Emotion = require("../../lib/theming/Emotion");
 
-var _Link = require("./Link.mixins");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22;
+var _Mixins = require("../../lib/styles/Mixins");
 
-var line = (0, _Emotion.keyframes)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n  0% {\n    text-decoration-color: inherit;\n  }\n  100% {\n    text-decoration-color: transparent;\n  }\n"])));
+var _Link = require("./Link.mixins");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23;
 
+var line = function line(_ref) {var keyframes = _ref.keyframes;return keyframes(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n  0% {\n    text-decoration-color: inherit;\n  }\n  100% {\n    text-decoration-color: transparent;\n  }\n"])));};
 
 
 
@@ -12,174 +14,181 @@ var line = (0, _Emotion.keyframes)(_templateObject || (_templateObject = (0, _ta
 
 
 
-var oldLineText = function oldLineText(t) {
+
+var oldLineText = function oldLineText(t, emotion) {
   var delay = parseFloat(t.linkTextUnderlineOpacity) - 1;
-  return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n    animation: ", " 1s linear !important; // override creevey\n    animation-play-state: paused !important;\n    animation-delay: ", "s !important;\n    animation-fill-mode: forwards !important;\n  "])),
-  line,
+  return emotion.css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n    animation: ", " 1s linear !important; // override creevey\n    animation-play-state: paused !important;\n    animation-delay: ", "s !important;\n    animation-fill-mode: forwards !important;\n  "])),
+  line(emotion),
 
   delay);
 
 
 };
 
-var styles = exports.styles = (0, _Emotion.memoizeStyle)({
-  root: function root(t) {
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      cursor: pointer;\n      position: relative;\n\n      border-radius: 1px;\n      text-decoration: ", ";\n      text-decoration-style: ", ";\n      text-underline-offset: ", ";\n      text-decoration-thickness: ", ";\n      transition: text-decoration-color ", " ", ";\n      @supports (text-decoration-color: ", ") {\n        text-decoration-color: ", ";\n        &:hover {\n          text-decoration-color: currentColor;\n          text-decoration-style: ", ";\n        }\n      }\n      @supports not (text-decoration-color: ", ") {\n        ", ";\n        &:hover {\n          text-decoration-style: ", ";\n          animation: none !important;\n        }\n      }\n    "])),
+var getStyles = exports.getStyles = (0, _Emotion.memoizeGetStyles)(function (emotion) {return {
+    root: function root(t) {
+      return emotion.css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n        cursor: pointer;\n        position: relative;\n\n        border-radius: 1px;\n        text-decoration: ", ";\n        text-decoration-style: ", ";\n        text-underline-offset: ", ";\n        text-decoration-thickness: ", ";\n        transition: text-decoration-color ", " ", ";\n        @supports (text-decoration-color: ", ") {\n          text-decoration-color: ", ";\n          &:hover {\n            text-decoration-color: currentColor;\n            text-decoration-style: ", ";\n          }\n        }\n        @supports not (text-decoration-color: ", ") {\n          ", ";\n          &:hover {\n            text-decoration-style: ", ";\n            animation: none !important;\n          }\n        }\n      "])),
+
+
 
 
+      t.linkTextDecoration,
+      t.linkTextDecorationStyle,
+      t.linkTextUnderlineOffset,
+      t.linkTextDecorationThickness,
+      t.transitionDuration, t.transitionTimingFunction,
+      t.linkTextDecorationColor,
+      t.linkTextDecorationColor,
 
 
-    t.linkTextDecoration,
-    t.linkTextDecorationStyle,
-    t.linkTextUnderlineOffset,
-    t.linkTextDecorationThickness,
-    t.transitionDuration, t.transitionTimingFunction,
-    t.linkTextDecorationColor,
-    t.linkTextDecorationColor,
+      t.linkHoverTextDecorationStyle,
 
 
-    t.linkHoverTextDecorationStyle,
+      t.linkTextDecorationColor,
+      oldLineText(t, emotion),
 
+      t.linkHoverTextDecorationStyle);
 
-    t.linkTextDecorationColor,
-    oldLineText(t),
 
-    t.linkHoverTextDecorationStyle);
 
 
+    },
+    lineFocus: function lineFocus(t) {
+      return emotion.css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: ", ";\n      "])),
+      t.linkHoverColor);
 
+    },
 
-  },
-  lineFocus: function lineFocus(t) {
-    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
-    t.linkHoverColor);
+    lineFocusSuccess: function lineFocusSuccess(t) {
+      return emotion.css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: ", " !important;\n      "])),
+      t.linkSuccessHoverColor);
 
-  },
+    },
 
-  lineFocusSuccess: function lineFocusSuccess(t) {
-    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", " !important;\n    "])),
-    t.linkSuccessHoverColor);
+    lineFocusDanger: function lineFocusDanger(t) {
+      return emotion.css(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: ", " !important;\n      "])),
+      t.linkDangerHoverColor);
 
-  },
+    },
 
-  lineFocusDanger: function lineFocusDanger(t) {
-    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", " !important;\n    "])),
-    t.linkDangerHoverColor);
+    lineFocusGrayed: function lineFocusGrayed(t) {
+      return emotion.css(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: ", " !important;\n      "])),
+      t.linkGrayedHoverColor);
 
-  },
+    },
 
-  lineFocusGrayed: function lineFocusGrayed(t) {
-    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", " !important;\n    "])),
-    t.linkGrayedHoverColor);
+    button: function button(t) {
+      return emotion.css(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n        display: inline-block;\n        line-height: ", ";\n        padding-left: ", ";\n        padding-right: ", ";\n      "])),
 
-  },
+      t.linkButtonLineHeight,
+      t.linkButtonPaddingX,
+      t.linkButtonPaddingX);
 
-  button: function button(t) {
-    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      line-height: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n    "])),
+    },
 
-    t.linkButtonLineHeight,
-    t.linkButtonPaddingX,
-    t.linkButtonPaddingX);
+    buttonOpened: function buttonOpened(t) {
+      return emotion.css(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n        background: ", ";\n      "])),
+      t.btnDefaultActiveBg);
 
-  },
+    },
 
-  buttonOpened: function buttonOpened(t) {
-    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n    "])),
-    t.btnDefaultActiveBg);
+    arrow: function arrow() {
+      return emotion.css(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n        border: 4px solid transparent;\n        border-bottom-width: 0;\n        border-top-color: #a0a0a0;\n        display: inline-block;\n        margin-bottom: 3px;\n        margin-left: 3px;\n        vertical-align: middle;\n      "])));
 
-  },
 
-  arrow: function arrow() {
-    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: 4px solid transparent;\n      border-bottom-width: 0;\n      border-top-color: #a0a0a0;\n      display: inline-block;\n      margin-bottom: 3px;\n      margin-left: 3px;\n      vertical-align: middle;\n    "])));
 
 
 
 
 
 
+    },
 
+    default: function _default(t) {
+      return emotion.css(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
+      (0, _Link.linkUseColorsMixin)(t.linkColor, t.linkHoverColor, t.linkActiveColor));
 
-  },
+    },
 
-  default: function _default(t) {
-    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
-    (0, _Link.linkUseColorsMixin)(t.linkColor, t.linkHoverColor, t.linkActiveColor));
+    success: function success(t) {
+      return emotion.css(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
+      (0, _Link.linkUseColorsMixin)(t.linkSuccessColor, t.linkSuccessHoverColor, t.linkSuccessActiveColor));
 
-  },
+    },
 
-  success: function success(t) {
-    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
-    (0, _Link.linkUseColorsMixin)(t.linkSuccessColor, t.linkSuccessHoverColor, t.linkSuccessActiveColor));
+    danger: function danger(t) {
+      return emotion.css(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
+      (0, _Link.linkUseColorsMixin)(t.linkDangerColor, t.linkDangerHoverColor, t.linkDangerActiveColor));
 
-  },
+    },
 
-  danger: function danger(t) {
-    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
-    (0, _Link.linkUseColorsMixin)(t.linkDangerColor, t.linkDangerHoverColor, t.linkDangerActiveColor));
+    grayed: function grayed(t) {
+      return emotion.css(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
+      (0, _Link.linkUseColorsMixin)(t.linkGrayedColor, t.linkGrayedHoverColor, t.linkGrayedActiveColor));
 
-  },
+    },
 
-  grayed: function grayed(t) {
-    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
-    (0, _Link.linkUseColorsMixin)(t.linkGrayedColor, t.linkGrayedHoverColor, t.linkGrayedActiveColor));
+    useGrayedFocus: function useGrayedFocus(t) {
+      return emotion.css(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: ", ";\n      "])),
+      t.linkDisabledColor);
 
-  },
+    },
 
-  useGrayedFocus: function useGrayedFocus(t) {
-    return (0, _Emotion.css)(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
-    t.linkDisabledColor);
+    focus: function focus(t) {
+      return emotion.css(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n        text-decoration: ", ";\n        outline: ", ";\n      "])),
+      t.linkHoverTextDecoration,
+      t.linkFocusOutline);
 
-  },
+    },
 
-  focus: function focus(t) {
-    return (0, _Emotion.css)(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n      text-decoration: ", ";\n      outline: ", ";\n    "])),
-    t.linkHoverTextDecoration,
-    t.linkFocusOutline);
+    disabled: function disabled(t) {
+      return emotion.css(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n\n        color: ", " !important; // override root color\n\n        &:hover {\n          color: ", ";\n          text-decoration-color: ", ";\n        }\n      "])),
+      (0, _Link.linkDisabledMixin)(),
 
-  },
+      t.linkDisabledColor,
 
-  disabled: function disabled(t) {
-    return (0, _Emotion.css)(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n\n      color: ", " !important; // override root color\n\n      &:hover {\n        color: ", ";\n        text-decoration-color: ", ";\n      }\n    "])),
-    (0, _Link.linkDisabledMixin)(),
 
-    t.linkDisabledColor,
+      t.linkDisabledColor,
+      t.linkTextDecorationColor);
 
 
-    t.linkDisabledColor,
-    t.linkTextDecorationColor);
+    },
 
+    icon: function icon() {
+      return emotion.css(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteralLoose2.default)(["\n        display: inline-block;\n      "])));
 
-  },
 
-  icon: function icon() {
-    return (0, _Emotion.css)(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n    "])));
+    },
 
+    iconLeft: function iconLeft(t) {
+      return emotion.css(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteralLoose2.default)(["\n        margin-right: ", ";\n      "])),
+      t.linkIconMarginRight);
 
-  },
+    },
 
-  iconLeft: function iconLeft(t) {
-    return (0, _Emotion.css)(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-right: ", ";\n    "])),
-    t.linkIconMarginRight);
+    iconRight: function iconRight(t) {
+      return emotion.css(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteralLoose2.default)(["\n        margin-left: ", ";\n      "])),
+      t.linkIconMarginLeft);
 
-  },
+    },
 
-  iconRight: function iconRight(t) {
-    return (0, _Emotion.css)(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-left: ", ";\n    "])),
-    t.linkIconMarginLeft);
+    warning: function warning(t) {
+      return emotion.css(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteralLoose2.default)(["\n        background-color: ", ";\n        box-shadow: 0 0 0 2px ", ";\n      "])),
+      t.btnWarningSecondary,
+      t.btnWarningSecondary);
 
-  },
+    },
 
-  warning: function warning(t) {
-    return (0, _Emotion.css)(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background-color: ", ";\n      box-shadow: 0 0 0 2px ", ";\n    "])),
-    t.btnWarningSecondary,
-    t.btnWarningSecondary);
+    error: function error(t) {
+      return emotion.css(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteralLoose2.default)(["\n        background-color: ", ";\n        box-shadow: 0 0 0 2px ", ";\n      "])),
+      t.btnErrorSecondary,
+      t.btnErrorSecondary);
 
-  },
+    },
 
-  error: function error(t) {
-    return (0, _Emotion.css)(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background-color: ", ";\n      box-shadow: 0 0 0 2px ", ";\n    "])),
-    t.btnErrorSecondary,
-    t.btnErrorSecondary);
+    reserButton: function reserButton() {
+      return emotion.css(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
+      (0, _Mixins.resetButton)());
 
-  }
-});
+    }
+  };});

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

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_Link","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","_templateObject15","_templateObject16","_templateObject17","_templateObject18","_templateObject19","_templateObject20","_templateObject21","_templateObject22","line","keyframes","_taggedTemplateLiteralLoose2","default","oldLineText","t","delay","parseFloat","linkTextUnderlineOpacity","css","styles","exports","memoizeStyle","root","linkTextDecoration","linkTextDecorationStyle","linkTextUnderlineOffset","linkTextDecorationThickness","transitionDuration","transitionTimingFunction","linkTextDecorationColor","linkHoverTextDecorationStyle","lineFocus","linkHoverColor","lineFocusSuccess","linkSuccessHoverColor","lineFocusDanger","linkDangerHoverColor","lineFocusGrayed","linkGrayedHoverColor","button","linkButtonLineHeight","linkButtonPaddingX","buttonOpened","btnDefaultActiveBg","arrow","_default","linkUseColorsMixin","linkColor","linkActiveColor","success","linkSuccessColor","linkSuccessActiveColor","danger","linkDangerColor","linkDangerActiveColor","grayed","linkGrayedColor","linkGrayedActiveColor","useGrayedFocus","linkDisabledColor","focus","linkHoverTextDecoration","linkFocusOutline","disabled","linkDisabledMixin","icon","iconLeft","linkIconMarginRight","iconRight","linkIconMarginLeft","warning","btnWarningSecondary","error","btnErrorSecondary"],"sources":["Link.styles.ts"],"sourcesContent":["import { css, keyframes, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nimport { linkDisabledMixin, linkUseColorsMixin } from './Link.mixins';\n\nconst line = keyframes`\n  0% {\n    text-decoration-color: inherit;\n  }\n  100% {\n    text-decoration-color: transparent;\n  }\n`;\n\nconst oldLineText = function (t: Theme) {\n  const delay = parseFloat(t.linkTextUnderlineOpacity) - 1;\n  return css`\n    animation: ${line} 1s linear !important; // override creevey\n    animation-play-state: paused !important;\n    animation-delay: ${delay}s !important;\n    animation-fill-mode: forwards !important;\n  `;\n};\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      cursor: pointer;\n      position: relative;\n\n      border-radius: 1px;\n      text-decoration: ${t.linkTextDecoration};\n      text-decoration-style: ${t.linkTextDecorationStyle};\n      text-underline-offset: ${t.linkTextUnderlineOffset};\n      text-decoration-thickness: ${t.linkTextDecorationThickness};\n      transition: text-decoration-color ${t.transitionDuration} ${t.transitionTimingFunction};\n      @supports (text-decoration-color: ${t.linkTextDecorationColor}) {\n        text-decoration-color: ${t.linkTextDecorationColor};\n        &:hover {\n          text-decoration-color: currentColor;\n          text-decoration-style: ${t.linkHoverTextDecorationStyle};\n        }\n      }\n      @supports not (text-decoration-color: ${t.linkTextDecorationColor}) {\n        ${oldLineText(t)};\n        &:hover {\n          text-decoration-style: ${t.linkHoverTextDecorationStyle};\n          animation: none !important;\n        }\n      }\n    `;\n  },\n  lineFocus(t: Theme) {\n    return css`\n      color: ${t.linkHoverColor};\n    `;\n  },\n\n  lineFocusSuccess(t: Theme) {\n    return css`\n      color: ${t.linkSuccessHoverColor} !important;\n    `;\n  },\n\n  lineFocusDanger(t: Theme) {\n    return css`\n      color: ${t.linkDangerHoverColor} !important;\n    `;\n  },\n\n  lineFocusGrayed(t: Theme) {\n    return css`\n      color: ${t.linkGrayedHoverColor} !important;\n    `;\n  },\n\n  button(t: Theme) {\n    return css`\n      display: inline-block;\n      line-height: ${t.linkButtonLineHeight};\n      padding-left: ${t.linkButtonPaddingX};\n      padding-right: ${t.linkButtonPaddingX};\n    `;\n  },\n\n  buttonOpened(t: Theme) {\n    return css`\n      background: ${t.btnDefaultActiveBg};\n    `;\n  },\n\n  arrow() {\n    return css`\n      border: 4px solid transparent;\n      border-bottom-width: 0;\n      border-top-color: #a0a0a0;\n      display: inline-block;\n      margin-bottom: 3px;\n      margin-left: 3px;\n      vertical-align: middle;\n    `;\n  },\n\n  default(t: Theme) {\n    return css`\n      ${linkUseColorsMixin(t.linkColor, t.linkHoverColor, t.linkActiveColor)};\n    `;\n  },\n\n  success(t: Theme) {\n    return css`\n      ${linkUseColorsMixin(t.linkSuccessColor, t.linkSuccessHoverColor, t.linkSuccessActiveColor)};\n    `;\n  },\n\n  danger(t: Theme) {\n    return css`\n      ${linkUseColorsMixin(t.linkDangerColor, t.linkDangerHoverColor, t.linkDangerActiveColor)};\n    `;\n  },\n\n  grayed(t: Theme) {\n    return css`\n      ${linkUseColorsMixin(t.linkGrayedColor, t.linkGrayedHoverColor, t.linkGrayedActiveColor)};\n    `;\n  },\n\n  useGrayedFocus(t: Theme) {\n    return css`\n      color: ${t.linkDisabledColor};\n    `;\n  },\n\n  focus(t: Theme) {\n    return css`\n      text-decoration: ${t.linkHoverTextDecoration};\n      outline: ${t.linkFocusOutline};\n    `;\n  },\n\n  disabled(t: Theme) {\n    return css`\n      ${linkDisabledMixin()};\n\n      color: ${t.linkDisabledColor} !important; // override root color\n\n      &:hover {\n        color: ${t.linkDisabledColor};\n        text-decoration-color: ${t.linkTextDecorationColor};\n      }\n    `;\n  },\n\n  icon() {\n    return css`\n      display: inline-block;\n    `;\n  },\n\n  iconLeft(t: Theme) {\n    return css`\n      margin-right: ${t.linkIconMarginRight};\n    `;\n  },\n\n  iconRight(t: Theme) {\n    return css`\n      margin-left: ${t.linkIconMarginLeft};\n    `;\n  },\n\n  warning(t: Theme) {\n    return css`\n      background-color: ${t.btnWarningSecondary};\n      box-shadow: 0 0 0 2px ${t.btnWarningSecondary};\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      background-color: ${t.btnErrorSecondary};\n      box-shadow: 0 0 0 2px ${t.btnErrorSecondary};\n    `;\n  },\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_Mixins","_Link","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","_templateObject15","_templateObject16","_templateObject17","_templateObject18","_templateObject19","_templateObject20","_templateObject21","_templateObject22","_templateObject23","line","_ref","keyframes","_taggedTemplateLiteralLoose2","default","oldLineText","t","emotion","delay","parseFloat","linkTextUnderlineOpacity","css","getStyles","exports","memoizeGetStyles","root","linkTextDecoration","linkTextDecorationStyle","linkTextUnderlineOffset","linkTextDecorationThickness","transitionDuration","transitionTimingFunction","linkTextDecorationColor","linkHoverTextDecorationStyle","lineFocus","linkHoverColor","lineFocusSuccess","linkSuccessHoverColor","lineFocusDanger","linkDangerHoverColor","lineFocusGrayed","linkGrayedHoverColor","button","linkButtonLineHeight","linkButtonPaddingX","buttonOpened","btnDefaultActiveBg","arrow","_default","linkUseColorsMixin","linkColor","linkActiveColor","success","linkSuccessColor","linkSuccessActiveColor","danger","linkDangerColor","linkDangerActiveColor","grayed","linkGrayedColor","linkGrayedActiveColor","useGrayedFocus","linkDisabledColor","focus","linkHoverTextDecoration","linkFocusOutline","disabled","linkDisabledMixin","icon","iconLeft","linkIconMarginRight","iconRight","linkIconMarginLeft","warning","btnWarningSecondary","error","btnErrorSecondary","reserButton","resetButton"],"sources":["Link.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { resetButton } from '../../lib/styles/Mixins';\n\nimport { linkDisabledMixin, linkUseColorsMixin } from './Link.mixins';\n\nconst line = ({ keyframes }: Emotion) => keyframes`\n  0% {\n    text-decoration-color: inherit;\n  }\n  100% {\n    text-decoration-color: transparent;\n  }\n`;\n\nconst oldLineText = function (t: Theme, emotion: Emotion) {\n  const delay = parseFloat(t.linkTextUnderlineOpacity) - 1;\n  return emotion.css`\n    animation: ${line(emotion)} 1s linear !important; // override creevey\n    animation-play-state: paused !important;\n    animation-delay: ${delay}s !important;\n    animation-fill-mode: forwards !important;\n  `;\n};\n\nexport const getStyles = memoizeGetStyles((emotion: Emotion) => ({\n  root(t: Theme) {\n    return emotion.css`\n        cursor: pointer;\n        position: relative;\n\n        border-radius: 1px;\n        text-decoration: ${t.linkTextDecoration};\n        text-decoration-style: ${t.linkTextDecorationStyle};\n        text-underline-offset: ${t.linkTextUnderlineOffset};\n        text-decoration-thickness: ${t.linkTextDecorationThickness};\n        transition: text-decoration-color ${t.transitionDuration} ${t.transitionTimingFunction};\n        @supports (text-decoration-color: ${t.linkTextDecorationColor}) {\n          text-decoration-color: ${t.linkTextDecorationColor};\n          &:hover {\n            text-decoration-color: currentColor;\n            text-decoration-style: ${t.linkHoverTextDecorationStyle};\n          }\n        }\n        @supports not (text-decoration-color: ${t.linkTextDecorationColor}) {\n          ${oldLineText(t, emotion)};\n          &:hover {\n            text-decoration-style: ${t.linkHoverTextDecorationStyle};\n            animation: none !important;\n          }\n        }\n      `;\n  },\n  lineFocus(t: Theme) {\n    return emotion.css`\n        color: ${t.linkHoverColor};\n      `;\n  },\n\n  lineFocusSuccess(t: Theme) {\n    return emotion.css`\n        color: ${t.linkSuccessHoverColor} !important;\n      `;\n  },\n\n  lineFocusDanger(t: Theme) {\n    return emotion.css`\n        color: ${t.linkDangerHoverColor} !important;\n      `;\n  },\n\n  lineFocusGrayed(t: Theme) {\n    return emotion.css`\n        color: ${t.linkGrayedHoverColor} !important;\n      `;\n  },\n\n  button(t: Theme) {\n    return emotion.css`\n        display: inline-block;\n        line-height: ${t.linkButtonLineHeight};\n        padding-left: ${t.linkButtonPaddingX};\n        padding-right: ${t.linkButtonPaddingX};\n      `;\n  },\n\n  buttonOpened(t: Theme) {\n    return emotion.css`\n        background: ${t.btnDefaultActiveBg};\n      `;\n  },\n\n  arrow() {\n    return emotion.css`\n        border: 4px solid transparent;\n        border-bottom-width: 0;\n        border-top-color: #a0a0a0;\n        display: inline-block;\n        margin-bottom: 3px;\n        margin-left: 3px;\n        vertical-align: middle;\n      `;\n  },\n\n  default(t: Theme) {\n    return emotion.css`\n        ${linkUseColorsMixin(t.linkColor, t.linkHoverColor, t.linkActiveColor)};\n      `;\n  },\n\n  success(t: Theme) {\n    return emotion.css`\n        ${linkUseColorsMixin(t.linkSuccessColor, t.linkSuccessHoverColor, t.linkSuccessActiveColor)};\n      `;\n  },\n\n  danger(t: Theme) {\n    return emotion.css`\n        ${linkUseColorsMixin(t.linkDangerColor, t.linkDangerHoverColor, t.linkDangerActiveColor)};\n      `;\n  },\n\n  grayed(t: Theme) {\n    return emotion.css`\n        ${linkUseColorsMixin(t.linkGrayedColor, t.linkGrayedHoverColor, t.linkGrayedActiveColor)};\n      `;\n  },\n\n  useGrayedFocus(t: Theme) {\n    return emotion.css`\n        color: ${t.linkDisabledColor};\n      `;\n  },\n\n  focus(t: Theme) {\n    return emotion.css`\n        text-decoration: ${t.linkHoverTextDecoration};\n        outline: ${t.linkFocusOutline};\n      `;\n  },\n\n  disabled(t: Theme) {\n    return emotion.css`\n        ${linkDisabledMixin()};\n\n        color: ${t.linkDisabledColor} !important; // override root color\n\n        &:hover {\n          color: ${t.linkDisabledColor};\n          text-decoration-color: ${t.linkTextDecorationColor};\n        }\n      `;\n  },\n\n  icon() {\n    return emotion.css`\n        display: inline-block;\n      `;\n  },\n\n  iconLeft(t: Theme) {\n    return emotion.css`\n        margin-right: ${t.linkIconMarginRight};\n      `;\n  },\n\n  iconRight(t: Theme) {\n    return emotion.css`\n        margin-left: ${t.linkIconMarginLeft};\n      `;\n  },\n\n  warning(t: Theme) {\n    return emotion.css`\n        background-color: ${t.btnWarningSecondary};\n        box-shadow: 0 0 0 2px ${t.btnWarningSecondary};\n      `;\n  },\n\n  error(t: Theme) {\n    return emotion.css`\n        background-color: ${t.btnErrorSecondary};\n        box-shadow: 0 0 0 2px ${t.btnErrorSecondary};\n      `;\n  },\n\n  reserButton() {\n    return emotion.css`\n        ${resetButton()};\n      `;\n  },\n}));\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/Link/LinkIcon.js

@@ -1,6 +1,6 @@
 "use strict";var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.LinkIcon = void 0;var _react = _interopRequireWildcard(require("react"));
 
-var _Emotion = require("../../lib/theming/Emotion");
+var _renderEnvironment = require("../../lib/renderEnvironment");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
 var _Spinner = require("../Spinner");
 
@@ -14,13 +14,15 @@ var _Link = require("./Link.styles");
 
 var LinkIcon = exports.LinkIcon = function LinkIcon(_ref) {var icon = _ref.icon,loading = _ref.loading,hasBothIcons = _ref.hasBothIcons,position = _ref.position;
   var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
+  var _useEmotion = (0, _renderEnvironment.useEmotion)(),cx = _useEmotion.cx;
+  var styles = (0, _renderEnvironment.useStyles)(_Link.getStyles);
 
   return /*#__PURE__*/(
     _react.default.createElement("span", {
-      className: (0, _Emotion.cx)(
-        _Link.styles.icon(),
-        position === 'left' && _Link.styles.iconLeft(theme),
-        position === 'right' && _Link.styles.iconRight(theme)
+      className: cx(
+        styles.icon(),
+        position === 'left' && styles.iconLeft(theme),
+        position === 'right' && styles.iconRight(theme)
       ) },
 
     loading && !hasBothIcons ? /*#__PURE__*/_react.default.createElement(_Spinner.Spinner, { caption: null, dimmed: true, inline: true }) : icon

package/cjs/components/Link/LinkIcon.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_Emotion","_ThemeContext","_Spinner","_Link","LinkIcon","exports","_ref","icon","loading","hasBothIcons","position","theme","useContext","ThemeContext","default","createElement","className","cx","styles","iconLeft","iconRight","Spinner","caption","dimmed","inline"],"sources":["LinkIcon.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { cx } from '../../lib/theming/Emotion';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Spinner } from '../Spinner';\n\nimport type { LinkProps } from './Link';\nimport { styles } from './Link.styles';\n\nexport interface LinkIconProps extends Pick<LinkProps, 'icon' | 'loading'> {\n  position?: 'left' | 'right';\n  hasBothIcons?: boolean;\n}\n\nexport const LinkIcon = ({ icon, loading, hasBothIcons, position }: LinkIconProps) => {\n  const theme = useContext(ThemeContext);\n\n  return (\n    <span\n      className={cx(\n        styles.icon(),\n        position === 'left' && styles.iconLeft(theme),\n        position === 'right' && styles.iconRight(theme),\n      )}\n    >\n      {loading && !hasBothIcons ? <Spinner caption={null} dimmed inline /> : icon}\n    </span>\n  );\n};\n"],"mappings":"gKAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;;AAEA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;;;AAGA,IAAAI,KAAA,GAAAJ,OAAA;;;;;;;AAOO,IAAMK,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,SAAXA,QAAQA,CAAAE,IAAA,EAAiE,KAA3DC,IAAI,GAAAD,IAAA,CAAJC,IAAI,CAAEC,OAAO,GAAAF,IAAA,CAAPE,OAAO,CAAEC,YAAY,GAAAH,IAAA,CAAZG,YAAY,CAAEC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;EAC9D,IAAMC,KAAK,GAAG,IAAAC,iBAAU,EAACC,0BAAY,CAAC;;EAEtC;IACEhB,MAAA,CAAAiB,OAAA,CAAAC,aAAA;MACEC,SAAS,EAAE,IAAAC,WAAE;QACXC,YAAM,CAACX,IAAI,CAAC,CAAC;QACbG,QAAQ,KAAK,MAAM,IAAIQ,YAAM,CAACC,QAAQ,CAACR,KAAK,CAAC;QAC7CD,QAAQ,KAAK,OAAO,IAAIQ,YAAM,CAACE,SAAS,CAACT,KAAK;MAChD,CAAE;;IAEDH,OAAO,IAAI,CAACC,YAAY,gBAAGZ,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACb,QAAA,CAAAmB,OAAO,IAACC,OAAO,EAAE,IAAK,EAACC,MAAM,QAACC,MAAM,QAAE,CAAC,GAAGjB;IACnE,CAAC;;AAEX,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_renderEnvironment","_ThemeContext","_Spinner","_Link","LinkIcon","exports","_ref","icon","loading","hasBothIcons","position","theme","useContext","ThemeContext","_useEmotion","useEmotion","cx","styles","useStyles","getStyles","default","createElement","className","iconLeft","iconRight","Spinner","caption","dimmed","inline"],"sources":["LinkIcon.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { useEmotion, useStyles } from '../../lib/renderEnvironment';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Spinner } from '../Spinner';\n\nimport type { LinkProps } from './Link';\nimport { getStyles } from './Link.styles';\n\nexport interface LinkIconProps extends Pick<LinkProps, 'icon' | 'loading'> {\n  position?: 'left' | 'right';\n  hasBothIcons?: boolean;\n}\n\nexport const LinkIcon = ({ icon, loading, hasBothIcons, position }: LinkIconProps): React.JSX.Element => {\n  const theme = useContext(ThemeContext);\n  const { cx } = useEmotion();\n  const styles = useStyles(getStyles);\n\n  return (\n    <span\n      className={cx(\n        styles.icon(),\n        position === 'left' && styles.iconLeft(theme),\n        position === 'right' && styles.iconRight(theme),\n      )}\n    >\n      {loading && !hasBothIcons ? <Spinner caption={null} dimmed inline /> : icon}\n    </span>\n  );\n};\n"],"mappings":"gKAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;;AAEA,IAAAC,kBAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;;;AAGA,IAAAI,KAAA,GAAAJ,OAAA;;;;;;;AAOO,IAAMK,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,SAAXA,QAAQA,CAAAE,IAAA,EAAoF,KAA9EC,IAAI,GAAAD,IAAA,CAAJC,IAAI,CAAEC,OAAO,GAAAF,IAAA,CAAPE,OAAO,CAAEC,YAAY,GAAAH,IAAA,CAAZG,YAAY,CAAEC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;EAC9D,IAAMC,KAAK,GAAG,IAAAC,iBAAU,EAACC,0BAAY,CAAC;EACtC,IAAAC,WAAA,GAAe,IAAAC,6BAAU,EAAC,CAAC,CAAnBC,EAAE,GAAAF,WAAA,CAAFE,EAAE;EACV,IAAMC,MAAM,GAAG,IAAAC,4BAAS,EAACC,eAAS,CAAC;;EAEnC;IACEtB,MAAA,CAAAuB,OAAA,CAAAC,aAAA;MACEC,SAAS,EAAEN,EAAE;QACXC,MAAM,CAACV,IAAI,CAAC,CAAC;QACbG,QAAQ,KAAK,MAAM,IAAIO,MAAM,CAACM,QAAQ,CAACZ,KAAK,CAAC;QAC7CD,QAAQ,KAAK,OAAO,IAAIO,MAAM,CAACO,SAAS,CAACb,KAAK;MAChD,CAAE;;IAEDH,OAAO,IAAI,CAACC,YAAY,gBAAGZ,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAACnB,QAAA,CAAAuB,OAAO,IAACC,OAAO,EAAE,IAAK,EAACC,MAAM,QAACC,MAAM,QAAE,CAAC,GAAGrB;IACnE,CAAC;;AAEX,CAAC","ignoreList":[]}

package/cjs/components/Loader/Loader.d.ts

@@ -49,6 +49,10 @@ export declare class Loader extends React.Component<LoaderProps, LoaderState> {
     static displayName: string;
     static defaultProps: DefaultProps;
     private getProps;
+    private globalObject;
+    private emotion;
+    private cx;
+    private styles;
     private theme;
     getRootNode: TGetRootNode;
     private setRootNode;

package/cjs/components/Loader/Loader.js

@@ -1,6 +1,8 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.LoaderDataTids = exports.Loader = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 var _lodash = _interopRequireDefault(require("lodash.debounce"));
-var _globalObject = require("@skbkontur/global-object");
+
+
+var _globalObject = require("../../lib/globalObject");
 
 
 var LayoutEvents = _interopRequireWildcard(require("../../lib/LayoutEvents"));
@@ -12,7 +14,6 @@ var _ThemeContext = require("../../lib/theming/ThemeContext");
 var _ZIndex = require("../../internal/ZIndex");
 
 var _CommonWrapper = require("../../internal/CommonWrapper");
-var _Emotion = require("../../lib/theming/Emotion");
 var _currentEnvironment = require("../../lib/currentEnvironment");
 var _taskWithDelayAndMinimalDuration = require("../../lib/taskWithDelayAndMinimalDuration");
 var _tabbableHelpers = require("../../lib/dom/tabbableHelpers");
@@ -20,6 +21,7 @@ var _tabbableHelpers = require("../../lib/dom/tabbableHelpers");
 var _rootNode = require("../../lib/rootNode");
 var _getDOMRect2 = require("../../lib/dom/getDOMRect");
 var _createPropsGetter = require("../../lib/createPropsGetter");
+var _renderEnvironment = require("../../lib/renderEnvironment");
 
 var _Loader2 = require("./Loader.styles");var _class, _Loader;
 
@@ -79,7 +81,12 @@ var LoaderDataTids = exports.LoaderDataTids = {
  * Если вам нужен только сам спиннер без дополнительного функционала - используйте компонент Spinner.
  */var
 
-Loader = exports.Loader = (0, _rootNode.rootNode)(_class = (_Loader = /*#__PURE__*/function (_React$Component) {
+
+Loader = exports.Loader = (0, _renderEnvironment.withRenderEnvironment)(_class = (0, _rootNode.rootNode)(_class = (_Loader = /*#__PURE__*/function (_React$Component) {
+
+
+
+
 
 
 
@@ -233,6 +240,7 @@ Loader = exports.Loader = (0, _rootNode.rootNode)(_class = (_Loader = /*#__PURE_
 
 
 
+
 
 
     childrenRef = function (element) {
@@ -260,10 +268,12 @@ Loader = exports.Loader = (0, _rootNode.rootNode)(_class = (_Loader = /*#__PURE_
 
 
 
+
+
 
 
     checkSpinnerPosition = function () {
-      if (!_this.spinnerContainerNode || !(0, _globalObject.isBrowser)(_globalObject.globalObject)) {
+      if (!_this.spinnerContainerNode || !(0, _globalObject.isBrowser)(_this.globalObject)) {
         return;
       }
 
@@ -276,8 +286,8 @@ Loader = exports.Loader = (0, _rootNode.rootNode)(_class = (_Loader = /*#__PURE_
 
         (0, _getDOMRect2.getDOMRect)(_this.spinnerContainerNode),containerTop = _getDOMRect.top,containerRight = _getDOMRect.right,containerBottom = _getDOMRect.bottom,containerLeft = _getDOMRect.left,containerHeight = _getDOMRect.height,containerWidth = _getDOMRect.width;
 
-      var windowHeight = _globalObject.globalObject.innerHeight;
-      var windowWidth = _globalObject.globalObject.innerWidth;
+      var windowHeight = _this.globalObject.innerHeight;
+      var windowWidth = _this.globalObject.innerWidth;
 
       // Если контейнер не больше высоты и не шире окна,
       // то просто выравниваем по центру
@@ -355,10 +365,10 @@ Loader = exports.Loader = (0, _rootNode.rootNode)(_class = (_Loader = /*#__PURE_
       });
     };_this.
 
-    enableChildrenFocus = function () {var _globalObject$documen, _globalObject$documen2;
+    enableChildrenFocus = function () {var _this$globalObject$do;
       _this.makeUnobservable();
-      // NOTE: NodeList doesn't support 'forEach' method in IE11 and other older browsers
-      Array.from((_globalObject$documen = (_globalObject$documen2 = _globalObject.globalObject.document) == null ? void 0 : _globalObject$documen2.querySelectorAll('[origin-tabindex]')) != null ? _globalObject$documen : []).forEach(function (el) {var _el$getAttribute;
+
+      (_this$globalObject$do = _this.globalObject.document) == null || _this$globalObject$do.querySelectorAll('[origin-tabindex]').forEach(function (el) {var _el$getAttribute;
         el.setAttribute('tabindex', (_el$getAttribute = el.getAttribute('origin-tabindex')) != null ? _el$getAttribute : '0');
         el.removeAttribute('origin-tabindex');
       });
@@ -366,14 +376,14 @@ Loader = exports.Loader = (0, _rootNode.rootNode)(_class = (_Loader = /*#__PURE_
 
     makeObservable = function () {
       var target = _this.childrenContainerNode;
-      if (!target || !_globalObject.globalObject.MutationObserver) {
+      if (!target || !_this.globalObject.MutationObserver) {
         return;
       }
       var config = {
         childList: true,
         subtree: true
       };
-      var observer = new _globalObject.globalObject.MutationObserver(_this.disableChildrenFocus);
+      var observer = new _this.globalObject.MutationObserver(_this.disableChildrenFocus);
       observer.observe(target, config);
       _this.childrenObserver = observer;
     };_this.
@@ -381,4 +391,4 @@ Loader = exports.Loader = (0, _rootNode.rootNode)(_class = (_Loader = /*#__PURE_
     makeUnobservable = function () {var _this$childrenObserve;
       (_this$childrenObserve = _this.childrenObserver) == null || _this$childrenObserve.disconnect();
       _this.childrenObserver = null;
-    };_this.spinnerContainerNode = null;_this.childrenContainerNode = null;_this.childrenObserver = null;_this.spinnerNode = null;_this.state = { isStickySpinner: false, isSpinnerVisible: false, isLoaderActive: false };_this.spinnerTask = new _taskWithDelayAndMinimalDuration.TaskWithDelayAndMinimalDuration({ delayBeforeTaskStart: _this.getProps().delayBeforeSpinnerShow, durationOfTask: _this.getProps().minimalDelayBeforeSpinnerHide, taskStartCallback: function taskStartCallback() {return _this.setState({ isSpinnerVisible: true });}, taskStopCallback: function taskStopCallback() {return _this.setState({ isSpinnerVisible: false });} });return _this;}(0, _inheritsLoose2.default)(Loader, _React$Component);var _proto = Loader.prototype;_proto.componentDidMount = function componentDidMount() {var active = this.getProps().active;this.checkSpinnerPosition();active && this.spinnerTask.start();this.layoutEvents = LayoutEvents.addListener((0, _lodash.default)(this.checkSpinnerPosition, 10));if (active) {this.disableChildrenFocus();}};_proto.componentDidUpdate = function componentDidUpdate(prevProps, prevState) {var component = this.props.component;var _this$getProps = this.getProps(),active = _this$getProps.active,delayBeforeSpinnerShow = _this$getProps.delayBeforeSpinnerShow,minimalDelayBeforeSpinnerHide = _this$getProps.minimalDelayBeforeSpinnerHide;var isLoaderActive = this.state.isLoaderActive;if (active && !prevProps.active || prevProps.component !== component) {this.checkSpinnerPosition();}if (delayBeforeSpinnerShow !== prevProps.delayBeforeSpinnerShow || minimalDelayBeforeSpinnerHide !== prevProps.minimalDelayBeforeSpinnerHide) {this.spinnerTask.update({ delayBeforeTaskStart: delayBeforeSpinnerShow, durationOfTask: minimalDelayBeforeSpinnerHide });}if (active !== prevProps.active) {active ? this.spinnerTask.start() : this.spinnerTask.stop();}if (isLoaderActive !== prevState.isLoaderActive) {if (isLoaderActive) {this.disableChildrenFocus();} else {this.enableChildrenFocus();}}};_proto.componentWillUnmount = function componentWillUnmount() {this.makeUnobservable();if (this.layoutEvents) {this.layoutEvents.remove();}this.spinnerTask.clearTask();};Loader.getDerivedStateFromProps = function getDerivedStateFromProps(props, state) {if (props.active && !state.isLoaderActive) {return { isLoaderActive: true };}if (state.isLoaderActive && !(props.active || state.isSpinnerVisible)) {return { isLoaderActive: false };}return state;};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var _cx;var _this$props = this.props,caption = _this$props.caption,component = _this$props.component;var type = this.getProps().type;var isLoaderActive = this.state.isLoaderActive;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.createElement("div", { className: _Loader2.styles.loader(), "data-tid": this.props['data-tid'] || (isLoaderActive ? LoaderDataTids.veil : LoaderDataTids.idle) }, /*#__PURE__*/_react.default.createElement(_ZIndex.ZIndex, { applyZIndex: isLoaderActive, coverChildren: isLoaderActive, style: { height: '100%' }, wrapperRef: this.childrenRef }, this.props.children), isLoaderActive && /*#__PURE__*/_react.default.createElement(_ZIndex.ZIndex, { wrapperRef: this.spinnerRef, className: (0, _Emotion.cx)((_cx = {}, _cx[_Loader2.styles.active(this.theme)] = isLoaderActive, _cx)) }, this.state.isSpinnerVisible && this.renderSpinner(type, caption, component))));};_proto.renderSpinner = function renderSpinner(type, caption, component) {var _cx2,_this3 = this;return /*#__PURE__*/_react.default.createElement("span", { "data-tid": LoaderDataTids.spinner, className: (0, _Emotion.cx)(_Loader2.styles.spinnerContainer(), (_cx2 = {}, _cx2[_Loader2.styles.spinnerContainerSticky()] = this.state.isStickySpinner, _cx2)), style: this.state.spinnerStyle }, /*#__PURE__*/_react.default.createElement("div", { className: _Loader2.styles.spinnerComponentWrapper(), ref: function ref(element) {_this3.spinnerNode = element;} }, component !== undefined ? component : /*#__PURE__*/_react.default.createElement(_Spinner.Spinner, { type: type, caption: caption })));};return Loader;}(_react.default.Component), _Loader.__KONTUR_REACT_UI__ = 'Loader', _Loader.displayName = 'Loader', _Loader.defaultProps = { type: 'normal', active: false, delayBeforeSpinnerShow: _currentEnvironment.isTestEnv ? 0 : 300, minimalDelayBeforeSpinnerHide: _currentEnvironment.isTestEnv ? 0 : 1000 }, _Loader)) || _class;
+    };_this.spinnerContainerNode = null;_this.childrenContainerNode = null;_this.childrenObserver = null;_this.spinnerNode = null;_this.state = { isStickySpinner: false, isSpinnerVisible: false, isLoaderActive: false };return _this;}(0, _inheritsLoose2.default)(Loader, _React$Component);var _proto = Loader.prototype;_proto.componentDidMount = function componentDidMount() {var _this2 = this;this.spinnerTask = new _taskWithDelayAndMinimalDuration.TaskWithDelayAndMinimalDuration({ delayBeforeTaskStart: this.getProps().delayBeforeSpinnerShow, durationOfTask: this.getProps().minimalDelayBeforeSpinnerHide, taskStartCallback: function taskStartCallback() {return _this2.setState({ isSpinnerVisible: true });}, taskStopCallback: function taskStopCallback() {return _this2.setState({ isSpinnerVisible: false });} });var active = this.getProps().active;this.checkSpinnerPosition();active && this.spinnerTask.start();this.layoutEvents = LayoutEvents.addListener((0, _lodash.default)(this.checkSpinnerPosition, 10), this.globalObject);if (active) {this.disableChildrenFocus();}};_proto.componentDidUpdate = function componentDidUpdate(prevProps, prevState) {var component = this.props.component;var _this$getProps = this.getProps(),active = _this$getProps.active,delayBeforeSpinnerShow = _this$getProps.delayBeforeSpinnerShow,minimalDelayBeforeSpinnerHide = _this$getProps.minimalDelayBeforeSpinnerHide;var isLoaderActive = this.state.isLoaderActive;if (active && !prevProps.active || prevProps.component !== component) {this.checkSpinnerPosition();}if (delayBeforeSpinnerShow !== prevProps.delayBeforeSpinnerShow || minimalDelayBeforeSpinnerHide !== prevProps.minimalDelayBeforeSpinnerHide) {this.spinnerTask.update({ delayBeforeTaskStart: delayBeforeSpinnerShow, durationOfTask: minimalDelayBeforeSpinnerHide });}if (active !== prevProps.active) {active ? this.spinnerTask.start() : this.spinnerTask.stop();}if (isLoaderActive !== prevState.isLoaderActive) {if (isLoaderActive) {this.disableChildrenFocus();} else {this.enableChildrenFocus();}}};_proto.componentWillUnmount = function componentWillUnmount() {this.makeUnobservable();if (this.layoutEvents) {this.layoutEvents.remove();}this.spinnerTask.clearTask();};Loader.getDerivedStateFromProps = function getDerivedStateFromProps(props, state) {if (props.active && !state.isLoaderActive) {return { isLoaderActive: true };}if (state.isLoaderActive && !(props.active || state.isSpinnerVisible)) {return { isLoaderActive: false };}return state;};_proto.render = function render() {var _this3 = this;this.styles = (0, _Loader2.getStyles)(this.emotion);return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this3.theme = theme;return _this3.renderMain();});};_proto.renderMain = function renderMain() {var _this$cx;var _this$props = this.props,caption = _this$props.caption,component = _this$props.component;var type = this.getProps().type;var isLoaderActive = this.state.isLoaderActive;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.createElement("div", { className: this.styles.loader(), "data-tid": this.props['data-tid'] || (isLoaderActive ? LoaderDataTids.veil : LoaderDataTids.idle) }, /*#__PURE__*/_react.default.createElement(_ZIndex.ZIndex, { applyZIndex: isLoaderActive, coverChildren: isLoaderActive, style: { height: '100%' }, wrapperRef: this.childrenRef }, this.props.children), isLoaderActive && /*#__PURE__*/_react.default.createElement(_ZIndex.ZIndex, { wrapperRef: this.spinnerRef, className: this.cx((_this$cx = {}, _this$cx[this.styles.active(this.theme)] = isLoaderActive, _this$cx)) }, this.state.isSpinnerVisible && this.renderSpinner(type, caption, component))));};_proto.renderSpinner = function renderSpinner(type, caption, component) {var _this$cx2,_this4 = this;return /*#__PURE__*/_react.default.createElement("span", { "data-tid": LoaderDataTids.spinner, className: this.cx(this.styles.spinnerContainer(), (_this$cx2 = {}, _this$cx2[this.styles.spinnerContainerSticky()] = this.state.isStickySpinner, _this$cx2)), style: this.state.spinnerStyle }, /*#__PURE__*/_react.default.createElement("div", { className: this.styles.spinnerComponentWrapper(), ref: function ref(element) {_this4.spinnerNode = element;} }, component !== undefined ? component : /*#__PURE__*/_react.default.createElement(_Spinner.Spinner, { type: type, caption: caption })));};return Loader;}(_react.default.Component), _Loader.__KONTUR_REACT_UI__ = 'Loader', _Loader.displayName = 'Loader', _Loader.defaultProps = { type: 'normal', active: false, delayBeforeSpinnerShow: _currentEnvironment.isTestEnv ? 0 : 300, minimalDelayBeforeSpinnerHide: _currentEnvironment.isTestEnv ? 0 : 1000 }, _Loader)) || _class) || _class;