remove selection interaction from categorical value label (#847)

client/src/components/categorical/value.js

@@ -131,6 +131,7 @@ class CategoryValue extends React.Component {
             justifyContent: "space-between"
           }}
         >
+          <div style={{ display: "flex" }}>
             <label className="bp3-control bp3-checkbox" style={{ margin: 0 }}>
               <input
                 onChange={selected ? this.toggleOff : this.toggleOn}
@@ -144,6 +145,7 @@ class CategoryValue extends React.Component {
                 onMouseEnter={this.handleMouseExit}
                 onMouseLeave={this.handleMouseEnter}
               />
+            </label>
             <span
               data-testid={`categorical-value-${metadataField}-${displayString}`}
               data-testclass="categorical-value"
@@ -151,7 +153,7 @@ class CategoryValue extends React.Component {
             >
               {displayString}
             </span>
-          </label>
+          </div>
           <span style={{ flexShrink: 0 }}>
             {colorAccessor && !isColorBy ? (
               <Occupancy category={category} {...this.props} />