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

package/dist/index.d.mts

@@ -2757,6 +2757,7 @@ declare const Tabs: {
     displayName: string;
 };
 
+type PickedAttributes = Pick<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'onKeyDown'>;
 type TabProps = BaseComponentPropsWithChildren<HTMLButtonElement, {
     /**Spesifiserer om fanen er aktiv.
      * @default false
@@ -2774,7 +2775,7 @@ type TabProps = BaseComponentPropsWithChildren<HTMLButtonElement, {
      * @default "1fr"
      */
     width?: CSS.Properties['width'];
-} & Pick<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'onKeyDown'>, Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'onKeyDown'>>;
+} & PickedAttributes, Omit<ButtonHTMLAttributes<HTMLButtonElement>, keyof PickedAttributes>>;
 declare const Tab: {
     ({ active, icon, children, focus, setFocus, index, onClick, onKeyDown, id, className, htmlProps, width, ref, ...rest }: TabProps): react_jsx_runtime.JSX.Element;
     displayName: string;

package/dist/index.d.ts

@@ -2757,6 +2757,7 @@ declare const Tabs: {
     displayName: string;
 };
 
+type PickedAttributes = Pick<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'onKeyDown'>;
 type TabProps = BaseComponentPropsWithChildren<HTMLButtonElement, {
     /**Spesifiserer om fanen er aktiv.
      * @default false
@@ -2774,7 +2775,7 @@ type TabProps = BaseComponentPropsWithChildren<HTMLButtonElement, {
      * @default "1fr"
      */
     width?: CSS.Properties['width'];
-} & Pick<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'onKeyDown'>, Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'onKeyDown'>>;
+} & PickedAttributes, Omit<ButtonHTMLAttributes<HTMLButtonElement>, keyof PickedAttributes>>;
 declare const Tab: {
     ({ active, icon, children, focus, setFocus, index, onClick, onKeyDown, id, className, htmlProps, width, ref, ...rest }: TabProps): react_jsx_runtime.JSX.Element;
     displayName: string;

package/dist/index.js

@@ -587,6 +587,9 @@ var spaceSeparatedIdListGenerator = (values) => {
   return filtered.length > 0 ? filtered.join(" ") : void 0;
 };
 
+// src/utils/object.tsx
+var isEmpty = (obj) => Object.keys(obj).length === 0 && obj.constructor === Object;
+
 // src/utils/readonlyEventHandlers.tsx
 var readOnlyMouseDownHandler = (readOnly, onMouseDown) => {
   return (evt) => {
@@ -3177,7 +3180,7 @@ var AccordionContextProvider = ({
 };
 var useAccordionContext = () => {
   const context = (0, import_react13.useContext)(AccordionContext);
-  if (!context) {
+  if (isEmpty(context)) {
     throw new Error(
       "useAccordionContext must be used within a AccordionContextProvider. Have you wrapped <AccordionHeader> and <AccordionBody> inside a <Accordion>, or <CardAccordionHeader> and <CardAccordionBody> inside a <CardAccordion>?"
     );
@@ -3240,7 +3243,7 @@ var AccordionHeader = ({
   ...rest
 }) => {
   const { isExpanded, headerProps } = useAccordionContext();
-  const { id, ...restHeaderProps } = headerProps;
+  const { id, ...restHeaderProps } = headerProps != null ? headerProps : {};
   return /* @__PURE__ */ (0, import_jsx_runtime180.jsxs)(
     "button",
     {
@@ -3305,7 +3308,12 @@ var AccordionBody = ({
   ...rest
 }) => {
   const { bodyContentRef, bodyProps } = useAccordionContext();
-  const { className: bodyContextCn, id, height, ...restBodyProps } = bodyProps;
+  const {
+    className: bodyContextCn,
+    id,
+    height,
+    ...restBodyProps
+  } = bodyProps != null ? bodyProps : {};
   const styleVariables = {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     ["--dds-card-accordion-body-height"]: height + "px"
@@ -3336,14 +3344,7 @@ var BackLink_default = {
 var import_jsx_runtime182 = require("react/jsx-runtime");
 var BackLink = ({ label, ref, ...rest }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("nav", { ref, "aria-label": "G\xE5 tilbake", children: /* @__PURE__ */ (0, import_jsx_runtime182.jsxs)(Link, { ...rest, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(
-      Icon,
-      {
-        icon: ArrowLeftIcon,
-        iconSize: "inherit",
-        className: BackLink_default.icon
-      }
-    ),
+    /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(Icon, { icon: ArrowLeftIcon, iconSize: "inherit", className: BackLink_default.icon }),
     label
   ] }) });
 };
@@ -3930,16 +3931,13 @@ var OverflowMenuGroup = ({
     handleClose();
   });
   const Children7 = import_react20.Children.map(children, (child, childIndex) => {
-    return (0, import_react20.isValidElement)(child) && (childIndex === 0 ? (0, import_react20.cloneElement)(
-      child,
-      {
-        "aria-haspopup": "menu",
-        "aria-controls": uniqueOverflowMenuId,
-        "aria-expanded": isOpen,
-        onClick: handleToggle,
-        ref: combinedAnchorRef
-      }
-    ) : child);
+    return (0, import_react20.isValidElement)(child) && (childIndex === 0 ? (0, import_react20.cloneElement)(child, {
+      "aria-haspopup": "menu",
+      "aria-controls": uniqueOverflowMenuId,
+      "aria-expanded": isOpen,
+      onClick: handleToggle,
+      ref: combinedAnchorRef
+    }) : child);
   });
   return /* @__PURE__ */ (0, import_jsx_runtime195.jsx)(
     OverflowMenuContextProvider,
@@ -4203,7 +4201,7 @@ var CardExpandableHeader = ({
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     ["--dds-card-accordion-header-container-padding"]: padding != null ? padding : "var(--dds-spacing-x1) var(--dds-spacing-x0-75) var(--dds-spacing-x1) var(--dds-spacing-x1-5)"
   };
-  const { id, ...restHeaderProps } = headerProps;
+  const { id, ...restHeaderProps } = headerProps != null ? headerProps : {};
   return /* @__PURE__ */ (0, import_jsx_runtime200.jsx)(
     "button",
     {
@@ -4269,7 +4267,12 @@ var CardExpandableBody = ({
   ...rest
 }) => {
   const { bodyContentRef, bodyProps } = useAccordionContext();
-  const { className: bodyContextCn, id, height, ...restBodyProps } = bodyProps;
+  const {
+    className: bodyContextCn,
+    id,
+    height,
+    ...restBodyProps
+  } = bodyProps != null ? bodyProps : {};
   const styleVariables = {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     ["--dds-card-accordion-body-height"]: height + "px"
@@ -5535,9 +5538,7 @@ var Drawer = ({
       return () => handleElementWithBackdropUnmount(document.body);
     }
   }, [isOpen]);
-  const elements = [
-    drawerRef.current
-  ];
+  const elements = [drawerRef.current];
   if (triggerEl) elements.push(triggerEl);
   useOnClickOutside(elements, () => {
     if (isOpen && !withBackdrop) {
@@ -5657,16 +5658,13 @@ var DrawerGroup = ({
     }
   });
   const Children7 = import_react38.Children.map(children, (child, childIndex) => {
-    return (0, import_react38.isValidElement)(child) && (childIndex === 0 ? (0, import_react38.cloneElement)(
-      child,
-      {
-        "aria-haspopup": "dialog",
-        "aria-controls": uniqueDrawerId,
-        "aria-expanded": isOpen,
-        ref: triggerRef,
-        onClick: handleOpen
-      }
-    ) : child);
+    return (0, import_react38.isValidElement)(child) && (childIndex === 0 ? (0, import_react38.cloneElement)(child, {
+      "aria-haspopup": "dialog",
+      "aria-controls": uniqueDrawerId,
+      "aria-expanded": isOpen,
+      ref: triggerRef,
+      onClick: handleOpen
+    }) : child);
   });
   return /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(
     DrawerContext,
@@ -8440,38 +8438,32 @@ var DDSInput = (props, ariaInvalid, ariaDescribedby) => /* @__PURE__ */ (0, impo
 );
 var DDSControl = (props, componentSize, readOnly, icon, dataTestId) => {
   const { className, ...rest } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime267.jsx)(
-    "div",
+  return /* @__PURE__ */ (0, import_jsx_runtime267.jsx)("div", { "data-testid": dataTestId ? dataTestId + "-control" : void 0, children: /* @__PURE__ */ (0, import_jsx_runtime267.jsxs)(
+    Control,
     {
-      "data-testid": dataTestId ? dataTestId + "-control" : void 0,
-      children: /* @__PURE__ */ (0, import_jsx_runtime267.jsxs)(
-        Control,
-        {
-          ...rest,
-          className: cn(
-            className,
-            Select_default.control,
-            rest.isDisabled && Select_default["control--disabled"],
-            readOnly && Select_default["control--readonly"]
-          ),
-          children: [
-            icon && /* @__PURE__ */ (0, import_jsx_runtime267.jsx)(
-              Icon,
-              {
-                icon,
-                iconSize: getFormInputIconSize(componentSize),
-                className: cn(
-                  Input_default["input-group__absolute-element"],
-                  Select_default[`icon--${componentSize}`]
-                )
-              }
-            ),
-            props.children
-          ]
-        }
-      )
+      ...rest,
+      className: cn(
+        className,
+        Select_default.control,
+        rest.isDisabled && Select_default["control--disabled"],
+        readOnly && Select_default["control--readonly"]
+      ),
+      children: [
+        icon && /* @__PURE__ */ (0, import_jsx_runtime267.jsx)(
+          Icon,
+          {
+            icon,
+            iconSize: getFormInputIconSize(componentSize),
+            className: cn(
+              Input_default["input-group__absolute-element"],
+              Select_default[`icon--${componentSize}`]
+            )
+          }
+        ),
+        props.children
+      ]
     }
-  );
+  ) });
 };
 
 // src/components/Select/Select.tsx
@@ -8763,7 +8755,7 @@ var Pagination = ({
   };
   const listItems = items.length > 0 ? items.map((item, i) => {
     const isActive = item === activePage;
-    return /* @__PURE__ */ (0, import_jsx_runtime270.jsx)("li", { className: Pagination_default.list__item, children: item !== "truncator" ? /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime270.jsx)("li", { className: Pagination_default.list__item, children: item !== "truncator" && typeof item === "number" ? /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(
       Button,
       {
         purpose: isActive ? "primary" : "secondary",
@@ -9662,7 +9654,7 @@ var Popover = ({
     isOpen: contextIsOpen,
     anchorEl: contextAnchorEl
   } = context;
-  const hasContext = contextPopoverId !== void 0;
+  const hasContext = !isEmpty(context);
   const generatedId = (0, import_react61.useId)();
   const uniquePopoverId = id != null ? id : `${generatedId}-popover`;
   const [
@@ -9817,16 +9809,13 @@ var PopoverGroup = ({
   });
   const isAnchorChild = (i) => i === 0;
   const Children7 = import_react62.Children.map(children, (child, childIndex) => {
-    return (0, import_react62.isValidElement)(child) && (isAnchorChild(childIndex) ? (0, import_react62.cloneElement)(
-      child,
-      {
-        "aria-haspopup": "dialog",
-        "aria-controls": uniquePopoverId,
-        "aria-expanded": open,
-        onClick: handleToggle,
-        ref: combinedAnchorRef
-      }
-    ) : child);
+    return (0, import_react62.isValidElement)(child) && (isAnchorChild(childIndex) ? (0, import_react62.cloneElement)(child, {
+      "aria-haspopup": "dialog",
+      "aria-controls": uniquePopoverId,
+      "aria-expanded": open,
+      onClick: handleToggle,
+      ref: combinedAnchorRef
+    }) : child);
   });
   return /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(
     PopoverContext,
@@ -11674,7 +11663,7 @@ var Tab = ({
   onKeyDown,
   id,
   className,
-  htmlProps,
+  htmlProps = {},
   width = "1fr",
   ref,
   ...rest
@@ -11683,6 +11672,8 @@ var Tab = ({
   const itemRef = (0, import_react86.useRef)(null);
   const combinedRef = useCombinedRef(ref, itemRef);
   const { tabContentDirection, size: size2 } = useTabsContext();
+  const { type = "button", ...restHtmlProps } = htmlProps;
+  const fixedHtmlProps = { type, ...restHtmlProps };
   (0, import_react86.useEffect)(() => {
     var _a;
     if (focus) {
@@ -11696,11 +11687,11 @@ var Tab = ({
   }, [index, setFocus]);
   const handleOnClick = (e) => {
     handleSelect();
-    onClick && onClick(e);
+    onClick == null ? void 0 : onClick(e);
   };
   const handleOnKeyDown = (e) => {
     handleSelect();
-    onKeyDown && onKeyDown(e);
+    onKeyDown == null ? void 0 : onKeyDown(e);
   };
   return /* @__PURE__ */ (0, import_jsx_runtime302.jsxs)(
     "button",
@@ -11716,7 +11707,7 @@ var Tab = ({
           typographyStyles_default[`body-${size2}`],
           focus_default["focusable--inset"]
         ),
-        htmlProps,
+        fixedHtmlProps,
         rest
       ),
       ref: combinedRef,
@@ -11766,6 +11757,7 @@ var TabList = ({
     return (0, import_react87.isValidElement)(child) && (0, import_react87.cloneElement)(child, {
       id: `${tabsId}-tab-${index}`,
       htmlProps: {
+        ...child.props.htmlProps,
         "aria-controls": `${tabsId}-panel-${index}`
       },
       active: activeTab === index,