@skbkontur/react-ui 5.6.7 → 5.6.9-5e213.0

package/components/Toast/ToastView.styles/ToastView.styles.js

@@ -1,44 +1,48 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
 import { css, memoizeStyle } from "../../../lib/theming/Emotion";
 var getVerticalPaddings = function getVerticalPaddings(theme) {
   var toastPaddingY = theme.toastPaddingY;
   var paddingY = parseInt(toastPaddingY);
-  return [paddingY + "px", paddingY + "px"];
+  return ["".concat(paddingY, "px"), "".concat(paddingY, "px")];
 };
 export var styles = memoizeStyle({
   root: function root(t) {
     var _getVerticalPaddings = getVerticalPaddings(t),
-      paddingTop = _getVerticalPaddings[0],
-      paddingBottom = _getVerticalPaddings[1];
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      border-radius: ", ";\n      border: ", ";\n      display: inline-flex;\n      font-size: ", ";\n      line-height: ", ";\n      opacity: 1;\n      padding: ", " ", " ", ";\n      position: relative;\n      top: ", ";\n    "])), t.toastBorderRadius, t.toastBorder, t.toastFontSize, t.toastLineHeight, paddingTop, t.toastPaddingX, paddingBottom, t.toastTop);
+      _getVerticalPaddings2 = _slicedToArray(_getVerticalPaddings, 2),
+      paddingTop = _getVerticalPaddings2[0],
+      paddingBottom = _getVerticalPaddings2[1];
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      border-radius: ", ";\n      border: ", ";\n      display: inline-flex;\n      font-size: ", ";\n      line-height: ", ";\n      opacity: 1;\n      padding: ", " ", " ", ";\n      position: relative;\n      top: ", ";\n    "])), t.toastBorderRadius, t.toastBorder, t.toastFontSize, t.toastLineHeight, paddingTop, t.toastPaddingX, paddingBottom, t.toastTop);
   },
   "default": function _default(t) {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      background: ", ";\n      color: ", ";\n    "])), t.toastBg, t.toastColor);
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      background: ", ";\n      color: ", ";\n    "])), t.toastBg, t.toastColor);
   },
   error: function error(t) {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      background: ", ";\n      color: ", ";\n    "])), t.toastErrorBg, t.toastColorError);
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      background: ", ";\n      color: ", ";\n    "])), t.toastErrorBg, t.toastColorError);
   },
   wrapper: function wrapper(t) {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      position: fixed;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 0;\n      text-align: center;\n      border-radius: ", ";\n    "])), t.toastBorderRadius);
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      position: fixed;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 0;\n      text-align: center;\n      border-radius: ", ";\n    "])), t.toastBorderRadius);
   },
   closeWrapper: function closeWrapper(t) {
-    var _getVerticalPaddings2 = getVerticalPaddings(t),
-      paddingTop = _getVerticalPaddings2[0],
-      paddingBottom = _getVerticalPaddings2[1];
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      display: flex;\n      margin: -", " -", " -", " 0;\n    "])), paddingTop, t.toastPaddingX, paddingBottom);
+    var _getVerticalPaddings3 = getVerticalPaddings(t),
+      _getVerticalPaddings4 = _slicedToArray(_getVerticalPaddings3, 2),
+      paddingTop = _getVerticalPaddings4[0],
+      paddingBottom = _getVerticalPaddings4[1];
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      display: flex;\n      margin: -", " -", " -", " 0;\n    "])), paddingTop, t.toastPaddingX, paddingBottom);
   },
   link: function link(t) {
-    var _getVerticalPaddings3 = getVerticalPaddings(t),
-      paddingTop = _getVerticalPaddings3[0],
-      paddingBottom = _getVerticalPaddings3[1];
-    var padding = paddingTop + " " + t.toastLinkPadding;
-    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      border: none;\n      font: inherit;\n      cursor: pointer;\n      display: inline-block;\n      font-weight: 600;\n      background-color: transparent;\n\n      margin: -", " 0 -", " ", ";\n\n      padding: ", ";\n      transition: background ", " ", ";\n    "])), paddingTop, paddingBottom, t.toastPaddingX, padding, t.transitionDuration, t.transitionTimingFunction);
+    var _getVerticalPaddings5 = getVerticalPaddings(t),
+      _getVerticalPaddings6 = _slicedToArray(_getVerticalPaddings5, 2),
+      paddingTop = _getVerticalPaddings6[0],
+      paddingBottom = _getVerticalPaddings6[1];
+    var padding = "".concat(paddingTop, " ").concat(t.toastLinkPadding);
+    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n      border: none;\n      font: inherit;\n      cursor: pointer;\n      display: inline-block;\n      font-weight: 600;\n      background-color: transparent;\n\n      margin: -", " 0 -", " ", ";\n\n      padding: ", ";\n      transition: background ", " ", ";\n    "])), paddingTop, paddingBottom, t.toastPaddingX, padding, t.transitionDuration, t.transitionTimingFunction);
   },
   toastActionErrorColor: function toastActionErrorColor(t) {
-    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n\n      &:hover {\n        background: ", ";\n        text-decoration: ", ";\n      }\n\n      &:active {\n        background: ", ";\n        color: ", ";\n      }\n    "])), t.toastLinkColorError, t.toastLinkBgHoverError, t.toastLinkTextDecorationHover, t.toastLinkBgActiveError, t.toastLinkColorActiveError);
+    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      color: ", ";\n\n      &:hover {\n        background: ", ";\n        text-decoration: ", ";\n      }\n\n      &:active {\n        background: ", ";\n        color: ", ";\n      }\n    "])), t.toastLinkColorError, t.toastLinkBgHoverError, t.toastLinkTextDecorationHover, t.toastLinkBgActiveError, t.toastLinkColorActiveError);
   },
   toastActionDefaultColor: function toastActionDefaultColor(t) {
-    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n\n      &:hover {\n        background: ", ";\n        text-decoration: ", ";\n      }\n\n      &:active {\n        background: ", ";\n      }\n    "])), t.toastLinkColor, t.toastLinkBgHover, t.toastLinkTextDecorationHover, t.toastLinkBgActive);
+    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n      color: ", ";\n\n      &:hover {\n        background: ", ";\n        text-decoration: ", ";\n      }\n\n      &:active {\n        background: ", ";\n      }\n    "])), t.toastLinkColor, t.toastLinkBgHover, t.toastLinkTextDecorationHover, t.toastLinkBgActive);
   }
 });

