@norges-domstoler/dds-components 0.0.0-dev-20240904124610 → 0.0.0-dev-20240904130256

package/dist/index.js

@@ -10407,15 +10407,26 @@ var itemStateCn = {
 var getVisuallyHiddenText = (active, completed, index) => `${index + 1}, ${active ? "" : "Trinn, "}${completed ? "Ferdig, " : "Ikke ferdig, "}`;
 var ProgressTrackerItem = (props) => {
   const {
+    id,
+    className,
+    htmlProps,
     index = 0,
     completed = false,
     disabled = false,
+    onClick,
     icon,
-    children
+    children,
+    ...rest
   } = props;
   const { activeStep, handleStepChange } = useProgressTrackerContext();
   const active = activeStep === index;
   const itemState = toItemState(active, completed, disabled);
+  const handleClick = () => {
+    if (!disabled) {
+      onClick && onClick(index);
+      handleStepChange && handleStepChange(index);
+    }
+  };
   const stepNumberContent = (0, import_react107.useMemo)(() => {
     if (completed) {
       return /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(Icon, { icon: CheckIcon, iconSize: "small" });
@@ -10456,12 +10467,28 @@ var ProgressTrackerItem = (props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime266.jsx)("li", { "aria-current": active ? "step" : void 0, className: ProgressTracker_default.item, children: handleStepChange ? /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(
     "button",
     {
-      onClick: !disabled && handleStepChange ? () => handleStepChange(index) : void 0,
+      ...getBaseHTMLProps(
+        id,
+        cn(className, ProgressTracker_default["item-button"], focusable),
+        htmlProps,
+        rest
+      ),
+      onClick: () => handleClick(),
       disabled,
-      className: cn(ProgressTracker_default["item-button"], focusable),
       children: stepContent
     }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime266.jsx)("div", { className: cn(ProgressTracker_default["item-button"], ProgressTracker_default["item-div"]), children: stepContent }) });
+  ) : /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(
+    "div",
+    {
+      ...getBaseHTMLProps(
+        id,
+        cn(className, cn(ProgressTracker_default["item-button"], ProgressTracker_default["item-div"])),
+        htmlProps,
+        rest
+      ),
+      children: stepContent
+    }
+  ) });
 };
 ProgressTrackerItem.displayName = "ProgressTracker.Item";