@procaaso/alphinity-ui-components 1.8.0 → 1.8.1

package/dist/index.cjs

@@ -4933,6 +4933,30 @@ function PipeRenderer({
 
 // src/components/PIDCanvas/DataOverlay.tsx
 var import_jsx_runtime18 = require("react/jsx-runtime");
+var PULSE_KEYFRAME_ID = "pid-data-overlay-pulse-keyframes";
+var PULSE_ANIMATION = "pid-data-overlay-pulse 1.5s ease-in-out infinite";
+function ensurePulseKeyframes() {
+  if (typeof document === "undefined") return;
+  if (document.getElementById(PULSE_KEYFRAME_ID)) return;
+  const style = document.createElement("style");
+  style.id = PULSE_KEYFRAME_ID;
+  style.textContent = "@keyframes pid-data-overlay-pulse{0%{opacity:.9}50%{opacity:.3}100%{opacity:.9}}";
+  document.head.appendChild(style);
+}
+function renderStatusDot(cx, cy, scale, fill) {
+  ensurePulseKeyframes();
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    "circle",
+    {
+      className: "pid-data-overlay-status-dot",
+      cx: cx + 35 * scale,
+      cy: cy - 18 * scale,
+      r: 3 * scale,
+      fill,
+      style: { animation: PULSE_ANIMATION }
+    }
+  );
+}
 function DataOverlay({
   nodeId,
   x,
@@ -5037,25 +5061,7 @@ function DataOverlay({
         children: displayText
       }
     ),
-    showStatus && value.status !== "normal" && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-      "circle",
-      {
-        cx: displayX + 35 * scale,
-        cy: displayY - 18 * scale,
-        r: 3 * scale,
-        fill: finalTextColor,
-        opacity: "0.9",
-        children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-          "animate",
-          {
-            attributeName: "opacity",
-            values: "0.9;0.3;0.9",
-            dur: "1.5s",
-            repeatCount: "indefinite"
-          }
-        )
-      }
-    ),
+    showStatus && value.status !== "normal" && renderStatusDot(displayX, displayY, scale, finalTextColor),
     value.quality !== void 0 && value.quality < 100 && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
       "text",
       {
@@ -8721,14 +8727,17 @@ function DeviceConfigPanel({
     const currentTimestamp = binding?.state.lastSaved || 0;
     if (binding?.state.lastSaveResult && currentTimestamp !== lastResultTimestampRef.current) {
       lastResultTimestampRef.current = currentTimestamp;
+      let hideTimer;
       const showTimer = setTimeout(() => {
         setShowToast(true);
-        const hideTimer = setTimeout(() => {
+        hideTimer = setTimeout(() => {
           setShowToast(false);
         }, toastDuration);
-        return () => clearTimeout(hideTimer);
       }, 0);
-      return () => clearTimeout(showTimer);
+      return () => {
+        clearTimeout(showTimer);
+        if (hideTimer) clearTimeout(hideTimer);
+      };
     }
   }, [binding?.state.lastSaveResult, binding?.state.lastSaved, toastDuration]);
   const parametersBySection = (0, import_react21.useMemo)(() => {