@react-md/form/lib/useFocusState.js

This package is for creating all the different form input types.

"use strict";
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;
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.useFocusState = void 0;
var react_1 = require("react");
var utils_1 = require("@react-md/utils");
/**
 * @internal
 */
function useFocusState(_a) {
    var onFocus = _a.onFocus, onBlur = _a.onBlur;
    var _b = __read((0, utils_1.useToggle)(false), 3), focused = _b[0], setFocused = _b[1], setBlurred = _b[2];
    var handleFocus = (0, react_1.useCallback)(function (event) {
        if (onFocus) {
            onFocus(event);
        }
        setFocused();
    }, [setFocused, onFocus]);
    var handleBlur = (0, react_1.useCallback)(function (event) {
        if (onBlur) {
            onBlur(event);
        }
        setBlurred();
    }, [setBlurred, onBlur]);
    return [focused, handleFocus, handleBlur];
}
exports.useFocusState = useFocusState;
//# sourceMappingURL=useFocusState.js.map