@smart-react-components/ui/Radio/index.js

SRC UI includes React and Styled components.

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.Position = void 0;
const element_props_1 = __importDefault(require("@smart-react-components/core/element-props"));
const intrinsic_styled_core_props_1 = __importDefault(require("@smart-react-components/core/element-props/intrinsic-styled-core-props"));
const react_1 = __importDefault(require("react"));
const FormInlineLabel_1 = __importDefault(require("../components/Form/FormInlineLabel"));
const HiddenInput_1 = __importDefault(require("../components/Form/HiddenInput"));
const RadioElement_1 = __importDefault(require("../components/Radio/RadioElement"));
const types_1 = require("../types");
var types_2 = require("../types");
Object.defineProperty(exports, "Position", { enumerable: true, get: function () { return types_2.OrderPosition; } });
const Radio = react_1.default.forwardRef((props, forwardRef) => {
    const handleOnChange = () => {
        if (!props.isDisabled) {
            props.setActive(props.value);
        }
    };
    const input = (react_1.default.createElement(HiddenInput_1.default, Object.assign({ checked: props.value === props.active, onChange: handleOnChange, ref: forwardRef, type: "radio" }, (props.isDisabled && { disabled: true }), (props.isRequired && { required: true }), (props.name && { name: props.name }))));
    return (react_1.default.createElement(FormInlineLabel_1.default, Object.assign({ formSize: props.size, formSizeSm: props.sizeSm, formSizeMd: props.sizeMd, formSizeLg: props.sizeLg, formSizeXl: props.sizeXl, isBlock: props.isBlock, isDisabled: props.isDisabled, labelPosition: props.position, palette: props.palette }, (0, element_props_1.default)(props, [intrinsic_styled_core_props_1.default])),
        react_1.default.cloneElement(props.template, {
            children: (react_1.default.createElement(react_1.default.Fragment, null,
                input,
                props.template.props.children)),
            isChecked: props.value === props.active,
            isOutline: props.isOutline,
            isSoft: props.isSoft,
            palette: props.palette,
            radioSize: props.size,
            radioSizeSm: props.sizeSm,
            radioSizeMd: props.sizeMd,
            radioSizeLg: props.sizeLg,
            radioSizeXl: props.sizeXl,
        }),
        props.label && react_1.default.createElement("span", null, props.label)));
});
Radio.defaultProps = {
    palette: 'primary',
    position: types_1.OrderPosition.RIGHT,
    size: 'medium',
    template: react_1.default.createElement(RadioElement_1.default, null),
};
exports.default = Radio;