package/components/Toast/ToastView.styles/ToastView.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","getVerticalPaddings","theme","toastPaddingY","paddingY","parseInt","styles","root","t","_getVerticalPaddings","paddingTop","paddingBottom","_templateObject","_taggedTemplateLiteralLoose","toastBorderRadius","toastBorder","toastFontSize","toastLineHeight","toastPaddingX","toastTop","_default","_templateObject2","toastBg","toastColor","error","_templateObject3","toastErrorBg","toastColorError","wrapper","_templateObject4","closeWrapper","_getVerticalPaddings2","_templateObject5","link","_getVerticalPaddings3","padding","toastLinkPadding","_templateObject6","transitionDuration","transitionTimingFunction","toastActionErrorColor","_templateObject7","toastLinkColorError","toastLinkBgHoverError","toastLinkTextDecorationHover","toastLinkBgActiveError","toastLinkColorActiveError","toastActionDefaultColor","_templateObject8","toastLinkColor","toastLinkBgHover","toastLinkBgActive"],"sources":["ToastView.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nconst getVerticalPaddings = (theme: Theme) => {\n  const { toastPaddingY } = theme;\n  const paddingY = parseInt(toastPaddingY);\n\n  return [`${paddingY}px`, `${paddingY}px`];\n};\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    const [paddingTop, paddingBottom] = getVerticalPaddings(t);\n    return css`\n      border-radius: ${t.toastBorderRadius};\n      border: ${t.toastBorder};\n      display: inline-flex;\n      font-size: ${t.toastFontSize};\n      line-height: ${t.toastLineHeight};\n      opacity: 1;\n      padding: ${paddingTop} ${t.toastPaddingX} ${paddingBottom};\n      position: relative;\n      top: ${t.toastTop};\n    `;\n  },\n\n  default(t: Theme) {\n    return css`\n      background: ${t.toastBg};\n      color: ${t.toastColor};\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      background: ${t.toastErrorBg};\n      color: ${t.toastColorError};\n    `;\n  },\n\n  wrapper(t: Theme) {\n    return css`\n      position: fixed;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 0;\n      text-align: center;\n      border-radius: ${t.toastBorderRadius};\n    `;\n  },\n\n  closeWrapper(t: Theme) {\n    const [paddingTop, paddingBottom] = getVerticalPaddings(t);\n    return css`\n      display: flex;\n      margin: -${paddingTop} -${t.toastPaddingX} -${paddingBottom} 0;\n    `;\n  },\n\n  link(t: Theme) {\n    const [paddingTop, paddingBottom] = getVerticalPaddings(t);\n    const padding = `${paddingTop} ${t.toastLinkPadding}`;\n\n    return css`\n      border: none;\n      font: inherit;\n      cursor: pointer;\n      display: inline-block;\n      font-weight: 600;\n      background-color: transparent;\n\n      margin: -${paddingTop} 0 -${paddingBottom} ${t.toastPaddingX};\n\n      padding: ${padding};\n      transition: background ${t.transitionDuration} ${t.transitionTimingFunction};\n    `;\n  },\n\n  toastActionErrorColor(t: Theme) {\n    return css`\n      color: ${t.toastLinkColorError};\n\n      &:hover {\n        background: ${t.toastLinkBgHoverError};\n        text-decoration: ${t.toastLinkTextDecorationHover};\n      }\n\n      &:active {\n        background: ${t.toastLinkBgActiveError};\n        color: ${t.toastLinkColorActiveError};\n      }\n    `;\n  },\n\n  toastActionDefaultColor(t: Theme) {\n    return css`\n      color: ${t.toastLinkColor};\n\n      &:hover {\n        background: ${t.toastLinkBgHover};\n        text-decoration: ${t.toastLinkTextDecorationHover};\n      }\n\n      &:active {\n        background: ${t.toastLinkBgActive};\n      }\n    `;\n  },\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","getVerticalPaddings","theme","toastPaddingY","paddingY","parseInt","concat","styles","root","t","_getVerticalPaddings","_getVerticalPaddings2","_slicedToArray","paddingTop","paddingBottom","_templateObject","_taggedTemplateLiteral","toastBorderRadius","toastBorder","toastFontSize","toastLineHeight","toastPaddingX","toastTop","_default","_templateObject2","toastBg","toastColor","error","_templateObject3","toastErrorBg","toastColorError","wrapper","_templateObject4","closeWrapper","_getVerticalPaddings3","_getVerticalPaddings4","_templateObject5","link","_getVerticalPaddings5","_getVerticalPaddings6","padding","toastLinkPadding","_templateObject6","transitionDuration","transitionTimingFunction","toastActionErrorColor","_templateObject7","toastLinkColorError","toastLinkBgHoverError","toastLinkTextDecorationHover","toastLinkBgActiveError","toastLinkColorActiveError","toastActionDefaultColor","_templateObject8","toastLinkColor","toastLinkBgHover","toastLinkBgActive"],"sources":["ToastView.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nconst getVerticalPaddings = (theme: Theme) => {\n  const { toastPaddingY } = theme;\n  const paddingY = parseInt(toastPaddingY);\n\n  return [`${paddingY}px`, `${paddingY}px`];\n};\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    const [paddingTop, paddingBottom] = getVerticalPaddings(t);\n    return css`\n      border-radius: ${t.toastBorderRadius};\n      border: ${t.toastBorder};\n      display: inline-flex;\n      font-size: ${t.toastFontSize};\n      line-height: ${t.toastLineHeight};\n      opacity: 1;\n      padding: ${paddingTop} ${t.toastPaddingX} ${paddingBottom};\n      position: relative;\n      top: ${t.toastTop};\n    `;\n  },\n\n  default(t: Theme) {\n    return css`\n      background: ${t.toastBg};\n      color: ${t.toastColor};\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      background: ${t.toastErrorBg};\n      color: ${t.toastColorError};\n    `;\n  },\n\n  wrapper(t: Theme) {\n    return css`\n      position: fixed;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 0;\n      text-align: center;\n      border-radius: ${t.toastBorderRadius};\n    `;\n  },\n\n  closeWrapper(t: Theme) {\n    const [paddingTop, paddingBottom] = getVerticalPaddings(t);\n    return css`\n      display: flex;\n      margin: -${paddingTop} -${t.toastPaddingX} -${paddingBottom} 0;\n    `;\n  },\n\n  link(t: Theme) {\n    const [paddingTop, paddingBottom] = getVerticalPaddings(t);\n    const padding = `${paddingTop} ${t.toastLinkPadding}`;\n\n    return css`\n      border: none;\n      font: inherit;\n      cursor: pointer;\n      display: inline-block;\n      font-weight: 600;\n      background-color: transparent;\n\n      margin: -${paddingTop} 0 -${paddingBottom} ${t.toastPaddingX};\n\n      padding: ${padding};\n      transition: background ${t.transitionDuration} ${t.transitionTimingFunction};\n    `;\n  },\n\n  toastActionErrorColor(t: Theme) {\n    return css`\n      color: ${t.toastLinkColorError};\n\n      &:hover {\n        background: ${t.toastLinkBgHoverError};\n        text-decoration: ${t.toastLinkTextDecorationHover};\n      }\n\n      &:active {\n        background: ${t.toastLinkBgActiveError};\n        color: ${t.toastLinkColorActiveError};\n      }\n    `;\n  },\n\n  toastActionDefaultColor(t: Theme) {\n    return css`\n      color: ${t.toastLinkColor};\n\n      &:hover {\n        background: ${t.toastLinkBgHover};\n        text-decoration: ${t.toastLinkTextDecorationHover};\n      }\n\n      &:active {\n        background: ${t.toastLinkBgActive};\n      }\n    `;\n  },\n});\n"],"mappings":"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","ignoreList":[]}

