/* GoToSocial Copyright (C) 2021-2023 GoToSocial Authors admin@gotosocial.org This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version. This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with this program. If not, see . */ "use strict"; const React = require("react"); module.exports = function useTextInput({ name, Name }, { validator, defaultValue = "", dontReset = false } = {}) { const [text, setText] = React.useState(defaultValue); const [valid, setValid] = React.useState(true); const textRef = React.useRef(null); function onChange(e) { let input = e.target.value; setText(input); } function reset() { if (!dontReset) { setText(defaultValue); } } React.useEffect(() => { if (validator && textRef.current) { let res = validator(text); setValid(res == ""); textRef.current.setCustomValidity(res); } }, [text, textRef, validator]); // Array / Object hybrid, for easier access in different contexts return Object.assign([ onChange, reset, { [name]: text, [`${name}Ref`]: textRef, [`set${Name}`]: setText, [`${name}Valid`]: valid, } ], { onChange, reset, name, value: text, ref: textRef, setter: setText, valid, hasChanged: () => text != defaultValue }); };