@skbkontur/react-ui 5.6.1-9a162.0 → 5.6.1-e2bc4.0

package/components/RadioGroup/RadioGroup.d.ts

@@ -1,8 +1,8 @@
 import type { AriaAttributes } from 'react';
 import React from 'react';
-import type { CommonProps } from '../../internal/CommonWrapper';
-import type { TGetRootNode } from '../../lib/rootNode';
-import { Prevent } from './Prevent';
+import type { CommonProps } from '../../internal/CommonWrapper/index.js';
+import type { TGetRootNode } from '../../lib/rootNode/index.js';
+import { Prevent } from './Prevent.js';
 export interface RadioGroupProps<T = string | number> extends CommonProps {
     /** Задаёт значение по умолчанию. Должно быть одним из значений дочерних радиокнопок или значений из `items`. */
     defaultValue?: T;
@@ -59,12 +59,14 @@ export declare class RadioGroup<T> extends React.Component<RadioGroupProps<T>, R
     static displayName: string;
     static defaultProps: DefaultProps;
     static Prevent: typeof Prevent;
+    private emotion;
+    private cx;
+    private styles;
     private node;
     private name;
     private getProps;
     getRootNode: TGetRootNode;
     private setRootNode;
-    private featureFlags;
     constructor(props: RadioGroupProps<T>);
     private getRadioGroupContextValue;
     render(): React.JSX.Element;

package/components/RadioGroup/RadioGroup.js

@@ -0,0 +1,180 @@
+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);
+    };
+    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 __());
+    };
+})();
+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);
+};
+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;
+    }
+    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
+     */
+    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;
+}
+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;
+}
+function normalizeEntry(entry) {
+    if (!Array.isArray(entry)) {
+        return [entry, entry];
+    }
+    return entry;
+}
+//# sourceMappingURL=RadioGroup.js.map

