@cwellt_software/cwellt-reactjs-lib 1.5.4 → 1.5.5

package/dist/index.cjs.js

@@ -113,13 +113,27 @@ function colorToHSL(color) {
         l: Math.round(l * 100)
     };
 }
+const HEX_CACHE_LIMIT = 500;
+const hexCache = new Map();
+let canvasContext = null;
 function colorToHEX(color) {
-    const canvas = document.createElement('canvas');
-    const context = canvas.getContext('2d');
-    if (!context)
-        throw new Error('Could not create canvas context');
-    context.fillStyle = color;
-    return context.fillStyle;
+    const cached = hexCache.get(color);
+    if (cached !== undefined)
+        return cached;
+    if (!canvasContext) {
+        canvasContext = document.createElement('canvas').getContext('2d');
+        if (!canvasContext)
+            throw new Error('Could not create canvas context');
+    }
+    // A reused context keeps its previous fillStyle when the new color is invalid; reset it to the
+    // fresh-canvas default so an invalid color still gives black instead of the last valid color.
+    canvasContext.fillStyle = '#000000';
+    canvasContext.fillStyle = color;
+    const hex = canvasContext.fillStyle;
+    if (hexCache.size >= HEX_CACHE_LIMIT)
+        hexCache.clear();
+    hexCache.set(color, hex);
+    return hex;
 }
 function getHSLColor(color, alpha = 1) {
     const hsl = colorToHSL(color);
@@ -9017,18 +9031,16 @@ const getNow$1 = (isUtc) => {
     return now;
 };
 const TimeLine = ({ left, top = "0px", height, color, width = "2px", zIndexNumber = 0, isHeader, isUtc = false }) => {
-    const [currentTime, setCurrentTime] = React.useState(getNow$1(isUtc));
+    const [currentTime, setCurrentTime] = React.useState(() => getNow$1(isUtc));
     React.useEffect(() => {
+        if (!isHeader) {
+            return;
+        }
         const interval = setInterval(() => {
             setCurrentTime(getNow$1(isUtc));
-        }, 60000); // Actualiza cada minuto
+        }, 60000);
         return () => clearInterval(interval);
-    }, [isUtc]);
-    const timeString = currentTime.toLocaleTimeString([], {
-        hour: '2-digit',
-        minute: '2-digit',
-        hour12: false
-    });
+    }, [isUtc, isHeader]);
     return (jsxRuntime.jsx("div", { style: {
             position: "absolute",
             top: top,
@@ -9040,7 +9052,11 @@ const TimeLine = ({ left, top = "0px", height, color, width = "2px", zIndexNumbe
             zIndex: zIndexNumber,
         }, className: styles$3["scheduler-timeline-now"], children: isHeader && (jsxRuntime.jsx("span", { style: {
                 color: color,
-            }, className: styles$3["scheduler-timeline-label"], children: timeString })) }));
+            }, className: styles$3["scheduler-timeline-label"], children: currentTime.toLocaleTimeString([], {
+                hour: '2-digit',
+                minute: '2-digit',
+                hour12: false
+            }) })) }));
 };
 
 function isToday(startDate, endDate) {
@@ -9235,7 +9251,7 @@ const eventsCollide = (event1, event2) => {
     return eventInsideOther || eventCollideStart || eventCollideEnd;
 };
 // Function to separate events into non-colliding rows
-const separateEventsToInnerRows = (events) => {
+const computeInnerRows = (events) => {
     const sortedEvents = [...events].sort((a, b) => {
         const aOrder = a.order ?? Number.MAX_SAFE_INTEGER;
         const bOrder = b.order ?? Number.MAX_SAFE_INTEGER;
@@ -9260,15 +9276,44 @@ const separateEventsToInnerRows = (events) => {
     }
     return rows;
 };
+// The scheduler asks for the same row's lanes several times per repaint (total height, virtual-list
+// item size, row render). Row event arrays keep their identity until their events change, so the
+// array itself is the cache key.
+const innerRowsCache = new WeakMap();
+const separateEventsToInnerRows = (events) => {
+    const cached = innerRowsCache.get(events);
+    if (cached) {
+        return cached;
+    }
+    const rows = computeInnerRows(events);
+    innerRowsCache.set(events, rows);
+    return rows;
+};
 
 const DivisionLine = ({ left, top = "0px", height, isDayBoundary }) => {
-    const color = isDayBoundary ? "rgba(255,255,255,1)" : "rgba(255,255,255,0.8)";
-    const width = isDayBoundary ? "2px" : "1px";
-    return (jsxRuntime.jsx(TimeLine, { color: color, left: left + "%", height: height, width: width, top: top }));
+    return (jsxRuntime.jsx("div", { style: {
+            position: "absolute",
+            top: top,
+            height: height,
+            left: left + "%",
+            width: isDayBoundary ? "2px" : "1px",
+            background: isDayBoundary ? "rgba(255,255,255,1)" : "rgba(255,255,255,0.8)",
+            pointerEvents: "none",
+            zIndex: 0,
+        } }));
 };
 
 const WeekEndLine = ({ left, top = "0px", height, widthPercentage }) => {
-    return (jsxRuntime.jsx(TimeLine, { color: "rgba(0,0,0,0.05)", left: left + "%", height: height, width: widthPercentage + "%", top: top }));
+    return (jsxRuntime.jsx("div", { style: {
+            position: "absolute",
+            top: top,
+            height: height,
+            left: left + "%",
+            width: widthPercentage + "%",
+            background: "rgba(0,0,0,0.05)",
+            pointerEvents: "none",
+            zIndex: 0,
+        } }));
 };
 
 var styles$1 = {"scheduler-row-header":"scheduler-row-module__scheduler-row-header__S-iv4"};