@skbkontur/react-ui 1.12.2 → 2.0.0-beta.4

package/components/RadioGroup/RadioGroup.js

@@ -1,206 +1,180 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var React = tslib_1.__importStar(require("react"));
-var PropTypes = tslib_1.__importStar(require("prop-types"));
-var invariant_1 = tslib_1.__importDefault(require("invariant"));
-var v1_1 = tslib_1.__importDefault(require("uuid/v1"));
-var Prevent_1 = tslib_1.__importDefault(require("./Prevent"));
-var Radio_1 = tslib_1.__importDefault(require("../Radio"));
-var RadioGroup_module_less_1 = tslib_1.__importDefault(require("./RadioGroup.module.css"));
-var createPropsGetter_1 = require("../internal/createPropsGetter");
-var Emotion_1 = require("../../lib/theming/Emotion");
-var FocusTrap_1 = tslib_1.__importDefault(require("../internal/FocusTrap/FocusTrap"));
-var RadioGroup = /** @class */function (_super) {
-  tslib_1.__extends(RadioGroup, _super);
-  function RadioGroup(props) {
-    var _this = _super.call(this, props) || this;
-    _this._name = v1_1["default"]();
-    _this.getProps = createPropsGetter_1.createPropsGetter(RadioGroup.defaultProps);
-    _this._getValue = function () {return _this._isControlled() ? _this.props.value : _this.state.activeItem;};
-    _this._getName = function () {return _this.props.name || _this._name;};
-    _this._isControlled = function () {return _this.props.value != null;};
-    _this._handleSelect = function (event, value) {
-      if (!_this._isControlled()) {
-        _this.setState({ activeItem: value });
-      }
-      if (_this.props.onChange) {
-        _this.props.onChange(event, value);
-      }
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
     };
-    _this._renderRadio = function (itemValue, data, index) {
-      var _a;
-      var itemProps = {
-        key: typeof itemValue === 'string' || typeof itemValue === 'number' ? itemValue : index,
-        className: Emotion_1.cx((_a = {},
-        _a[RadioGroup_module_less_1["default"].item] = true,
-        _a[RadioGroup_module_less_1["default"].itemFirst] = index === 0,
-        _a[RadioGroup_module_less_1["default"].itemInline] = !!_this.props.inline,
-        _a)) };
-
-      return React.createElement("span", tslib_1.__assign({}, itemProps),
-      React.createElement(Radio_1["default"], { value: itemValue }, _this.getProps().renderItem(itemValue, data)));
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
-    _this._ref = function (element) {
-      _this.node = element;
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
     };
-    _this.state = {
-      activeItem: _this.props.defaultValue };
-
-    return _this;
-  }
-  RadioGroup.prototype.getChildContext = function () {
-    return {
-      activeItem: this._getValue(),
-      onSelect: this._handleSelect,
-      name: this._getName(),
-      disabled: this.props.disabled,
-      error: this.props.error,
-      warning: this.props.warning };
-
-  };
-  RadioGroup.prototype.render = function () {
-    var _a = this.props,width = _a.width,onMouseLeave = _a.onMouseLeave,onMouseOver = _a.onMouseOver,onMouseEnter = _a.onMouseEnter,onBlur = _a.onBlur;
-    var style = {
-      width: width != null ? width : 'auto' };
-
-    var handlers = {
-      onMouseOver: onMouseOver,
-      onMouseEnter: onMouseEnter,
-      onMouseLeave: onMouseLeave };
-
-    return React.createElement(FocusTrap_1["default"], { onBlur: onBlur },
-    React.createElement("span", tslib_1.__assign({ ref: this._ref, style: style, className: RadioGroup_module_less_1["default"].root }, handlers), this._renderChildren()));
-  };
-  /**
-   * @public
-   */
-  RadioGroup.prototype.focus = function () {
-    var node = this.node;
-    if (!node) {
-      return;
+    return __assign.apply(this, arguments);
+};
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import React from 'react';
+import invariant from 'invariant';
+import { getRandomID, isNonNullable } from '../../lib/utils.js';
+import { Radio } from '../Radio/index.js';
+import { createPropsGetter } from '../../lib/createPropsGetter.js';
+import { FocusTrap } from '../../internal/FocusTrap/index.js';
+import { CommonWrapper } from '../../internal/CommonWrapper/index.js';
+import { rootNode } from '../../lib/rootNode/index.js';
+import { getVisualStateDataAttributes } from '../../internal/CommonWrapper/utils/getVisualStateDataAttributes.js';
+import { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';
+import { getStyles } from './RadioGroup.styles.js';
+import { Prevent } from './Prevent.js';
+import { RadioGroupContext } from './RadioGroupContext.js';
+export var RadioGroupDataTids = {
+    root: 'RadioGroup__root',
+};
+/** Группирует радиокнопки. Контейнер для компонента [Radio](https://tech.skbkontur.ru/kontur-ui/?path=/docs/react-ui_input-data-radio--docs). */
+var RadioGroup = /** @class */ (function (_super) {
+    __extends(RadioGroup, _super);
+    function RadioGroup(props) {
+        var _this = _super.call(this, props) || this;
+        _this.name = getRandomID();
+        _this.getProps = createPropsGetter(RadioGroup_1.defaultProps);
+        _this.getRadioGroupContextValue = function () {
+            return {
+                activeItem: _this.getValue(),
+                onSelect: _this.handleSelect,
+                name: _this.getName(),
+                disabled: _this.props.disabled,
+                error: _this.props.error,
+                warning: _this.props.warning,
+            };
+        };
+        _this.getValue = function () { return (_this.isControlled() ? _this.props.value : _this.state.activeItem); };
+        _this.getName = function () { return _this.props.name || _this.name; };
+        _this.isControlled = function () { return isNonNullable(_this.props.value); };
+        _this.handleSelect = function (value) {
+            if (!_this.isControlled()) {
+                _this.setState({ activeItem: value });
+            }
+            if (_this.props.onValueChange) {
+                _this.props.onValueChange(value);
+            }
+        };
+        _this.renderRadio = function (itemValue, data, index) {
+            var _a;
+            var itemProps = {
+                key: _this.getKeyByItem(itemValue),
+                className: _this.cx((_a = {},
+                    _a[_this.styles.item()] = true,
+                    _a[_this.styles.itemFirst()] = index === 0,
+                    _a[_this.styles.itemInline()] = !!_this.props.inline,
+                    _a)),
+            };
+            return (React.createElement("span", __assign({}, itemProps, { role: "presentation" }),
+                React.createElement(Radio, { value: itemValue }, _this.getProps().renderItem(itemValue, data))));
+        };
+        _this.getKeyByItem = function (itemValue) {
+            if (_this.props.toKey) {
+                return _this.props.toKey(itemValue);
+            }
+            return typeof itemValue === 'string' || typeof itemValue === 'number' ? itemValue : undefined;
+        };
+        _this.ref = function (element) {
+            _this.node = element;
+        };
+        _this.state = {
+            activeItem: _this.props.defaultValue,
+        };
+        return _this;
     }
-    var radio = node.querySelector('input[type="radio"]:checked');
-    // If no checked radios, try get first radio
-    if (!radio || radio.disabled) {
-      radio = node.querySelector('input[type="radio"]:not([disabled])');
-    }
-    if (radio) {
-      radio.focus();
-    }
-  };
-  RadioGroup.prototype._renderChildren = function () {
-    var _a = this.props,items = _a.items,children = _a.children;
-    invariant_1["default"](!items && children || items && !children, 'Either items or children must be passed, not both');
-    return items ? mapItems(this._renderRadio, items) : children;
-  };
-  RadioGroup.__KONTUR_REACT_UI__ = 'RadioGroup';
-  RadioGroup.childContextTypes = {
-    error: PropTypes.bool,
-    name: PropTypes.string,
-    warning: PropTypes.bool,
-    disabled: PropTypes.bool,
-    activeItem: PropTypes.any,
-    onSelect: PropTypes.func };
-
-  RadioGroup.propTypes = {
-    /**
-     * Может быть использовано, если не передан параметр `items`
-     *
-     * `children` может содержать любую разметку с компонентами Radio.
-     * Каждому компоненту Radio нужно указать параметр `value`, такого же типа
-     * как и параметр `value` самой радиогруппы.
-     *
-     * Значения активного элемента сравниваются по строгому равенству `===`
-     */
-    children: PropTypes.node,
-    /**
-     * Значение по умолчанию. Должно быть одним из значений дочерних радиокнопок
-     * или значей из параметра `items`
-     */
-    defaultValue: PropTypes.any,
-    /**
-     * Дизейблит все радиокнопки
-     */
-    disabled: PropTypes.bool,
-    /**
-     * Переводит все радиокнопки в состоянии ошибки
-     */
-    error: PropTypes.bool,
-    /**
-     * Выравнивает элементы в строку. Не работает с `children`
-     */
-    inline: PropTypes.bool,
-    /**
-     * Может быть использовано, если не передан параметр `children`
-     *
-     * Массив параметров радиокнопок. Может быть типа `Array<Value>` или
-     * `Array<[Value, Data]>`, где тип `Value` — значение радиокнопки, а `Data`
-     * — значение которое будет использовано вторым параметром в `renderItem`.
-     * Если тип `items: Array<Value>`, то он будет приведен к типу
-     * `Array<[Value, Value]>`
-     */
-    items: PropTypes.any,
-    /**
-     * Аттрибут name для вложенных радиокнопок. Если не указан, то сгенерируется
-     * случайное имя по алгоритму
-     * [uuid v1](https://github.com/kelektiv/node-uuid#version-1)
-     */
-    name: PropTypes.string,
-    /**
-     * Метод отрисовки контента радиокнопки. Не работает с `children`.
-     *
-     * Принимает два аргумента: `(value: Value, data: Data) => React.Node`
-     */
-    renderItem: PropTypes.func,
-    /**
-     * Значение радиогруппы. Должно быть одним из значений радиокнопок.
-     * Если не указано, то компонент будет работать, как неконтроллируемый
-     */
-    value: PropTypes.any,
-    /**
-     * Переводит все радиокнопки в состоянии предупреждения
-     */
-    warning: PropTypes.bool,
-    /**
-     * Ширина радиогруппы. Не работает с `children`
-     */
-    width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-    /**
-     * Обработчик события при переключении радиокнопок.
-     * Имеет тип
-     * `(event: SyntheticInputEvent<HTMLInputElement>, value: Value) => any`
+    RadioGroup_1 = RadioGroup;
+    RadioGroup.prototype.render = function () {
+        var _a;
+        var _b = this.props, width = _b.width, onMouseLeave = _b.onMouseLeave, onMouseOver = _b.onMouseOver, onMouseEnter = _b.onMouseEnter, onBlur = _b.onBlur, ariaDescribedby = _b["aria-describedby"], disabled = _b.disabled;
+        var style = {
+            width: width !== null && width !== void 0 ? width : 'auto',
+        };
+        var handlers = {
+            onMouseOver: onMouseOver,
+            onMouseEnter: onMouseEnter,
+            onMouseLeave: onMouseLeave,
+        };
+        this.styles = getStyles(this.emotion);
+        return (React.createElement(CommonWrapper, __assign({ rootNodeRef: this.setRootNode }, this.props, getVisualStateDataAttributes({ disabled: disabled })),
+            React.createElement(FocusTrap, { onBlur: onBlur },
+                React.createElement("span", __assign({ "data-tid": RadioGroupDataTids.root, ref: this.ref, style: style, className: this.cx((_a = {},
+                        _a[this.styles.root()] = true,
+                        _a)), role: "radiogroup" }, handlers, { "aria-describedby": ariaDescribedby }),
+                    React.createElement(RadioGroupContext.Provider, { value: this.getRadioGroupContextValue() }, this.renderChildren())))));
+    };
+    /** Программно устанавливает фокус на радиокнопку. Появляется фокусная обводка, элемент получает клавиатурные события и воспринимается как текущий элемент для чтения скринридерами.
+     * @public
      */
-    onChange: PropTypes.func,
-    onBlur: PropTypes.func,
-    onMouseEnter: PropTypes.func,
-    onMouseLeave: PropTypes.func,
-    onMouseOver: PropTypes.func };
-
-  RadioGroup.defaultProps = {
-    renderItem: renderItem };
-
-  RadioGroup.Prevent = Prevent_1["default"];
-  return RadioGroup;
-}(React.Component);
-exports["default"] = RadioGroup;
+    RadioGroup.prototype.focus = function () {
+        var node = this.node;
+        if (!node) {
+            return;
+        }
+        var radio = node.querySelector('input[type="radio"]:checked');
+        // If no checked radios, try get first radio
+        if (!radio || radio.disabled) {
+            radio = node.querySelector('input[type="radio"]:not([disabled])');
+        }
+        if (radio) {
+            radio.focus();
+        }
+    };
+    RadioGroup.prototype.renderChildren = function () {
+        var _a = this.props, items = _a.items, children = _a.children;
+        invariant((!items && children) || (items && !children), 'Either items or children must be passed, not both');
+        return items ? mapItems(this.renderRadio, items) : children;
+    };
+    var RadioGroup_1;
+    RadioGroup.__KONTUR_REACT_UI__ = 'RadioGroup';
+    RadioGroup.displayName = 'RadioGroup';
+    RadioGroup.defaultProps = {
+        renderItem: renderItem,
+    };
+    RadioGroup.Prevent = Prevent;
+    RadioGroup = RadioGroup_1 = __decorate([
+        withRenderEnvironment,
+        rootNode
+    ], RadioGroup);
+    return RadioGroup;
+}(React.Component));
+export { RadioGroup };
 function renderItem(_value, data) {
-  return data;
+    return data;
 }
 function mapItems(fn, items) {
-  var result = [];
-  var index = 0;
-  for (var _i = 0, items_1 = items; _i < items_1.length; _i++) {
-    var entry = items_1[_i];
-    var _a = normalizeEntry(entry),value = _a[0],data = _a[1];
-    result.push(fn(value, data, index));
-    ++index;
-  }
-  return result;
+    var result = [];
+    var index = 0;
+    for (var _i = 0, items_1 = items; _i < items_1.length; _i++) {
+        var entry = items_1[_i];
+        var _a = normalizeEntry(entry), value = _a[0], data = _a[1];
+        result.push(fn(value, data, index));
+        ++index;
+    }
+    return result;
 }
 function normalizeEntry(entry) {
-  if (!Array.isArray(entry)) {
-    return [entry, entry];
-  }
-  return entry;
-}
+    if (!Array.isArray(entry)) {
+        return [entry, entry];
+    }
+    return entry;
+}
+//# sourceMappingURL=RadioGroup.js.map

package/components/RadioGroup/RadioGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["RadioGroup.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../../components/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { AriaAttributes, JSX } from 'react';\nimport React from 'react';\nimport invariant from 'invariant';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { getRandomID, isNonNullable } from '../../lib/utils.js';\nimport { Radio } from '../Radio/index.js';\nimport { createPropsGetter } from '../../lib/createPropsGetter.js';\nimport type { Nullable } from '../../typings/utility-types.js';\nimport { FocusTrap } from '../../internal/FocusTrap/index.js';\nimport type { CommonProps } from '../../internal/CommonWrapper/index.js';\nimport { CommonWrapper } from '../../internal/CommonWrapper/index.js';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode/index.js';\nimport { rootNode } from '../../lib/rootNode/index.js';\nimport { getVisualStateDataAttributes } from '../../internal/CommonWrapper/utils/getVisualStateDataAttributes.js';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';\n\nimport { getStyles } from './RadioGroup.styles.js';\nimport { Prevent } from './Prevent.js';\nimport type { RadioGroupContextType } from './RadioGroupContext.js';\nimport { RadioGroupContext } from './RadioGroupContext.js';\n\nexport interface RadioGroupProps<T = string | number> extends CommonProps {\n  /** Значение по умолчанию. Должно быть одним из значений дочерних радиокнопок или значений из `items`. */\n  defaultValue?: T;\n\n  /** Значение группы радиокнопок. Должно быть одним из значений радиокнопок.\n   * Если не указано, то компонент будет работать как неконтролируемый. */\n  value?: T;\n\n  /** Массив параметров радиокнопок. Может быть типа `Array<Value>` или `Array<[Value, Data]>`,\n   * где тип `Value` — значение радиокнопки, а `Data` — значение которое будет использовано вторым параметром в `renderItem`.\n   * Тип `Array<Value>` будет приведен к типу `Array<[Value, Value]>`.\n   * Может быть использовано, если не передан `children`. */\n  items?: T[] | Array<[T, React.ReactNode]>;\n\n  /** Устанавливает атрибут `name` для дочерних радиокнопок. Если не указан, то сгенерируется случайное имя. */\n  name?: string;\n\n  /** Получает уникальный ключ по элементу.\n   * @param item - элемент, по которому нужно получить ключ. */\n  toKey?: (item: T) => string | number;\n\n  /** Блокирует все радиокнопки в группе. */\n  disabled?: boolean;\n\n  /** Меняет визуальное отображение всех радиокнопок на состояние «предупреждение». */\n  warning?: boolean;\n\n  /** Меняет визуальное отображение всех радиокнопок на состояние «ошибка». */\n  error?: boolean;\n\n  /** Размещает радиокнопки в строку. Работает только со значениями, переданными через `items`, не работает с `children`. */\n  inline?: boolean;\n\n  /** Ширина радиогруппы. Работает только со значениями, переданными через `items`, не работает с `children`. */\n  width?: React.CSSProperties['width'];\n\n  /** Отрисовывает контент радиокнопки. Работает только со значениями, переданными через `items`, не работает с `children`.\n   * @param {Value} itemValue - значение радиокнопки.\n   * @param {Data} data - значение для отрисовки радиокнопки. */\n  renderItem?: (itemValue: T, data: React.ReactNode) => React.ReactNode;\n\n  /** @ignore */\n  'aria-describedby'?: AriaAttributes['aria-describedby'];\n\n  /** Событие изменения `value`. */\n  onValueChange?: (value: T) => void;\n\n  /** Событие потери радиогруппой фокуса. */\n  onBlur?: (event: FocusEvent) => void;\n\n  /** Событие ухода мышки с объекта (событие `onmouseleave`). */\n  onMouseLeave?: () => any;\n\n  /** Событие наведения мышкой (событие `onmouseover`). */\n  onMouseOver?: () => any;\n\n  /** Событие наведения мышкой (событие `onmouseenter`). Смотрите разницу с `onMouseOver` в [документации](https://learn.javascript.ru/mousemove-mouseover-mouseout-mouseenter-mouseleave)  */\n  onMouseEnter?: () => any;\n}\n\nexport interface RadioGroupState<T> {\n  activeItem?: T;\n}\n\nexport const RadioGroupDataTids = {\n  root: 'RadioGroup__root',\n} as const;\n\ntype DefaultProps = Required<Pick<RadioGroupProps<unknown>, 'renderItem'>>;\n\n/** Группирует радиокнопки. Контейнер для компонента [Radio](https://tech.skbkontur.ru/kontur-ui/?path=/docs/react-ui_input-data-radio--docs). */\n@withRenderEnvironment\n@rootNode\nexport class RadioGroup<T> extends React.Component<RadioGroupProps<T>, RadioGroupState<T>> {\n  public static __KONTUR_REACT_UI__ = 'RadioGroup';\n  public static displayName = 'RadioGroup';\n\n  public static defaultProps: DefaultProps = {\n    renderItem,\n  };\n\n  public static Prevent = Prevent;\n\n  private emotion!: Emotion;\n  private cx!: Emotion['cx'];\n  private styles!: ReturnType<typeof getStyles>;\n  private node: Nullable<HTMLSpanElement>;\n  private name = getRandomID();\n  private getProps = createPropsGetter(RadioGroup.defaultProps);\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  constructor(props: RadioGroupProps<T>) {\n    super(props);\n\n    this.state = {\n      activeItem: this.props.defaultValue,\n    };\n  }\n\n  private getRadioGroupContextValue = (): RadioGroupContextType<T> => {\n    return {\n      activeItem: this.getValue(),\n      onSelect: this.handleSelect,\n      name: this.getName(),\n      disabled: this.props.disabled,\n      error: this.props.error,\n      warning: this.props.warning,\n    };\n  };\n\n  public render(): React.JSX.Element {\n    const {\n      width,\n      onMouseLeave,\n      onMouseOver,\n      onMouseEnter,\n      onBlur,\n      'aria-describedby': ariaDescribedby,\n      disabled,\n    } = this.props;\n    const style = {\n      width: width ?? 'auto',\n    };\n    const handlers = {\n      onMouseOver,\n      onMouseEnter,\n      onMouseLeave,\n    };\n    this.styles = getStyles(this.emotion);\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props} {...getVisualStateDataAttributes({ disabled })}>\n        <FocusTrap onBlur={onBlur}>\n          <span\n            data-tid={RadioGroupDataTids.root}\n            ref={this.ref}\n            style={style}\n            className={this.cx({\n              [this.styles.root()]: true,\n            })}\n            role=\"radiogroup\"\n            {...handlers}\n            aria-describedby={ariaDescribedby}\n          >\n            <RadioGroupContext.Provider value={this.getRadioGroupContextValue()}>\n              {this.renderChildren()}\n            </RadioGroupContext.Provider>\n          </span>\n        </FocusTrap>\n      </CommonWrapper>\n    );\n  }\n\n  /** Программно устанавливает фокус на радиокнопку. Появляется фокусная обводка, элемент получает клавиатурные события и воспринимается как текущий элемент для чтения скринридерами.\n   * @public\n   */\n  public focus(): void {\n    const node = this.node;\n    if (!node) {\n      return;\n    }\n\n    let radio = node.querySelector('input[type=\"radio\"]:checked') as Nullable<HTMLInputElement>;\n\n    // If no checked radios, try get first radio\n    if (!radio || radio.disabled) {\n      radio = node.querySelector('input[type=\"radio\"]:not([disabled])') as Nullable<HTMLInputElement>;\n    }\n\n    if (radio) {\n      radio.focus();\n    }\n  }\n\n  private getValue = () => (this.isControlled() ? this.props.value : this.state.activeItem);\n\n  private getName = () => this.props.name || this.name;\n\n  private isControlled = () => isNonNullable(this.props.value);\n\n  private handleSelect = (value: T) => {\n    if (!this.isControlled()) {\n      this.setState({ activeItem: value });\n    }\n    if (this.props.onValueChange) {\n      this.props.onValueChange(value);\n    }\n  };\n\n  private renderChildren() {\n    const { items, children } = this.props;\n    invariant((!items && children) || (items && !children), 'Either items or children must be passed, not both');\n    return items ? mapItems<T>(this.renderRadio, items) : children;\n  }\n\n  private renderRadio = (itemValue: T, data: React.ReactNode, index: number): JSX.Element => {\n    const itemProps = {\n      key: this.getKeyByItem(itemValue),\n      className: this.cx({\n        [this.styles.item()]: true,\n        [this.styles.itemFirst()]: index === 0,\n        [this.styles.itemInline()]: !!this.props.inline,\n      }),\n    };\n\n    return (\n      <span {...itemProps} role=\"presentation\">\n        <Radio value={itemValue}>{this.getProps().renderItem(itemValue, data)}</Radio>\n      </span>\n    );\n  };\n\n  private getKeyByItem = (itemValue: T) => {\n    if (this.props.toKey) {\n      return this.props.toKey(itemValue);\n    }\n    return typeof itemValue === 'string' || typeof itemValue === 'number' ? itemValue : undefined;\n  };\n\n  private ref = (element: HTMLSpanElement) => {\n    this.node = element;\n  };\n}\n\nfunction renderItem<T>(_value: T, data: React.ReactNode) {\n  return data;\n}\n\nfunction mapItems<T>(\n  fn: (value: T, data: React.ReactNode, index: number) => React.ReactNode,\n  items: T[] | Array<[T, React.ReactNode]>,\n) {\n  const result: React.ReactNode[] = [];\n  let index = 0;\n  for (const entry of items) {\n    const [value, data] = normalizeEntry<T>(entry);\n    result.push(fn(value, data, index));\n    ++index;\n  }\n  return result;\n}\n\nfunction normalizeEntry<T>(entry: T | [T, React.ReactNode]): [T, React.ReactNode] {\n  if (!Array.isArray(entry)) {\n    return [entry, entry as unknown as React.ReactNode];\n  }\n  return entry;\n}\n"]}

