chore(app): create ff for exposing multi GEN2 pipettes (#4364)

.eslintrc.js

@@ -24,6 +24,7 @@ module.exports = {
     'react/display-name': 'off',
     'react-hooks/rules-of-hooks': 'error',
     'react-hooks/exhaustive-deps': 'warn',
+    'no-extra-boolean-cast': 'off',
   },
 
   globals: {},

app/src/components/ChangePipette/PipetteSelection.js

@@ -1,7 +1,9 @@
 // @flow
 import * as React from 'react'
+import { useSelector } from 'react-redux'
 
 import { PipetteSelect } from '@opentrons/components'
+import { getConfig } from '../../config'
 import styles from './styles.css'
 
 const LABEL = 'Select the pipette you wish to attach:'
@@ -11,7 +13,10 @@ export type PipetteSelectionProps = {
 }
 
 export default function PipetteSelection(props: PipetteSelectionProps) {
-  const nameBlacklist = ['p20_multi_gen2', 'p300_multi_gen2']
+  const config = useSelector(getConfig)
+  const nameBlacklist = Boolean(config.devInternal?.enableMultiGEN2)
+    ? []
+    : ['p20_multi_gen2', 'p300_multi_gen2']
   return (
     <label className={styles.pipette_selection}>
       <span className={styles.pipette_selection_label}>{LABEL}</span>

app/src/config/index.js

@@ -14,8 +14,8 @@ export * from './types'
 
 export const DEV_INTERNAL_FLAGS: Array<DevInternalFlag> = [
   'allPipetteConfig',
-  'tempdeckControls',
   'customLabware',
+  'enableMultiGEN2',
 ]
 
 // trigger a config value update to the app-shell via shell middleware

app/src/config/types.js

@@ -9,8 +9,8 @@ export type DiscoveryCandidates = string | Array<string>
 
 export type DevInternalFlag =
   | 'allPipetteConfig'
-  | 'tempdeckControls'
   | 'customLabware'
+  | 'enableMultiGEN2'
 
 export type FeatureFlags = $Shape<{|
   [DevInternalFlag]: boolean | void,