@norges-domstoler/dds-components 0.0.0-dev-20250331092559 → 0.0.0-dev-20250331113238

package/dist/index.d.mts

@@ -2164,6 +2164,14 @@ type PopoverProps = BaseComponentPropsWithChildren<HTMLDivElement, {
      * @default "bottom"
      */
     placement?: Placement;
+    /**Angir rotnode hvor popover skal rendres.
+     * @default themeProviderRef
+     */
+    parentElement?: HTMLElement;
+    /**Angir om popover skal rendre i en portal eller ikke.
+     * @default "false"
+     */
+    portal?: boolean;
     /**Avstand fra anchor-elementet i px.
      * @default 8
      */
@@ -2184,7 +2192,7 @@ type PopoverProps = BaseComponentPropsWithChildren<HTMLDivElement, {
     onClose?: () => void;
 }>;
 declare const Popover: {
-    ({ id, header, withCloseButton, onBlur, children, placement, offset, sizeProps, returnFocusOnBlur, className, htmlProps, anchorRef, isOpen: propIsOpen, onClose: propOnClose, ref, ...rest }: PopoverProps): react_jsx_runtime.JSX.Element | null;
+    ({ id, header, withCloseButton, onBlur, children, placement, parentElement, portal, offset, sizeProps, returnFocusOnBlur, className, htmlProps, anchorRef, isOpen: propIsOpen, onClose: propOnClose, ref, ...rest }: PopoverProps): react_jsx_runtime.JSX.Element | null;
     displayName: string;
 };
 

package/dist/index.d.ts

@@ -2164,6 +2164,14 @@ type PopoverProps = BaseComponentPropsWithChildren<HTMLDivElement, {
      * @default "bottom"
      */
     placement?: Placement;
+    /**Angir rotnode hvor popover skal rendres.
+     * @default themeProviderRef
+     */
+    parentElement?: HTMLElement;
+    /**Angir om popover skal rendre i en portal eller ikke.
+     * @default "false"
+     */
+    portal?: boolean;
     /**Avstand fra anchor-elementet i px.
      * @default 8
      */
@@ -2184,7 +2192,7 @@ type PopoverProps = BaseComponentPropsWithChildren<HTMLDivElement, {
     onClose?: () => void;
 }>;
 declare const Popover: {
-    ({ id, header, withCloseButton, onBlur, children, placement, offset, sizeProps, returnFocusOnBlur, className, htmlProps, anchorRef, isOpen: propIsOpen, onClose: propOnClose, ref, ...rest }: PopoverProps): react_jsx_runtime.JSX.Element | null;
+    ({ id, header, withCloseButton, onBlur, children, placement, parentElement, portal, offset, sizeProps, returnFocusOnBlur, className, htmlProps, anchorRef, isOpen: propIsOpen, onClose: propOnClose, ref, ...rest }: PopoverProps): react_jsx_runtime.JSX.Element | null;
     displayName: string;
 };
 

package/dist/index.js

@@ -9606,6 +9606,7 @@ var getCallingCode = (s) => {
 
 // src/components/Popover/Popover.tsx
 var import_react61 = require("react");
+var import_react_dom5 = require("react-dom");
 
 // src/components/Popover/Popover.module.css
 var Popover_default = {
@@ -9629,6 +9630,8 @@ var Popover = ({
   onBlur,
   children,
   placement = "bottom",
+  parentElement,
+  portal = false,
   offset = 8,
   sizeProps,
   returnFocusOnBlur = true,
@@ -9645,6 +9648,8 @@ var Popover = ({
     placement
   });
   const context = usePopoverContext();
+  const themeContext = (0, import_react61.useContext)(ThemeContext);
+  const portalTarget = parentElement != null ? parentElement : themeContext == null ? void 0 : themeContext.el;
   const {
     floatStyling: contextFloatStyling,
     setFloatOptions,
@@ -9703,7 +9708,7 @@ var Popover = ({
   });
   const hasTitle = !!header;
   const openCn = hasTransitionedIn && isOpen ? "open" : "closed";
-  return isOpen || hasTransitionedIn ? /* @__PURE__ */ (0, import_jsx_runtime272.jsxs)(
+  const popover = /* @__PURE__ */ (0, import_jsx_runtime272.jsxs)(
     Paper,
     {
       ...getBaseHTMLProps(
@@ -9750,7 +9755,8 @@ var Popover = ({
         )
       ]
     }
-  ) : null;
+  );
+  return isOpen || hasTransitionedIn ? portal && portalTarget ? (0, import_react_dom5.createPortal)(popover, portalTarget) : popover : null;
 };
 Popover.displayName = "Popover";