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

package/cjs/components/Toast/ToastView.js

@@ -1,7 +1,6 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.ToastView = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
 var _react = _interopRequireDefault(require("react"));
 
-
 var _decorators = require("../../lib/locale/decorators");
 
 var _ZIndex = require("../../internal/ZIndex");
@@ -12,7 +11,7 @@ var _CommonWrapper = require("../../internal/CommonWrapper");
 
 var _rootNode = require("../../lib/rootNode");
 var _CloseButtonIcon = require("../../internal/CloseButtonIcon/CloseButtonIcon");
-var _renderEnvironment = require("../../lib/renderEnvironment");
+var _Emotion = require("../../lib/theming/Emotion");
 
 var _ToastView2 = require("./ToastView.styles");
 
@@ -37,13 +36,7 @@ var _locale = require("./locale");var _dec, _class;var
 
 
 
-
-ToastView = exports.ToastView = (_dec = (0, _decorators.locale)('Toast', _locale.ToastLocaleHelper), (0, _renderEnvironment.withRenderEnvironment)(_class = (0, _rootNode.rootNode)(_class = _dec(_class = /*#__PURE__*/function (_React$Component) {function ToastView() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
-
-
-
-
-
+ToastView = exports.ToastView = (_dec = (0, _decorators.locale)('Toast', _locale.ToastLocaleHelper), (0, _rootNode.rootNode)(_class = _dec(_class = /*#__PURE__*/function (_React$Component) {function ToastView() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
 
 
 
@@ -69,8 +62,8 @@ ToastView = exports.ToastView = (_dec = (0, _decorators.locale)('Toast', _locale
       { hover: _this.theme.toastCloseHoverColor, default: _this.theme.toastCloseColor };
 
       var toastActionColorsClassName =
-      use === 'error' ? _this.styles.toastActionErrorColor(_this.theme) : _this.styles.toastActionDefaultColor(_this.theme);
-      var toastActionClassNames = _this.cx(_this.styles.link(_this.theme), toastActionColorsClassName);
+      use === 'error' ? _ToastView2.styles.toastActionErrorColor(_this.theme) : _ToastView2.styles.toastActionDefaultColor(_this.theme);
+      var toastActionClassNames = (0, _Emotion.cx)(_ToastView2.styles.link(_this.theme), toastActionColorsClassName);
 
       var link = action ? /*#__PURE__*/
       _react.default.createElement("button", {
@@ -85,7 +78,7 @@ ToastView = exports.ToastView = (_dec = (0, _decorators.locale)('Toast', _locale
 
       var close =
       action || showCloseIcon ? /*#__PURE__*/
-      _react.default.createElement("span", { className: _this.styles.closeWrapper(_this.theme) }, /*#__PURE__*/
+      _react.default.createElement("span", { className: _ToastView2.styles.closeWrapper(_this.theme) }, /*#__PURE__*/
       _react.default.createElement(_CloseButtonIcon.CloseButtonIcon, {
         "aria-label": _this.locale.closeButtonAriaLabel,
         "data-tid": _Toast.ToastDataTids.close,
@@ -99,11 +92,11 @@ ToastView = exports.ToastView = (_dec = (0, _decorators.locale)('Toast', _locale
       ) :
       null;
 
-      var rootClassName = _this.cx(_this.styles.root(_this.theme), _this.styles[use != null ? use : 'default'](_this.theme));
+      var rootClassName = (0, _Emotion.cx)(_ToastView2.styles.root(_this.theme), _ToastView2.styles[use != null ? use : 'default'](_this.theme));
 
       return /*#__PURE__*/(
         _react.default.createElement(_CommonWrapper.CommonWrapper, _this.props, /*#__PURE__*/
-        _react.default.createElement(_ZIndex.ZIndex, { priority: "Toast", className: _this.styles.wrapper(_this.theme) }, /*#__PURE__*/
+        _react.default.createElement(_ZIndex.ZIndex, { priority: "Toast", className: _ToastView2.styles.wrapper(_this.theme) }, /*#__PURE__*/
         _react.default.createElement("div", {
           "data-tid": _Toast.ToastDataTids.toastView,
           className: rootClassName,
@@ -118,4 +111,4 @@ ToastView = exports.ToastView = (_dec = (0, _decorators.locale)('Toast', _locale
         )
         ));
 
-    };return _this;}(0, _inheritsLoose2.default)(ToastView, _React$Component);var _proto = ToastView.prototype;_proto.render = function render() {var _this2 = this;this.styles = (0, _ToastView2.getStyles)(this.emotion);return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};return ToastView;}(_react.default.Component)) || _class) || _class) || _class);
+    };return _this;}(0, _inheritsLoose2.default)(ToastView, _React$Component);var _proto = ToastView.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};return ToastView;}(_react.default.Component)) || _class) || _class);

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_decorators","_ZIndex","_ThemeContext","_CommonWrapper","_rootNode","_CloseButtonIcon","_renderEnvironment","_ToastView2","_Toast","_locale","_dec","_class","ToastView","exports","locale","ToastLocaleHelper","withRenderEnvironment","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","renderMain","_this$props","props","action","showCloseIcon","onClose","onMouseEnter","onMouseLeave","use","toastCloseColors","hover","theme","toastCloseHoverColorError","default","toastCloseColorError","toastCloseHoverColor","toastCloseColor","toastActionColorsClassName","styles","toastActionErrorColor","toastActionDefaultColor","toastActionClassNames","cx","link","createElement","ToastDataTids","className","onClick","handler","label","close","closeWrapper","CloseButtonIcon","closeButtonAriaLabel","size","parseInt","toastCloseSize","side","color","colorHover","tabbable","rootClassName","root","CommonWrapper","ZIndex","priority","wrapper","toastView","ref","setRootNode","children","_inheritsLoose2","_proto","prototype","render","_this2","getStyles","emotion","ThemeContext","Consumer","React","Component"],"sources":["ToastView.tsx"],"sourcesContent":["import type { AriaAttributes } from 'react';\nimport React from 'react';\nimport type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { locale } from '../../lib/locale/decorators';\nimport type { Nullable } from '../../typings/utility-types';\nimport { ZIndex } from '../../internal/ZIndex';\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 type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { CloseButtonIcon } from '../../internal/CloseButtonIcon/CloseButtonIcon';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment';\n\nimport { getStyles } from './ToastView.styles';\nimport type { Action, ToastUse } from './Toast';\nimport { ToastDataTids } from './Toast';\nimport type { ToastLocale } from './locale';\nimport { ToastLocaleHelper } from './locale';\n\nexport interface ToastViewProps extends Pick<AriaAttributes, 'aria-label'>, CommonProps {\n  /** Задает контент тоста. */\n  children?: React.ReactNode;\n  /** Добавляет возможность действия и кнопку закрытия у тоста. */\n  action?: Nullable<Action>;\n  showCloseIcon?: boolean;\n  onClose?: () => void;\n  onMouseEnter?: () => void;\n  onMouseLeave?: () => void;\n  /**\n   * Задаёт стили для отображения тоста в зависимости от назначения.\n   **/\n  use?: ToastUse;\n}\n\n@withRenderEnvironment\n@rootNode\n@locale('Toast', ToastLocaleHelper)\nexport class ToastView extends React.Component<ToastViewProps> {\n  private styles!: ReturnType<typeof getStyles>;\n  private emotion!: Emotion;\n  private cx!: Emotion['cx'];\n  private theme!: Theme;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n  private readonly locale!: ToastLocale;\n\n  public render(): React.JSX.Element {\n    this.styles = getStyles(this.emotion);\n\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain = () => {\n    const { action, showCloseIcon, onClose, onMouseEnter, onMouseLeave, use } = this.props;\n\n    const toastCloseColors =\n      use === 'error'\n        ? { hover: this.theme.toastCloseHoverColorError, default: this.theme.toastCloseColorError }\n        : { hover: this.theme.toastCloseHoverColor, default: this.theme.toastCloseColor };\n\n    const toastActionColorsClassName =\n      use === 'error' ? this.styles.toastActionErrorColor(this.theme) : this.styles.toastActionDefaultColor(this.theme);\n    const toastActionClassNames = this.cx(this.styles.link(this.theme), toastActionColorsClassName);\n\n    const link = action ? (\n      <button\n        aria-label={action['aria-label']}\n        data-tid={ToastDataTids.action}\n        className={toastActionClassNames}\n        onClick={action.handler}\n      >\n        {action.label}\n      </button>\n    ) : null;\n\n    const close =\n      action || showCloseIcon ? (\n        <span className={this.styles.closeWrapper(this.theme)}>\n          <CloseButtonIcon\n            aria-label={this.locale.closeButtonAriaLabel}\n            data-tid={ToastDataTids.close}\n            onClick={onClose}\n            size={parseInt(this.theme.toastCloseSize)}\n            side={40}\n            color={toastCloseColors.default}\n            colorHover={toastCloseColors.hover}\n            tabbable={false}\n          />\n        </span>\n      ) : null;\n\n    const rootClassName = this.cx(this.styles.root(this.theme), this.styles[use ?? 'default'](this.theme));\n\n    return (\n      <CommonWrapper {...this.props}>\n        <ZIndex priority=\"Toast\" className={this.styles.wrapper(this.theme)}>\n          <div\n            data-tid={ToastDataTids.toastView}\n            className={rootClassName}\n            ref={this.setRootNode}\n            onMouseEnter={onMouseEnter}\n            onMouseLeave={onMouseLeave}\n          >\n            <span>{this.props.children}</span>\n            {link}\n            {close}\n          </div>\n        </ZIndex>\n      </CommonWrapper>\n    );\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_decorators","_ZIndex","_ThemeContext","_CommonWrapper","_rootNode","_CloseButtonIcon","_Emotion","_ToastView2","_Toast","_locale","_dec","_class","ToastView","exports","locale","ToastLocaleHelper","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","renderMain","_this$props","props","action","showCloseIcon","onClose","onMouseEnter","onMouseLeave","use","toastCloseColors","hover","theme","toastCloseHoverColorError","default","toastCloseColorError","toastCloseHoverColor","toastCloseColor","toastActionColorsClassName","styles","toastActionErrorColor","toastActionDefaultColor","toastActionClassNames","cx","link","createElement","ToastDataTids","className","onClick","handler","label","close","closeWrapper","CloseButtonIcon","closeButtonAriaLabel","size","parseInt","toastCloseSize","side","color","colorHover","tabbable","rootClassName","root","CommonWrapper","ZIndex","priority","wrapper","toastView","ref","setRootNode","children","_inheritsLoose2","_proto","prototype","render","_this2","ThemeContext","Consumer","React","Component"],"sources":["ToastView.tsx"],"sourcesContent":["import type { AriaAttributes } from 'react';\nimport React from 'react';\n\nimport { locale } from '../../lib/locale/decorators';\nimport type { Nullable } from '../../typings/utility-types';\nimport { ZIndex } from '../../internal/ZIndex';\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 type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { CloseButtonIcon } from '../../internal/CloseButtonIcon/CloseButtonIcon';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { styles } from './ToastView.styles';\nimport type { Action, ToastUse } from './Toast';\nimport { ToastDataTids } from './Toast';\nimport type { ToastLocale } from './locale';\nimport { ToastLocaleHelper } from './locale';\n\nexport interface ToastViewProps extends Pick<AriaAttributes, 'aria-label'>, CommonProps {\n  /** Задает контент тоста. */\n  children?: React.ReactNode;\n  /** Добавляет возможность действия и кнопку закрытия у тоста. */\n  action?: Nullable<Action>;\n  showCloseIcon?: boolean;\n  onClose?: () => void;\n  onMouseEnter?: () => void;\n  onMouseLeave?: () => void;\n  /**\n   * Задаёт стили для отображения тоста в зависимости от назначения.\n   **/\n  use?: ToastUse;\n}\n\n@rootNode\n@locale('Toast', ToastLocaleHelper)\nexport class ToastView extends React.Component<ToastViewProps> {\n  private theme!: Theme;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n  private readonly locale!: ToastLocale;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain = () => {\n    const { action, showCloseIcon, onClose, onMouseEnter, onMouseLeave, use } = this.props;\n\n    const toastCloseColors =\n      use === 'error'\n        ? { hover: this.theme.toastCloseHoverColorError, default: this.theme.toastCloseColorError }\n        : { hover: this.theme.toastCloseHoverColor, default: this.theme.toastCloseColor };\n\n    const toastActionColorsClassName =\n      use === 'error' ? styles.toastActionErrorColor(this.theme) : styles.toastActionDefaultColor(this.theme);\n    const toastActionClassNames = cx(styles.link(this.theme), toastActionColorsClassName);\n\n    const link = action ? (\n      <button\n        aria-label={action['aria-label']}\n        data-tid={ToastDataTids.action}\n        className={toastActionClassNames}\n        onClick={action.handler}\n      >\n        {action.label}\n      </button>\n    ) : null;\n\n    const close =\n      action || showCloseIcon ? (\n        <span className={styles.closeWrapper(this.theme)}>\n          <CloseButtonIcon\n            aria-label={this.locale.closeButtonAriaLabel}\n            data-tid={ToastDataTids.close}\n            onClick={onClose}\n            size={parseInt(this.theme.toastCloseSize)}\n            side={40}\n            color={toastCloseColors.default}\n            colorHover={toastCloseColors.hover}\n            tabbable={false}\n          />\n        </span>\n      ) : null;\n\n    const rootClassName = cx(styles.root(this.theme), styles[use ?? 'default'](this.theme));\n\n    return (\n      <CommonWrapper {...this.props}>\n        <ZIndex priority=\"Toast\" className={styles.wrapper(this.theme)}>\n          <div\n            data-tid={ToastDataTids.toastView}\n            className={rootClassName}\n            ref={this.setRootNode}\n            onMouseEnter={onMouseEnter}\n            onMouseLeave={onMouseLeave}\n          >\n            <span>{this.props.children}</span>\n            {link}\n            {close}\n          </div>\n        </ZIndex>\n      </CommonWrapper>\n    );\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/Toast/ToastView.styles.d.ts

@@ -1,5 +1,5 @@
 import type { Theme } from '../../lib/theming/Theme';
-export declare const getStyles: import("../../lib/theming/Emotion").StylesGetter<{
+export declare const styles: {
     root(t: Theme): string;
     default(t: Theme): string;
     error(t: Theme): string;
@@ -8,4 +8,4 @@ export declare const getStyles: import("../../lib/theming/Emotion").StylesGetter
     link(t: Theme): string;
     toastActionErrorColor(t: Theme): string;
     toastActionDefaultColor(t: Theme): string;
-}>;
+};

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

@@ -1,6 +1,4 @@
-"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 _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
+"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");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
 
 
 var getVerticalPaddings = function getVerticalPaddings(theme) {
@@ -10,110 +8,103 @@ var getVerticalPaddings = function getVerticalPaddings(theme) {
   return [paddingY + "px", paddingY + "px"];
 };
 
-var getStyles = exports.getStyles = (0, _Emotion.memoizeGetStyles)(function (_ref) {var css = _ref.css;return {
-    root: function root(t) {
-      var _getVerticalPaddings = getVerticalPaddings(t),paddingTop = _getVerticalPaddings[0],paddingBottom = _getVerticalPaddings[1];
-      return css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\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,
+var styles = exports.styles = (0, _Emotion.memoizeStyle)({
+  root: function root(t) {
+    var _getVerticalPaddings = getVerticalPaddings(t),paddingTop = _getVerticalPaddings[0],paddingBottom = _getVerticalPaddings[1];
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\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.toastTop);
+    t.toastFontSize,
+    t.toastLineHeight,
 
-    },
+    paddingTop, t.toastPaddingX, paddingBottom,
 
-    default: function _default(t) {
-      return css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      color: ", ";\n    "])),
-      t.toastBg,
-      t.toastColor);
+    t.toastTop);
 
-    },
+  },
 
-    error: function error(t) {
-      return css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      color: ", ";\n    "])),
-      t.toastErrorBg,
-      t.toastColorError);
+  default: function _default(t) {
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      color: ", ";\n    "])),
+    t.toastBg,
+    t.toastColor);
 
-    },
+  },
 
-    wrapper: function wrapper(t) {
-      return css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: fixed;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 0;\n      text-align: center;\n      border-radius: ", ";\n    "])),
+  error: function error(t) {
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      color: ", ";\n    "])),
+    t.toastErrorBg,
+    t.toastColorError);
 
+  },
 
+  wrapper: function wrapper(t) {
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\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 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: flex;\n      margin: -", " -", " -", " 0;\n    "])),
+    t.toastBorderRadius);
 
-      paddingTop, t.toastPaddingX, paddingBottom);
+  },
 
-    },
+  closeWrapper: function closeWrapper(t) {
+    var _getVerticalPaddings2 = getVerticalPaddings(t),paddingTop = _getVerticalPaddings2[0],paddingBottom = _getVerticalPaddings2[1];
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: flex;\n      margin: -", " -", " -", " 0;\n    "])),
 
-    link: function link(t) {
-      var _getVerticalPaddings3 = getVerticalPaddings(t),paddingTop = _getVerticalPaddings3[0],paddingBottom = _getVerticalPaddings3[1];
-      var padding = paddingTop + " " + t.toastLinkPadding;
+    paddingTop, t.toastPaddingX, paddingBottom);
 
-      return css(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: none;\n      font: inherit;\n      color: ", ";\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      &:hover {\n        background: ", ";\n        text-decoration: ", ";\n      }\n      padding: ", ";\n      transition: background ", " ", ";\n    "])),
+  },
 
+  link: function link(t) {
+    var _getVerticalPaddings3 = getVerticalPaddings(t),paddingTop = _getVerticalPaddings3[0],paddingBottom = _getVerticalPaddings3[1];
+    var padding = paddingTop + " " + t.toastLinkPadding;
 
-      t.toastLinkColor,
+    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\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,
 
-      t.toastLinkBgHover,
-      t.toastLinkTextDecorationHover,
+    paddingTop, paddingBottom, t.toastPaddingX,
 
-      padding,
-      t.transitionDuration, t.transitionTimingFunction);
+    padding,
+    t.transitionDuration, t.transitionTimingFunction);
 
-    },
+  },
 
-    toastActionErrorColor: function toastActionErrorColor(t) {
-      return css(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n\n      &:hover {\n        background: ", ";\n        text-decoration: ", ";\n      }\n\n      &:active {\n        background: ", ";\n        color: ", ";\n      }\n    "])),
-      t.toastLinkColorError,
+  toastActionErrorColor: function toastActionErrorColor(t) {
+    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\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.toastLinkBgHoverError,
+    t.toastLinkTextDecorationHover,
 
 
 
-      t.toastLinkBgActiveError,
-      t.toastLinkColorActiveError);
+    t.toastLinkBgActiveError,
+    t.toastLinkColorActiveError);
 
 
-    },
+  },
 
-    toastActionDefaultColor: function toastActionDefaultColor(t) {
-      return css(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n\n      &:hover {\n        background: ", ";\n        text-decoration: ", ";\n      }\n\n      &:active {\n        background: ", ";\n      }\n    "])),
-      t.toastLinkColor,
+  toastActionDefaultColor: function toastActionDefaultColor(t) {
+    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\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.toastLinkBgHover,
+    t.toastLinkTextDecorationHover,
 
 
 
-      t.toastLinkBgActive);
+    t.toastLinkBgActive);
 
 
-    }
-  };});
+  }
+});

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

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","getVerticalPaddings","theme","toastPaddingY","paddingY","parseInt","getStyles","exports","memoizeGetStyles","_ref","css","root","t","_getVerticalPaddings","paddingTop","paddingBottom","_taggedTemplateLiteralLoose2","default","toastBorderRadius","toastBorder","toastFontSize","toastLineHeight","toastPaddingX","toastTop","_default","toastBg","toastColor","error","toastErrorBg","toastColorError","wrapper","closeWrapper","_getVerticalPaddings2","link","_getVerticalPaddings3","padding","toastLinkPadding","toastLinkColor","transitionDuration","transitionTimingFunction","toastLinkBgHover","toastLinkTextDecorationHover","toastActionErrorColor","toastLinkColorError","toastLinkBgHoverError","toastLinkBgActiveError","toastLinkColorActiveError","toastActionDefaultColor","toastLinkBgActive"],"sources":["ToastView.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';\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 getStyles = memoizeGetStyles(({ css }: Emotion) => ({\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      color: ${t.toastLinkColor};\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      &:hover {\n        background: ${t.toastLinkBgHover};\n        text-decoration: ${t.toastLinkTextDecorationHover};\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":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","getVerticalPaddings","theme","toastPaddingY","paddingY","parseInt","styles","exports","memoizeStyle","root","t","_getVerticalPaddings","paddingTop","paddingBottom","css","_taggedTemplateLiteralLoose2","default","toastBorderRadius","toastBorder","toastFontSize","toastLineHeight","toastPaddingX","toastTop","_default","toastBg","toastColor","error","toastErrorBg","toastColorError","wrapper","closeWrapper","_getVerticalPaddings2","link","_getVerticalPaddings3","padding","toastLinkPadding","transitionDuration","transitionTimingFunction","toastActionErrorColor","toastLinkColorError","toastLinkBgHoverError","toastLinkTextDecorationHover","toastLinkBgActiveError","toastLinkColorActiveError","toastActionDefaultColor","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/cjs/components/Toggle/Toggle.d.ts

