@procaaso/alphinity-ui-components 1.3.0 → 1.4.0

package/dist/index.d.cts

@@ -610,6 +610,14 @@ interface DeviceControlPanelProps {
     onModeChange?: (mode: string) => void;
     /** Called when parameter changes */
     onParameterChange?: (parameterId: string, value: any) => void;
+    /**
+     * Called when the operator activates (taps) a numeric/text parameter's value.
+     * When provided, that parameter renders as a tappable value instead of an
+     * inline input, so the consumer can open its own editor (e.g. a numpad dialog)
+     * and commit via `onParameterChange`. Read-only params are never activatable.
+     * When omitted, parameters use the default inline-edit behavior.
+     */
+    onParameterActivate?: (parameterId: string, value: number | string | boolean) => void;
     /** Called when start button clicked */
     onStart?: () => void;
     /** Called when stop button clicked */
@@ -637,7 +645,7 @@ interface DeviceControlPanelProps {
     /** Embedded mode - uses static positioning for rendering in containers (default: false) */
     embedded?: boolean;
 }
-declare function DeviceControlPanel({ binding, onClose, position, align, touchOptimized, compact, fontScale, maxHeight, maxWidth, toastDuration, onModeChange, onParameterChange, onStart, onStop, startPending, stopPending, onCustomAction, onOpenConfig, showConfigButton, onUndock, undockIcon, modeSelectionStyle, embedded, }: DeviceControlPanelProps): react__default.JSX.Element | null;
+declare function DeviceControlPanel({ binding, onClose, position, align, touchOptimized, compact, fontScale, maxHeight, maxWidth, toastDuration, onModeChange, onParameterChange, onParameterActivate, onStart, onStop, startPending, stopPending, onCustomAction, onOpenConfig, showConfigButton, onUndock, undockIcon, modeSelectionStyle, embedded, }: DeviceControlPanelProps): react__default.JSX.Element | null;
 
 type DisplayMode = 'standard' | 'dashboard';
 interface FullscreenContainerProps {

package/dist/index.d.ts

@@ -610,6 +610,14 @@ interface DeviceControlPanelProps {
     onModeChange?: (mode: string) => void;
     /** Called when parameter changes */
     onParameterChange?: (parameterId: string, value: any) => void;
+    /**
+     * Called when the operator activates (taps) a numeric/text parameter's value.
+     * When provided, that parameter renders as a tappable value instead of an
+     * inline input, so the consumer can open its own editor (e.g. a numpad dialog)
+     * and commit via `onParameterChange`. Read-only params are never activatable.
+     * When omitted, parameters use the default inline-edit behavior.
+     */
+    onParameterActivate?: (parameterId: string, value: number | string | boolean) => void;
     /** Called when start button clicked */
     onStart?: () => void;
     /** Called when stop button clicked */
@@ -637,7 +645,7 @@ interface DeviceControlPanelProps {
     /** Embedded mode - uses static positioning for rendering in containers (default: false) */
     embedded?: boolean;
 }
-declare function DeviceControlPanel({ binding, onClose, position, align, touchOptimized, compact, fontScale, maxHeight, maxWidth, toastDuration, onModeChange, onParameterChange, onStart, onStop, startPending, stopPending, onCustomAction, onOpenConfig, showConfigButton, onUndock, undockIcon, modeSelectionStyle, embedded, }: DeviceControlPanelProps): react__default.JSX.Element | null;
+declare function DeviceControlPanel({ binding, onClose, position, align, touchOptimized, compact, fontScale, maxHeight, maxWidth, toastDuration, onModeChange, onParameterChange, onParameterActivate, onStart, onStop, startPending, stopPending, onCustomAction, onOpenConfig, showConfigButton, onUndock, undockIcon, modeSelectionStyle, embedded, }: DeviceControlPanelProps): react__default.JSX.Element | null;
 
 type DisplayMode = 'standard' | 'dashboard';
 interface FullscreenContainerProps {

package/dist/index.js

@@ -935,6 +935,7 @@ function DeviceControlPanel({
   toastDuration = 3e3,
   onModeChange,
   onParameterChange,
+  onParameterActivate,
   onStart,
   onStop,
   startPending = false,
@@ -1647,6 +1648,36 @@ function DeviceControlPanel({
                   },
                   children: param.options?.map((opt) => /* @__PURE__ */ jsx8("option", { value: opt.value, children: opt.label }, opt.value))
                 }
+              ) : onParameterActivate && !param.readOnly ? (
+                // Tappable value: defer editing to the consumer's editor (e.g. a
+                // numpad dialog). Commit happens via onParameterChange.
+                /* @__PURE__ */ jsxs7(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => onParameterActivate(param.id, localParameterValues[param.id] ?? param.value),
+                    style: {
+                      width: "100%",
+                      height: touchSize,
+                      display: "flex",
+                      alignItems: "center",
+                      backgroundColor: "#ffffff",
+                      color: textColor,
+                      border: `1px solid ${borderColor}`,
+                      borderRadius: "6px",
+                      padding: "0 12px",
+                      fontSize: `${fontSize.input}px`,
+                      fontFamily: "Arial, sans-serif",
+                      fontWeight: 600,
+                      textAlign: "left",
+                      cursor: "pointer"
+                    },
+                    children: [
+                      localParameterValues[param.id] ?? param.value,
+                      param.unit ? ` ${param.unit}` : ""
+                    ]
+                  }
+                )
               ) : /* @__PURE__ */ jsx8(
                 "input",
                 {