New source found from dndbeyond.com

ddb_main/tools/js/Shared/components/InfusionChoiceManager/InfusionChoiceManager.tsx

@@ -2,7 +2,7 @@ import axios, { Canceler } from "axios";
 import { orderBy } from "lodash";
 import * as React from "react";
 
-import { LoadingPlaceholder, Select } from "@dndbeyond/character-components/es";
+import { LoadingPlaceholder } from "@dndbeyond/character-components/es";
 import {
   ApiAdapterPromise,
   ApiAdapterRequestConfig,
@@ -32,6 +32,7 @@ import {
 } from "@dndbeyond/character-rules-engine/es";
 
 import { HtmlContent } from "~/components/HtmlContent";
+import { Select } from "~/components/Select";
 
 import DataLoadingStatusEnum from "../../constants/DataLoadingStatusEnum";
 import { AppLoggerUtils, TypeScriptUtils } from "../../utils";
@@ -121,9 +122,6 @@ class InfusionChoiceManager extends React.PureComponent<Props, State> {
       infusionChoices,
       inventoryManager,
       loadAvailableInfusions,
-      globalModifiers,
-      typeValueLookup,
-      ruleData,
       onDefinitionsLoaded,
     } = this.props;
 
@@ -406,11 +404,12 @@ class InfusionChoiceManager extends React.PureComponent<Props, State> {
       contentNode = (
         <Select
           options={groups}
-          onChangePromise={this.handleChoiceItemChangePromise.bind(
+          onChangeConfirm={this.handleChoiceItemChangePromise.bind(
             this,
             infusionChoice
           )}
           value={selectedValue}
+          name="infusion-replicate-item-select"
         />
       );
     }
@@ -575,12 +574,13 @@ class InfusionChoiceManager extends React.PureComponent<Props, State> {
           placeholder={`- Choose a Level ${InfusionChoiceUtils.getLevel(
             infusionChoice
           )} Option -`}
-          onChangePromise={onChangePromise.bind(this, choiceKey)}
+          onChangeConfirm={onChangePromise.bind(this, choiceKey)}
           value={
             knownInfusionDefinitionKey === null
               ? null
               : DefinitionUtils.getDefinitionKeyId(knownInfusionDefinitionKey)
           }
+          name="infusion-choice-select"
         />
         {this.renderInfusionReplicateItemChoice(infusionChoice)}
         {warningNode}
@@ -603,11 +603,11 @@ class InfusionChoiceManager extends React.PureComponent<Props, State> {
       contentNode = <LoadingPlaceholder />;
     } else {
       contentNode = (
-        <React.Fragment>
+        <>
           {infusionChoices.map((infusionChoice) =>
             this.renderInfusionChoice(infusionChoice)
           )}
-        </React.Fragment>
+        </>
       );
     }