@@ -60,15 +60,10 @@ export declare class Toggle extends React.Component<ToggleProps, ToggleState> {
     static defaultProps: DefaultProps;
     private size;
     private getProps;
-    private styles;
-    private emotion;
-    private cx;
-    private globalObject;
     private theme;
     private input;
     getRootNode: TGetRootNode;
     private setRootNode;
-    private keyListener;
     constructor(props: ToggleProps);
     componentDidMount(): void;
     /**

package/cjs/components/Toggle/Toggle.js

@@ -1,13 +1,12 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.ToggleDataTids = exports.Toggle = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 
 
-
-
 var _keyListener = require("../../lib/events/keyListener");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
 
 
 var _CommonWrapper = require("../../internal/CommonWrapper");
+var _Emotion = require("../../lib/theming/Emotion");
 
 var _rootNode = require("../../lib/rootNode");
 var _createPropsGetter = require("../../lib/createPropsGetter");
@@ -15,7 +14,6 @@ var _currentEnvironment = require("../../lib/currentEnvironment");
 
 var _FocusControlWrapper = require("../../internal/FocusControlWrapper");
 var _SizeDecorator = require("../../lib/size/SizeDecorator");
-var _renderEnvironment = require("../../lib/renderEnvironment");
 
 var _Toggle2 = require("./Toggle.styles");var _class, _Toggle;
 
@@ -93,13 +91,7 @@ var ToggleDataTids = exports.ToggleDataTids = {
  */var
 
 
-
-Toggle = exports.Toggle = (0, _renderEnvironment.withRenderEnvironment)(_class = (0, _rootNode.rootNode)(_class = (0, _SizeDecorator.withSize)(_class = (_Toggle = /*#__PURE__*/function (_React$Component) {
-
-
-
-
-
+Toggle = exports.Toggle = (0, _rootNode.rootNode)(_class = (0, _SizeDecorator.withSize)(_class = (_Toggle = /*#__PURE__*/function (_React$Component) {
 
 
 
@@ -134,13 +126,12 @@ Toggle = exports.Toggle = (0, _renderEnvironment.withRenderEnvironment)(_class =
 
 
 
-
     /**
      * @public
      */_this.
     focus = function () {
       if (_this.input) {
-        _this.keyListener.isTabPressed = true;
+        _keyListener.keyListener.isTabPressed = true;
         _this.input.focus();
       }
     };_this.
@@ -308,8 +299,6 @@ Toggle = exports.Toggle = (0, _renderEnvironment.withRenderEnvironment)(_class =
 
 
 
-
-
 
 
 
@@ -338,7 +327,7 @@ Toggle = exports.Toggle = (0, _renderEnvironment.withRenderEnvironment)(_class =
         _this.props.onFocus(event);
       }
 
-      if (_this.keyListener.isTabPressed) {
+      if (_keyListener.keyListener.isTabPressed) {
         _this.setState({ focusByTab: true });
       }
     };_this.
@@ -348,8 +337,8 @@ Toggle = exports.Toggle = (0, _renderEnvironment.withRenderEnvironment)(_class =
     handleBlur = function (event) {
       _this.resetFocus();
       _this.props.onBlur == null || _this.props.onBlur(event);
-    };_this.state = { focusByTab: false, checked: props.defaultChecked };return _this;}(0, _inheritsLoose2.default)(Toggle, _React$Component);var _proto = Toggle.prototype;_proto.componentDidMount = function componentDidMount() {this.keyListener = new _keyListener.KeyListener(this.globalObject);if (this.props.autoFocus) {this.keyListener.isTabPressed = true;this.focus();}};_proto.render = function render() {var _this2 = this;this.styles = (0, _Toggle2.getStyles)(this.emotion);return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.getContainerSizeClassName = function getContainerSizeClassName() {switch (this.size) {case 'large':return this.styles.containerLarge(this.theme);case 'medium':return this.styles.containerMedium(this.theme);case 'small':default:return this.styles.containerSmall(this.theme);}};_proto.getHandleSizeClassName = function getHandleSizeClassName() {switch (this.size) {case 'large':return this.styles.handleLarge(this.theme);case 'medium':return this.styles.handleMedium(this.theme);case 'small':default:return this.styles.handleSmall(this.theme);}};_proto.getButtonSizeClassName = function getButtonSizeClassName() {switch (this.size) {case 'large':return this.styles.buttonLarge(this.theme);case 'medium':return this.styles.buttonMedium(this.theme);case 'small':default:return this.styles.buttonSmall(this.theme);}};_proto.getRootSizeClassName = function getRootSizeClassName() {switch (this.size) {case 'large':return this.styles.rootLarge(this.theme);case 'medium':return this.styles.rootMedium(this.theme);case 'small':default:return this.styles.rootSmall(this.theme);}};_proto.getInputSizeClassName = function getInputSizeClassName() {switch (this.size) {case 'large':return this.styles.inputLarge(this.theme);case 'medium':return this.styles.inputMedium(this.theme);case 'small':default:return this.styles.inputSmall(this.theme);}};_proto.getCaptionSizeClassName = function getCaptionSizeClassName() {switch (this.size) {case 'large':return this.styles.captionLarge(this.theme);case 'medium':return this.styles.captionMedium(this.theme);case 'small':default:return this.styles.captionSmall(this.theme);}};_proto.renderMain = function renderMain() {var _this$cx, _this$cx2, _this$cx4, _this$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 = this.cx(this.getContainerSizeClassName(), (_this$cx = {}, _this$cx[this.styles.container(this.theme)] = true, _this$cx[this.styles.containerDisabled(this.theme)] = !!disabled, _this$cx[_Toggle2.globalClasses.container] = true, _this$cx[_Toggle2.globalClasses.containerDisabled] = !!disabled, _this$cx[_Toggle2.globalClasses.containerLoading] = loading, _this$cx));var labelClassNames = this.cx(this.getRootSizeClassName(), (_this$cx2 = {}, _this$cx2[this.styles.root(this.theme)] = true, _this$cx2[this.styles.rootLeft()] = captionPosition === 'left', _this$cx2[this.styles.disabled()] = !!disabled, _this$cx2[_Toggle2.globalClasses.disabled] = !!disabled, _this$cx2[this.styles.disableAnimation()] = disableAnimations, _this$cx2));var caption = null;if (children) {var _this$cx3;var captionClass = this.cx(this.getCaptionSizeClassName(), (_this$cx3 = {}, _this$cx3[this.styles.caption(this.theme)] = true, _this$cx3[this.styles.captionLeft(this.theme)] = captionPosition === 'left', _this$cx3[this.styles.disabledCaption(this.theme)] = !!disabled, _this$cx3));caption = /*#__PURE__*/_react.default.createElement("span", { className: captionClass }, children);}return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.createElement("label", { "data-tid": ToggleDataTids.root, className: labelClassNames }, /*#__PURE__*/_react.default.createElement("div", { className: this.cx(this.getButtonSizeClassName(), (_this$cx4 = {}, _this$cx4[this.styles.button(this.theme)] = true, _this$cx4[this.styles.buttonRight()] = captionPosition === 'left', _this$cx4[this.styles.isWarning(this.theme)] = !!warning, _this$cx4[this.styles.isError(this.theme)] = !!error, _this$cx4[this.styles.focused(this.theme)] = !disabled && !!this.state.focusByTab, _this$cx4)) }, /*#__PURE__*/_react.default.createElement(_FocusControlWrapper.FocusControlWrapper, { onBlurWhenDisabled: this.resetFocus }, /*#__PURE__*/_react.default.createElement("input", { type: "checkbox", checked: checked, onChange: this.handleChange, className: this.cx(this.getInputSizeClassName(), this.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.default.createElement("div", { className: containerClassNames }), /*#__PURE__*/_react.default.createElement("div", { className: this.cx(this.getHandleSizeClassName(), _Toggle2.globalClasses.handle, (_this$cx5 = {}, _this$cx5[this.styles.handle(this.theme)] = true, _this$cx5[this.styles.handleDisabled(this.theme)] = disabled, _this$cx5)) })), caption));};_proto.
+    };_this.state = { focusByTab: false, checked: props.defaultChecked };return _this;}(0, _inheritsLoose2.default)(Toggle, _React$Component);var _proto = Toggle.prototype;_proto.componentDidMount = function componentDidMount() {if (this.props.autoFocus) {_keyListener.keyListener.isTabPressed = true;this.focus();}};_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.getContainerSizeClassName = function getContainerSizeClassName() {switch (this.size) {case 'large':return _Toggle2.styles.containerLarge(this.theme);case 'medium':return _Toggle2.styles.containerMedium(this.theme);case 'small':default:return _Toggle2.styles.containerSmall(this.theme);}};_proto.getHandleSizeClassName = function getHandleSizeClassName() {switch (this.size) {case 'large':return _Toggle2.styles.handleLarge(this.theme);case 'medium':return _Toggle2.styles.handleMedium(this.theme);case 'small':default:return _Toggle2.styles.handleSmall(this.theme);}};_proto.getButtonSizeClassName = function getButtonSizeClassName() {switch (this.size) {case 'large':return _Toggle2.styles.buttonLarge(this.theme);case 'medium':return _Toggle2.styles.buttonMedium(this.theme);case 'small':default:return _Toggle2.styles.buttonSmall(this.theme);}};_proto.getRootSizeClassName = function getRootSizeClassName() {switch (this.size) {case 'large':return _Toggle2.styles.rootLarge(this.theme);case 'medium':return _Toggle2.styles.rootMedium(this.theme);case 'small':default:return _Toggle2.styles.rootSmall(this.theme);}};_proto.getInputSizeClassName = function getInputSizeClassName() {switch (this.size) {case 'large':return _Toggle2.styles.inputLarge(this.theme);case 'medium':return _Toggle2.styles.inputMedium(this.theme);case 'small':default:return _Toggle2.styles.inputSmall(this.theme);}};_proto.getCaptionSizeClassName = function getCaptionSizeClassName() {switch (this.size) {case 'large':return _Toggle2.styles.captionLarge(this.theme);case 'medium':return _Toggle2.styles.captionMedium(this.theme);case 'small':default:return _Toggle2.styles.captionSmall(this.theme);}};_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 = (0, _Emotion.cx)(this.getContainerSizeClassName(), (_cx = {}, _cx[_Toggle2.styles.container(this.theme)] = true, _cx[_Toggle2.styles.containerDisabled(this.theme)] = !!disabled, _cx[_Toggle2.globalClasses.container] = true, _cx[_Toggle2.globalClasses.containerDisabled] = !!disabled, _cx[_Toggle2.globalClasses.containerLoading] = loading, _cx));var labelClassNames = (0, _Emotion.cx)(this.getRootSizeClassName(), (_cx2 = {}, _cx2[_Toggle2.styles.root(this.theme)] = true, _cx2[_Toggle2.styles.rootLeft()] = captionPosition === 'left', _cx2[_Toggle2.styles.disabled()] = !!disabled, _cx2[_Toggle2.globalClasses.disabled] = !!disabled, _cx2[_Toggle2.styles.disableAnimation()] = disableAnimations, _cx2));var caption = null;if (children) {var _cx3;var captionClass = (0, _Emotion.cx)(this.getCaptionSizeClassName(), (_cx3 = {}, _cx3[_Toggle2.styles.caption(this.theme)] = true, _cx3[_Toggle2.styles.captionLeft(this.theme)] = captionPosition === 'left', _cx3[_Toggle2.styles.disabledCaption(this.theme)] = !!disabled, _cx3));caption = /*#__PURE__*/_react.default.createElement("span", { className: captionClass }, children);}return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.createElement("label", { "data-tid": ToggleDataTids.root, className: labelClassNames }, /*#__PURE__*/_react.default.createElement("div", { className: (0, _Emotion.cx)(this.getButtonSizeClassName(), (_cx4 = {}, _cx4[_Toggle2.styles.button(this.theme)] = true, _cx4[_Toggle2.styles.buttonRight()] = captionPosition === 'left', _cx4[_Toggle2.styles.isWarning(this.theme)] = !!warning, _cx4[_Toggle2.styles.isError(this.theme)] = !!error, _cx4[_Toggle2.styles.focused(this.theme)] = !disabled && !!this.state.focusByTab, _cx4)) }, /*#__PURE__*/_react.default.createElement(_FocusControlWrapper.FocusControlWrapper, { onBlurWhenDisabled: this.resetFocus }, /*#__PURE__*/_react.default.createElement("input", { type: "checkbox", checked: checked, onChange: this.handleChange, className: (0, _Emotion.cx)(this.getInputSizeClassName(), _Toggle2.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.default.createElement("div", { className: containerClassNames }), /*#__PURE__*/_react.default.createElement("div", { className: (0, _Emotion.cx)(this.getHandleSizeClassName(), _Toggle2.globalClasses.handle, (_cx5 = {}, _cx5[_Toggle2.styles.handle(this.theme)] = true, _cx5[_Toggle2.styles.handleDisabled(this.theme)] = disabled, _cx5)) })), caption));};_proto.
 
   isUncontrolled = function isUncontrolled() {
     return this.props.checked === undefined;
-  };return Toggle;}(_react.default.Component), _Toggle.__KONTUR_REACT_UI__ = 'Toggle', _Toggle.displayName = 'Toggle', _Toggle.defaultProps = { disabled: false, loading: false, captionPosition: 'right', disableAnimations: _currentEnvironment.isTestEnv }, _Toggle)) || _class) || _class) || _class;
+  };return Toggle;}(_react.default.Component), _Toggle.__KONTUR_REACT_UI__ = 'Toggle', _Toggle.displayName = 'Toggle', _Toggle.defaultProps = { disabled: false, loading: false, captionPosition: 'right', disableAnimations: _currentEnvironment.isTestEnv }, _Toggle)) || _class) || _class;

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_keyListener","_ThemeContext","_CommonWrapper","_rootNode","_createPropsGetter","_currentEnvironment","_FocusControlWrapper","_SizeDecorator","_renderEnvironment","_Toggle2","_class","_Toggle","ToggleDataTids","exports","root","Toggle","withRenderEnvironment","rootNode","withSize","_React$Component","props","_this","call","getProps","createPropsGetter","defaultProps","input","focus","keyListener","isTabPressed","inputRef","element","handleChange","event","onValueChange","target","checked","isUncontrolled","setState","onChange","handleFocus","onFocus","focusByTab","resetFocus","handleBlur","onBlur","state","defaultChecked","_inheritsLoose2","default","_proto","prototype","componentDidMount","KeyListener","globalObject","autoFocus","render","_this2","styles","getStyles","emotion","createElement","ThemeContext","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$cx","_this$cx2","_this$cx4","_this$cx5","_this$props","children","warning","error","id","name","ariaDescribedby","ariaLabel","_this$getProps","loading","captionPosition","disableAnimations","disabled","containerClassNames","cx","container","containerDisabled","globalClasses","containerLoading","labelClassNames","rootLeft","disableAnimation","caption","_this$cx3","captionClass","captionLeft","disabledCaption","className","CommonWrapper","_extends2","rootNodeRef","setRootNode","button","buttonRight","isWarning","isError","focused","FocusControlWrapper","onBlurWhenDisabled","type","ref","role","handle","handleDisabled","undefined","React","Component","__KONTUR_REACT_UI__","displayName","isTestEnv"],"sources":["Toggle.tsx"],"sourcesContent":["import React from 'react';\nimport type { AriaAttributes, InputHTMLAttributes } from 'react';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport type { GlobalObject } from '../../lib/globalObject';\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 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';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment';\n\nimport { getStyles, 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  /** Задает положение `children` относительно переключателя.\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 * `Toggle` переключает состояния. Например, включает или отключает уведомления в настройках.\n * `Toggle` представляет из себя надпись + переключатель.\n *\n * `Toggle` нельзя использовать для выбора элементов в списке. Например, выбрать несколько писем.\n */\n@withRenderEnvironment\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 styles!: ReturnType<typeof getStyles>;\n  private emotion!: Emotion;\n  private cx!: Emotion['cx'];\n  private globalObject!: GlobalObject;\n  private theme!: Theme;\n  private input: HTMLInputElement | null = null;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n  private keyListener!: KeyListener;\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    this.keyListener = new KeyListener(this.globalObject);\n    if (this.props.autoFocus) {\n      this.keyListener.isTabPressed = true;\n      this.focus();\n    }\n  }\n\n  /**\n   * @public\n   */\n  public focus = (): void => {\n    if (this.input) {\n      this.keyListener.isTabPressed = true;\n      this.input.focus();\n    }\n  };\n\n  public render(): React.JSX.Element {\n    this.styles = getStyles(this.emotion);\n\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 this.styles.containerLarge(this.theme);\n      case 'medium':\n        return this.styles.containerMedium(this.theme);\n      case 'small':\n      default:\n        return this.styles.containerSmall(this.theme);\n    }\n  }\n\n  private getHandleSizeClassName() {\n    switch (this.size) {\n      case 'large':\n        return this.styles.handleLarge(this.theme);\n      case 'medium':\n        return this.styles.handleMedium(this.theme);\n      case 'small':\n      default:\n        return this.styles.handleSmall(this.theme);\n    }\n  }\n\n  private getButtonSizeClassName() {\n    switch (this.size) {\n      case 'large':\n        return this.styles.buttonLarge(this.theme);\n      case 'medium':\n        return this.styles.buttonMedium(this.theme);\n      case 'small':\n      default:\n        return this.styles.buttonSmall(this.theme);\n    }\n  }\n\n  private getRootSizeClassName() {\n    switch (this.size) {\n      case 'large':\n        return this.styles.rootLarge(this.theme);\n      case 'medium':\n        return this.styles.rootMedium(this.theme);\n      case 'small':\n      default:\n        return this.styles.rootSmall(this.theme);\n    }\n  }\n\n  private getInputSizeClassName() {\n    switch (this.size) {\n      case 'large':\n        return this.styles.inputLarge(this.theme);\n      case 'medium':\n        return this.styles.inputMedium(this.theme);\n      case 'small':\n      default:\n        return this.styles.inputSmall(this.theme);\n    }\n  }\n\n  private getCaptionSizeClassName() {\n    switch (this.size) {\n      case 'large':\n        return this.styles.captionLarge(this.theme);\n      case 'medium':\n        return this.styles.captionMedium(this.theme);\n      case 'small':\n      default:\n        return this.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 = this.cx(this.getContainerSizeClassName(), {\n      [this.styles.container(this.theme)]: true,\n      [this.styles.containerDisabled(this.theme)]: !!disabled,\n      [globalClasses.container]: true,\n      [globalClasses.containerDisabled]: !!disabled,\n      [globalClasses.containerLoading]: loading,\n    });\n\n    const labelClassNames = this.cx(this.getRootSizeClassName(), {\n      [this.styles.root(this.theme)]: true,\n      [this.styles.rootLeft()]: captionPosition === 'left',\n      [this.styles.disabled()]: !!disabled,\n      [globalClasses.disabled]: !!disabled,\n      [this.styles.disableAnimation()]: disableAnimations,\n    });\n\n    let caption = null;\n    if (children) {\n      const captionClass = this.cx(this.getCaptionSizeClassName(), {\n        [this.styles.caption(this.theme)]: true,\n        [this.styles.captionLeft(this.theme)]: captionPosition === 'left',\n        [this.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={this.cx(this.getButtonSizeClassName(), {\n              [this.styles.button(this.theme)]: true,\n              [this.styles.buttonRight()]: captionPosition === 'left',\n              [this.styles.isWarning(this.theme)]: !!warning,\n              [this.styles.isError(this.theme)]: !!error,\n              [this.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={this.cx(this.getInputSizeClassName(), this.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={this.cx(this.getHandleSizeClassName(), globalClasses.handle, {\n                [this.styles.handle(this.theme)]: true,\n                [this.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 (this.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":"qWAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;;;;AAKA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;;;AAGA,IAAAG,cAAA,GAAAH,OAAA;;AAEA,IAAAI,SAAA,GAAAJ,OAAA;AACA,IAAAK,kBAAA,GAAAL,OAAA;AACA,IAAAM,mBAAA,GAAAN,OAAA;;AAEA,IAAAO,oBAAA,GAAAP,OAAA;AACA,IAAAQ,cAAA,GAAAR,OAAA;AACA,IAAAS,kBAAA,GAAAT,OAAA;;AAEA,IAAAU,QAAA,GAAAV,OAAA,oBAA2D,IAAAW,MAAA,EAAAC,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8DpD,IAAMC,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG;EAC5BE,IAAI,EAAE;AACR,CAAU;;;;AAIV;AACA;AACA;AACA;AACA;AACA,GALA;;;;AASaC,MAAM,GAAAF,OAAA,CAAAE,MAAA,OAHlBC,wCAAqB,EAAAN,MAAA,OACrBO,kBAAQ,EAAAP,MAAA,OACRQ,uBAAQ,EAAAR,MAAA,IAAAC,OAAA,0BAAAQ,gBAAA;;;;;;;;;;;;;;;;;;;;;;;;EAyBP,SAAAJ,OAAYK,KAAkB,EAAE,KAAAC,KAAA;IAC9BA,KAAA,GAAAF,gBAAA,CAAAG,IAAA,OAAMF,KAAK,CAAC,SAACC,KAAA,CAbPE,QAAQ,GAAG,IAAAC,oCAAiB,EAACT,MAAM,CAACU,YAAY,CAAC,CAAAJ,KAAA,CAOjDK,KAAK,GAA4B,IAAI;;;;;;;;;;;;;;;;IAsB7C;AACF;AACA,OAFEL,KAAA;IAGOM,KAAK,GAAG,YAAY;MACzB,IAAIN,KAAA,CAAKK,KAAK,EAAE;QACdL,KAAA,CAAKO,WAAW,CAACC,YAAY,GAAG,IAAI;QACpCR,KAAA,CAAKK,KAAK,CAACC,KAAK,CAAC,CAAC;MACpB;IACF,CAAC,CAAAN,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA0KOS,QAAQ,GAAG,UAACC,OAAyB,EAAK;MAChDV,KAAA,CAAKK,KAAK,GAAGK,OAAO;IACtB,CAAC,CAAAV,KAAA;;IAEOW,YAAY,GAAG,UAACC,KAA0C,EAAK;MACrE,IAAIZ,KAAA,CAAKD,KAAK,CAACc,aAAa,EAAE;QAC5Bb,KAAA,CAAKD,KAAK,CAACc,aAAa,CAACD,KAAK,CAACE,MAAM,CAACC,OAAO,CAAC;MAChD;;MAEA,IAAIf,KAAA,CAAKgB,cAAc,CAAC,CAAC,EAAE;QACzBhB,KAAA,CAAKiB,QAAQ,CAAC;UACZF,OAAO,EAAEH,KAAK,CAACE,MAAM,CAACC;QACxB,CAAC,CAAC;MACJ;;MAEA,IAAIf,KAAA,CAAKD,KAAK,CAACmB,QAAQ,EAAE;QACvBlB,KAAA,CAAKD,KAAK,CAACmB,QAAQ,CAACN,KAAK,CAAC;MAC5B;IACF,CAAC,CAAAZ,KAAA;;IAEOmB,WAAW,GAAG,UAACP,KAAyC,EAAK;MACnE,IAAIZ,KAAA,CAAKD,KAAK,CAACqB,OAAO,EAAE;QACtBpB,KAAA,CAAKD,KAAK,CAACqB,OAAO,CAACR,KAAK,CAAC;MAC3B;;MAEA,IAAIZ,KAAA,CAAKO,WAAW,CAACC,YAAY,EAAE;QACjCR,KAAA,CAAKiB,QAAQ,CAAC,EAAEI,UAAU,EAAE,IAAI,CAAC,CAAC,CAAC;MACrC;IACF,CAAC,CAAArB,KAAA;;IAEOsB,UAAU,GAAG,oBAAMtB,KAAA,CAAKiB,QAAQ,CAAC,EAAEI,UAAU,EAAE,KAAK,CAAC,CAAC,CAAC,GAAArB,KAAA;;IAEvDuB,UAAU,GAAG,UAACX,KAAyC,EAAK;MAClEZ,KAAA,CAAKsB,UAAU,CAAC,CAAC;MACjBtB,KAAA,CAAKD,KAAK,CAACyB,MAAM,YAAjBxB,KAAA,CAAKD,KAAK,CAACyB,MAAM,CAAGZ,KAAK,CAAC;IAC5B,CAAC,CAnOCZ,KAAA,CAAKyB,KAAK,GAAG,EACXJ,UAAU,EAAE,KAAK,EACjBN,OAAO,EAAEhB,KAAK,CAAC2B,cAAc,CAC/B,CAAC,CAAC,OAAA1B,KAAA,CACJ,CAAC,IAAA2B,eAAA,CAAAC,OAAA,EAAAlC,MAAA,EAAAI,gBAAA,MAAA+B,MAAA,GAAAnC,MAAA,CAAAoC,SAAA,CAAAD,MAAA,CAEME,iBAAiB,GAAxB,SAAAA,kBAAA,EAA2B,CACzB,IAAI,CAACxB,WAAW,GAAG,IAAIyB,wBAAW,CAAC,IAAI,CAACC,YAAY,CAAC,CACrD,IAAI,IAAI,CAAClC,KAAK,CAACmC,SAAS,EAAE,CACxB,IAAI,CAAC3B,WAAW,CAACC,YAAY,GAAG,IAAI,CACpC,IAAI,CAACF,KAAK,CAAC,CAAC,CACd,CACF,CAAC,CAAAuB,MAAA,CAYMM,MAAM,GAAb,SAAAA,OAAA,EAAmC,KAAAC,MAAA,QACjC,IAAI,CAACC,MAAM,GAAG,IAAAC,kBAAS,EAAC,IAAI,CAACC,OAAO,CAAC,CAErC,oBACE/D,MAAA,CAAAoD,OAAA,CAAAY,aAAA,CAAC5D,aAAA,CAAA6D,YAAY,CAACC,QAAQ,QACnB,UAACC,KAAK,EAAK,CACVP,MAAI,CAACO,KAAK,GAAGA,KAAK,CAClB,OAAOP,MAAI,CAACQ,UAAU,CAAC,CAAC,CAC1B,CACqB,CAAC,CAE5B,CAAC,CAAAf,MAAA,CAEOgB,yBAAyB,GAAjC,SAAAA,0BAAA,EAAoC,CAClC,QAAQ,IAAI,CAACC,IAAI,GACf,KAAK,OAAO,CACV,OAAO,IAAI,CAACT,MAAM,CAACU,cAAc,CAAC,IAAI,CAACJ,KAAK,CAAC,CAC/C,KAAK,QAAQ,CACX,OAAO,IAAI,CAACN,MAAM,CAACW,eAAe,CAAC,IAAI,CAACL,KAAK,CAAC,CAChD,KAAK,OAAO,CACZ,QACE,OAAO,IAAI,CAACN,MAAM,CAACY,cAAc,CAAC,IAAI,CAACN,KAAK,CAAC,CACjD,CACF,CAAC,CAAAd,MAAA,CAEOqB,sBAAsB,GAA9B,SAAAA,uBAAA,EAAiC,CAC/B,QAAQ,IAAI,CAACJ,IAAI,GACf,KAAK,OAAO,CACV,OAAO,IAAI,CAACT,MAAM,CAACc,WAAW,CAAC,IAAI,CAACR,KAAK,CAAC,CAC5C,KAAK,QAAQ,CACX,OAAO,IAAI,CAACN,MAAM,CAACe,YAAY,CAAC,IAAI,CAACT,KAAK,CAAC,CAC7C,KAAK,OAAO,CACZ,QACE,OAAO,IAAI,CAACN,MAAM,CAACgB,WAAW,CAAC,IAAI,CAACV,KAAK,CAAC,CAC9C,CACF,CAAC,CAAAd,MAAA,CAEOyB,sBAAsB,GAA9B,SAAAA,uBAAA,EAAiC,CAC/B,QAAQ,IAAI,CAACR,IAAI,GACf,KAAK,OAAO,CACV,OAAO,IAAI,CAACT,MAAM,CAACkB,WAAW,CAAC,IAAI,CAACZ,KAAK,CAAC,CAC5C,KAAK,QAAQ,CACX,OAAO,IAAI,CAACN,MAAM,CAACmB,YAAY,CAAC,IAAI,CAACb,KAAK,CAAC,CAC7C,KAAK,OAAO,CACZ,QACE,OAAO,IAAI,CAACN,MAAM,CAACoB,WAAW,CAAC,IAAI,CAACd,KAAK,CAAC,CAC9C,CACF,CAAC,CAAAd,MAAA,CAEO6B,oBAAoB,GAA5B,SAAAA,qBAAA,EAA+B,CAC7B,QAAQ,IAAI,CAACZ,IAAI,GACf,KAAK,OAAO,CACV,OAAO,IAAI,CAACT,MAAM,CAACsB,SAAS,CAAC,IAAI,CAAChB,KAAK,CAAC,CAC1C,KAAK,QAAQ,CACX,OAAO,IAAI,CAACN,MAAM,CAACuB,UAAU,CAAC,IAAI,CAACjB,KAAK,CAAC,CAC3C,KAAK,OAAO,CACZ,QACE,OAAO,IAAI,CAACN,MAAM,CAACwB,SAAS,CAAC,IAAI,CAAClB,KAAK,CAAC,CAC5C,CACF,CAAC,CAAAd,MAAA,CAEOiC,qBAAqB,GAA7B,SAAAA,sBAAA,EAAgC,CAC9B,QAAQ,IAAI,CAAChB,IAAI,GACf,KAAK,OAAO,CACV,OAAO,IAAI,CAACT,MAAM,CAAC0B,UAAU,CAAC,IAAI,CAACpB,KAAK,CAAC,CAC3C,KAAK,QAAQ,CACX,OAAO,IAAI,CAACN,MAAM,CAAC2B,WAAW,CAAC,IAAI,CAACrB,KAAK,CAAC,CAC5C,KAAK,OAAO,CACZ,QACE,OAAO,IAAI,CAACN,MAAM,CAAC4B,UAAU,CAAC,IAAI,CAACtB,KAAK,CAAC,CAC7C,CACF,CAAC,CAAAd,MAAA,CAEOqC,uBAAuB,GAA/B,SAAAA,wBAAA,EAAkC,CAChC,QAAQ,IAAI,CAACpB,IAAI,GACf,KAAK,OAAO,CACV,OAAO,IAAI,CAACT,MAAM,CAAC8B,YAAY,CAAC,IAAI,CAACxB,KAAK,CAAC,CAC7C,KAAK,QAAQ,CACX,OAAO,IAAI,CAACN,MAAM,CAAC+B,aAAa,CAAC,IAAI,CAACzB,KAAK,CAAC,CAC9C,KAAK,OAAO,CACZ,QACE,OAAO,IAAI,CAACN,MAAM,CAACgC,YAAY,CAAC,IAAI,CAAC1B,KAAK,CAAC,CAC/C,CACF,CAAC,CAAAd,MAAA,CAEOe,UAAU,GAAlB,SAAAA,WAAA,EAAqB,KAAA0B,QAAA,EAAAC,SAAA,EAAAC,SAAA,EAAAC,SAAA,CACnB,IAAAC,WAAA,GAQI,IAAI,CAAC3E,KAAK,CAPZ4E,QAAQ,GAAAD,WAAA,CAARC,QAAQ,CACRC,OAAO,GAAAF,WAAA,CAAPE,OAAO,CACPC,KAAK,GAAAH,WAAA,CAALG,KAAK,CACLC,EAAE,GAAAJ,WAAA,CAAFI,EAAE,CACFC,IAAI,GAAAL,WAAA,CAAJK,IAAI,CACgBC,eAAe,GAAAN,WAAA,CAAnC,kBAAkB,EACJO,SAAS,GAAAP,WAAA,CAAvB,YAAY,EAEd,IAAAQ,cAAA,GAAwD,IAAI,CAAChF,QAAQ,CAAC,CAAC,CAA/DiF,OAAO,GAAAD,cAAA,CAAPC,OAAO,CAAEC,eAAe,GAAAF,cAAA,CAAfE,eAAe,CAAEC,iBAAiB,GAAAH,cAAA,CAAjBG,iBAAiB,CACnD,IAAMC,QAAQ,GAAG,IAAI,CAACpF,QAAQ,CAAC,CAAC,CAACoF,QAAQ,IAAIH,OAAO,CACpD,IAAMpE,OAAO,GAAG,IAAI,CAACC,cAAc,CAAC,CAAC,GAAG,IAAI,CAACS,KAAK,CAACV,OAAO,GAAG,IAAI,CAAChB,KAAK,CAACgB,OAAO,CAE/E,IAAMwE,mBAAmB,GAAG,IAAI,CAACC,EAAE,CAAC,IAAI,CAAC3C,yBAAyB,CAAC,CAAC,GAAAyB,QAAA,OAAAA,QAAA,CACjE,IAAI,CAACjC,MAAM,CAACoD,SAAS,CAAC,IAAI,CAAC9C,KAAK,CAAC,IAAG,IAAI,EAAA2B,QAAA,CACxC,IAAI,CAACjC,MAAM,CAACqD,iBAAiB,CAAC,IAAI,CAAC/C,KAAK,CAAC,IAAG,CAAC,CAAC2C,QAAQ,EAAAhB,QAAA,CACtDqB,sBAAa,CAACF,SAAS,IAAG,IAAI,EAAAnB,QAAA,CAC9BqB,sBAAa,CAACD,iBAAiB,IAAG,CAAC,CAACJ,QAAQ,EAAAhB,QAAA,CAC5CqB,sBAAa,CAACC,gBAAgB,IAAGT,OAAO,EAAAb,QAAA,CAC1C,CAAC,CAEF,IAAMuB,eAAe,GAAG,IAAI,CAACL,EAAE,CAAC,IAAI,CAAC9B,oBAAoB,CAAC,CAAC,GAAAa,SAAA,OAAAA,SAAA,CACxD,IAAI,CAAClC,MAAM,CAAC5C,IAAI,CAAC,IAAI,CAACkD,KAAK,CAAC,IAAG,IAAI,EAAA4B,SAAA,CACnC,IAAI,CAAClC,MAAM,CAACyD,QAAQ,CAAC,CAAC,IAAGV,eAAe,KAAK,MAAM,EAAAb,SAAA,CACnD,IAAI,CAAClC,MAAM,CAACiD,QAAQ,CAAC,CAAC,IAAG,CAAC,CAACA,QAAQ,EAAAf,SAAA,CACnCoB,sBAAa,CAACL,QAAQ,IAAG,CAAC,CAACA,QAAQ,EAAAf,SAAA,CACnC,IAAI,CAAClC,MAAM,CAAC0D,gBAAgB,CAAC,CAAC,IAAGV,iBAAiB,EAAAd,SAAA,CACpD,CAAC,CAEF,IAAIyB,OAAO,GAAG,IAAI,CAClB,IAAIrB,QAAQ,EAAE,KAAAsB,SAAA,CACZ,IAAMC,YAAY,GAAG,IAAI,CAACV,EAAE,CAAC,IAAI,CAACtB,uBAAuB,CAAC,CAAC,GAAA+B,SAAA,OAAAA,SAAA,CACxD,IAAI,CAAC5D,MAAM,CAAC2D,OAAO,CAAC,IAAI,CAACrD,KAAK,CAAC,IAAG,IAAI,EAAAsD,SAAA,CACtC,IAAI,CAAC5D,MAAM,CAAC8D,WAAW,CAAC,IAAI,CAACxD,KAAK,CAAC,IAAGyC,eAAe,KAAK,MAAM,EAAAa,SAAA,CAChE,IAAI,CAAC5D,MAAM,CAAC+D,eAAe,CAAC,IAAI,CAACzD,KAAK,CAAC,IAAG,CAAC,CAAC2C,QAAQ,EAAAW,SAAA,CACtD,CAAC,CACFD,OAAO,gBAAGxH,MAAA,CAAAoD,OAAA,CAAAY,aAAA,WAAM6D,SAAS,EAAEH,YAAa,IAAEvB,QAAe,CAAC,CAC5D,CAEA,oBACEnG,MAAA,CAAAoD,OAAA,CAAAY,aAAA,CAAC3D,cAAA,CAAAyH,aAAa,MAAAC,SAAA,CAAA3E,OAAA,IAAC4E,WAAW,EAAE,IAAI,CAACC,WAAY,IAAK,IAAI,CAAC1G,KAAK,gBAC1DvB,MAAA,CAAAoD,OAAA,CAAAY,aAAA,YAAO,YAAUjD,cAAc,CAACE,IAAK,EAAC4G,SAAS,EAAER,eAAgB,iBAC/DrH,MAAA,CAAAoD,OAAA,CAAAY,aAAA,UACE6D,SAAS,EAAE,IAAI,CAACb,EAAE,CAAC,IAAI,CAAClC,sBAAsB,CAAC,CAAC,GAAAkB,SAAA,OAAAA,SAAA,CAC7C,IAAI,CAACnC,MAAM,CAACqE,MAAM,CAAC,IAAI,CAAC/D,KAAK,CAAC,IAAG,IAAI,EAAA6B,SAAA,CACrC,IAAI,CAACnC,MAAM,CAACsE,WAAW,CAAC,CAAC,IAAGvB,eAAe,KAAK,MAAM,EAAAZ,SAAA,CACtD,IAAI,CAACnC,MAAM,CAACuE,SAAS,CAAC,IAAI,CAACjE,KAAK,CAAC,IAAG,CAAC,CAACiC,OAAO,EAAAJ,SAAA,CAC7C,IAAI,CAACnC,MAAM,CAACwE,OAAO,CAAC,IAAI,CAAClE,KAAK,CAAC,IAAG,CAAC,CAACkC,KAAK,EAAAL,SAAA,CACzC,IAAI,CAACnC,MAAM,CAACyE,OAAO,CAAC,IAAI,CAACnE,KAAK,CAAC,IAAG,CAAC2C,QAAQ,IAAI,CAAC,CAAC,IAAI,CAAC7D,KAAK,CAACJ,UAAU,EAAAmD,SAAA,CACxE,CAAE,iBAEHhG,MAAA,CAAAoD,OAAA,CAAAY,aAAA,CAACvD,oBAAA,CAAA8H,mBAAmB,IAACC,kBAAkB,EAAE,IAAI,CAAC1F,UAAW,iBACvD9C,MAAA,CAAAoD,OAAA,CAAAY,aAAA,YACEyE,IAAI,EAAC,UAAU,EACflG,OAAO,EAAEA,OAAQ,EACjBG,QAAQ,EAAE,IAAI,CAACP,YAAa,EAC5B0F,SAAS,EAAE,IAAI,CAACb,EAAE,CAAC,IAAI,CAAC1B,qBAAqB,CAAC,CAAC,EAAE,IAAI,CAACzB,MAAM,CAAChC,KAAK,CAAC,IAAI,CAACsC,KAAK,CAAC,CAAE,EAChFvB,OAAO,EAAE,IAAI,CAACD,WAAY,EAC1BK,MAAM,EAAE,IAAI,CAACD,UAAW,EACxB2F,GAAG,EAAE,IAAI,CAACzG,QAAS,EACnB6E,QAAQ,EAAEA,QAAS,EACnBR,EAAE,EAAEA,EAAG,EACPC,IAAI,EAAEA,IAAK,EACXoC,IAAI,EAAC,QAAQ,EACb,cAAYlC,SAAU,EACtB,oBAAkBD,eAAgB,EACnC,CACkB,CAAC,eACtBxG,MAAA,CAAAoD,OAAA,CAAAY,aAAA,UAAK6D,SAAS,EAAEd,mBAAoB,EAAE,CAAC,eACvC/G,MAAA,CAAAoD,OAAA,CAAAY,aAAA,UACE6D,SAAS,EAAE,IAAI,CAACb,EAAE,CAAC,IAAI,CAACtC,sBAAsB,CAAC,CAAC,EAAEyC,sBAAa,CAACyB,MAAM,GAAA3C,SAAA,OAAAA,SAAA,CACnE,IAAI,CAACpC,MAAM,CAAC+E,MAAM,CAAC,IAAI,CAACzE,KAAK,CAAC,IAAG,IAAI,EAAA8B,SAAA,CACrC,IAAI,CAACpC,MAAM,CAACgF,cAAc,CAAC,IAAI,CAAC1E,KAAK,CAAC,IAAG2C,QAAQ,EAAAb,SAAA,CACnD,CAAE,EACJ,CACE,CAAC,EACLuB,OACI,CACM,CAAC,CAEpB,CAAC,CAAAnE,MAAA;;EAuCOb,cAAc,GAAtB,SAAAA,eAAA,EAAyB;IACvB,OAAO,IAAI,CAACjB,KAAK,CAACgB,OAAO,KAAKuG,SAAS;EACzC,CAAC,QAAA5H,MAAA,GAlQyB6H,cAAK,CAACC,SAAS,GAAAlI,OAAA,CAC3BmI,mBAAmB,GAAG,QAAQ,EAAAnI,OAAA,CAC9BoI,WAAW,GAAG,QAAQ,EAAApI,OAAA,CAEtBc,YAAY,GAAiB,EACzCkF,QAAQ,EAAE,KAAK,EACfH,OAAO,EAAE,KAAK,EACdC,eAAe,EAAE,OAAO,EACxBC,iBAAiB,EAAEsC,6BAAS,CAC9B,CAAC,EAAArI,OAAA,MAAAD,MAAA,KAAAA,MAAA,KAAAA,MAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_keyListener","_ThemeContext","_CommonWrapper","_Emotion","_rootNode","_createPropsGetter","_currentEnvironment","_FocusControlWrapper","_SizeDecorator","_Toggle2","_class","_Toggle","ToggleDataTids","exports","root","Toggle","rootNode","withSize","_React$Component","props","_this","call","getProps","createPropsGetter","defaultProps","input","focus","keyListener","isTabPressed","inputRef","element","handleChange","event","onValueChange","target","checked","isUncontrolled","setState","onChange","handleFocus","onFocus","focusByTab","resetFocus","handleBlur","onBlur","state","defaultChecked","_inheritsLoose2","default","_proto","prototype","componentDidMount","autoFocus","render","_this2","createElement","ThemeContext","Consumer","theme","renderMain","getContainerSizeClassName","size","styles","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","cx","container","containerDisabled","globalClasses","containerLoading","labelClassNames","rootLeft","disableAnimation","caption","_cx3","captionClass","captionLeft","disabledCaption","className","CommonWrapper","_extends2","rootNodeRef","setRootNode","button","buttonRight","isWarning","isError","focused","FocusControlWrapper","onBlurWhenDisabled","type","ref","role","handle","handleDisabled","undefined","React","Component","__KONTUR_REACT_UI__","displayName","isTestEnv"],"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  /** Задает положение `children` относительно переключателя.\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 * `Toggle` переключает состояния. Например, включает или отключает уведомления в настройках.\n * `Toggle` представляет из себя надпись + переключатель.\n *\n * `Toggle` нельзя использовать для выбора элементов в списке. Например, выбрать несколько писем.\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":[]}