@procaaso/alphinity-ui-components 1.0.8 → 1.0.9

package/dist/index.d.cts

@@ -246,6 +246,26 @@ interface NodeControlsPanelProps extends react__default.HTMLAttributes<HTMLDivEl
  */
 declare const NodeControlsPanel: react__default.FC<NodeControlsPanelProps>;
 
+/**
+ * Device control capabilities and commands
+ */
+interface ControlCapabilities {
+    /** Can the device be started? */
+    canStart?: boolean;
+    /** Can the device be stopped? */
+    canStop?: boolean;
+    /** Can the device be paused? */
+    canPause?: boolean;
+    /** Can the device be reset? */
+    canReset?: boolean;
+    /** Custom actions available */
+    customActions?: Array<{
+        id: string;
+        label: string;
+        icon?: string;
+        variant?: 'primary' | 'secondary' | 'alarm' | 'warning';
+    }>;
+}
 /**
  * Device control mode option
  */
@@ -292,26 +312,8 @@ interface ControlParameter {
     }>;
     /** Custom validation function */
     validate?: (value: any) => boolean | string;
-}
-/**
- * Device control capabilities and commands
- */
-interface ControlCapabilities {
-    /** Can the device be started? */
-    canStart?: boolean;
-    /** Can the device be stopped? */
-    canStop?: boolean;
-    /** Can the device be paused? */
-    canPause?: boolean;
-    /** Can the device be reset? */
-    canReset?: boolean;
-    /** Custom actions available */
-    customActions?: Array<{
-        id: string;
-        label: string;
-        icon?: string;
-        variant?: 'primary' | 'secondary' | 'alarm' | 'warning';
-    }>;
+    /** Modes where this parameter is visible (if empty/undefined, visible in all modes) */
+    modes?: string[];
 }
 /**
  * Device control state
@@ -462,6 +464,10 @@ interface DeviceControlPanelProps {
     position?: 'bottom' | 'side';
     /** Optimize for touch (larger targets) */
     touchOptimized?: boolean;
+    /** Maximum height for bottom position (default: 70vh) */
+    maxHeight?: string;
+    /** Maximum width for bottom position (default: none) */
+    maxWidth?: string;
     /** Called when mode changes */
     onModeChange?: (mode: string) => void;
     /** Called when parameter changes */
@@ -473,7 +479,7 @@ interface DeviceControlPanelProps {
     /** Called when custom action clicked */
     onCustomAction?: (actionId: string) => void;
 }
-declare function DeviceControlPanel({ binding, onClose, position, touchOptimized, onModeChange, onParameterChange, onStart, onStop, onCustomAction, }: DeviceControlPanelProps): react_jsx_runtime.JSX.Element | null;
+declare function DeviceControlPanel({ binding, onClose, position, touchOptimized, maxHeight, maxWidth, onModeChange, onParameterChange, onStart, onStop, onCustomAction, }: DeviceControlPanelProps): react_jsx_runtime.JSX.Element | null;
 
 type DisplayMode = 'standard' | 'dashboard';
 interface FullscreenContainerProps {

package/dist/index.d.ts

@@ -246,6 +246,26 @@ interface NodeControlsPanelProps extends react__default.HTMLAttributes<HTMLDivEl
  */
 declare const NodeControlsPanel: react__default.FC<NodeControlsPanelProps>;
 
+/**
+ * Device control capabilities and commands
+ */
+interface ControlCapabilities {
+    /** Can the device be started? */
+    canStart?: boolean;
+    /** Can the device be stopped? */
+    canStop?: boolean;
+    /** Can the device be paused? */
+    canPause?: boolean;
+    /** Can the device be reset? */
+    canReset?: boolean;
+    /** Custom actions available */
+    customActions?: Array<{
+        id: string;
+        label: string;
+        icon?: string;
+        variant?: 'primary' | 'secondary' | 'alarm' | 'warning';
+    }>;
+}
 /**
  * Device control mode option
  */
@@ -292,26 +312,8 @@ interface ControlParameter {
     }>;
     /** Custom validation function */
     validate?: (value: any) => boolean | string;
-}
-/**
- * Device control capabilities and commands
- */
-interface ControlCapabilities {
-    /** Can the device be started? */
-    canStart?: boolean;
-    /** Can the device be stopped? */
-    canStop?: boolean;
-    /** Can the device be paused? */
-    canPause?: boolean;
-    /** Can the device be reset? */
-    canReset?: boolean;
-    /** Custom actions available */
-    customActions?: Array<{
-        id: string;
-        label: string;
-        icon?: string;
-        variant?: 'primary' | 'secondary' | 'alarm' | 'warning';
-    }>;
+    /** Modes where this parameter is visible (if empty/undefined, visible in all modes) */
+    modes?: string[];
 }
 /**
  * Device control state
@@ -462,6 +464,10 @@ interface DeviceControlPanelProps {
     position?: 'bottom' | 'side';
     /** Optimize for touch (larger targets) */
     touchOptimized?: boolean;
+    /** Maximum height for bottom position (default: 70vh) */
+    maxHeight?: string;
+    /** Maximum width for bottom position (default: none) */
+    maxWidth?: string;
     /** Called when mode changes */
     onModeChange?: (mode: string) => void;
     /** Called when parameter changes */
@@ -473,7 +479,7 @@ interface DeviceControlPanelProps {
     /** Called when custom action clicked */
     onCustomAction?: (actionId: string) => void;
 }
-declare function DeviceControlPanel({ binding, onClose, position, touchOptimized, onModeChange, onParameterChange, onStart, onStop, onCustomAction, }: DeviceControlPanelProps): react_jsx_runtime.JSX.Element | null;
+declare function DeviceControlPanel({ binding, onClose, position, touchOptimized, maxHeight, maxWidth, onModeChange, onParameterChange, onStart, onStop, onCustomAction, }: DeviceControlPanelProps): react_jsx_runtime.JSX.Element | null;
 
 type DisplayMode = 'standard' | 'dashboard';
 interface FullscreenContainerProps {

package/dist/index.js

@@ -901,6 +901,8 @@ function DeviceControlPanel({
   onClose,
   position = "bottom",
   touchOptimized = true,
+  maxHeight,
+  maxWidth,
   onModeChange,
   onParameterChange,
   onStart,
@@ -962,7 +964,10 @@ function DeviceControlPanel({
       bottom: 0,
       left: 0,
       right: 0,
-      animation: "slideUp 0.3s ease-out"
+      animation: "slideUp 0.3s ease-out",
+      maxWidth,
+      marginLeft: "auto",
+      marginRight: "auto"
     } : {
       right: 0,
       top: 0,
@@ -977,7 +982,7 @@ function DeviceControlPanel({
     border: `2px solid ${borderColor}`,
     padding: "20px",
     zIndex: 9999,
-    maxHeight: position === "bottom" ? "70vh" : "100vh",
+    maxHeight: maxHeight || (position === "bottom" ? "70vh" : "100vh"),
     overflowY: "auto",
     ...binding.display?.style
   };