package/components/RadioGroup/RadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../../components/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,WAAW,CAAC;AAGlC,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAEnE,OAAO,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAC;AAE9D,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AAEtE,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,4BAA4B,EAAE,MAAM,oEAAoE,CAAC;AAClH,OAAO,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AAE7E,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAkE3D,MAAM,CAAC,IAAM,kBAAkB,GAAG;IAChC,IAAI,EAAE,kBAAkB;CAChB,CAAC;AAIX,iJAAiJ;AAGjJ;IAAmC,8BAAuD;IAmBxF,oBAAY,KAAyB;QACnC,YAAA,MAAK,YAAC,KAAK,CAAC,SAAC;QANP,UAAI,GAAG,WAAW,EAAE,CAAC;QACrB,cAAQ,GAAG,iBAAiB,CAAC,YAAU,CAAC,YAAY,CAAC,CAAC;QAYtD,+BAAyB,GAAG;YAClC,OAAO;gBACL,UAAU,EAAE,KAAI,CAAC,QAAQ,EAAE;gBAC3B,QAAQ,EAAE,KAAI,CAAC,YAAY;gBAC3B,IAAI,EAAE,KAAI,CAAC,OAAO,EAAE;gBACpB,QAAQ,EAAE,KAAI,CAAC,KAAK,CAAC,QAAQ;gBAC7B,KAAK,EAAE,KAAI,CAAC,KAAK,CAAC,KAAK;gBACvB,OAAO,EAAE,KAAI,CAAC,KAAK,CAAC,OAAO;aAC5B,CAAC;QACJ,CAAC,CAAC;QAkEM,cAAQ,GAAG,cAAM,OAAA,CAAC,KAAI,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,KAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAI,CAAC,KAAK,CAAC,UAAU,CAAC,EAAhE,CAAgE,CAAC;QAElF,aAAO,GAAG,cAAM,OAAA,KAAI,CAAC,KAAK,CAAC,IAAI,IAAI,KAAI,CAAC,IAAI,EAA5B,CAA4B,CAAC;QAE7C,kBAAY,GAAG,cAAM,OAAA,aAAa,CAAC,KAAI,CAAC,KAAK,CAAC,KAAK,CAAC,EAA/B,CAA+B,CAAC;QAErD,kBAAY,GAAG,UAAC,KAAQ;YAC9B,IAAI,CAAC,KAAI,CAAC,YAAY,EAAE,EAAE,CAAC;gBACzB,KAAI,CAAC,QAAQ,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,CAAC;YACvC,CAAC;YACD,IAAI,KAAI,CAAC,KAAK,CAAC,aAAa,EAAE,CAAC;gBAC7B,KAAI,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAClC,CAAC;QACH,CAAC,CAAC;QAQM,iBAAW,GAAG,UAAC,SAAY,EAAE,IAAqB,EAAE,KAAa;;YACvE,IAAM,SAAS,GAAG;gBAChB,GAAG,EAAE,KAAI,CAAC,YAAY,CAAC,SAAS,CAAC;gBACjC,SAAS,EAAE,KAAI,CAAC,EAAE;oBAChB,GAAC,KAAI,CAAC,MAAM,CAAC,IAAI,EAAE,IAAG,IAAI;oBAC1B,GAAC,KAAI,CAAC,MAAM,CAAC,SAAS,EAAE,IAAG,KAAK,KAAK,CAAC;oBACtC,GAAC,KAAI,CAAC,MAAM,CAAC,UAAU,EAAE,IAAG,CAAC,CAAC,KAAI,CAAC,KAAK,CAAC,MAAM;wBAC/C;aACH,CAAC;YAEF,OAAO,CACL,yCAAU,SAAS,IAAE,IAAI,EAAC,cAAc;gBACtC,oBAAC,KAAK,IAAC,KAAK,EAAE,SAAS,IAAG,KAAI,CAAC,QAAQ,EAAE,CAAC,UAAU,CAAC,SAAS,EAAE,IAAI,CAAC,CAAS,CACzE,CACR,CAAC;QACJ,CAAC,CAAC;QAEM,kBAAY,GAAG,UAAC,SAAY;YAClC,IAAI,KAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;gBACrB,OAAO,KAAI,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;YACrC,CAAC;YACD,OAAO,OAAO,SAAS,KAAK,QAAQ,IAAI,OAAO,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;QAChG,CAAC,CAAC;QAEM,SAAG,GAAG,UAAC,OAAwB;YACrC,KAAI,CAAC,IAAI,GAAG,OAAO,CAAC;QACtB,CAAC,CAAC;QA/HA,KAAI,CAAC,KAAK,GAAG;YACX,UAAU,EAAE,KAAI,CAAC,KAAK,CAAC,YAAY;SACpC,CAAC;;IACJ,CAAC;mBAzBU,UAAU;IAsCd,2BAAM,GAAb;;QACQ,IAAA,KAQF,IAAI,CAAC,KAAK,EAPZ,KAAK,WAAA,EACL,YAAY,kBAAA,EACZ,WAAW,iBAAA,EACX,YAAY,kBAAA,EACZ,MAAM,YAAA,EACc,eAAe,yBAAA,EACnC,QAAQ,cACI,CAAC;QACf,IAAM,KAAK,GAAG;YACZ,KAAK,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,MAAM;SACvB,CAAC;QACF,IAAM,QAAQ,GAAG;YACf,WAAW,aAAA;YACX,YAAY,cAAA;YACZ,YAAY,cAAA;SACb,CAAC;QACF,IAAI,CAAC,MAAM,GAAG,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAEtC,OAAO,CACL,oBAAC,aAAa,aAAC,WAAW,EAAE,IAAI,CAAC,WAAW,IAAM,IAAI,CAAC,KAAK,EAAM,4BAA4B,CAAC,EAAE,QAAQ,UAAA,EAAE,CAAC;YAC1G,oBAAC,SAAS,IAAC,MAAM,EAAE,MAAM;gBACvB,mDACY,kBAAkB,CAAC,IAAI,EACjC,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,IAAI,CAAC,EAAE;wBAChB,GAAC,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,IAAG,IAAI;4BAC1B,EACF,IAAI,EAAC,YAAY,IACb,QAAQ,wBACM,eAAe;oBAEjC,oBAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,CAAC,yBAAyB,EAAE,IAChE,IAAI,CAAC,cAAc,EAAE,CACK,CACxB,CACG,CACE,CACjB,CAAC;IACJ,CAAC;IAED;;OAEG;IACI,0BAAK,GAAZ;QACE,IAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;QACvB,IAAI,CAAC,IAAI,EAAE,CAAC;YACV,OAAO;QACT,CAAC;QAED,IAAI,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,6BAA6B,CAA+B,CAAC;QAE5F,4CAA4C;QAC5C,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;YAC7B,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,qCAAqC,CAA+B,CAAC;QAClG,CAAC;QAED,IAAI,KAAK,EAAE,CAAC;YACV,KAAK,CAAC,KAAK,EAAE,CAAC;QAChB,CAAC;IACH,CAAC;IAiBO,mCAAc,GAAtB;QACQ,IAAA,KAAsB,IAAI,CAAC,KAAK,EAA9B,KAAK,WAAA,EAAE,QAAQ,cAAe,CAAC;QACvC,SAAS,CAAC,CAAC,CAAC,KAAK,IAAI,QAAQ,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,QAAQ,CAAC,EAAE,mDAAmD,CAAC,CAAC;QAC7G,OAAO,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAI,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;IACjE,CAAC;;IAxHa,8BAAmB,GAAG,YAAY,AAAf,CAAgB;IACnC,sBAAW,GAAG,YAAY,AAAf,CAAgB;IAE3B,uBAAY,GAAiB;QACzC,UAAU,YAAA;KACX,AAFyB,CAExB;IAEY,kBAAO,GAAG,OAAO,AAAV,CAAW;IARrB,UAAU;QAFtB,qBAAqB;QACrB,QAAQ;OACI,UAAU,CAsJtB;IAAD,iBAAC;CAAA,AAtJD,CAAmC,KAAK,CAAC,SAAS,GAsJjD;SAtJY,UAAU;AAwJvB,SAAS,UAAU,CAAI,MAAS,EAAE,IAAqB;IACrD,OAAO,IAAI,CAAC;AACd,CAAC;AAED,SAAS,QAAQ,CACf,EAAuE,EACvE,KAAwC;IAExC,IAAM,MAAM,GAAsB,EAAE,CAAC;IACrC,IAAI,KAAK,GAAG,CAAC,CAAC;IACd,KAAoB,UAAK,EAAL,eAAK,EAAL,mBAAK,EAAL,IAAK,EAAE,CAAC;QAAvB,IAAM,KAAK,cAAA;QACR,IAAA,KAAgB,cAAc,CAAI,KAAK,CAAC,EAAvC,KAAK,QAAA,EAAE,IAAI,QAA4B,CAAC;QAC/C,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;QACpC,EAAE,KAAK,CAAC;IACV,CAAC;IACD,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,SAAS,cAAc,CAAI,KAA+B;IACxD,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;QAC1B,OAAO,CAAC,KAAK,EAAE,KAAmC,CAAC,CAAC;IACtD,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC","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

