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

package/cjs/components/Radio/Radio.js

@@ -1,323 +0,0 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.RadioDataTids = exports.Radio = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
-var _react = _interopRequireDefault(require("react"));
-
-
-
-
-var _ThemeContext = require("../../lib/theming/ThemeContext");
-
-
-var _CommonWrapper = require("../../internal/CommonWrapper");
-var _keyListener = require("../../lib/events/keyListener");
-
-var _rootNode = require("../../lib/rootNode");
-var _fixFirefoxModifiedClickOnLabel = require("../../lib/events/fixFirefoxModifiedClickOnLabel");
-
-var _RadioGroupContext = require("../RadioGroup/RadioGroupContext");
-var _createPropsGetter = require("../../lib/createPropsGetter");
-
-var _FocusControlWrapper = require("../../internal/FocusControlWrapper");
-var _SizeDecorator = require("../../lib/size/SizeDecorator");
-var _renderEnvironment = require("../../lib/renderEnvironment");
-
-var _Radio2 = require("./Radio.styles");var _excluded = ["disabled", "warning", "error", "size", "focused", "onMouseOver", "onMouseEnter", "onMouseLeave", "onValueChange"];var _class, _Radio;
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var RadioDataTids = exports.RadioDataTids = {
-  root: 'Radio__root'
-};
-
-
-
-/** Радиокнопка позволяет выбрать одно значение из нескольких. Подходит при небольшом количестве вариантов — 2–5.
- *
- * Для создания группы радиокнопок используйте специальный контейнер — компонент [RadioGroup](https://tech.skbkontur.ru/kontur-ui/?path=/docs/react-ui_input-data-radiogroup--docs).
- */var
-
-
-
-Radio = exports.Radio = (0, _renderEnvironment.withRenderEnvironment)(_class = (0, _rootNode.rootNode)(_class = (0, _SizeDecorator.withSize)(_class = (_Radio = /*#__PURE__*/function (_React$Component) {function Radio() {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.
-
-
-
-    state = {
-      focusedByKeyboard: false
-    };_this.
-
-
-
-
-
-    getProps = (0, _createPropsGetter.createPropsGetter)(Radio.defaultProps);_this.
-
-
-    context = _this.context;_this.
-
-
-    inputEl = /*#__PURE__*/_react.default.createRef();_this.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    renderMain = function (props) {var _this$cx, _this$cx2;
-      var _props$disabled =
-
-
-
-
-
-
-
-
-
-
-        props.disabled,disabled = _props$disabled === void 0 ? _this.context.disabled : _props$disabled,_props$warning = props.warning,warning = _props$warning === void 0 ? _this.context.warning : _props$warning,_props$error = props.error,error = _props$error === void 0 ? _this.context.error : _props$error,size = props.size,focused = props.focused,onMouseOver = props.onMouseOver,onMouseEnter = props.onMouseEnter,onMouseLeave = props.onMouseLeave,onValueChange = props.onValueChange,rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-
-      var radioProps = {
-        className: _this.cx((_this$cx = {}, _this$cx[
-        _this.styles.circle(_this.theme)] = true, _this$cx[
-        _this.getCircleSizeClassName()] = true, _this$cx[
-        _this.styles.checked(_this.theme)] = _this.props.checked, _this$cx[
-        _this.getCheckedSizeClassName()] = _this.props.checked, _this$cx[
-        _this.styles.focus(_this.theme)] = _this.getProps().focused || _this.state.focusedByKeyboard, _this$cx[
-        _this.styles.error(_this.theme)] = error, _this$cx[
-        _this.styles.warning(_this.theme)] = warning, _this$cx[
-        _this.styles.disabled(_this.theme)] = disabled, _this$cx[
-        _this.styles.checkedDisabled(_this.theme)] = _this.props.checked && disabled, _this$cx[
-        _Radio2.globalClasses.circle] = true, _this$cx)
-        )
-      };
-
-      var value;
-      if (typeof _this.props.value === 'string' || typeof _this.props.value === 'number') {
-        value = _this.props.value;
-      }
-
-      var inputProps = (0, _extends2.default)({},
-      rest, {
-        type: 'radio',
-        className: _this.styles.input(),
-        disabled: disabled,
-        tabIndex: _this.props.tabIndex,
-        value: value,
-        ref: _this.inputEl,
-        onChange: _this.handleChange,
-        onFocus: _this.handleFocus,
-        onBlur: _this.handleBlur });
-
-
-      var labelProps = {
-        className: _this.cx(_this.styles.root(_this.theme), _this.getRootSizeClassName(), (_this$cx2 = {}, _this$cx2[
-        _this.styles.rootChecked(_this.theme)] = _this.props.checked, _this$cx2)
-        ),
-        onMouseOver: _this.handleMouseOver,
-        onMouseEnter: _this.handleMouseEnter,
-        onMouseLeave: _this.handleMouseLeave,
-        onClick: (0, _fixFirefoxModifiedClickOnLabel.fixFirefoxModifiedClickOnLabel)(_this.inputEl)
-      };
-
-      if (_this._isInRadioGroup()) {var _this$cx3, _this$cx4;
-        var checked = _this.props.value === _this.context.activeItem;
-        inputProps.checked = checked;
-        inputProps.name = _this.context.name;
-        inputProps.suppressHydrationWarning = true;
-        labelProps.className = _this.cx(_this.styles.root(_this.theme), _this.getRootSizeClassName(), (_this$cx3 = {}, _this$cx3[
-        _this.styles.rootChecked(_this.theme)] = checked, _this$cx3)
-        );
-        radioProps.className = _this.cx(radioProps.className, (_this$cx4 = {}, _this$cx4[
-        _this.styles.checked(_this.theme)] = checked, _this$cx4[
-        _this.getCheckedSizeClassName()] = checked, _this$cx4[
-        _this.styles.checkedDisabled(_this.theme)] = checked && disabled, _this$cx4)
-        );
-      }
-
-      return /*#__PURE__*/(
-        _react.default.createElement("label", (0, _extends2.default)({ "data-tid": RadioDataTids.root }, labelProps), /*#__PURE__*/
-        _react.default.createElement(_FocusControlWrapper.FocusControlWrapper, { onBlurWhenDisabled: _this.resetFocus }, /*#__PURE__*/
-        _react.default.createElement("input", inputProps)
-        ), /*#__PURE__*/
-        _react.default.createElement("span", radioProps, /*#__PURE__*/
-        _react.default.createElement("span", { className: _this.styles.placeholder() })
-        ),
-        _this.props.children && _this.renderCaption()
-        ));
-
-    };_this.
-
-    _isInRadioGroup = function () {return Boolean(_this.context.name);};_this.
-
-
-
-
-
-
-
-
-
-
-    handleChange = function (e) {
-      _this.props.onValueChange == null || _this.props.onValueChange(_this.props.value);
-
-      if (_this._isInRadioGroup()) {
-        _this.context.onSelect(_this.props.value);
-      }
-
-      _this.props.onChange == null || _this.props.onChange(e);
-    };_this.
-
-    handleMouseOver = function (e) {
-      _this.props.onMouseOver == null || _this.props.onMouseOver(e);
-    };_this.
-
-    handleMouseEnter = function (e) {
-      _this.props.onMouseEnter == null || _this.props.onMouseEnter(e);
-    };_this.
-
-    handleMouseLeave = function (e) {
-      _this.props.onMouseLeave == null || _this.props.onMouseLeave(e);
-    };_this.
-
-    handleFocus = function (e) {
-      if (!_this.context.disabled) {
-        // focus event fires before keyDown eventlistener
-        // so we should check tabPressed in async way
-        _this.globalObject.requestAnimationFrame == null || _this.globalObject.requestAnimationFrame(function () {
-          if (_this.keyListener.isArrowPressed || _this.keyListener.isTabPressed) {
-            _this.setState({ focusedByKeyboard: true });
-          }
-        });
-
-        if (_this.props.onFocus) {
-          _this.props.onFocus(e);
-        }
-      }
-    };_this.
-
-    resetFocus = function () {return _this.setState({ focusedByKeyboard: false });};_this.
-
-    handleBlur = function (e) {
-      _this.resetFocus();
-      _this.props.onBlur == null || _this.props.onBlur(e);
-    };return _this;}(0, _inheritsLoose2.default)(Radio, _React$Component);var _proto = Radio.prototype;_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.getCircleSizeClassName = function getCircleSizeClassName() {switch (this.size) {case 'large':return this.styles.circleLarge(this.theme);case 'medium':return this.styles.circleMedium(this.theme);case 'small':default:return this.styles.circleSmall(this.theme);}};_proto.getCheckedSizeClassName = function getCheckedSizeClassName() {switch (this.size) {case 'large':return this.styles.checkedLarge(this.theme);case 'medium':return this.styles.checkedMedium(this.theme);case 'small':default:return this.styles.checkedSmall(this.theme);}};_proto.componentDidMount = function componentDidMount() {this.keyListener = new _keyListener.KeyListener(this.globalObject);};_proto.render = function render() {var _this2 = this;this.styles = (0, _Radio2.getStyles)(this.emotion);return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: _this2.setRootNode }, _this2.getProps()), _this2.renderMain);});} /** Программно устанавливает фокус на радиокнопку. Появляется фокусная обводка, элемент получает клавиатурные события и воспринимается как текущий элемент для чтения скринридерами.
-   * @public
-   */;_proto.focus = function focus() {var _this$inputEl$current;this.keyListener.isTabPressed = true;(_this$inputEl$current = this.inputEl.current) == null || _this$inputEl$current.focus();} /** Программно снимает фокус с радиокнопки.
-   * @public
-   */;_proto.blur = function blur() {var _this$inputEl$current2;(_this$inputEl$current2 = this.inputEl.current) == null || _this$inputEl$current2.blur();};_proto.renderCaption = function renderCaption() {var _this$cx5;var captionClassNames = this.cx((_this$cx5 = {}, _this$cx5[this.styles.caption(this.theme)] = true, _this$cx5[this.styles.captionDisabled(this.theme)] = !!(this.props.disabled || this.context.disabled), _this$cx5));return /*#__PURE__*/_react.default.createElement("div", { className: captionClassNames }, this.props.children);};return Radio;}(_react.default.Component), _Radio.__KONTUR_REACT_UI__ = 'Radio', _Radio.displayName = 'Radio', _Radio.defaultProps = { focused: false }, _Radio.contextType = _RadioGroupContext.RadioGroupContext, _Radio)) || _class) || _class) || _class;