package/components/Toggle/Toggle/Toggle.js

@@ -1,6 +1,15 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _isNativeReflectConstruct from "@babel/runtime/helpers/esm/isNativeReflectConstruct";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
 var _class, _Toggle;
+function _callSuper(t, o, e) {
+  return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
+}
 import React from 'react';
 import { keyListener } from "../../../lib/events/keyListener";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
@@ -23,7 +32,8 @@ export var ToggleDataTids = {
 export var Toggle = rootNode(_class = withSize(_class = (_Toggle = /*#__PURE__*/function (_React$Component) {
   function Toggle(props) {
     var _this;
-    _this = _React$Component.call(this, props) || this;
+    _classCallCheck(this, Toggle);
+    _this = _callSuper(this, Toggle, [props]);
     _this.getProps = createPropsGetter(Toggle.defaultProps);
     _this.input = null;
 
@@ -68,8 +78,9 @@ export var Toggle = rootNode(_class = withSize(_class = (_Toggle = /*#__PURE__*/
       });
     };
     _this.handleBlur = function (event) {
+      var _this$props$onBlur, _this$props;
       _this.resetFocus();
-      _this.props.onBlur == null || _this.props.onBlur(event);
+      (_this$props$onBlur = (_this$props = _this.props).onBlur) === null || _this$props$onBlur === void 0 || _this$props$onBlur.call(_this$props, event);
     };
     _this.state = {
       focusByTab: false,
@@ -77,146 +88,163 @@ export var Toggle = rootNode(_class = withSize(_class = (_Toggle = /*#__PURE__*/
     };
     return _this;
   }
-  _inheritsLoose(Toggle, _React$Component);
-  var _proto = Toggle.prototype;
-  _proto.componentDidMount = function componentDidMount() {
-    if (this.props.autoFocus) {
-      keyListener.isTabPressed = true;
-      this.focus();
+  _inherits(Toggle, _React$Component);
+  return _createClass(Toggle, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      if (this.props.autoFocus) {
+        keyListener.isTabPressed = true;
+        this.focus();
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+        _this2.theme = theme;
+        return _this2.renderMain();
+      });
+    }
+  }, {
+    key: "getContainerSizeClassName",
+    value: function getContainerSizeClassName() {
+      switch (this.size) {
+        case 'large':
+          return styles.containerLarge(this.theme);
+        case 'medium':
+          return styles.containerMedium(this.theme);
+        case 'small':
+        default:
+          return styles.containerSmall(this.theme);
+      }
     }
-  };
-  _proto.render = function render() {
-    var _this2 = this;
-    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
-      _this2.theme = theme;
-      return _this2.renderMain();
-    });
-  };
-  _proto.getContainerSizeClassName = function getContainerSizeClassName() {
-    switch (this.size) {
-      case 'large':
-        return styles.containerLarge(this.theme);
-      case 'medium':
-        return styles.containerMedium(this.theme);
-      case 'small':
-      default:
-        return styles.containerSmall(this.theme);
+  }, {
+    key: "getHandleSizeClassName",
+    value: function getHandleSizeClassName() {
+      switch (this.size) {
+        case 'large':
+          return styles.handleLarge(this.theme);
+        case 'medium':
+          return styles.handleMedium(this.theme);
+        case 'small':
+        default:
+          return styles.handleSmall(this.theme);
+      }
     }
-  };
-  _proto.getHandleSizeClassName = function getHandleSizeClassName() {
-    switch (this.size) {
-      case 'large':
-        return styles.handleLarge(this.theme);
-      case 'medium':
-        return styles.handleMedium(this.theme);
-      case 'small':
-      default:
-        return styles.handleSmall(this.theme);
+  }, {
+    key: "getButtonSizeClassName",
+    value: function getButtonSizeClassName() {
+      switch (this.size) {
+        case 'large':
+          return styles.buttonLarge(this.theme);
+        case 'medium':
+          return styles.buttonMedium(this.theme);
+        case 'small':
+        default:
+          return styles.buttonSmall(this.theme);
+      }
     }
-  };
-  _proto.getButtonSizeClassName = function getButtonSizeClassName() {
-    switch (this.size) {
-      case 'large':
-        return styles.buttonLarge(this.theme);
-      case 'medium':
-        return styles.buttonMedium(this.theme);
-      case 'small':
-      default:
-        return styles.buttonSmall(this.theme);
+  }, {
+    key: "getRootSizeClassName",
+    value: function getRootSizeClassName() {
+      switch (this.size) {
+        case 'large':
+          return styles.rootLarge(this.theme);
+        case 'medium':
+          return styles.rootMedium(this.theme);
+        case 'small':
+        default:
+          return styles.rootSmall(this.theme);
+      }
     }
-  };
-  _proto.getRootSizeClassName = function getRootSizeClassName() {
-    switch (this.size) {
-      case 'large':
-        return styles.rootLarge(this.theme);
-      case 'medium':
-        return styles.rootMedium(this.theme);
-      case 'small':
-      default:
-        return styles.rootSmall(this.theme);
+  }, {
+    key: "getInputSizeClassName",
+    value: function getInputSizeClassName() {
+      switch (this.size) {
+        case 'large':
+          return styles.inputLarge(this.theme);
+        case 'medium':
+          return styles.inputMedium(this.theme);
+        case 'small':
+        default:
+          return styles.inputSmall(this.theme);
+      }
     }
-  };
-  _proto.getInputSizeClassName = function getInputSizeClassName() {
-    switch (this.size) {
-      case 'large':
-        return styles.inputLarge(this.theme);
-      case 'medium':
-        return styles.inputMedium(this.theme);
-      case 'small':
-      default:
-        return styles.inputSmall(this.theme);
+  }, {
+    key: "getCaptionSizeClassName",
+    value: function getCaptionSizeClassName() {
+      switch (this.size) {
+        case 'large':
+          return styles.captionLarge(this.theme);
+        case 'medium':
+          return styles.captionMedium(this.theme);
+        case 'small':
+        default:
+          return styles.captionSmall(this.theme);
+      }
     }
-  };
-  _proto.getCaptionSizeClassName = function getCaptionSizeClassName() {
-    switch (this.size) {
-      case 'large':
-        return styles.captionLarge(this.theme);
-      case 'medium':
-        return styles.captionMedium(this.theme);
-      case 'small':
-      default:
-        return styles.captionSmall(this.theme);
+  }, {
+    key: "renderMain",
+    value: function renderMain() {
+      var _this$props2 = this.props,
+        children = _this$props2.children,
+        warning = _this$props2.warning,
+        error = _this$props2.error,
+        id = _this$props2.id,
+        name = _this$props2.name,
+        ariaDescribedby = _this$props2['aria-describedby'],
+        ariaLabel = _this$props2['aria-label'];
+      var _this$getProps = this.getProps(),
+        loading = _this$getProps.loading,
+        captionPosition = _this$getProps.captionPosition,
+        disableAnimations = _this$getProps.disableAnimations;
+      var disabled = this.getProps().disabled || loading;
+      var checked = this.isUncontrolled() ? this.state.checked : this.props.checked;
+      var containerClassNames = cx(this.getContainerSizeClassName(), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, styles.container(this.theme), true), styles.containerDisabled(this.theme), !!disabled), globalClasses.container, true), globalClasses.containerDisabled, !!disabled), globalClasses.containerLoading, loading));
+      var labelClassNames = cx(this.getRootSizeClassName(), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, styles.root(this.theme), true), styles.rootLeft(), captionPosition === 'left'), styles.disabled(), !!disabled), globalClasses.disabled, !!disabled), styles.disableAnimation(), disableAnimations));
+      var caption = null;
+      if (children) {
+        var captionClass = cx(this.getCaptionSizeClassName(), _defineProperty(_defineProperty(_defineProperty({}, styles.caption(this.theme), true), styles.captionLeft(this.theme), captionPosition === 'left'), styles.disabledCaption(this.theme), !!disabled));
+        caption = /*#__PURE__*/React.createElement("span", {
+          className: captionClass
+        }, children);
+      }
+      return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
+        rootNodeRef: this.setRootNode
+      }, this.props), /*#__PURE__*/React.createElement("label", {
+        "data-tid": ToggleDataTids.root,
+        className: labelClassNames
+      }, /*#__PURE__*/React.createElement("div", {
+        className: cx(this.getButtonSizeClassName(), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, styles.button(this.theme), true), styles.buttonRight(), captionPosition === 'left'), styles.isWarning(this.theme), !!warning), styles.isError(this.theme), !!error), styles.focused(this.theme), !disabled && !!this.state.focusByTab))
+      }, /*#__PURE__*/React.createElement(FocusControlWrapper, {
+        onBlurWhenDisabled: this.resetFocus
+      }, /*#__PURE__*/React.createElement("input", {
+        type: "checkbox",
+        checked: checked,
+        onChange: this.handleChange,
+        className: cx(this.getInputSizeClassName(), styles.input(this.theme)),
+        onFocus: this.handleFocus,
+        onBlur: this.handleBlur,
+        ref: this.inputRef,
+        disabled: disabled,
+        id: id,
+        name: name,
+        role: "switch",
+        "aria-label": ariaLabel,
+        "aria-describedby": ariaDescribedby
+      })), /*#__PURE__*/React.createElement("div", {
+        className: containerClassNames
+      }), /*#__PURE__*/React.createElement("div", {
+        className: cx(this.getHandleSizeClassName(), globalClasses.handle, _defineProperty(_defineProperty({}, styles.handle(this.theme), true), styles.handleDisabled(this.theme), disabled))
+      })), caption));
     }