@@ -1,7 +1,6 @@
-export declare const styles: {
+export declare const getStyles: import("../../lib/theming/Emotion.js").StylesGetter<{
     root(): string;
-    removeBaselineSpacer(): 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.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 * from './RadioGroup';
+export * from './RadioGroup.js';

package/components/RadioGroup/index.js

@@ -0,0 +1,2 @@
+export * from './RadioGroup.js';
+//# sourceMappingURL=index.js.map

package/components/RadioGroup/index.js.map

@@ -0,0 +1 @@
+{"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

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { EmptyObject, MediaQueriesType, ResponsiveLayoutFlags } from './types';
+import type { EmptyObject, MediaQueriesType, ResponsiveLayoutFlags } from './types.js';
 interface ResponsiveLayoutProps<T extends MediaQueriesType = EmptyObject> {
     /** Задает функцию, которая вызывается при изменении лейаута. */
     onLayoutChange?: (layout: ResponsiveLayoutFlags<T>) => void;

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

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

package/components/ResponsiveLayout/ResponsiveLayoutEvents.js

@@ -0,0 +1,93 @@
+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);
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+export var eventListenersMap = new Map();
+export function addResponsiveLayoutListener(globalObject, mediaQuery, callback) {
+    if (eventListenersMap.has(mediaQuery)) {
+        addCallbackToMQListener(mediaQuery, callback);
+    }
+    else {
+        createMQListener(globalObject, mediaQuery, callback);
+    }
+    return {
+        remove: function () {
+            removeCallbackFromMQListener(mediaQuery, callback);
+        },
+    };
+}
+function addCallbackToMQListener(mediaQuery, callback) {
+    var eventListener = eventListenersMap.get(mediaQuery);
+    if (eventListener) {
+        eventListenersMap.set(mediaQuery, __assign(__assign({}, eventListener), { listeners: __spreadArray(__spreadArray([], eventListener.listeners, true), [callback], false) }));
+    }
+}
+function createMQListener(globalObject, mediaQuery, callback) {
+    var _a;
+    var mql = (_a = globalObject.matchMedia) === null || _a === void 0 ? void 0 : _a.call(globalObject, mediaQuery);
+    if (mql) {
+        var newMediaQueryInfo = { mql: mql, listeners: [callback] };
+        eventListenersMap.set(mediaQuery, newMediaQueryInfo);
+        if (mql.addEventListener) {
+            mql.addEventListener('change', changeCallback);
+        }
+        else {
+            mql.addListener(changeCallback);
+        }
+    }
+}
+function removeCallbackFromMQListener(mediaQuery, callback) {
+    if (eventListenersMap.has(mediaQuery)) {
+        var eventListener = eventListenersMap.get(mediaQuery);
+        if (eventListener) {
+            var newListeners = eventListener.listeners.filter(function (listener) { return listener !== callback; });
+            if (newListeners.length === 0) {
+                if (eventListener.mql.removeEventListener) {
+                    eventListener.mql.removeEventListener('change', changeCallback);
+                }
+                else {
+                    eventListener.mql.removeListener(changeCallback);
+                }
+                eventListenersMap.delete(mediaQuery);
+                return;
+            }
+            eventListenersMap.set(mediaQuery, __assign(__assign({}, eventListener), { listeners: __spreadArray([], newListeners, true) }));
+        }
+    }
+}
+export function checkMatches(globalObject, mediaQuery) {
+    var _a, _b;
+    if (!globalObject.matchMedia) {
+        return false;
+    }
+    if (!eventListenersMap.has(mediaQuery)) {
+        return !!((_a = globalObject.matchMedia(mediaQuery)) === null || _a === void 0 ? void 0 : _a.matches);
+    }
+    var eventListener = eventListenersMap.get(mediaQuery);
+    return (_b = eventListener === null || eventListener === void 0 ? void 0 : eventListener.mql.matches) !== null && _b !== void 0 ? _b : false;
+}
+function changeCallback(e) {
+    var eventListener = eventListenersMap.get(e.media);
+    if (eventListener) {
+        eventListener.listeners.forEach(function (listener) {
+            listener(e);
+        });
+    }
+}
+//# sourceMappingURL=ResponsiveLayoutEvents.js.map

package/components/ResponsiveLayout/ResponsiveLayoutEvents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponsiveLayoutEvents.js","sourceRoot":"","sources":["../../../components/ResponsiveLayout/ResponsiveLayoutEvents.ts"],"names":[],"mappings":"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","sourcesContent":["import type { GlobalObject } from '../../lib/globalObject.js';\n\ninterface mediaQueryData {\n  mql: MediaQueryList;\n  listeners: Array<(e: MediaQueryListEvent) => void>;\n}\n\nexport interface listenerToken {\n  remove: () => void;\n}\n\nexport const eventListenersMap = new Map<string, mediaQueryData>();\n\nexport function addResponsiveLayoutListener(\n  globalObject: GlobalObject,\n  mediaQuery: string,\n  callback: (e: MediaQueryListEvent) => void,\n): listenerToken {\n  if (eventListenersMap.has(mediaQuery)) {\n    addCallbackToMQListener(mediaQuery, callback);\n  } else {\n    createMQListener(globalObject, mediaQuery, callback);\n  }\n\n  return {\n    remove() {\n      removeCallbackFromMQListener(mediaQuery, callback);\n    },\n  };\n}\n\nfunction addCallbackToMQListener(mediaQuery: string, callback: (e: MediaQueryListEvent) => void) {\n  const eventListener = eventListenersMap.get(mediaQuery);\n\n  if (eventListener) {\n    eventListenersMap.set(mediaQuery, {\n      ...eventListener,\n      listeners: [...eventListener.listeners, callback],\n    });\n  }\n}\n\nfunction createMQListener(globalObject: GlobalObject, mediaQuery: string, callback: (e: MediaQueryListEvent) => void) {\n  const mql = globalObject.matchMedia?.(mediaQuery);\n  if (mql) {\n    const newMediaQueryInfo: mediaQueryData = { mql, listeners: [callback] };\n\n    eventListenersMap.set(mediaQuery, newMediaQueryInfo);\n    if (mql.addEventListener) {\n      mql.addEventListener('change', changeCallback);\n    } else {\n      mql.addListener(changeCallback);\n    }\n  }\n}\n\nfunction removeCallbackFromMQListener(mediaQuery: string, callback: (e: MediaQueryListEvent) => void) {\n  if (eventListenersMap.has(mediaQuery)) {\n    const eventListener = eventListenersMap.get(mediaQuery);\n\n    if (eventListener) {\n      const newListeners = eventListener.listeners.filter((listener) => listener !== callback);\n\n      if (newListeners.length === 0) {\n        if (eventListener.mql.removeEventListener) {\n          eventListener.mql.removeEventListener('change', changeCallback);\n        } else {\n          eventListener.mql.removeListener(changeCallback);\n        }\n        eventListenersMap.delete(mediaQuery);\n        return;\n      }\n\n      eventListenersMap.set(mediaQuery, {\n        ...eventListener,\n        listeners: [...newListeners],\n      });\n    }\n  }\n}\n\nexport function checkMatches(globalObject: GlobalObject, mediaQuery: string): boolean {\n  if (!globalObject.matchMedia) {\n    return false;\n  }\n\n  if (!eventListenersMap.has(mediaQuery)) {\n    return !!globalObject.matchMedia(mediaQuery)?.matches;\n  }\n\n  const eventListener = eventListenersMap.get(mediaQuery);\n  return eventListener?.mql.matches ?? false;\n}\n\nfunction changeCallback(e: MediaQueryListEvent) {\n  const eventListener = eventListenersMap.get(e.media);\n\n  if (eventListener) {\n    eventListener.listeners.forEach((listener) => {\n      listener(e);\n    });\n  }\n}\n"]}

package/components/ResponsiveLayout/decorator.d.ts

@@ -1,31 +1,2 @@
 import React from 'react';
-import type { ResponsiveLayoutFlags } from './types';
-export declare function responsiveLayout<T extends new (...args: any[]) => React.Component>(WrappedComp: T): {
-    new (...args: any[]): {
-        layout: ResponsiveLayoutFlags;
-        currentLayout: ResponsiveLayoutFlags<import("./types").EmptyObject>;
-        isMobileLayout: boolean;
-        renderWithLayout: (currentLayout: ResponsiveLayoutFlags) => React.ReactNode;
-        render(): React.JSX.Element;
-        context: unknown;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<{}>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
-        forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<{}>;
-        state: Readonly<{}>;
-        refs: {
-            [key: string]: React.ReactInstance;
-        };
-        componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): boolean;
-        componentWillUnmount?(): void;
-        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>, snapshot?: any): void;
-        componentWillMount?(): void;
-        UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
-    };
-} & T;
+export declare function responsiveLayout<T extends new (...args: any[]) => React.Component>(WrappedComp: T): T;

package/components/ResponsiveLayout/decorator.js

@@ -0,0 +1,60 @@
+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);
+    };
+    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 __());
+    };
+})();
+import React from 'react';
+import { ResponsiveLayout } from './ResponsiveLayout.js';
+export function responsiveLayout(WrappedComp) {
+    var ComponentWithLayout = /** @class */ (function (_super) {
+        __extends(class_1, _super);
+        function class_1() {
+            var _this = _super !== null && _super.apply(this, arguments) || this;
+            _this.renderWithLayout = function (currentLayout) {
+                _this.layout = currentLayout;
+                return _super.prototype.render.call(_this);
+            };
+            return _this;
+        }
+        Object.defineProperty(class_1.prototype, "currentLayout", {
+            get: function () {
+                return this.layout;
+            },
+            set: function (value) {
+                //
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(class_1.prototype, "isMobileLayout", {
+            get: function () {
+                return this.layout.isMobile;
+            },
+            set: function (value) {
+                //
+            },
+            enumerable: false,
+            configurable: true
+        });
+        class_1.prototype.render = function () {
+            return React.createElement(ResponsiveLayout, null, this.renderWithLayout);
+        };
+        return class_1;
+    }(WrappedComp));
+    var nameDescriptor = Object.getOwnPropertyDescriptor(ComponentWithLayout, 'name');
+    if (!nameDescriptor || nameDescriptor.configurable) {
+        Object.defineProperty(ComponentWithLayout, 'name', { value: WrappedComp.name });
+    }
+    return ComponentWithLayout;
+}
+//# sourceMappingURL=decorator.js.map

package/components/ResponsiveLayout/decorator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"decorator.js","sourceRoot":"","sources":["../../../components/ResponsiveLayout/decorator.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAGzD,MAAM,UAAU,gBAAgB,CAAoD,WAAc;IAChG,IAAM,mBAAmB;QAAiB,2BAAW;QAAzB;;YAmBnB,sBAAgB,GAAG,UAAC,aAAoC;gBAC7D,KAAI,CAAC,MAAM,GAAG,aAAa,CAAC;gBAE5B,OAAO,gBAAK,CAAC,MAAM,YAAE,CAAC;YACxB,CAAC,CAAC;;QAKJ,CAAC;QAzBC,sBAAW,kCAAa;iBAAxB;gBACE,OAAO,IAAI,CAAC,MAAM,CAAC;YACrB,CAAC;iBAED,UAAyB,KAA4B;gBACnD,EAAE;YACJ,CAAC;;;WAJA;QAMD,sBAAW,mCAAc;iBAAzB;gBACE,OAAO,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC;YAC9B,CAAC;iBAED,UAA0B,KAAc;gBACtC,EAAE;YACJ,CAAC;;;WAJA;QAYM,wBAAM,GAAb;YACE,OAAO,oBAAC,gBAAgB,QAAE,IAAI,CAAC,gBAAgB,CAAoB,CAAC;QACtE,CAAC;QACH,cAAC;IAAD,CAAC,AA5B2B,CAAc,WAAW,EA4BpD,CAAC;IAEF,IAAM,cAAc,GAAG,MAAM,CAAC,wBAAwB,CAAC,mBAAmB,EAAE,MAAM,CAAC,CAAC;IAEpF,IAAI,CAAC,cAAc,IAAI,cAAc,CAAC,YAAY,EAAE,CAAC;QACnD,MAAM,CAAC,cAAc,CAAC,mBAAmB,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,WAAW,CAAC,IAAI,EAAE,CAAC,CAAC;IAClF,CAAC;IAED,OAAO,mBAAmB,CAAC;AAC7B,CAAC","sourcesContent":["import React from 'react';\n\nimport { ResponsiveLayout } from './ResponsiveLayout.js';\nimport type { ResponsiveLayoutFlags } from './types.js';\n\nexport function responsiveLayout<T extends new (...args: any[]) => React.Component>(WrappedComp: T): T {\n  const ComponentWithLayout = class extends WrappedComp {\n    public layout!: ResponsiveLayoutFlags;\n\n    public get currentLayout(): ResponsiveLayoutFlags {\n      return this.layout;\n    }\n\n    public set currentLayout(value: ResponsiveLayoutFlags) {\n      //\n    }\n\n    public get isMobileLayout(): boolean {\n      return this.layout.isMobile;\n    }\n\n    public set isMobileLayout(value: boolean) {\n      //\n    }\n\n    public renderWithLayout = (currentLayout: ResponsiveLayoutFlags) => {\n      this.layout = currentLayout;\n\n      return super.render();\n    };\n\n    public render() {\n      return <ResponsiveLayout>{this.renderWithLayout}</ResponsiveLayout>;\n    }\n  };\n\n  const nameDescriptor = Object.getOwnPropertyDescriptor(ComponentWithLayout, 'name');\n\n  if (!nameDescriptor || nameDescriptor.configurable) {\n    Object.defineProperty(ComponentWithLayout, 'name', { value: WrappedComp.name });\n  }\n\n  return ComponentWithLayout;\n}\n"]}

package/components/ResponsiveLayout/index.d.ts

@@ -1,3 +1,3 @@
-export * from './ResponsiveLayout';
-export * from './useResponsiveLayout';
-export * from './types';
+export * from './ResponsiveLayout.js';
+export * from './useResponsiveLayout.js';
+export * from './types.js';

package/components/ResponsiveLayout/index.js

@@ -0,0 +1,4 @@
+export * from './ResponsiveLayout.js';
+export * from './useResponsiveLayout.js';
+export * from './types.js';
+//# sourceMappingURL=index.js.map

package/components/ResponsiveLayout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/ResponsiveLayout/index.tsx"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,YAAY,CAAC","sourcesContent":["export * from './ResponsiveLayout.js';\nexport * from './useResponsiveLayout.js';\nexport * from './types.js';\n"]}

package/components/ResponsiveLayout/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/components/ResponsiveLayout/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../components/ResponsiveLayout/types.ts"],"names":[],"mappings":"","sourcesContent":["export type MediaQueriesType = Record<string, string>;\nexport type EmptyObject = Record<never, never>;\n\nexport interface ResponsiveLayoutOptions<MQ extends MediaQueriesType> {\n  customMediaQueries?: MQ;\n}\n\nexport type ResponsiveLayoutFlags<T extends MediaQueriesType = EmptyObject> = {\n  [K in keyof T]?: boolean;\n} & ResponsiveLayoutFlagsInternal;\n\nexport interface ResponsiveLayoutFlagsInternal {\n  isMobile: boolean;\n}\n"]}

package/components/ResponsiveLayout/useResponsiveLayout.d.ts

@@ -1,2 +1,2 @@
-import type { EmptyObject, MediaQueriesType, ResponsiveLayoutFlags, ResponsiveLayoutOptions } from './types';
+import type { EmptyObject, MediaQueriesType, ResponsiveLayoutFlags, ResponsiveLayoutOptions } from './types.js';
 export declare function useResponsiveLayout<T extends MediaQueriesType = EmptyObject>({ customMediaQueries, }?: ResponsiveLayoutOptions<T>): ResponsiveLayoutFlags<T>;