@skbkontur/react-ui 0.0.0-bb4cbfe9c6 → 0.0.0-bd4276284d

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

@@ -1 +1 @@
-{"version":3,"sources":["Checkbox.tsx"],"names":["Checkbox","rootNode","state","focusedByTab","indeterminate","props","initialIndeterminate","input","React","createRef","componentDidMount","current","setIndeterminate","setState","resetIndeterminate","renderMain","error","warning","onMouseEnter","onMouseLeave","onMouseOver","onValueChange","type","rest","isIndeterminate","rootClass","styles","root","theme","rootFallback","isIE11","isEdge","rootChecked","checked","disabled","Boolean","inputProps","className","onChange","handleChange","onFocus","handleFocus","onBlur","handleBlur","onClick","handleClick","ref","caption","children","captionClass","captionIE11","iconClass","icon","iconUnchecked","box","boxWrapper","globalClasses","boxChecked","boxFocus","boxError","boxWarning","boxDisabled","e","requestAnimationFrame","keyListener","isTabPressed","event","currentTarget","undefined","componentDidUpdate","prevProps","render","setRootNode","focus","blur","PureComponent","__KONTUR_REACT_UI__","propTypes","PropTypes","bool","func"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Override } from '../../typings/utility-types';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { OkIcon, SquareIcon } from '../../internal/icons/16px';\nimport { isEdge, isIE11 } from '../../lib/client';\nimport { CommonWrapper, CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { fixFirefoxModifiedClickOnLabel } from '../../lib/events/fixFirefoxModifiedClickOnLabel';\n\nimport { styles, globalClasses } from './Checkbox.styles';\n\nexport interface CheckboxProps\n  extends CommonProps,\n    Override<\n      React.InputHTMLAttributes<HTMLInputElement>,\n      {\n        /**\n         * Контент `label`\n         */\n        children?: React.ReactNode;\n        /**\n         * Cостояние валидации при ошибке.\n         */\n        error?: boolean;\n        /**\n         * Cостояние валидации при предупреждении.\n         */\n        warning?: boolean;\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}\n@rootNode\nexport class Checkbox extends React.PureComponent<CheckboxProps, CheckboxState> {\n  public static __KONTUR_REACT_UI__ = 'Checkbox';\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  };\n\n  private theme!: Theme;\n  private input = React.createRef<HTMLInputElement>();\n\n  public componentDidMount = () => {\n    if (this.state.indeterminate && this.input.current) {\n      this.input.current.indeterminate = true;\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.props}>\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      onMouseEnter,\n      onMouseLeave,\n      onMouseOver,\n      onValueChange,\n      type,\n      initialIndeterminate,\n      ...rest\n    } = props;\n    const isIndeterminate = this.state.indeterminate;\n\n    const rootClass = cx({\n      [styles.root(this.theme)]: true,\n      [styles.rootFallback()]: isIE11 || isEdge,\n      [styles.rootChecked(this.theme)]: props.checked || isIndeterminate,\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 iconClass = cx({\n      [styles.icon(this.theme)]: true,\n      [styles.iconUnchecked()]: !props.checked && !isIndeterminate,\n    });\n\n    const box = (\n      <div className={cx(styles.boxWrapper(this.theme))}>\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 && <SquareIcon className={iconClass} />) || <OkIcon className={iconClass} />}\n        </div>\n      </div>\n    );\n\n    return (\n      <label\n        className={rootClass}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n        onMouseOver={onMouseOver}\n        onClick={fixFirefoxModifiedClickOnLabel(this.input)}\n      >\n        <input {...inputProps} />\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      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 handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n    this.props.onBlur?.(e);\n    this.setState({ focusedByTab: false });\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"]}
+{"version":3,"sources":["Checkbox.tsx"],"names":["CheckboxDataTids","root","Checkbox","rootNode","state","focusedByTab","indeterminate","props","initialIndeterminate","isShiftPressed","input","React","createRef","handleShiftPress","e","key","setState","handleShiftRelease","componentDidMount","current","document","addEventListener","componentWillUnmount","removeEventListener","setIndeterminate","resetIndeterminate","renderMain","error","warning","onMouseEnter","onMouseLeave","onMouseOver","onValueChange","type","ariaDescribedby","rest","isIndeterminate","_isTheme2022","theme","iconClass","styles","icon","iconFixPosition","checked","iconUnchecked","IconCheck","parseInt","checkboxBoxSize","IconSquare","rootClass","rootFallback","isIE11","isEdge","rootChecked","rootDisableTextSelect","disabled","Boolean","inputProps","className","onChange","handleChange","onFocus","handleFocus","onBlur","handleBlur","onClick","handleClick","ref","caption","children","captionClass","captionIE11","box","boxWrapper","globalClasses","boxChecked","boxFocus","boxError","boxWarning","boxDisabled","requestAnimationFrame","keyListener","isTabPressed","event","currentTarget","undefined","componentDidUpdate","prevProps","render","setRootNode","focus","blur","PureComponent","__KONTUR_REACT_UI__","propTypes","PropTypes","bool","func"],"mappings":"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","sourcesContent":["// TODO: Enable this rule in functional components.\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport React, { AriaAttributes } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Override } from '../../typings/utility-types';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { OkIcon, SquareIcon } from '../../internal/icons/16px';\nimport { isEdge, isIE11 } from '../../lib/client';\nimport { CommonWrapper, CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { fixFirefoxModifiedClickOnLabel } from '../../lib/events/fixFirefoxModifiedClickOnLabel';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\n\nimport { styles, globalClasses } from './Checkbox.styles';\nimport { CheckedIcon } from './CheckedIcon';\nimport { IndeterminateIcon } from './IndeterminateIcon';\n\nexport interface CheckboxProps\n  extends CommonProps,\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         * 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         * Атрибут для указания id элемента(-ов), описывающих его\n         */\n        'aria-describedby'?: AriaAttributes['aria-describedby'];\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\n@rootNode\nexport class Checkbox extends React.PureComponent<CheckboxProps, CheckboxState> {\n  public static __KONTUR_REACT_UI__ = 'Checkbox';\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    document.addEventListener('keydown', this.handleShiftPress);\n    document.addEventListener('keyup', this.handleShiftRelease);\n  };\n\n  public componentWillUnmount = () => {\n    document.removeEventListener('keydown', this.handleShiftPress);\n    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.props}>\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      onMouseEnter,\n      onMouseLeave,\n      onMouseOver,\n      onValueChange,\n      type,\n      initialIndeterminate,\n      'aria-describedby': ariaDescribedby,\n      ...rest\n    } = props;\n    const isIndeterminate = this.state.indeterminate;\n\n    const _isTheme2022 = isTheme2022(this.theme);\n\n    const iconClass = cx(\n      styles.icon(),\n      !_isTheme2022 && styles.iconFixPosition(),\n      !props.checked && !isIndeterminate && styles.iconUnchecked(),\n    );\n\n    const IconCheck = _isTheme2022 ? (\n      <span className={iconClass}>\n        <CheckedIcon size={parseInt(this.theme.checkboxBoxSize)} />\n      </span>\n    ) : (\n      <OkIcon className={iconClass} />\n    );\n    const IconSquare = _isTheme2022 ? (\n      <span className={iconClass}>\n        <IndeterminateIcon size={parseInt(this.theme.checkboxBoxSize)} />\n      </span>\n    ) : (\n      <SquareIcon className={iconClass} />\n    );\n\n    const rootClass = cx({\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 className={cx(styles.boxWrapper(this.theme))}>\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        <input {...inputProps} aria-describedby={ariaDescribedby} />\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      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 handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n    this.props.onBlur?.(e);\n    this.setState({ focusedByTab: false });\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"]}

package/cjs/components/Checkbox/Checkbox.md

@@ -72,7 +72,7 @@ let checkboxInstance = React.useRef(null);
 </Gapped>
 ```
 
-Чекбокс может находится в неопределённом состоянии. <br/> Это состояние полностью копирует поведение состояния [`indeterminate`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#attr-indeterminate) из HTML.
+Чекбокс может находится в неопределённом состоянии. <br/> Это состояние полностью копирует поведение состояния `indeterminate` ([подробнее](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#indeterminate_state_checkboxes)) из HTML.
 
 Это состояние влияет только на внешний вид и не влияет на состояние `checked`.
 
@@ -102,3 +102,51 @@ let checkboxInstance = React.useRef(null);
   </Gapped>
 </Gapped>
 ```
+
+Пример использования неопределённого состояния чекбокса
+
+```jsx harmony
+const [checkedSiblings, setCheckedSiblings] = React.useState([]);
+const siblingCheckboxes = [1, 2];
+
+let parentCheckboxRef;
+
+React.useEffect(() => {
+  if (checkedSiblings.length === 0 || checkedSiblings.length === siblingCheckboxes.length) {
+    parentCheckboxRef.resetIndeterminate();
+  } else if (checkedSiblings.length !== 0) {
+    parentCheckboxRef.setIndeterminate();
+  }
+}, [JSON.stringify(checkedSiblings)]);
+
+<>
+  <Checkbox checked={checkedSiblings.length === siblingCheckboxes.length} ref={(el) => (parentCheckboxRef = el)}>
+    Родитель
+  </Checkbox>
+  <div style={{ display: 'flex', flexDirection: 'column', marginLeft: '20px' }}>
+    {siblingCheckboxes.map((id) => {
+      return (
+        <Checkbox
+          key={id}
+          checked={checkedSiblings.includes(id)}
+          onValueChange={() => {
+            const siblingIndex = checkedSiblings.indexOf(id);
+
+            if (siblingIndex === -1) {
+              setCheckedSiblings((prev) => [...prev, id]);
+            } else {
+              setCheckedSiblings((prev) =>
+                prev.filter((siblingId) => {
+                  return siblingId !== id;
+                }),
+              );
+            }
+          }}
+        >
+          Ребёнок ({id})
+        </Checkbox>
+      );
+    })}
+  </div>
+</>
+```

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

@@ -4,6 +4,7 @@ export declare const globalClasses: {
 };
 export declare const styles: {
     root(t: Theme): string;
+    rootDisableTextSelect(): string;
     rootChecked(t: Theme): string;
     rootFallback(): string;
     rootWrapperIE11(): string;
@@ -16,7 +17,8 @@ export declare const styles: {
     boxFocus(t: Theme): string;
     boxDisabled(t: Theme): string;
     disabled(t: Theme): string;
-    icon(t: Theme): string;
+    icon(): string;
+    iconFixPosition(): string;
     iconUnchecked(): string;
     caption(t: Theme): string;
     captionIE11(): string;

package/cjs/components/Checkbox/Checkbox.styles.js

@@ -1,6 +1,7 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.styles = exports.globalClasses = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.styles = exports.globalClasses = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _getLabGrotesqueBaselineCompensation = require("../../lib/styles/getLabGrotesqueBaselineCompensation");
+var _Emotion = require("../../lib/theming/Emotion");
 
-var _client = require("../../lib/client");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17;
+var _client = require("../../lib/client");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19;
 
 var globalClasses = (0, _Emotion.prefix)('checkbox')({
   box: 'box' });exports.globalClasses = globalClasses;
@@ -37,10 +38,16 @@ var styles = (0, _Emotion.memoizeStyle)({
 
 
 
+  },
+
+  rootDisableTextSelect: function rootDisableTextSelect() {
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      user-select: none;\n    "])));
+
+
   },
 
   rootChecked: function rootChecked(t) {
-    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &:hover .", " {\n        box-shadow: ", ";\n        background: ", ";\n      }\n\n      &:active .", " {\n        background: ", ";\n        box-shadow: ", ";\n      }\n    "])),
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &:hover .", " {\n        box-shadow: ", ";\n        background: ", ";\n      }\n\n      &:active .", " {\n        background: ", ";\n        box-shadow: ", ";\n      }\n    "])),
     globalClasses.box,
     t.checkboxCheckedHoverShadow,
     t.checkboxCheckedHoverBg,
@@ -54,7 +61,7 @@ var styles = (0, _Emotion.memoizeStyle)({
   },
 
   rootFallback: function rootFallback() {
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-table;\n\n      & > * {\n        // fix root's :active state in IE11 that gets blocked by nested elements\n        pointer-events: none;\n      }\n    "])));
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-table;\n\n      & > * {\n        // fix root's :active state in IE11 that gets blocked by nested elements\n        pointer-events: none;\n      }\n    "])));
 
 
 
@@ -65,7 +72,7 @@ var styles = (0, _Emotion.memoizeStyle)({
   },
 
   rootWrapperIE11: function rootWrapperIE11() {
-    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline;\n    "])));
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline;\n    "])));
 
 
   },
@@ -73,13 +80,9 @@ var styles = (0, _Emotion.memoizeStyle)({
   boxWrapper: function boxWrapper(t) {
     var labGrotesqueCompenstation = parseInt(t.labGrotesqueBaselineCompensation);
     var fontSize = parseInt(t.checkboxFontSize);
-    var baselineCompensation =
-    fontSize < 16 && !_client.isChrome ?
-    labGrotesqueCompenstation :
-    fontSize === 16 && _client.isChrome ?
-    -labGrotesqueCompenstation :
-    0;
-    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: absolute;\n      width: ", ";\n      height: ", ";\n      box-sizing: border-box;\n      padding: ", ";\n      margin-top: calc(", " + ", "px);\n\n      // fix position in ie11\n      display: inline-block;\n      left: 0;\n    "])),
+    var baselineCompensation = (0, _getLabGrotesqueBaselineCompensation.getLabGrotesqueBaselineCompensation)(fontSize, labGrotesqueCompenstation, _client.isChrome);
+
+    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: absolute;\n      width: ", ";\n      height: ", ";\n      box-sizing: border-box;\n      padding: ", ";\n      margin-top: calc(", " + ", "px);\n\n      // fix position in ie11\n      display: inline-block;\n      left: 0;\n    "])),
 
     t.checkboxBoxSize,
     t.checkboxBoxSize,
@@ -94,7 +97,7 @@ var styles = (0, _Emotion.memoizeStyle)({
   },
 
   box: function box(t) {
-    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      box-shadow: ", ";\n      background: ", ";\n      border-radius: ", ";\n      height: 100%;\n    "])),
+    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      box-shadow: ", ";\n      background: ", ";\n      border-radius: ", ";\n      height: 100%;\n    "])),
     t.checkboxTextColorDefault,
     t.checkboxShadow,
     t.checkboxBg,
@@ -104,7 +107,7 @@ var styles = (0, _Emotion.memoizeStyle)({
   },
 
   input: function input() {
-    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      height: 0;\n      opacity: 0;\n      position: absolute;\n      width: 0;\n      z-index: -1;\n    "])));
+    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      height: 0;\n      opacity: 0;\n      position: absolute;\n      width: 0;\n      z-index: -1;\n    "])));
 
 
 
@@ -115,21 +118,21 @@ var styles = (0, _Emotion.memoizeStyle)({
   },
 
   boxWarning: function boxWarning(t) {
-    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow: inset 0 0 0 1px ", ",\n        0 0 0 ", " ", " !important; // override hover and active\n    "])),
+    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow: inset 0 0 0 1px ", ",\n        0 0 0 ", " ", " !important; // override hover and active\n    "])),
     t.checkboxOutlineColorFocus,
     t.checkboxOutlineWidth, t.checkboxBorderColorWarning);
 
   },
 
   boxError: function boxError(t) {
-    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow: inset 0 0 0 1px ", ",\n        0 0 0 ", " ", " !important; // override hover and active\n    "])),
+    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow: inset 0 0 0 1px ", ",\n        0 0 0 ", " ", " !important; // override hover and active\n    "])),
     t.checkboxOutlineColorFocus,
     t.checkboxOutlineWidth, t.checkboxBorderColorError);
 
   },
 
   boxChecked: function boxChecked(t) {
-    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      color: ", ";\n      box-shadow: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      color: ", ";\n      box-shadow: ", ";\n    "])),
     t.checkboxCheckedBg,
     t.checkboxCheckedColor,
     t.checkboxCheckedShadow);
@@ -137,14 +140,14 @@ var styles = (0, _Emotion.memoizeStyle)({
   },
 
   boxFocus: function boxFocus(t) {
-    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow: inset 0 0 0 1px ", ",\n        0 0 0 ", " ", " !important; // override hover and active\n    "])),
+    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow: inset 0 0 0 1px ", ",\n        0 0 0 ", " ", " !important; // override hover and active\n    "])),
     t.checkboxOutlineColorFocus,
     t.checkboxOutlineWidth, t.checkboxBorderColorFocus);
 
   },
 
   boxDisabled: function boxDisabled(t) {
-    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow: ", " !important; // override hover and active\n      background: ", " !important; // override hover and active\n      color: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow: ", " !important; // override hover and active\n      background: ", " !important; // override hover and active\n      color: ", ";\n    "])),
     t.checkboxShadowDisabled,
     t.checkboxBgDisabled,
     t.checkboxTextColorDisabled);
@@ -152,14 +155,14 @@ var styles = (0, _Emotion.memoizeStyle)({
   },
 
   disabled: function disabled(t) {
-    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      cursor: default;\n    "])),
+    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      cursor: default;\n    "])),
     t.checkboxTextColorDisabled);
 
 
   },
 
-  icon: function icon(t) {
-    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: absolute;\n      top: 0px;\n      bottom: 0px;\n      right: 0px;\n      left: 0px;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n\n      svg {\n        margin: -12.5% 0 0 0;\n      }\n    "])));
+  icon: function icon() {
+    return (0, _Emotion.css)(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      right: 0;\n      left: 0;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    "])));
 
 
 
@@ -169,6 +172,10 @@ var styles = (0, _Emotion.memoizeStyle)({
 
 
 
+  },
+
+  iconFixPosition: function iconFixPosition() {
+    return (0, _Emotion.css)(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n      svg {\n        margin: -12.5% 0 0 0;\n      }\n    "])));
 
 
 
@@ -176,20 +183,20 @@ var styles = (0, _Emotion.memoizeStyle)({
   },
 
   iconUnchecked: function iconUnchecked() {
-    return (0, _Emotion.css)(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: transparent;\n    "])));
+    return (0, _Emotion.css)(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: transparent;\n    "])));
 
 
   },
 
   caption: function caption(t) {
-    return (0, _Emotion.css)(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      padding-left: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      padding-left: ", ";\n    "])),
     t.checkboxTextColorDefault,
     t.checkboxCaptionGap);
 
   },
 
   captionIE11: function captionIE11() {
-    return (0, _Emotion.css)(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: table-cell;\n    "])));
+    return (0, _Emotion.css)(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: table-cell;\n    "])));
 
 
   } });exports.styles = styles;

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

@@ -1 +1 @@
-{"version":3,"sources":["Checkbox.styles.ts"],"names":["globalClasses","box","styles","root","t","css","checkboxLineHeight","checkboxFontSize","checkboxPaddingY","checkboxHoverBg","checkboxShadowHover","checkboxShadowActive","checkboxActiveBg","checkboxBoxSize","rootChecked","checkboxCheckedHoverShadow","checkboxCheckedHoverBg","checkboxCheckedActiveBg","checkboxCheckedActiveShadow","rootFallback","rootWrapperIE11","boxWrapper","labGrotesqueCompenstation","parseInt","labGrotesqueBaselineCompensation","fontSize","baselineCompensation","isChrome","checkboxBorderWidth","checkboxBoxOffsetY","checkboxTextColorDefault","checkboxShadow","checkboxBg","checkboxBorderRadius","input","boxWarning","checkboxOutlineColorFocus","checkboxOutlineWidth","checkboxBorderColorWarning","boxError","checkboxBorderColorError","boxChecked","checkboxCheckedBg","checkboxCheckedColor","checkboxCheckedShadow","boxFocus","checkboxBorderColorFocus","boxDisabled","checkboxShadowDisabled","checkboxBgDisabled","checkboxTextColorDisabled","disabled","icon","iconUnchecked","caption","checkboxCaptionGap","captionIE11"],"mappings":"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","sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { isChrome } from '../../lib/client';\n\nexport const globalClasses = prefix('checkbox')({\n  box: 'box',\n});\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      display: inline-flex;\n      align-items: baseline;\n      cursor: pointer;\n      position: relative;\n      line-height: ${t.checkboxLineHeight};\n      font-size: ${t.checkboxFontSize};\n      padding: ${t.checkboxPaddingY} 0;\n\n      &:hover .${globalClasses.box} {\n        background: ${t.checkboxHoverBg};\n        box-shadow: ${t.checkboxShadowHover};\n      }\n\n      &:active .${globalClasses.box} {\n        box-shadow: ${t.checkboxShadowActive};\n        background: ${t.checkboxActiveBg};\n      }\n\n      &::before {\n        // non-breaking space.\n        // makes a correct space for absolutely positioned box,\n        // and also height and baseline for checkbox without caption.\n        content: '\\\\00A0';\n        display: inline-block;\n        width: ${t.checkboxBoxSize};\n        flex: 0 0 auto;\n      }\n    `;\n  },\n\n  rootChecked(t: Theme) {\n    return css`\n      &:hover .${globalClasses.box} {\n        box-shadow: ${t.checkboxCheckedHoverShadow};\n        background: ${t.checkboxCheckedHoverBg};\n      }\n\n      &:active .${globalClasses.box} {\n        background: ${t.checkboxCheckedActiveBg};\n        box-shadow: ${t.checkboxCheckedActiveShadow};\n      }\n    `;\n  },\n\n  rootFallback() {\n    return css`\n      display: inline-table;\n\n      & > * {\n        // fix root's :active state in IE11 that gets blocked by nested elements\n        pointer-events: none;\n      }\n    `;\n  },\n\n  rootWrapperIE11() {\n    return css`\n      display: inline;\n    `;\n  },\n\n  boxWrapper(t: Theme) {\n    const labGrotesqueCompenstation = parseInt(t.labGrotesqueBaselineCompensation);\n    const fontSize = parseInt(t.checkboxFontSize);\n    const baselineCompensation =\n      fontSize < 16 && !isChrome\n        ? labGrotesqueCompenstation\n        : fontSize === 16 && isChrome\n        ? -labGrotesqueCompenstation\n        : 0;\n    return css`\n      position: absolute;\n      width: ${t.checkboxBoxSize};\n      height: ${t.checkboxBoxSize};\n      box-sizing: border-box;\n      padding: ${t.checkboxBorderWidth};\n      margin-top: calc(${t.checkboxBoxOffsetY} + ${baselineCompensation}px);\n\n      // fix position in ie11\n      display: inline-block;\n      left: 0;\n    `;\n  },\n\n  box(t: Theme) {\n    return css`\n      color: ${t.checkboxTextColorDefault};\n      box-shadow: ${t.checkboxShadow};\n      background: ${t.checkboxBg};\n      border-radius: ${t.checkboxBorderRadius};\n      height: 100%;\n    `;\n  },\n\n  input() {\n    return css`\n      display: inline-block;\n      height: 0;\n      opacity: 0;\n      position: absolute;\n      width: 0;\n      z-index: -1;\n    `;\n  },\n\n  boxWarning(t: Theme) {\n    return css`\n      box-shadow: inset 0 0 0 1px ${t.checkboxOutlineColorFocus},\n        0 0 0 ${t.checkboxOutlineWidth} ${t.checkboxBorderColorWarning} !important; // override hover and active\n    `;\n  },\n\n  boxError(t: Theme) {\n    return css`\n      box-shadow: inset 0 0 0 1px ${t.checkboxOutlineColorFocus},\n        0 0 0 ${t.checkboxOutlineWidth} ${t.checkboxBorderColorError} !important; // override hover and active\n    `;\n  },\n\n  boxChecked(t: Theme) {\n    return css`\n      background: ${t.checkboxCheckedBg};\n      color: ${t.checkboxCheckedColor};\n      box-shadow: ${t.checkboxCheckedShadow};\n    `;\n  },\n\n  boxFocus(t: Theme) {\n    return css`\n      box-shadow: inset 0 0 0 1px ${t.checkboxOutlineColorFocus},\n        0 0 0 ${t.checkboxOutlineWidth} ${t.checkboxBorderColorFocus} !important; // override hover and active\n    `;\n  },\n\n  boxDisabled(t: Theme) {\n    return css`\n      box-shadow: ${t.checkboxShadowDisabled} !important; // override hover and active\n      background: ${t.checkboxBgDisabled} !important; // override hover and active\n      color: ${t.checkboxTextColorDisabled};\n    `;\n  },\n\n  disabled(t: Theme) {\n    return css`\n      color: ${t.checkboxTextColorDisabled};\n      cursor: default;\n    `;\n  },\n\n  icon(t: Theme) {\n    return css`\n      position: absolute;\n      top: 0px;\n      bottom: 0px;\n      right: 0px;\n      left: 0px;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n\n      svg {\n        margin: -12.5% 0 0 0;\n      }\n    `;\n  },\n\n  iconUnchecked() {\n    return css`\n      color: transparent;\n    `;\n  },\n\n  caption(t: Theme) {\n    return css`\n      color: ${t.checkboxTextColorDefault};\n      padding-left: ${t.checkboxCaptionGap};\n    `;\n  },\n\n  captionIE11() {\n    return css`\n      display: table-cell;\n    `;\n  },\n});\n"]}
+{"version":3,"sources":["Checkbox.styles.ts"],"names":["globalClasses","box","styles","root","t","css","checkboxLineHeight","checkboxFontSize","checkboxPaddingY","checkboxHoverBg","checkboxShadowHover","checkboxShadowActive","checkboxActiveBg","checkboxBoxSize","rootDisableTextSelect","rootChecked","checkboxCheckedHoverShadow","checkboxCheckedHoverBg","checkboxCheckedActiveBg","checkboxCheckedActiveShadow","rootFallback","rootWrapperIE11","boxWrapper","labGrotesqueCompenstation","parseInt","labGrotesqueBaselineCompensation","fontSize","baselineCompensation","isChrome","checkboxBorderWidth","checkboxBoxOffsetY","checkboxTextColorDefault","checkboxShadow","checkboxBg","checkboxBorderRadius","input","boxWarning","checkboxOutlineColorFocus","checkboxOutlineWidth","checkboxBorderColorWarning","boxError","checkboxBorderColorError","boxChecked","checkboxCheckedBg","checkboxCheckedColor","checkboxCheckedShadow","boxFocus","checkboxBorderColorFocus","boxDisabled","checkboxShadowDisabled","checkboxBgDisabled","checkboxTextColorDisabled","disabled","icon","iconFixPosition","iconUnchecked","caption","checkboxCaptionGap","captionIE11"],"mappings":"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","sourcesContent":["import { getLabGrotesqueBaselineCompensation } from '../../lib/styles/getLabGrotesqueBaselineCompensation';\nimport { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { isChrome } from '../../lib/client';\n\nexport const globalClasses = prefix('checkbox')({\n  box: 'box',\n});\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      display: inline-flex;\n      align-items: baseline;\n      cursor: pointer;\n      position: relative;\n      line-height: ${t.checkboxLineHeight};\n      font-size: ${t.checkboxFontSize};\n      padding: ${t.checkboxPaddingY} 0;\n\n      &:hover .${globalClasses.box} {\n        background: ${t.checkboxHoverBg};\n        box-shadow: ${t.checkboxShadowHover};\n      }\n\n      &:active .${globalClasses.box} {\n        box-shadow: ${t.checkboxShadowActive};\n        background: ${t.checkboxActiveBg};\n      }\n\n      &::before {\n        // non-breaking space.\n        // makes a correct space for absolutely positioned box,\n        // and also height and baseline for checkbox without caption.\n        content: '\\\\00A0';\n        display: inline-block;\n        width: ${t.checkboxBoxSize};\n        flex: 0 0 auto;\n      }\n    `;\n  },\n\n  rootDisableTextSelect() {\n    return css`\n      user-select: none;\n    `;\n  },\n\n  rootChecked(t: Theme) {\n    return css`\n      &:hover .${globalClasses.box} {\n        box-shadow: ${t.checkboxCheckedHoverShadow};\n        background: ${t.checkboxCheckedHoverBg};\n      }\n\n      &:active .${globalClasses.box} {\n        background: ${t.checkboxCheckedActiveBg};\n        box-shadow: ${t.checkboxCheckedActiveShadow};\n      }\n    `;\n  },\n\n  rootFallback() {\n    return css`\n      display: inline-table;\n\n      & > * {\n        // fix root's :active state in IE11 that gets blocked by nested elements\n        pointer-events: none;\n      }\n    `;\n  },\n\n  rootWrapperIE11() {\n    return css`\n      display: inline;\n    `;\n  },\n\n  boxWrapper(t: Theme) {\n    const labGrotesqueCompenstation = parseInt(t.labGrotesqueBaselineCompensation);\n    const fontSize = parseInt(t.checkboxFontSize);\n    const baselineCompensation = getLabGrotesqueBaselineCompensation(fontSize, labGrotesqueCompenstation, isChrome);\n\n    return css`\n      position: absolute;\n      width: ${t.checkboxBoxSize};\n      height: ${t.checkboxBoxSize};\n      box-sizing: border-box;\n      padding: ${t.checkboxBorderWidth};\n      margin-top: calc(${t.checkboxBoxOffsetY} + ${baselineCompensation}px);\n\n      // fix position in ie11\n      display: inline-block;\n      left: 0;\n    `;\n  },\n\n  box(t: Theme) {\n    return css`\n      color: ${t.checkboxTextColorDefault};\n      box-shadow: ${t.checkboxShadow};\n      background: ${t.checkboxBg};\n      border-radius: ${t.checkboxBorderRadius};\n      height: 100%;\n    `;\n  },\n\n  input() {\n    return css`\n      display: inline-block;\n      height: 0;\n      opacity: 0;\n      position: absolute;\n      width: 0;\n      z-index: -1;\n    `;\n  },\n\n  boxWarning(t: Theme) {\n    return css`\n      box-shadow: inset 0 0 0 1px ${t.checkboxOutlineColorFocus},\n        0 0 0 ${t.checkboxOutlineWidth} ${t.checkboxBorderColorWarning} !important; // override hover and active\n    `;\n  },\n\n  boxError(t: Theme) {\n    return css`\n      box-shadow: inset 0 0 0 1px ${t.checkboxOutlineColorFocus},\n        0 0 0 ${t.checkboxOutlineWidth} ${t.checkboxBorderColorError} !important; // override hover and active\n    `;\n  },\n\n  boxChecked(t: Theme) {\n    return css`\n      background: ${t.checkboxCheckedBg};\n      color: ${t.checkboxCheckedColor};\n      box-shadow: ${t.checkboxCheckedShadow};\n    `;\n  },\n\n  boxFocus(t: Theme) {\n    return css`\n      box-shadow: inset 0 0 0 1px ${t.checkboxOutlineColorFocus},\n        0 0 0 ${t.checkboxOutlineWidth} ${t.checkboxBorderColorFocus} !important; // override hover and active\n    `;\n  },\n\n  boxDisabled(t: Theme) {\n    return css`\n      box-shadow: ${t.checkboxShadowDisabled} !important; // override hover and active\n      background: ${t.checkboxBgDisabled} !important; // override hover and active\n      color: ${t.checkboxTextColorDisabled};\n    `;\n  },\n\n  disabled(t: Theme) {\n    return css`\n      color: ${t.checkboxTextColorDisabled};\n      cursor: default;\n    `;\n  },\n\n  icon() {\n    return css`\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      right: 0;\n      left: 0;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    `;\n  },\n\n  iconFixPosition() {\n    return css`\n      svg {\n        margin: -12.5% 0 0 0;\n      }\n    `;\n  },\n\n  iconUnchecked() {\n    return css`\n      color: transparent;\n    `;\n  },\n\n  caption(t: Theme) {\n    return css`\n      color: ${t.checkboxTextColorDefault};\n      padding-left: ${t.checkboxCaptionGap};\n    `;\n  },\n\n  captionIE11() {\n    return css`\n      display: table-cell;\n    `;\n  },\n});\n"]}

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

@@ -0,0 +1,3 @@
+export declare const CheckedIcon: import("../../lib/forwardRefAndName").ReactUIIconWithRef<SVGSVGElement, Omit<import("../../internal/icons2022/BaseIcon").IconProps, "size"> & {
+    size?: number | "small" | "medium" | "large" | undefined;
+}>;

package/cjs/components/Checkbox/CheckedIcon.js

@@ -0,0 +1,14 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.CheckedIcon = void 0;
+var _react = _interopRequireDefault(require("react"));
+
+var _iconSizer = require("../../internal/icons2022/iconSizer");
+var _CheckAIcon16Solid = require("../../internal/icons2022/CheckAIcon/CheckAIcon16Solid");
+var _CheckAIcon20Solid = require("../../internal/icons2022/CheckAIcon/CheckAIcon20Solid"); /* eslint-disable react/display-name */
+
+var CheckedIcon = (0, _iconSizer.iconSizer)(
+{
+  small: function small() {return /*#__PURE__*/_react.default.createElement(_CheckAIcon16Solid.CheckAIcon16Solid, { size: 12 });},
+  medium: function medium() {return /*#__PURE__*/_react.default.createElement(_CheckAIcon16Solid.CheckAIcon16Solid, null);},
+  large: function large() {return /*#__PURE__*/_react.default.createElement(_CheckAIcon20Solid.CheckAIcon20Solid, null);} },
+
+'CheckedIcon');exports.CheckedIcon = CheckedIcon;

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

@@ -0,0 +1 @@
+{"version":3,"sources":["CheckedIcon.tsx"],"names":["CheckedIcon","small","medium","large"],"mappings":";AACA;;AAEA;AACA;AACA,0F,CALA;;AAOO,IAAMA,WAAW,GAAG;AACzB;AACEC,EAAAA,KAAK,EAAE,sCAAM,6BAAC,oCAAD,IAAmB,IAAI,EAAE,EAAzB,GAAN,EADT;AAEEC,EAAAA,MAAM,EAAE,uCAAM,6BAAC,oCAAD,OAAN,EAFV;AAGEC,EAAAA,KAAK,EAAE,sCAAM,6BAAC,oCAAD,OAAN,EAHT,EADyB;;AAMzB,aANyB,CAApB,C","sourcesContent":["/* eslint-disable react/display-name */\nimport React from 'react';\n\nimport { iconSizer } from '../../internal/icons2022/iconSizer';\nimport { CheckAIcon16Solid } from '../../internal/icons2022/CheckAIcon/CheckAIcon16Solid';\nimport { CheckAIcon20Solid } from '../../internal/icons2022/CheckAIcon/CheckAIcon20Solid';\n\nexport const CheckedIcon = iconSizer(\n  {\n    small: () => <CheckAIcon16Solid size={12} />,\n    medium: () => <CheckAIcon16Solid />,\n    large: () => <CheckAIcon20Solid />,\n  },\n  'CheckedIcon',\n);\n"]}

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

@@ -0,0 +1,3 @@
+export declare const IndeterminateIcon: import("../../lib/forwardRefAndName").ReactUIIconWithRef<SVGSVGElement, Omit<import("../../internal/icons2022/BaseIcon").IconProps, "size"> & {
+    size?: number | "small" | "medium" | "large" | undefined;
+}>;

package/cjs/components/Checkbox/IndeterminateIcon.js

@@ -0,0 +1,13 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.IndeterminateIcon = void 0;
+var _react = _interopRequireDefault(require("react"));
+
+var _iconSizer = require("../../internal/icons2022/iconSizer");
+var _ShapeSquareIcon16Solid = require("../../internal/icons2022/ShapeSquareIcon/ShapeSquareIcon16Solid"); /* eslint-disable react/display-name */
+
+var IndeterminateIcon = (0, _iconSizer.iconSizer)(
+{
+  small: function small() {return /*#__PURE__*/_react.default.createElement(_ShapeSquareIcon16Solid.ShapeSquareIcon16Solid, { size: 6 });},
+  medium: function medium() {return /*#__PURE__*/_react.default.createElement(_ShapeSquareIcon16Solid.ShapeSquareIcon16Solid, { size: 8 });},
+  large: function large() {return /*#__PURE__*/_react.default.createElement(_ShapeSquareIcon16Solid.ShapeSquareIcon16Solid, { size: 10 });} },
+
+'IndeterminateIcon');exports.IndeterminateIcon = IndeterminateIcon;

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

@@ -0,0 +1 @@
+{"version":3,"sources":["IndeterminateIcon.tsx"],"names":["IndeterminateIcon","small","medium","large"],"mappings":";AACA;;AAEA;AACA,yG,CAJA;;AAMO,IAAMA,iBAAiB,GAAG;AAC/B;AACEC,EAAAA,KAAK,EAAE,sCAAM,6BAAC,8CAAD,IAAwB,IAAI,EAAE,CAA9B,GAAN,EADT;AAEEC,EAAAA,MAAM,EAAE,uCAAM,6BAAC,8CAAD,IAAwB,IAAI,EAAE,CAA9B,GAAN,EAFV;AAGEC,EAAAA,KAAK,EAAE,sCAAM,6BAAC,8CAAD,IAAwB,IAAI,EAAE,EAA9B,GAAN,EAHT,EAD+B;;AAM/B,mBAN+B,CAA1B,C","sourcesContent":["/* eslint-disable react/display-name */\nimport React from 'react';\n\nimport { iconSizer } from '../../internal/icons2022/iconSizer';\nimport { ShapeSquareIcon16Solid } from '../../internal/icons2022/ShapeSquareIcon/ShapeSquareIcon16Solid';\n\nexport const IndeterminateIcon = iconSizer(\n  {\n    small: () => <ShapeSquareIcon16Solid size={6} />,\n    medium: () => <ShapeSquareIcon16Solid size={8} />,\n    large: () => <ShapeSquareIcon16Solid size={10} />,\n  },\n  'IndeterminateIcon',\n);\n"]}

package/cjs/components/ComboBox/ComboBox.d.ts

@@ -1,9 +1,10 @@
-import React from 'react';
+import React, { AriaAttributes } from 'react';
+import { DropdownContainerProps } from '../../internal/DropdownContainer';
 import { Nullable } from '../../typings/utility-types';
 import { MenuItemState } from '../MenuItem';
 import { InputIconType } from '../Input';
 import { CommonProps } from '../../internal/CommonWrapper';
-export interface ComboBoxProps<T> extends CommonProps {
+export interface ComboBoxProps<T> extends Pick<DropdownContainerProps, 'menuPos'>, CommonProps {
     align?: 'left' | 'center' | 'right';
     /**
      * Вызывает функцию поиска `getItems` при фокусе и очистке поля ввода
@@ -25,7 +26,7 @@ export interface ComboBoxProps<T> extends CommonProps {
     disablePortal?: boolean;
     disabled?: boolean;
     /**
-     * Cостояние валидации при ошибке.
+     * Состояние валидации при ошибке.
      */
     error?: boolean;
     leftIcon?: InputIconType;
@@ -42,7 +43,7 @@ export interface ComboBoxProps<T> extends CommonProps {
      * Необходим для сравнения полученных результатов с `value`
      * @default item => item.label
      */
-    itemToValue: (item: T) => string | number;
+    itemToValue?: (item: T) => string | number;
     maxLength?: number;
     menuAlign?: 'left' | 'right';
     onBlur?: () => void;
@@ -52,7 +53,7 @@ export interface ComboBoxProps<T> extends CommonProps {
     /**
      * Вызывается при изменении текста в поле ввода,
      * если результатом функции будет строка,
-     * то она станет следующим состояним полем ввода
+     * то она станет следующим состоянием полем ввода
      */
     onInputValueChange?: (value: string) => Nullable<string> | void;
     /**
@@ -75,7 +76,22 @@ export interface ComboBoxProps<T> extends CommonProps {
      * Не применяется если элемент является функцией или React-элементом
      * @default item => item.label
      */
-    renderItem: (item: T, state?: MenuItemState) => React.ReactNode;
+    renderItem?: (item: T, state?: MenuItemState) => React.ReactNode;
+    /**
+     * Компонент, заменяющий собой обёртку элементов результата поиска.
+     *
+     * По умолчанию все элементы результата поиска оборачиваются в тег `<button />`.
+     *
+     * @example
+     * itemWrapper={(item) => {
+     *    if (item.value === 3) {
+     *      return (props) => {
+     *        return <a {...props} />
+     *      }
+     *    }
+     * }}
+     */
+    itemWrapper?: (item?: T) => React.ComponentType<unknown>;
     /**
      * Функция для отрисовки сообщения о пустом результате поиска
      * Если есть renderAddButton - не работает
@@ -90,7 +106,7 @@ export interface ComboBoxProps<T> extends CommonProps {
      * Функция отрисовки выбранного значения
      * @default item => item.label
      */
-    renderValue: (item: T) => React.ReactNode;
+    renderValue?: (item: T) => React.ReactNode;
     /**
      * Функция отрисовки кнопки добавления в выпадающем списке
      */
@@ -110,12 +126,16 @@ export interface ComboBoxProps<T> extends CommonProps {
      * Необходим для преобразования `value` в строку при фокусировке
      * @default item => item.label
      */
-    valueToString: (item: T) => string;
+    valueToString?: (item: T) => string;
     size?: 'small' | 'medium' | 'large';
     /**
-     * Cостояние валидации при предупреждении.
+     * Состояние валидации при предупреждении.
      */
     warning?: boolean;
+    /**
+     * Атрибут для указания id элемента(-ов), описывающих его
+     */
+    'aria-describedby'?: AriaAttributes['aria-describedby'];
     width?: string | number;
     maxMenuHeight?: number | string;
     onMouseEnter?: (e: React.MouseEvent) => void;
@@ -128,17 +148,11 @@ export interface ComboBoxItem {
     value: string;
     label: string;
 }
+declare type DefaultProps<T> = Required<Pick<ComboBoxProps<T>, 'itemToValue' | 'valueToString' | 'renderValue' | 'renderItem' | 'menuAlign' | 'searchOnFocus' | 'drawArrow'>>;
 export declare class ComboBox<T = ComboBoxItem> extends React.Component<ComboBoxProps<T>> {
     static __KONTUR_REACT_UI__: string;
-    static defaultProps: {
-        itemToValue: (item: ComboBoxItem) => string;
-        valueToString: (item: ComboBoxItem) => string;
-        renderValue: (item: ComboBoxItem) => string;
-        renderItem: (item: ComboBoxItem) => string;
-        menuAlign: string;
-        searchOnFocus: boolean;
-        drawArrow: boolean;
-    };
+    static defaultProps: DefaultProps<any>;
+    private getProps;
     private comboboxElement;
     private setRootNode;
     /**
@@ -182,3 +196,4 @@ export declare class ComboBox<T = ComboBoxItem> extends React.Component<ComboBox
     render(): JSX.Element;
     private customComboBoxRef;
 }
+export {};

package/cjs/components/ComboBox/ComboBox.js

@@ -1,11 +1,41 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.ComboBox = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 
+
 var _CustomComboBox = require("../../internal/CustomComboBox");
 
 
 
 
-var _rootNode = require("../../lib/rootNode");var _class, _class2, _temp;var
+var _rootNode = require("../../lib/rootNode");
+var _createPropsGetter = require("../../lib/createPropsGetter");var _class, _class2, _temp;var
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
 
 
@@ -180,6 +210,8 @@ ComboBox = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/func
 
 
 
+    getProps = (0, _createPropsGetter.createPropsGetter)(ComboBox.defaultProps);_this.
+
     comboboxElement = null;_this.
 
 
@@ -290,4 +322,4 @@ ComboBox = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/func
    */;_proto.selectInputText = function selectInputText() {if (this.comboboxElement) {this.comboboxElement.selectInputText();}} /**
    * Сбрасывает введенное пользователем значение
    * @public
-   */;_proto.reset = function reset() {if (this.comboboxElement) {this.comboboxElement.reset();}};_proto.render = function render() {return /*#__PURE__*/_react.default.createElement(_CustomComboBox.CustomComboBox, (0, _extends2.default)({}, this.props, { ref: this.customComboBoxRef }));};return ComboBox;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'ComboBox', _class2.defaultProps = { itemToValue: function itemToValue(item) {return item.value;}, valueToString: function valueToString(item) {return item.label;}, renderValue: function renderValue(item) {return item.label;}, renderItem: function renderItem(item) {return item.label;}, menuAlign: 'left', searchOnFocus: true, drawArrow: true }, _temp)) || _class;exports.ComboBox = ComboBox;
+   */;_proto.reset = function reset() {if (this.comboboxElement) {this.comboboxElement.reset();}};_proto.render = function render() {return /*#__PURE__*/_react.default.createElement(_CustomComboBox.CustomComboBox, (0, _extends2.default)({}, this.getProps(), { ref: this.customComboBoxRef }));};return ComboBox;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'ComboBox', _class2.defaultProps = { itemToValue: function itemToValue(item) {return item.value;}, valueToString: function valueToString(item) {return item.label;}, renderValue: function renderValue(item) {return item.label;}, renderItem: function renderItem(item) {return item.label;}, menuAlign: 'left', searchOnFocus: true, drawArrow: true }, _temp)) || _class;exports.ComboBox = ComboBox;