@rfkit/charts 1.0.97 → 1.0.99

package/components/StationAllocation/SegmentContainer.d.ts

@@ -11,6 +11,8 @@ interface SegmentContainerProps {
     style: React.CSSProperties;
     stationPositions: StationPosition[];
     currentFrequency: number;
+    segmentIndex: number;
+    isCurrentSegment: boolean;
 }
 declare const SegmentContainer: React.FC<SegmentContainerProps>;
 export default SegmentContainer;

package/index.js

@@ -2432,7 +2432,7 @@ var __webpack_modules__ = {
 .segmentContainer-gDwnhB {
   box-sizing: border-box;
   height: 100%;
-  position: relative;
+  position: absolute;
 }
 
 .segmentContainer-gDwnhB .item-ybDTIt {
@@ -11426,11 +11426,11 @@ StationAllocation_styles_module_options.domAPI = styleDomAPI_default();
 StationAllocation_styles_module_options.insertStyleElement = insertStyleElement_default();
 injectStylesIntoStyleTag_default()(StationAllocation_styles_module.Z, StationAllocation_styles_module_options);
 const components_StationAllocation_styles_module = StationAllocation_styles_module.Z && StationAllocation_styles_module.Z.locals ? StationAllocation_styles_module.Z.locals : void 0;
-const SegmentContainer_SegmentContainer = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.memo)(({ style, stationPositions, currentFrequency })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+const SegmentContainer_SegmentContainer = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.memo)(({ style, stationPositions, currentFrequency, segmentIndex, isCurrentSegment })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
         className: components_StationAllocation_styles_module.segmentContainer,
         style: style,
         children: stationPositions.map(({ station, position }, index)=>{
-            const isActive = currentFrequency >= station.startFrequency && currentFrequency <= station.stopFrequency;
+            const isActive = isCurrentSegment && currentFrequency >= station.startFrequency && currentFrequency <= station.stopFrequency;
             return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
                 className: `${components_StationAllocation_styles_module.item} ${isActive ? components_StationAllocation_styles_module.active : ''}`,
                 style: {
@@ -11438,7 +11438,7 @@ const SegmentContainer_SegmentContainer = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_M
                     width: position.width
                 },
                 title: `${station.signalName} - ${station.frequency}${station.orgName ? ` (${station.orgName})` : ''}`
-            }, `station-${station.signalName}-${station.frequency}-${index}`);
+            }, `segment-${segmentIndex}-station-${station.signalName}-${station.frequency}-${index}`);
         })
     }));
 const StationAllocation_SegmentContainer = SegmentContainer_SegmentContainer;
@@ -11448,6 +11448,21 @@ const StationAllocation_StationAllocation = ({ show = true, display = true })=>{
         left,
         frequencyFormat
     ]);
+    const currentSegmentIndex = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
+        if (!segments?.length) return -1;
+        let totalPoints = 0;
+        const totalSegmentPoints = segments.reduce((sum, s)=>sum + s.point, 0);
+        const mousePositionRatio = left / 100;
+        for(let i = 0; i < segments.length; i++){
+            const segmentRatio = segments[i].point / totalSegmentPoints;
+            if (mousePositionRatio >= totalPoints && mousePositionRatio <= totalPoints + segmentRatio) return i;
+            totalPoints += segmentRatio;
+        }
+        return -1;
+    }, [
+        segments,
+        left
+    ]);
     const segmentData = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
         if (!segments?.length || !stationInfo.length) return [];
         return segments.map((segment, segmentIndex)=>{
@@ -11513,7 +11528,7 @@ const StationAllocation_StationAllocation = ({ show = true, display = true })=>{
         segments,
         stationInfo
     ]);
-    if (!show || !display) return null;
+    if (!show || !display || 0 === left) return null;
     return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
         className: components_StationAllocation_styles_module.StationAllocation,
         children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
@@ -11522,7 +11537,9 @@ const StationAllocation_StationAllocation = ({ show = true, display = true })=>{
             children: segmentData.map(({ segmentIndex, stationPositions, style })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(StationAllocation_SegmentContainer, {
                     style: style,
                     stationPositions: stationPositions,
-                    currentFrequency: currentFrequency
+                    currentFrequency: currentFrequency,
+                    segmentIndex: segmentIndex,
+                    isCurrentSegment: currentSegmentIndex === segmentIndex
                 }, `segment-${segmentIndex}`))
         })
     });

package/package.json

@@ -5,6 +5,6 @@
   "types": "index.d.ts",
   "author": "Hxgh",
   "license": "MIT",
-  "version": "1.0.97",
+  "version": "1.0.99",
   "private": false
 }