@acronis-platform/ui-react 0.54.0 → 0.55.0

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/lib/portal-container.js

@@ -0,0 +1,14 @@
+import { jsx as n } from "react/jsx-runtime";
+import * as t from "react";
+const o = t.createContext(void 0);
+function i({ container: r, children: e }) {
+  return /* @__PURE__ */ n(o, { value: r, children: e });
+}
+function u() {
+  return t.useContext(o);
+}
+export {
+  i as PortalContainerProvider,
+  u as usePortalContainer
+};
+//# sourceMappingURL=portal-container.js.map

package/dist/lib/portal-container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"portal-container.js","sources":["../../src/lib/portal-container.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nconst PortalContainerContext = React.createContext<HTMLElement | null | undefined>(undefined);\n\nexport interface PortalContainerProviderProps {\n  /**\n   * The DOM element portaled content should render into (e.g. a `<div>` inside\n   * a shadow root). When set, every ui-react portaling component\n   * (`Popover`, `DropdownMenu`, `Tooltip`, `Dialog`, `Sheet`, `Select`,\n   * `Combobox`, `Toast`) will mount its popup inside this element instead of\n   * `document.body`.\n   */\n  container: HTMLElement | null;\n  children: React.ReactNode;\n}\n\n/**\n * Provides a default portal container for all ui-react portaling components.\n *\n * Wrap your app (or a subtree) so that popups, dialogs, tooltips, toasts, etc.\n * render inside the given container instead of `document.body`. This is the\n * recommended way for shadow-DOM MFEs to keep portaled content inside the\n * shadow root where adopted stylesheets apply.\n *\n * Individual components' `portalContainer` prop overrides this context.\n *\n * @example\n * ```tsx\n * // Inside a shadow-DOM MFE — all portals go into the shadow root\n * <PortalContainerProvider container={shadowRootMountDiv}>\n *   <App />\n * </PortalContainerProvider>\n * ```\n */\nexport function PortalContainerProvider({ container, children }: PortalContainerProviderProps) {\n  return (\n    <PortalContainerContext value={container}>\n      {children}\n    </PortalContainerContext>\n  );\n}\n\n/**\n * Returns the portal container set by the nearest `PortalContainerProvider`,\n * or `undefined` if none exists (letting Base UI default to `document.body`).\n */\nexport function usePortalContainer(): HTMLElement | null | undefined {\n  return React.useContext(PortalContainerContext);\n}\n"],"names":["PortalContainerContext","React","PortalContainerProvider","container","children","jsx","usePortalContainer"],"mappings":";;AAIA,MAAMA,IAAyBC,EAAM,cAA8C,MAAS;AAgCrF,SAASC,EAAwB,EAAE,WAAAC,GAAW,UAAAC,KAA0C;AAC7F,SACE,gBAAAC,EAACL,GAAA,EAAuB,OAAOG,GAC5B,UAAAC,EAAA,CACH;AAEJ;AAMO,SAASE,IAAqD;AACnE,SAAOL,EAAM,WAAWD,CAAsB;AAChD;"}