UNPKG

@chakra-ui/modal

Version:

An accessible dialog (modal) component for React & Chakra UI

75 lines (74 loc) 2.38 kB
'use client' "use strict"; var __defProp = Object.defineProperty; var __getOwnPropDesc = Object.getOwnPropertyDescriptor; var __getOwnPropNames = Object.getOwnPropertyNames; var __hasOwnProp = Object.prototype.hasOwnProperty; var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value; 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); var __publicField = (obj, key, value) => { __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value); return value; }; // src/modal-manager.ts var modal_manager_exports = {}; __export(modal_manager_exports, { modalManager: () => modalManager, useModalManager: () => useModalManager }); module.exports = __toCommonJS(modal_manager_exports); var import_react = require("react"); var ModalManager = class { constructor() { __publicField(this, "modals"); this.modals = /* @__PURE__ */ new Map(); } add(modal) { this.modals.set(modal, this.modals.size + 1); return this.modals.size; } remove(modal) { this.modals.delete(modal); } isTopModal(modal) { if (!modal) return false; return this.modals.get(modal) === this.modals.size; } }; var modalManager = new ModalManager(); function useModalManager(ref, isOpen) { const [index, setIndex] = (0, import_react.useState)(0); (0, import_react.useEffect)(() => { const node = ref.current; if (!node) return; if (isOpen) { const index2 = modalManager.add(node); setIndex(index2); } return () => { modalManager.remove(node); setIndex(0); }; }, [isOpen, ref]); return index; } // Annotate the CommonJS export names for ESM import in node: 0 && (module.exports = { modalManager, useModalManager }); //# sourceMappingURL=modal-manager.js.map