@adcops/autocore-react 3.0.34 → 3.0.36

package/dist/components/IndicatorRect.js

@@ -1,93 +1 @@
-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;
+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;

package/dist/components/JogPanel.js

@@ -1,295 +1 @@
-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;
+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;

package/dist/components/Lamp.js

@@ -1,161 +1 @@
-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;
+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;