diff options
Diffstat (limited to 'web/source/settings/lib/form/text.jsx')
-rw-r--r-- | web/source/settings/lib/form/text.jsx | 67 |
1 files changed, 67 insertions, 0 deletions
diff --git a/web/source/settings/lib/form/text.jsx b/web/source/settings/lib/form/text.jsx new file mode 100644 index 000000000..70e61657c --- /dev/null +++ b/web/source/settings/lib/form/text.jsx @@ -0,0 +1,67 @@ +/* + 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 <http://www.gnu.org/licenses/>. +*/ + +"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 + }); +};
\ No newline at end of file |