UNPKG

@netdata/netdata-ui

Version:

netdata UI kit

18 lines 601 B
import { useState, useCallback } from "react"; export var useTouchedState = function useTouchedState(_ref) { var onBlur = _ref.onBlur, _ref$defaultState = _ref.defaultState, defaultState = _ref$defaultState === void 0 ? false : _ref$defaultState; var _useState = useState(defaultState), touchedState = _useState[0], setTouchedState = _useState[1]; var handleBlur = useCallback(function (e) { if (!touchedState) { setTouchedState(true); } if (onBlur) { onBlur(e); } }, [onBlur, touchedState]); return [touchedState, handleBlur, setTouchedState]; };