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

package/components/PasswordInput/PasswordInput/PasswordInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","globalObject","isBrowser","locale","RenderLayer","isNonNullable","isKeyCapsLock","KeyboardEventCodes","Codes","Input","isIE11","CommonWrapper","ThemeContext","cx","rootNode","withSize","createPropsGetter","styles","PasswordInputIcon","PasswordInputLocaleHelper","PasswordInputDataTids","root","capsLockDetector","eyeIcon","PasswordInput","_dec","_class","_PasswordInput","_React$PureComponent","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","visible","focused","capsLockEnabled","getProps","focus","input","blur","handleKeyPress","e","_this$props","props","onKeyPress","detectCapsLock","getModifierState","CapsLock","setState","handleKeydown","_this2","_this2$props","onKeyDown","handleToggleVisibility","prevState","focusOnInput","handleFocus","event","onFocus","handleFocusOutside","hideSymbols","renderEye","createElement","className","iconWrapper","toggleVisibility","theme","getEyeWrapperClassname","disabled","type","eyeClosedAriaLabel","eyeOpenedAriaLabel","onClick","icon","size","refInput","element","renderMain","active","onFocusOutside","onClickOutside","_extends","ref","rightIcon","_inheritsLoose","_proto","prototype","componentDidMount","document","msCapsLockWarningOff","getDerivedStateFromProps","render","_this3","Consumer","rootNodeRef","setRootNode","eyeWrapperLarge","eyeWrapperMedium","eyeWrapperSmall","PureComponent","__KONTUR_REACT_UI__","displayName"],"sources":["PasswordInput.tsx"],"sourcesContent":["import type { AriaAttributes } from 'react';\nimport React from 'react';\nimport { globalObject, isBrowser } from '@skbkontur/global-object';\n\nimport { locale } from '../../lib/locale/decorators';\nimport { RenderLayer } from '../../internal/RenderLayer';\nimport { isNonNullable } from '../../lib/utils';\nimport { isKeyCapsLock } from '../../lib/events/keyboard/identifiers';\nimport { KeyboardEventCodes as Codes } from '../../lib/events/keyboard/KeyboardEventCodes';\nimport type { InputProps } from '../Input';\nimport { Input } from '../Input';\nimport type { Nullable } from '../../typings/utility-types';\nimport { isIE11 } from '../../lib/client';\nimport type { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { cx } from '../../lib/theming/Emotion';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { withSize } from '../../lib/size/SizeDecorator';\nimport type { SizeProp } from '../../lib/types/props';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { styles } from './PasswordInput.styles';\nimport { PasswordInputIcon } from './PasswordInputIcon';\nimport type { PasswordInputLocale } from './locale';\nimport { PasswordInputLocaleHelper } from './locale';\n\nexport interface PasswordInputProps\n  extends Pick<AriaAttributes, 'aria-label'>,\n    CommonProps,\n    Omit<InputProps, 'showClearIcon'> {\n  /** Визуально показывает, что активен CapsLock. */\n  detectCapsLock?: boolean;\n}\n\nexport interface PasswordInputState {\n  visible: boolean;\n  focused: boolean;\n  capsLockEnabled?: boolean | null;\n}\n\nexport const PasswordInputDataTids = {\n  root: 'PasswordInput',\n  capsLockDetector: 'PasswordInputCapsLockDetector',\n  eyeIcon: 'PasswordInputEyeIcon',\n} as const;\n\n/**\n * Однострочное поле для ввода пароля, в котором символы заменяются на точки.\n */\n\n@rootNode\n@locale('PasswordInput', PasswordInputLocaleHelper)\n@withSize\nexport class PasswordInput extends React.PureComponent<PasswordInputProps, PasswordInputState> {\n  public static __KONTUR_REACT_UI__ = 'PasswordInput';\n  public static displayName = 'PasswordInput';\n\n  public state: PasswordInputState = {\n    visible: false,\n    focused: false,\n    capsLockEnabled: false,\n  };\n  private size!: SizeProp;\n\n  private theme!: Theme;\n\n  private input: Nullable<Input>;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n  private readonly locale!: PasswordInputLocale;\n\n  private getProps = createPropsGetter({});\n\n  public componentDidMount() {\n    if (this.props.detectCapsLock) {\n      this.setState({ capsLockEnabled: null });\n    }\n\n    // @ts-expect-error: IE-specific API.\n    if (isIE11 && isBrowser(globalObject) && !globalObject.document.msCapsLockWarningOff) {\n      // @ts-expect-error: Read the comment above.\n      // turns off default ie capslock warning\n      globalObject.document.msCapsLockWarningOff = true;\n    }\n  }\n\n  public static getDerivedStateFromProps(props: PasswordInputProps, state: PasswordInputState) {\n    if (props.disabled) {\n      return { visible: false };\n    }\n\n    return state;\n  }\n\n  public render(): JSX.Element {\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   * Появляется фокусная рамка, элемент получает клавиатурные события и воспринимается как текущий элемент для чтения скринридерами.\n   * @public\n   */\n  public focus = () => {\n    if (this.input) {\n      this.input.focus();\n    }\n  };\n\n  /** Программно снимает фокус с кнопки.\n   * @public\n   */\n  public blur = () => {\n    if (this.input) {\n      this.input.blur();\n    }\n  };\n\n  private handleKeyPress = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    const { onKeyPress, detectCapsLock } = this.props;\n\n    if (onKeyPress) {\n      onKeyPress(e);\n    }\n\n    if (!detectCapsLock) {\n      return;\n    }\n\n    const capsLockEnabled = e.getModifierState(Codes.CapsLock);\n\n    this.setState({ capsLockEnabled });\n  };\n\n  private handleKeydown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    const {\n      props: { detectCapsLock, onKeyDown },\n      state: { capsLockEnabled },\n    } = this;\n\n    if (onKeyDown) {\n      onKeyDown(e);\n    }\n\n    if (!detectCapsLock) {\n      return;\n    }\n\n    if (isKeyCapsLock(e) && isNonNullable(capsLockEnabled)) {\n      this.setState({ capsLockEnabled: !capsLockEnabled });\n    }\n  };\n\n  private handleToggleVisibility = () => {\n    this.setState((prevState) => ({ visible: !prevState.visible }), this.focusOnInput);\n  };\n\n  private focusOnInput = () => {\n    if (this.input) {\n      this.input.focus();\n    }\n  };\n\n  private handleFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n    if (this.state.focused) {\n      return;\n    }\n\n    this.setState({ focused: true });\n\n    if (this.props.onFocus) {\n      this.props.onFocus(event);\n    }\n  };\n\n  private handleFocusOutside = () => {\n    this.hideSymbols();\n\n    if (this.state.focused) {\n      this.setState({ focused: false });\n    }\n  };\n\n  private getEyeWrapperClassname() {\n    switch (this.size) {\n      case 'large':\n        return styles.eyeWrapperLarge(this.theme);\n      case 'medium':\n        return styles.eyeWrapperMedium(this.theme);\n      case 'small':\n      default:\n        return styles.eyeWrapperSmall(this.theme);\n    }\n  }\n\n  private renderEye = () => {\n    const { capsLockEnabled } = this.state;\n\n    return (\n      <span className={styles.iconWrapper()}>\n        {capsLockEnabled && (\n          <span className={styles.capsLockDetector()} data-tid={PasswordInputDataTids.capsLockDetector} />\n        )}\n        <span className={cx(styles.toggleVisibility(this.theme), this.getEyeWrapperClassname())}>\n          {!this.props.disabled && (\n            <button\n              type=\"button\"\n              aria-label={this.state.visible ? this.locale.eyeClosedAriaLabel : this.locale.eyeOpenedAriaLabel}\n              onClick={this.handleToggleVisibility}\n              className={styles.icon()}\n              data-tid={PasswordInputDataTids.eyeIcon}\n            >\n              <PasswordInputIcon size={this.size} visible={this.state.visible} />\n            </button>\n          )}\n        </span>\n      </span>\n    );\n  };\n\n  private refInput = (element: Input) => {\n    this.input = element;\n  };\n\n  private hideSymbols = () => {\n    this.setState({ visible: false });\n  };\n\n  private renderMain = (props: CommonWrapperRestProps<PasswordInputProps>) => {\n    return (\n      <RenderLayer\n        active={this.state.focused}\n        onFocusOutside={this.handleFocusOutside}\n        onClickOutside={this.handleFocusOutside}\n      >\n        <div data-tid={PasswordInputDataTids.root} className={styles.root()}>\n          <Input\n            ref={this.refInput}\n            type={this.state.visible ? 'text' : 'password'}\n            onKeyDown={this.handleKeydown}\n            onKeyPress={this.handleKeyPress}\n            rightIcon={this.renderEye()}\n            onFocus={this.handleFocus}\n            {...props}\n          />\n        </div>\n      </RenderLayer>\n    );\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","globalObject","isBrowser","locale","RenderLayer","isNonNullable","isKeyCapsLock","KeyboardEventCodes","Codes","Input","isIE11","CommonWrapper","ThemeContext","cx","rootNode","withSize","createPropsGetter","styles","PasswordInputIcon","PasswordInputLocaleHelper","PasswordInputDataTids","root","capsLockDetector","eyeIcon","PasswordInput","_dec","_class","_PasswordInput","_React$PureComponent","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","state","visible","focused","capsLockEnabled","getProps","focus","input","blur","handleKeyPress","e","_this$props","props","onKeyPress","detectCapsLock","getModifierState","CapsLock","setState","handleKeydown","_this2","_this2$props","onKeyDown","handleToggleVisibility","prevState","focusOnInput","handleFocus","event","onFocus","handleFocusOutside","hideSymbols","renderEye","createElement","className","iconWrapper","toggleVisibility","theme","getEyeWrapperClassname","disabled","type","eyeClosedAriaLabel","eyeOpenedAriaLabel","onClick","icon","size","refInput","element","renderMain","active","onFocusOutside","onClickOutside","_extends","ref","rightIcon","_inherits","_createClass","key","value","componentDidMount","document","msCapsLockWarningOff","render","_this3","Consumer","rootNodeRef","setRootNode","eyeWrapperLarge","eyeWrapperMedium","eyeWrapperSmall","getDerivedStateFromProps","PureComponent","__KONTUR_REACT_UI__","displayName"],"sources":["PasswordInput.tsx"],"sourcesContent":["import type { AriaAttributes } from 'react';\nimport React from 'react';\nimport { globalObject, isBrowser } from '@skbkontur/global-object';\n\nimport { locale } from '../../lib/locale/decorators';\nimport { RenderLayer } from '../../internal/RenderLayer';\nimport { isNonNullable } from '../../lib/utils';\nimport { isKeyCapsLock } from '../../lib/events/keyboard/identifiers';\nimport { KeyboardEventCodes as Codes } from '../../lib/events/keyboard/KeyboardEventCodes';\nimport type { InputProps } from '../Input';\nimport { Input } from '../Input';\nimport type { Nullable } from '../../typings/utility-types';\nimport { isIE11 } from '../../lib/client';\nimport type { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { cx } from '../../lib/theming/Emotion';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { withSize } from '../../lib/size/SizeDecorator';\nimport type { SizeProp } from '../../lib/types/props';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { styles } from './PasswordInput.styles';\nimport { PasswordInputIcon } from './PasswordInputIcon';\nimport type { PasswordInputLocale } from './locale';\nimport { PasswordInputLocaleHelper } from './locale';\n\nexport interface PasswordInputProps\n  extends Pick<AriaAttributes, 'aria-label'>,\n    CommonProps,\n    Omit<InputProps, 'showClearIcon'> {\n  /** Визуально показывает, что активен CapsLock. */\n  detectCapsLock?: boolean;\n}\n\nexport interface PasswordInputState {\n  visible: boolean;\n  focused: boolean;\n  capsLockEnabled?: boolean | null;\n}\n\nexport const PasswordInputDataTids = {\n  root: 'PasswordInput',\n  capsLockDetector: 'PasswordInputCapsLockDetector',\n  eyeIcon: 'PasswordInputEyeIcon',\n} as const;\n\n/**\n * Однострочное поле для ввода пароля, в котором символы заменяются на точки.\n */\n\n@rootNode\n@locale('PasswordInput', PasswordInputLocaleHelper)\n@withSize\nexport class PasswordInput extends React.PureComponent<PasswordInputProps, PasswordInputState> {\n  public static __KONTUR_REACT_UI__ = 'PasswordInput';\n  public static displayName = 'PasswordInput';\n\n  public state: PasswordInputState = {\n    visible: false,\n    focused: false,\n    capsLockEnabled: false,\n  };\n  private size!: SizeProp;\n\n  private theme!: Theme;\n\n  private input: Nullable<Input>;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n  private readonly locale!: PasswordInputLocale;\n\n  private getProps = createPropsGetter({});\n\n  public componentDidMount() {\n    if (this.props.detectCapsLock) {\n      this.setState({ capsLockEnabled: null });\n    }\n\n    // @ts-expect-error: IE-specific API.\n    if (isIE11 && isBrowser(globalObject) && !globalObject.document.msCapsLockWarningOff) {\n      // @ts-expect-error: Read the comment above.\n      // turns off default ie capslock warning\n      globalObject.document.msCapsLockWarningOff = true;\n    }\n  }\n\n  public static getDerivedStateFromProps(props: PasswordInputProps, state: PasswordInputState) {\n    if (props.disabled) {\n      return { visible: false };\n    }\n\n    return state;\n  }\n\n  public render(): JSX.Element {\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   * Появляется фокусная рамка, элемент получает клавиатурные события и воспринимается как текущий элемент для чтения скринридерами.\n   * @public\n   */\n  public focus = () => {\n    if (this.input) {\n      this.input.focus();\n    }\n  };\n\n  /** Программно снимает фокус с кнопки.\n   * @public\n   */\n  public blur = () => {\n    if (this.input) {\n      this.input.blur();\n    }\n  };\n\n  private handleKeyPress = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    const { onKeyPress, detectCapsLock } = this.props;\n\n    if (onKeyPress) {\n      onKeyPress(e);\n    }\n\n    if (!detectCapsLock) {\n      return;\n    }\n\n    const capsLockEnabled = e.getModifierState(Codes.CapsLock);\n\n    this.setState({ capsLockEnabled });\n  };\n\n  private handleKeydown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    const {\n      props: { detectCapsLock, onKeyDown },\n      state: { capsLockEnabled },\n    } = this;\n\n    if (onKeyDown) {\n      onKeyDown(e);\n    }\n\n    if (!detectCapsLock) {\n      return;\n    }\n\n    if (isKeyCapsLock(e) && isNonNullable(capsLockEnabled)) {\n      this.setState({ capsLockEnabled: !capsLockEnabled });\n    }\n  };\n\n  private handleToggleVisibility = () => {\n    this.setState((prevState) => ({ visible: !prevState.visible }), this.focusOnInput);\n  };\n\n  private focusOnInput = () => {\n    if (this.input) {\n      this.input.focus();\n    }\n  };\n\n  private handleFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n    if (this.state.focused) {\n      return;\n    }\n\n    this.setState({ focused: true });\n\n    if (this.props.onFocus) {\n      this.props.onFocus(event);\n    }\n  };\n\n  private handleFocusOutside = () => {\n    this.hideSymbols();\n\n    if (this.state.focused) {\n      this.setState({ focused: false });\n    }\n  };\n\n  private getEyeWrapperClassname() {\n    switch (this.size) {\n      case 'large':\n        return styles.eyeWrapperLarge(this.theme);\n      case 'medium':\n        return styles.eyeWrapperMedium(this.theme);\n      case 'small':\n      default:\n        return styles.eyeWrapperSmall(this.theme);\n    }\n  }\n\n  private renderEye = () => {\n    const { capsLockEnabled } = this.state;\n\n    return (\n      <span className={styles.iconWrapper()}>\n        {capsLockEnabled && (\n          <span className={styles.capsLockDetector()} data-tid={PasswordInputDataTids.capsLockDetector} />\n        )}\n        <span className={cx(styles.toggleVisibility(this.theme), this.getEyeWrapperClassname())}>\n          {!this.props.disabled && (\n            <button\n              type=\"button\"\n              aria-label={this.state.visible ? this.locale.eyeClosedAriaLabel : this.locale.eyeOpenedAriaLabel}\n              onClick={this.handleToggleVisibility}\n              className={styles.icon()}\n              data-tid={PasswordInputDataTids.eyeIcon}\n            >\n              <PasswordInputIcon size={this.size} visible={this.state.visible} />\n            </button>\n          )}\n        </span>\n      </span>\n    );\n  };\n\n  private refInput = (element: Input) => {\n    this.input = element;\n  };\n\n  private hideSymbols = () => {\n    this.setState({ visible: false });\n  };\n\n  private renderMain = (props: CommonWrapperRestProps<PasswordInputProps>) => {\n    return (\n      <RenderLayer\n        active={this.state.focused}\n        onFocusOutside={this.handleFocusOutside}\n        onClickOutside={this.handleFocusOutside}\n      >\n        <div data-tid={PasswordInputDataTids.root} className={styles.root()}>\n          <Input\n            ref={this.refInput}\n            type={this.state.visible ? 'text' : 'password'}\n            onKeyDown={this.handleKeydown}\n            onKeyPress={this.handleKeyPress}\n            rightIcon={this.renderEye()}\n            onFocus={this.handleFocus}\n            {...props}\n          />\n        </div>\n      </RenderLayer>\n    );\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/components/PasswordInput/PasswordInput.styles/PasswordInput.styles.js

@@ -1,29 +1,29 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
 import { css, memoizeStyle } from "../../../lib/theming/Emotion";
 export var styles = memoizeStyle({
   root: function root() {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      position: relative;\n      display: inline-block;\n      line-height: normal;\n      width: 100%;\n\n      input::-ms-clear,\n      input::-ms-reveal {\n        display: none;\n      }\n    "])));
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      position: relative;\n      display: inline-block;\n      line-height: normal;\n      width: 100%;\n\n      input::-ms-clear,\n      input::-ms-reveal {\n        display: none;\n      }\n    "])));
   },
   toggleVisibility: function toggleVisibility(t) {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      cursor: pointer;\n      opacity: ", ";\n      user-select: none;\n\n      &:hover {\n        color: ", ";\n        opacity: ", ";\n      }\n    "])), t.passwordInputVisibilityIconColor, t.passwordInputVisibilityIconOpacity, t.passwordInputVisibilityIconHoverColor, t.passwordInputVisibilityIconHoverOpacity);
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      color: ", ";\n      cursor: pointer;\n      opacity: ", ";\n      user-select: none;\n\n      &:hover {\n        color: ", ";\n        opacity: ", ";\n      }\n    "])), t.passwordInputVisibilityIconColor, t.passwordInputVisibilityIconOpacity, t.passwordInputVisibilityIconHoverColor, t.passwordInputVisibilityIconHoverOpacity);
   },
   capsLockDetector: function capsLockDetector() {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      font-size: 9px;\n      margin-right: 8px;\n      color: #fff;\n      cursor: default;\n      background: #999;\n      padding: 2px 5px;\n      border-radius: 3px;\n      z-index: 9;\n      box-sizing: border-box;\n      line-height: normal;\n\n      &::before {\n        content: 'CapsLock';\n      }\n    "])));
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      display: inline-block;\n      font-size: 9px;\n      margin-right: 8px;\n      color: #fff;\n      cursor: default;\n      background: #999;\n      padding: 2px 5px;\n      border-radius: 3px;\n      z-index: 9;\n      box-sizing: border-box;\n      line-height: normal;\n\n      &::before {\n        content: 'CapsLock';\n      }\n    "])));
   },
   iconWrapper: function iconWrapper() {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      display: flex;\n      align-items: center;\n      justify-content: flex-end;\n    "])));
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      display: flex;\n      align-items: center;\n      justify-content: flex-end;\n    "])));
   },
   eyeWrapperSmall: function eyeWrapperSmall(t) {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      min-width: ", ";\n    "])), t.inputIconSizeSmall);
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      min-width: ", ";\n    "])), t.inputIconSizeSmall);
   },
   eyeWrapperMedium: function eyeWrapperMedium(t) {
-    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      min-width: ", ";\n    "])), t.inputIconSizeMedium);
+    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n      min-width: ", ";\n    "])), t.inputIconSizeMedium);
   },
   eyeWrapperLarge: function eyeWrapperLarge(t) {
-    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      min-width: ", ";\n    "])), t.inputIconSizeLarge);
+    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      min-width: ", ";\n    "])), t.inputIconSizeLarge);
   },
   icon: function icon() {
-    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      padding: 0;\n      border: none;\n      font: inherit;\n      color: inherit;\n      background-color: transparent;\n      cursor: pointer;\n    "])));
+    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n      padding: 0;\n      border: none;\n      font: inherit;\n      color: inherit;\n      background-color: transparent;\n      cursor: pointer;\n    "])));
   }
 });

package/components/PasswordInput/PasswordInput.styles/PasswordInput.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","styles","root","_templateObject","_taggedTemplateLiteralLoose","toggleVisibility","t","_templateObject2","passwordInputVisibilityIconColor","passwordInputVisibilityIconOpacity","passwordInputVisibilityIconHoverColor","passwordInputVisibilityIconHoverOpacity","capsLockDetector","_templateObject3","iconWrapper","_templateObject4","eyeWrapperSmall","_templateObject5","inputIconSizeSmall","eyeWrapperMedium","_templateObject6","inputIconSizeMedium","eyeWrapperLarge","_templateObject7","inputIconSizeLarge","icon","_templateObject8"],"sources":["PasswordInput.styles.ts"],"sourcesContent":["import type { Theme } from '../../lib/theming/Theme';\nimport { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      position: relative;\n      display: inline-block;\n      line-height: normal;\n      width: 100%;\n\n      input::-ms-clear,\n      input::-ms-reveal {\n        display: none;\n      }\n    `;\n  },\n  toggleVisibility(t: Theme) {\n    return css`\n      color: ${t.passwordInputVisibilityIconColor};\n      cursor: pointer;\n      opacity: ${t.passwordInputVisibilityIconOpacity};\n      user-select: none;\n\n      &:hover {\n        color: ${t.passwordInputVisibilityIconHoverColor};\n        opacity: ${t.passwordInputVisibilityIconHoverOpacity};\n      }\n    `;\n  },\n  capsLockDetector() {\n    return css`\n      display: inline-block;\n      font-size: 9px;\n      margin-right: 8px;\n      color: #fff;\n      cursor: default;\n      background: #999;\n      padding: 2px 5px;\n      border-radius: 3px;\n      z-index: 9;\n      box-sizing: border-box;\n      line-height: normal;\n\n      &::before {\n        content: 'CapsLock';\n      }\n    `;\n  },\n  iconWrapper() {\n    return css`\n      display: flex;\n      align-items: center;\n      justify-content: flex-end;\n    `;\n  },\n\n  eyeWrapperSmall(t: Theme) {\n    return css`\n      min-width: ${t.inputIconSizeSmall};\n    `;\n  },\n\n  eyeWrapperMedium(t: Theme) {\n    return css`\n      min-width: ${t.inputIconSizeMedium};\n    `;\n  },\n\n  eyeWrapperLarge(t: Theme) {\n    return css`\n      min-width: ${t.inputIconSizeLarge};\n    `;\n  },\n  icon() {\n    return css`\n      padding: 0;\n      border: none;\n      font: inherit;\n      color: inherit;\n      background-color: transparent;\n      cursor: pointer;\n    `;\n  },\n});\n"],"mappings":";AACA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;AAE7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,IAAI,WAAAA,KAAA,EAAG;IACL,OAAOH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;;;;;;;;EAWZ,CAAC;EACDC,gBAAgB,WAAAA,iBAACC,CAAQ,EAAE;IACzB,OAAOP,GAAG,CAAAQ,gBAAA,KAAAA,gBAAA,GAAAH,2BAAA;IACCE,CAAC,CAACE,gCAAgC;;IAEhCF,CAAC,CAACG,kCAAkC;;;;IAIpCH,CAAC,CAACI,qCAAqC;IACrCJ,CAAC,CAACK,uCAAuC;;;EAG1D,CAAC;EACDC,gBAAgB,WAAAA,iBAAA,EAAG;IACjB,OAAOb,GAAG,CAAAc,gBAAA,KAAAA,gBAAA,GAAAT,2BAAA;;;;;;;;;;;;;;;;;EAiBZ,CAAC;EACDU,WAAW,WAAAA,YAAA,EAAG;IACZ,OAAOf,GAAG,CAAAgB,gBAAA,KAAAA,gBAAA,GAAAX,2BAAA;;;;;EAKZ,CAAC;;EAEDY,eAAe,WAAAA,gBAACV,CAAQ,EAAE;IACxB,OAAOP,GAAG,CAAAkB,gBAAA,KAAAA,gBAAA,GAAAb,2BAAA;IACKE,CAAC,CAACY,kBAAkB;;EAErC,CAAC;;EAEDC,gBAAgB,WAAAA,iBAACb,CAAQ,EAAE;IACzB,OAAOP,GAAG,CAAAqB,gBAAA,KAAAA,gBAAA,GAAAhB,2BAAA;IACKE,CAAC,CAACe,mBAAmB;;EAEtC,CAAC;;EAEDC,eAAe,WAAAA,gBAAChB,CAAQ,EAAE;IACxB,OAAOP,GAAG,CAAAwB,gBAAA,KAAAA,gBAAA,GAAAnB,2BAAA;IACKE,CAAC,CAACkB,kBAAkB;;EAErC,CAAC;EACDC,IAAI,WAAAA,KAAA,EAAG;IACL,OAAO1B,GAAG,CAAA2B,gBAAA,KAAAA,gBAAA,GAAAtB,2BAAA;;;;;;;;EAQZ;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","styles","root","_templateObject","_taggedTemplateLiteral","toggleVisibility","t","_templateObject2","passwordInputVisibilityIconColor","passwordInputVisibilityIconOpacity","passwordInputVisibilityIconHoverColor","passwordInputVisibilityIconHoverOpacity","capsLockDetector","_templateObject3","iconWrapper","_templateObject4","eyeWrapperSmall","_templateObject5","inputIconSizeSmall","eyeWrapperMedium","_templateObject6","inputIconSizeMedium","eyeWrapperLarge","_templateObject7","inputIconSizeLarge","icon","_templateObject8"],"sources":["PasswordInput.styles.ts"],"sourcesContent":["import type { Theme } from '../../lib/theming/Theme';\nimport { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      position: relative;\n      display: inline-block;\n      line-height: normal;\n      width: 100%;\n\n      input::-ms-clear,\n      input::-ms-reveal {\n        display: none;\n      }\n    `;\n  },\n  toggleVisibility(t: Theme) {\n    return css`\n      color: ${t.passwordInputVisibilityIconColor};\n      cursor: pointer;\n      opacity: ${t.passwordInputVisibilityIconOpacity};\n      user-select: none;\n\n      &:hover {\n        color: ${t.passwordInputVisibilityIconHoverColor};\n        opacity: ${t.passwordInputVisibilityIconHoverOpacity};\n      }\n    `;\n  },\n  capsLockDetector() {\n    return css`\n      display: inline-block;\n      font-size: 9px;\n      margin-right: 8px;\n      color: #fff;\n      cursor: default;\n      background: #999;\n      padding: 2px 5px;\n      border-radius: 3px;\n      z-index: 9;\n      box-sizing: border-box;\n      line-height: normal;\n\n      &::before {\n        content: 'CapsLock';\n      }\n    `;\n  },\n  iconWrapper() {\n    return css`\n      display: flex;\n      align-items: center;\n      justify-content: flex-end;\n    `;\n  },\n\n  eyeWrapperSmall(t: Theme) {\n    return css`\n      min-width: ${t.inputIconSizeSmall};\n    `;\n  },\n\n  eyeWrapperMedium(t: Theme) {\n    return css`\n      min-width: ${t.inputIconSizeMedium};\n    `;\n  },\n\n  eyeWrapperLarge(t: Theme) {\n    return css`\n      min-width: ${t.inputIconSizeLarge};\n    `;\n  },\n  icon() {\n    return css`\n      padding: 0;\n      border: none;\n      font: inherit;\n      color: inherit;\n      background-color: transparent;\n      cursor: pointer;\n    `;\n  },\n});\n"],"mappings":";AACA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;AAE7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,IAAI,WAAAA,KAAA,EAAG;IACL,OAAOH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,sBAAA;;;;;;;;;;;EAWZ,CAAC;EACDC,gBAAgB,WAAAA,iBAACC,CAAQ,EAAE;IACzB,OAAOP,GAAG,CAAAQ,gBAAA,KAAAA,gBAAA,GAAAH,sBAAA;IACCE,CAAC,CAACE,gCAAgC;;IAEhCF,CAAC,CAACG,kCAAkC;;;;IAIpCH,CAAC,CAACI,qCAAqC;IACrCJ,CAAC,CAACK,uCAAuC;;;EAG1D,CAAC;EACDC,gBAAgB,WAAAA,iBAAA,EAAG;IACjB,OAAOb,GAAG,CAAAc,gBAAA,KAAAA,gBAAA,GAAAT,sBAAA;;;;;;;;;;;;;;;;;EAiBZ,CAAC;EACDU,WAAW,WAAAA,YAAA,EAAG;IACZ,OAAOf,GAAG,CAAAgB,gBAAA,KAAAA,gBAAA,GAAAX,sBAAA;;;;;EAKZ,CAAC;;EAEDY,eAAe,WAAAA,gBAACV,CAAQ,EAAE;IACxB,OAAOP,GAAG,CAAAkB,gBAAA,KAAAA,gBAAA,GAAAb,sBAAA;IACKE,CAAC,CAACY,kBAAkB;;EAErC,CAAC;;EAEDC,gBAAgB,WAAAA,iBAACb,CAAQ,EAAE;IACzB,OAAOP,GAAG,CAAAqB,gBAAA,KAAAA,gBAAA,GAAAhB,sBAAA;IACKE,CAAC,CAACe,mBAAmB;;EAEtC,CAAC;;EAEDC,eAAe,WAAAA,gBAAChB,CAAQ,EAAE;IACxB,OAAOP,GAAG,CAAAwB,gBAAA,KAAAA,gBAAA,GAAAnB,sBAAA;IACKE,CAAC,CAACkB,kBAAkB;;EAErC,CAAC;EACDC,IAAI,WAAAA,KAAA,EAAG;IACL,OAAO1B,GAAG,CAAA2B,gBAAA,KAAAA,gBAAA,GAAAtB,sBAAA;;;;;;;;EAQZ;AACF,CAAC,CAAC","ignoreList":[]}

package/components/Radio/Radio/Radio.js

@@ -1,8 +1,18 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _isNativeReflectConstruct from "@babel/runtime/helpers/esm/isNativeReflectConstruct";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
 var _excluded = ["disabled", "warning", "error", "size", "focused", "onMouseOver", "onMouseEnter", "onMouseLeave", "onValueChange"];
 var _class, _Radio;
+function _callSuper(t, o, e) {
+  return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
+}
 import React from 'react';
 import { globalObject } from '@skbkontur/global-object';
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
@@ -28,10 +38,11 @@ export var RadioDataTids = {
 export var Radio = rootNode(_class = withSize(_class = (_Radio = /*#__PURE__*/function (_React$Component) {
   function Radio() {
     var _this;
+    _classCallCheck(this, Radio);
     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 = _callSuper(this, Radio, [].concat(args));
     _this.state = {
       focusedByKeyboard: false
     };
@@ -39,7 +50,6 @@ export var Radio = rootNode(_class = withSize(_class = (_Radio = /*#__PURE__*/fu
     _this.context = _this.context;
     _this.inputEl = /*#__PURE__*/React.createRef();
     _this.renderMain = function (props) {
-      var _cx, _cx2;
       var _props$disabled = props.disabled,
         disabled = _props$disabled === void 0 ? _this.context.disabled : _props$disabled,
         _props$warning = props.warning,
@@ -52,15 +62,15 @@ export var Radio = rootNode(_class = withSize(_class = (_Radio = /*#__PURE__*/fu
         onMouseEnter = props.onMouseEnter,
         onMouseLeave = props.onMouseLeave,
         onValueChange = props.onValueChange,
-        rest = _objectWithoutPropertiesLoose(props, _excluded);
+        rest = _objectWithoutProperties(props, _excluded);
       var radioProps = {
-        className: cx((_cx = {}, _cx[styles.circle(_this.theme)] = true, _cx[_this.getCircleSizeClassName()] = true, _cx[styles.checked(_this.theme)] = _this.props.checked, _cx[_this.getCheckedSizeClassName()] = _this.props.checked, _cx[styles.focus(_this.theme)] = _this.getProps().focused || _this.state.focusedByKeyboard, _cx[styles.error(_this.theme)] = error, _cx[styles.warning(_this.theme)] = warning, _cx[styles.disabled(_this.theme)] = disabled, _cx[styles.checkedDisabled(_this.theme)] = _this.props.checked && disabled, _cx[globalClasses.circle] = true, _cx))
+        className: cx(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, styles.circle(_this.theme), true), _this.getCircleSizeClassName(), true), styles.checked(_this.theme), _this.props.checked), _this.getCheckedSizeClassName(), _this.props.checked), styles.focus(_this.theme), _this.getProps().focused || _this.state.focusedByKeyboard), styles.error(_this.theme), error), styles.warning(_this.theme), warning), styles.disabled(_this.theme), disabled), styles.checkedDisabled(_this.theme), _this.props.checked && disabled), globalClasses.circle, true))
       };
       var value;
       if (typeof _this.props.value === 'string' || typeof _this.props.value === 'number') {
         value = _this.props.value;
       }
-      var inputProps = _extends({}, rest, {
+      var inputProps = _objectSpread(_objectSpread({}, rest), {}, {
         type: 'radio',
         className: styles.input(),
         disabled: disabled,
@@ -72,20 +82,19 @@ export var Radio = rootNode(_class = withSize(_class = (_Radio = /*#__PURE__*/fu
         onBlur: _this.handleBlur
       });
       var labelProps = {
-        className: cx(styles.root(_this.theme), _this.getRootSizeClassName(), (_cx2 = {}, _cx2[styles.rootChecked(_this.theme)] = _this.props.checked, _cx2[styles.rootIE11()] = isIE11 || isEdge, _cx2)),
+        className: cx(styles.root(_this.theme), _this.getRootSizeClassName(), _defineProperty(_defineProperty({}, styles.rootChecked(_this.theme), _this.props.checked), styles.rootIE11(), isIE11 || isEdge)),
         onMouseOver: _this.handleMouseOver,
         onMouseEnter: _this.handleMouseEnter,
         onMouseLeave: _this.handleMouseLeave,
         onClick: fixFirefoxModifiedClickOnLabel(_this.inputEl)
       };
       if (_this._isInRadioGroup()) {
-        var _cx3, _cx4;
         var checked = _this.props.value === _this.context.activeItem;
         inputProps.checked = checked;
         inputProps.name = _this.context.name;
         inputProps.suppressHydrationWarning = true;
-        labelProps.className = cx(styles.root(_this.theme), _this.getRootSizeClassName(), (_cx3 = {}, _cx3[styles.rootChecked(_this.theme)] = checked, _cx3[styles.rootIE11()] = isIE11 || isEdge, _cx3));
-        radioProps.className = cx(radioProps.className, (_cx4 = {}, _cx4[styles.checked(_this.theme)] = checked, _cx4[_this.getCheckedSizeClassName()] = checked, _cx4[styles.checkedDisabled(_this.theme)] = checked && disabled, _cx4));
+        labelProps.className = cx(styles.root(_this.theme), _this.getRootSizeClassName(), _defineProperty(_defineProperty({}, styles.rootChecked(_this.theme), checked), styles.rootIE11(), isIE11 || isEdge));
+        radioProps.className = cx(radioProps.className, _defineProperty(_defineProperty(_defineProperty({}, styles.checked(_this.theme), checked), _this.getCheckedSizeClassName(), checked), styles.checkedDisabled(_this.theme), checked && disabled));
       }
       return /*#__PURE__*/(
         React.createElement("label", _extends({
@@ -105,26 +114,31 @@ export var Radio = rootNode(_class = withSize(_class = (_Radio = /*#__PURE__*/fu
       return Boolean(_this.context.name);
     };
     _this.handleChange = function (e) {
-      _this.props.onValueChange == null || _this.props.onValueChange(_this.props.value);
+      var _this$props$onValueCh, _this$props, _this$props$onChange, _this$props2;
+      (_this$props$onValueCh = (_this$props = _this.props).onValueChange) === null || _this$props$onValueCh === void 0 || _this$props$onValueCh.call(_this$props, _this.props.value);
       if (_this._isInRadioGroup()) {
         _this.context.onSelect(_this.props.value);
       }
-      _this.props.onChange == null || _this.props.onChange(e);
+      (_this$props$onChange = (_this$props2 = _this.props).onChange) === null || _this$props$onChange === void 0 || _this$props$onChange.call(_this$props2, e);
     };
     _this.handleMouseOver = function (e) {
-      _this.props.onMouseOver == null || _this.props.onMouseOver(e);
+      var _this$props$onMouseOv, _this$props3;
+      (_this$props$onMouseOv = (_this$props3 = _this.props).onMouseOver) === null || _this$props$onMouseOv === void 0 || _this$props$onMouseOv.call(_this$props3, e);
     };
     _this.handleMouseEnter = function (e) {
-      _this.props.onMouseEnter == null || _this.props.onMouseEnter(e);
+      var _this$props$onMouseEn, _this$props4;
+      (_this$props$onMouseEn = (_this$props4 = _this.props).onMouseEnter) === null || _this$props$onMouseEn === void 0 || _this$props$onMouseEn.call(_this$props4, e);
     };
     _this.handleMouseLeave = function (e) {
-      _this.props.onMouseLeave == null || _this.props.onMouseLeave(e);
+      var _this$props$onMouseLe, _this$props5;
+      (_this$props$onMouseLe = (_this$props5 = _this.props).onMouseLeave) === null || _this$props$onMouseLe === void 0 || _this$props$onMouseLe.call(_this$props5, e);
     };
     _this.handleFocus = function (e) {
       if (!_this.context.disabled) {
+        var _globalObject$request;
         // focus event fires before keyDown eventlistener
         // so we should check tabPressed in async way
-        globalObject.requestAnimationFrame == null || globalObject.requestAnimationFrame(function () {
+        (_globalObject$request = globalObject.requestAnimationFrame) === null || _globalObject$request === void 0 || _globalObject$request.call(globalObject, function () {
           if (keyListener.isArrowPressed || keyListener.isTabPressed) {
             _this.setState({
               focusedByKeyboard: true
@@ -142,76 +156,89 @@ export var Radio = rootNode(_class = withSize(_class = (_Radio = /*#__PURE__*/fu
       });
     };
     _this.handleBlur = function (e) {
+      var _this$props$onBlur, _this$props6;
       _this.resetFocus();
-      _this.props.onBlur == null || _this.props.onBlur(e);
+      (_this$props$onBlur = (_this$props6 = _this.props).onBlur) === null || _this$props$onBlur === void 0 || _this$props$onBlur.call(_this$props6, e);
     };
     return _this;
   }
-  _inheritsLoose(Radio, _React$Component);
-  var _proto = Radio.prototype;
-  _proto.getRootSizeClassName = function getRootSizeClassName() {
-    switch (this.size) {
-      case 'large':
-        return styles.rootLarge(this.theme);
-      case 'medium':
-        return styles.rootMedium(this.theme);
-      case 'small':
-      default:
-        return styles.rootSmall(this.theme);
+  _inherits(Radio, _React$Component);
+  return _createClass(Radio, [{
+    key: "getRootSizeClassName",
+    value: function getRootSizeClassName() {
+      switch (this.size) {
+        case 'large':
+          return styles.rootLarge(this.theme);
+        case 'medium':
+          return styles.rootMedium(this.theme);
+        case 'small':
+        default:
+          return styles.rootSmall(this.theme);
+      }
+    }
+  }, {
+    key: "getCircleSizeClassName",
+    value: function getCircleSizeClassName() {
+      switch (this.size) {
+        case 'large':
+          return styles.circleLarge(this.theme);
+        case 'medium':
+          return styles.circleMedium(this.theme);
+        case 'small':
+        default:
+          return styles.circleSmall(this.theme);
+      }
     }
-  };
-  _proto.getCircleSizeClassName = function getCircleSizeClassName() {
-    switch (this.size) {
-      case 'large':
-        return styles.circleLarge(this.theme);
-      case 'medium':
-        return styles.circleMedium(this.theme);
-      case 'small':
-      default:
-        return styles.circleSmall(this.theme);
+  }, {
+    key: "getCheckedSizeClassName",
+    value: function getCheckedSizeClassName() {
+      switch (this.size) {
+        case 'large':
+          return styles.checkedLarge(this.theme);
+        case 'medium':
+          return styles.checkedMedium(this.theme);
+        case 'small':
+        default:
+          return styles.checkedSmall(this.theme);
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+        _this2.theme = theme;
+        return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
+          rootNodeRef: _this2.setRootNode
+        }, _this2.getProps()), _this2.renderMain);
+      });
+    } /** Программно устанавливает фокус на радиокнопку. Появляется фокусная обводка, элемент получает клавиатурные события и воспринимается как текущий элемент для чтения скринридерами.
+      * @public
+      */
+  }, {
+    key: "focus",
+    value: function focus() {
+      var _this$inputEl$current;
+      keyListener.isTabPressed = true;
+      (_this$inputEl$current = this.inputEl.current) === null || _this$inputEl$current === void 0 || _this$inputEl$current.focus();
+    } /** Программно снимает фокус с радиокнопки.
+      * @public
+      */
+  }, {
+    key: "blur",
+    value: function blur() {
+      var _this$inputEl$current2;
+      (_this$inputEl$current2 = this.inputEl.current) === null || _this$inputEl$current2 === void 0 || _this$inputEl$current2.blur();
     }
-  };
-  _proto.getCheckedSizeClassName = function getCheckedSizeClassName() {
-    switch (this.size) {
-      case 'large':
-        return styles.checkedLarge(this.theme);
-      case 'medium':
-        return styles.checkedMedium(this.theme);
-      case 'small':
-      default:
-        return styles.checkedSmall(this.theme);
+  }, {
+    key: "renderCaption",
+    value: function renderCaption() {
+      var captionClassNames = cx(_defineProperty(_defineProperty(_defineProperty({}, styles.caption(this.theme), true), styles.captionDisabled(this.theme), !!(this.props.disabled || this.context.disabled)), styles.captionIE11(), isIE11 || isEdge));
+      return /*#__PURE__*/React.createElement("div", {
+        className: captionClassNames
+      }, this.props.children);
     }
-  };
-  _proto.render = function render() {
-    var _this2 = this;
-    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
-      _this2.theme = theme;
-      return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
-        rootNodeRef: _this2.setRootNode
-      }, _this2.getProps()), _this2.renderMain);
-    });
-  } /** Программно устанавливает фокус на радиокнопку. Появляется фокусная обводка, элемент получает клавиатурные события и воспринимается как текущий элемент для чтения скринридерами.
-    * @public
-    */;
-  _proto.focus = function focus() {
-    var _this$inputEl$current;
-    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 _cx5;
-    var captionClassNames = cx((_cx5 = {}, _cx5[styles.caption(this.theme)] = true, _cx5[styles.captionDisabled(this.theme)] = !!(this.props.disabled || this.context.disabled), _cx5[styles.captionIE11()] = isIE11 || isEdge, _cx5));
-    return /*#__PURE__*/React.createElement("div", {
-      className: captionClassNames
-    }, this.props.children);
-  };
-  return Radio;
+  }]);
 }(React.Component), _Radio.__KONTUR_REACT_UI__ = 'Radio', _Radio.displayName = 'Radio', _Radio.defaultProps = {
   focused: false
 }, _Radio.contextType = RadioGroupContext, _Radio)) || _class) || _class;

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

@@ -1 +1 @@
-{"version":3,"names":["React","globalObject","ThemeContext","CommonWrapper","cx","keyListener","rootNode","fixFirefoxModifiedClickOnLabel","isEdge","isIE11","RadioGroupContext","createPropsGetter","FocusControlWrapper","withSize","styles","globalClasses","RadioDataTids","root","Radio","_class","_Radio","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","focusedByKeyboard","getProps","defaultProps","context","inputEl","createRef","renderMain","props","_cx","_cx2","_props$disabled","disabled","_props$warning","warning","_props$error","error","size","focused","onMouseOver","onMouseEnter","onMouseLeave","onValueChange","rest","_objectWithoutPropertiesLoose","_excluded","radioProps","className","circle","theme","getCircleSizeClassName","checked","getCheckedSizeClassName","focus","checkedDisabled","value","inputProps","_extends","type","input","tabIndex","ref","onChange","handleChange","onFocus","handleFocus","onBlur","handleBlur","labelProps","getRootSizeClassName","rootChecked","rootIE11","handleMouseOver","handleMouseEnter","handleMouseLeave","onClick","_isInRadioGroup","_cx3","_cx4","activeItem","name","suppressHydrationWarning","createElement","onBlurWhenDisabled","resetFocus","placeholder","children","renderCaption","Boolean","e","onSelect","requestAnimationFrame","isArrowPressed","isTabPressed","setState","_inheritsLoose","_proto","prototype","rootLarge","rootMedium","rootSmall","circleLarge","circleMedium","circleSmall","checkedLarge","checkedMedium","checkedSmall","render","_this2","Consumer","rootNodeRef","setRootNode","_this$inputEl$current","current","blur","_this$inputEl$current2","_cx5","captionClassNames","caption","captionDisabled","captionIE11","Component","__KONTUR_REACT_UI__","displayName","contextType"],"sources":["Radio.tsx"],"sourcesContent":["import type { AriaAttributes } from 'react';\nimport React from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\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 { cx } from '../../lib/theming/Emotion';\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 { isEdge, isIE11 } from '../../lib/client';\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';\n\nimport { styles, 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@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 theme!: Theme;\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 getCircleSizeClassName() {\n    switch (this.size) {\n      case 'large':\n        return styles.circleLarge(this.theme);\n      case 'medium':\n        return styles.circleMedium(this.theme);\n      case 'small':\n      default:\n        return styles.circleSmall(this.theme);\n    }\n  }\n\n  private getCheckedSizeClassName() {\n    switch (this.size) {\n      case 'large':\n        return styles.checkedLarge(this.theme);\n      case 'medium':\n        return styles.checkedMedium(this.theme);\n      case 'small':\n      default:\n        return styles.checkedSmall(this.theme);\n    }\n  }\n\n  public render() {\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() {\n    keyListener.isTabPressed = true;\n    this.inputEl.current?.focus();\n  }\n\n  /** Программно снимает фокус с радиокнопки.\n   * @public\n   */\n  public blur() {\n    this.inputEl.current?.blur();\n  }\n\n  public renderMain = (props: CommonWrapperRestProps<RadioProps<T>>) => {\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: cx({\n        [styles.circle(this.theme)]: true,\n        [this.getCircleSizeClassName()]: true,\n        [styles.checked(this.theme)]: this.props.checked,\n        [this.getCheckedSizeClassName()]: this.props.checked,\n        [styles.focus(this.theme)]: this.getProps().focused || this.state.focusedByKeyboard,\n        [styles.error(this.theme)]: error,\n        [styles.warning(this.theme)]: warning,\n        [styles.disabled(this.theme)]: disabled,\n        [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: 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: cx(styles.root(this.theme), this.getRootSizeClassName(), {\n        [styles.rootChecked(this.theme)]: this.props.checked,\n        [styles.rootIE11()]: isIE11 || isEdge,\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 = cx(styles.root(this.theme), this.getRootSizeClassName(), {\n        [styles.rootChecked(this.theme)]: checked,\n        [styles.rootIE11()]: isIE11 || isEdge,\n      });\n      radioProps.className = cx(radioProps.className, {\n        [styles.checked(this.theme)]: checked,\n        [this.getCheckedSizeClassName()]: checked,\n        [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={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 = cx({\n      [styles.caption(this.theme)]: true,\n      [styles.captionDisabled(this.theme)]: !!(this.props.disabled || this.context.disabled),\n      [styles.captionIE11()]: isIE11 || isEdge,\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      globalObject.requestAnimationFrame?.(() => {\n        if (keyListener.isArrowPressed || 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":[]}
+{"version":3,"names":["React","globalObject","ThemeContext","CommonWrapper","cx","keyListener","rootNode","fixFirefoxModifiedClickOnLabel","isEdge","isIE11","RadioGroupContext","createPropsGetter","FocusControlWrapper","withSize","styles","globalClasses","RadioDataTids","root","Radio","_class","_Radio","_React$Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","state","focusedByKeyboard","getProps","defaultProps","context","inputEl","createRef","renderMain","props","_props$disabled","disabled","_props$warning","warning","_props$error","error","size","focused","onMouseOver","onMouseEnter","onMouseLeave","onValueChange","rest","_objectWithoutProperties","_excluded","radioProps","className","_defineProperty","circle","theme","getCircleSizeClassName","checked","getCheckedSizeClassName","focus","checkedDisabled","value","inputProps","_objectSpread","type","input","tabIndex","ref","onChange","handleChange","onFocus","handleFocus","onBlur","handleBlur","labelProps","getRootSizeClassName","rootChecked","rootIE11","handleMouseOver","handleMouseEnter","handleMouseLeave","onClick","_isInRadioGroup","activeItem","name","suppressHydrationWarning","createElement","_extends","onBlurWhenDisabled","resetFocus","placeholder","children","renderCaption","Boolean","e","_this$props$onValueCh","_this$props","_this$props$onChange","_this$props2","call","onSelect","_this$props$onMouseOv","_this$props3","_this$props$onMouseEn","_this$props4","_this$props$onMouseLe","_this$props5","_globalObject$request","requestAnimationFrame","isArrowPressed","isTabPressed","setState","_this$props$onBlur","_this$props6","_inherits","_createClass","key","rootLarge","rootMedium","rootSmall","circleLarge","circleMedium","circleSmall","checkedLarge","checkedMedium","checkedSmall","render","_this2","Consumer","rootNodeRef","setRootNode","_this$inputEl$current","current","blur","_this$inputEl$current2","captionClassNames","caption","captionDisabled","captionIE11","Component","__KONTUR_REACT_UI__","displayName","contextType"],"sources":["Radio.tsx"],"sourcesContent":["import type { AriaAttributes } from 'react';\nimport React from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\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 { cx } from '../../lib/theming/Emotion';\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 { isEdge, isIE11 } from '../../lib/client';\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';\n\nimport { styles, 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@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 theme!: Theme;\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 getCircleSizeClassName() {\n    switch (this.size) {\n      case 'large':\n        return styles.circleLarge(this.theme);\n      case 'medium':\n        return styles.circleMedium(this.theme);\n      case 'small':\n      default:\n        return styles.circleSmall(this.theme);\n    }\n  }\n\n  private getCheckedSizeClassName() {\n    switch (this.size) {\n      case 'large':\n        return styles.checkedLarge(this.theme);\n      case 'medium':\n        return styles.checkedMedium(this.theme);\n      case 'small':\n      default:\n        return styles.checkedSmall(this.theme);\n    }\n  }\n\n  public render() {\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() {\n    keyListener.isTabPressed = true;\n    this.inputEl.current?.focus();\n  }\n\n  /** Программно снимает фокус с радиокнопки.\n   * @public\n   */\n  public blur() {\n    this.inputEl.current?.blur();\n  }\n\n  public renderMain = (props: CommonWrapperRestProps<RadioProps<T>>) => {\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: cx({\n        [styles.circle(this.theme)]: true,\n        [this.getCircleSizeClassName()]: true,\n        [styles.checked(this.theme)]: this.props.checked,\n        [this.getCheckedSizeClassName()]: this.props.checked,\n        [styles.focus(this.theme)]: this.getProps().focused || this.state.focusedByKeyboard,\n        [styles.error(this.theme)]: error,\n        [styles.warning(this.theme)]: warning,\n        [styles.disabled(this.theme)]: disabled,\n        [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: 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: cx(styles.root(this.theme), this.getRootSizeClassName(), {\n        [styles.rootChecked(this.theme)]: this.props.checked,\n        [styles.rootIE11()]: isIE11 || isEdge,\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 = cx(styles.root(this.theme), this.getRootSizeClassName(), {\n        [styles.rootChecked(this.theme)]: checked,\n        [styles.rootIE11()]: isIE11 || isEdge,\n      });\n      radioProps.className = cx(radioProps.className, {\n        [styles.checked(this.theme)]: checked,\n        [this.getCheckedSizeClassName()]: checked,\n        [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={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 = cx({\n      [styles.caption(this.theme)]: true,\n      [styles.captionDisabled(this.theme)]: !!(this.props.disabled || this.context.disabled),\n      [styles.captionIE11()]: isIE11 || isEdge,\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      globalObject.requestAnimationFrame?.(() => {\n        if (keyListener.isArrowPressed || 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/components/Radio/Radio.mixins/Radio.mixins.js

@@ -1,26 +1,26 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 import { css } from "../../../lib/theming/Emotion";
 import { getLabGrotesqueBaselineCompensation } from "../../../lib/styles/getLabGrotesqueBaselineCompensation";
 import { isChrome, isFirefox } from "../../../lib/client";
 export var radioSizeMixin = function radioSizeMixin(fontSize, lineHeight, paddingY, radioSize) {
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n    font-size: ", ";\n    line-height: ", ";\n    padding: ", " 0;\n    &::before {\n      width: ", ";\n    }\n  "])), fontSize, lineHeight, paddingY, radioSize);
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    font-size: ", ";\n    line-height: ", ";\n    padding: ", " 0;\n    &::before {\n      width: ", ";\n    }\n  "])), fontSize, lineHeight, paddingY, radioSize);
 };
 export var circleSizeMixin = function circleSizeMixin(labGrotesqueBaselineCompensation, fontSize, radioSize, radioBorderWidthCompensation, radioCircleOffsetY) {
   var labGrotesqueCompenstation = parseInt(labGrotesqueBaselineCompensation);
   var radioFontSize = parseInt(fontSize);
   var baselineCompensation = getLabGrotesqueBaselineCompensation(radioFontSize, labGrotesqueCompenstation, isChrome, isFirefox);
-  var circleSize = "calc(" + radioSize + " - 2 * " + radioBorderWidthCompensation + ")";
-  var circleOffsetY = "calc(" + radioCircleOffsetY + " + " + radioBorderWidthCompensation + " + " + baselineCompensation + "px)";
+  var circleSize = "calc(".concat(radioSize, " - 2 * ").concat(radioBorderWidthCompensation, ")");
+  var circleOffsetY = "calc(".concat(radioCircleOffsetY, " + ").concat(radioBorderWidthCompensation, " + ").concat(baselineCompensation, "px)");
   var circleMarginX = radioBorderWidthCompensation;
-  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n    height: ", ";\n    width: ", ";\n    margin: ", " ", " 0;\n  "])), circleSize, circleSize, circleOffsetY, circleMarginX);
+  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    height: ", ";\n    width: ", ";\n    margin: ", " ", " 0;\n  "])), circleSize, circleSize, circleOffsetY, circleMarginX);
 };
 export var radioCheckedMixin = function radioCheckedMixin(bulletSize) {
-  return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n    &::before {\n      height: ", ";\n      width: ", ";\n    }\n  "])), bulletSize, bulletSize);
+  return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    &::before {\n      height: ", ";\n      width: ", ";\n    }\n  "])), bulletSize, bulletSize);
 };
 export var afterOutlineMixin = function afterOutlineMixin(radioOutlineWidth) {
-  return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n    content: ' ';\n    position: absolute;\n    top: -", ";\n    bottom: -", ";\n    left: -", ";\n    right: -", ";\n    border-width: ", ";\n    border-style: solid;\n    border-radius: 50%;\n    box-sizing: border-box;\n  "])), radioOutlineWidth, radioOutlineWidth, radioOutlineWidth, radioOutlineWidth, radioOutlineWidth);
+  return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    content: ' ';\n    position: absolute;\n    top: -", ";\n    bottom: -", ";\n    left: -", ";\n    right: -", ";\n    border-width: ", ";\n    border-style: solid;\n    border-radius: 50%;\n    box-sizing: border-box;\n  "])), radioOutlineWidth, radioOutlineWidth, radioOutlineWidth, radioOutlineWidth, radioOutlineWidth);
 };
 export var outlineColorMixin = function outlineColorMixin(shadow, borderColor) {
-  return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n    box-shadow: ", ";\n    border-color: ", ";\n  "])), shadow, borderColor);
+  return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    box-shadow: ", ";\n    border-color: ", ";\n  "])), shadow, borderColor);
 };