New source found from dndbeyond.com

ddb_main/tools/js/smartComponents/DiceRollGroup/DiceRoll/DiceRollActionNode/DiceRollActionNode.tsx

@@ -2,9 +2,11 @@ import React from "react";
 
 import { HtmlSelectOption } from "@dndbeyond/character-rules-engine/es";
 
+import { Select } from "~/components/Select";
+
 import { DataLoadingStatusEnum } from "../../../componentConstants";
 import { Button } from "../../../legacy/Button";
-import { Select } from "../../../legacy/Select";
+import styles from "./styles.module.css";
 
 export interface DiceRollActionNodeProps {
   rollKey: string;
@@ -15,7 +17,7 @@ export interface DiceRollActionNodeProps {
   rollButtonText?: string;
   selectPlaceholderText?: string;
   onRoll: () => void;
-  onChange?: (newValue: string | null) => void;
+  onChange?: (newValue: string | number) => void;
 }
 const DiceRollActionNode: React.FunctionComponent<DiceRollActionNodeProps> = ({
   rollKey,
@@ -31,11 +33,13 @@ const DiceRollActionNode: React.FunctionComponent<DiceRollActionNodeProps> = ({
   if (options?.length && rollTotal !== null) {
     return (
       <Select
+        className={styles.select}
         id={rollKey}
         value={assignedValue}
         options={options}
         placeholder={selectPlaceholderText}
         onChange={onChange}
+        name={rollKey}
       />
     );
   }

ddb_main/tools/js/smartComponents/DiceRollGroup/DiceRoll/DiceRollActionNode/index.ts

@@ -0,0 +1,8 @@
+import DiceRollActionNode from "./DiceRollActionNode";
+
+//Props typings
+export * from "./DiceRollActionNode";
+
+export { DiceRollActionNode };
+
+export default DiceRollActionNode;