@skbkontur/react-ui 0.0.0-e66a3400ba → 0.0.0-eab52adf66

package/components/Checkbox/Checkbox/Checkbox.js

@@ -0,0 +1,304 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+var _excluded = ["error", "warning", "size", "onMouseEnter", "onMouseLeave", "onMouseOver", "onValueChange", "type", "initialIndeterminate", "aria-describedby", "aria-label"];
+var _class, _Checkbox;
+import React from 'react';
+import PropTypes from 'prop-types';
+import { globalObject } from '@skbkontur/global-object';
+import { keyListener } from "../../../lib/events/keyListener";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
+import { isEdge, isIE11 } from "../../../lib/client";
+import { CommonWrapper } from "../../../internal/CommonWrapper";
+import { cx } from "../../../lib/theming/Emotion";
+import { rootNode } from "../../../lib/rootNode";
+import { fixFirefoxModifiedClickOnLabel } from "../../../lib/events/fixFirefoxModifiedClickOnLabel";
+import { createPropsGetter } from "../../../lib/createPropsGetter";
+import { FocusControlWrapper } from "../../../internal/FocusControlWrapper";
+import { styles, globalClasses } from "../Checkbox.styles";
+import { CheckedIcon } from "../CheckedIcon";
+import { IndeterminateIcon } from "../IndeterminateIcon";
+export var CheckboxDataTids = {
+  root: 'Checkbox__root'
+};
+
+/**
+ * `Checkbox` используется для управления параметром с двумя состояниями.
+ *
+ * Чекбокс не запускает действие немедленно. Как правило, для этого нужно нажать подтверждающую кнопку.
+ * Для немедленного включения какого-то режима в интерфейсе лучше подходит Toggle.
+ */
+export var Checkbox = rootNode(_class = (_Checkbox = /*#__PURE__*/function (_React$PureComponent) {
+  function Checkbox() {
+    var _this;
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _React$PureComponent.call.apply(_React$PureComponent, [this].concat(args)) || this;
+    _this.getProps = createPropsGetter(Checkbox.defaultProps);
+    _this.state = {
+      focusedByTab: false,
+      indeterminate: _this.props.initialIndeterminate || false,
+      isShiftPressed: false
+    };
+    _this.input = /*#__PURE__*/React.createRef();
+    _this.handleShiftPress = function (e) {
+      if (e.key === 'Shift') {
+        _this.setState(function () {
+          return {
+            isShiftPressed: true
+          };
+        });
+      }
+    };
+    _this.handleShiftRelease = function (e) {
+      if (e.key === 'Shift') {
+        _this.setState({
+          isShiftPressed: false
+        });
+      }
+    };
+    _this.componentDidMount = function () {
+      var _globalObject$documen, _globalObject$documen2;
+      if (_this.state.indeterminate && _this.input.current) {
+        _this.input.current.indeterminate = true;
+      }
+      (_globalObject$documen = globalObject.document) == null || _globalObject$documen.addEventListener('keydown', _this.handleShiftPress);
+      (_globalObject$documen2 = globalObject.document) == null || _globalObject$documen2.addEventListener('keyup', _this.handleShiftRelease);
+    };
+    _this.componentWillUnmount = function () {
+      var _globalObject$documen3, _globalObject$documen4;
+      (_globalObject$documen3 = globalObject.document) == null || _globalObject$documen3.removeEventListener('keydown', _this.handleShiftPress);
+      (_globalObject$documen4 = globalObject.document) == null || _globalObject$documen4.removeEventListener('keyup', _this.handleShiftRelease);
+    };
+
+    /**
+     * Устанавливает чекбокс в HTML-состояние `indeterminate`.
+     * @public
+     */
+    _this.setIndeterminate = function () {
+      _this.setState({
+        indeterminate: true
+      });
+      if (_this.input.current) {
+        _this.input.current.indeterminate = true;
+      }
+    };
+
+    /**
+     * Снимает с чекбокса HTML-состояние `indeterminate`.
+     * @public
+     */
+    _this.resetIndeterminate = function () {
+      _this.setState({
+        indeterminate: false
+      });
+      if (_this.input.current) {
+        _this.input.current.indeterminate = false;
+      }
+    };
+    _this.renderMain = function (props) {
+      var _cx, _cx3, _cx4;
+      var error = props.error,
+        warning = props.warning,
+        size = props.size,
+        onMouseEnter = props.onMouseEnter,
+        onMouseLeave = props.onMouseLeave,
+        onMouseOver = props.onMouseOver,
+        onValueChange = props.onValueChange,
+        type = props.type,
+        initialIndeterminate = props.initialIndeterminate,
+        ariaDescribedby = props['aria-describedby'],
+        ariaLabel = props['aria-label'],
+        rest = _objectWithoutPropertiesLoose(props, _excluded);
+      var isIndeterminate = _this.state.indeterminate;
+      var iconClass = cx(styles.icon(), !props.checked && !isIndeterminate && styles.iconUnchecked());
+      var iconSize = parseInt(_this.getCheckboxBoxSize());
+      var IconCheck = /*#__PURE__*/
+      React.createElement("span", {
+        className: iconClass
+      }, /*#__PURE__*/
+      React.createElement(CheckedIcon, {
+        size: iconSize
+      }));
+      var IconSquare = /*#__PURE__*/
+      React.createElement("span", {
+        className: iconClass
+      }, /*#__PURE__*/
+      React.createElement(IndeterminateIcon, {
+        size: iconSize
+      }));
+      var rootClass = cx(_this.getRootSizeClassName(), (_cx = {}, _cx[styles.root(_this.theme)] = true, _cx[styles.rootFallback()] = isIE11 || isEdge, _cx[styles.rootChecked(_this.theme)] = props.checked || isIndeterminate, _cx[styles.rootDisableTextSelect()] = _this.state.isShiftPressed, _cx[styles.disabled(_this.theme)] = Boolean(props.disabled), _cx));
+      var inputProps = _extends({}, rest, {
+        type: 'checkbox',
+        className: styles.input(),
+        onChange: _this.handleChange,
+        onFocus: _this.handleFocus,
+        onBlur: _this.handleBlur,
+        onClick: _this.handleClick,
+        ref: _this.input
+      });
+      var caption = null;
+      if (_this.props.children) {
+        var _cx2;
+        var captionClass = cx((_cx2 = {}, _cx2[styles.caption(_this.theme)] = true, _cx2[styles.captionIE11()] = isIE11 || isEdge, _cx2[styles.disabled(_this.theme)] = Boolean(props.disabled), _cx2));
+        caption = /*#__PURE__*/React.createElement("span", {
+          className: captionClass
+        }, _this.props.children);
+      }
+      var box = /*#__PURE__*/
+      React.createElement("div", {
+        className: cx(_this.getBoxWrapperSizeClassName(), (_cx3 = {}, _cx3[styles.boxWrapper(_this.theme)] = true, _cx3))
+      }, /*#__PURE__*/
+
+      React.createElement("div", {
+        className: cx(styles.box(_this.theme), globalClasses.box, (_cx4 = {}, _cx4[styles.boxChecked(_this.theme)] = props.checked || isIndeterminate, _cx4[styles.boxFocus(_this.theme)] = _this.state.focusedByTab, _cx4[styles.boxError(_this.theme)] = props.error, _cx4[styles.boxWarning(_this.theme)] = props.warning, _cx4[styles.boxDisabled(_this.theme)] = props.disabled, _cx4))
+      }, isIndeterminate && IconSquare || IconCheck));
+      return /*#__PURE__*/(
+        React.createElement("label", {
+          "data-tid": CheckboxDataTids.root,
+          className: rootClass,
+          onMouseEnter: onMouseEnter,
+          onMouseLeave: onMouseLeave,
+          onMouseOver: onMouseOver,
+          onClick: fixFirefoxModifiedClickOnLabel(_this.input)
+        }, /*#__PURE__*/
+
+        React.createElement(FocusControlWrapper, {
+          onBlurWhenDisabled: _this.resetFocus
+        }, /*#__PURE__*/
+        React.createElement("input", _extends({}, inputProps, {
+          "aria-label": ariaLabel,
+          "aria-describedby": ariaDescribedby
+        }))), box, caption)
+      );
+    };
+    _this.handleFocus = function (e) {
+      if (!_this.props.disabled) {
+        // focus event fires before keyDown eventlistener
+        // so we should check tabPressed in async way
+        globalObject.requestAnimationFrame == null || globalObject.requestAnimationFrame(function () {
+          if (keyListener.isTabPressed) {
+            _this.setState({
+              focusedByTab: true
+            });
+          }
+        });
+        if (_this.props.onFocus) {
+          _this.props.onFocus(e);
+        }
+      }
+    };
+    _this.resetFocus = function () {
+      return _this.setState({
+        focusedByTab: false
+      });
+    };
+    _this.handleBlur = function (e) {
+      _this.resetFocus();
+      _this.props.onBlur == null || _this.props.onBlur(e);
+    };
+    _this.handleChange = function (event) {
+      var checked = event.currentTarget.checked;
+      _this.props.onValueChange == null || _this.props.onValueChange(checked);
+      _this.resetIndeterminate();
+      _this.props.onChange == null || _this.props.onChange(event);
+    };
+    _this.handleClick = function (e) {
+      _this.props.onClick == null || _this.props.onClick(e);
+      // support IE11's and old Edge's special behavior
+      // https://github.com/jquery/jquery/issues/1698
+      if (_this.state.indeterminate && (isIE11 || isEdge)) {
+        _this.resetIndeterminate();
+        // simulate correct behavior only if onValueChange is used
+        // because we cant simulate real native onChange event
+        if (_this.props.onValueChange && _this.input.current) {
+          var checked = !_this.input.current.checked;
+          if (_this.props.checked === undefined) {
+            // in case of uncontrolled mode
+            _this.input.current.checked = checked;
+          }
+          _this.props.onValueChange(checked);
+        }
+      }
+    };
+    return _this;
+  }
+  _inheritsLoose(Checkbox, _React$PureComponent);
+  var _proto = Checkbox.prototype;
+  _proto.getRootSizeClassName = function getRootSizeClassName() {
+    switch (this.getProps().size) {
+      case 'large':
+        return styles.rootLarge(this.theme);
+      case 'medium':
+        return styles.rootMedium(this.theme);
+      case 'small':
+      default:
+        return styles.rootSmall(this.theme);
+    }
+  };
+  _proto.getBoxWrapperSizeClassName = function getBoxWrapperSizeClassName() {
+    switch (this.getProps().size) {
+      case 'large':
+        return styles.boxWrapperLarge(this.theme);
+      case 'medium':
+        return styles.boxWrapperMedium(this.theme);
+      case 'small':
+      default:
+        return styles.boxWrapperSmall(this.theme);
+    }
+  };
+  _proto.getCheckboxBoxSize = function getCheckboxBoxSize() {
+    switch (this.getProps().size) {
+      case 'large':
+        return this.theme.checkboxBoxSizeLarge;
+      case 'medium':
+        return this.theme.checkboxBoxSizeMedium;
+      case 'small':
+      default:
+        return this.theme.checkboxBoxSizeSmall;
+    }
+  };
+  _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
+    if (prevProps.checked !== this.props.checked) {
+      this.resetIndeterminate();
+    }
+  };
+  _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$input$current;
+    keyListener.isTabPressed = true;
+    (_this$input$current = this.input.current) == null || _this$input$current.focus();
+  } /**
+    * Программное снятие фокуса с чекбокса.
+    * @public
+    */;
+  _proto.blur = function blur() {
+    var _this$input$current2;
+    (_this$input$current2 = this.input.current) == null || _this$input$current2.blur();
+  };
+  return Checkbox;
+}(React.PureComponent), _Checkbox.__KONTUR_REACT_UI__ = 'Checkbox', _Checkbox.displayName = 'Checkbox', _Checkbox.defaultProps = {
+  size: 'small'
+}, _Checkbox.propTypes = {
+  checked: PropTypes.bool,
+  disabled: PropTypes.bool,
+  error: PropTypes.bool,
+  warning: PropTypes.bool,
+  onValueChange: PropTypes.func,
+  onBlur: PropTypes.func,
+  onMouseEnter: PropTypes.func,
+  onMouseLeave: PropTypes.func,
+  onMouseOver: PropTypes.func
+}, _Checkbox)) || _class;

