@norges-domstoler/dds-components 17.6.0 → 17.7.0

package/dist/index.d.mts

@@ -1175,17 +1175,18 @@ declare const AccordionHeader: react.ForwardRefExoticComponent<AccordionHeaderPr
 type AccordionBodyProps = Omit<BaseComponentPropsWithChildren<HTMLDivElement>, 'id'>;
 declare const AccordionBody: react.ForwardRefExoticComponent<AccordionBodyProps & react.RefAttributes<HTMLDivElement>>;
 
-interface BackLinkProps {
+type BackLinkProps = {
     /**
      * Ledetekst.
      */
     label: string;
+} & Pick<ComponentProps<'a'>, 'onClick' | 'href'>;
+declare const BackLink: react.ForwardRefExoticComponent<{
     /**
-     * URL til forrige nivå.
+     * Ledetekst.
      */
-    href: string;
-}
-declare const BackLink: react.ForwardRefExoticComponent<BackLinkProps & react.RefAttributes<HTMLElement>>;
+    label: string;
+} & Pick<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "onClick" | "href"> & react.RefAttributes<HTMLElement>>;
 
 type BreadcrumbProps = HTMLAttributes<HTMLSpanElement> | AnchorHTMLAttributes<HTMLAnchorElement>;
 declare const Breadcrumb: react.ForwardRefExoticComponent<BreadcrumbProps & react.RefAttributes<HTMLElement>>;
@@ -2454,6 +2455,10 @@ type PopoverProps = BaseComponentPropsWithChildren<HTMLDivElement, {
     sizeProps?: PopoverSizeProps;
     /** **OBS!** Propen settes automatisk av `<PopoverGroup />`. Funksjon kjørt ved lukking. */
     onClose?: () => void;
+    /** Om focus skal returneres ved `blur`
+     * @default true
+     */
+    returnFocusOnBlur?: boolean;
 }>;
 declare const Popover: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
     /**Tittel. */
@@ -2484,6 +2489,10 @@ declare const Popover: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes
     sizeProps?: PopoverSizeProps;
     /** **OBS!** Propen settes automatisk av `<PopoverGroup />`. Funksjon kjørt ved lukking. */
     onClose?: () => void;
+    /** Om focus skal returneres ved `blur`
+     * @default true
+     */
+    returnFocusOnBlur?: boolean;
 } & {
     children?: ReactNode | undefined;
 } & {

package/dist/index.d.ts

@@ -1175,17 +1175,18 @@ declare const AccordionHeader: react.ForwardRefExoticComponent<AccordionHeaderPr
 type AccordionBodyProps = Omit<BaseComponentPropsWithChildren<HTMLDivElement>, 'id'>;
 declare const AccordionBody: react.ForwardRefExoticComponent<AccordionBodyProps & react.RefAttributes<HTMLDivElement>>;
 
-interface BackLinkProps {
+type BackLinkProps = {
     /**
      * Ledetekst.
      */
     label: string;
+} & Pick<ComponentProps<'a'>, 'onClick' | 'href'>;
+declare const BackLink: react.ForwardRefExoticComponent<{
     /**
-     * URL til forrige nivå.
+     * Ledetekst.
      */
-    href: string;
-}
-declare const BackLink: react.ForwardRefExoticComponent<BackLinkProps & react.RefAttributes<HTMLElement>>;
+    label: string;
+} & Pick<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "onClick" | "href"> & react.RefAttributes<HTMLElement>>;
 
 type BreadcrumbProps = HTMLAttributes<HTMLSpanElement> | AnchorHTMLAttributes<HTMLAnchorElement>;
 declare const Breadcrumb: react.ForwardRefExoticComponent<BreadcrumbProps & react.RefAttributes<HTMLElement>>;
@@ -2454,6 +2455,10 @@ type PopoverProps = BaseComponentPropsWithChildren<HTMLDivElement, {
     sizeProps?: PopoverSizeProps;
     /** **OBS!** Propen settes automatisk av `<PopoverGroup />`. Funksjon kjørt ved lukking. */
     onClose?: () => void;
+    /** Om focus skal returneres ved `blur`
+     * @default true
+     */
+    returnFocusOnBlur?: boolean;
 }>;
 declare const Popover: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
     /**Tittel. */
@@ -2484,6 +2489,10 @@ declare const Popover: react.ForwardRefExoticComponent<Pick<react.HTMLAttributes
     sizeProps?: PopoverSizeProps;
     /** **OBS!** Propen settes automatisk av `<PopoverGroup />`. Funksjon kjørt ved lukking. */
     onClose?: () => void;
+    /** Om focus skal returneres ved `blur`
+     * @default true
+     */
+    returnFocusOnBlur?: boolean;
 } & {
     children?: ReactNode | undefined;
 } & {

package/dist/index.js

@@ -4911,19 +4911,21 @@ var BackLink_default = {
 
 // src/components/BackLink/BackLink.tsx
 var import_jsx_runtime181 = require("react/jsx-runtime");
-var BackLink = (0, import_react30.forwardRef)((props, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("nav", { ref, "aria-label": "g\xE5 tilbake", children: /* @__PURE__ */ (0, import_jsx_runtime181.jsxs)(Link, { href: props.href, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(
-      Icon,
-      {
-        icon: ArrowLeftIcon,
-        iconSize: "small",
-        className: BackLink_default.icon
-      }
-    ),
-    props.label
-  ] }) });
-});
+var BackLink = (0, import_react30.forwardRef)(
+  ({ label, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("nav", { ref, "aria-label": "G\xE5 tilbake", children: /* @__PURE__ */ (0, import_jsx_runtime181.jsxs)(Link, { ...props, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(
+        Icon,
+        {
+          icon: ArrowLeftIcon,
+          iconSize: "small",
+          className: BackLink_default.icon
+        }
+      ),
+      label
+    ] }) });
+  }
+);
 BackLink.displayName = "BackLink";
 
 // src/components/Breadcrumbs/Breadcrumb.tsx
@@ -11298,6 +11300,7 @@ var Popover = (0, import_react111.forwardRef)(
       placement = "bottom",
       offset = import_dds_design_tokens16.ddsTokens.ddsSpacingX05NumberPx,
       sizeProps,
+      returnFocusOnBlur = true,
       id,
       className,
       htmlProps = {},
@@ -11310,7 +11313,7 @@ var Popover = (0, import_react111.forwardRef)(
     });
     refs.setReference(anchorElement || null);
     const popoverRef = useReturnFocusOnBlur(
-      isOpen && hasTransitionedIn,
+      isOpen && hasTransitionedIn && returnFocusOnBlur,
       () => {
         onClose && onClose();
         onBlur && onBlur();