sp-app-react/lib/SPRadioChoice.js

React based Controls and Utilities for building applications in SharePoint

"use strict";
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 __read = (this && this.__read) || function (o, n) {
    var m = typeof Symbol === "function" && o[Symbol.iterator];
    if (!m) return o;
    var i = m.call(o), r, ar = [], e;
    try {
        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
    }
    catch (error) { e = { error: error }; }
    finally {
        try {
            if (r && !r.done && (m = i["return"])) m.call(i);
        }
        finally { if (e) throw e.error; }
    }
    return ar;
};
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.SPRadioChoice = void 0;
var react_1 = require("@fluentui/react");
var formik_1 = require("formik");
var react_2 = __importDefault(require("react"));
var dropdownStyles = {
    dropdown: { width: 300 },
};
function SPRadioChoice(props) {
    var _a = __read(formik_1.useField(props.name), 3), field = _a[0], meta = _a[1], helpers = _a[2];
    var error = meta.touched && meta.error && typeof (meta.error) == 'string' ? meta.error : undefined;
    var _onDismiss = function () {
        helpers.setTouched(true);
    };
    var _onChange = function (event, option, index) {
        helpers.setValue(option ? option.text : null);
    };
    return (react_2.default.createElement("div", null,
        react_2.default.createElement(react_1.ChoiceGroup, __assign({ onDismiss: _onDismiss, onChange: _onChange, selectedKey: field.value }, props, { placeholder: "Select an option", styles: dropdownStyles })),
        (meta.touched && meta.error) ? (react_2.default.createElement("span", { id: "TextFieldDescription2" },
            react_2.default.createElement("div", { role: "alert" },
                react_2.default.createElement("p", { className: "ms-TextField-errorMessage errorMessage-100" },
                    react_2.default.createElement("span", { "data-automation-id": "error-message" }, error))))) : null));
}
exports.SPRadioChoice = SPRadioChoice;