package/components/Checkbox/Checkbox/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","PropTypes","globalObject","keyListener","ThemeContext","isEdge","isIE11","CommonWrapper","cx","rootNode","fixFirefoxModifiedClickOnLabel","createPropsGetter","FocusControlWrapper","styles","globalClasses","CheckedIcon","IndeterminateIcon","CheckboxDataTids","root","Checkbox","_class","_Checkbox","_React$PureComponent","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","state","focusedByTab","indeterminate","props","initialIndeterminate","isShiftPressed","input","createRef","handleShiftPress","e","key","setState","handleShiftRelease","componentDidMount","_globalObject$documen","_globalObject$documen2","current","document","addEventListener","componentWillUnmount","_globalObject$documen3","_globalObject$documen4","removeEventListener","setIndeterminate","resetIndeterminate","renderMain","_cx","_cx3","_cx4","error","warning","size","onMouseEnter","onMouseLeave","onMouseOver","onValueChange","type","ariaDescribedby","ariaLabel","rest","_objectWithoutPropertiesLoose","_excluded","isIndeterminate","iconClass","icon","checked","iconUnchecked","iconSize","parseInt","getCheckboxBoxSize","IconCheck","createElement","className","IconSquare","rootClass","getRootSizeClassName","theme","rootFallback","rootChecked","rootDisableTextSelect","disabled","Boolean","inputProps","_extends","onChange","handleChange","onFocus","handleFocus","onBlur","handleBlur","onClick","handleClick","ref","caption","children","_cx2","captionClass","captionIE11","box","getBoxWrapperSizeClassName","boxWrapper","boxChecked","boxFocus","boxError","boxWarning","boxDisabled","onBlurWhenDisabled","resetFocus","requestAnimationFrame","isTabPressed","event","currentTarget","undefined","_inheritsLoose","_proto","prototype","rootLarge","rootMedium","rootSmall","boxWrapperLarge","boxWrapperMedium","boxWrapperSmall","checkboxBoxSizeLarge","checkboxBoxSizeMedium","checkboxBoxSizeSmall","componentDidUpdate","prevProps","render","_this2","Consumer","rootNodeRef","setRootNode","focus","_this$input$current","blur","_this$input$current2","PureComponent","__KONTUR_REACT_UI__","displayName","propTypes","bool","func"],"sources":["Checkbox.tsx"],"sourcesContent":["import type { AriaAttributes } from 'react';\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport type { Override } from '../../typings/utility-types';\nimport { keyListener } from '../../lib/events/keyListener';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { isEdge, isIE11 } from '../../lib/client';\nimport type { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport type { TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { fixFirefoxModifiedClickOnLabel } from '../../lib/events/fixFirefoxModifiedClickOnLabel';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport type { SizeProp } from '../../lib/types/props';\nimport { FocusControlWrapper } from '../../internal/FocusControlWrapper';\n\nimport { styles, globalClasses } from './Checkbox.styles';\nimport { CheckedIcon } from './CheckedIcon';\nimport { IndeterminateIcon } from './IndeterminateIcon';\n\nexport interface CheckboxProps\n  extends CommonProps,\n    Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>,\n    Override<\n      React.InputHTMLAttributes<HTMLInputElement>,\n      {\n        /** @ignore */\n        children?: React.ReactNode;\n\n        /** Переводит контрол в состояние валидации \"ошибка\". */\n        error?: boolean;\n\n        /** Переводит контрол в состояние валидации \"предупреждение\". */\n        warning?: boolean;\n\n        /** Задает размер. */\n        size?: SizeProp;\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        /** Задает функцию, вызывающуюся при изменении value. */\n        onValueChange?: (value: boolean) => void;\n\n        /** Задает HTML-событие `onblur`.\n         * @ignore */\n        onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;\n\n        /** Устанавливает начальное [неопределенное состояние чекбокса](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#attr-indeterminate). */\n        initialIndeterminate?: boolean;\n      }\n    > {}\n\nexport interface CheckboxState {\n  focusedByTab: boolean;\n  indeterminate: boolean;\n  isShiftPressed: boolean;\n}\n\nexport const CheckboxDataTids = {\n  root: 'Checkbox__root',\n} as const;\n\ntype DefaultProps = Required<Pick<CheckboxProps, 'size'>>;\n\n/**\n * `Checkbox` используется для управления параметром с двумя состояниями.\n *\n * Чекбокс не запускает действие немедленно. Как правило, для этого нужно нажать подтверждающую кнопку.\n * Для немедленного включения какого-то режима в интерфейсе лучше подходит Toggle.\n */\n@rootNode\nexport class Checkbox extends React.PureComponent<CheckboxProps, CheckboxState> {\n  public static __KONTUR_REACT_UI__ = 'Checkbox';\n  public static displayName = 'Checkbox';\n\n  public static defaultProps: DefaultProps = {\n    size: 'small',\n  };\n\n  private getProps = createPropsGetter(Checkbox.defaultProps);\n\n  private getRootSizeClassName() {\n    switch (this.getProps().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 getBoxWrapperSizeClassName() {\n    switch (this.getProps().size) {\n      case 'large':\n        return styles.boxWrapperLarge(this.theme);\n      case 'medium':\n        return styles.boxWrapperMedium(this.theme);\n      case 'small':\n      default:\n        return styles.boxWrapperSmall(this.theme);\n    }\n  }\n\n  private getCheckboxBoxSize() {\n    switch (this.getProps().size) {\n      case 'large':\n        return this.theme.checkboxBoxSizeLarge;\n      case 'medium':\n        return this.theme.checkboxBoxSizeMedium;\n      case 'small':\n      default:\n        return this.theme.checkboxBoxSizeSmall;\n    }\n  }\n\n  public static propTypes = {\n    checked: PropTypes.bool,\n    disabled: PropTypes.bool,\n    error: PropTypes.bool,\n    warning: PropTypes.bool,\n    onValueChange: PropTypes.func,\n    onBlur: PropTypes.func,\n    onMouseEnter: PropTypes.func,\n    onMouseLeave: PropTypes.func,\n    onMouseOver: PropTypes.func,\n  };\n\n  public state = {\n    focusedByTab: false,\n    indeterminate: this.props.initialIndeterminate || false,\n    isShiftPressed: false,\n  };\n\n  private theme!: Theme;\n  private input = React.createRef<HTMLInputElement>();\n\n  private handleShiftPress = (e: KeyboardEvent) => {\n    if (e.key === 'Shift') {\n      this.setState(() => ({\n        isShiftPressed: true,\n      }));\n    }\n  };\n\n  private handleShiftRelease = (e: KeyboardEvent) => {\n    if (e.key === 'Shift') {\n      this.setState({\n        isShiftPressed: false,\n      });\n    }\n  };\n\n  public componentDidMount = () => {\n    if (this.state.indeterminate && this.input.current) {\n      this.input.current.indeterminate = true;\n    }\n\n    globalObject.document?.addEventListener('keydown', this.handleShiftPress);\n    globalObject.document?.addEventListener('keyup', this.handleShiftRelease);\n  };\n\n  public componentWillUnmount = () => {\n    globalObject.document?.removeEventListener('keydown', this.handleShiftPress);\n    globalObject.document?.removeEventListener('keyup', this.handleShiftRelease);\n  };\n\n  private setRootNode!: TSetRootNode;\n\n  public componentDidUpdate(prevProps: CheckboxProps) {\n    if (prevProps.checked !== this.props.checked) {\n      this.resetIndeterminate();\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   * Программная установка фокуса чекбоксу.\n   * @public\n   */\n  public focus() {\n    keyListener.isTabPressed = true;\n    this.input.current?.focus();\n  }\n\n  /**\n   * Программное снятие фокуса с чекбокса.\n   * @public\n   */\n  public blur() {\n    this.input.current?.blur();\n  }\n\n  /**\n   * Устанавливает чекбокс в HTML-состояние `indeterminate`.\n   * @public\n   */\n  public setIndeterminate = () => {\n    this.setState({\n      indeterminate: true,\n    });\n    if (this.input.current) {\n      this.input.current.indeterminate = true;\n    }\n  };\n\n  /**\n   * Снимает с чекбокса HTML-состояние `indeterminate`.\n   * @public\n   */\n  public resetIndeterminate = () => {\n    this.setState({\n      indeterminate: false,\n    });\n    if (this.input.current) {\n      this.input.current.indeterminate = false;\n    }\n  };\n\n  private renderMain = (props: CommonWrapperRestProps<CheckboxProps>) => {\n    const {\n      error,\n      warning,\n      size,\n      onMouseEnter,\n      onMouseLeave,\n      onMouseOver,\n      onValueChange,\n      type,\n      initialIndeterminate,\n      'aria-describedby': ariaDescribedby,\n      'aria-label': ariaLabel,\n      ...rest\n    } = props;\n    const isIndeterminate = this.state.indeterminate;\n\n    const iconClass = cx(styles.icon(), !props.checked && !isIndeterminate && styles.iconUnchecked());\n\n    const iconSize = parseInt(this.getCheckboxBoxSize());\n    const IconCheck = (\n      <span className={iconClass}>\n        <CheckedIcon size={iconSize} />\n      </span>\n    );\n    const IconSquare = (\n      <span className={iconClass}>\n        <IndeterminateIcon size={iconSize} />\n      </span>\n    );\n\n    const rootClass = cx(this.getRootSizeClassName(), {\n      [styles.root(this.theme)]: true,\n      [styles.rootFallback()]: isIE11 || isEdge,\n      [styles.rootChecked(this.theme)]: props.checked || isIndeterminate,\n      [styles.rootDisableTextSelect()]: this.state.isShiftPressed,\n      [styles.disabled(this.theme)]: Boolean(props.disabled),\n    });\n\n    const inputProps = {\n      ...rest,\n      type: 'checkbox',\n      className: styles.input(),\n      onChange: this.handleChange,\n      onFocus: this.handleFocus,\n      onBlur: this.handleBlur,\n      onClick: this.handleClick,\n      ref: this.input,\n    };\n\n    let caption = null;\n    if (this.props.children) {\n      const captionClass = cx({\n        [styles.caption(this.theme)]: true,\n        [styles.captionIE11()]: isIE11 || isEdge,\n        [styles.disabled(this.theme)]: Boolean(props.disabled),\n      });\n      caption = <span className={captionClass}>{this.props.children}</span>;\n    }\n\n    const box = (\n      <div\n        className={cx(this.getBoxWrapperSizeClassName(), {\n          [styles.boxWrapper(this.theme)]: true,\n        })}\n      >\n        <div\n          className={cx(styles.box(this.theme), globalClasses.box, {\n            [styles.boxChecked(this.theme)]: props.checked || isIndeterminate,\n            [styles.boxFocus(this.theme)]: this.state.focusedByTab,\n            [styles.boxError(this.theme)]: props.error,\n            [styles.boxWarning(this.theme)]: props.warning,\n            [styles.boxDisabled(this.theme)]: props.disabled,\n          })}\n        >\n          {(isIndeterminate && IconSquare) || IconCheck}\n        </div>\n      </div>\n    );\n\n    return (\n      <label\n        data-tid={CheckboxDataTids.root}\n        className={rootClass}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n        onMouseOver={onMouseOver}\n        onClick={fixFirefoxModifiedClickOnLabel(this.input)}\n      >\n        <FocusControlWrapper onBlurWhenDisabled={this.resetFocus}>\n          <input {...inputProps} aria-label={ariaLabel} aria-describedby={ariaDescribedby} />\n        </FocusControlWrapper>\n        {box}\n        {caption}\n      </label>\n    );\n  };\n\n  private handleFocus = (e: React.FocusEvent<any>) => {\n    if (!this.props.disabled) {\n      // focus event fires before keyDown eventlistener\n      // so we should check tabPressed in async way\n      globalObject.requestAnimationFrame?.(() => {\n        if (keyListener.isTabPressed) {\n          this.setState({ focusedByTab: true });\n        }\n      });\n\n      if (this.props.onFocus) {\n        this.props.onFocus(e);\n      }\n    }\n  };\n\n  private resetFocus = () => this.setState({ focusedByTab: false });\n\n  private handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n    this.resetFocus();\n    this.props.onBlur?.(e);\n  };\n\n  private handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const checked = event.currentTarget.checked;\n    this.props.onValueChange?.(checked);\n\n    this.resetIndeterminate();\n\n    this.props.onChange?.(event);\n  };\n\n  private handleClick = (e: React.MouseEvent<HTMLInputElement>) => {\n    this.props.onClick?.(e);\n    // support IE11's and old Edge's special behavior\n    // https://github.com/jquery/jquery/issues/1698\n    if (this.state.indeterminate && (isIE11 || isEdge)) {\n      this.resetIndeterminate();\n      // simulate correct behavior only if onValueChange is used\n      // because we cant simulate real native onChange event\n      if (this.props.onValueChange && this.input.current) {\n        const checked = !this.input.current.checked;\n\n        if (this.props.checked === undefined) {\n          // in case of uncontrolled mode\n          this.input.current.checked = checked;\n        }\n\n        this.props.onValueChange(checked);\n      }\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/components/Checkbox/Checkbox/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/Checkbox/Checkbox.js",
+  "module": "Checkbox",
+  "types": "../Checkbox.d.ts",
+  "sideEffects": false
+}

package/components/Checkbox/Checkbox.d.ts

@@ -1,72 +1,109 @@
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
-import '../ensureOldIEClassName';
-import { Override } from '../../typings/utility-types';
-export declare type CheckboxProps = Override<React.InputHTMLAttributes<HTMLInputElement>, {
-    /** Контент `label` */
-    children?: React.ReactNode;
-    /** Состояние ошибки */
-    error?: boolean;
-    /** Состояние Предупреждения */
-    warning?: boolean;
-    /** Вызывается на label */
-    onMouseEnter?: React.MouseEventHandler<HTMLLabelElement>;
-    /** Вызывается на label */
-    onMouseLeave?: React.MouseEventHandler<HTMLLabelElement>;
-    /** Вызывается на label */
-    onMouseOver?: React.MouseEventHandler<HTMLLabelElement>;
-    /** onChange */
-    onChange?: (event: React.ChangeEvent<HTMLInputElement>, value: boolean) => void;
-    /** Состояние частичного выделения */
-    initialIndeterminate?: boolean;
-}>;
-export interface CheckboxState {
-    focusedByTab: boolean;
-    indeterminate: boolean;
-}
-/**
- * Все свойства, кроме перечисленных, `className` и `style` передаются в `input`.
- */
-declare class Checkbox extends React.Component<CheckboxProps, CheckboxState> {
-    static propTypes: {
-        checked: PropTypes.Requireable<boolean>;
-        disabled: PropTypes.Requireable<boolean>;
-        error: PropTypes.Requireable<boolean>;
-        warning: PropTypes.Requireable<boolean>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseOver: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    state: {
-        focusedByTab: boolean;
-        indeterminate: boolean;
-    };
-    private input;
-    componentDidMount: () => void;
-    componentWillReceiveProps(nextProps: CheckboxProps): void;
-    render(): JSX.Element;
-    /**
-     * @public
-     */
-    focus(): void;
-    /**
-     * @public
-     */
-    blur(): void;
-    /**
-     * Установить промежуточное значение
-     * @public
-     */
-    setIndeterminate: () => void;
-    /**
-     * Сбросить промежуточное значение
-     * @public
-     */
-    resetIndeterminate: () => void;
-    private _handleFocus;
-    private _handleBlur;
-    private _inputRef;
-    private _handleChange;
-}
-export default Checkbox;
+import type { AriaAttributes } from 'react';
+import React from 'react';
+import PropTypes from 'prop-types';
+import type { Override } from '../../typings/utility-types';
+import type { CommonProps } from '../../internal/CommonWrapper';
+import type { SizeProp } from '../../lib/types/props';
+export interface CheckboxProps extends CommonProps, Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>, Override<React.InputHTMLAttributes<HTMLInputElement>, {
+    /** @ignore */
+    children?: React.ReactNode;
+    /** Переводит контрол в состояние валидации "ошибка". */
+    error?: boolean;
+    /** Переводит контрол в состояние валидации "предупреждение". */
+    warning?: boolean;
+    /** Задает размер. */
+    size?: SizeProp;
+    /** Задает HTML-событие `onmouseenter`.
+     * @ignore */
+    onMouseEnter?: React.MouseEventHandler<HTMLLabelElement>;
+    /** Задает HTML-событие `onmouseleave`.
+     * @ignore */
+    onMouseLeave?: React.MouseEventHandler<HTMLLabelElement>;
+    /** Задает HTML-событие `onmouseover`.
+     * @ignore */
+    onMouseOver?: React.MouseEventHandler<HTMLLabelElement>;
+    /** Задает функцию, вызывающуюся при изменении value. */
+    onValueChange?: (value: boolean) => void;
+    /** Задает HTML-событие `onblur`.
+     * @ignore */
+    onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    /** Устанавливает начальное [неопределенное состояние чекбокса](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#attr-indeterminate). */
+    initialIndeterminate?: boolean;
+}> {
+}
+export interface CheckboxState {
+    focusedByTab: boolean;
+    indeterminate: boolean;
+    isShiftPressed: boolean;
+}
+export declare const CheckboxDataTids: {
+    readonly root: "Checkbox__root";
+};
+type DefaultProps = Required<Pick<CheckboxProps, 'size'>>;
+/**
+ * `Checkbox` используется для управления параметром с двумя состояниями.
+ *
+ * Чекбокс не запускает действие немедленно. Как правило, для этого нужно нажать подтверждающую кнопку.
+ * Для немедленного включения какого-то режима в интерфейсе лучше подходит Toggle.
+ */
+export declare class Checkbox extends React.PureComponent<CheckboxProps, CheckboxState> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    static defaultProps: DefaultProps;
+    private getProps;
+    private getRootSizeClassName;
+    private getBoxWrapperSizeClassName;
+    private getCheckboxBoxSize;
+    static propTypes: {
+        checked: PropTypes.Requireable<boolean>;
+        disabled: PropTypes.Requireable<boolean>;
+        error: PropTypes.Requireable<boolean>;
+        warning: PropTypes.Requireable<boolean>;
+        onValueChange: PropTypes.Requireable<(...args: any[]) => any>;
+        onBlur: PropTypes.Requireable<(...args: any[]) => any>;
+        onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
+        onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
+        onMouseOver: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+    state: {
+        focusedByTab: boolean;
+        indeterminate: boolean;
+        isShiftPressed: boolean;
+    };
+    private theme;
+    private input;
+    private handleShiftPress;
+    private handleShiftRelease;
+    componentDidMount: () => void;
+    componentWillUnmount: () => void;
+    private setRootNode;
+    componentDidUpdate(prevProps: CheckboxProps): void;
+    render(): React.JSX.Element;
+    /**
+     * Программная установка фокуса чекбоксу.
+     * @public
+     */
+    focus(): void;
+    /**
+     * Программное снятие фокуса с чекбокса.
+     * @public
+     */
+    blur(): void;
+    /**
+     * Устанавливает чекбокс в HTML-состояние `indeterminate`.
+     * @public
+     */
+    setIndeterminate: () => void;
+    /**
+     * Снимает с чекбокса HTML-состояние `indeterminate`.
+     * @public
+     */
+    resetIndeterminate: () => void;
+    private renderMain;
+    private handleFocus;
+    private resetFocus;
+    private handleBlur;
+    private handleChange;
+    private handleClick;
+}
+export {};