-  };
-  _proto.renderMain = function renderMain() {
-    var _cx, _cx2, _cx4, _cx5;
-    var _this$props = this.props,
-      children = _this$props.children,
-      warning = _this$props.warning,
-      error = _this$props.error,
-      id = _this$props.id,
-      name = _this$props.name,
-      ariaDescribedby = _this$props['aria-describedby'],
-      ariaLabel = _this$props['aria-label'];
-    var _this$getProps = this.getProps(),
-      loading = _this$getProps.loading,
-      captionPosition = _this$getProps.captionPosition,
-      disableAnimations = _this$getProps.disableAnimations;
-    var disabled = this.getProps().disabled || loading;
-    var checked = this.isUncontrolled() ? this.state.checked : this.props.checked;
-    var containerClassNames = cx(this.getContainerSizeClassName(), (_cx = {}, _cx[styles.container(this.theme)] = true, _cx[styles.containerDisabled(this.theme)] = !!disabled, _cx[globalClasses.container] = true, _cx[globalClasses.containerDisabled] = !!disabled, _cx[globalClasses.containerLoading] = loading, _cx));
-    var labelClassNames = cx(this.getRootSizeClassName(), (_cx2 = {}, _cx2[styles.root(this.theme)] = true, _cx2[styles.rootLeft()] = captionPosition === 'left', _cx2[styles.disabled()] = !!disabled, _cx2[globalClasses.disabled] = !!disabled, _cx2[styles.disableAnimation()] = disableAnimations, _cx2));
-    var caption = null;
-    if (children) {
-      var _cx3;
-      var captionClass = cx(this.getCaptionSizeClassName(), (_cx3 = {}, _cx3[styles.caption(this.theme)] = true, _cx3[styles.captionLeft(this.theme)] = captionPosition === 'left', _cx3[styles.disabledCaption(this.theme)] = !!disabled, _cx3));
-      caption = /*#__PURE__*/React.createElement("span", {
-        className: captionClass
-      }, children);
+  }, {
+    key: "isUncontrolled",
+    value: function isUncontrolled() {
+      return this.props.checked === undefined;
     }
-    return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
-      rootNodeRef: this.setRootNode
-    }, this.props), /*#__PURE__*/React.createElement("label", {
-      "data-tid": ToggleDataTids.root,
-      className: labelClassNames
-    }, /*#__PURE__*/React.createElement("div", {
-      className: cx(this.getButtonSizeClassName(), (_cx4 = {}, _cx4[styles.button(this.theme)] = true, _cx4[styles.buttonRight()] = captionPosition === 'left', _cx4[styles.isWarning(this.theme)] = !!warning, _cx4[styles.isError(this.theme)] = !!error, _cx4[styles.focused(this.theme)] = !disabled && !!this.state.focusByTab, _cx4))
-    }, /*#__PURE__*/React.createElement(FocusControlWrapper, {
-      onBlurWhenDisabled: this.resetFocus
-    }, /*#__PURE__*/React.createElement("input", {
-      type: "checkbox",
-      checked: checked,
-      onChange: this.handleChange,
-      className: cx(this.getInputSizeClassName(), styles.input(this.theme)),
-      onFocus: this.handleFocus,
-      onBlur: this.handleBlur,
-      ref: this.inputRef,
-      disabled: disabled,
-      id: id,
-      name: name,
-      role: "switch",
-      "aria-label": ariaLabel,
-      "aria-describedby": ariaDescribedby
-    })), /*#__PURE__*/React.createElement("div", {
-      className: containerClassNames
-    }), /*#__PURE__*/React.createElement("div", {
-      className: cx(this.getHandleSizeClassName(), globalClasses.handle, (_cx5 = {}, _cx5[styles.handle(this.theme)] = true, _cx5[styles.handleDisabled(this.theme)] = disabled, _cx5))
-    })), caption));
-  };
-  _proto.isUncontrolled = function isUncontrolled() {
-    return this.props.checked === undefined;
-  };
-  return Toggle;
+  }]);
 }(React.Component), _Toggle.__KONTUR_REACT_UI__ = 'Toggle', _Toggle.displayName = 'Toggle', _Toggle.defaultProps = {
   disabled: false,
   loading: false,

package/components/Toggle/Toggle/Toggle.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","keyListener","ThemeContext","CommonWrapper","cx","rootNode","createPropsGetter","isTestEnv","FocusControlWrapper","withSize","styles","globalClasses","ToggleDataTids","root","Toggle","_class","_Toggle","_React$Component","props","_this","call","getProps","defaultProps","input","focus","isTabPressed","inputRef","element","handleChange","event","onValueChange","target","checked","isUncontrolled","setState","onChange","handleFocus","onFocus","focusByTab","resetFocus","handleBlur","onBlur","state","defaultChecked","_inheritsLoose","_proto","prototype","componentDidMount","autoFocus","render","_this2","createElement","Consumer","theme","renderMain","getContainerSizeClassName","size","containerLarge","containerMedium","containerSmall","getHandleSizeClassName","handleLarge","handleMedium","handleSmall","getButtonSizeClassName","buttonLarge","buttonMedium","buttonSmall","getRootSizeClassName","rootLarge","rootMedium","rootSmall","getInputSizeClassName","inputLarge","inputMedium","inputSmall","getCaptionSizeClassName","captionLarge","captionMedium","captionSmall","_cx","_cx2","_cx4","_cx5","_this$props","children","warning","error","id","name","ariaDescribedby","ariaLabel","_this$getProps","loading","captionPosition","disableAnimations","disabled","containerClassNames","container","containerDisabled","containerLoading","labelClassNames","rootLeft","disableAnimation","caption","_cx3","captionClass","captionLeft","disabledCaption","className","_extends","rootNodeRef","setRootNode","button","buttonRight","isWarning","isError","focused","onBlurWhenDisabled","type","ref","role","handle","handleDisabled","undefined","Component","__KONTUR_REACT_UI__","displayName"],"sources":["Toggle.tsx"],"sourcesContent":["import React from 'react';\nimport type { AriaAttributes, InputHTMLAttributes } from 'react';\n\nimport { keyListener } from '../../lib/events/keyListener';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport type { SizeProp } from '../../lib/types/props';\nimport { FocusControlWrapper } from '../../internal/FocusControlWrapper';\nimport { withSize } from '../../lib/size/SizeDecorator';\n\nimport { styles, globalClasses } from './Toggle.styles';\n\nexport interface ToggleProps\n  extends Pick<AriaAttributes, 'aria-label' | 'aria-describedby'>,\n    Pick<InputHTMLAttributes<HTMLInputElement>, 'id' | 'name'>,\n    CommonProps {\n  /** @ignore */\n  children?: React.ReactNode;\n\n  /** Расположение названия относительно переключателя.\n   * @default 'right' */\n  captionPosition?: 'left' | 'right';\n\n  /** Включает тогл.\n   * @default false */\n  checked?: boolean;\n\n  /** Делает тогл включенным по умолчанию. Не работает, если задан проп `checked`. */\n  defaultChecked?: boolean;\n\n  /** Блокирует тогл. */\n  disabled?: boolean;\n\n  /** Событие изменения значения. */\n  onValueChange?: (value: boolean) => void;\n\n  /** Событие клика на тогл. */\n  onChange?: React.ChangeEventHandler<HTMLInputElement>;\n\n  /** Переводит тогл в состояние предупреждения.\n   * @default false */\n  warning?: boolean;\n\n  /** Переводит тогл в состояние ошибки.\n   * @default false */\n  error?: boolean;\n\n  /** Переводит тогл в состояние загрузки: добавляет стили для состояния `loading` и отключает тогл.*/\n  loading?: boolean;\n\n  /** Устанавливает фокус на тогл после окончания загрузки страницы.\n   * @default false */\n  autoFocus?: boolean;\n\n  /** Размер тогла. */\n  size?: SizeProp;\n\n  /** Событие получения тоглом фокуса.*/\n  onFocus?: React.FocusEventHandler<HTMLInputElement>;\n\n  /** Событие потери тоглом фокуса. */\n  onBlur?: React.FocusEventHandler<HTMLInputElement>;\n\n  /** Отключает анимацию. */\n  disableAnimations?: boolean;\n}\n\nexport interface ToggleState {\n  checked?: boolean;\n  focusByTab?: boolean;\n}\n\nexport const ToggleDataTids = {\n  root: 'Toggle__root',\n} as const;\n\ntype DefaultProps = Required<Pick<ToggleProps, 'disabled' | 'loading' | 'captionPosition' | 'disableAnimations'>>;\n\n/**\n * Тогл переключает состояния. Например, включает или отключает уведомления в настройках.\n * Состоит из надписи и переключателя.\n */\n@rootNode\n@withSize\nexport class Toggle extends React.Component<ToggleProps, ToggleState> {\n  public static __KONTUR_REACT_UI__ = 'Toggle';\n  public static displayName = 'Toggle';\n\n  public static defaultProps: DefaultProps = {\n    disabled: false,\n    loading: false,\n    captionPosition: 'right',\n    disableAnimations: isTestEnv,\n  };\n  private size!: SizeProp;\n\n  private getProps = createPropsGetter(Toggle.defaultProps);\n\n  private theme!: Theme;\n  private input: HTMLInputElement | null = null;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  constructor(props: ToggleProps) {\n    super(props);\n\n    this.state = {\n      focusByTab: false,\n      checked: props.defaultChecked,\n    };\n  }\n\n  public componentDidMount() {\n    if (this.props.autoFocus) {\n      keyListener.isTabPressed = true;\n      this.focus();\n    }\n  }\n\n  /**\n   * @public\n   */\n  public focus = () => {\n    if (this.input) {\n      keyListener.isTabPressed = true;\n      this.input.focus();\n    }\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 getContainerSizeClassName() {\n    switch (this.size) {\n      case 'large':\n        return styles.containerLarge(this.theme);\n      case 'medium':\n        return styles.containerMedium(this.theme);\n      case 'small':\n      default:\n        return styles.containerSmall(this.theme);\n    }\n  }\n\n  private getHandleSizeClassName() {\n    switch (this.size) {\n      case 'large':\n        return styles.handleLarge(this.theme);\n      case 'medium':\n        return styles.handleMedium(this.theme);\n      case 'small':\n      default:\n        return styles.handleSmall(this.theme);\n    }\n  }\n\n  private getButtonSizeClassName() {\n    switch (this.size) {\n      case 'large':\n        return styles.buttonLarge(this.theme);\n      case 'medium':\n        return styles.buttonMedium(this.theme);\n      case 'small':\n      default:\n        return styles.buttonSmall(this.theme);\n    }\n  }\n\n  private getRootSizeClassName() {\n    switch (this.size) {\n      case 'large':\n        return styles.rootLarge(this.theme);\n      case 'medium':\n        return styles.rootMedium(this.theme);\n      case 'small':\n      default:\n        return styles.rootSmall(this.theme);\n    }\n  }\n\n  private getInputSizeClassName() {\n    switch (this.size) {\n      case 'large':\n        return styles.inputLarge(this.theme);\n      case 'medium':\n        return styles.inputMedium(this.theme);\n      case 'small':\n      default:\n        return styles.inputSmall(this.theme);\n    }\n  }\n\n  private getCaptionSizeClassName() {\n    switch (this.size) {\n      case 'large':\n        return styles.captionLarge(this.theme);\n      case 'medium':\n        return styles.captionMedium(this.theme);\n      case 'small':\n      default:\n        return styles.captionSmall(this.theme);\n    }\n  }\n\n  private renderMain() {\n    const {\n      children,\n      warning,\n      error,\n      id,\n      name,\n      'aria-describedby': ariaDescribedby,\n      'aria-label': ariaLabel,\n    } = this.props;\n    const { loading, captionPosition, disableAnimations } = this.getProps();\n    const disabled = this.getProps().disabled || loading;\n    const checked = this.isUncontrolled() ? this.state.checked : this.props.checked;\n\n    const containerClassNames = cx(this.getContainerSizeClassName(), {\n      [styles.container(this.theme)]: true,\n      [styles.containerDisabled(this.theme)]: !!disabled,\n      [globalClasses.container]: true,\n      [globalClasses.containerDisabled]: !!disabled,\n      [globalClasses.containerLoading]: loading,\n    });\n\n    const labelClassNames = cx(this.getRootSizeClassName(), {\n      [styles.root(this.theme)]: true,\n      [styles.rootLeft()]: captionPosition === 'left',\n      [styles.disabled()]: !!disabled,\n      [globalClasses.disabled]: !!disabled,\n      [styles.disableAnimation()]: disableAnimations,\n    });\n\n    let caption = null;\n    if (children) {\n      const captionClass = cx(this.getCaptionSizeClassName(), {\n        [styles.caption(this.theme)]: true,\n        [styles.captionLeft(this.theme)]: captionPosition === 'left',\n        [styles.disabledCaption(this.theme)]: !!disabled,\n      });\n      caption = <span className={captionClass}>{children}</span>;\n    }\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <label data-tid={ToggleDataTids.root} className={labelClassNames}>\n          <div\n            className={cx(this.getButtonSizeClassName(), {\n              [styles.button(this.theme)]: true,\n              [styles.buttonRight()]: captionPosition === 'left',\n              [styles.isWarning(this.theme)]: !!warning,\n              [styles.isError(this.theme)]: !!error,\n              [styles.focused(this.theme)]: !disabled && !!this.state.focusByTab,\n            })}\n          >\n            <FocusControlWrapper onBlurWhenDisabled={this.resetFocus}>\n              <input\n                type=\"checkbox\"\n                checked={checked}\n                onChange={this.handleChange}\n                className={cx(this.getInputSizeClassName(), styles.input(this.theme))}\n                onFocus={this.handleFocus}\n                onBlur={this.handleBlur}\n                ref={this.inputRef}\n                disabled={disabled}\n                id={id}\n                name={name}\n                role=\"switch\"\n                aria-label={ariaLabel}\n                aria-describedby={ariaDescribedby}\n              />\n            </FocusControlWrapper>\n            <div className={containerClassNames} />\n            <div\n              className={cx(this.getHandleSizeClassName(), globalClasses.handle, {\n                [styles.handle(this.theme)]: true,\n                [styles.handleDisabled(this.theme)]: disabled,\n              })}\n            />\n          </div>\n          {caption}\n        </label>\n      </CommonWrapper>\n    );\n  }\n\n  private inputRef = (element: HTMLInputElement) => {\n    this.input = element;\n  };\n\n  private handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    if (this.props.onValueChange) {\n      this.props.onValueChange(event.target.checked);\n    }\n\n    if (this.isUncontrolled()) {\n      this.setState({\n        checked: event.target.checked,\n      });\n    }\n\n    if (this.props.onChange) {\n      this.props.onChange(event);\n    }\n  };\n\n  private handleFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n    if (this.props.onFocus) {\n      this.props.onFocus(event);\n    }\n\n    if (keyListener.isTabPressed) {\n      this.setState({ focusByTab: true });\n    }\n  };\n\n  private resetFocus = () => this.setState({ focusByTab: false });\n\n  private handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n    this.resetFocus();\n    this.props.onBlur?.(event);\n  };\n\n  private isUncontrolled() {\n    return this.props.checked === undefined;\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","keyListener","ThemeContext","CommonWrapper","cx","rootNode","createPropsGetter","isTestEnv","FocusControlWrapper","withSize","styles","globalClasses","ToggleDataTids","root","Toggle","_class","_Toggle","_React$Component","props","_this","_classCallCheck","_callSuper","getProps","defaultProps","input","focus","isTabPressed","inputRef","element","handleChange","event","onValueChange","target","checked","isUncontrolled","setState","onChange","handleFocus","onFocus","focusByTab","resetFocus","handleBlur","_this$props$onBlur","_this$props","onBlur","call","state","defaultChecked","_inherits","_createClass","key","value","componentDidMount","autoFocus","render","_this2","createElement","Consumer","theme","renderMain","getContainerSizeClassName","size","containerLarge","containerMedium","containerSmall","getHandleSizeClassName","handleLarge","handleMedium","handleSmall","getButtonSizeClassName","buttonLarge","buttonMedium","buttonSmall","getRootSizeClassName","rootLarge","rootMedium","rootSmall","getInputSizeClassName","inputLarge","inputMedium","inputSmall","getCaptionSizeClassName","captionLarge","captionMedium","captionSmall","_this$props2","children","warning","error","id","name","ariaDescribedby","ariaLabel","_this$getProps","loading","captionPosition","disableAnimations","disabled","containerClassNames","_defineProperty","container","containerDisabled","containerLoading","labelClassNames","rootLeft","disableAnimation","caption","captionClass","captionLeft","disabledCaption","className","_extends","rootNodeRef","setRootNode","button","buttonRight","isWarning","isError","focused","onBlurWhenDisabled","type","ref","role","handle","handleDisabled","undefined","Component","__KONTUR_REACT_UI__","displayName"],"sources":["Toggle.tsx"],"sourcesContent":["import React from 'react';\nimport type { AriaAttributes, InputHTMLAttributes } from 'react';\n\nimport { keyListener } from '../../lib/events/keyListener';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport type { SizeProp } from '../../lib/types/props';\nimport { FocusControlWrapper } from '../../internal/FocusControlWrapper';\nimport { withSize } from '../../lib/size/SizeDecorator';\n\nimport { styles, globalClasses } from './Toggle.styles';\n\nexport interface ToggleProps\n  extends Pick<AriaAttributes, 'aria-label' | 'aria-describedby'>,\n    Pick<InputHTMLAttributes<HTMLInputElement>, 'id' | 'name'>,\n    CommonProps {\n  /** @ignore */\n  children?: React.ReactNode;\n\n  /** Расположение названия относительно переключателя.\n   * @default 'right' */\n  captionPosition?: 'left' | 'right';\n\n  /** Включает тогл.\n   * @default false */\n  checked?: boolean;\n\n  /** Делает тогл включенным по умолчанию. Не работает, если задан проп `checked`. */\n  defaultChecked?: boolean;\n\n  /** Блокирует тогл. */\n  disabled?: boolean;\n\n  /** Событие изменения значения. */\n  onValueChange?: (value: boolean) => void;\n\n  /** Событие клика на тогл. */\n  onChange?: React.ChangeEventHandler<HTMLInputElement>;\n\n  /** Переводит тогл в состояние предупреждения.\n   * @default false */\n  warning?: boolean;\n\n  /** Переводит тогл в состояние ошибки.\n   * @default false */\n  error?: boolean;\n\n  /** Переводит тогл в состояние загрузки: добавляет стили для состояния `loading` и отключает тогл.*/\n  loading?: boolean;\n\n  /** Устанавливает фокус на тогл после окончания загрузки страницы.\n   * @default false */\n  autoFocus?: boolean;\n\n  /** Размер тогла. */\n  size?: SizeProp;\n\n  /** Событие получения тоглом фокуса.*/\n  onFocus?: React.FocusEventHandler<HTMLInputElement>;\n\n  /** Событие потери тоглом фокуса. */\n  onBlur?: React.FocusEventHandler<HTMLInputElement>;\n\n  /** Отключает анимацию. */\n  disableAnimations?: boolean;\n}\n\nexport interface ToggleState {\n  checked?: boolean;\n  focusByTab?: boolean;\n}\n\nexport const ToggleDataTids = {\n  root: 'Toggle__root',\n} as const;\n\ntype DefaultProps = Required<Pick<ToggleProps, 'disabled' | 'loading' | 'captionPosition' | 'disableAnimations'>>;\n\n/**\n * Тогл переключает состояния. Например, включает или отключает уведомления в настройках.\n * Состоит из надписи и переключателя.\n */\n@rootNode\n@withSize\nexport class Toggle extends React.Component<ToggleProps, ToggleState> {\n  public static __KONTUR_REACT_UI__ = 'Toggle';\n  public static displayName = 'Toggle';\n\n  public static defaultProps: DefaultProps = {\n    disabled: false,\n    loading: false,\n    captionPosition: 'right',\n    disableAnimations: isTestEnv,\n  };\n  private size!: SizeProp;\n\n  private getProps = createPropsGetter(Toggle.defaultProps);\n\n  private theme!: Theme;\n  private input: HTMLInputElement | null = null;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  constructor(props: ToggleProps) {\n    super(props);\n\n    this.state = {\n      focusByTab: false,\n      checked: props.defaultChecked,\n    };\n  }\n\n  public componentDidMount() {\n    if (this.props.autoFocus) {\n      keyListener.isTabPressed = true;\n      this.focus();\n    }\n  }\n\n  /**\n   * @public\n   */\n  public focus = () => {\n    if (this.input) {\n      keyListener.isTabPressed = true;\n      this.input.focus();\n    }\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 getContainerSizeClassName() {\n    switch (this.size) {\n      case 'large':\n        return styles.containerLarge(this.theme);\n      case 'medium':\n        return styles.containerMedium(this.theme);\n      case 'small':\n      default:\n        return styles.containerSmall(this.theme);\n    }\n  }\n\n  private getHandleSizeClassName() {\n    switch (this.size) {\n      case 'large':\n        return styles.handleLarge(this.theme);\n      case 'medium':\n        return styles.handleMedium(this.theme);\n      case 'small':\n      default:\n        return styles.handleSmall(this.theme);\n    }\n  }\n\n  private getButtonSizeClassName() {\n    switch (this.size) {\n      case 'large':\n        return styles.buttonLarge(this.theme);\n      case 'medium':\n        return styles.buttonMedium(this.theme);\n      case 'small':\n      default:\n        return styles.buttonSmall(this.theme);\n    }\n  }\n\n  private getRootSizeClassName() {\n    switch (this.size) {\n      case 'large':\n        return styles.rootLarge(this.theme);\n      case 'medium':\n        return styles.rootMedium(this.theme);\n      case 'small':\n      default:\n        return styles.rootSmall(this.theme);\n    }\n  }\n\n  private getInputSizeClassName() {\n    switch (this.size) {\n      case 'large':\n        return styles.inputLarge(this.theme);\n      case 'medium':\n        return styles.inputMedium(this.theme);\n      case 'small':\n      default:\n        return styles.inputSmall(this.theme);\n    }\n  }\n\n  private getCaptionSizeClassName() {\n    switch (this.size) {\n      case 'large':\n        return styles.captionLarge(this.theme);\n      case 'medium':\n        return styles.captionMedium(this.theme);\n      case 'small':\n      default:\n        return styles.captionSmall(this.theme);\n    }\n  }\n\n  private renderMain() {\n    const {\n      children,\n      warning,\n      error,\n      id,\n      name,\n      'aria-describedby': ariaDescribedby,\n      'aria-label': ariaLabel,\n    } = this.props;\n    const { loading, captionPosition, disableAnimations } = this.getProps();\n    const disabled = this.getProps().disabled || loading;\n    const checked = this.isUncontrolled() ? this.state.checked : this.props.checked;\n\n    const containerClassNames = cx(this.getContainerSizeClassName(), {\n      [styles.container(this.theme)]: true,\n      [styles.containerDisabled(this.theme)]: !!disabled,\n      [globalClasses.container]: true,\n      [globalClasses.containerDisabled]: !!disabled,\n      [globalClasses.containerLoading]: loading,\n    });\n\n    const labelClassNames = cx(this.getRootSizeClassName(), {\n      [styles.root(this.theme)]: true,\n      [styles.rootLeft()]: captionPosition === 'left',\n      [styles.disabled()]: !!disabled,\n      [globalClasses.disabled]: !!disabled,\n      [styles.disableAnimation()]: disableAnimations,\n    });\n\n    let caption = null;\n    if (children) {\n      const captionClass = cx(this.getCaptionSizeClassName(), {\n        [styles.caption(this.theme)]: true,\n        [styles.captionLeft(this.theme)]: captionPosition === 'left',\n        [styles.disabledCaption(this.theme)]: !!disabled,\n      });\n      caption = <span className={captionClass}>{children}</span>;\n    }\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <label data-tid={ToggleDataTids.root} className={labelClassNames}>\n          <div\n            className={cx(this.getButtonSizeClassName(), {\n              [styles.button(this.theme)]: true,\n              [styles.buttonRight()]: captionPosition === 'left',\n              [styles.isWarning(this.theme)]: !!warning,\n              [styles.isError(this.theme)]: !!error,\n              [styles.focused(this.theme)]: !disabled && !!this.state.focusByTab,\n            })}\n          >\n            <FocusControlWrapper onBlurWhenDisabled={this.resetFocus}>\n              <input\n                type=\"checkbox\"\n                checked={checked}\n                onChange={this.handleChange}\n                className={cx(this.getInputSizeClassName(), styles.input(this.theme))}\n                onFocus={this.handleFocus}\n                onBlur={this.handleBlur}\n                ref={this.inputRef}\n                disabled={disabled}\n                id={id}\n                name={name}\n                role=\"switch\"\n                aria-label={ariaLabel}\n                aria-describedby={ariaDescribedby}\n              />\n            </FocusControlWrapper>\n            <div className={containerClassNames} />\n            <div\n              className={cx(this.getHandleSizeClassName(), globalClasses.handle, {\n                [styles.handle(this.theme)]: true,\n                [styles.handleDisabled(this.theme)]: disabled,\n              })}\n            />\n          </div>\n          {caption}\n        </label>\n      </CommonWrapper>\n    );\n  }\n\n  private inputRef = (element: HTMLInputElement) => {\n    this.input = element;\n  };\n\n  private handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    if (this.props.onValueChange) {\n      this.props.onValueChange(event.target.checked);\n    }\n\n    if (this.isUncontrolled()) {\n      this.setState({\n        checked: event.target.checked,\n      });\n    }\n\n    if (this.props.onChange) {\n      this.props.onChange(event);\n    }\n  };\n\n  private handleFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n    if (this.props.onFocus) {\n      this.props.onFocus(event);\n    }\n\n    if (keyListener.isTabPressed) {\n      this.setState({ focusByTab: true });\n    }\n  };\n\n  private resetFocus = () => this.setState({ focusByTab: false });\n\n  private handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n    this.resetFocus();\n    this.props.onBlur?.(event);\n  };\n\n  private isUncontrolled() {\n    return this.props.checked === undefined;\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/Toggle/Toggle.mixins/Toggle.mixins.js

@@ -1,28 +1,28 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
 import { css } from "../../../lib/theming/Emotion";
 import { isChrome } from "../../../lib/client";
 import { globalClasses } from "../Toggle.styles";
 export var toggleSizeMixin = function toggleSizeMixin(fontSize, toggleHeight, toggleWidth) {
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n    line-height: ", ";\n    font-size: ", ";\n\n    &::before {\n      width: ", ";\n    }\n  "])), toggleHeight, fontSize, toggleWidth);
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    line-height: ", ";\n    font-size: ", ";\n\n    &::before {\n      width: ", ";\n    }\n  "])), toggleHeight, fontSize, toggleWidth);
 };
 export var buttonSizeMixin = function buttonSizeMixin(labGrotesqueBaselineCompensation, fontSize, toggleHeight, toggleWidth, toggleBorderRadius, toggleButtonOffsetY) {
   var labGrotesqueCompenstation = parseInt(labGrotesqueBaselineCompensation);
   var buttonFontSize = parseInt(fontSize);
   var baselineCompensation = buttonFontSize <= 16 && isChrome ? -labGrotesqueCompenstation : 0;
-  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n    height: ", ";\n    width: ", ";\n    flex: 1 0 ", ";\n\n    border-radius: ", ";\n    line-height: ", ";\n\n    margin-top: calc(", " + ", "px);\n  "])), toggleHeight, toggleWidth, toggleWidth, toggleBorderRadius, toggleHeight, toggleButtonOffsetY, baselineCompensation);
+  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    height: ", ";\n    width: ", ";\n    flex: 1 0 ", ";\n\n    border-radius: ", ";\n    line-height: ", ";\n\n    margin-top: calc(", " + ", "px);\n  "])), toggleHeight, toggleWidth, toggleWidth, toggleBorderRadius, toggleHeight, toggleButtonOffsetY, baselineCompensation);
 };
 export var captionSizeMixin = function captionSizeMixin(fontSize, toggleHeight) {
-  return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n    line-height: ", ";\n    font-size: ", ";\n  "])), toggleHeight, fontSize);
+  return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    line-height: ", ";\n    font-size: ", ";\n  "])), toggleHeight, fontSize);
 };
 export var handleMixin = function handleMixin(toggleHandleSize, toggleHandleBorderRadius) {
-  return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n    border-radius: ", ";\n    height: ", ";\n    width: ", ";\n  "])), toggleHandleBorderRadius, toggleHandleSize, toggleHandleSize);
+  return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    border-radius: ", ";\n    height: ", ";\n    width: ", ";\n  "])), toggleHandleBorderRadius, toggleHandleSize, toggleHandleSize);
 };
 export var containerSizeMixin = function containerSizeMixin(toggleBorderRadius) {
-  return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n    border-radius: ", ";\n  "])), toggleBorderRadius);
+  return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    border-radius: ", ";\n  "])), toggleBorderRadius);
 };
 export var inputSizeMixin = function inputSizeMixin(toggleHeight, toggleWidth) {
   var handleWidthWithBorders = toggleHeight;
   var height = parseInt(toggleHeight);
-  return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n    &:checked ~ .", " .", " {\n      border-radius: ", "px 0 0 ", "px;\n    }\n    &:checked ~ .", " {\n      transform: translateX(", ") translateX(-", ");\n    }\n  "])), globalClasses.containerDisabled, globalClasses.background, height * 0.5, height * 0.5, globalClasses.handle, toggleWidth, handleWidthWithBorders);
+  return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    &:checked ~ .", " .", " {\n      border-radius: ", "px 0 0 ", "px;\n    }\n    &:checked ~ .", " {\n      transform: translateX(", ") translateX(-", ");\n    }\n  "])), globalClasses.containerDisabled, globalClasses.background, height * 0.5, height * 0.5, globalClasses.handle, toggleWidth, handleWidthWithBorders);
 };