@skbkontur/react-ui 0.0.0-fed57d84fb → 0.7.0-beta.1

package/components/Radio/Radio.styles.js

@@ -0,0 +1,82 @@
+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, prefix } from '../../lib/theming/Emotion.js';
+import { afterOutlineMixin, circleSizeMixin, outlineColorMixin, radioCheckedMixin, radioSizeMixin, } from './Radio.mixins.js';
+export var globalClasses = prefix('radio')({
+    circle: 'circle',
+});
+export var getStyles = memoizeGetStyles(function (_a) {
+    var css = _a.css;
+    return ({
+        root: function (t) {
+            return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      cursor: pointer;\n      position: relative;\n      white-space: nowrap;\n      display: inline-flex;\n      align-items: baseline;\n\n      .", " {\n        transition: background ", " ", ";\n      }\n\n      &:hover .", " {\n        background: ", ";\n        box-shadow: ", ";\n      }\n      &:active .", " {\n        background: ", ";\n        box-shadow: ", ";\n      }\n\n      &::before {\n        // non-breaking space.\n        // makes a correct space for absolutely positioned circle,\n        // and also height and baseline for radio without caption.\n        content: '\\00A0';\n        display: inline-block;\n        flex: 0 0 auto;\n      }\n    "], ["\n      cursor: pointer;\n      position: relative;\n      white-space: nowrap;\n      display: inline-flex;\n      align-items: baseline;\n\n      .", " {\n        transition: background ", " ", ";\n      }\n\n      &:hover .", " {\n        background: ", ";\n        box-shadow: ", ";\n      }\n      &:active .", " {\n        background: ", ";\n        box-shadow: ", ";\n      }\n\n      &::before {\n        // non-breaking space.\n        // makes a correct space for absolutely positioned circle,\n        // and also height and baseline for radio without caption.\n        content: '\\\\00A0';\n        display: inline-block;\n        flex: 0 0 auto;\n      }\n    "])), globalClasses.circle, t.transitionDuration, t.transitionTimingFunction, globalClasses.circle, t.radioHoverBg, t.radioHoverShadow, globalClasses.circle, t.radioActiveBg, t.radioActiveShadow);
+        },
+        rootSmall: function (t) {
+            return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      ", ";\n    "], ["\n      ", ";\n    "])), radioSizeMixin(t.radioFontSizeSmall, t.radioLineHeightSmall, t.radioPaddingYSmall, t.radioSizeSmall));
+        },
+        rootMedium: function (t) {
+            return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      ", ";\n    "], ["\n      ", ";\n    "])), radioSizeMixin(t.radioFontSizeMedium, t.radioLineHeightMedium, t.radioPaddingYMedium, t.radioSizeMedium));
+        },
+        rootLarge: function (t) {
+            return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      ", ";\n    "], ["\n      ", ";\n    "])), radioSizeMixin(t.radioFontSizeLarge, t.radioLineHeightLarge, t.radioPaddingYLarge, t.radioSizeLarge));
+        },
+        rootChecked: function (t) {
+            return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      &:hover .", " {\n        background: ", ";\n      }\n    "], ["\n      &:hover .", " {\n        background: ", ";\n      }\n    "])), globalClasses.circle, t.radioCheckedHoverBgColor);
+        },
+        circle: function (t) {
+            return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n      background-image: ", ";\n      border-radius: 50%;\n      border: ", ";\n      box-shadow: ", ";\n      box-sizing: border-box;\n      display: inline-block;\n      position: absolute;\n      left: 0;\n      background-color: ", ";\n    "], ["\n      background-image: ", ";\n      border-radius: 50%;\n      border: ", ";\n      box-shadow: ", ";\n      box-sizing: border-box;\n      display: inline-block;\n      position: absolute;\n      left: 0;\n      background-color: ", ";\n    "])), t.radioBgImage, t.radioBorder, t.radioBoxShadow, t.radioBgColor);
+        },
+        circleSmall: function (t) {
+            return css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n      ", ";\n    "], ["\n      ", ";\n    "])), circleSizeMixin(t.labGrotesqueBaselineCompensation, t.radioFontSizeSmall, t.radioSizeSmall, t.radioBorderWidthCompensation, t.radioCircleOffsetY));
+        },
+        circleMedium: function (t) {
+            return css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n      ", ";\n    "], ["\n      ", ";\n    "])), circleSizeMixin(t.labGrotesqueBaselineCompensation, t.radioFontSizeMedium, t.radioSizeMedium, t.radioBorderWidthCompensation, t.radioCircleOffsetY));
+        },
+        circleLarge: function (t) {
+            return css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n      ", ";\n    "], ["\n      ", ";\n    "])), circleSizeMixin(t.labGrotesqueBaselineCompensation, t.radioFontSizeLarge, t.radioSizeLarge, t.radioBorderWidthCompensation, t.radioCircleOffsetY));
+        },
+        focus: function (t) {
+            return css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n      &::after {\n        ", ";\n        ", ";\n      }\n    "], ["\n      &::after {\n        ", ";\n        ", ";\n      }\n    "])), afterOutlineMixin(t.radioOutlineWidth), outlineColorMixin(t.radioFocusShadow, t.radioBorderColorFocus));
+        },
+        warning: function (t) {
+            return css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n      &::after {\n        ", ";\n        ", ";\n      }\n    "], ["\n      &::after {\n        ", ";\n        ", ";\n      }\n    "])), afterOutlineMixin(t.radioOutlineWidth), outlineColorMixin(t.radioFocusShadow, t.radioBorderColorWarning));
+        },
+        error: function (t) {
+            return css(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n      &::after {\n        ", ";\n        ", ";\n      }\n    "], ["\n      &::after {\n        ", ";\n        ", ";\n      }\n    "])), afterOutlineMixin(t.radioOutlineWidth), outlineColorMixin(t.radioFocusShadow, t.radioBorderColorError));
+        },
+        checked: function (t) {
+            return css(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n      background-color: ", ";\n      border-color: ", ";\n\n      &::before {\n        content: ' ';\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        margin: auto;\n        border-radius: 50%;\n        background: ", ";\n      }\n    "], ["\n      background-color: ", ";\n      border-color: ", ";\n\n      &::before {\n        content: ' ';\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        margin: auto;\n        border-radius: 50%;\n        background: ", ";\n      }\n    "])), t.radioCheckedBgColor, t.radioCheckedBorderColor, t.radioCheckedBulletColor);
+        },
+        checkedSmall: function (t) {
+            return css(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n      ", ";\n    "], ["\n      ", ";\n    "])), radioCheckedMixin(t.radioBulletSizeSmall));
+        },
+        checkedMedium: function (t) {
+            return css(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n      ", ";\n    "], ["\n      ", ";\n    "])), radioCheckedMixin(t.radioBulletSizeMedium));
+        },
+        checkedLarge: function (t) {
+            return css(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n      ", ";\n    "], ["\n      ", ";\n    "])), radioCheckedMixin(t.radioBulletSizeLarge));
+        },
+        checkedDisabled: function (t) {
+            return css(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n      &::before {\n        background: ", ";\n      }\n    "], ["\n      &::before {\n        background: ", ";\n      }\n    "])), t.radioCheckedDisabledBulletBg);
+        },
+        input: function () {
+            return css(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n      display: inline-block;\n      height: 0;\n      opacity: 0;\n      position: absolute;\n      width: 0;\n      z-index: -1;\n    "], ["\n      display: inline-block;\n      height: 0;\n      opacity: 0;\n      position: absolute;\n      width: 0;\n      z-index: -1;\n    "])));
+        },
+        disabled: function (t) {
+            return css(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n      background: ", " !important; // override root hover/active styles\n      border-color: transparent !important; // override root hover/active styles\n      box-shadow: ", " !important; // override root hover/active styles\n    "], ["\n      background: ", " !important; // override root hover/active styles\n      border-color: transparent !important; // override root hover/active styles\n      box-shadow: ", " !important; // override root hover/active styles\n    "])), t.radioDisabledBg, t.radioDisabledShadow);
+        },
+        caption: function (t) {
+            return css(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n      display: ", ";\n      padding-left: ", ";\n      white-space: normal;\n      color: ", ";\n    "], ["\n      display: ", ";\n      padding-left: ", ";\n      white-space: normal;\n      color: ", ";\n    "])), t.radioCaptionDisplay, t.radioCaptionGap, t.radioTextColor);
+        },
+        captionDisabled: function (t) {
+            return css(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n      color: ", ";\n    "], ["\n      color: ", ";\n    "])), t.textColorDisabled);
+        },
+        placeholder: function () {
+            return css(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n      display: inline-block;\n    "], ["\n      display: inline-block;\n    "])));
+        },
+    });
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22;
+//# sourceMappingURL=Radio.styles.js.map

package/components/Radio/Radio.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.styles.js","sourceRoot":"","sources":["../../../components/Radio/Radio.styles.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles, prefix } from '../../lib/theming/Emotion.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\n\nimport {\n  afterOutlineMixin,\n  circleSizeMixin,\n  outlineColorMixin,\n  radioCheckedMixin,\n  radioSizeMixin,\n} from './Radio.mixins.js';\n\nexport const globalClasses = prefix('radio')({\n  circle: 'circle',\n});\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  root(t: Theme) {\n    return css`\n      cursor: pointer;\n      position: relative;\n      white-space: nowrap;\n      display: inline-flex;\n      align-items: baseline;\n\n      .${globalClasses.circle} {\n        transition: background ${t.transitionDuration} ${t.transitionTimingFunction};\n      }\n\n      &:hover .${globalClasses.circle} {\n        background: ${t.radioHoverBg};\n        box-shadow: ${t.radioHoverShadow};\n      }\n      &:active .${globalClasses.circle} {\n        background: ${t.radioActiveBg};\n        box-shadow: ${t.radioActiveShadow};\n      }\n\n      &::before {\n        // non-breaking space.\n        // makes a correct space for absolutely positioned circle,\n        // and also height and baseline for radio without caption.\n        content: '\\\\00A0';\n        display: inline-block;\n        flex: 0 0 auto;\n      }\n    `;\n  },\n  rootSmall(t: Theme) {\n    return css`\n      ${radioSizeMixin(t.radioFontSizeSmall, t.radioLineHeightSmall, t.radioPaddingYSmall, t.radioSizeSmall)};\n    `;\n  },\n  rootMedium(t: Theme) {\n    return css`\n      ${radioSizeMixin(t.radioFontSizeMedium, t.radioLineHeightMedium, t.radioPaddingYMedium, t.radioSizeMedium)};\n    `;\n  },\n  rootLarge(t: Theme) {\n    return css`\n      ${radioSizeMixin(t.radioFontSizeLarge, t.radioLineHeightLarge, t.radioPaddingYLarge, t.radioSizeLarge)};\n    `;\n  },\n\n  rootChecked(t: Theme) {\n    return css`\n      &:hover .${globalClasses.circle} {\n        background: ${t.radioCheckedHoverBgColor};\n      }\n    `;\n  },\n\n  circle(t: Theme) {\n    return css`\n      background-image: ${t.radioBgImage};\n      border-radius: 50%;\n      border: ${t.radioBorder};\n      box-shadow: ${t.radioBoxShadow};\n      box-sizing: border-box;\n      display: inline-block;\n      position: absolute;\n      left: 0;\n      background-color: ${t.radioBgColor};\n    `;\n  },\n  circleSmall(t: Theme) {\n    return css`\n      ${circleSizeMixin(\n        t.labGrotesqueBaselineCompensation,\n        t.radioFontSizeSmall,\n        t.radioSizeSmall,\n        t.radioBorderWidthCompensation,\n        t.radioCircleOffsetY,\n      )};\n    `;\n  },\n  circleMedium(t: Theme) {\n    return css`\n      ${circleSizeMixin(\n        t.labGrotesqueBaselineCompensation,\n        t.radioFontSizeMedium,\n        t.radioSizeMedium,\n        t.radioBorderWidthCompensation,\n        t.radioCircleOffsetY,\n      )};\n    `;\n  },\n  circleLarge(t: Theme) {\n    return css`\n      ${circleSizeMixin(\n        t.labGrotesqueBaselineCompensation,\n        t.radioFontSizeLarge,\n        t.radioSizeLarge,\n        t.radioBorderWidthCompensation,\n        t.radioCircleOffsetY,\n      )};\n    `;\n  },\n\n  focus(t: Theme) {\n    return css`\n      &::after {\n        ${afterOutlineMixin(t.radioOutlineWidth)};\n        ${outlineColorMixin(t.radioFocusShadow, t.radioBorderColorFocus)};\n      }\n    `;\n  },\n\n  warning(t: Theme) {\n    return css`\n      &::after {\n        ${afterOutlineMixin(t.radioOutlineWidth)};\n        ${outlineColorMixin(t.radioFocusShadow, t.radioBorderColorWarning)};\n      }\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      &::after {\n        ${afterOutlineMixin(t.radioOutlineWidth)};\n        ${outlineColorMixin(t.radioFocusShadow, t.radioBorderColorError)};\n      }\n    `;\n  },\n\n  checked(t: Theme) {\n    return css`\n      background-color: ${t.radioCheckedBgColor};\n      border-color: ${t.radioCheckedBorderColor};\n\n      &::before {\n        content: ' ';\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        margin: auto;\n        border-radius: 50%;\n        background: ${t.radioCheckedBulletColor};\n      }\n    `;\n  },\n  checkedSmall(t: Theme) {\n    return css`\n      ${radioCheckedMixin(t.radioBulletSizeSmall)};\n    `;\n  },\n  checkedMedium(t: Theme) {\n    return css`\n      ${radioCheckedMixin(t.radioBulletSizeMedium)};\n    `;\n  },\n  checkedLarge(t: Theme) {\n    return css`\n      ${radioCheckedMixin(t.radioBulletSizeLarge)};\n    `;\n  },\n\n  checkedDisabled(t: Theme) {\n    return css`\n      &::before {\n        background: ${t.radioCheckedDisabledBulletBg};\n      }\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  disabled(t: Theme) {\n    return css`\n      background: ${t.radioDisabledBg} !important; // override root hover/active styles\n      border-color: transparent !important; // override root hover/active styles\n      box-shadow: ${t.radioDisabledShadow} !important; // override root hover/active styles\n    `;\n  },\n\n  caption(t: Theme) {\n    return css`\n      display: ${t.radioCaptionDisplay};\n      padding-left: ${t.radioCaptionGap};\n      white-space: normal;\n      color: ${t.radioTextColor};\n    `;\n  },\n\n  captionDisabled(t: Theme) {\n    return css`\n      color: ${t.textColorDisabled};\n    `;\n  },\n\n  placeholder() {\n    return css`\n      display: inline-block;\n    `;\n  },\n}));\n"]}

package/components/Radio/index.d.ts

@@ -1 +1 @@
-export * from './Radio';
+export * from './Radio.js';

package/components/Radio/index.js

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

package/components/Radio/index.js.map

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

package/components/RadioGroup/Prevent.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
-export interface PreventProps {
-    children?: React.ReactNode;
-}
-export declare class Prevent extends React.Component<PreventProps> {
-    render(): JSX.Element;
-    private _prevent;
-}
+import React from 'react';
+export interface PreventProps {
+    children?: React.ReactNode;
+}
+export declare class Prevent extends React.Component<PreventProps> {
+    render(): React.JSX.Element;
+    private _prevent;
+}

package/components/RadioGroup/Prevent.js

@@ -0,0 +1,33 @@
+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';
+var Prevent = /** @class */ (function (_super) {
+    __extends(Prevent, _super);
+    function Prevent() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this._prevent = function (event) {
+            event.stopPropagation();
+            event.preventDefault();
+        };
+        return _this;
+    }
+    Prevent.prototype.render = function () {
+        return React.createElement("span", { onClick: this._prevent }, this.props.children);
+    };
+    return Prevent;
+}(React.Component));
+export { Prevent };
+//# sourceMappingURL=Prevent.js.map

package/components/RadioGroup/Prevent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Prevent.js","sourceRoot":"","sources":["../../../components/RadioGroup/Prevent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B;IAA6B,2BAA6B;IAA1D;;QAKU,cAAQ,GAAG,UAAC,KAAwC;YAC1D,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,KAAK,CAAC,cAAc,EAAE,CAAC;QACzB,CAAC,CAAC;;IACJ,CAAC;IARQ,wBAAM,GAAb;QACE,OAAO,8BAAM,OAAO,EAAE,IAAI,CAAC,QAAQ,IAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAQ,CAAC;IACpE,CAAC;IAMH,cAAC;AAAD,CAAC,AATD,CAA6B,KAAK,CAAC,SAAS,GAS3C","sourcesContent":["import React from 'react';\n\nexport interface PreventProps {\n  children?: React.ReactNode;\n}\n\nexport class Prevent extends React.Component<PreventProps> {\n  public render(): React.JSX.Element {\n    return <span onClick={this._prevent}>{this.props.children}</span>;\n  }\n\n  private _prevent = (event: React.MouseEvent<HTMLSpanElement>) => {\n    event.stopPropagation();\n    event.preventDefault();\n  };\n}\n"]}

package/components/RadioGroup/RadioGroup.d.ts

@@ -1,126 +1,86 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { CommonProps } from '../../internal/CommonWrapper';
-import { Prevent } from './Prevent';
-export interface RadioGroupProps<T = string | number> extends CommonProps {
-    /**
-     * Значение по умолчанию. Должно быть одним из значений дочерних радиокнопок
-     * или значений из параметра `items`
-     */
-    defaultValue?: T;
-    /**
-     * Значение радиогруппы. Должно быть одним из значений радиокнопок.
-     * Если не указано, то компонент будет работать, как неконтролируемый
-     */
-    value?: T;
-    /**
-     * Может быть использовано, если не передан параметр `children`
-     *
-     * Массив параметров радиокнопок. Может быть типа `Array<Value>` или
-     * `Array<[Value, Data]>`, где тип `Value` — значение радиокнопки, а `Data`
-     * — значение которое будет использовано вторым параметром в `renderItem`.
-     * Если тип `items: Array<Value>`, то он будет приведен к типу
-     * `Array<[Value, Value]>`
-     */
-    items?: T[] | Array<[T, React.ReactNode]>;
-    /**
-     * Аттрибут name для вложенных радиокнопок. Если не указан, то сгенерируется
-     * случайное имя
-     */
-    name?: string;
-    /**
-     * Метод получения уникального ключа по элементу
-     * @param item
-     */
-    toKey?: (item: T) => string | number;
-    /**
-     * Дизейблит все радиокнопки
-     */
-    disabled?: boolean;
-    /**
-     * Переводит все радиокнопки в состояние валидации: предупреждение.
-     */
-    warning?: boolean;
-    /**
-     * Переводит все радиокнопки в состояние валидации: ошибка.
-     */
-    error?: boolean;
-    /**
-     * Выравнивает элементы в строку. Не работает с `children`
-     */
-    inline?: boolean;
-    /**
-     * Ширина радиогруппы. Не работает с `children`
-     */
-    width?: React.CSSProperties['width'];
-    /**
-     * Метод отрисовки контента радиокнопки. Не работает с `children`.
-     *
-     * Принимает два аргумента: `(value: Value, data: Data) => React.Node`
-     */
-    renderItem?: (itemValue: T, data: React.ReactNode) => React.ReactNode;
-    /** Вызывается при изменении `value` */
-    onValueChange?: (value: T) => void;
-    onBlur?: (event: FocusEvent) => void;
-    onMouseLeave?: () => any;
-    onMouseOver?: () => any;
-    onMouseEnter?: () => any;
-}
-export interface RadioGroupState<T> {
-    activeItem?: T;
-}
-export declare const RadioGroupDataTids: {
-    readonly root: "RadioGroup__root";
-};
-/**
- *
- * `children` может содержать любую разметку с компонентами Radio,
- * если не передан параметр `items`.
- * Каждому компоненту Radio нужно указать параметр `value`, такого же типа
- * как и параметр `value` самой радиогруппы.
- *
- * Значения активного элемента сравниваются по строгому равенству `===`
- */
-export declare class RadioGroup<T> extends React.Component<RadioGroupProps<T>, RadioGroupState<T>> {
-    static __KONTUR_REACT_UI__: string;
-    static propTypes: {
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        disabled: PropTypes.Requireable<boolean>;
-        error: PropTypes.Requireable<boolean>;
-        inline: PropTypes.Requireable<boolean>;
-        name: PropTypes.Requireable<string>;
-        warning: PropTypes.Requireable<boolean>;
-        width: PropTypes.Requireable<string | number>;
-        onBlur: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseOver: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    static defaultProps: {
-        renderItem: typeof renderItem;
-    };
-    static Prevent: typeof Prevent;
-    private theme;
-    private node;
-    private name;
-    private getProps;
-    private setRootNode;
-    constructor(props: RadioGroupProps<T>);
-    private getRadioGroupContextValue;
-    render(): JSX.Element;
-    renderMain(): JSX.Element;
-    /**
-     * @public
-     */
-    focus(): void;
-    private getValue;
-    private getName;
-    private isControlled;
-    private handleSelect;
-    private renderChildren;
-    private renderRadio;
-    private getKeyByItem;
-    private ref;
-}
-declare function renderItem<T>(_value: T, data: React.ReactNode): React.ReactNode;
-export {};
+import type { AriaAttributes } from 'react';
+import React from 'react';
+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;
+    /** Значение группы радиокнопок. Должно быть одним из значений радиокнопок.
+     * Если не указано, то компонент будет работать как неконтролируемый. */
+    value?: T;
+    /** Массив параметров радиокнопок. Может быть типа `Array<Value>` или `Array<[Value, Data]>`,
+     * где тип `Value` — значение радиокнопки, а `Data` — значение которое будет использовано вторым параметром в `renderItem`.
+     * Тип `Array<Value>` будет приведен к типу `Array<[Value, Value]>`.
+     * Может быть использовано, если не передан `children`. */
+    items?: T[] | Array<[T, React.ReactNode]>;
+    /** Устанавливает атрибут `name` для дочерних радиокнопок. Если не указан, то сгенерируется случайное имя. */
+    name?: string;
+    /** Получает уникальный ключ по элементу.
+     * @param item - элемент, по которому нужно получить ключ. */
+    toKey?: (item: T) => string | number;
+    /** Блокирует все радиокнопки в группе. */
+    disabled?: boolean;
+    /** Меняет визуальное отображение всех радиокнопок на состояние «предупреждение». */
+    warning?: boolean;
+    /** Меняет визуальное отображение всех радиокнопок на состояние «ошибка». */
+    error?: boolean;
+    /** Размещает радиокнопки в строку. Работает только со значениями, переданными через `items`, не работает с `children`. */
+    inline?: boolean;
+    /** Ширина радиогруппы. Работает только со значениями, переданными через `items`, не работает с `children`. */
+    width?: React.CSSProperties['width'];
+    /** Отрисовывает контент радиокнопки. Работает только со значениями, переданными через `items`, не работает с `children`.
+     * @param {Value} itemValue - значение радиокнопки.
+     * @param {Data} data - значение для отрисовки радиокнопки. */
+    renderItem?: (itemValue: T, data: React.ReactNode) => React.ReactNode;
+    /** @ignore */
+    'aria-describedby'?: AriaAttributes['aria-describedby'];
+    /** Событие изменения `value`. */
+    onValueChange?: (value: T) => void;
+    /** Событие потери радиогруппой фокуса. */
+    onBlur?: (event: FocusEvent) => void;
+    /** Событие ухода мышки с объекта (событие `onmouseleave`). */
+    onMouseLeave?: () => any;
+    /** Событие наведения мышкой (событие `onmouseover`). */
+    onMouseOver?: () => any;
+    /** Событие наведения мышкой (событие `onmouseenter`). Смотрите разницу с `onMouseOver` в [документации](https://learn.javascript.ru/mousemove-mouseover-mouseout-mouseenter-mouseleave)  */
+    onMouseEnter?: () => any;
+}
+export interface RadioGroupState<T> {
+    activeItem?: T;
+}
+export declare const RadioGroupDataTids: {
+    readonly root: "RadioGroup__root";
+};
+type DefaultProps = Required<Pick<RadioGroupProps<unknown>, 'renderItem'>>;
+/** Группирует радиокнопки. Контейнер для компонента [Radio](https://tech.skbkontur.ru/kontur-ui/?path=/docs/react-ui_input-data-radio--docs). */
+export declare class RadioGroup<T> extends React.Component<RadioGroupProps<T>, RadioGroupState<T>> {
+    static __KONTUR_REACT_UI__: string;
+    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;
+    constructor(props: RadioGroupProps<T>);
+    private getRadioGroupContextValue;
+    render(): React.JSX.Element;
+    /** Программно устанавливает фокус на радиокнопку. Появляется фокусная обводка, элемент получает клавиатурные события и воспринимается как текущий элемент для чтения скринридерами.
+     * @public
+     */
+    focus(): void;
+    private getValue;
+    private getName;
+    private isControlled;
+    private handleSelect;
+    private renderChildren;
+    private renderRadio;
+    private getKeyByItem;
+    private ref;
+}
+export {};

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":"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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"]}