package/components/RadioGroup/RadioGroup.styles.d.ts

@@ -0,0 +1,6 @@
+export declare const getStyles: import("../../lib/theming/Emotion.js").StylesGetter<{
+    root(): string;
+    item(): string;
+    itemFirst(): string;
+    itemInline(): string;
+}>;

package/components/RadioGroup/RadioGroup.styles.js

@@ -0,0 +1,24 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { memoizeGetStyles } from '../../lib/theming/Emotion.js';
+export var getStyles = memoizeGetStyles(function (_a) {
+    var css = _a.css;
+    return ({
+        root: function () {
+            return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      display: inline-block;\n      user-select: none;\n      cursor: default;\n      line-height: normal;\n      vertical-align: bottom;\n    "], ["\n      display: inline-block;\n      user-select: none;\n      cursor: default;\n      line-height: normal;\n      vertical-align: bottom;\n    "])));
+        },
+        item: function () {
+            return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      display: table;\n      margin-top: 0;\n      width: 100%;\n    "], ["\n      display: table;\n      margin-top: 0;\n      width: 100%;\n    "])));
+        },
+        itemFirst: function () {
+            return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      margin-top: 0;\n    "], ["\n      margin-top: 0;\n    "])));
+        },
+        itemInline: function () {
+            return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      display: inline-table;\n      margin-right: 15px;\n      margin-top: 0;\n      width: auto;\n    "], ["\n      display: inline-table;\n      margin-right: 15px;\n      margin-top: 0;\n      width: auto;\n    "])));
+        },
+    });
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+//# sourceMappingURL=RadioGroup.styles.js.map

package/components/RadioGroup/RadioGroup.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.styles.js","sourceRoot":"","sources":["../../../components/RadioGroup/RadioGroup.styles.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAEhE,MAAM,CAAC,IAAM,SAAS,GAAG,gBAAgB,CAAC,UAAC,EAAgB;QAAd,GAAG,SAAA;IAAgB,OAAA,CAAC;QAC/D,IAAI;YACF,OAAO,GAAG,sNAAA,mJAMT,KAAC;QACJ,CAAC;QAED,IAAI;YACF,OAAO,GAAG,4IAAA,yEAIT,KAAC;QACJ,CAAC;QAED,SAAS;YACP,OAAO,GAAG,iGAAA,8BAET,KAAC;QACJ,CAAC;QAED,UAAU;YACR,OAAO,GAAG,8KAAA,2GAKT,KAAC;QACJ,CAAC;KACF,CAAC;AAjC8D,CAiC9D,CAAC,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion.js';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  root() {\n    return css`\n      display: inline-block;\n      user-select: none;\n      cursor: default;\n      line-height: normal;\n      vertical-align: bottom;\n    `;\n  },\n\n  item() {\n    return css`\n      display: table;\n      margin-top: 0;\n      width: 100%;\n    `;\n  },\n\n  itemFirst() {\n    return css`\n      margin-top: 0;\n    `;\n  },\n\n  itemInline() {\n    return css`\n      display: inline-table;\n      margin-right: 15px;\n      margin-top: 0;\n      width: auto;\n    `;\n  },\n}));\n"]}

package/components/RadioGroup/RadioGroupContext.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface RadioGroupContextType<T> {
+    activeItem: T | undefined;
+    onSelect: (value: T) => void;
+    name: string;
+    disabled: boolean | undefined;
+    error: boolean | undefined;
+    warning: boolean | undefined;
+}
+export declare const RadioGroupContext: React.Context<RadioGroupContextType<any>>;

package/components/RadioGroup/RadioGroupContext.js

@@ -0,0 +1,11 @@
+import React from 'react';
+export var RadioGroupContext = React.createContext({
+    activeItem: undefined,
+    onSelect: function () { return undefined; },
+    name: '',
+    disabled: undefined,
+    error: undefined,
+    warning: undefined,
+});
+RadioGroupContext.displayName = 'RadioGroupContext';
+//# sourceMappingURL=RadioGroupContext.js.map

package/components/RadioGroup/RadioGroupContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroupContext.js","sourceRoot":"","sources":["../../../components/RadioGroup/RadioGroupContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,MAAM,CAAC,IAAM,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAA6B;IAC/E,UAAU,EAAE,SAAS;IACrB,QAAQ,EAAE,cAAM,OAAA,SAAS,EAAT,CAAS;IACzB,IAAI,EAAE,EAAE;IACR,QAAQ,EAAE,SAAS;IACnB,KAAK,EAAE,SAAS;IAChB,OAAO,EAAE,SAAS;CACnB,CAAC,CAAC;AAEH,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAC","sourcesContent":["import React from 'react';\n\nexport interface RadioGroupContextType<T> {\n  activeItem: T | undefined;\n  onSelect: (value: T) => void;\n  name: string;\n  disabled: boolean | undefined;\n  error: boolean | undefined;\n  warning: boolean | undefined;\n}\n\nexport const RadioGroupContext = React.createContext<RadioGroupContextType<any>>({\n  activeItem: undefined,\n  onSelect: () => undefined,\n  name: '',\n  disabled: undefined,\n  error: undefined,\n  warning: undefined,\n});\n\nRadioGroupContext.displayName = 'RadioGroupContext';\n"]}

package/components/RadioGroup/index.d.ts

@@ -1 +1 @@
-export { default, RadioGroupProps, RadioGroupState, ItemType } from './RadioGroup';
+export * from './RadioGroup.js';

package/components/RadioGroup/index.js

@@ -1,4 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var RadioGroup_1 = require("./RadioGroup");
-exports["default"] = RadioGroup_1["default"];
+export * from './RadioGroup.js';
+//# sourceMappingURL=index.js.map

package/components/RadioGroup/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":";;AAAA,2CAAmF;AAA1E,+BAAA,OAAO,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/RadioGroup/index.tsx"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC","sourcesContent":["export * from './RadioGroup.js';\n"]}

package/components/ResponsiveLayout/ResponsiveLayout.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import type { EmptyObject, MediaQueriesType, ResponsiveLayoutFlags } from './types.js';
+interface ResponsiveLayoutProps<T extends MediaQueriesType = EmptyObject> {
+    /** Задает функцию, которая вызывается при изменении лейаута. */
+    onLayoutChange?: (layout: ResponsiveLayoutFlags<T>) => void;
+    /** @ignore */
+    children?: React.ReactNode | ((currentLayout: ResponsiveLayoutFlags<T>) => React.ReactNode);
+    /** Позволяет кастомизировать возвращаемые флаги. */
+    customMediaQueries?: T;
+}
+/**
+ * Компонент `ResponsiveLayout` для определения текущего лэйаута.
+ */
+export declare function ResponsiveLayout<T extends MediaQueriesType = EmptyObject>(props: ResponsiveLayoutProps<T>): React.JSX.Element;
+export declare namespace ResponsiveLayout {
+    var __KONTUR_REACT_UI__: string;
+    var displayName: string;
+}
+export {};

package/components/ResponsiveLayout/ResponsiveLayout.js

@@ -0,0 +1,31 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React, { useEffect } from 'react';
+import { isFunction } from '../../lib/utils.js';
+import { CommonWrapper } from '../../internal/CommonWrapper/index.js';
+import { useResponsiveLayout } from './useResponsiveLayout.js';
+/**
+ * Компонент `ResponsiveLayout` для определения текущего лэйаута.
+ */
+export function ResponsiveLayout(props) {
+    var _a, _b;
+    var layoutFlags = useResponsiveLayout({ customMediaQueries: props.customMediaQueries });
+    useEffect(function () {
+        if (props.onLayoutChange) {
+            props.onLayoutChange(layoutFlags);
+        }
+    }, [layoutFlags]);
+    return (React.createElement(CommonWrapper, __assign({}, props), isFunction(props.children) ? (_a = props.children(layoutFlags)) !== null && _a !== void 0 ? _a : null : (_b = props.children) !== null && _b !== void 0 ? _b : null));
+}
+ResponsiveLayout.__KONTUR_REACT_UI__ = 'ResponsiveLayout';
+ResponsiveLayout.displayName = 'ResponsiveLayout';
+//# sourceMappingURL=ResponsiveLayout.js.map

package/components/ResponsiveLayout/ResponsiveLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponsiveLayout.js","sourceRoot":"","sources":["../../../components/ResponsiveLayout/ResponsiveLayout.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AAGtE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAa/D;;GAEG;AACH,MAAM,UAAU,gBAAgB,CAC9B,KAA+B;;IAE/B,IAAM,WAAW,GAAG,mBAAmB,CAAI,EAAE,kBAAkB,EAAE,KAAK,CAAC,kBAAkB,EAAE,CAAC,CAAC;IAE7F,SAAS,CAAC;QACR,IAAI,KAAK,CAAC,cAAc,EAAE,CAAC;YACzB,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;QACpC,CAAC;IACH,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,OAAO,CACL,oBAAC,aAAa,eAAK,KAAK,GACrB,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,MAAA,KAAK,CAAC,QAAQ,CAAC,WAAW,CAAC,mCAAI,IAAI,CAAC,CAAC,CAAC,MAAA,KAAK,CAAC,QAAQ,mCAAI,IAAI,CAC5E,CACjB,CAAC;AACJ,CAAC;AAED,gBAAgB,CAAC,mBAAmB,GAAG,kBAAkB,CAAC;AAC1D,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC","sourcesContent":["import React, { useEffect } from 'react';\n\nimport { isFunction } from '../../lib/utils.js';\nimport { CommonWrapper } from '../../internal/CommonWrapper/index.js';\n\nimport type { EmptyObject, MediaQueriesType, ResponsiveLayoutFlags } from './types.js';\nimport { useResponsiveLayout } from './useResponsiveLayout.js';\n\ninterface ResponsiveLayoutProps<T extends MediaQueriesType = EmptyObject> {\n  /** Задает функцию, которая вызывается при изменении лейаута. */\n  onLayoutChange?: (layout: ResponsiveLayoutFlags<T>) => void;\n\n  /** @ignore */\n  children?: React.ReactNode | ((currentLayout: ResponsiveLayoutFlags<T>) => React.ReactNode);\n\n  /** Позволяет кастомизировать возвращаемые флаги. */\n  customMediaQueries?: T;\n}\n\n/**\n * Компонент `ResponsiveLayout` для определения текущего лэйаута.\n */\nexport function ResponsiveLayout<T extends MediaQueriesType = EmptyObject>(\n  props: ResponsiveLayoutProps<T>,\n): React.JSX.Element {\n  const layoutFlags = useResponsiveLayout<T>({ customMediaQueries: props.customMediaQueries });\n\n  useEffect(() => {\n    if (props.onLayoutChange) {\n      props.onLayoutChange(layoutFlags);\n    }\n  }, [layoutFlags]);\n\n  return (\n    <CommonWrapper {...props}>\n      {isFunction(props.children) ? props.children(layoutFlags) ?? null : props.children ?? null}\n    </CommonWrapper>\n  );\n}\n\nResponsiveLayout.__KONTUR_REACT_UI__ = 'ResponsiveLayout';\nResponsiveLayout.displayName = 'ResponsiveLayout';\n"]}

package/components/ResponsiveLayout/ResponsiveLayoutEvents.d.ts

@@ -0,0 +1,12 @@
+import type { GlobalObject } from '../../lib/globalObject.js';
+interface mediaQueryData {
+    mql: MediaQueryList;
+    listeners: Array<(e: MediaQueryListEvent) => void>;
+}
+export interface listenerToken {
+    remove: () => void;
+}
+export declare const eventListenersMap: Map<string, mediaQueryData>;
+export declare function addResponsiveLayoutListener(globalObject: GlobalObject, mediaQuery: string, callback: (e: MediaQueryListEvent) => void): listenerToken;
+export declare function checkMatches(globalObject: GlobalObject, mediaQuery: string): boolean;
+export {};