lint

query-connector/src/app/query/components/customizeQuery/CustomizeQueryAccordionHeader.tsx

@@ -1,4 +1,3 @@
-import { Icon } from "@trussworks/react-uswds";
 import styles from "./customizeQuery.module.css";
 import { GroupedValueSet } from "./customizeQueryUtils";
 import CustomizeQueryCheckbox from "./vanityCheckbox/CustomizeQueryCheckbox";

query-connector/src/app/query/components/customizeQuery/vanityCheckbox/CustomizeQueryCheckbox.tsx

@@ -7,25 +7,28 @@ import styles from "./checkbox.module.css";
 type VanityCheckboxProps = CheckboxProps & {
   isHeader?: boolean;
 };
+/**
+ * Vanity component wrapper around the checkbox component for the query customization
+ * checkboxes
+ * @param root0
+ * @param root0.id - ID for checkbox
+ * @param root0.checked - whether the checkbox is checked
+ * @param root0.onChange - handler for when the checkbox is clicked
+ * @param root0.isHeader - whether the checkbox is in the header
+ * @returns A checkbox for the customize query page
+ */
 const CustomizeQueryCheckbox: React.FC<VanityCheckboxProps> = ({
   id,
-  label,
   checked,
   onChange,
-  className,
   isHeader,
 }) => {
   return (
     <Checkbox
       id={id}
-      label={label}
       checked={checked}
       onChange={onChange}
-      className={classNames(
-        className,
-        styles.vanity,
-        isHeader ? styles.vanityHeader : "",
-      )}
+      className={classNames(styles.vanity, isHeader ? styles.vanityHeader : "")}
     />
   );
 };

query-connector/src/app/query/designSystem/checkbox/Checkbox.tsx

@@ -19,6 +19,8 @@ export type CheckboxProps = {
  * @param root0.className Optional styling classes
  * @param root0.onClick Event listener for checkbox click
  * @param root0.checked Boolean indicating whether the checkbox is checked
+ * @param root0.onChange - Event listener for checkbox change. Use this one
+ * over onClick if the component is controlled (ie checked is passed in)
  * @returns A checkbox styled according to our design system
  */
 const Checkbox: React.FC<CheckboxProps> = ({