UNPKG

@ivliu/react-offscreen

Version:

![NPM Version](https://img.shields.io/npm/v/%40ivliu%2Freact-offscreen) ![License](https://img.shields.io/badge/license-MIT-yellow)

69 lines (68 loc) 2.62 kB
"use client"; "use strict"; var __webpack_require__ = {}; (()=>{ __webpack_require__.n = (module)=>{ var getter = module && module.__esModule ? ()=>module['default'] : ()=>module; __webpack_require__.d(getter, { a: getter }); return getter; }; })(); (()=>{ __webpack_require__.d = function(exports1, definition) { for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, { enumerable: true, get: definition[key] }); }; })(); (()=>{ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }; })(); (()=>{ __webpack_require__.r = function(exports1) { if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, { value: 'Module' }); Object.defineProperty(exports1, '__esModule', { value: true }); }; })(); var __webpack_exports__ = {}; __webpack_require__.r(__webpack_exports__); __webpack_require__.d(__webpack_exports__, { Repeater: ()=>Repeater }); const external_react_namespaceObject = require("react"); var external_react_default = /*#__PURE__*/ __webpack_require__.n(external_react_namespaceObject); const Repeater = (props)=>{ const { mode, children } = props; const promiseRef = (0, external_react_namespaceObject.useRef)(null); const resolveRef = (0, external_react_namespaceObject.useRef)(null); const resolvePromise = (ignore)=>{ if ((ignore || "visible" === mode) && "function" == typeof resolveRef.current) { resolveRef.current(); resolveRef.current = null; promiseRef.current = null; } }; (0, external_react_namespaceObject.useEffect)(()=>()=>resolvePromise(true), []); if ("hidden" === mode) { if (null === resolveRef.current) promiseRef.current = new Promise((resolve)=>resolveRef.current = resolve); const promise = promiseRef.current; if ("use" in external_react_default() && "function" == typeof external_react_default().use) external_react_default().use(promise); else throw promise; } resolvePromise(); return children; }; var __webpack_export_target__ = exports; for(var __webpack_i__ in __webpack_exports__)__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__]; if (__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, '__esModule', { value: true });