@skbkontur/react-ui 0.0.0-c2bf15a894 → 0.0.0-c5bd33d001

package/cjs/components/Center/Center.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","getStyles","exports","emotion","memoizeStyle","root","css","_taggedTemplateLiteralLoose2","default","rootAlignLeft","rootAlignRight","spring","container"],"sources":["Center.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    root() {\n      return emotion.css`\n        height: 100%;\n        text-align: center;\n      `;\n    },\n\n    rootAlignLeft() {\n      return emotion.css`\n        text-align: left;\n      `;\n    },\n\n    rootAlignRight() {\n      return emotion.css`\n        text-align: right;\n      `;\n    },\n\n    spring() {\n      return emotion.css`\n        display: inline-block;\n        height: 100%;\n        vertical-align: middle;\n      `;\n    },\n\n    container() {\n      return emotion.css`\n        display: inline-block;\n        text-align: left;\n        vertical-align: middle;\n      `;\n    },\n  });\n"],"mappings":";;AAEA,IAAAA,QAAA,GAAAC,OAAA,8BAAyD,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAElD,IAAMC,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,SAAZA,SAASA,CAAIE,OAAgB;IACxC,IAAAC,qBAAY,EAAC;MACXC,IAAI,WAAAA,KAAA,EAAG;QACL,OAAOF,OAAO,CAACG,GAAG,CAAAV,eAAA,KAAAA,eAAA,OAAAW,4BAAA,CAAAC,OAAA;;;;MAIpB,CAAC;;MAEDC,aAAa,WAAAA,cAAA,EAAG;QACd,OAAON,OAAO,CAACG,GAAG,CAAAT,gBAAA,KAAAA,gBAAA,OAAAU,4BAAA,CAAAC,OAAA;;;MAGpB,CAAC;;MAEDE,cAAc,WAAAA,eAAA,EAAG;QACf,OAAOP,OAAO,CAACG,GAAG,CAAAR,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;;;MAGpB,CAAC;;MAEDG,MAAM,WAAAA,OAAA,EAAG;QACP,OAAOR,OAAO,CAACG,GAAG,CAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;;;;;MAKpB,CAAC;;MAEDI,SAAS,WAAAA,UAAA,EAAG;QACV,OAAOT,OAAO,CAACG,GAAG,CAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;;;;;MAKpB;IACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","styles","exports","memoizeStyle","root","css","_taggedTemplateLiteralLoose2","default","rootAlignLeft","rootAlignRight","spring","container"],"sources":["Center.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      height: 100%;\n      text-align: center;\n    `;\n  },\n\n  rootAlignLeft() {\n    return css`\n      text-align: left;\n    `;\n  },\n\n  rootAlignRight() {\n    return css`\n      text-align: right;\n    `;\n  },\n\n  spring() {\n    return css`\n      display: inline-block;\n      height: 100%;\n      vertical-align: middle;\n    `;\n  },\n\n  container() {\n    return css`\n      display: inline-block;\n      text-align: left;\n      vertical-align: middle;\n    `;\n  },\n});\n"],"mappings":"oRAAA,IAAAA,QAAA,GAAAC,OAAA,8BAA8D,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAEvD,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,IAAI,WAAAA,KAAA,EAAG;IACL,WAAOC,YAAG,EAAAT,eAAA,KAAAA,eAAA,OAAAU,4BAAA,CAAAC,OAAA;;;;EAIZ,CAAC;;EAEDC,aAAa,WAAAA,cAAA,EAAG;IACd,WAAOH,YAAG,EAAAR,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDE,cAAc,WAAAA,eAAA,EAAG;IACf,WAAOJ,YAAG,EAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDG,MAAM,WAAAA,OAAA,EAAG;IACP,WAAOL,YAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;;;;;EAKZ,CAAC;;EAEDI,SAAS,WAAAA,UAAA,EAAG;IACV,WAAON,YAAG,EAAAL,gBAAA,KAAAA,gBAAA,OAAAM,4BAAA,CAAAC,OAAA;;;;;EAKZ;AACF,CAAC,CAAC","ignoreList":[]}

package/cjs/components/Center/index.d.ts

@@ -1 +1 @@
-export * from './Center';
+export * from './Center';

package/cjs/components/Checkbox/Checkbox.d.ts

@@ -1,118 +1,97 @@
-import React, { AriaAttributes } from 'react';
-import PropTypes from 'prop-types';
-import { Override } from '../../typings/utility-types';
-import { CommonProps } from '../../internal/CommonWrapper';
-import { SizeProp } from '../../lib/types/props';
-export interface CheckboxProps extends CommonProps, Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>, Override<React.InputHTMLAttributes<HTMLInputElement>, {
-    /**
-     * Контент `label`
-     */
-    children?: React.ReactNode;
-    /**
-     * Состояние валидации при ошибке.
-     */
-    error?: boolean;
-    /**
-     * Состояние валидации при предупреждении.
-     */
-    warning?: boolean;
-    /** Размер */
-    size?: SizeProp;
-    /**
-     * HTML-событие `mouseenter`.
-     */
-    onMouseEnter?: React.MouseEventHandler<HTMLLabelElement>;
-    /**
-     * HTML-событие `mouseleave`.
-     */
-    onMouseLeave?: React.MouseEventHandler<HTMLLabelElement>;
-    /**
-     * HTML-событие `mouseover`.
-     */
-    onMouseOver?: React.MouseEventHandler<HTMLLabelElement>;
-    /**
-     * Функция, вызываемая при изменении `value`.
-     */
-    onValueChange?: (value: boolean) => void;
-    /**
-     * HTML-событие `onblur`.
-     */
-    onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
-    /**
-     * [Неопределённое состояние](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#attr-indeterminate) чекбокса из HTML.
-     */
-    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'>>;
-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 emotion;
-    private styles;
-    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 {};
+import type { AriaAttributes } from 'react';
+import React from 'react';
+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;
+    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 {};

package/cjs/components/Checkbox/Checkbox.js

@@ -1,20 +1,21 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.CheckboxDataTids = exports.Checkbox = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.CheckboxDataTids = exports.Checkbox = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
+var _react = _interopRequireDefault(require("react"));
 var _globalObject = require("@skbkontur/global-object");
 
 
-
 var _keyListener = require("../../lib/events/keyListener");
 
+var _ThemeContext = require("../../lib/theming/ThemeContext");
 var _client = require("../../lib/client");
+
 var _CommonWrapper = require("../../internal/CommonWrapper");
 var _Emotion = require("../../lib/theming/Emotion");
+
 var _rootNode = require("../../lib/rootNode");
 var _fixFirefoxModifiedClickOnLabel = require("../../lib/events/fixFirefoxModifiedClickOnLabel");
 var _createPropsGetter = require("../../lib/createPropsGetter");
 
 var _FocusControlWrapper = require("../../internal/FocusControlWrapper");
-var _ThemeContext = require("../../lib/theming/ThemeContext");
 
 var _Checkbox2 = require("./Checkbox.styles");
 var _CheckedIcon = require("./CheckedIcon");
@@ -62,11 +63,6 @@ var _IndeterminateIcon = require("./IndeterminateIcon");var _excluded = ["error"
 
 
 
-
-
-
-
-
 
 
 
@@ -75,10 +71,16 @@ var _IndeterminateIcon = require("./IndeterminateIcon");var _excluded = ["error"
 
 var CheckboxDataTids = exports.CheckboxDataTids = {
   root: 'Checkbox__root'
-};var
+};
 
 
 
+/**
+ * `Checkbox` используется для управления параметром с двумя состояниями.
+ *
+ * Чекбокс не запускает действие немедленно. Как правило, для этого нужно нажать подтверждающую кнопку.
+ * Для немедленного включения какого-то режима в интерфейсе лучше подходит Toggle.
+ */var
 
 Checkbox = exports.Checkbox = (0, _rootNode.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.
 
@@ -111,20 +113,6 @@ Checkbox = exports.Checkbox = (0, _rootNode.rootNode)(_class = (_Checkbox = /*#_
 
 
 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
 
 
 
@@ -147,8 +135,6 @@ Checkbox = exports.Checkbox = (0, _rootNode.rootNode)(_class = (_Checkbox = /*#_
     };_this.
 
 
-
-
     input = /*#__PURE__*/_react.default.createRef();_this.
 
     handleShiftPress = function (e) {
@@ -212,14 +198,6 @@ Checkbox = exports.Checkbox = (0, _rootNode.rootNode)(_class = (_Checkbox = /*#_
 
 
 
-
-
-
-
-
-
-
-
 
 
 
@@ -255,7 +233,7 @@ Checkbox = exports.Checkbox = (0, _rootNode.rootNode)(_class = (_Checkbox = /*#_
       }
     };_this.
 
-    renderMain = function (props) {var _this$emotion$cx, _this$emotion$cx3, _this$emotion$cx4;
+    renderMain = function (props) {var _cx, _cx3, _cx4;
       var
         error =
 
@@ -271,8 +249,8 @@ Checkbox = exports.Checkbox = (0, _rootNode.rootNode)(_class = (_Checkbox = /*#_
 
         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 = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
       var isIndeterminate = _this.state.indeterminate;
-      var styles = _this.styles;
-      var iconClass = _this.emotion.cx(styles.icon(), !props.checked && !isIndeterminate && styles.iconUnchecked());
+
+      var iconClass = (0, _Emotion.cx)(_Checkbox2.styles.icon(), !props.checked && !isIndeterminate && _Checkbox2.styles.iconUnchecked());
 
       var iconSize = parseInt(_this.getCheckboxBoxSize());
       var IconCheck = /*#__PURE__*/
@@ -286,18 +264,18 @@ Checkbox = exports.Checkbox = (0, _rootNode.rootNode)(_class = (_Checkbox = /*#_
       );
 
 
-      var rootClass = _this.emotion.cx(_this.getRootSizeClassName(), (_this$emotion$cx = {}, _this$emotion$cx[
-      styles.root(_this.theme)] = true, _this$emotion$cx[
-      styles.rootFallback()] = _client.isIE11 || _client.isEdge, _this$emotion$cx[
-      styles.rootChecked(_this.theme)] = props.checked || isIndeterminate, _this$emotion$cx[
-      styles.rootDisableTextSelect()] = _this.state.isShiftPressed, _this$emotion$cx[
-      styles.disabled(_this.theme)] = Boolean(props.disabled), _this$emotion$cx)
+      var rootClass = (0, _Emotion.cx)(_this.getRootSizeClassName(), (_cx = {}, _cx[
+      _Checkbox2.styles.root(_this.theme)] = true, _cx[
+      _Checkbox2.styles.rootFallback()] = _client.isIE11 || _client.isEdge, _cx[
+      _Checkbox2.styles.rootChecked(_this.theme)] = props.checked || isIndeterminate, _cx[
+      _Checkbox2.styles.rootDisableTextSelect()] = _this.state.isShiftPressed, _cx[
+      _Checkbox2.styles.disabled(_this.theme)] = Boolean(props.disabled), _cx)
       );
 
       var inputProps = (0, _extends2.default)({},
       rest, {
         type: 'checkbox',
-        className: styles.input(),
+        className: _Checkbox2.styles.input(),
         onChange: _this.handleChange,
         onFocus: _this.handleFocus,
         onBlur: _this.handleBlur,
@@ -306,28 +284,28 @@ Checkbox = exports.Checkbox = (0, _rootNode.rootNode)(_class = (_Checkbox = /*#_
 
 
       var caption = null;
-      if (_this.props.children) {var _this$emotion$cx2;
-        var captionClass = _this.emotion.cx((_this$emotion$cx2 = {}, _this$emotion$cx2[
-        styles.caption(_this.theme)] = true, _this$emotion$cx2[
-        styles.captionIE11()] = _client.isIE11 || _client.isEdge, _this$emotion$cx2[
-        styles.disabled(_this.theme)] = Boolean(props.disabled), _this$emotion$cx2)
+      if (_this.props.children) {var _cx2;
+        var captionClass = (0, _Emotion.cx)((_cx2 = {}, _cx2[
+        _Checkbox2.styles.caption(_this.theme)] = true, _cx2[
+        _Checkbox2.styles.captionIE11()] = _client.isIE11 || _client.isEdge, _cx2[
+        _Checkbox2.styles.disabled(_this.theme)] = Boolean(props.disabled), _cx2)
         );
         caption = /*#__PURE__*/_react.default.createElement("span", { className: captionClass }, _this.props.children);
       }
 
       var box = /*#__PURE__*/
       _react.default.createElement("div", {
-        className: _this.emotion.cx(_this.getBoxWrapperSizeClassName(), (_this$emotion$cx3 = {}, _this$emotion$cx3[
-        styles.boxWrapper(_this.theme)] = true, _this$emotion$cx3)
+        className: (0, _Emotion.cx)(_this.getBoxWrapperSizeClassName(), (_cx3 = {}, _cx3[
+        _Checkbox2.styles.boxWrapper(_this.theme)] = true, _cx3)
         ) }, /*#__PURE__*/
 
       _react.default.createElement("div", {
-        className: _this.emotion.cx(styles.box(_this.theme), _Checkbox2.globalClasses.box, (_this$emotion$cx4 = {}, _this$emotion$cx4[
-        styles.boxChecked(_this.theme)] = props.checked || isIndeterminate, _this$emotion$cx4[
-        styles.boxFocus(_this.theme)] = _this.state.focusedByTab, _this$emotion$cx4[
-        styles.boxError(_this.theme)] = props.error, _this$emotion$cx4[
-        styles.boxWarning(_this.theme)] = props.warning, _this$emotion$cx4[
-        styles.boxDisabled(_this.theme)] = props.disabled, _this$emotion$cx4)
+        className: (0, _Emotion.cx)(_Checkbox2.styles.box(_this.theme), _Checkbox2.globalClasses.box, (_cx4 = {}, _cx4[
+        _Checkbox2.styles.boxChecked(_this.theme)] = props.checked || isIndeterminate, _cx4[
+        _Checkbox2.styles.boxFocus(_this.theme)] = _this.state.focusedByTab, _cx4[
+        _Checkbox2.styles.boxError(_this.theme)] = props.error, _cx4[
+        _Checkbox2.styles.boxWarning(_this.theme)] = props.warning, _cx4[
+        _Checkbox2.styles.boxDisabled(_this.theme)] = props.disabled, _cx4)
         ) },
 
       isIndeterminate && IconSquare || IconCheck
@@ -404,10 +382,10 @@ Checkbox = exports.Checkbox = (0, _rootNode.rootNode)(_class = (_Checkbox = /*#_
           _this.props.onValueChange(checked);
         }
       }
-    };return _this;}(0, _inheritsLoose2.default)(Checkbox, _React$PureComponent);var _proto = Checkbox.prototype;_proto.getRootSizeClassName = function getRootSizeClassName() {var styles = this.styles;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() {var styles = this.styles;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.default.createElement(_Emotion.EmotionConsumer, null, function (emotion) {_this2.emotion = emotion;_this2.styles = (0, _Checkbox2.getStyles)(_this2.emotion);return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: _this2.setRootNode }, _this2.getProps()), _this2.renderMain);});});} /**
+    };return _this;}(0, _inheritsLoose2.default)(Checkbox, _React$PureComponent);var _proto = Checkbox.prototype;_proto.getRootSizeClassName = function getRootSizeClassName() {switch (this.getProps().size) {case 'large':return _Checkbox2.styles.rootLarge(this.theme);case 'medium':return _Checkbox2.styles.rootMedium(this.theme);case 'small':default:return _Checkbox2.styles.rootSmall(this.theme);}};_proto.getBoxWrapperSizeClassName = function getBoxWrapperSizeClassName() {switch (this.getProps().size) {case 'large':return _Checkbox2.styles.boxWrapperLarge(this.theme);case 'medium':return _Checkbox2.styles.boxWrapperMedium(this.theme);case 'small':default:return _Checkbox2.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.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: _this2.setRootNode }, _this2.getProps()), _this2.renderMain);});} /**
    * Программная установка фокуса чекбоксу.
    * @public
    */;_proto.focus = function focus() {var _this$input$current;_keyListener.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.default.PureComponent), _Checkbox.__KONTUR_REACT_UI__ = 'Checkbox', _Checkbox.displayName = 'Checkbox', _Checkbox.defaultProps = { size: 'small' }, _Checkbox.propTypes = { checked: _propTypes.default.bool, disabled: _propTypes.default.bool, error: _propTypes.default.bool, warning: _propTypes.default.bool, onValueChange: _propTypes.default.func, onBlur: _propTypes.default.func, onMouseEnter: _propTypes.default.func, onMouseLeave: _propTypes.default.func, onMouseOver: _propTypes.default.func }, _Checkbox)) || _class;
+   */;_proto.blur = function blur() {var _this$input$current2;(_this$input$current2 = this.input.current) == null || _this$input$current2.blur();};return Checkbox;}(_react.default.PureComponent), _Checkbox.__KONTUR_REACT_UI__ = 'Checkbox', _Checkbox.displayName = 'Checkbox', _Checkbox.defaultProps = { size: 'small' }, _Checkbox)) || _class;

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_globalObject","_keyListener","_client","_CommonWrapper","_Emotion","_rootNode","_fixFirefoxModifiedClickOnLabel","_createPropsGetter","_FocusControlWrapper","_ThemeContext","_Checkbox2","_CheckedIcon","_IndeterminateIcon","_excluded","_class","_Checkbox","CheckboxDataTids","exports","root","Checkbox","rootNode","_React$PureComponent","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","state","focusedByTab","indeterminate","props","initialIndeterminate","isShiftPressed","input","React","createRef","handleShiftPress","e","key","setState","handleShiftRelease","componentDidMount","_globalObject$documen","_globalObject$documen2","current","globalObject","document","addEventListener","componentWillUnmount","_globalObject$documen3","_globalObject$documen4","removeEventListener","setIndeterminate","resetIndeterminate","renderMain","_this$emotion$cx","_this$emotion$cx3","_this$emotion$cx4","error","warning","size","onMouseEnter","onMouseLeave","onMouseOver","onValueChange","type","ariaDescribedby","ariaLabel","rest","_objectWithoutPropertiesLoose2","default","isIndeterminate","styles","iconClass","emotion","cx","icon","checked","iconUnchecked","iconSize","parseInt","getCheckboxBoxSize","IconCheck","createElement","className","CheckedIcon","IconSquare","IndeterminateIcon","rootClass","getRootSizeClassName","theme","rootFallback","isIE11","isEdge","rootChecked","rootDisableTextSelect","disabled","Boolean","inputProps","_extends2","onChange","handleChange","onFocus","handleFocus","onBlur","handleBlur","onClick","handleClick","ref","caption","children","_this$emotion$cx2","captionClass","captionIE11","box","getBoxWrapperSizeClassName","boxWrapper","globalClasses","boxChecked","boxFocus","boxError","boxWarning","boxDisabled","fixFirefoxModifiedClickOnLabel","FocusControlWrapper","onBlurWhenDisabled","resetFocus","requestAnimationFrame","keyListener","isTabPressed","event","currentTarget","undefined","_inheritsLoose2","_proto","prototype","rootLarge","rootMedium","rootSmall","boxWrapperLarge","boxWrapperMedium","boxWrapperSmall","checkboxBoxSizeLarge","checkboxBoxSizeMedium","checkboxBoxSizeSmall","componentDidUpdate","prevProps","render","_this2","EmotionConsumer","getStyles","ThemeContext","Consumer","CommonWrapper","rootNodeRef","setRootNode","focus","_this$input$current","blur","_this$input$current2","PureComponent","__KONTUR_REACT_UI__","displayName","propTypes","PropTypes","bool","func"],"sources":["Checkbox.tsx"],"sourcesContent":["import React, { AriaAttributes } from 'react';\nimport PropTypes from 'prop-types';\nimport { globalObject } from '@skbkontur/global-object';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { Override } from '../../typings/utility-types';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { Theme } from '../../lib/theming/Theme';\nimport { isEdge, isIE11 } from '../../lib/client';\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { EmotionConsumer } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { fixFirefoxModifiedClickOnLabel } from '../../lib/events/fixFirefoxModifiedClickOnLabel';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { SizeProp } from '../../lib/types/props';\nimport { FocusControlWrapper } from '../../internal/FocusControlWrapper';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport { getStyles, 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        /**\n         * Контент `label`\n         */\n        children?: React.ReactNode;\n        /**\n         * Состояние валидации при ошибке.\n         */\n        error?: boolean;\n        /**\n         * Состояние валидации при предупреждении.\n         */\n        warning?: boolean;\n        /** Размер */\n        size?: SizeProp;\n        /**\n         * HTML-событие `mouseenter`.\n         */\n        onMouseEnter?: React.MouseEventHandler<HTMLLabelElement>;\n        /**\n         * HTML-событие `mouseleave`.\n         */\n        onMouseLeave?: React.MouseEventHandler<HTMLLabelElement>;\n        /**\n         * HTML-событие `mouseover`.\n         */\n        onMouseOver?: React.MouseEventHandler<HTMLLabelElement>;\n        /**\n         * Функция, вызываемая при изменении `value`.\n         */\n        onValueChange?: (value: boolean) => void;\n        /**\n         * HTML-событие `onblur`.\n         */\n        onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;\n        /**\n         * [Неопределённое состояние](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#attr-indeterminate) чекбокса из HTML.\n         */\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@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    const styles = this.styles;\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    const styles = this.styles;\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 emotion!: Emotion;\n  private styles!: ReturnType<typeof getStyles>;\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      <EmotionConsumer>\n        {(emotion) => {\n          this.emotion = emotion;\n          this.styles = getStyles(this.emotion);\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      </EmotionConsumer>\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    const styles = this.styles;\n    const iconClass = this.emotion.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 = this.emotion.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 = this.emotion.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={this.emotion.cx(this.getBoxWrapperSizeClassName(), {\n          [styles.boxWrapper(this.theme)]: true,\n        })}\n      >\n        <div\n          className={this.emotion.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":"qeAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;;;;AAIA,IAAAG,YAAA,GAAAH,OAAA;;AAEA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;AACA,IAAAM,QAAA,GAAAN,OAAA;AACA,IAAAO,SAAA,GAAAP,OAAA;AACA,IAAAQ,+BAAA,GAAAR,OAAA;AACA,IAAAS,kBAAA,GAAAT,OAAA;;AAEA,IAAAU,oBAAA,GAAAV,OAAA;AACA,IAAAW,aAAA,GAAAX,OAAA;;AAEA,IAAAY,UAAA,GAAAZ,OAAA;AACA,IAAAa,YAAA,GAAAb,OAAA;AACA,IAAAc,kBAAA,GAAAd,OAAA,wBAAwD,IAAAe,SAAA,sKAAAC,MAAA,EAAAC,SAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuDjD,IAAMC,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG;EAC9BE,IAAI,EAAE;AACR,CAAU,CAAC;;;;;AAKEC,QAAQ,GAAAF,OAAA,CAAAE,QAAA,OADpBC,kBAAQ,EAAAN,MAAA,IAAAC,SAAA,0BAAAM,oBAAA,YAAAF,SAAA,OAAAG,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAN,KAAA,GAAAD,oBAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,oBAAA,SAAAU,MAAA,CAAAL,IAAA,WAAAJ,KAAA;;;;;;;;IASCU,QAAQ,GAAG,IAAAC,oCAAiB,EAACd,QAAQ,CAACe,YAAY,CAAC,CAAAZ,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAoDpDa,KAAK,GAAG;MACbC,YAAY,EAAE,KAAK;MACnBC,aAAa,EAAEf,KAAA,CAAKgB,KAAK,CAACC,oBAAoB,IAAI,KAAK;MACvDC,cAAc,EAAE;IAClB,CAAC,CAAAlB,KAAA;;;;;IAKOmB,KAAK,gBAAGC,cAAK,CAACC,SAAS,CAAmB,CAAC,CAAArB,KAAA;;IAE3CsB,gBAAgB,GAAG,UAACC,CAAgB,EAAK;MAC/C,IAAIA,CAAC,CAACC,GAAG,KAAK,OAAO,EAAE;QACrBxB,KAAA,CAAKyB,QAAQ,CAAC,oBAAO;YACnBP,cAAc,EAAE;UAClB,CAAC,EAAC,CAAC;MACL;IACF,CAAC,CAAAlB,KAAA;;IAEO0B,kBAAkB,GAAG,UAACH,CAAgB,EAAK;MACjD,IAAIA,CAAC,CAACC,GAAG,KAAK,OAAO,EAAE;QACrBxB,KAAA,CAAKyB,QAAQ,CAAC;UACZP,cAAc,EAAE;QAClB,CAAC,CAAC;MACJ;IACF,CAAC,CAAAlB,KAAA;;IAEM2B,iBAAiB,GAAG,YAAM,KAAAC,qBAAA,EAAAC,sBAAA;MAC/B,IAAI7B,KAAA,CAAKa,KAAK,CAACE,aAAa,IAAIf,KAAA,CAAKmB,KAAK,CAACW,OAAO,EAAE;QAClD9B,KAAA,CAAKmB,KAAK,CAACW,OAAO,CAACf,aAAa,GAAG,IAAI;MACzC;;MAEA,CAAAa,qBAAA,GAAAG,0BAAY,CAACC,QAAQ,aAArBJ,qBAAA,CAAuBK,gBAAgB,CAAC,SAAS,EAAEjC,KAAA,CAAKsB,gBAAgB,CAAC;MACzE,CAAAO,sBAAA,GAAAE,0BAAY,CAACC,QAAQ,aAArBH,sBAAA,CAAuBI,gBAAgB,CAAC,OAAO,EAAEjC,KAAA,CAAK0B,kBAAkB,CAAC;IAC3E,CAAC,CAAA1B,KAAA;;IAEMkC,oBAAoB,GAAG,YAAM,KAAAC,sBAAA,EAAAC,sBAAA;MAClC,CAAAD,sBAAA,GAAAJ,0BAAY,CAACC,QAAQ,aAArBG,sBAAA,CAAuBE,mBAAmB,CAAC,SAAS,EAAErC,KAAA,CAAKsB,gBAAgB,CAAC;MAC5E,CAAAc,sBAAA,GAAAL,0BAAY,CAACC,QAAQ,aAArBI,sBAAA,CAAuBC,mBAAmB,CAAC,OAAO,EAAErC,KAAA,CAAK0B,kBAAkB,CAAC;IAC9E,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAkDD;AACF;AACA;AACA,OAHE1B,KAAA;IAIOsC,gBAAgB,GAAG,YAAM;MAC9BtC,KAAA,CAAKyB,QAAQ,CAAC;QACZV,aAAa,EAAE;MACjB,CAAC,CAAC;MACF,IAAIf,KAAA,CAAKmB,KAAK,CAACW,OAAO,EAAE;QACtB9B,KAAA,CAAKmB,KAAK,CAACW,OAAO,CAACf,aAAa,GAAG,IAAI;MACzC;IACF,CAAC;;IAED;AACF;AACA;AACA,OAHEf,KAAA;IAIOuC,kBAAkB,GAAG,YAAM;MAChCvC,KAAA,CAAKyB,QAAQ,CAAC;QACZV,aAAa,EAAE;MACjB,CAAC,CAAC;MACF,IAAIf,KAAA,CAAKmB,KAAK,CAACW,OAAO,EAAE;QACtB9B,KAAA,CAAKmB,KAAK,CAACW,OAAO,CAACf,aAAa,GAAG,KAAK;MAC1C;IACF,CAAC,CAAAf,KAAA;;IAEOwC,UAAU,GAAG,UAACxB,KAA4C,EAAK,KAAAyB,gBAAA,EAAAC,iBAAA,EAAAC,iBAAA;MACrE;QACEC,KAAK;;;;;;;;;;;;QAYH5B,KAAK,CAZP4B,KAAK,CACLC,OAAO,GAWL7B,KAAK,CAXP6B,OAAO,CACPC,IAAI,GAUF9B,KAAK,CAVP8B,IAAI,CACJC,YAAY,GASV/B,KAAK,CATP+B,YAAY,CACZC,YAAY,GAQVhC,KAAK,CARPgC,YAAY,CACZC,WAAW,GAOTjC,KAAK,CAPPiC,WAAW,CACXC,aAAa,GAMXlC,KAAK,CANPkC,aAAa,CACbC,IAAI,GAKFnC,KAAK,CALPmC,IAAI,CACJlC,oBAAoB,GAIlBD,KAAK,CAJPC,oBAAoB,CACAmC,eAAe,GAGjCpC,KAAK,CAHP,kBAAkB,EACJqC,SAAS,GAErBrC,KAAK,CAFP,YAAY,EACTsC,IAAI,OAAAC,8BAAA,CAAAC,OAAA,EACLxC,KAAK,EAAAzB,SAAA;MACT,IAAMkE,eAAe,GAAGzD,KAAA,CAAKa,KAAK,CAACE,aAAa;MAChD,IAAM2C,MAAM,GAAG1D,KAAA,CAAK0D,MAAM;MAC1B,IAAMC,SAAS,GAAG3D,KAAA,CAAK4D,OAAO,CAACC,EAAE,CAACH,MAAM,CAACI,IAAI,CAAC,CAAC,EAAE,CAAC9C,KAAK,CAAC+C,OAAO,IAAI,CAACN,eAAe,IAAIC,MAAM,CAACM,aAAa,CAAC,CAAC,CAAC;;MAE9G,IAAMC,QAAQ,GAAGC,QAAQ,CAAClE,KAAA,CAAKmE,kBAAkB,CAAC,CAAC,CAAC;MACpD,IAAMC,SAAS;MACb9F,MAAA,CAAAkF,OAAA,CAAAa,aAAA,WAAMC,SAAS,EAAEX,SAAU;MACzBrF,MAAA,CAAAkF,OAAA,CAAAa,aAAA,CAAChF,YAAA,CAAAkF,WAAW,IAACzB,IAAI,EAAEmB,QAAS,EAAE;MAC1B,CACP;;MACD,IAAMO,UAAU;MACdlG,MAAA,CAAAkF,OAAA,CAAAa,aAAA,WAAMC,SAAS,EAAEX,SAAU;MACzBrF,MAAA,CAAAkF,OAAA,CAAAa,aAAA,CAAC/E,kBAAA,CAAAmF,iBAAiB,IAAC3B,IAAI,EAAEmB,QAAS,EAAE;MAChC,CACP;;;MAED,IAAMS,SAAS,GAAG1E,KAAA,CAAK4D,OAAO,CAACC,EAAE,CAAC7D,KAAA,CAAK2E,oBAAoB,CAAC,CAAC,GAAAlC,gBAAA,OAAAA,gBAAA;MAC1DiB,MAAM,CAAC9D,IAAI,CAACI,KAAA,CAAK4E,KAAK,CAAC,IAAG,IAAI,EAAAnC,gBAAA;MAC9BiB,MAAM,CAACmB,YAAY,CAAC,CAAC,IAAGC,cAAM,IAAIC,cAAM,EAAAtC,gBAAA;MACxCiB,MAAM,CAACsB,WAAW,CAAChF,KAAA,CAAK4E,KAAK,CAAC,IAAG5D,KAAK,CAAC+C,OAAO,IAAIN,eAAe,EAAAhB,gBAAA;MACjEiB,MAAM,CAACuB,qBAAqB,CAAC,CAAC,IAAGjF,KAAA,CAAKa,KAAK,CAACK,cAAc,EAAAuB,gBAAA;MAC1DiB,MAAM,CAACwB,QAAQ,CAAClF,KAAA,CAAK4E,KAAK,CAAC,IAAGO,OAAO,CAACnE,KAAK,CAACkE,QAAQ,CAAC,EAAAzC,gBAAA;MACvD,CAAC;;MAEF,IAAM2C,UAAU,OAAAC,SAAA,CAAA7B,OAAA;MACXF,IAAI;QACPH,IAAI,EAAE,UAAU;QAChBmB,SAAS,EAAEZ,MAAM,CAACvC,KAAK,CAAC,CAAC;QACzBmE,QAAQ,EAAEtF,KAAA,CAAKuF,YAAY;QAC3BC,OAAO,EAAExF,KAAA,CAAKyF,WAAW;QACzBC,MAAM,EAAE1F,KAAA,CAAK2F,UAAU;QACvBC,OAAO,EAAE5F,KAAA,CAAK6F,WAAW;QACzBC,GAAG,EAAE9F,KAAA,CAAKmB,KAAK,GAChB;;;MAED,IAAI4E,OAAO,GAAG,IAAI;MAClB,IAAI/F,KAAA,CAAKgB,KAAK,CAACgF,QAAQ,EAAE,KAAAC,iBAAA;QACvB,IAAMC,YAAY,GAAGlG,KAAA,CAAK4D,OAAO,CAACC,EAAE,EAAAoC,iBAAA,OAAAA,iBAAA;QACjCvC,MAAM,CAACqC,OAAO,CAAC/F,KAAA,CAAK4E,KAAK,CAAC,IAAG,IAAI,EAAAqB,iBAAA;QACjCvC,MAAM,CAACyC,WAAW,CAAC,CAAC,IAAGrB,cAAM,IAAIC,cAAM,EAAAkB,iBAAA;QACvCvC,MAAM,CAACwB,QAAQ,CAAClF,KAAA,CAAK4E,KAAK,CAAC,IAAGO,OAAO,CAACnE,KAAK,CAACkE,QAAQ,CAAC,EAAAe,iBAAA;QACvD,CAAC;QACFF,OAAO,gBAAGzH,MAAA,CAAAkF,OAAA,CAAAa,aAAA,WAAMC,SAAS,EAAE4B,YAAa,IAAElG,KAAA,CAAKgB,KAAK,CAACgF,QAAe,CAAC;MACvE;;MAEA,IAAMI,GAAG;MACP9H,MAAA,CAAAkF,OAAA,CAAAa,aAAA;QACEC,SAAS,EAAEtE,KAAA,CAAK4D,OAAO,CAACC,EAAE,CAAC7D,KAAA,CAAKqG,0BAA0B,CAAC,CAAC,GAAA3D,iBAAA,OAAAA,iBAAA;QACzDgB,MAAM,CAAC4C,UAAU,CAACtG,KAAA,CAAK4E,KAAK,CAAC,IAAG,IAAI,EAAAlC,iBAAA;QACtC,CAAE;;MAEHpE,MAAA,CAAAkF,OAAA,CAAAa,aAAA;QACEC,SAAS,EAAEtE,KAAA,CAAK4D,OAAO,CAACC,EAAE,CAACH,MAAM,CAAC0C,GAAG,CAACpG,KAAA,CAAK4E,KAAK,CAAC,EAAE2B,wBAAa,CAACH,GAAG,GAAAzD,iBAAA,OAAAA,iBAAA;QACjEe,MAAM,CAAC8C,UAAU,CAACxG,KAAA,CAAK4E,KAAK,CAAC,IAAG5D,KAAK,CAAC+C,OAAO,IAAIN,eAAe,EAAAd,iBAAA;QAChEe,MAAM,CAAC+C,QAAQ,CAACzG,KAAA,CAAK4E,KAAK,CAAC,IAAG5E,KAAA,CAAKa,KAAK,CAACC,YAAY,EAAA6B,iBAAA;QACrDe,MAAM,CAACgD,QAAQ,CAAC1G,KAAA,CAAK4E,KAAK,CAAC,IAAG5D,KAAK,CAAC4B,KAAK,EAAAD,iBAAA;QACzCe,MAAM,CAACiD,UAAU,CAAC3G,KAAA,CAAK4E,KAAK,CAAC,IAAG5D,KAAK,CAAC6B,OAAO,EAAAF,iBAAA;QAC7Ce,MAAM,CAACkD,WAAW,CAAC5G,KAAA,CAAK4E,KAAK,CAAC,IAAG5D,KAAK,CAACkE,QAAQ,EAAAvC,iBAAA;QACjD,CAAE;;MAEDc,eAAe,IAAIe,UAAU,IAAKJ;MACjC;MACF,CACN;;;MAED;QACE9F,MAAA,CAAAkF,OAAA,CAAAa,aAAA;UACE,YAAU3E,gBAAgB,CAACE,IAAK;UAChC0E,SAAS,EAAEI,SAAU;UACrB3B,YAAY,EAAEA,YAAa;UAC3BC,YAAY,EAAEA,YAAa;UAC3BC,WAAW,EAAEA,WAAY;UACzB2C,OAAO,EAAE,IAAAiB,8DAA8B,EAAC7G,KAAA,CAAKmB,KAAK,CAAE;;QAEpD7C,MAAA,CAAAkF,OAAA,CAAAa,aAAA,CAACnF,oBAAA,CAAA4H,mBAAmB,IAACC,kBAAkB,EAAE/G,KAAA,CAAKgH,UAAW;QACvD1I,MAAA,CAAAkF,OAAA,CAAAa,aAAA,cAAAgB,SAAA,CAAA7B,OAAA,MAAW4B,UAAU,IAAE,cAAY/B,SAAU,EAAC,oBAAkBD,eAAgB,GAAE;QAC/D,CAAC;QACrBgD,GAAG;QACHL;QACI,CAAC;;IAEZ,CAAC,CAAA/F,KAAA;;IAEOyF,WAAW,GAAG,UAAClE,CAAwB,EAAK;MAClD,IAAI,CAACvB,KAAA,CAAKgB,KAAK,CAACkE,QAAQ,EAAE;QACxB;QACA;QACAnD,0BAAY,CAACkF,qBAAqB,YAAlClF,0BAAY,CAACkF,qBAAqB,CAAG,YAAM;UACzC,IAAIC,wBAAW,CAACC,YAAY,EAAE;YAC5BnH,KAAA,CAAKyB,QAAQ,CAAC,EAAEX,YAAY,EAAE,IAAI,CAAC,CAAC,CAAC;UACvC;QACF,CAAC,CAAC;;QAEF,IAAId,KAAA,CAAKgB,KAAK,CAACwE,OAAO,EAAE;UACtBxF,KAAA,CAAKgB,KAAK,CAACwE,OAAO,CAACjE,CAAC,CAAC;QACvB;MACF;IACF,CAAC,CAAAvB,KAAA;;IAEOgH,UAAU,GAAG,oBAAMhH,KAAA,CAAKyB,QAAQ,CAAC,EAAEX,YAAY,EAAE,KAAK,CAAC,CAAC,CAAC,GAAAd,KAAA;;IAEzD2F,UAAU,GAAG,UAACpE,CAAqC,EAAK;MAC9DvB,KAAA,CAAKgH,UAAU,CAAC,CAAC;MACjBhH,KAAA,CAAKgB,KAAK,CAAC0E,MAAM,YAAjB1F,KAAA,CAAKgB,KAAK,CAAC0E,MAAM,CAAGnE,CAAC,CAAC;IACxB,CAAC,CAAAvB,KAAA;;IAEOuF,YAAY,GAAG,UAAC6B,KAA0C,EAAK;MACrE,IAAMrD,OAAO,GAAGqD,KAAK,CAACC,aAAa,CAACtD,OAAO;MAC3C/D,KAAA,CAAKgB,KAAK,CAACkC,aAAa,YAAxBlD,KAAA,CAAKgB,KAAK,CAACkC,aAAa,CAAGa,OAAO,CAAC;;MAEnC/D,KAAA,CAAKuC,kBAAkB,CAAC,CAAC;;MAEzBvC,KAAA,CAAKgB,KAAK,CAACsE,QAAQ,YAAnBtF,KAAA,CAAKgB,KAAK,CAACsE,QAAQ,CAAG8B,KAAK,CAAC;IAC9B,CAAC,CAAApH,KAAA;;IAEO6F,WAAW,GAAG,UAACtE,CAAqC,EAAK;MAC/DvB,KAAA,CAAKgB,KAAK,CAAC4E,OAAO,YAAlB5F,KAAA,CAAKgB,KAAK,CAAC4E,OAAO,CAAGrE,CAAC,CAAC;MACvB;MACA;MACA,IAAIvB,KAAA,CAAKa,KAAK,CAACE,aAAa,KAAK+D,cAAM,IAAIC,cAAM,CAAC,EAAE;QAClD/E,KAAA,CAAKuC,kBAAkB,CAAC,CAAC;QACzB;QACA;QACA,IAAIvC,KAAA,CAAKgB,KAAK,CAACkC,aAAa,IAAIlD,KAAA,CAAKmB,KAAK,CAACW,OAAO,EAAE;UAClD,IAAMiC,OAAO,GAAG,CAAC/D,KAAA,CAAKmB,KAAK,CAACW,OAAO,CAACiC,OAAO;;UAE3C,IAAI/D,KAAA,CAAKgB,KAAK,CAAC+C,OAAO,KAAKuD,SAAS,EAAE;YACpC;YACAtH,KAAA,CAAKmB,KAAK,CAACW,OAAO,CAACiC,OAAO,GAAGA,OAAO;UACtC;;UAEA/D,KAAA,CAAKgB,KAAK,CAACkC,aAAa,CAACa,OAAO,CAAC;QACnC;MACF;IACF,CAAC,QAAA/D,KAAA,MAAAuH,eAAA,CAAA/D,OAAA,EAAA3D,QAAA,EAAAE,oBAAA,MAAAyH,MAAA,GAAA3H,QAAA,CAAA4H,SAAA,CAAAD,MAAA,CA1TO7C,oBAAoB,GAA5B,SAAAA,qBAAA,EAA+B,CAC7B,IAAMjB,MAAM,GAAG,IAAI,CAACA,MAAM,CAC1B,QAAQ,IAAI,CAAChD,QAAQ,CAAC,CAAC,CAACoC,IAAI,GAC1B,KAAK,OAAO,CACV,OAAOY,MAAM,CAACgE,SAAS,CAAC,IAAI,CAAC9C,KAAK,CAAC,CACrC,KAAK,QAAQ,CACX,OAAOlB,MAAM,CAACiE,UAAU,CAAC,IAAI,CAAC/C,KAAK,CAAC,CACtC,KAAK,OAAO,CACZ,QACE,OAAOlB,MAAM,CAACkE,SAAS,CAAC,IAAI,CAAChD,KAAK,CAAC,CACvC,CACF,CAAC,CAAA4C,MAAA,CAEOnB,0BAA0B,GAAlC,SAAAA,2BAAA,EAAqC,CACnC,IAAM3C,MAAM,GAAG,IAAI,CAACA,MAAM,CAC1B,QAAQ,IAAI,CAAChD,QAAQ,CAAC,CAAC,CAACoC,IAAI,GAC1B,KAAK,OAAO,CACV,OAAOY,MAAM,CAACmE,eAAe,CAAC,IAAI,CAACjD,KAAK,CAAC,CAC3C,KAAK,QAAQ,CACX,OAAOlB,MAAM,CAACoE,gBAAgB,CAAC,IAAI,CAAClD,KAAK,CAAC,CAC5C,KAAK,OAAO,CACZ,QACE,OAAOlB,MAAM,CAACqE,eAAe,CAAC,IAAI,CAACnD,KAAK,CAAC,CAC7C,CACF,CAAC,CAAA4C,MAAA,CAEOrD,kBAAkB,GAA1B,SAAAA,mBAAA,EAA6B,CAC3B,QAAQ,IAAI,CAACzD,QAAQ,CAAC,CAAC,CAACoC,IAAI,GAC1B,KAAK,OAAO,CACV,OAAO,IAAI,CAAC8B,KAAK,CAACoD,oBAAoB,CACxC,KAAK,QAAQ,CACX,OAAO,IAAI,CAACpD,KAAK,CAACqD,qBAAqB,CACzC,KAAK,OAAO,CACZ,QACE,OAAO,IAAI,CAACrD,KAAK,CAACsD,oBAAoB,CAC1C,CACF,CAAC,CAAAV,MAAA,CAyDMW,kBAAkB,GAAzB,SAAAA,mBAA0BC,SAAwB,EAAE,CAClD,IAAIA,SAAS,CAACrE,OAAO,KAAK,IAAI,CAAC/C,KAAK,CAAC+C,OAAO,EAAE,CAC5C,IAAI,CAACxB,kBAAkB,CAAC,CAAC,CAC3B,CACF,CAAC,CAAAiF,MAAA,CAEMa,MAAM,GAAb,SAAAA,OAAA,EAAgB,KAAAC,MAAA,QACd,oBACEhK,MAAA,CAAAkF,OAAA,CAAAa,aAAA,CAACvF,QAAA,CAAAyJ,eAAe,QACb,UAAC3E,OAAO,EAAK,CACZ0E,MAAI,CAAC1E,OAAO,GAAGA,OAAO,CACtB0E,MAAI,CAAC5E,MAAM,GAAG,IAAA8E,oBAAS,EAACF,MAAI,CAAC1E,OAAO,CAAC,CACrC,oBACEtF,MAAA,CAAAkF,OAAA,CAAAa,aAAA,CAAClF,aAAA,CAAAsJ,YAAY,CAACC,QAAQ,QACnB,UAAC9D,KAAK,EAAK,CACV0D,MAAI,CAAC1D,KAAK,GAAGA,KAAK,CAClB,oBACEtG,MAAA,CAAAkF,OAAA,CAAAa,aAAA,CAACxF,cAAA,CAAA8J,aAAa,MAAAtD,SAAA,CAAA7B,OAAA,IAACoF,WAAW,EAAEN,MAAI,CAACO,WAAY,IAAKP,MAAI,CAAC5H,QAAQ,CAAC,CAAC,GAC9D4H,MAAI,CAAC9F,UACO,CAAC,CAEpB,CACqB,CAAC,CAE5B,CACe,CAAC,CAEtB,CAAC,CAED;AACF;AACA;AACA,KAHE,CAAAgF,MAAA,CAIOsB,KAAK,GAAZ,SAAAA,MAAA,EAAe,KAAAC,mBAAA,CACb7B,wBAAW,CAACC,YAAY,GAAG,IAAI,CAC/B,CAAA4B,mBAAA,OAAI,CAAC5H,KAAK,CAACW,OAAO,aAAlBiH,mBAAA,CAAoBD,KAAK,CAAC,CAAC,CAC7B,CAAC,CAED;AACF;AACA;AACA,KAHE,CAAAtB,MAAA,CAIOwB,IAAI,GAAX,SAAAA,KAAA,EAAc,KAAAC,oBAAA,CACZ,CAAAA,oBAAA,OAAI,CAAC9H,KAAK,CAACW,OAAO,aAAlBmH,oBAAA,CAAoBD,IAAI,CAAC,CAAC,CAC5B,CAAC,QAAAnJ,QAAA,GAnJ2BuB,cAAK,CAAC8H,aAAa,GAAAzJ,SAAA,CACjC0J,mBAAmB,GAAG,UAAU,EAAA1J,SAAA,CAChC2J,WAAW,GAAG,UAAU,EAAA3J,SAAA,CAExBmB,YAAY,GAAiB,EACzCkC,IAAI,EAAE,OAAO,CACf,CAAC,EAAArD,SAAA,CA0Ca4J,SAAS,GAAG,EACxBtF,OAAO,EAAEuF,kBAAS,CAACC,IAAI,EACvBrE,QAAQ,EAAEoE,kBAAS,CAACC,IAAI,EACxB3G,KAAK,EAAE0G,kBAAS,CAACC,IAAI,EACrB1G,OAAO,EAAEyG,kBAAS,CAACC,IAAI,EACvBrG,aAAa,EAAEoG,kBAAS,CAACE,IAAI,EAC7B9D,MAAM,EAAE4D,kBAAS,CAACE,IAAI,EACtBzG,YAAY,EAAEuG,kBAAS,CAACE,IAAI,EAC5BxG,YAAY,EAAEsG,kBAAS,CAACE,IAAI,EAC5BvG,WAAW,EAAEqG,kBAAS,CAACE,IAAI,CAC7B,CAAC,EAAA/J,SAAA,MAAAD,MAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_globalObject","_keyListener","_ThemeContext","_client","_CommonWrapper","_Emotion","_rootNode","_fixFirefoxModifiedClickOnLabel","_createPropsGetter","_FocusControlWrapper","_Checkbox2","_CheckedIcon","_IndeterminateIcon","_excluded","_class","_Checkbox","CheckboxDataTids","exports","root","Checkbox","rootNode","_React$PureComponent","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","state","focusedByTab","indeterminate","props","initialIndeterminate","isShiftPressed","input","React","createRef","handleShiftPress","e","key","setState","handleShiftRelease","componentDidMount","_globalObject$documen","_globalObject$documen2","current","globalObject","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","_objectWithoutPropertiesLoose2","default","isIndeterminate","iconClass","cx","styles","icon","checked","iconUnchecked","iconSize","parseInt","getCheckboxBoxSize","IconCheck","createElement","className","CheckedIcon","IconSquare","IndeterminateIcon","rootClass","getRootSizeClassName","theme","rootFallback","isIE11","isEdge","rootChecked","rootDisableTextSelect","disabled","Boolean","inputProps","_extends2","onChange","handleChange","onFocus","handleFocus","onBlur","handleBlur","onClick","handleClick","ref","caption","children","_cx2","captionClass","captionIE11","box","getBoxWrapperSizeClassName","boxWrapper","globalClasses","boxChecked","boxFocus","boxError","boxWarning","boxDisabled","fixFirefoxModifiedClickOnLabel","FocusControlWrapper","onBlurWhenDisabled","resetFocus","requestAnimationFrame","keyListener","isTabPressed","event","currentTarget","undefined","_inheritsLoose2","_proto","prototype","rootLarge","rootMedium","rootSmall","boxWrapperLarge","boxWrapperMedium","boxWrapperSmall","checkboxBoxSizeLarge","checkboxBoxSizeMedium","checkboxBoxSizeSmall","componentDidUpdate","prevProps","render","_this2","ThemeContext","Consumer","CommonWrapper","rootNodeRef","setRootNode","focus","_this$input$current","blur","_this$input$current2","PureComponent","__KONTUR_REACT_UI__","displayName"],"sources":["Checkbox.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 { 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 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/cjs/components/Checkbox/Checkbox.md

@@ -1,4 +1,4 @@
-Базовый пример чекбокса.
+### Базовый пример чекбокса
 
 ```jsx harmony
 const [checked, setChecked] = React.useState(false);