package/cjs/components/Radio/Radio.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_ThemeContext","_CommonWrapper","_keyListener","_rootNode","_fixFirefoxModifiedClickOnLabel","_RadioGroupContext","_createPropsGetter","_FocusControlWrapper","_SizeDecorator","_renderEnvironment","_Radio2","_excluded","_class","_Radio","RadioDataTids","exports","root","Radio","withRenderEnvironment","rootNode","withSize","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","focusedByKeyboard","getProps","createPropsGetter","defaultProps","context","inputEl","React","createRef","renderMain","props","_this$cx","_this$cx2","_props$disabled","disabled","_props$warning","warning","_props$error","error","size","focused","onMouseOver","onMouseEnter","onMouseLeave","onValueChange","rest","_objectWithoutPropertiesLoose2","default","radioProps","className","cx","styles","circle","theme","getCircleSizeClassName","checked","getCheckedSizeClassName","focus","checkedDisabled","globalClasses","value","inputProps","_extends2","type","input","tabIndex","ref","onChange","handleChange","onFocus","handleFocus","onBlur","handleBlur","labelProps","getRootSizeClassName","rootChecked","handleMouseOver","handleMouseEnter","handleMouseLeave","onClick","fixFirefoxModifiedClickOnLabel","_isInRadioGroup","_this$cx3","_this$cx4","activeItem","name","suppressHydrationWarning","createElement","FocusControlWrapper","onBlurWhenDisabled","resetFocus","placeholder","children","renderCaption","Boolean","e","onSelect","globalObject","requestAnimationFrame","keyListener","isArrowPressed","isTabPressed","setState","_inheritsLoose2","_proto","prototype","rootLarge","rootMedium","rootSmall","circleLarge","circleMedium","circleSmall","checkedLarge","checkedMedium","checkedSmall","componentDidMount","KeyListener","render","_this2","getStyles","emotion","ThemeContext","Consumer","CommonWrapper","rootNodeRef","setRootNode","_this$inputEl$current","current","blur","_this$inputEl$current2","_this$cx5","captionClassNames","caption","captionDisabled","Component","__KONTUR_REACT_UI__","displayName","contextType","RadioGroupContext"],"sources":["Radio.tsx"],"sourcesContent":["import type { AriaAttributes } from 'react';\nimport React from 'react';\nimport type { Emotion } from '@emotion/css/types/create-instance';\n\nimport type { GlobalObject } from '../../lib/globalObject';\nimport type { Override } from '../../typings/utility-types';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport type { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { KeyListener } from '../../lib/events/keyListener';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { fixFirefoxModifiedClickOnLabel } from '../../lib/events/fixFirefoxModifiedClickOnLabel';\nimport type { RadioGroupContextType } from '../RadioGroup/RadioGroupContext';\nimport { RadioGroupContext } from '../RadioGroup/RadioGroupContext';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\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 './Radio.styles';\n\nexport interface RadioProps<T>\n  extends Pick<AriaAttributes, 'aria-label'>,\n    CommonProps,\n    Override<\n      React.InputHTMLAttributes<HTMLInputElement>,\n      {\n        /** Меняет визуальное отображение поля на состояние «ошибка». Может быть полезен при разработке собственной валидации, если вы не используете пакет [React UI Validations](https://tech.skbkontur.ru/kontur-ui/?path=/docs/react-ui-validations_displaying-getting-started--docs). */\n        error?: boolean;\n\n        /** Меняет визуальное отображение поля на состояние «предупреждение». Может быть полезен при разработке собственной валидации, если вы не используете пакет [React UI Validations](https://tech.skbkontur.ru/kontur-ui/?path=/docs/react-ui-validations_displaying-getting-started--docs). */\n        warning?: boolean;\n\n        /** Размер радиокнопки. */\n        size?: SizeProp;\n\n        /** Задаёт состояние фокуса. */\n        focused?: boolean;\n\n        /** Задаёт функцию, которая вызывается при изменении `value`. */\n        onValueChange?: (value: T) => void;\n\n        /** Задает HTML-событие `onmouseenter`.\n         * @ignore */\n        onMouseEnter?: React.MouseEventHandler<HTMLLabelElement>;\n\n        /** Задает HTML-событие `onmouseleave`.\n         * @ignore */\n        onMouseLeave?: React.MouseEventHandler<HTMLLabelElement>;\n\n        /** Задает HTML-событие `onmouseover`.\n         * @ignore */\n        onMouseOver?: React.MouseEventHandler<HTMLLabelElement>;\n\n        /** Задаёт значение. */\n        value: T;\n      }\n    > {}\n\nexport interface RadioState {\n  focusedByKeyboard: boolean;\n}\n\nexport const RadioDataTids = {\n  root: 'Radio__root',\n} as const;\n\ntype DefaultProps = Required<Pick<RadioProps<any>, 'focused'>>;\n\n/** Радиокнопка позволяет выбрать одно значение из нескольких. Подходит при небольшом количестве вариантов — 2–5.\n *\n * Для создания группы радиокнопок используйте специальный контейнер — компонент [RadioGroup](https://tech.skbkontur.ru/kontur-ui/?path=/docs/react-ui_input-data-radiogroup--docs).\n */\n@withRenderEnvironment\n@rootNode\n@withSize\nexport class Radio<T> extends React.Component<RadioProps<T>, RadioState> {\n  public static __KONTUR_REACT_UI__ = 'Radio';\n  public static displayName = 'Radio';\n\n  public state = {\n    focusedByKeyboard: false,\n  };\n\n  public static defaultProps: DefaultProps = {\n    focused: false,\n  };\n\n  private getProps = createPropsGetter(Radio.defaultProps);\n\n  public static contextType = RadioGroupContext;\n  public context: RadioGroupContextType<T> = this.context;\n  private size!: SizeProp;\n\n  private inputEl = React.createRef<HTMLInputElement>();\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n  private globalObject!: GlobalObject;\n  private emotion!: Emotion;\n  private cx!: Emotion['cx'];\n  private styles!: ReturnType<typeof getStyles>;\n  private theme!: Theme;\n  private keyListener!: KeyListener;\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 getCircleSizeClassName() {\n    switch (this.size) {\n      case 'large':\n        return this.styles.circleLarge(this.theme);\n      case 'medium':\n        return this.styles.circleMedium(this.theme);\n      case 'small':\n      default:\n        return this.styles.circleSmall(this.theme);\n    }\n  }\n\n  private getCheckedSizeClassName() {\n    switch (this.size) {\n      case 'large':\n        return this.styles.checkedLarge(this.theme);\n      case 'medium':\n        return this.styles.checkedMedium(this.theme);\n      case 'small':\n      default:\n        return this.styles.checkedSmall(this.theme);\n    }\n  }\n\n  public componentDidMount() {\n    this.keyListener = new KeyListener(this.globalObject);\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 (\n            <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n              {this.renderMain}\n            </CommonWrapper>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  /** Программно устанавливает фокус на радиокнопку. Появляется фокусная обводка, элемент получает клавиатурные события и воспринимается как текущий элемент для чтения скринридерами.\n   * @public\n   */\n  public focus(): void {\n    this.keyListener.isTabPressed = true;\n    this.inputEl.current?.focus();\n  }\n\n  /** Программно снимает фокус с радиокнопки.\n   * @public\n   */\n  public blur(): void {\n    this.inputEl.current?.blur();\n  }\n\n  public renderMain = (props: CommonWrapperRestProps<RadioProps<T>>): React.JSX.Element => {\n    const {\n      disabled = this.context.disabled,\n      warning = this.context.warning,\n      error = this.context.error,\n      size,\n      focused,\n      onMouseOver,\n      onMouseEnter,\n      onMouseLeave,\n      onValueChange,\n      ...rest\n    } = props;\n\n    const radioProps = {\n      className: this.cx({\n        [this.styles.circle(this.theme)]: true,\n        [this.getCircleSizeClassName()]: true,\n        [this.styles.checked(this.theme)]: this.props.checked,\n        [this.getCheckedSizeClassName()]: this.props.checked,\n        [this.styles.focus(this.theme)]: this.getProps().focused || this.state.focusedByKeyboard,\n        [this.styles.error(this.theme)]: error,\n        [this.styles.warning(this.theme)]: warning,\n        [this.styles.disabled(this.theme)]: disabled,\n        [this.styles.checkedDisabled(this.theme)]: this.props.checked && disabled,\n        [globalClasses.circle]: true,\n      }),\n    };\n\n    let value: string | number | undefined;\n    if (typeof this.props.value === 'string' || typeof this.props.value === 'number') {\n      value = this.props.value;\n    }\n\n    const inputProps = {\n      ...rest,\n      type: 'radio',\n      className: this.styles.input(),\n      disabled,\n      tabIndex: this.props.tabIndex,\n      value,\n      ref: this.inputEl,\n      onChange: this.handleChange,\n      onFocus: this.handleFocus,\n      onBlur: this.handleBlur,\n    };\n\n    const labelProps = {\n      className: this.cx(this.styles.root(this.theme), this.getRootSizeClassName(), {\n        [this.styles.rootChecked(this.theme)]: this.props.checked,\n      }),\n      onMouseOver: this.handleMouseOver,\n      onMouseEnter: this.handleMouseEnter,\n      onMouseLeave: this.handleMouseLeave,\n      onClick: fixFirefoxModifiedClickOnLabel(this.inputEl),\n    };\n\n    if (this._isInRadioGroup()) {\n      const checked = this.props.value === this.context.activeItem;\n      inputProps.checked = checked;\n      inputProps.name = this.context.name;\n      inputProps.suppressHydrationWarning = true;\n      labelProps.className = this.cx(this.styles.root(this.theme), this.getRootSizeClassName(), {\n        [this.styles.rootChecked(this.theme)]: checked,\n      });\n      radioProps.className = this.cx(radioProps.className, {\n        [this.styles.checked(this.theme)]: checked,\n        [this.getCheckedSizeClassName()]: checked,\n        [this.styles.checkedDisabled(this.theme)]: checked && disabled,\n      });\n    }\n\n    return (\n      <label data-tid={RadioDataTids.root} {...labelProps}>\n        <FocusControlWrapper onBlurWhenDisabled={this.resetFocus}>\n          <input {...inputProps} />\n        </FocusControlWrapper>\n        <span {...radioProps}>\n          <span className={this.styles.placeholder()} />\n        </span>\n        {this.props.children && this.renderCaption()}\n      </label>\n    );\n  };\n\n  private _isInRadioGroup = () => Boolean(this.context.name);\n\n  private renderCaption() {\n    const captionClassNames = this.cx({\n      [this.styles.caption(this.theme)]: true,\n      [this.styles.captionDisabled(this.theme)]: !!(this.props.disabled || this.context.disabled),\n    });\n\n    return <div className={captionClassNames}>{this.props.children}</div>;\n  }\n\n  private handleChange: React.ChangeEventHandler<HTMLInputElement> = (e) => {\n    this.props.onValueChange?.(this.props.value);\n\n    if (this._isInRadioGroup()) {\n      this.context.onSelect(this.props.value);\n    }\n\n    this.props.onChange?.(e);\n  };\n\n  private handleMouseOver: React.MouseEventHandler<HTMLLabelElement> = (e) => {\n    this.props.onMouseOver?.(e);\n  };\n\n  private handleMouseEnter: React.MouseEventHandler<HTMLLabelElement> = (e) => {\n    this.props.onMouseEnter?.(e);\n  };\n\n  private handleMouseLeave: React.MouseEventHandler<HTMLLabelElement> = (e) => {\n    this.props.onMouseLeave?.(e);\n  };\n\n  private handleFocus = (e: React.FocusEvent<any>) => {\n    if (!this.context.disabled) {\n      // focus event fires before keyDown eventlistener\n      // so we should check tabPressed in async way\n      this.globalObject.requestAnimationFrame?.(() => {\n        if (this.keyListener.isArrowPressed || this.keyListener.isTabPressed) {\n          this.setState({ focusedByKeyboard: true });\n        }\n      });\n\n      if (this.props.onFocus) {\n        this.props.onFocus(e);\n      }\n    }\n  };\n\n  private resetFocus = () => this.setState({ focusedByKeyboard: false });\n\n  private handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n    this.resetFocus();\n    this.props.onBlur?.(e);\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/Radio/Radio.mixins.d.ts

@@ -1,5 +0,0 @@
-export declare const radioSizeMixin: (fontSize: string, lineHeight: string, paddingY: string, radioSize: string) => string;
-export declare const circleSizeMixin: (labGrotesqueBaselineCompensation: string, fontSize: string, radioSize: string, radioBorderWidthCompensation: string, radioCircleOffsetY: string) => string;
-export declare const radioCheckedMixin: (bulletSize: string) => string;
-export declare const afterOutlineMixin: (radioOutlineWidth: string) => string;
-export declare const outlineColorMixin: (shadow: string, borderColor: string) => string;

package/cjs/components/Radio/Radio.mixins.js

@@ -1,70 +0,0 @@
-"use strict";exports.__esModule = true;exports.radioSizeMixin = exports.radioCheckedMixin = exports.outlineColorMixin = exports.circleSizeMixin = exports.afterOutlineMixin = void 0;var _getLabGrotesqueBaselineCompensation = require("../../lib/styles/getLabGrotesqueBaselineCompensation");
-var _client = require("../../lib/client");
-
-var radioSizeMixin = exports.radioSizeMixin = function radioSizeMixin(fontSize, lineHeight, paddingY, radioSize) {
-  return "\n    font-size: " +
-  fontSize + ";\n    line-height: " +
-  lineHeight + ";\n    padding: " +
-  paddingY + " 0;\n    &::before {\n      width: " +
-
-  radioSize + ";\n    }\n  ";
-
-
-};
-
-var circleSizeMixin = exports.circleSizeMixin = function circleSizeMixin(
-labGrotesqueBaselineCompensation,
-fontSize,
-radioSize,
-radioBorderWidthCompensation,
-radioCircleOffsetY)
-{
-  var labGrotesqueCompenstation = parseInt(labGrotesqueBaselineCompensation);
-  var radioFontSize = parseInt(fontSize);
-
-  var baselineCompensation = (0, _getLabGrotesqueBaselineCompensation.getLabGrotesqueBaselineCompensation)(
-    radioFontSize,
-    labGrotesqueCompenstation,
-    _client.isChrome,
-    _client.isFirefox
-  );
-  var circleSize = "calc(" + radioSize + " - 2 * " + radioBorderWidthCompensation + ")";
-  var circleOffsetY = "calc(" + radioCircleOffsetY + " + " + radioBorderWidthCompensation + " + " + baselineCompensation + "px)";
-  var circleMarginX = radioBorderWidthCompensation;
-  return "\n    height: " +
-  circleSize + ";\n    width: " +
-  circleSize + ";\n    margin: " +
-  circleOffsetY + " " + circleMarginX + " 0;\n  ";
-
-};
-
-var radioCheckedMixin = exports.radioCheckedMixin = function radioCheckedMixin(bulletSize) {
-  return "\n    &::before {\n      height: " +
-
-  bulletSize + ";\n      width: " +
-  bulletSize + ";\n    }\n  ";
-
-
-};
-
-var afterOutlineMixin = exports.afterOutlineMixin = function afterOutlineMixin(radioOutlineWidth) {
-  return "\n    content: ' ';\n    position: absolute;\n    top: -" +
-
-
-  radioOutlineWidth + ";\n    bottom: -" +
-  radioOutlineWidth + ";\n    left: -" +
-  radioOutlineWidth + ";\n    right: -" +
-  radioOutlineWidth + ";\n    border-width: " +
-  radioOutlineWidth + ";\n    border-style: solid;\n    border-radius: 50%;\n    box-sizing: border-box;\n  ";
-
-
-
-
-};
-
-var outlineColorMixin = exports.outlineColorMixin = function outlineColorMixin(shadow, borderColor) {
-  return "\n    box-shadow: " +
-  shadow + ";\n    border-color: " +
-  borderColor + ";\n  ";
-
-};

package/cjs/components/Radio/Radio.mixins.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_getLabGrotesqueBaselineCompensation","require","_client","radioSizeMixin","exports","fontSize","lineHeight","paddingY","radioSize","circleSizeMixin","labGrotesqueBaselineCompensation","radioBorderWidthCompensation","radioCircleOffsetY","labGrotesqueCompenstation","parseInt","radioFontSize","baselineCompensation","getLabGrotesqueBaselineCompensation","isChrome","isFirefox","circleSize","circleOffsetY","circleMarginX","radioCheckedMixin","bulletSize","afterOutlineMixin","radioOutlineWidth","outlineColorMixin","shadow","borderColor"],"sources":["Radio.mixins.ts"],"sourcesContent":["import { getLabGrotesqueBaselineCompensation } from '../../lib/styles/getLabGrotesqueBaselineCompensation';\nimport { isChrome, isFirefox } from '../../lib/client';\n\nexport const radioSizeMixin = (fontSize: string, lineHeight: string, paddingY: string, radioSize: string): string => {\n  return `\n    font-size: ${fontSize};\n    line-height: ${lineHeight};\n    padding: ${paddingY} 0;\n    &::before {\n      width: ${radioSize};\n    }\n  `;\n};\n\nexport const circleSizeMixin = (\n  labGrotesqueBaselineCompensation: string,\n  fontSize: string,\n  radioSize: string,\n  radioBorderWidthCompensation: string,\n  radioCircleOffsetY: string,\n): string => {\n  const labGrotesqueCompenstation = parseInt(labGrotesqueBaselineCompensation);\n  const radioFontSize = parseInt(fontSize);\n\n  const baselineCompensation = getLabGrotesqueBaselineCompensation(\n    radioFontSize,\n    labGrotesqueCompenstation,\n    isChrome,\n    isFirefox,\n  );\n  const circleSize = `calc(${radioSize} - 2 * ${radioBorderWidthCompensation})`;\n  const circleOffsetY = `calc(${radioCircleOffsetY} + ${radioBorderWidthCompensation} + ${baselineCompensation}px)`;\n  const circleMarginX = radioBorderWidthCompensation;\n  return `\n    height: ${circleSize};\n    width: ${circleSize};\n    margin: ${circleOffsetY} ${circleMarginX} 0;\n  `;\n};\n\nexport const radioCheckedMixin = (bulletSize: string): string => {\n  return `\n    &::before {\n      height: ${bulletSize};\n      width: ${bulletSize};\n    }\n  `;\n};\n\nexport const afterOutlineMixin = (radioOutlineWidth: string): string => {\n  return `\n    content: ' ';\n    position: absolute;\n    top: -${radioOutlineWidth};\n    bottom: -${radioOutlineWidth};\n    left: -${radioOutlineWidth};\n    right: -${radioOutlineWidth};\n    border-width: ${radioOutlineWidth};\n    border-style: solid;\n    border-radius: 50%;\n    box-sizing: border-box;\n  `;\n};\n\nexport const outlineColorMixin = (shadow: string, borderColor: string): string => {\n  return `\n    box-shadow: ${shadow};\n    border-color: ${borderColor};\n  `;\n};\n"],"mappings":"qLAAA,IAAAA,oCAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;;AAEO,IAAME,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,SAAjBA,cAAcA,CAAIE,QAAgB,EAAEC,UAAkB,EAAEC,QAAgB,EAAEC,SAAiB,EAAa;EACnH;EACeH,QAAQ;EACNC,UAAU;EACdC,QAAQ;;EAERC,SAAS;;;AAGxB,CAAC;;AAEM,IAAMC,eAAe,GAAAL,OAAA,CAAAK,eAAA,GAAG,SAAlBA,eAAeA;AAC1BC,gCAAwC;AACxCL,QAAgB;AAChBG,SAAiB;AACjBG,4BAAoC;AACpCC,kBAA0B;AACf;EACX,IAAMC,yBAAyB,GAAGC,QAAQ,CAACJ,gCAAgC,CAAC;EAC5E,IAAMK,aAAa,GAAGD,QAAQ,CAACT,QAAQ,CAAC;;EAExC,IAAMW,oBAAoB,GAAG,IAAAC,wEAAmC;IAC9DF,aAAa;IACbF,yBAAyB;IACzBK,gBAAQ;IACRC;EACF,CAAC;EACD,IAAMC,UAAU,aAAWZ,SAAS,eAAUG,4BAA4B,MAAG;EAC7E,IAAMU,aAAa,aAAWT,kBAAkB,WAAMD,4BAA4B,WAAMK,oBAAoB,QAAK;EACjH,IAAMM,aAAa,GAAGX,4BAA4B;EAClD;EACYS,UAAU;EACXA,UAAU;EACTC,aAAa,SAAIC,aAAa;;AAE5C,CAAC;;AAEM,IAAMC,iBAAiB,GAAAnB,OAAA,CAAAmB,iBAAA,GAAG,SAApBA,iBAAiBA,CAAIC,UAAkB,EAAa;EAC/D;;EAEcA,UAAU;EACXA,UAAU;;;AAGzB,CAAC;;AAEM,IAAMC,iBAAiB,GAAArB,OAAA,CAAAqB,iBAAA,GAAG,SAApBA,iBAAiBA,CAAIC,iBAAyB,EAAa;EACtE;;;EAGUA,iBAAiB;EACdA,iBAAiB;EACnBA,iBAAiB;EAChBA,iBAAiB;EACXA,iBAAiB;;;;;AAKrC,CAAC;;AAEM,IAAMC,iBAAiB,GAAAvB,OAAA,CAAAuB,iBAAA,GAAG,SAApBA,iBAAiBA,CAAIC,MAAc,EAAEC,WAAmB,EAAa;EAChF;EACgBD,MAAM;EACJC,WAAW;;AAE/B,CAAC","ignoreList":[]}

package/cjs/components/Radio/Radio.styles.d.ts

@@ -1,28 +0,0 @@
-import type { Theme } from '../../lib/theming/Theme';
-export declare const globalClasses: {
-    circle: string;
-};
-export declare const getStyles: import("../../lib/theming/Emotion").StylesGetter<{
-    root(t: Theme): string;
-    rootSmall(t: Theme): string;
-    rootMedium(t: Theme): string;
-    rootLarge(t: Theme): string;
-    rootChecked(t: Theme): string;
-    circle(t: Theme): string;
-    circleSmall(t: Theme): string;
-    circleMedium(t: Theme): string;
-    circleLarge(t: Theme): string;
-    focus(t: Theme): string;
-    warning(t: Theme): string;
-    error(t: Theme): string;
-    checked(t: Theme): string;
-    checkedSmall(t: Theme): string;
-    checkedMedium(t: Theme): string;
-    checkedLarge(t: Theme): string;
-    checkedDisabled(t: Theme): string;
-    input(): string;
-    disabled(t: Theme): string;
-    caption(t: Theme): string;
-    captionDisabled(t: Theme): string;
-    placeholder(): string;
-}>;