message: Bug Allow clicking on column labels on column management dialog
diff: @@ -26,24 +26,28 @@ const readOnlyColumns = new Set([NAME_COLUMN_ID]);
  const DataListRow: React.FC<DataListRowProps> = ({
  checkedColumns,
  column,
  - onChange,
  disableUncheckedRow,
  -}) => (
  + onClick,
  +}) => {
  + const isColumnIdDisabled = (id: string) => {
  + return (disableUncheckedRow && !checkedColumns.has(id)) || readOnlyColumns.has(id);
  + };
  +
  + return (
  <DataListItem
  aria-labelledby={`table-column-management-item-${column.id}`}
  key={column.id}
  className="pf-c-data-list__item--transparent-bg"
  + id={isColumnIdDisabled(column.id) ? '' : column.id}
  + onClick={onClick}
  >
  <DataListItemRow>
  <DataListCheck
  - isDisabled={
  - (disableUncheckedRow && !checkedColumns.has(column.id)) || readOnlyColumns.has(column.id)
  - }
  + isDisabled={isColumnIdDisabled(column.id)}
  aria-labelledby={`table-column-management-item-${column.id}`}
  checked={checkedColumns.has(column.id)}
  name={column.title}
  id={column.id}
  - onChange={onChange}
  />
  <DataListItemCells
  dataListCells={[
  @@ -55,6 +59,7 @@ const DataListRow: React.FC<DataListRowProps> = ({
  </DataListItemRow>
  </DataListItem>
  );
  +};
  export const ColumnManagementModal: React.FC<ColumnManagementModalProps &
  WithUserSettingsCompatibilityProps<object>> = ({
  @@ -73,9 +78,12 @@ export const ColumnManagementModal: React.FC<ColumnManagementModalProps &
  : new Set(defaultColumns.map((col) => col.id)),
  );
  - const onColumnChange = (checked: boolean, event: React.SyntheticEvent): void => {
  - const updatedCheckedColumns = new Set<string>(checkedColumns);
  + const onRowClick = (event: React.SyntheticEvent): void => {
  const selectedId = event?.currentTarget?.id;
  + if (!selectedId) {
  + return;
  + }
  + const updatedCheckedColumns = new Set<string>(checkedColumns);
  updatedCheckedColumns.has(selectedId)
  ? updatedCheckedColumns.delete(selectedId)
  : updatedCheckedColumns.add(selectedId);
  @@ -135,10 +143,10 @@ export const ColumnManagementModal: React.FC<ColumnManagementModalProps &
  {defaultColumns.map((defaultColumn) => (
  <DataListRow
  key={defaultColumn.id}
  - onChange={onColumnChange}
  disableUncheckedRow={areMaxColumnsDisplayed}
  column={defaultColumn}
  checkedColumns={checkedColumns}
  + onClick={onRowClick}
  />
  ))}
  </DataList>
  @@ -153,10 +161,10 @@ export const ColumnManagementModal: React.FC<ColumnManagementModalProps &
  {additionalColumns.map((additionalColumn) => (
  <DataListRow
  key={additionalColumn.id}
  - onChange={onColumnChange}
  disableUncheckedRow={areMaxColumnsDisplayed}
  column={additionalColumn}
  checkedColumns={checkedColumns}
  + onClick={onRowClick}
  />
  ))}
  </DataList>
  @@ -191,9 +199,9 @@ ColumnManagementModal.displayName = 'ColumnManagementModal';
  type DataListRowProps = {
  column: ManagedColumn;
  - onChange: (checked: boolean, event: React.SyntheticEvent) => void;
  disableUncheckedRow: boolean;
  checkedColumns: Set<string>;
  + onClick: (event: React.SyntheticEvent) => void;
  };
  export type ColumnManagementModalProps = {
  