@@ -8,7 +8,7 @@ const [checked, setChecked] = React.useState(false);
 </Checkbox>;
 ```
 
-У чекбокса есть несколько состояний.
+### Cостояния
 
 ```jsx harmony
 import { Gapped } from '@skbkontur/react-ui';
@@ -36,7 +36,7 @@ const CheckboxWithState = ({children, ...props}) => {
 </Gapped>
 ```
 
-У чекбокса есть 3 стандартных размера.
+### Размер
 
 ```jsx harmony
 import { Gapped } from '@skbkontur/react-ui';
@@ -54,7 +54,7 @@ import { Gapped } from '@skbkontur/react-ui';
 </Gapped>
 ```
 
-Пример использования методов чекбокса `focus()` и `blur()`.
+### focus и blur
 
 ```jsx harmony
 import { Button, Checkbox, Gapped } from '@skbkontur/react-ui';
@@ -90,6 +90,7 @@ let checkboxInstance = React.useRef(null);
 </Gapped>
 ```
 
+### Неопределенное состояние
 Чекбокс может находится в неопределённом состоянии. <br/> Это состояние полностью копирует поведение состояния `indeterminate` ([подробнее](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#indeterminate_state_checkboxes)) из HTML.
 
 Это состояние влияет только на внешний вид и не влияет на состояние `checked`.
@@ -121,7 +122,7 @@ let checkboxInstance = React.useRef(null);
 </Gapped>
 ```
 
-Пример использования неопределённого состояния чекбокса
+### Пример использования неопределённого состояния чекбокса
 
 ```jsx harmony
 const [checkedSiblings, setCheckedSiblings] = React.useState([]);