sp-app-react/lib/controls/SPTextField.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.SPTextField = void 0;
var react_1 = require("@fluentui/react");
var react_2 = __importDefault(require("react"));
var useSPField_1 = require("../hooks/useSPField");
var SPTextField = function (props) {
    // const listContext = useContext(SPListContext);
    // const listProps = (listContext && listContext.getFieldProps && props.name) ? listContext.getFieldProps(props.name, props.index) : {}
    // const fieldProps = {...props, name: listProps.name ? listProps.name : props.name}
    if (props.name) {
        var _a = __read(useSPField_1.useSPField(props), 4), field = _a[0], meta = _a[1], helpers = _a[2], spProps = _a[3];
        //const [field, meta, helpers] = useField(listProps !== {} ? listProps.name : props.name);
        var error = meta.touched && meta.error && typeof (meta.error) == 'string' ? meta.error : undefined;
        return (react_2.default.createElement("div", null, !props.readOnly
            ?
                props.mask ?
                    react_2.default.createElement(react_1.MaskedTextField, __assign({}, field, spProps, { errorMessage: error }))
                    : react_2.default.createElement(react_1.TextField, __assign({}, field, spProps, { errorMessage: error }))
            : react_2.default.createElement("div", null,
                react_2.default.createElement(react_1.Label, null, spProps && spProps.label ? spProps.label : props.label),
                react_2.default.createElement(react_1.Text, null, field.value))));
    }
    else
        return (react_2.default.createElement("h3", null, "Provide a valid name for textfield."));
};
exports.SPTextField = SPTextField;