@opalkelly/frontpanel-react-components 0.2.0 → 0.3.0

package/src/components/FrontPanelPushButton/FrontPanelPushButton.tsx

@@ -52,8 +52,8 @@ const FrontPanelPushButton = React.forwardRef<
     const targetWireBitMask = 1 << fpEndpoint.bitOffset;
 
     const onButtonUp = React.useCallback(async (): Promise<void> => {
-        if (device != null && workQueue != null) {
-            await workQueue.Post(async () => {
+        if ((device != null) && (workQueue != null)) {
+            await workQueue.post(async () => {
                 device.setWireInValue(fpEndpoint.epAddress, 0, targetWireBitMask);
                 await device.updateWireIns();
             });
@@ -61,8 +61,8 @@ const FrontPanelPushButton = React.forwardRef<
     }, [device, workQueue, fpEndpoint, targetWireBitMask, workQueue]);
 
     const onButtonDown = React.useCallback(async (): Promise<void> => {
-        if (device != null && workQueue != null) {
-            await workQueue.Post(async () => {
+        if ((device != null) && (workQueue != null)) {
+            await workQueue.post(async () => {
                 device.setWireInValue(fpEndpoint.epAddress, 0xffffffff, targetWireBitMask);
                 await device.updateWireIns();
             });
@@ -73,7 +73,7 @@ const FrontPanelPushButton = React.forwardRef<
         <Button
             {...buttonProps}
             ref={forwardedRef}
-            disabled={disabled || device == null}
+            disabled={disabled || (device == null)}
             onButtonUp={onButtonUp}
             onButtonDown={onButtonDown}
         />

package/src/components/FrontPanelRangeSlider/FrontPanelRangeSlider.tsx

@@ -64,7 +64,7 @@ const FrontPanelRangeSlider = React.forwardRef<
 
     const onUpdateWireValue = React.useCallback(
         (sender?: IFrontPanel): void => {
-            if (sender != null && workQueue != null) {
+            if ((sender != null) && (workQueue != null)) {
                 const sourceWireValue = sender.getWireInValue(fpEndpoint.epAddress);
                 const sourceValue =
                     (BigInt(sourceWireValue) & targetWireBitMask) >> BigInt(fpEndpoint.bitOffset);
@@ -78,8 +78,8 @@ const FrontPanelRangeSlider = React.forwardRef<
 
     const onSelectedValueChangeHandler = React.useCallback(
         (value: number) => {
-            if (device != null && workQueue != null) {
-                workQueue.Post(async () => {
+            if ((device != null) && (workQueue != null)) {
+                workQueue.post(async () => {
                     device.setWireInValue(
                         fpEndpoint.epAddress,
                         value << fpEndpoint.bitOffset,
@@ -100,7 +100,7 @@ const FrontPanelRangeSlider = React.forwardRef<
         <RangeSlider
             {...rootProps}
             ref={forwardedRef}
-            disabled={disabled || device == null}
+            disabled={disabled || (device == null)}
             defaultValue={Number(value)}
             maximumValue={maximumValue}
             onValueChange={onSelectedValueChangeHandler}

package/src/components/FrontPanelSelectEntry/FrontPanelSelectEntryRoot.tsx

@@ -68,7 +68,7 @@ const FrontPanelSelectEntryRoot: React.FC<FrontPanelSelectEntryRootCombinedProps
 
     const onUpdateWireValue = React.useCallback(
         (sender?: IFrontPanel): void => {
-            if (sender != null && workQueue != null) {
+            if ((sender != null) && (workQueue != null)) {
                 // Get the wire value for the endpoint
                 let sourceWireValue = sender.getWireInValue(fpEndpoint.epAddress);
                 let targetWireBitMask = targetWireSpanBitMask & 0xffffffffn;
@@ -82,8 +82,8 @@ const FrontPanelSelectEntryRoot: React.FC<FrontPanelSelectEntryRootCombinedProps
 
                     for (
                         let sourceWireAddress = fpEndpoint.epAddress + 1;
-                        sourceWireAddress <= WIREIN_ADDRESS_RANGE.Maximum &&
-                        currentWireSpanBitMask > 0n;
+                        (sourceWireAddress <= WIREIN_ADDRESS_RANGE.maximum) &&
+                        (currentWireSpanBitMask > 0n);
                         sourceWireAddress++
                     ) {
                         // Get the wire value for the next endpoint
@@ -108,9 +108,9 @@ const FrontPanelSelectEntryRoot: React.FC<FrontPanelSelectEntryRootCombinedProps
 
     const onSelectedValueChangeHandler = React.useCallback(
         (value: string) => {
-            if (device != null && workQueue != null) {
+            if ((device != null) && (workQueue != null)) {
                 const targetWireSpanValue = BigInt(value);
-                workQueue.Post(async () => {
+                workQueue.post(async () => {
                     let targetWireBitMask = targetWireSpanBitMask & 0xffffffffn;
                     let targetWireValue = Number(
                         (targetWireSpanValue << BigInt(fpEndpoint.bitOffset)) & targetWireBitMask
@@ -132,7 +132,7 @@ const FrontPanelSelectEntryRoot: React.FC<FrontPanelSelectEntryRootCombinedProps
 
                         for (
                             let wireIndex = 1;
-                            wireIndex < maxWireCount && currentWireSpanBitMask > 0n;
+                            (wireIndex < maxWireCount) && (currentWireSpanBitMask > 0n);
                             wireIndex++
                         ) {
                             targetWireBitMask = currentWireSpanBitMask & 0xffffffffn;
@@ -169,7 +169,7 @@ const FrontPanelSelectEntryRoot: React.FC<FrontPanelSelectEntryRootCombinedProps
     return (
         <SelectEntry.Root
             {...rootProps}
-            disabled={disabled || device == null}
+            disabled={disabled || (device == null)}
             value={value.toString()}
             onValueChange={onSelectedValueChangeHandler}
         />

package/src/components/FrontPanelToggleSwitch/FrontPanelToggleSwitch.tsx

@@ -59,7 +59,7 @@ const FrontPanelToggleSwitch = React.forwardRef<
 
     const onUpdateWireValue = React.useCallback(
         (sender?: IFrontPanel): void => {
-            if (sender != null && workQueue != null) {
+            if ((sender != null) && (workQueue != null)) {
                 // Set the toggle state based on the value of the target bit of the Wire endpoint
                 const sourceWireValue = sender.getWireInValue(fpEndpoint.epAddress);
                 const sourceBitValue = (sourceWireValue & targetWireBitMask) === targetWireBitMask;
@@ -74,8 +74,8 @@ const FrontPanelToggleSwitch = React.forwardRef<
 
     const onToggleStateChanged = React.useCallback(
         async (state: ToggleState): Promise<void> => {
-            if (device != null && workQueue != null) {
-                await workQueue.Post(async () => {
+            if ((device != null) && (workQueue != null)) {
+                await workQueue.post(async () => {
                     // Set the value of the target bit of the Wire endpoint based on the toggle state
                     const targetWireValue: WireValue = state === ToggleState.On ? 0xffffffff : 0;
 
@@ -98,7 +98,7 @@ const FrontPanelToggleSwitch = React.forwardRef<
         <ToggleSwitch
             ref={forwardedRef}
             {...buttonProps}
-            disabled={disabled || device == null}
+            disabled={disabled || (device == null)}
             state={state}
             onToggleStateChanged={onToggleStateChanged}
         />

package/src/components/FrontPanelTriggerButton/FrontPanelTriggerButton.tsx

@@ -52,8 +52,8 @@ const FrontPanelTriggerButton = React.forwardRef<
     const { fpEndpoint, disabled, ...buttonProps } = props;
 
     const onButtonDown = React.useCallback(async (): Promise<void> => {
-        if (device != null && workQueue != null) {
-            await workQueue.Post(async () => {
+        if ((device != null) && (workQueue != null)) {
+            await workQueue.post(async () => {
                 await device.activateTriggerIn(fpEndpoint.epAddress, fpEndpoint.bitOffset);
             });
         }
@@ -63,7 +63,7 @@ const FrontPanelTriggerButton = React.forwardRef<
         <Button
             {...buttonProps}
             ref={forwardedRef}
-            disabled={disabled || device == null}
+            disabled={disabled || (device == null)}
             onButtonDown={onButtonDown}
         />
     );

package/src/contexts/FrontPanelContext.ts

@@ -7,7 +7,11 @@
 
 import React from "react";
 
-import { IFrontPanel, IFrontPanelEventSource, WorkQueue } from "@opalkelly/frontpanel-alloy-core";
+import {
+    IFrontPanel,
+    IFrontPanelEventSource,
+    WorkQueue
+} from "@opalkelly/frontpanel-alloy-core";
 
 export type FrontPanelContextValue = {
     device?: IFrontPanel;