@adcops/autocore-react 3.3.8 → 3.3.10

package/src/components/ValueIndicator.tsx

@@ -1,136 +1,136 @@
-/*
- * Copyright (C) 2024 Automated Design Corp. All Rights Reserved.
- * Created Date: 2024-01-16 14:17:02
- * -----
- * Last Modified: 2025-09-05 14:50:58
- * Modified By: ADC
- * -----
- * 
- */
-
-
-
-import React, { Component } from 'react';
-
-import { Tooltip } from "primereact/tooltip";
-
-import { ValueDisplay } from './ValueDisplay';
-import type { NumerableFormatOptions } from '../core/NumerableTypes';
-
-import "./ValueIndicator.css";
-
-
-/**
- * Properties of the ValueDisplay component.
- */
-interface ValueIndicatorProps {
-
-    /**
-     * Label for the indicator.
-     */
-    label?: React.ReactNode | undefined;
-
-    /**
-     * Value to be displayed
-     */
-    value?: string | number | null | undefined;
-
-
-    /**
-     * Tooltip to display on hover
-     */
-    tooltip?: string | undefined;
-
-    /**
-     * Format for `value`<br/>
-     * See [numerable formats](https://github.com/gastonmesseri/numerable#1234-formatting-numbers)
-     */
-    format?: string | null | undefined;
-
-    /**
-     * Format options for `value`<br/>
-     * See [numerable format options](https://github.com/gastonmesseri/numerable#format)
-     */
-    formatOptions?: NumerableFormatOptions;
-
-    /**
-     * Custom class name to be attached
-     */
-    className?: string;
-
-    /**
-     * The topic to monitor to display. Optional. 
-     */
-    topic?: string;
-
-
-    /**
-     * Optional style properties.
-     */
-    style?: React.CSSProperties | undefined; 
-}
-
-/**
- * State of the ValueDisplay component.
- */
-interface ValueIndicatorState {
-}
-
-
-
-/**
- * `ValueIndicator` wraps `ValueDisplay` in a frame and label, giving it a widget appearance.
- * Care is taken to adapt to the selected theme of the application.
- * 
- */
-export class ValueIndicator extends Component<ValueIndicatorProps, ValueIndicatorState> {
-
-
-    /**
-     * The constructor initializes the component state and binds the initial value.
-     * @param {ValueIndicatorProps} props The properties passed to the component, including initial value and other display options.
-     */
-    constructor(props: ValueIndicatorProps) {
-        super(props);
-        this.state = {
-        };
-    }
-
-    /**
-     * Renders the component into the DOM.
-     * @returns A styled `div` element displaying the indicator.
-     */
-
-
-
-    render() {
-
-        return (
-            <div className='value-indicator-container' style={this.props.style}>
-                <Tooltip target=".value-indicator-container" />
-
-                    {this.props.label !== undefined &&
-                        <div className="value-indicator-label">
-                            {this.props.label}
-                        </div>
-                    }
-
-                    <ValueDisplay
-                        className={this.props.className}
-
-                        value={this.props.value}
-                        format={this.props.format}
-                        formatOptions={this.props.formatOptions}
-                        topic={this.props.topic}
-                        data-pr-tooltip={this.props.tooltip}
-                        data-pr-position="down"
-                        data-pr-mousetrack={true}
-                        data-pr-showDelay={2000}
-                    />
-            </div>            
-        );
-    }
-}
-
-export default ValueIndicator;
+/*
+ * Copyright (C) 2024 Automated Design Corp. All Rights Reserved.
+ * Created Date: 2024-01-16 14:17:02
+ * -----
+ * Last Modified: 2025-09-05 14:50:58
+ * Modified By: ADC
+ * -----
+ * 
+ */
+
+
+
+import React, { Component } from 'react';
+
+import { Tooltip } from "primereact/tooltip";
+
+import { ValueDisplay } from './ValueDisplay';
+import type { NumerableFormatOptions } from '../core/NumerableTypes';
+
+import "./ValueIndicator.css";
+
+
+/**
+ * Properties of the ValueDisplay component.
+ */
+interface ValueIndicatorProps {
+
+    /**
+     * Label for the indicator.
+     */
+    label?: React.ReactNode | undefined;
+
+    /**
+     * Value to be displayed
+     */
+    value?: string | number | null | undefined;
+
+
+    /**
+     * Tooltip to display on hover
+     */
+    tooltip?: string | undefined;
+
+    /**
+     * Format for `value`<br/>
+     * See [numerable formats](https://github.com/gastonmesseri/numerable#1234-formatting-numbers)
+     */
+    format?: string | null | undefined;
+
+    /**
+     * Format options for `value`<br/>
+     * See [numerable format options](https://github.com/gastonmesseri/numerable#format)
+     */
+    formatOptions?: NumerableFormatOptions;
+
+    /**
+     * Custom class name to be attached
+     */
+    className?: string;
+
+    /**
+     * The topic to monitor to display. Optional. 
+     */
+    topic?: string;
+
+
+    /**
+     * Optional style properties.
+     */
+    style?: React.CSSProperties | undefined; 
+}
+
+/**
+ * State of the ValueDisplay component.
+ */
+interface ValueIndicatorState {
+}
+
+
+
+/**
+ * `ValueIndicator` wraps `ValueDisplay` in a frame and label, giving it a widget appearance.
+ * Care is taken to adapt to the selected theme of the application.
+ * 
+ */
+export class ValueIndicator extends Component<ValueIndicatorProps, ValueIndicatorState> {
+
+
+    /**
+     * The constructor initializes the component state and binds the initial value.
+     * @param {ValueIndicatorProps} props The properties passed to the component, including initial value and other display options.
+     */
+    constructor(props: ValueIndicatorProps) {
+        super(props);
+        this.state = {
+        };
+    }
+
+    /**
+     * Renders the component into the DOM.
+     * @returns A styled `div` element displaying the indicator.
+     */
+
+
+
+    render() {
+
+        return (
+            <div className='value-indicator-container' style={this.props.style}>
+                <Tooltip target=".value-indicator-container" />
+
+                    {this.props.label !== undefined &&
+                        <div className="value-indicator-label">
+                            {this.props.label}
+                        </div>
+                    }
+
+                    <ValueDisplay
+                        className={this.props.className}
+
+                        value={this.props.value}
+                        format={this.props.format}
+                        formatOptions={this.props.formatOptions}
+                        topic={this.props.topic}
+                        data-pr-tooltip={this.props.tooltip}
+                        data-pr-position="down"
+                        data-pr-mousetrack={true}
+                        data-pr-showDelay={2000}
+                    />
+            </div>            
+        );
+    }
+}
+
+export default ValueIndicator;
 export { type NumerableFormatOptions };