@adcops/autocore-react 3.0.32 → 3.0.34

package/dist/components/IndicatorRect.js

@@ -1 +1,93 @@
-import{jsx as _jsx}from"react/jsx-runtime";import{Component}from"react";import{EventEmitterContext}from"../core/EventEmitterContext";import{IndicatorColor}from"../core/IndicatorColor";export{IndicatorColor};export class IndicatorRect extends Component{constructor(t){super(t),Object.defineProperty(this,"handleTopicUpdate",{enumerable:!0,configurable:!0,writable:!0,value:t=>{this.setState({currentValue:t})}}),this.state={currentValue:void 0}}componentDidMount(){this.setupSubscriptions()}componentWillUnmount(){}setupSubscriptions(){const{topic:t}=this.props,{subscribe:e}=this.context;t&&e(t,this.handleTopicUpdate)}render(){const{currentValue:t}=this.state,{className:e,style:o,value:r,onColor:n,offColor:i,options:c}=this.props;let a,l=t;void 0!==r&&(l=r),void 0!==c&&c.length>0&&(a=l?c[1]:c[0]);let s=l?n:i;return void 0===l&&(s=IndicatorColor.IndicatorInvalid),_jsx("div",{className:`indicator-rect ${e||""}`,style:{backgroundColor:s,color:"white",width:"100px",height:"100px",display:"flex",alignItems:"center",justifyContent:"center",...o},children:a})}}Object.defineProperty(IndicatorRect,"contextType",{enumerable:!0,configurable:!0,writable:!0,value:EventEmitterContext}),Object.defineProperty(IndicatorRect,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{onColor:IndicatorColor.IndicatorGreen,offColor:"gray"}});export default IndicatorRect;
+import { jsx as _jsx } from "react/jsx-runtime";
+/*
+ * Copyright (C) 2025 Automated Design Corp.. All Rights Reserved.
+ * Created Date: 2025-01-20 15:09:55
+ * -----
+ * Last Modified: 2025-01-20 15:10:06
+ * -----
+ *
+ */
+import { Component } from 'react';
+import { EventEmitterContext } from '../core/EventEmitterContext';
+import { IndicatorColor } from "../core/IndicatorColor";
+export { IndicatorColor };
+export class IndicatorRect extends Component {
+    constructor(props) {
+        super(props);
+        /**
+         * Handles updates for the main topic.
+         */
+        Object.defineProperty(this, "handleTopicUpdate", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (value) => {
+                this.setState({ currentValue: value });
+            }
+        });
+        this.state = {
+            currentValue: undefined,
+        };
+    }
+    componentDidMount() {
+        this.setupSubscriptions();
+    }
+    componentWillUnmount() {
+        // Unsubscribe logic if needed
+    }
+    /**
+     * Sets up subscriptions based on the provided topic.
+     */
+    setupSubscriptions() {
+        const { topic } = this.props;
+        const { subscribe } = this.context;
+        if (topic) {
+            subscribe(topic, this.handleTopicUpdate);
+        }
+    }
+    render() {
+        const { currentValue } = this.state;
+        const { className, style, value, onColor, offColor, options } = this.props;
+        // Load the value from the proper source
+        let displayValue = currentValue;
+        if (value !== undefined) {
+            displayValue = value;
+        }
+        // Determine the label and color based on the current state
+        let rectLabel = undefined;
+        if (options !== undefined && options.length > 0) {
+            rectLabel = displayValue ? options[1] : options[0];
+        }
+        let color = displayValue ? onColor : offColor;
+        if (displayValue === undefined) {
+            color = IndicatorColor.IndicatorInvalid;
+        }
+        return (_jsx("div", { className: `indicator-rect ${className || ""}`, style: {
+                backgroundColor: color,
+                color: "white",
+                width: "100px",
+                height: "100px",
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+                ...style,
+            }, children: rectLabel }));
+    }
+}
+Object.defineProperty(IndicatorRect, "contextType", {
+    enumerable: true,
+    configurable: true,
+    writable: true,
+    value: EventEmitterContext
+});
+// Define default props
+Object.defineProperty(IndicatorRect, "defaultProps", {
+    enumerable: true,
+    configurable: true,
+    writable: true,
+    value: {
+        onColor: IndicatorColor.IndicatorGreen,
+        offColor: "gray", // Default offColor
+    }
+});
+export default IndicatorRect;

package/dist/components/JogPanel.js

