@procaaso/alphinity-ui-components 1.3.0 → 1.4.0

package/dist/index.cjs

@@ -1038,6 +1038,7 @@ function DeviceControlPanel({
   toastDuration = 3e3,
   onModeChange,
   onParameterChange,
+  onParameterActivate,
   onStart,
   onStop,
   startPending = false,
@@ -1750,6 +1751,36 @@ function DeviceControlPanel({
                   },
                   children: param.options?.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("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__ */ (0, import_jsx_runtime8.jsxs)(
+                  "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__ */ (0, import_jsx_runtime8.jsx)(
                 "input",
                 {