fix(dashboard): Checkbox adapter declares and forwards indeterminate (KEA-7886)

src/shared/components/Checkbox.tsx

@@ -5,6 +5,8 @@ import { Checkbox as KitCheckbox } from "@omniroute/ui-kit/checkbox";
 
 interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "type"> {
   label?: React.ReactNode;
+  /** The kit's "–" mixed state (a DOM property applied via ref, not an HTML attribute). */
+  indeterminate?: boolean;
 }
 
 /**
@@ -14,10 +16,18 @@ interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>
  * the native <input> as in the legacy Checkbox.
  */
 const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(function Checkbox(
-  { label, className, ...props },
+  { label, className, indeterminate, ...props },
   ref
 ) {
-  return <KitCheckbox ref={ref} label={label} className={className} {...props} />;
+  return (
+    <KitCheckbox
+      ref={ref}
+      label={label}
+      className={className}
+      indeterminate={indeterminate}
+      {...props}
+    />
+  );
 });
 
 export default Checkbox;

tests/unit/ui/adapters/textarea-checkbox.test.tsx

@@ -34,4 +34,18 @@ describe("Textarea / Checkbox adapters", () => {
     expect(container.querySelector("label")).toBeNull();
     expect(container.querySelector("input[type=checkbox]")).not.toBeNull();
   });
+
+  it("Checkbox forwards indeterminate to the kit's mixed state and clears it", () => {
+    const { getByLabelText, rerender } = render(
+      <Checkbox aria-label="all" checked={false} onChange={() => {}} indeterminate />
+    );
+    const box = getByLabelText("all") as HTMLInputElement;
+    expect(box.indeterminate).toBe(true);
+    expect(box.matches(":indeterminate")).toBe(true);
+    rerender(
+      <Checkbox aria-label="all" checked={false} onChange={() => {}} indeterminate={false} />
+    );
+    expect(box.indeterminate).toBe(false);
+    expect(box.matches(":indeterminate")).toBe(false);
+  });
 });