@@ -1 +1,295 @@
-import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import React from"react";import{Button}from"primereact/button";import{SelectButton}from"primereact/selectbutton";import{Tooltip}from"primereact/tooltip";import"./JogPanel.css";import{Distance,JogShort,JogMedium,JogLong}from"../assets";import{Speed,SpeedSlow,SpeedMedium,SpeedFast}from"../assets";import{RotationCcwA,RotationCcwB,RotationCcwC}from"../assets";import{RotationCwA,RotationCwB,RotationCwC}from"../assets";export var JogPanelAction;!function(t){t[t.Invalid=0]="Invalid",t[t.xPositive=1]="xPositive",t[t.xNegative=2]="xNegative",t[t.yPositive=3]="yPositive",t[t.yNegative=4]="yNegative",t[t.zPositive=5]="zPositive",t[t.zNegative=6]="zNegative",t[t.aPositive=7]="aPositive",t[t.aNegative=8]="aNegative",t[t.bPositive=9]="bPositive",t[t.bNegative=16]="bNegative",t[t.cPositive=17]="cPositive",t[t.cNegative=18]="cNegative",t[t.Stop=255]="Stop"}(JogPanelAction||(JogPanelAction={}));export var JogDistanceAction;!function(t){t[t.Short=0]="Short",t[t.Medium=16]="Medium",t[t.Long=32]="Long"}(JogDistanceAction||(JogDistanceAction={}));export var JogSpeedAction;!function(t){t[t.Slow=0]="Slow",t[t.Medium=16]="Medium",t[t.Fast=32]="Fast"}(JogSpeedAction||(JogSpeedAction={}));export const DefaultLinearJogButtons=[[{icon:"pi pi-arrow-up-left",action:JogPanelAction.yPositive,alt:"Y Positive"},{icon:"pi pi-arrow-up",action:JogPanelAction.zPositive,alt:"Z Positive"},void 0],[{icon:"pi pi-arrow-left",action:JogPanelAction.xNegative,alt:"X Negative"},void 0,{icon:"pi pi-arrow-right",action:JogPanelAction.xPositive,alt:"X Positive"}],[void 0,{icon:"pi pi-arrow-down",action:JogPanelAction.zNegative,alt:"Z Negative"},{icon:"pi pi-arrow-down-right",action:JogPanelAction.yNegative,alt:"Y Negative"}]];export const DefaultRotationJogButtons=[[{icon:"pi",action:JogPanelAction.bPositive,alt:"Rot B Positive"},{icon:"pi",action:JogPanelAction.cPositive,alt:"Rot C Positive"},void 0],[{icon:"pi",action:JogPanelAction.aNegative,alt:"Rot A Negative"},void 0,{icon:"pi",action:JogPanelAction.aPositive,alt:"Rot A Positive"}],[void 0,{icon:"pi",action:JogPanelAction.cNegative,alt:"Rot C Negative"},{icon:"pi ",action:JogPanelAction.bNegative,alt:"Rot B Negative"}]];export class JogPanel extends React.Component{constructor(t){super(t),Object.defineProperty(this,"jogDistanceItems",{enumerable:!0,configurable:!0,writable:!0,value:[{name:"S",value:JogDistanceAction.Short},{name:"M",value:JogDistanceAction.Medium},{name:"L",value:JogDistanceAction.Long}]}),Object.defineProperty(this,"jogSpeedItems",{enumerable:!0,configurable:!0,writable:!0,value:[{name:"S",value:JogSpeedAction.Slow},{name:"M",value:JogSpeedAction.Medium},{name:"F",value:JogSpeedAction.Fast}]}),this.state={jogDistance:t.defaultJogDistance,jogSpeed:t.defaultJogSpeed}}handleClicked(t){null!=t&&this.props.onClicked&&this.props.onClicked(t)}handleDistanceChanged(t){this.setState({jogDistance:t}),this.props.onJogDistanceChanged&&this.props.onJogDistanceChanged(t)}handleSpeedChanged(t){this.setState({jogSpeed:t}),this.props.onJogSpeedChanged&&this.props.onJogSpeedChanged(t)}emptyRow(){return _jsxs("div",{className:"grid-row",children:[_jsx("div",{className:"button-item empty-slot"}),_jsx("div",{className:"button-item empty-slot"}),_jsx("div",{className:"button-item empty-slot"})]})}actionToIcon(t){return t==JogPanelAction.Invalid||t==JogPanelAction.Stop?_jsx("i",{}):t==JogPanelAction.xNegative?_jsx("i",{className:"pi pi-arrow-left"}):t==JogPanelAction.xPositive?_jsx("i",{className:"pi pi-arrow-right"}):t==JogPanelAction.yNegative?_jsx("i",{className:"pi pi-arrow-up-left"}):t==JogPanelAction.yPositive?_jsx("i",{className:"pi pi-arrow-down-right"}):t==JogPanelAction.zNegative?_jsx("i",{className:"pi pi-up"}):t==JogPanelAction.zPositive?_jsx("i",{className:"pi pi-down"}):t==JogPanelAction.aNegative?_jsx(RotationCcwA,{}):t==JogPanelAction.aPositive?_jsx(RotationCwA,{}):t==JogPanelAction.bNegative?_jsx(RotationCcwB,{}):t==JogPanelAction.bPositive?_jsx(RotationCwB,{}):t==JogPanelAction.cNegative?_jsx(RotationCcwC,{}):t==JogPanelAction.cPositive?_jsx(RotationCwC,{}):_jsx("i",{})}standardButton(t,i){if(void 0!==this.props.buttonDefinitions&&void 0!==this.props.buttonDefinitions[t]&&void 0!==this.props.buttonDefinitions[t][i]&&void 0!==this.props.buttonDefinitions[t][i]?.action){const o=this.props.buttonDefinitions[t][i]?.action;return void 0!==o&&o<JogPanelAction.aPositive?_jsx(Button,{icon:this.props.buttonDefinitions[t][i]?.icon,tooltip:this.props.buttonDefinitions[t][i]?.alt,onClick:()=>this.handleClicked(o),className:"button-item"},`${t}-${i}`):_jsx(Button,{tooltip:this.props.buttonDefinitions[t][i]?.alt,onClick:()=>this.handleClicked(o),className:"button-item",icon:()=>this.actionToIcon(o)},`${t}-${i}`)}return _jsx(Button,{icon:"pi",disabled:!0,className:"button-item empty-slot"},`${t}-${i}`)}render(){return _jsxs("div",{className:"jogpanel-container",children:[_jsx(Tooltip,{target:".distance-selector-button"}),_jsxs("div",{className:"grid-container",children:[_jsxs("div",{className:"grid-row",children:[this.standardButton(0,0),this.standardButton(0,1),this.standardButton(0,2)]},"0"),_jsxs("div",{className:"grid-row",children:[this.standardButton(1,0),this.standardButton(1,1),this.standardButton(1,2)]},"1"),_jsxs("div",{className:"grid-row",children:[this.standardButton(2,0),this.standardButton(2,1),this.standardButton(2,2)]},"2")]}),this.props.showDistanceControl&&_jsxs("div",{className:"distance-selector p-inputgroup flex-1",children:[_jsx("span",{className:"p-inputgroup-addon",children:_jsx(Distance,{width:16,height:16,fill:"white"})}),_jsx(SelectButton,{value:this.state.jogDistance,onChange:t=>this.handleDistanceChanged(t.value),optionLabel:"name",options:this.jogDistanceItems,allowEmpty:!1,itemTemplate:t=>t.value==JogDistanceAction.Short?_jsx(JogShort,{className:"distance-selector-button",width:16,height:16,"data-pr-tooltip":"Short Distance","data-pr-position":"bottom",fill:"white"}):t.value==JogDistanceAction.Medium?_jsx(JogMedium,{className:"distance-selector-button",width:16,height:16,"data-pr-tooltip":"Medium Distance","data-pr-position":"bottom",fill:"white"}):_jsx(JogLong,{className:"distance-selector-button",width:16,height:16,"data-pr-tooltip":"Long Distance","data-pr-position":"bottom",fill:"white"})})]}),this.props.showSpeedControl&&_jsxs("div",{className:"distance-selector p-inputgroup flex-1",children:[_jsx("span",{className:"p-inputgroup-addon",children:_jsx(Speed,{width:16,height:16,fill:"white"})}),_jsx(SelectButton,{value:this.state.jogSpeed,onChange:t=>this.handleSpeedChanged(t.value),optionLabel:"name",options:this.jogSpeedItems,allowEmpty:!1,itemTemplate:t=>t.value==JogSpeedAction.Slow?_jsx(SpeedSlow,{className:"distance-selector-button",width:16,height:16,"data-pr-tooltip":"Slow Speed","data-pr-position":"bottom",fill:"white"}):t.value==JogSpeedAction.Medium?_jsx(SpeedMedium,{className:"distance-selector-button",width:16,height:16,"data-pr-tooltip":"Medium Speed","data-pr-position":"bottom",fill:"white"}):_jsx(SpeedFast,{className:"distance-selector-button",width:16,height:16,"data-pr-tooltip":"Fast Speed","data-pr-position":"bottom",fill:"white"})})]})]})}}Object.defineProperty(JogPanel,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{onClicked:void 0,onJogDistanceChanged:void 0,buttonDefinitions:DefaultLinearJogButtons,defaultJogDistance:JogDistanceAction.Short,defaultJogSpeed:JogSpeedAction.Medium,showDistanceControl:!0,showSpeedControl:!0}});export default JogPanel;
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/*
+ * Copyright (C) 2024 Automated Design Corp. All Rights Reserved.
+ * Created Date: 2024-01-16 13:17:23
+  * -----
+ * Last Modified: 2024-03-20 13:16:29
+ * -----
+ *
+ */
+import React from 'react';
+import { Button } from "primereact/button";
+import { SelectButton } from 'primereact/selectbutton';
+import { Tooltip } from 'primereact/tooltip';
+import './JogPanel.css';
+//import _default from '@monaco-editor/react';
+import { Distance, JogShort, JogMedium, JogLong } from '../assets';
+import { Speed, SpeedSlow, SpeedMedium, SpeedFast } from '../assets';
+import { RotationCcwA, RotationCcwB, RotationCcwC } from '../assets';
+import { RotationCwA, RotationCwB, RotationCwC } from '../assets';
+/**
+ * Enumerates the source button or action when an event occurs.
+ */
+export var JogPanelAction;
+(function (JogPanelAction) {
+    /** Invalid - Ignore this button */
+    JogPanelAction[JogPanelAction["Invalid"] = 0] = "Invalid";
+    // Horizontal Right
+    JogPanelAction[JogPanelAction["xPositive"] = 1] = "xPositive";
+    // Vertical left
+    JogPanelAction[JogPanelAction["xNegative"] = 2] = "xNegative";
+    // Away, back
+    JogPanelAction[JogPanelAction["yPositive"] = 3] = "yPositive";
+    // Towards, forward
+    JogPanelAction[JogPanelAction["yNegative"] = 4] = "yNegative";
+    // Vertical UP
+    JogPanelAction[JogPanelAction["zPositive"] = 5] = "zPositive";
+    // Vertical down     
+    JogPanelAction[JogPanelAction["zNegative"] = 6] = "zNegative";
+    // Rotate positive around the X axis
+    JogPanelAction[JogPanelAction["aPositive"] = 7] = "aPositive";
+    // Rotate negative around the X axis
+    JogPanelAction[JogPanelAction["aNegative"] = 8] = "aNegative";
+    // Rotate positive around the Y axis
+    JogPanelAction[JogPanelAction["bPositive"] = 9] = "bPositive";
+    // Rotate negative around the Y axis
+    JogPanelAction[JogPanelAction["bNegative"] = 16] = "bNegative";
+    // Rotate positive around the Z axis
+    JogPanelAction[JogPanelAction["cPositive"] = 17] = "cPositive";
+    // Rotate negative around the Z axis
+    JogPanelAction[JogPanelAction["cNegative"] = 18] = "cNegative";
+    /** Stop, clear or reset */
+    JogPanelAction[JogPanelAction["Stop"] = 255] = "Stop";
+})(JogPanelAction || (JogPanelAction = {}));
+/**
+ * Enumerates the selected jog distance.
+ */
+export var JogDistanceAction;
+(function (JogDistanceAction) {
+    JogDistanceAction[JogDistanceAction["Short"] = 0] = "Short";
+    JogDistanceAction[JogDistanceAction["Medium"] = 16] = "Medium";
+    JogDistanceAction[JogDistanceAction["Long"] = 32] = "Long";
+})(JogDistanceAction || (JogDistanceAction = {}));
+/**
+ * Enumerates the selected jog distance.
+ */
+export var JogSpeedAction;
+(function (JogSpeedAction) {
+    JogSpeedAction[JogSpeedAction["Slow"] = 0] = "Slow";
+    JogSpeedAction[JogSpeedAction["Medium"] = 16] = "Medium";
+    JogSpeedAction[JogSpeedAction["Fast"] = 32] = "Fast";
+})(JogSpeedAction || (JogSpeedAction = {}));
+/**
+ * A default jog button configuration for linear 3D motion.
+ */
+export const DefaultLinearJogButtons = [
+    [{ icon: "pi pi-arrow-up-left", action: JogPanelAction.yPositive, alt: "Y Positive" }, { icon: "pi pi-arrow-up", action: JogPanelAction.zPositive, alt: "Z Positive" }, undefined],
+    [{ icon: "pi pi-arrow-left", action: JogPanelAction.xNegative, alt: "X Negative" }, undefined, { icon: "pi pi-arrow-right", action: JogPanelAction.xPositive, alt: "X Positive" }],
+    [undefined, { icon: "pi pi-arrow-down", action: JogPanelAction.zNegative, alt: "Z Negative" }, { icon: "pi pi-arrow-down-right", action: JogPanelAction.yNegative, alt: "Y Negative" }],
+];
+/**
+ * A default jog button configuration for rotational 3D motion.
+ */
+export const DefaultRotationJogButtons = [
+    [{ icon: "pi", action: JogPanelAction.bPositive, alt: "Rot B Positive" }, { icon: "pi", action: JogPanelAction.cPositive, alt: "Rot C Positive" }, undefined],
+    [{ icon: "pi", action: JogPanelAction.aNegative, alt: "Rot A Negative" }, undefined, { icon: "pi", action: JogPanelAction.aPositive, alt: "Rot A Positive" }],
+    [undefined, { icon: "pi", action: JogPanelAction.cNegative, alt: "Rot C Negative" }, { icon: "pi ", action: JogPanelAction.bNegative, alt: "Rot B Negative" }],
+];
+/**
+ * Jogging panel that supports 3D motion. In 3D:
+ * - Z is Up and Down,
+ * - Y is towards and away
+ * - X is left and right
+ *
+ * This Jog Panel is based upon a standard CNC mill and industrial standards.
+ *
+ * ## Parameters
+ * @param onClicked Callback any time a button is clicked. Includes argument for direction.
+ * @param buttonDefinitions A 3x3 matrix of (JogPanelButtonDefinition | undefined) that defines the button. If a button is undefined, it is disabled.
+ *
+ * ## Button definitions
+ *
+ * Example:
+ * ```
+ * export const kDefaultButtonDefinitions : (JogPanelButtonDefinition | undefined)[][] = [
+ *    [{ icon: "pi pi-arrow-up-left", action: JogPanelAction.yPositive, alt: "Y Positive" }, { icon: "pi pi-arrow-up", action: JogPanelAction.zPositive, alt: "Z Positive" }, undefined],
+ *    [{ icon: "pi pi-arrow-left", action: JogPanelAction.xNegative, alt: "X Negative" }, undefined, { icon: "pi pi-arrow-right", action: JogPanelAction.xPositive, alt: "X Positive" }],
+ *    [undefined, { icon: "pi pi-arrow-down", action: JogPanelAction.zNegative, alt: "Z Negative" }, { icon: "pi pi-arrow-down-right", action: JogPanelAction.yNegative, alt: "Y Negative" }],
+ * ];
+ * ```
+ *
+ */
+export class JogPanel extends React.Component {
+    constructor(props) {
+        super(props);
+        Object.defineProperty(this, "jogDistanceItems", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: [
+                { name: 'S', value: JogDistanceAction.Short },
+                { name: 'M', value: JogDistanceAction.Medium },
+                { name: 'L', value: JogDistanceAction.Long }
+            ]
+        });
+        Object.defineProperty(this, "jogSpeedItems", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: [
+                { name: 'S', value: JogSpeedAction.Slow },
+                { name: 'M', value: JogSpeedAction.Medium },
+                { name: 'F', value: JogSpeedAction.Fast }
+            ]
+        });
+        this.state = {
+            jogDistance: props.defaultJogDistance,
+            jogSpeed: props.defaultJogSpeed
+        };
+    }
+    /**
+     * Handle a user action on the DirectionalPad
+     * @param action DirectionalPadAction
+     */
+    handleClicked(action) {
+        if (action === undefined || action === null)
+            return;
+        if (this.props.onClicked) {
+            this.props.onClicked(action);
+        }
+    }
+    ;
+    /**
+     * The user has selected a different jog distance.
+     * @param {JogDistanceAction} action  The newly-selected distance.
+     */
+    handleDistanceChanged(action) {
+        this.setState({ jogDistance: action });
+        if (this.props.onJogDistanceChanged) {
+            this.props.onJogDistanceChanged(action);
+        }
+    }
+    handleSpeedChanged(action) {
+        this.setState({ jogSpeed: action });
+        if (this.props.onJogSpeedChanged) {
+            this.props.onJogSpeedChanged(action);
+        }
+    }
+    emptyRow() {
+        return _jsxs("div", { className: "grid-row", children: [_jsx("div", { className: "button-item empty-slot" }), _jsx("div", { className: "button-item empty-slot" }), _jsx("div", { className: "button-item empty-slot" })] });
+    }
+    actionToIcon(action) {
+        if (action == JogPanelAction.Invalid) {
+            return _jsx("i", {});
+        }
+        else if (action == JogPanelAction.Stop) {
+            return _jsx("i", {});
+        }
+        else if (action == JogPanelAction.xNegative) {
+            return _jsx("i", { className: "pi pi-arrow-left" });
+        }
+        else if (action == JogPanelAction.xPositive) {
+            return _jsx("i", { className: "pi pi-arrow-right" });
+        }
+        else if (action == JogPanelAction.yNegative) {
+            return _jsx("i", { className: "pi pi-arrow-up-left" });
+        }
+        else if (action == JogPanelAction.yPositive) {
+            return _jsx("i", { className: "pi pi-arrow-down-right" });
+        }
+        else if (action == JogPanelAction.zNegative) {
+            return _jsx("i", { className: "pi pi-up" });
+        }
+        else if (action == JogPanelAction.zPositive) {
+            return _jsx("i", { className: "pi pi-down" });
+        }
+        else if (action == JogPanelAction.aNegative) {
+            return _jsx(RotationCcwA, {});
+        }
+        else if (action == JogPanelAction.aPositive) {
+            return _jsx(RotationCwA, {});
+        }
+        else if (action == JogPanelAction.bNegative) {
+            return _jsx(RotationCcwB, {});
+        }
+        else if (action == JogPanelAction.bPositive) {
+            return _jsx(RotationCwB, {});
+        }
+        else if (action == JogPanelAction.cNegative) {
+            return _jsx(RotationCcwC, {});
+        }
+        else if (action == JogPanelAction.cPositive) {
+            return _jsx(RotationCwC, {});
+        }
+        else {
+            return _jsx("i", {});
+        }
+    }
+    standardButton(row, col) {
+        if (this.props.buttonDefinitions !== undefined
+            && this.props.buttonDefinitions[row] !== undefined
+            && this.props.buttonDefinitions[row][col] !== undefined
+            && this.props.buttonDefinitions[row][col]?.action !== undefined) {
+            const action = this.props.buttonDefinitions[row][col]?.action;
+            if (action !== undefined && action < JogPanelAction.aPositive) {
+                return _jsx(Button, { icon: this.props.buttonDefinitions[row][col]?.icon, tooltip: this.props.buttonDefinitions[row][col]?.alt, onClick: () => this.handleClicked(action), className: "button-item" }, `${row}-${col}`);
+            }
+            else {
+                return _jsx(Button, { tooltip: this.props.buttonDefinitions[row][col]?.alt, onClick: () => this.handleClicked(action), className: "button-item", icon: () => this.actionToIcon(action) }, `${row}-${col}`);
+            }
+        }
+        else {
+            return _jsx(Button, { icon: "pi", disabled: true, className: "button-item empty-slot" }, `${row}-${col}`);
+        }
+    }
+    render() {
+        const distanceButtonTemplate = (option) => {
+            if (option.value == JogDistanceAction.Short) {
+                return _jsx(JogShort, { className: "distance-selector-button", width: 16, height: 16, "data-pr-tooltip": "Short Distance", "data-pr-position": "bottom", fill: "white" });
+            }
+            else if (option.value == JogDistanceAction.Medium) {
+                return _jsx(JogMedium, { className: "distance-selector-button", width: 16, height: 16, "data-pr-tooltip": "Medium Distance", "data-pr-position": "bottom", fill: "white" });
+            }
+            else {
+                return _jsx(JogLong, { className: "distance-selector-button", width: 16, height: 16, "data-pr-tooltip": "Long Distance", "data-pr-position": "bottom", fill: "white" });
+            }
+        };
+        const speedButtonTemplate = (option) => {
+            if (option.value == JogSpeedAction.Slow) {
+                return _jsx(SpeedSlow, { className: "distance-selector-button", width: 16, height: 16, "data-pr-tooltip": "Slow Speed", "data-pr-position": "bottom", fill: "white" });
+            }
+            else if (option.value == JogSpeedAction.Medium) {
+                return _jsx(SpeedMedium, { className: "distance-selector-button", width: 16, height: 16, "data-pr-tooltip": "Medium Speed", "data-pr-position": "bottom", fill: "white" });
+            }
+            else {
+                return _jsx(SpeedFast, { className: "distance-selector-button", width: 16, height: 16, "data-pr-tooltip": "Fast Speed", "data-pr-position": "bottom", fill: "white" });
+            }
+        };
+        // const jogButtonTemplate = (option: JogDistanceItem) => {
+        //     if (option.value == JogDistanceAction.Short) {
+        //         return <svg xmlns="http://www.w3.org/2000/svg" height="16" viewBox="0 -960 960 960" width="24" fill="white">
+        //                 <path d="M800-80v-800h80v800h-80ZM560-280v-400h120v400H560Zm-240 0"/>
+        //             </svg>;
+        //     }
+        //     else if (option.value == JogDistanceAction.Medium) {
+        //         return <svg xmlns="http://www.w3.org/2000/svg" height="16" viewBox="0 -960 960 960" width="24" fill="white">
+        //                 <path d="M800-80v-800h80v800h-80ZM560-280v-400h120v400H560Zm-240 0v-400h120v400H320Z"/>
+        //             </svg>;
+        //     }
+        //     else {
+        //         return <svg xmlns="http://www.w3.org/2000/svg" height="16" viewBox="0 -960 960 960" width="24" fill="white">
+        //                 <path d="M800-80v-800h80v800h-80ZM560-280v-400h120v400H560Zm-240 0v-400h120v400H320Zm-240 0v-400h120v400H320Z"/>
+        //             </svg>;
+        //     }            
+        // }
+        return (_jsxs("div", { className: "jogpanel-container", children: [_jsx(Tooltip, { target: ".distance-selector-button" }), _jsxs("div", { className: "grid-container", children: [_jsxs("div", { className: "grid-row", children: [this.standardButton(0, 0), this.standardButton(0, 1), this.standardButton(0, 2)] }, "0"), _jsxs("div", { className: "grid-row", children: [this.standardButton(1, 0), this.standardButton(1, 1), this.standardButton(1, 2)] }, "1"), _jsxs("div", { className: "grid-row", children: [this.standardButton(2, 0), this.standardButton(2, 1), this.standardButton(2, 2)] }, "2")] }), this.props.showDistanceControl &&
+                    _jsxs("div", { className: "distance-selector p-inputgroup flex-1", children: [_jsx("span", { className: "p-inputgroup-addon", children: _jsx(Distance, { width: 16, height: 16, fill: "white" }) }), _jsx(SelectButton, { value: this.state.jogDistance, onChange: (e) => this.handleDistanceChanged(e.value), optionLabel: "name", options: this.jogDistanceItems, allowEmpty: false, itemTemplate: distanceButtonTemplate })] }), this.props.showSpeedControl &&
+                    _jsxs("div", { className: "distance-selector p-inputgroup flex-1", children: [_jsx("span", { className: "p-inputgroup-addon", children: _jsx(Speed, { width: 16, height: 16, fill: "white" }) }), _jsx(SelectButton, { value: this.state.jogSpeed, onChange: (e) => this.handleSpeedChanged(e.value), optionLabel: "name", options: this.jogSpeedItems, allowEmpty: false, itemTemplate: speedButtonTemplate })] })] }));
+    }
+}
+Object.defineProperty(JogPanel, "defaultProps", {
+    enumerable: true,
+    configurable: true,
+    writable: true,
+    value: {
+        onClicked: undefined,
+        onJogDistanceChanged: undefined,
+        buttonDefinitions: DefaultLinearJogButtons,
+        defaultJogDistance: JogDistanceAction.Short,
+        defaultJogSpeed: JogSpeedAction.Medium,
+        showDistanceControl: true,
+        showSpeedControl: true
+    }
+});
+;
+export default JogPanel;

