diff --git a/query-connector/src/app/query/components/customizeQuery/CustomizeQueryAccordionHeader.tsx b/query-connector/src/app/query/components/customizeQuery/CustomizeQueryAccordionHeader.tsx index 3eeaf5e5b..12152498f 100644 --- a/query-connector/src/app/query/components/customizeQuery/CustomizeQueryAccordionHeader.tsx +++ b/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"; diff --git a/query-connector/src/app/query/components/customizeQuery/vanityCheckbox/CustomizeQueryCheckbox.tsx b/query-connector/src/app/query/components/customizeQuery/vanityCheckbox/CustomizeQueryCheckbox.tsx index ee7c57664..4f335c793 100644 --- a/query-connector/src/app/query/components/customizeQuery/vanityCheckbox/CustomizeQueryCheckbox.tsx +++ b/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 = ({ id, - label, checked, onChange, - className, isHeader, }) => { return ( ); }; diff --git a/query-connector/src/app/query/designSystem/checkbox/Checkbox.tsx b/query-connector/src/app/query/designSystem/checkbox/Checkbox.tsx index 450f18d74..b4ebe51ba 100644 --- a/query-connector/src/app/query/designSystem/checkbox/Checkbox.tsx +++ b/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 = ({