@ozen-ui/kit/__inner__/cjs/components/RadioGroup/RadioGroup.js

React component library

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.RadioGroup = exports.cnRadioGroup = void 0;
var tslib_1 = require("tslib");
require("./RadioGroup.css");
var react_1 = tslib_1.__importDefault(require("react"));
var useControlled_1 = require("../../hooks/useControlled");
var useDeprecated_1 = require("../../hooks/useDeprecated");
var useThemeProps_1 = require("../../hooks/useThemeProps");
var classname_1 = require("../../utils/classname");
var polymorphicComponentWithRef_1 = require("../../utils/polymorphicComponentWithRef");
var FormGroup_1 = require("../FormGroup");
var FormTitle_1 = require("../FormTitle");
var constants_1 = require("./constants");
var RadioGroupContext_1 = require("./RadioGroupContext");
exports.cnRadioGroup = (0, classname_1.cn)('RadioGroup');
/**
 * @deprecated Компонент устарел. Для замены используйте компонент RadioGroupNext
 */
exports.RadioGroup = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (inProps, ref) {
    (0, useDeprecated_1.useDeprecatedComponent)('RadioGroup');
    var props = (0, useThemeProps_1.useThemeProps)({
        props: inProps,
        name: 'RadioGroup',
    });
    var _a = props.direction, direction = _a === void 0 ? constants_1.RADIO_GROUP_DEFAULT_DIRECTION : _a, _b = props.size, size = _b === void 0 ? constants_1.RADIO_GROUP_DEFAULT_SIZE : _b, _c = props.as, Tag = _c === void 0 ? constants_1.RADIO_GROUP_DEFAULT_AS : _c, title = props.title, className = props.className, children = props.children, name = props.name, valueProp = props.value, defaultValue = props.defaultValue, onChange = props.onChange, other = tslib_1.__rest(props, ["direction", "size", "as", "title", "className", "children", "name", "value", "defaultValue", "onChange"]);
    var _d = tslib_1.__read((0, useControlled_1.useControlled)({
        value: valueProp,
        defaultValue: defaultValue,
        name: 'RadioGroup',
        state: 'value',
    }), 2), valueState = _d[0], setValueState = _d[1];
    var handleChange = function (event) {
        setValueState(event.target.value);
        onChange === null || onChange === void 0 ? void 0 : onChange(event);
    };
    return (react_1.default.createElement(Tag, tslib_1.__assign({ className: (0, exports.cnRadioGroup)({ size: size }, [className]), role: "radiogroup" }, other, { ref: ref }),
        react_1.default.createElement(RadioGroupContext_1.RadioGroupContext.Provider, { value: {
                value: valueState,
                onChange: handleChange,
                name: name,
                size: size,
            } },
            title && react_1.default.createElement(FormTitle_1.FormTitle, { size: size }, title),
            react_1.default.createElement(FormGroup_1.FormGroup, { direction: direction, size: size }, children))));
});
exports.RadioGroup.displayName = 'RadioGroup';