package/dist/components/Lamp.js

@@ -1 +1,161 @@
-import{jsx as _jsx}from"react/jsx-runtime";import{Component}from"react";import clsx from"clsx";import{EventEmitterContext}from"../core/EventEmitterContext";import{IndicatorColor}from"../core/IndicatorColor";export{IndicatorColor};export class Lamp extends Component{constructor(e){super(e),Object.defineProperty(this,"unsubscribeTopicId",{enumerable:!0,configurable:!0,writable:!0,value:null}),this.state={subscribedValue:e.value,fontSize:"100%"}}componentDidMount(){const{topic:e}=this.props;if(e&&null===this.unsubscribeTopicId){const{subscribe:t}=this.context;this.unsubscribeTopicId=t(e,(e=>{this.setState({subscribedValue:e})}))}}componentDidUpdate(e){e.value!==this.props.value&&this.setState({subscribedValue:this.props.value})}componentWillUnmount(){if(null!==this.unsubscribeTopicId){const{unsubscribe:e}=this.context;e(this.unsubscribeTopicId),this.unsubscribeTopicId=null}}render(){const{x:e,y:t,width:o,height:i,className:s,onColor:r,offColor:n,invalidColor:l,useAbsolutePositioning:c}=this.props,{scale:a,xOffset:u,yOffset:p}=this.context,{subscribedValue:b}=this.state;let d=o||10;d<10&&(d=10);let m=i||10;m<10&&(m=10);let h,f=a||1;switch(0===f&&(f=1),b){case!0:h=r;break;case!1:h=n;break;default:h=l}const x={position:c?"absolute":"relative",display:c?"":"inline-block",verticalAlign:"middle",top:c&&t?`${p+f*t}px`:void 0,left:c&&e?`${u+f*e}px`:void 0,width:d?d*f+"px":void 0,height:m?m*f+"px":void 0,lineHeight:m?m*f+"px":void 0,backgroundColor:h,borderRadius:"20px"};return _jsx("div",{className:clsx(s),style:x})}}Object.defineProperty(Lamp,"contextType",{enumerable:!0,configurable:!0,writable:!0,value:EventEmitterContext}),Object.defineProperty(Lamp,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{width:22,height:22,onColor:"green",offColor:"gray",invalidColor:"black",useAbsolutePositioning:!1}});export default Lamp;
+import { jsx as _jsx } from "react/jsx-runtime";
+/*
+ * Copyright (C) 2024 Automated Design Corp. All Rights Reserved.
+ * Created Date: 2024-01-16 14:39:41
+ * -----
+ * Last Modified: 2024-03-12 21:12:29
+ * -----
+ *
+ */
+// import { useContext } from 'react';
+// import clsx from 'clsx';
+// import DimensionsContext from '../core/DimensionsContext';
+// /**
+//  * Displays boolean values<br/>
+//  * Supports 3 states: **on**, **off** and **invalid/not available**:
+//  */
+// const Indicator = ({
+//     value: value,
+//     x,
+//     y,
+//     width = 22,
+//     height = width,
+//     className,
+//     onColor: onColor = IndicatorGreen,
+//     offColor: offColor = IndicatorOff,
+//     invalidColor: invalidColor = IndicatorInvalid,
+//     useAbsolutePositioning = false, // Default to false
+// }: Props): JSX.Element => {
+//     const { scale, xOffset, yOffset } = useContext(DimensionsContext);
+//     let color;
+//     switch (value) {
+//         case true:
+//             color = onColor;
+//             break;
+//         case false:
+//             color = offColor;
+//             break;
+//         default:
+//             color = invalidColor;
+//             break;
+//     }
+//     return (
+//         <div
+//             className={clsx(className)}
+//             style={{
+//                 position: useAbsolutePositioning ? 'absolute' : 'relative',
+//                 display: useAbsolutePositioning ?  "": "inline-block",
+//                 verticalAlign: 'middle',
+//                 top: useAbsolutePositioning && y ? `${yOffset + scale * y}px` : undefined,
+//                 left: useAbsolutePositioning && x? `${xOffset + scale * x}px` : undefined,
+//                 width: width ? `${width * scale}px` : undefined,
+//                 height: height ? `${height * scale}px` : undefined,
+//                 lineHeight: height ? `${height * scale}px` : undefined,
+//                 backgroundColor: color,
+//                 borderRadius: "20px"
+//             }}
+//         />
+//     );
+// };
+// export { Indicator };
+import { Component } from 'react';
+import clsx from 'clsx';
+import { EventEmitterContext } from '../core/EventEmitterContext';
+import { IndicatorColor } from "../core/IndicatorColor";
+export { IndicatorColor };
+export class Lamp extends Component {
+    constructor(props) {
+        super(props);
+        Object.defineProperty(this, "unsubscribeTopicId", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: null
+        });
+        this.state = {
+            subscribedValue: props.value,
+            fontSize: "100%"
+        };
+    }
+    componentDidMount() {
+        const { topic } = this.props;
+        if (topic && this.unsubscribeTopicId === null) {
+            const { subscribe } = this.context;
+            this.unsubscribeTopicId = subscribe(topic, (value) => {
+                this.setState({ subscribedValue: value });
+            });
+        }
+    }
+    componentDidUpdate(prevProps) {
+        if (prevProps.value !== this.props.value) {
+            this.setState({ subscribedValue: this.props.value });
+        }
+    }
+    componentWillUnmount() {
+        if (this.unsubscribeTopicId !== null) {
+            const { unsubscribe } = this.context;
+            unsubscribe(this.unsubscribeTopicId);
+            this.unsubscribeTopicId = null;
+        }
+    }
+    render() {
+        const { x, y, width, height, className, onColor, offColor, invalidColor, useAbsolutePositioning } = this.props;
+        const { scale, xOffset, yOffset } = this.context;
+        const { subscribedValue } = this.state;
+        let adjWidth = width || 10;
+        if (adjWidth < 10)
+            adjWidth = 10;
+        let adjHeight = height || 10;
+        if (adjHeight < 10)
+            adjHeight = 10;
+        let adjScale = scale || 1;
+        if (adjScale === 0)
+            adjScale = 1;
+        let color;
+        switch (subscribedValue) {
+            case true:
+                color = onColor;
+                break;
+            case false:
+                color = offColor;
+                break;
+            default:
+                color = invalidColor;
+                break;
+        }
+        const style = {
+            position: useAbsolutePositioning ? 'absolute' : 'relative',
+            display: useAbsolutePositioning ? "" : "inline-block",
+            verticalAlign: 'middle',
+            top: useAbsolutePositioning && y ? `${yOffset + adjScale * y}px` : undefined,
+            left: useAbsolutePositioning && x ? `${xOffset + adjScale * x}px` : undefined,
+            width: adjWidth ? `${adjWidth * adjScale}px` : undefined,
+            height: adjHeight ? `${adjHeight * adjScale}px` : undefined,
+            lineHeight: adjHeight ? `${adjHeight * adjScale}px` : undefined,
+            backgroundColor: color,
+            borderRadius: "20px"
+        };
+        return (_jsx("div", { className: clsx(className), style: style }));
+    }
+}
+Object.defineProperty(Lamp, "contextType", {
+    enumerable: true,
+    configurable: true,
+    writable: true,
+    value: EventEmitterContext
+});
+// Define default properties
+Object.defineProperty(Lamp, "defaultProps", {
+    enumerable: true,
+    configurable: true,
+    writable: true,
+    value: {
+        width: 22,
+        height: 22,
+        onColor: "green",
+        offColor: "gray",
+        invalidColor: "black",
+        useAbsolutePositioning: false
+    }
+});
+export default Lamp;