@procaaso/alphinity-ui-components 1.8.2 → 1.8.3

package/dist/index.d.cts

@@ -662,7 +662,16 @@ 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, onParameterActivate, onStart, onStop, startPending, stopPending, onCustomAction, onOpenConfig, showConfigButton, onUndock, undockIcon, modeSelectionStyle, embedded, }: DeviceControlPanelProps): react_jsx_runtime.JSX.Element | null;
+/**
+ * Memoized below (kiosk heap-leak fix, same rationale as DeviceConfigPanel):
+ * an OPEN control panel must not re-render on host ticks whose props did not
+ * change. Unlike the config panel, a control binding legitimately changes when
+ * its live values move, so the memo bails only on genuinely idle ticks - the
+ * win is proportional to how often values are flat at display precision.
+ */
+declare function DeviceControlPanelImpl({ 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_jsx_runtime.JSX.Element | null;
+/** Memo boundary - see DeviceControlPanelImpl doc comment (kiosk heap-leak fix). */
+declare const DeviceControlPanel: React__default.MemoExoticComponent<typeof DeviceControlPanelImpl>;
 
 interface NumpadDialogProps {
     /** Whether the dialog is open */
@@ -1970,7 +1979,19 @@ interface DeviceConfigPanelProps {
     /** Embedded mode - uses static positioning for rendering in containers (default: false) */
     embedded?: boolean;
 }
-declare function DeviceConfigPanel({ binding, onClose, onUndock, undockIcon, position, align, touchOptimized, compact, fontScale, maxHeight, maxWidth, toastDuration, onOpenControls, showControlsButton, embedded, }: DeviceConfigPanelProps): react_jsx_runtime.JSX.Element | null;
+/**
+ * Memoized below (kiosk heap-leak fix): a host whose screen re-renders ~1Hz on
+ * telemetry must not re-render an OPEN config panel every tick - each pass
+ * re-creates the panel's handler closures and re-binds its MUI event handlers,
+ * and on the kiosk those generations were RETAINED (~100 closures/sec,
+ * ~2.1 MB/min heap growth -> renderer OOM at the 512 MB cap, heap-snapshot
+ * fingerprint: Context/scope buckets + onSave/onReset closures). The memo only
+ * pays off when the host passes identity-stable `binding` and handler props;
+ * an unstable host degrades gracefully to the old behavior.
+ */
+declare function DeviceConfigPanelImpl({ binding, onClose, onUndock, undockIcon, position, align, touchOptimized, compact, fontScale, maxHeight, maxWidth, toastDuration, onOpenControls, showControlsButton, embedded, }: DeviceConfigPanelProps): react_jsx_runtime.JSX.Element | null;
+/** Memo boundary - see DeviceConfigPanelImpl doc comment (kiosk heap-leak fix). */
+declare const DeviceConfigPanel: React__default.MemoExoticComponent<typeof DeviceConfigPanelImpl>;
 
 /**
  * Options for simulation behavior

package/dist/index.d.ts

@@ -662,7 +662,16 @@ 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, onParameterActivate, onStart, onStop, startPending, stopPending, onCustomAction, onOpenConfig, showConfigButton, onUndock, undockIcon, modeSelectionStyle, embedded, }: DeviceControlPanelProps): react_jsx_runtime.JSX.Element | null;
+/**
+ * Memoized below (kiosk heap-leak fix, same rationale as DeviceConfigPanel):
+ * an OPEN control panel must not re-render on host ticks whose props did not
+ * change. Unlike the config panel, a control binding legitimately changes when
+ * its live values move, so the memo bails only on genuinely idle ticks - the
+ * win is proportional to how often values are flat at display precision.
+ */
+declare function DeviceControlPanelImpl({ 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_jsx_runtime.JSX.Element | null;
+/** Memo boundary - see DeviceControlPanelImpl doc comment (kiosk heap-leak fix). */
+declare const DeviceControlPanel: React__default.MemoExoticComponent<typeof DeviceControlPanelImpl>;
 
 interface NumpadDialogProps {
     /** Whether the dialog is open */
@@ -1970,7 +1979,19 @@ interface DeviceConfigPanelProps {
     /** Embedded mode - uses static positioning for rendering in containers (default: false) */
     embedded?: boolean;
 }
-declare function DeviceConfigPanel({ binding, onClose, onUndock, undockIcon, position, align, touchOptimized, compact, fontScale, maxHeight, maxWidth, toastDuration, onOpenControls, showControlsButton, embedded, }: DeviceConfigPanelProps): react_jsx_runtime.JSX.Element | null;
+/**
+ * Memoized below (kiosk heap-leak fix): a host whose screen re-renders ~1Hz on
+ * telemetry must not re-render an OPEN config panel every tick - each pass
+ * re-creates the panel's handler closures and re-binds its MUI event handlers,
+ * and on the kiosk those generations were RETAINED (~100 closures/sec,
+ * ~2.1 MB/min heap growth -> renderer OOM at the 512 MB cap, heap-snapshot
+ * fingerprint: Context/scope buckets + onSave/onReset closures). The memo only
+ * pays off when the host passes identity-stable `binding` and handler props;
+ * an unstable host degrades gracefully to the old behavior.
+ */
+declare function DeviceConfigPanelImpl({ binding, onClose, onUndock, undockIcon, position, align, touchOptimized, compact, fontScale, maxHeight, maxWidth, toastDuration, onOpenControls, showControlsButton, embedded, }: DeviceConfigPanelProps): react_jsx_runtime.JSX.Element | null;
+/** Memo boundary - see DeviceConfigPanelImpl doc comment (kiosk heap-leak fix). */
+declare const DeviceConfigPanel: React__default.MemoExoticComponent<typeof DeviceConfigPanelImpl>;
 
 /**
  * Options for simulation behavior

package/dist/index.js

@@ -895,7 +895,7 @@ var NodeControlsPanel = ({
 };
 
 // src/components/DeviceControlPanel/DeviceControlPanel.tsx
-import { useState as useState5, useEffect as useEffect2 } from "react";
+import React5, { useState as useState5, useEffect as useEffect2 } from "react";
 
 // src/theme/statusColors.ts
 var DEFAULT_STATUS_COLORS = {
@@ -922,7 +922,7 @@ function resolveStatusColor(status, customMap) {
 
 // src/components/DeviceControlPanel/DeviceControlPanel.tsx
 import { Fragment as Fragment2, jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
-function DeviceControlPanel({
+function DeviceControlPanelImpl({
   binding,
   onClose,
   position = "bottom",
@@ -1847,6 +1847,7 @@ function DeviceControlPanel({
       ` })
   ] });
 }
+var DeviceControlPanel = React5.memo(DeviceControlPanelImpl);
 
 // src/components/NumpadDialog/NumpadDialog.tsx
 import { useState as useState6, useEffect as useEffect3, useCallback as useCallback3, useRef as useRef2, useId } from "react";
@@ -8590,9 +8591,9 @@ function useDeviceConfigs(initialConfigs) {
 }
 
 // src/components/DeviceConfigPanel/DeviceConfigPanel.tsx
-import { useState as useState18, useEffect as useEffect13, useMemo, useRef as useRef8 } from "react";
+import React15, { useState as useState18, useEffect as useEffect13, useMemo, useRef as useRef8 } from "react";
 import { Fragment as Fragment9, jsx as jsx23, jsxs as jsxs19 } from "react/jsx-runtime";
-function DeviceConfigPanel({
+function DeviceConfigPanelImpl({
   binding,
   onClose,
   onUndock,
@@ -9294,6 +9295,7 @@ function DeviceConfigPanel({
     )
   ] });
 }
+var DeviceConfigPanel = React15.memo(DeviceConfigPanelImpl);
 
 // src/diagram/hooks/useSimulation.ts
 import { useEffect as useEffect14 } from "react";