@norges-domstoler/dds-components 0.0.0-dev-20260408074650 → 0.0.0-dev-20260409111023

package/dist/index.d.mts

@@ -462,6 +462,10 @@ type DropdownItemT = 'span' | 'a' | typeof StylelessButton | typeof Toggle;
 type DropdownItemButtonProps = {
     /**Asynkron `onClick` event; håndterer loading status, slik at menyen ikke lukker seg under loading. */
     onClickAsync?: MouseEventHandler<HTMLButtonElement>;
+    /**Egen styring av når menyen skal lukkes ved klikk på knapp i menyen. Bruker intern logikk som default. Støtter i tillegg egen funksjon og ingen lukking (`false`).
+     * @default true
+     */
+    closeMenuOnClickAsync?: boolean | ((close: () => void) => void);
 } & Pick<ButtonProps, 'loading' | 'loadingTooltip'>;
 interface DropdownItemCustomProps<T extends DropdownItemT = 'span'> {
     as?: T;
@@ -4619,7 +4623,7 @@ type OverflowMenuProps = Omit<BaseComponentPropsWithChildren<HTMLDivElement, {
 }>, 'id'>;
 
 declare const OverflowMenuButton: {
-    ({ onClick, onClickAsync, purpose, loading, ref, ...rest }: OverflowMenuButtonProps): react_jsx_runtime.JSX.Element;
+    ({ onClick, onClickAsync, closeMenuOnClickAsync, purpose, loading, ref, ...rest }: OverflowMenuButtonProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 

package/dist/index.d.ts

@@ -462,6 +462,10 @@ type DropdownItemT = 'span' | 'a' | typeof StylelessButton | typeof Toggle;
 type DropdownItemButtonProps = {
     /**Asynkron `onClick` event; håndterer loading status, slik at menyen ikke lukker seg under loading. */
     onClickAsync?: MouseEventHandler<HTMLButtonElement>;
+    /**Egen styring av når menyen skal lukkes ved klikk på knapp i menyen. Bruker intern logikk som default. Støtter i tillegg egen funksjon og ingen lukking (`false`).
+     * @default true
+     */
+    closeMenuOnClickAsync?: boolean | ((close: () => void) => void);
 } & Pick<ButtonProps, 'loading' | 'loadingTooltip'>;
 interface DropdownItemCustomProps<T extends DropdownItemT = 'span'> {
     as?: T;
@@ -4619,7 +4623,7 @@ type OverflowMenuProps = Omit<BaseComponentPropsWithChildren<HTMLDivElement, {
 }>, 'id'>;
 
 declare const OverflowMenuButton: {
-    ({ onClick, onClickAsync, purpose, loading, ref, ...rest }: OverflowMenuButtonProps): react_jsx_runtime.JSX.Element;
+    ({ onClick, onClickAsync, closeMenuOnClickAsync, purpose, loading, ref, ...rest }: OverflowMenuButtonProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 

package/dist/index.js

@@ -4918,6 +4918,7 @@ var import_jsx_runtime211 = require("react/jsx-runtime");
 var OverflowMenuButton = ({
   onClick,
   onClickAsync,
+  closeMenuOnClickAsync = true,
   purpose = "default",
   loading,
   ref,
@@ -4934,17 +4935,21 @@ var OverflowMenuButton = ({
   }, []);
   const handleClick = async (e) => {
     if (isLoading) return;
+    const close = () => onClose == null ? void 0 : onClose();
     if (onClickAsync) {
       setInternalLoading(true);
+      const shouldAutoClose = closeMenuOnClickAsync === true;
       try {
         await onClickAsync(e);
+        if (typeof closeMenuOnClickAsync === "function") {
+          closeMenuOnClickAsync(close);
+        } else if (shouldAutoClose) close();
       } finally {
         setInternalLoading(false);
-        onClose == null ? void 0 : onClose();
       }
     } else {
       onClick == null ? void 0 : onClick(e);
-      onClose == null ? void 0 : onClose();
+      close();
     }
   };
   return /* @__PURE__ */ (0, import_jsx_runtime211.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(
@@ -12742,7 +12747,7 @@ var PhoneInput = ({
               children: countryOptions.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime309.jsx)("option", { value: item.countryCode, children: item.label }, index))
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime309.jsxs)(Box, { width: "100%", className: Input_default["input-group"], children: [
+          /* @__PURE__ */ (0, import_jsx_runtime309.jsxs)(Box, { width: "100%", display: "flex", className: Input_default["input-group"], children: [
             /* @__PURE__ */ (0, import_jsx_runtime309.jsx)(
               "span",
               {