@opalkelly/frontpanel-react-components 0.4.0 → 0.5.0

package/src/stories/decorators/FrontPanel.decorator.tsx

@@ -11,26 +11,28 @@ import type { Decorator } from "@storybook/react";
 
 import { FrontPanel } from "../../components";
 
-import { MockFrontPanel, ByteCount } from "@opalkelly/frontpanel-platform-api";
+import { MockFrontPanel, ByteCount, WorkQueue } from "@opalkelly/frontpanel-platform-api";
 
-const mockDevice: MockFrontPanel = new MockFrontPanel(32, 32);
+const mockFPGADataPort: MockFrontPanel = new MockFrontPanel(32, 32);
+
+const deviceWorkQueue: WorkQueue = new WorkQueue();
 
 const InitializeMockDevice = () => {
     // Initialize the WireOuts with unique values.
-    const wireOutBlock = mockDevice.WireOutBlock;
+    const wireOutBlock = mockFPGADataPort.WireOutBlock;
 
     let byteId: ByteCount = 0;
 
-    for (let elementIndex = 0; elementIndex < wireOutBlock.Count; elementIndex++) {
+    for (let elementIndex = 0; elementIndex < wireOutBlock.count; elementIndex++) {
         let elementValue: number = byteId++;
         for (let byteIndex = 1; byteIndex < 4; byteIndex++) {
             elementValue |= byteId++ << (8 * byteIndex);
         }
 
-        wireOutBlock.SetValue(
-            wireOutBlock.BaseAddress + elementIndex,
+        wireOutBlock.setValue(
+            wireOutBlock.baseAddress + elementIndex,
             elementValue,
-            wireOutBlock.Mask
+            wireOutBlock.mask
         );
     }
 };
@@ -38,7 +40,7 @@ const InitializeMockDevice = () => {
 const withFrontPanel: Decorator = (Story) => {
     InitializeMockDevice();
     return (
-        <FrontPanel device={mockDevice}>
+        <FrontPanel fpgaDataPort={mockFPGADataPort} workQueue={deviceWorkQueue}>
             <Story />
         </FrontPanel>
     );