react-usehooks-ts
Version:
A collections of typescript supported react Custom hooks
31 lines (30 loc) • 1.5 kB
JavaScript
;
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
return new (P || (P = Promise))(function (resolve, reject) {
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
step((generator = generator.apply(thisArg, _arguments || [])).next());
});
};
Object.defineProperty(exports, "__esModule", { value: true });
const react_1 = require("react");
const useListenPaste = (textLength) => {
const [clipboardText, setClipboardText] = (0, react_1.useState)('');
const textLengthRef = (0, react_1.useRef)(textLength);
(0, react_1.useEffect)(() => {
const handlePaste = () => __awaiter(void 0, void 0, void 0, function* () {
const text = yield navigator.clipboard.readText();
if (text.length === textLengthRef.current) {
setClipboardText(text);
}
});
document.addEventListener('paste', handlePaste);
return () => {
document.removeEventListener('paste', handlePaste);
};
}, []);
return clipboardText;
};
exports.default = useListenPaste;