UNPKG

@wordpress/editor

Version:
45 lines (43 loc) 1.83 kB
"use strict"; var __defProp = Object.defineProperty; var __getOwnPropDesc = Object.getOwnPropertyDescriptor; var __getOwnPropNames = Object.getOwnPropertyNames; var __hasOwnProp = Object.prototype.hasOwnProperty; var __export = (target, all) => { for (var name in all) __defProp(target, name, { get: all[name], enumerable: true }); }; var __copyProps = (to, from, except, desc) => { if (from && typeof from === "object" || typeof from === "function") { for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable }); } return to; }; var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod); // packages/editor/src/components/collaborators-presence/avatar/use-image-loading-status.ts var use_image_loading_status_exports = {}; __export(use_image_loading_status_exports, { useImageLoadingStatus: () => useImageLoadingStatus }); module.exports = __toCommonJS(use_image_loading_status_exports); var import_element = require("@wordpress/element"); function useImageLoadingStatus(src) { const [prevSrc, setPrevSrc] = (0, import_element.useState)(src); const [status, setStatus] = (0, import_element.useState)( src ? "loading" : "idle" ); if (prevSrc !== src) { setPrevSrc(src); setStatus(src ? "loading" : "idle"); } const handleLoad = (0, import_element.useCallback)(() => setStatus("loaded"), []); const handleError = (0, import_element.useCallback)(() => setStatus("error"), []); return { status, handleLoad, handleError }; } // Annotate the CommonJS export names for ESM import in node: 0 && (module.exports = { useImageLoadingStatus }); //# sourceMappingURL=use-image-loading-status.cjs.map