UNPKG

one

Version:

One is a React framework for web, iOS, and Android apps.

github.com/onejs/one

onejs/one

1 lines • 5.54 kB
1
{"version":3,"file":"Portal.js","names":[],"sources":["esm/platform/ui/Portal.js"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { domStyle, VIEW_BASE } from \"../web/DomView\";\nimport { jsx } from \"react/jsx-runtime\";\nconst hosts = /* @__PURE__ */ new Map();\nconst portals = [];\nfunction refresh() {\n for (let i = 0; i < portals.length; i++) {\n const portal = portals[i];\n const replaced = portal.name != null && portals.slice(i + 1).some((other) => other.name === portal.name);\n if (replaced) {\n portal.content.remove();\n continue;\n }\n const host = portal.hostName == null ? null : hosts.get(portal.hostName);\n const target = host ?? portal.source;\n portal.content.removeAttribute(\"style\");\n Object.assign(\n portal.content.style,\n host ? {\n ...VIEW_BASE,\n ...portal.style,\n position: \"absolute\",\n inset: \"0\",\n width: \"100%\",\n height: \"100%\",\n pointerEvents: \"none\"\n } : { display: \"contents\" }\n );\n portal.source.style.position = host ? \"absolute\" : portal.style.position ?? \"relative\";\n target.appendChild(portal.content);\n }\n}\nfunction Portal({\n hostName,\n name,\n children,\n style,\n testID,\n nativeID,\n accessibilityLabel\n}) {\n const source = useRef(null);\n const entry = useRef(null);\n const [content, setContent] = useState(null);\n useEffect(() => {\n if (!source.current) return;\n const node = document.createElement(\"div\");\n const value = {\n hostName: hostName || void 0,\n name: name || void 0,\n source: source.current,\n content: node,\n style: domStyle(style)\n };\n entry.current = value;\n portals.push(value);\n setContent(node);\n refresh();\n return () => {\n portals.splice(portals.indexOf(value), 1);\n node.remove();\n entry.current = null;\n refresh();\n };\n }, []);\n useEffect(() => {\n const value = entry.current;\n if (!value) return;\n value.hostName = hostName || void 0;\n value.name = name || void 0;\n value.style = domStyle(style);\n refresh();\n }, [hostName, name, style]);\n return /* @__PURE__ */ jsx(\n \"div\",\n {\n ref: source,\n \"data-testid\": testID,\n id: nativeID,\n \"aria-label\": accessibilityLabel,\n style: {\n ...VIEW_BASE,\n ...domStyle(style)\n },\n children: content ? createPortal(\n /* @__PURE__ */ jsx(\"div\", { style: { display: \"contents\", pointerEvents: \"auto\" }, children }),\n content\n ) : null\n }\n );\n}\nfunction PortalHost({\n name,\n children,\n style,\n testID,\n nativeID,\n accessibilityLabel\n}) {\n const ref = useRef(null);\n useEffect(() => {\n const node = ref.current;\n if (!node) return;\n hosts.set(name, node);\n refresh();\n return () => {\n if (hosts.get(name) === node) hosts.delete(name);\n refresh();\n };\n }, [name]);\n return /* @__PURE__ */ jsx(\n \"div\",\n {\n ref,\n \"data-testid\": testID,\n id: nativeID,\n \"aria-label\": accessibilityLabel,\n style: { ...VIEW_BASE, ...domStyle(style), pointerEvents: \"none\" },\n children: /* @__PURE__ */ jsx(\"div\", { style: { display: \"contents\", pointerEvents: \"auto\" }, children })\n }\n );\n}\nexport {\n Portal,\n PortalHost\n};\n//# sourceMappingURL=Portal.js.map\n"],"mappings":";;;;;;AAIA,MAAM,wBAAwB,IAAI,IAAI;AACtC,MAAM,UAAU,CAAC;AACjB,SAAS,UAAU;CACjB,KAAK,IAAI,IAAI,GAAG,IAAI,QAAQ,QAAQ,KAAK;EACvC,MAAM,SAAS,QAAQ;EACvB,MAAM,WAAW,OAAO,QAAQ,QAAQ,QAAQ,MAAM,IAAI,CAAC,CAAC,CAAC,MAAM,UAAU,MAAM,SAAS,OAAO,IAAI;EACvG,IAAI,UAAU;GACZ,OAAO,QAAQ,OAAO;GACtB;EACF;EACA,MAAM,OAAO,OAAO,YAAY,OAAO,OAAO,MAAM,IAAI,OAAO,QAAQ;EACvE,MAAM,SAAS,QAAQ,OAAO;EAC9B,OAAO,QAAQ,gBAAgB,OAAO;EACtC,OAAO,OACL,OAAO,QAAQ,OACf,OAAO;GACL,GAAG;GACH,GAAG,OAAO;GACV,UAAU;GACV,OAAO;GACP,OAAO;GACP,QAAQ;GACR,eAAe;EACjB,IAAI,EAAE,SAAS,WAAW,CAC5B;EACA,OAAO,OAAO,MAAM,WAAW,OAAO,aAAa,OAAO,MAAM,YAAY;EAC5E,OAAO,YAAY,OAAO,OAAO;CACnC;AACF;AACA,SAAS,OAAO,EACd,UACA,MACA,UACA,OACA,QACA,UACA,sBACC;CACD,MAAM,SAAS,OAAO,IAAI;CAC1B,MAAM,QAAQ,OAAO,IAAI;CACzB,MAAM,CAAC,SAAS,cAAc,SAAS,IAAI;CAC3C,gBAAgB;EACd,IAAI,CAAC,OAAO,SAAS;EACrB,MAAM,OAAO,SAAS,cAAc,KAAK;EACzC,MAAM,QAAQ;GACZ,UAAU,YAAY,KAAK;GAC3B,MAAM,QAAQ,KAAK;GACnB,QAAQ,OAAO;GACf,SAAS;GACT,OAAO,SAAS,KAAK;EACvB;EACA,MAAM,UAAU;EAChB,QAAQ,KAAK,KAAK;EAClB,WAAW,IAAI;EACf,QAAQ;EACR,aAAa;GACX,QAAQ,OAAO,QAAQ,QAAQ,KAAK,GAAG,CAAC;GACxC,KAAK,OAAO;GACZ,MAAM,UAAU;GAChB,QAAQ;EACV;CACF,GAAG,CAAC,CAAC;CACL,gBAAgB;EACd,MAAM,QAAQ,MAAM;EACpB,IAAI,CAAC,OAAO;EACZ,MAAM,WAAW,YAAY,KAAK;EAClC,MAAM,OAAO,QAAQ,KAAK;EAC1B,MAAM,QAAQ,SAAS,KAAK;EAC5B,QAAQ;CACV,GAAG;EAAC;EAAU;EAAM;CAAK,CAAC;CAC1B,OAAuB,oBACrB,OACA;EACE,KAAK;EACL,eAAe;EACf,IAAI;EACJ,cAAc;EACd,OAAO;GACL,GAAG;GACH,GAAG,SAAS,KAAK;EACnB;EACA,UAAU,UAAU,aACF,oBAAI,OAAO;GAAE,OAAO;IAAE,SAAS;IAAY,eAAe;GAAO;GAAG;EAAS,CAAC,GAC9F,OACF,IAAI;CACN,CACF;AACF;AACA,SAAS,WAAW,EAClB,MACA,UACA,OACA,QACA,UACA,sBACC;CACD,MAAM,MAAM,OAAO,IAAI;CACvB,gBAAgB;EACd,MAAM,OAAO,IAAI;EACjB,IAAI,CAAC,MAAM;EACX,MAAM,IAAI,MAAM,IAAI;EACpB,QAAQ;EACR,aAAa;GACX,IAAI,MAAM,IAAI,IAAI,MAAM,MAAM,MAAM,OAAO,IAAI;GAC/C,QAAQ;EACV;CACF,GAAG,CAAC,IAAI,CAAC;CACT,OAAuB,oBACrB,OACA;EACE;EACA,eAAe;EACf,IAAI;EACJ,cAAc;EACd,OAAO;GAAE,GAAG;GAAW,GAAG,SAAS,KAAK;GAAG,eAAe;EAAO;EACjE,UAA0B,oBAAI,OAAO;GAAE,OAAO;IAAE,SAAS;IAAY,eAAe;GAAO;GAAG;EAAS,CAAC;CAC1G,CACF;AACF"}