@oneuptime/common 12.0.32 → 12.0.34

package/build/dist/UI/Components/Graphs/DayUptimeGraph.js

@@ -2,12 +2,64 @@ import Tooltip from "../Tooltip/Tooltip";
 import UptimeBarTooltip from "./UptimeBarTooltip";
 import { Green } from "../../../Types/BrandColors";
 import OneUptimeDate from "../../../Types/Date";
-import React, { useEffect, useState, } from "react";
+import DayUptimeGraphUtil from "../../../Utils/Uptime/DayUptimeGraphUtil";
+import React, { useEffect, useRef, useState, } from "react";
 const DayUptimeGraph = (props) => {
     const [days, setDays] = useState(0);
+    /*
+     * The strip is one tab stop with a roving tabindex inside it - see
+     * DayUptimeGraphUtil. null means "nothing focused yet", which resolves to
+     * today rather than to three months ago.
+     */
+    const [focusedBarIndex, setFocusedBarIndex] = useState(null);
+    const barRefs = useRef([]);
+    /*
+     * Set only by a key press, so that moving focus is a thing the widget does
+     * in response to the keyboard and never a thing it does to a visitor who
+     * simply clicked. Focus is applied in an effect rather than in the handler
+     * because the bar the visitor is moving to may not be the same DOM node
+     * after the render that the key press causes.
+     */
+    const shouldRestoreFocus = useRef(false);
+    useEffect(() => {
+        var _a;
+        if (!shouldRestoreFocus.current) {
+            return;
+        }
+        shouldRestoreFocus.current = false;
+        if (focusedBarIndex === null) {
+            return;
+        }
+        (_a = barRefs.current[focusedBarIndex]) === null || _a === void 0 ? void 0 : _a.focus();
+    }, [focusedBarIndex]);
     useEffect(() => {
         setDays(OneUptimeDate.getNumberOfDaysBetweenDatesInclusive(props.startDate, props.endDate));
     }, [props.startDate, props.endDate]);
+    const activeBarIndex = DayUptimeGraphUtil.getActiveBarIndex({
+        storedIndex: focusedBarIndex,
+        barCount: days,
+    });
+    const moveFocus = (event, index) => {
+        var _a;
+        const nextIndex = DayUptimeGraphUtil.getNextFocusIndex({
+            key: event.key,
+            currentIndex: index,
+            barCount: days,
+        });
+        if (nextIndex === null) {
+            // Not ours: Tab, Enter and Space must keep their normal meaning.
+            return;
+        }
+        event.preventDefault();
+        shouldRestoreFocus.current = true;
+        setFocusedBarIndex(nextIndex);
+        /*
+         * Focused here as well as in the effect: when the strip does not re-render
+         * (the index it was already on), the effect does not run, and focus must
+         * still land somewhere real.
+         */
+        (_a = barRefs.current[nextIndex]) === null || _a === void 0 ? void 0 : _a.focus();
+    };
     const getIncidentsForDay = (startOfDay, endOfDay) => {
         if (!props.incidents || props.incidents.length === 0) {
             return [];
@@ -116,14 +168,59 @@ const DayUptimeGraph = (props) => {
                 isDowntime: downtimeStatusIds.includes(key),
             });
         }
-        const hasDayIncidents = dayIncidents.length > 0;
-        const isClickable = hasDayIncidents && Boolean(props.onBarClick);
-        return (React.createElement(Tooltip, { key: dayNumber, richContent: React.createElement(UptimeBarTooltip, { date: todaysDay, uptimePercent: uptimePercentForTheDay, hasEvents: hasEvents, statusDurations: statusDurations, incidents: dayIncidents, onIncidentClick: props.onIncidentClick }) },
-            React.createElement("div", { className: `${className}${isClickable ? " cursor-pointer hover:opacity-80" : ""}`, style: {
+        /*
+         * Every day opens, not only the days that happen to carry an incident.
+         * The uptime reading and the status breakdown used to live in a hover
+         * tooltip and nowhere else, which put them out of reach of every phone
+         * and every keyboard - and a phone is how most people read a status page
+         * during an outage.
+         */
+        const isClickable = Boolean(props.onBarClick);
+        const summary = {
+            date: todaysDay,
+            uptimePercent: uptimePercentForTheDay,
+            hasEvents: hasEvents,
+            statusDurations: statusDurations,
+            incidents: dayIncidents,
+        };
+        const ariaLabel = DayUptimeGraphUtil.getDayAriaLabel({
+            dateLabel: OneUptimeDate.getDateAsUserFriendlyLocalFormattedString(todaysDay, true),
+            hasEvents: hasEvents,
+            uptimePercent: uptimePercentForTheDay,
+            incidentCount: dayIncidents.length,
+            labels: props.labels,
+        });
+        return (React.createElement(Tooltip, { key: dayNumber, richContent: React.createElement(UptimeBarTooltip, { date: todaysDay, uptimePercent: uptimePercentForTheDay, hasEvents: hasEvents, statusDurations: statusDurations, incidents: dayIncidents, onIncidentClick: props.onIncidentClick, labels: props.labels }) },
+            React.createElement("button", { type: "button", ref: (element) => {
+                    barRefs.current[dayNumber] = element;
+                }, "data-testid": "uptime-bar", "data-day-index": dayNumber, "aria-label": ariaLabel, 
+                /*
+                 * One tab stop for the whole strip. Ninety bars per resource across
+                 * a page of resources would otherwise bury the footer behind
+                 * thousands of Tab presses.
+                 */
+                tabIndex: DayUptimeGraphUtil.getBarTabIndex({
+                    index: dayNumber,
+                    activeIndex: activeBarIndex,
+                }), 
+                /*
+                 * The focus indicator is drawn *inside* the bar (a negative outline
+                 * offset), not around it. Callers wrap this strip in an
+                 * overflow-x-auto scroller so it can be swiped on a phone, and
+                 * overflow-x also clips vertically - anything drawn outside the
+                 * bar's own box loses its top and bottom edge to that scroller. Two
+                 * pixels of indigo inside a seven pixel bar reads clearly against
+                 * every bar colour and cannot be clipped by anything.
+                 */
+                className: `${className} relative block p-0 border-0 appearance-none focus:outline-none focus-visible:z-10 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-indigo-600${isClickable ? " cursor-pointer hover:opacity-80" : ""}`, style: {
                     backgroundColor: color.toString(),
+                }, onFocus: () => {
+                    setFocusedBarIndex(dayNumber);
+                }, onKeyDown: (event) => {
+                    moveFocus(event, dayNumber);
                 }, onClick: isClickable
                     ? () => {
-                        props.onBarClick(todaysDay, dayIncidents);
+                        props.onBarClick(todaysDay, dayIncidents, summary);
                     }
                     : undefined })));
     };
@@ -134,7 +231,15 @@ const DayUptimeGraph = (props) => {
         }
         return elements;
     };
-    return (React.createElement("div", { className: "flex space-x-0.5 rounded overflow-hidden" }, getUptimeGraph()));
+    /*
+     * Deliberately not overflow-hidden any more: it clipped the focus ring of
+     * the first and last bar, which is the one part of this widget a keyboard
+     * user has to be able to see.
+     */
+    return (React.createElement("div", { className: "flex space-x-0.5 rounded", role: "group", "aria-label": DayUptimeGraphUtil.getGraphAriaLabel({
+            dayCount: days,
+            labels: props.labels,
+        }), "data-testid": "day-uptime-graph" }, getUptimeGraph()));
 };
 export default DayUptimeGraph;
 //# sourceMappingURL=DayUptimeGraph.js.map

package/build/dist/UI/Components/Graphs/DayUptimeGraph.js.map

@@ -1 +1 @@
-{"version":3,"file":"DayUptimeGraph.js","sourceRoot":"","sources":["../../../../../UI/Components/Graphs/DayUptimeGraph.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DayUptimeGraph.js","sourceRoot":"","sources":["../../../../../UI/Components/Graphs/DayUptimeGraph.tsx"],"names":[],"mappings":"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"}

package/build/dist/UI/Components/Graphs/UptimeBarTooltip.js

@@ -1,29 +1,11 @@
 import OneUptimeDate from "../../../Types/Date";
+import UptimeDaySummary from "./UptimeDaySummary";
+import { DefaultUptimeHistoryLabels, } from "../../../Types/Monitor/UptimeHistoryLabels";
 import React from "react";
 const UptimeBarTooltip = (props) => {
     const dateStr = OneUptimeDate.getDateAsUserFriendlyLocalFormattedString(props.date, true);
-    // Color tiers
-    const isGood = props.uptimePercent >= 99.9;
-    const isWarn = !isGood && props.uptimePercent >= 99;
-    const uptimeColor = isGood
-        ? "#059669"
-        : isWarn
-            ? "#d97706"
-            : "#dc2626";
-    // Sort: downtime first, then by duration desc
-    const sortedDurations = [
-        ...props.statusDurations,
-    ].sort((a, b) => {
-        if (a.isDowntime !== b.isDowntime) {
-            return a.isDowntime ? -1 : 1;
-        }
-        return b.seconds - a.seconds;
-    });
-    const totalSeconds = sortedDurations.reduce((sum, d) => {
-        return sum + d.seconds;
-    }, 0);
     const hasIncidents = props.incidents.length > 0;
-    const hasStatuses = sortedDurations.length > 0;
+    const labels = props.labels || DefaultUptimeHistoryLabels;
     return (React.createElement("div", { style: {
             minWidth: "280px",
             maxWidth: "340px",
@@ -48,146 +30,7 @@ const UptimeBarTooltip = (props) => {
                     color: "var(--ou-text-primary, #111827)",
                     letterSpacing: "-0.01em",
                 } }, dateStr)),
-        props.hasEvents && (React.createElement("div", { style: {
-                marginBottom: hasStatuses || hasIncidents ? "12px" : "0",
-            } },
-            React.createElement("div", { style: {
-                    display: "flex",
-                    alignItems: "baseline",
-                    justifyContent: "space-between",
-                    marginBottom: "8px",
-                } },
-                React.createElement("span", { style: {
-                        fontSize: "11px",
-                        color: "var(--ou-text-muted, #6b7280)",
-                        fontWeight: 500,
-                    } }, "Uptime"),
-                React.createElement("div", { style: { display: "flex", alignItems: "baseline" } },
-                    React.createElement("span", { style: {
-                            fontSize: "14px",
-                            fontWeight: 600,
-                            color: uptimeColor,
-                            fontVariantNumeric: "tabular-nums",
-                            lineHeight: 1,
-                            letterSpacing: "-0.03em",
-                        } }, props.uptimePercent >= 100
-                        ? "100"
-                        : props.uptimePercent.toFixed(2)),
-                    React.createElement("span", { style: {
-                            fontSize: "11px",
-                            fontWeight: 600,
-                            color: uptimeColor,
-                            marginLeft: "1px",
-                            opacity: 0.7,
-                        } }, "%"))),
-            totalSeconds > 0 && sortedDurations.length > 1 ? (React.createElement("div", { style: {
-                    width: "100%",
-                    height: "4px",
-                    borderRadius: "100px",
-                    overflow: "hidden",
-                    display: "flex",
-                    gap: "1px",
-                    backgroundColor: "var(--ou-border-default, #e5e7eb)",
-                } }, sortedDurations.map((status, index) => {
-                const widthPercent = (status.seconds / totalSeconds) * 100;
-                if (widthPercent < 0.5) {
-                    return null;
-                }
-                return (React.createElement("div", { key: index, style: {
-                        width: `${widthPercent}%`,
-                        height: "100%",
-                        backgroundColor: status.color.toString(),
-                    } }));
-            }))) : (React.createElement("div", { style: {
-                    width: "100%",
-                    height: "4px",
-                    backgroundColor: "var(--ou-border-default, #e5e7eb)",
-                    borderRadius: "100px",
-                    overflow: "hidden",
-                } },
-                React.createElement("div", { style: {
-                        width: `${Math.min(props.uptimePercent, 100)}%`,
-                        height: "100%",
-                        backgroundColor: uptimeColor,
-                        borderRadius: "100px",
-                    } }))))),
-        !props.hasEvents && (React.createElement("div", { style: {
-                backgroundColor: "var(--ou-surface-secondary, #f9fafb)",
-                borderRadius: "8px",
-                padding: "16px",
-                textAlign: "center",
-            } },
-            React.createElement("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "var(--ou-border-strong, #d1d5db)", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", style: { margin: "0 auto 6px" } },
-                React.createElement("circle", { cx: "12", cy: "12", r: "10" }),
-                React.createElement("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
-                React.createElement("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })),
-            React.createElement("div", { style: {
-                    fontSize: "12px",
-                    color: "var(--ou-text-subtle, #9ca3af)",
-                    fontWeight: 500,
-                } }, "No monitoring data for this day"))),
-        hasStatuses && (React.createElement("div", { style: {
-                paddingBottom: hasIncidents ? "10px" : "0",
-                marginBottom: hasIncidents ? "10px" : "0",
-                borderBottom: hasIncidents
-                    ? "1px solid var(--ou-border-subtle, #f0f0f0)"
-                    : "none",
-            } }, sortedDurations.map((status, index) => {
-            const pct = totalSeconds > 0 ? (status.seconds / totalSeconds) * 100 : 0;
-            return (React.createElement("div", { key: index, style: {
-                    display: "flex",
-                    alignItems: "center",
-                    padding: "4px 0",
-                    gap: "8px",
-                } },
-                React.createElement("div", { style: {
-                        display: "flex",
-                        alignItems: "center",
-                        gap: "6px",
-                        width: "100px",
-                        flexShrink: 0,
-                    } },
-                    React.createElement("span", { style: {
-                            width: "6px",
-                            height: "6px",
-                            borderRadius: "50%",
-                            backgroundColor: status.color.toString(),
-                            display: "inline-block",
-                            flexShrink: 0,
-                        } }),
-                    React.createElement("span", { style: {
-                            fontSize: "12px",
-                            color: "var(--ou-text-secondary, #374151)",
-                            fontWeight: 500,
-                            whiteSpace: "nowrap",
-                            overflow: "hidden",
-                            textOverflow: "ellipsis",
-                        } }, status.label)),
-                React.createElement("div", { style: {
-                        flex: 1,
-                        height: "4px",
-                        backgroundColor: "var(--ou-surface-tertiary, #f3f4f6)",
-                        borderRadius: "100px",
-                        overflow: "hidden",
-                    } },
-                    React.createElement("div", { style: {
-                            width: `${pct}%`,
-                            height: "100%",
-                            backgroundColor: status.color.toString(),
-                            borderRadius: "100px",
-                            opacity: 0.7,
-                        } })),
-                React.createElement("span", { style: {
-                        fontSize: "11px",
-                        color: status.isDowntime
-                            ? "var(--ou-danger-text, #b91c1c)"
-                            : "var(--ou-text-muted, #6b7280)",
-                        fontWeight: status.isDowntime ? 600 : 400,
-                        fontVariantNumeric: "tabular-nums",
-                        whiteSpace: "nowrap",
-                        flexShrink: 0,
-                    } }, OneUptimeDate.secondsToFormattedFriendlyTimeString(status.seconds))));
-        }))),
+        React.createElement(UptimeDaySummary, { uptimePercent: props.uptimePercent, hasEvents: props.hasEvents, statusDurations: props.statusDurations, hasFollowingContent: hasIncidents, labels: props.labels }),
         hasIncidents && (React.createElement("div", null,
             React.createElement("div", { style: {
                     display: "flex",
@@ -200,7 +43,7 @@ const UptimeBarTooltip = (props) => {
                         color: "var(--ou-text-muted, #6b7280)",
                         fontWeight: 500,
                         flex: 1,
-                    } }, "Incidents"),
+                    } }, labels.incidents),
                 React.createElement("span", { style: {
                         fontSize: "10px",
                         fontWeight: 600,

package/build/dist/UI/Components/Graphs/UptimeBarTooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"UptimeBarTooltip.js","sourceRoot":"","sources":["../../../../../UI/Components/Graphs/UptimeBarTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,MAAM,qBAAqB,CAAC;AAGhD,OAAO,KAA0C,MAAM,OAAO,CAAC;AAkB/D,MAAM,gBAAgB,GAAsC,CAC1D,KAAqB,EACP,EAAE;IAChB,MAAM,OAAO,GACX,aAAa,CAAC,yCAAyC,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAE5E,cAAc;IACd,MAAM,MAAM,GAAY,KAAK,CAAC,aAAa,IAAI,IAAI,CAAC;IACpD,MAAM,MAAM,GAAY,CAAC,MAAM,IAAI,KAAK,CAAC,aAAa,IAAI,EAAE,CAAC;IAE7D,MAAM,WAAW,GAAW,MAAM;QAChC,CAAC,CAAC,SAAS;QACX,CAAC,CAAC,MAAM;YACN,CAAC,CAAC,SAAS;YACX,CAAC,CAAC,SAAS,CAAC;IAEhB,8CAA8C;IAC9C,MAAM,eAAe,GAA0B;QAC7C,GAAG,KAAK,CAAC,eAAe;KACzB,CAAC,IAAI,CAAC,CAAC,CAAiB,EAAE,CAAiB,EAAE,EAAE;QAC9C,IAAI,CAAC,CAAC,UAAU,KAAK,CAAC,CAAC,UAAU,EAAE,CAAC;YAClC,OAAO,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC/B,CAAC;QACD,OAAO,CAAC,CAAC,OAAO,GAAG,CAAC,CAAC,OAAO,CAAC;IAC/B,CAAC,CAAC,CAAC;IAEH,MAAM,YAAY,GAAW,eAAe,CAAC,MAAM,CACjD,CAAC,GAAW,EAAE,CAAiB,EAAE,EAAE;QACjC,OAAO,GAAG,GAAG,CAAC,CAAC,OAAO,CAAC;IACzB,CAAC,EACD,CAAC,CACF,CAAC;IAEF,MAAM,YAAY,GAAY,KAAK,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC;IACzD,MAAM,WAAW,GAAY,eAAe,CAAC,MAAM,GAAG,CAAC,CAAC;IAExD,OAAO,CACL,6BACE,KAAK,EAAE;YACL,QAAQ,EAAE,OAAO;YACjB,QAAQ,EAAE,OAAO;YACjB,UAAU,EACR,mEAAmE;SACtE;QAGD,6BACE,KAAK,EAAE;gBACL,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,QAAQ;gBACpB,GAAG,EAAE,KAAK;gBACV,aAAa,EAAE,MAAM;gBACrB,YAAY,EAAE,MAAM;gBACpB,YAAY,EAAE,4CAA4C;aAC3D;YAED,6BACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,gCAAgC,EACvC,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,KAAK,EAAE,EAAE,UAAU,EAAE,CAAC,EAAE;gBAExB,8BAAM,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,GAAG;gBACzD,8BAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,GAAG;gBACtC,8BAAM,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,GAAG;gBACpC,8BAAM,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,GAAG,CACnC;YACN,8BACE,KAAK,EAAE;oBACL,UAAU,EAAE,GAAG;oBACf,QAAQ,EAAE,MAAM;oBAChB,KAAK,EAAE,iCAAiC;oBACxC,aAAa,EAAE,SAAS;iBACzB,IAEA,OAAO,CACH,CACH;QAGL,KAAK,CAAC,SAAS,IAAI,CAClB,6BACE,KAAK,EAAE;gBACL,YAAY,EAAE,WAAW,IAAI,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG;aACzD;YAED,6BACE,KAAK,EAAE;oBACL,OAAO,EAAE,MAAM;oBACf,UAAU,EAAE,UAAU;oBACtB,cAAc,EAAE,eAAe;oBAC/B,YAAY,EAAE,KAAK;iBACpB;gBAED,8BACE,KAAK,EAAE;wBACL,QAAQ,EAAE,MAAM;wBAChB,KAAK,EAAE,+BAA+B;wBACtC,UAAU,EAAE,GAAG;qBAChB,aAGI;gBACP,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE;oBACrD,8BACE,KAAK,EAAE;4BACL,QAAQ,EAAE,MAAM;4BAChB,UAAU,EAAE,GAAG;4BACf,KAAK,EAAE,WAAW;4BAClB,kBAAkB,EAAE,cAAc;4BAClC,UAAU,EAAE,CAAC;4BACb,aAAa,EAAE,SAAS;yBACzB,IAEA,KAAK,CAAC,aAAa,IAAI,GAAG;wBACzB,CAAC,CAAC,KAAK;wBACP,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,CAC7B;oBACP,8BACE,KAAK,EAAE;4BACL,QAAQ,EAAE,MAAM;4BAChB,UAAU,EAAE,GAAG;4BACf,KAAK,EAAE,WAAW;4BAClB,UAAU,EAAE,KAAK;4BACjB,OAAO,EAAE,GAAG;yBACb,QAGI,CACH,CACF;YAEL,YAAY,GAAG,CAAC,IAAI,eAAe,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAChD,6BACE,KAAK,EAAE;oBACL,KAAK,EAAE,MAAM;oBACb,MAAM,EAAE,KAAK;oBACb,YAAY,EAAE,OAAO;oBACrB,QAAQ,EAAE,QAAQ;oBAClB,OAAO,EAAE,MAAM;oBACf,GAAG,EAAE,KAAK;oBACV,eAAe,EAAE,mCAAmC;iBACrD,IAEA,eAAe,CAAC,GAAG,CAAC,CAAC,MAAsB,EAAE,KAAa,EAAE,EAAE;gBAC7D,MAAM,YAAY,GAChB,CAAC,MAAM,CAAC,OAAO,GAAG,YAAY,CAAC,GAAG,GAAG,CAAC;gBACxC,IAAI,YAAY,GAAG,GAAG,EAAE,CAAC;oBACvB,OAAO,IAAI,CAAC;gBACd,CAAC;gBACD,OAAO,CACL,6BACE,GAAG,EAAE,KAAK,EACV,KAAK,EAAE;wBACL,KAAK,EAAE,GAAG,YAAY,GAAG;wBACzB,MAAM,EAAE,MAAM;wBACd,eAAe,EAAE,MAAM,CAAC,KAAK,CAAC,QAAQ,EAAE;qBACzC,GACD,CACH,CAAC;YACJ,CAAC,CAAC,CACE,CACP,CAAC,CAAC,CAAC,CACF,6BACE,KAAK,EAAE;oBACL,KAAK,EAAE,MAAM;oBACb,MAAM,EAAE,KAAK;oBACb,eAAe,EAAE,mCAAmC;oBACpD,YAAY,EAAE,OAAO;oBACrB,QAAQ,EAAE,QAAQ;iBACnB;gBAED,6BACE,KAAK,EAAE;wBACL,KAAK,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,aAAa,EAAE,GAAG,CAAC,GAAG;wBAC/C,MAAM,EAAE,MAAM;wBACd,eAAe,EAAE,WAAW;wBAC5B,YAAY,EAAE,OAAO;qBACtB,GACD,CACE,CACP,CACG,CACP;QAGA,CAAC,KAAK,CAAC,SAAS,IAAI,CACnB,6BACE,KAAK,EAAE;gBACL,eAAe,EAAE,sCAAsC;gBACvD,YAAY,EAAE,KAAK;gBACnB,OAAO,EAAE,MAAM;gBACf,SAAS,EAAE,QAAQ;aACpB;YAED,6BACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,kCAAkC,EACzC,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,KAAK,EAAE,EAAE,MAAM,EAAE,YAAY,EAAE;gBAE/B,gCAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,GAAG;gBACjC,8BAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,GAAG;gBACvC,8BAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,OAAO,EAAC,EAAE,EAAC,IAAI,GAAG,CACvC;YACN,6BACE,KAAK,EAAE;oBACL,QAAQ,EAAE,MAAM;oBAChB,KAAK,EAAE,gCAAgC;oBACvC,UAAU,EAAE,GAAG;iBAChB,sCAGG,CACF,CACP;QAGA,WAAW,IAAI,CACd,6BACE,KAAK,EAAE;gBACL,aAAa,EAAE,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG;gBAC1C,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG;gBACzC,YAAY,EAAE,YAAY;oBACxB,CAAC,CAAC,4CAA4C;oBAC9C,CAAC,CAAC,MAAM;aACX,IAEA,eAAe,CAAC,GAAG,CAAC,CAAC,MAAsB,EAAE,KAAa,EAAE,EAAE;YAC7D,MAAM,GAAG,GACP,YAAY,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,GAAG,YAAY,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;YAC/D,OAAO,CACL,6BACE,GAAG,EAAE,KAAK,EACV,KAAK,EAAE;oBACL,OAAO,EAAE,MAAM;oBACf,UAAU,EAAE,QAAQ;oBACpB,OAAO,EAAE,OAAO;oBAChB,GAAG,EAAE,KAAK;iBACX;gBAGD,6BACE,KAAK,EAAE;wBACL,OAAO,EAAE,MAAM;wBACf,UAAU,EAAE,QAAQ;wBACpB,GAAG,EAAE,KAAK;wBACV,KAAK,EAAE,OAAO;wBACd,UAAU,EAAE,CAAC;qBACd;oBAED,8BACE,KAAK,EAAE;4BACL,KAAK,EAAE,KAAK;4BACZ,MAAM,EAAE,KAAK;4BACb,YAAY,EAAE,KAAK;4BACnB,eAAe,EAAE,MAAM,CAAC,KAAK,CAAC,QAAQ,EAAE;4BACxC,OAAO,EAAE,cAAc;4BACvB,UAAU,EAAE,CAAC;yBACd,GACD;oBACF,8BACE,KAAK,EAAE;4BACL,QAAQ,EAAE,MAAM;4BAChB,KAAK,EAAE,mCAAmC;4BAC1C,UAAU,EAAE,GAAG;4BACf,UAAU,EAAE,QAAQ;4BACpB,QAAQ,EAAE,QAAQ;4BAClB,YAAY,EAAE,UAAU;yBACzB,IAEA,MAAM,CAAC,KAAK,CACR,CACH;gBAEN,6BACE,KAAK,EAAE;wBACL,IAAI,EAAE,CAAC;wBACP,MAAM,EAAE,KAAK;wBACb,eAAe,EAAE,qCAAqC;wBACtD,YAAY,EAAE,OAAO;wBACrB,QAAQ,EAAE,QAAQ;qBACnB;oBAED,6BACE,KAAK,EAAE;4BACL,KAAK,EAAE,GAAG,GAAG,GAAG;4BAChB,MAAM,EAAE,MAAM;4BACd,eAAe,EAAE,MAAM,CAAC,KAAK,CAAC,QAAQ,EAAE;4BACxC,YAAY,EAAE,OAAO;4BACrB,OAAO,EAAE,GAAG;yBACb,GACD,CACE;gBAEN,8BACE,KAAK,EAAE;wBACL,QAAQ,EAAE,MAAM;wBAChB,KAAK,EAAE,MAAM,CAAC,UAAU;4BACtB,CAAC,CAAC,gCAAgC;4BAClC,CAAC,CAAC,+BAA+B;wBACnC,UAAU,EAAE,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG;wBACzC,kBAAkB,EAAE,cAAc;wBAClC,UAAU,EAAE,QAAQ;wBACpB,UAAU,EAAE,CAAC;qBACd,IAEA,aAAa,CAAC,oCAAoC,CACjD,MAAM,CAAC,OAAO,CACf,CACI,CACH,CACP,CAAC;QACJ,CAAC,CAAC,CACE,CACP;QAGA,YAAY,IAAI,CACf;YACE,6BACE,KAAK,EAAE;oBACL,OAAO,EAAE,MAAM;oBACf,UAAU,EAAE,QAAQ;oBACpB,GAAG,EAAE,KAAK;oBACV,YAAY,EAAE,KAAK;iBACpB;gBAED,8BACE,KAAK,EAAE;wBACL,QAAQ,EAAE,MAAM;wBAChB,KAAK,EAAE,+BAA+B;wBACtC,UAAU,EAAE,GAAG;wBACf,IAAI,EAAE,CAAC;qBACR,gBAGI;gBACP,8BACE,KAAK,EAAE;wBACL,QAAQ,EAAE,MAAM;wBAChB,UAAU,EAAE,GAAG;wBACf,KAAK,EAAE,gCAAgC;wBACvC,eAAe,EACb,qEAAqE;wBACvE,OAAO,EAAE,SAAS;wBAClB,YAAY,EAAE,QAAQ;wBACtB,UAAU,EAAE,KAAK;qBAClB,IAEA,KAAK,CAAC,SAAS,CAAC,MAAM,CAClB,CACH;YAEL,KAAK,CAAC,SAAS;iBACb,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;iBACX,GAAG,CAAC,CAAC,QAAkC,EAAE,EAAE;gBAC1C,MAAM,WAAW,GAAY,OAAO,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;gBAE5D,OAAO,CACL,6BACE,GAAG,EAAE,QAAQ,CAAC,EAAE,EAChB,OAAO,EACL,WAAW;wBACT,CAAC,CAAC,CAAC,CAAmB,EAAE,EAAE;4BACtB,CAAC,CAAC,eAAe,EAAE,CAAC;4BACpB,KAAK,CAAC,eAAgB,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;wBACtC,CAAC;wBACH,CAAC,CAAC,SAAS,EAEf,KAAK,EAAE;wBACL,UAAU,EAAE,aAAa,QAAQ,CAAC,gBAAgB,CAAC,CAAC,CAAC,QAAQ,CAAC,gBAAgB,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,SAAS,EAAE;wBAC7G,OAAO,EAAE,UAAU;wBACnB,YAAY,EAAE,KAAK;wBACnB,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;wBAC3C,UAAU,EAAE,6BAA6B;wBACzC,eAAe,EAAE,sCAAsC;wBACvD,YAAY,EAAE,aAAa;qBAC5B,EACD,YAAY,EAAE,CAAC,CAAmC,EAAE,EAAE;wBACpD,IAAI,WAAW,EAAE,CAAC;4BAEd,CAAC,CAAC,aACH,CAAC,KAAK,CAAC,eAAe;gCACrB,qCAAqC,CAAC;wBAC1C,CAAC;oBACH,CAAC,EACD,YAAY,EAAE,CAAC,CAAmC,EAAE,EAAE;wBACpD,IAAI,WAAW,EAAE,CAAC;4BAEd,CAAC,CAAC,aACH,CAAC,KAAK,CAAC,eAAe;gCACrB,sCAAsC,CAAC;wBAC3C,CAAC;oBACH,CAAC;oBAGD,6BACE,KAAK,EAAE;4BACL,OAAO,EAAE,MAAM;4BACf,UAAU,EAAE,QAAQ;4BACpB,GAAG,EAAE,KAAK;yBACX;wBAED,6BACE,KAAK,EAAE;gCACL,IAAI,EAAE,CAAC;gCACP,QAAQ,EAAE,CAAC;gCACX,QAAQ,EAAE,MAAM;gCAChB,KAAK,EAAE,iCAAiC;gCACxC,UAAU,EAAE,GAAG;gCACf,UAAU,EAAE,KAAK;gCACjB,QAAQ,EAAE,QAAQ;gCAClB,YAAY,EAAE,UAAU;gCACxB,UAAU,EAAE,QAAQ;6BACrB,IAEA,QAAQ,CAAC,KAAK,CACX;wBACL,WAAW,IAAI,CACd,6BACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,EAAE,UAAU,EAAE,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE;4BAEvC,8BACE,CAAC,EAAC,cAAc,EAChB,MAAM,EAAC,+BAA+B,EACtC,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,CACE,CACP,CACG;oBAEN,6BACE,KAAK,EAAE;4BACL,OAAO,EAAE,MAAM;4BACf,UAAU,EAAE,QAAQ;4BACpB,GAAG,EAAE,KAAK;4BACV,QAAQ,EAAE,MAAM;4BAChB,SAAS,EAAE,KAAK;yBACjB;wBAEA,QAAQ,CAAC,gBAAgB,IAAI,CAC5B,8BACE,KAAK,EAAE;gCACL,QAAQ,EAAE,KAAK;gCACf,UAAU,EAAE,GAAG;gCACf,KAAK,EAAE,QAAQ,CAAC,gBAAgB,CAAC,KAAK,CAAC,QAAQ,EAAE;gCACjD,eAAe,EACb,QAAQ,CAAC,gBAAgB,CAAC,KAAK,CAAC,QAAQ,EAAE,GAAG,IAAI;gCACnD,OAAO,EAAE,SAAS;gCAClB,YAAY,EAAE,KAAK;gCACnB,UAAU,EAAE,KAAK;gCACjB,aAAa,EAAE,WAAW;gCAC1B,aAAa,EAAE,QAAQ;6BACxB,IAEA,QAAQ,CAAC,gBAAgB,CAAC,IAAI,CAC1B,CACR;wBACA,QAAQ,CAAC,oBAAoB,IAAI,CAChC,8BACE,KAAK,EAAE;gCACL,QAAQ,EAAE,KAAK;gCACf,UAAU,EAAE,GAAG;gCACf,KAAK,EAAE,QAAQ,CAAC,oBAAoB,CAAC,KAAK,CAAC,QAAQ,EAAE;gCACrD,eAAe,EACb,QAAQ,CAAC,oBAAoB,CAAC,KAAK,CAAC,QAAQ,EAAE;oCAC9C,IAAI;gCACN,OAAO,EAAE,SAAS;gCAClB,YAAY,EAAE,KAAK;gCACnB,UAAU,EAAE,KAAK;gCACjB,aAAa,EAAE,WAAW;gCAC1B,aAAa,EAAE,QAAQ;6BACxB,IAEA,QAAQ,CAAC,oBAAoB,CAAC,IAAI,CAC9B,CACR;wBACD,8BACE,KAAK,EAAE;gCACL,QAAQ,EAAE,MAAM;gCAChB,KAAK,EAAE,gCAAgC;gCACvC,UAAU,EAAE,MAAM;gCAClB,UAAU,EAAE,QAAQ;6BACrB,IAEA,aAAa,CAAC,yCAAyC,CACtD,QAAQ,CAAC,UAAU,EACnB,KAAK,CACN,CACI,CACH,CACF,CACP,CAAC;YACJ,CAAC,CAAC;YAEH,KAAK,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,IAAI,CAC7B,6BACE,KAAK,EAAE;oBACL,QAAQ,EAAE,MAAM;oBAChB,KAAK,EAAE,gCAAgC;oBACvC,SAAS,EAAE,QAAQ;oBACnB,OAAO,EAAE,SAAS;oBAClB,UAAU,EAAE,GAAG;iBAChB;;gBAEC,KAAK,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC;;gBAC3B,KAAK,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CACxC,CACP,CACG,CACP,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"UptimeBarTooltip.js","sourceRoot":"","sources":["../../../../../UI/Components/Graphs/UptimeBarTooltip.tsx"],"names":[],"mappings":"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"}

package/build/dist/UI/Components/Graphs/UptimeDaySummary.js

@@ -0,0 +1,181 @@
+import OneUptimeDate from "../../../Types/Date";
+import { DefaultUptimeHistoryLabels, } from "../../../Types/Monitor/UptimeHistoryLabels";
+import React from "react";
+/*
+ * One day of uptime: the percentage, a bar showing how the day was spent, and
+ * a row per monitor status with how long the day spent in it.
+ *
+ * Shared by the hover tooltip on the uptime strip and by the dialog that same
+ * strip opens on click or on Enter. It exists because those two used to be
+ * different: the tooltip showed the reading and the dialog showed only
+ * incidents, so a visitor without a mouse - a phone, a screen reader, a
+ * keyboard - could never see how a day had actually gone.
+ */
+const UptimeDaySummary = (props) => {
+    const hasFollowingContent = Boolean(props.hasFollowingContent);
+    const labels = props.labels || DefaultUptimeHistoryLabels;
+    // Color tiers
+    const isGood = props.uptimePercent >= 99.9;
+    const isWarn = !isGood && props.uptimePercent >= 99;
+    const uptimeColor = isGood
+        ? "#059669"
+        : isWarn
+            ? "#d97706"
+            : "#dc2626";
+    // Sort: downtime first, then by duration desc
+    const sortedDurations = [
+        ...props.statusDurations,
+    ].sort((a, b) => {
+        if (a.isDowntime !== b.isDowntime) {
+            return a.isDowntime ? -1 : 1;
+        }
+        return b.seconds - a.seconds;
+    });
+    const totalSeconds = sortedDurations.reduce((sum, d) => {
+        return sum + d.seconds;
+    }, 0);
+    const hasStatuses = sortedDurations.length > 0;
+    return (React.createElement(React.Fragment, null,
+        props.hasEvents && (React.createElement("div", { style: {
+                marginBottom: hasStatuses || hasFollowingContent ? "12px" : "0",
+            } },
+            React.createElement("div", { style: {
+                    display: "flex",
+                    alignItems: "baseline",
+                    justifyContent: "space-between",
+                    marginBottom: "8px",
+                } },
+                React.createElement("span", { style: {
+                        fontSize: "11px",
+                        color: "var(--ou-text-muted, #6b7280)",
+                        fontWeight: 500,
+                    } }, labels.uptime),
+                React.createElement("div", { style: { display: "flex", alignItems: "baseline" } },
+                    React.createElement("span", { style: {
+                            fontSize: "14px",
+                            fontWeight: 600,
+                            color: uptimeColor,
+                            fontVariantNumeric: "tabular-nums",
+                            lineHeight: 1,
+                            letterSpacing: "-0.03em",
+                        } }, props.uptimePercent >= 100
+                        ? "100"
+                        : props.uptimePercent.toFixed(2)),
+                    React.createElement("span", { style: {
+                            fontSize: "11px",
+                            fontWeight: 600,
+                            color: uptimeColor,
+                            marginLeft: "1px",
+                            opacity: 0.7,
+                        } }, "%"))),
+            totalSeconds > 0 && sortedDurations.length > 1 ? (React.createElement("div", { style: {
+                    width: "100%",
+                    height: "4px",
+                    borderRadius: "100px",
+                    overflow: "hidden",
+                    display: "flex",
+                    gap: "1px",
+                    backgroundColor: "var(--ou-border-default, #e5e7eb)",
+                } }, sortedDurations.map((status, index) => {
+                const widthPercent = (status.seconds / totalSeconds) * 100;
+                if (widthPercent < 0.5) {
+                    return null;
+                }
+                return (React.createElement("div", { key: index, style: {
+                        width: `${widthPercent}%`,
+                        height: "100%",
+                        backgroundColor: status.color.toString(),
+                    } }));
+            }))) : (React.createElement("div", { style: {
+                    width: "100%",
+                    height: "4px",
+                    backgroundColor: "var(--ou-border-default, #e5e7eb)",
+                    borderRadius: "100px",
+                    overflow: "hidden",
+                } },
+                React.createElement("div", { style: {
+                        width: `${Math.min(props.uptimePercent, 100)}%`,
+                        height: "100%",
+                        backgroundColor: uptimeColor,
+                        borderRadius: "100px",
+                    } }))))),
+        !props.hasEvents && (React.createElement("div", { style: {
+                backgroundColor: "var(--ou-surface-secondary, #f9fafb)",
+                borderRadius: "8px",
+                padding: "16px",
+                textAlign: "center",
+            } },
+            React.createElement("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "var(--ou-border-strong, #d1d5db)", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", style: { margin: "0 auto 6px" } },
+                React.createElement("circle", { cx: "12", cy: "12", r: "10" }),
+                React.createElement("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
+                React.createElement("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })),
+            React.createElement("div", { style: {
+                    fontSize: "12px",
+                    color: "var(--ou-text-subtle, #9ca3af)",
+                    fontWeight: 500,
+                } }, labels.noMonitoringData))),
+        hasStatuses && (React.createElement("div", { style: {
+                paddingBottom: hasFollowingContent ? "10px" : "0",
+                marginBottom: hasFollowingContent ? "10px" : "0",
+                borderBottom: hasFollowingContent
+                    ? "1px solid var(--ou-border-subtle, #f0f0f0)"
+                    : "none",
+            } }, sortedDurations.map((status, index) => {
+            const pct = totalSeconds > 0 ? (status.seconds / totalSeconds) * 100 : 0;
+            return (React.createElement("div", { key: index, style: {
+                    display: "flex",
+                    alignItems: "center",
+                    padding: "4px 0",
+                    gap: "8px",
+                } },
+                React.createElement("div", { style: {
+                        display: "flex",
+                        alignItems: "center",
+                        gap: "6px",
+                        width: "100px",
+                        flexShrink: 0,
+                    } },
+                    React.createElement("span", { style: {
+                            width: "6px",
+                            height: "6px",
+                            borderRadius: "50%",
+                            backgroundColor: status.color.toString(),
+                            display: "inline-block",
+                            flexShrink: 0,
+                        } }),
+                    React.createElement("span", { style: {
+                            fontSize: "12px",
+                            color: "var(--ou-text-secondary, #374151)",
+                            fontWeight: 500,
+                            whiteSpace: "nowrap",
+                            overflow: "hidden",
+                            textOverflow: "ellipsis",
+                        } }, status.label)),
+                React.createElement("div", { style: {
+                        flex: 1,
+                        height: "4px",
+                        backgroundColor: "var(--ou-surface-tertiary, #f3f4f6)",
+                        borderRadius: "100px",
+                        overflow: "hidden",
+                    } },
+                    React.createElement("div", { style: {
+                            width: `${pct}%`,
+                            height: "100%",
+                            backgroundColor: status.color.toString(),
+                            borderRadius: "100px",
+                            opacity: 0.7,
+                        } })),
+                React.createElement("span", { style: {
+                        fontSize: "11px",
+                        color: status.isDowntime
+                            ? "var(--ou-danger-text, #b91c1c)"
+                            : "var(--ou-text-muted, #6b7280)",
+                        fontWeight: status.isDowntime ? 600 : 400,
+                        fontVariantNumeric: "tabular-nums",
+                        whiteSpace: "nowrap",
+                        flexShrink: 0,
+                    } }, OneUptimeDate.secondsToFormattedFriendlyTimeString(status.seconds))));
+        })))));
+};
+export default UptimeDaySummary;
+//# sourceMappingURL=UptimeDaySummary.js.map

package/build/dist/UI/Components/Graphs/UptimeDaySummary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UptimeDaySummary.js","sourceRoot":"","sources":["../../../../../UI/Components/Graphs/UptimeDaySummary.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,MAAM,qBAAqB,CAAC;AAEhD,OAA4B,EAC1B,0BAA0B,GAC3B,MAAM,4CAA4C,CAAC;AACpD,OAAO,KAA0C,MAAM,OAAO,CAAC;AA2B/D;;;;;;;;;GASG;AACH,MAAM,gBAAgB,GAAsC,CAC1D,KAAqB,EACP,EAAE;IAChB,MAAM,mBAAmB,GAAY,OAAO,CAAC,KAAK,CAAC,mBAAmB,CAAC,CAAC;IACxE,MAAM,MAAM,GACV,KAAK,CAAC,MAAM,IAAI,0BAA0B,CAAC;IAE7C,cAAc;IACd,MAAM,MAAM,GAAY,KAAK,CAAC,aAAa,IAAI,IAAI,CAAC;IACpD,MAAM,MAAM,GAAY,CAAC,MAAM,IAAI,KAAK,CAAC,aAAa,IAAI,EAAE,CAAC;IAE7D,MAAM,WAAW,GAAW,MAAM;QAChC,CAAC,CAAC,SAAS;QACX,CAAC,CAAC,MAAM;YACN,CAAC,CAAC,SAAS;YACX,CAAC,CAAC,SAAS,CAAC;IAEhB,8CAA8C;IAC9C,MAAM,eAAe,GAA0B;QAC7C,GAAG,KAAK,CAAC,eAAe;KACzB,CAAC,IAAI,CAAC,CAAC,CAAiB,EAAE,CAAiB,EAAE,EAAE;QAC9C,IAAI,CAAC,CAAC,UAAU,KAAK,CAAC,CAAC,UAAU,EAAE,CAAC;YAClC,OAAO,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC/B,CAAC;QACD,OAAO,CAAC,CAAC,OAAO,GAAG,CAAC,CAAC,OAAO,CAAC;IAC/B,CAAC,CAAC,CAAC;IAEH,MAAM,YAAY,GAAW,eAAe,CAAC,MAAM,CACjD,CAAC,GAAW,EAAE,CAAiB,EAAE,EAAE;QACjC,OAAO,GAAG,GAAG,CAAC,CAAC,OAAO,CAAC;IACzB,CAAC,EACD,CAAC,CACF,CAAC;IAEF,MAAM,WAAW,GAAY,eAAe,CAAC,MAAM,GAAG,CAAC,CAAC;IAExD,OAAO,CACL;QAEG,KAAK,CAAC,SAAS,IAAI,CAClB,6BACE,KAAK,EAAE;gBACL,YAAY,EAAE,WAAW,IAAI,mBAAmB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG;aAChE;YAED,6BACE,KAAK,EAAE;oBACL,OAAO,EAAE,MAAM;oBACf,UAAU,EAAE,UAAU;oBACtB,cAAc,EAAE,eAAe;oBAC/B,YAAY,EAAE,KAAK;iBACpB;gBAED,8BACE,KAAK,EAAE;wBACL,QAAQ,EAAE,MAAM;wBAChB,KAAK,EAAE,+BAA+B;wBACtC,UAAU,EAAE,GAAG;qBAChB,IAEA,MAAM,CAAC,MAAM,CACT;gBACP,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE;oBACrD,8BACE,KAAK,EAAE;4BACL,QAAQ,EAAE,MAAM;4BAChB,UAAU,EAAE,GAAG;4BACf,KAAK,EAAE,WAAW;4BAClB,kBAAkB,EAAE,cAAc;4BAClC,UAAU,EAAE,CAAC;4BACb,aAAa,EAAE,SAAS;yBACzB,IAEA,KAAK,CAAC,aAAa,IAAI,GAAG;wBACzB,CAAC,CAAC,KAAK;wBACP,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,CAC7B;oBACP,8BACE,KAAK,EAAE;4BACL,QAAQ,EAAE,MAAM;4BAChB,UAAU,EAAE,GAAG;4BACf,KAAK,EAAE,WAAW;4BAClB,UAAU,EAAE,KAAK;4BACjB,OAAO,EAAE,GAAG;yBACb,QAGI,CACH,CACF;YAEL,YAAY,GAAG,CAAC,IAAI,eAAe,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAChD,6BACE,KAAK,EAAE;oBACL,KAAK,EAAE,MAAM;oBACb,MAAM,EAAE,KAAK;oBACb,YAAY,EAAE,OAAO;oBACrB,QAAQ,EAAE,QAAQ;oBAClB,OAAO,EAAE,MAAM;oBACf,GAAG,EAAE,KAAK;oBACV,eAAe,EAAE,mCAAmC;iBACrD,IAEA,eAAe,CAAC,GAAG,CAAC,CAAC,MAAsB,EAAE,KAAa,EAAE,EAAE;gBAC7D,MAAM,YAAY,GAChB,CAAC,MAAM,CAAC,OAAO,GAAG,YAAY,CAAC,GAAG,GAAG,CAAC;gBACxC,IAAI,YAAY,GAAG,GAAG,EAAE,CAAC;oBACvB,OAAO,IAAI,CAAC;gBACd,CAAC;gBACD,OAAO,CACL,6BACE,GAAG,EAAE,KAAK,EACV,KAAK,EAAE;wBACL,KAAK,EAAE,GAAG,YAAY,GAAG;wBACzB,MAAM,EAAE,MAAM;wBACd,eAAe,EAAE,MAAM,CAAC,KAAK,CAAC,QAAQ,EAAE;qBACzC,GACD,CACH,CAAC;YACJ,CAAC,CAAC,CACE,CACP,CAAC,CAAC,CAAC,CACF,6BACE,KAAK,EAAE;oBACL,KAAK,EAAE,MAAM;oBACb,MAAM,EAAE,KAAK;oBACb,eAAe,EAAE,mCAAmC;oBACpD,YAAY,EAAE,OAAO;oBACrB,QAAQ,EAAE,QAAQ;iBACnB;gBAED,6BACE,KAAK,EAAE;wBACL,KAAK,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,aAAa,EAAE,GAAG,CAAC,GAAG;wBAC/C,MAAM,EAAE,MAAM;wBACd,eAAe,EAAE,WAAW;wBAC5B,YAAY,EAAE,OAAO;qBACtB,GACD,CACE,CACP,CACG,CACP;QAGA,CAAC,KAAK,CAAC,SAAS,IAAI,CACnB,6BACE,KAAK,EAAE;gBACL,eAAe,EAAE,sCAAsC;gBACvD,YAAY,EAAE,KAAK;gBACnB,OAAO,EAAE,MAAM;gBACf,SAAS,EAAE,QAAQ;aACpB;YAED,6BACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,kCAAkC,EACzC,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,KAAK,EAAE,EAAE,MAAM,EAAE,YAAY,EAAE;gBAE/B,gCAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,GAAG;gBACjC,8BAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,GAAG;gBACvC,8BAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,OAAO,EAAC,EAAE,EAAC,IAAI,GAAG,CACvC;YACN,6BACE,KAAK,EAAE;oBACL,QAAQ,EAAE,MAAM;oBAChB,KAAK,EAAE,gCAAgC;oBACvC,UAAU,EAAE,GAAG;iBAChB,IAEA,MAAM,CAAC,gBAAgB,CACpB,CACF,CACP;QAGA,WAAW,IAAI,CACd,6BACE,KAAK,EAAE;gBACL,aAAa,EAAE,mBAAmB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG;gBACjD,YAAY,EAAE,mBAAmB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG;gBAChD,YAAY,EAAE,mBAAmB;oBAC/B,CAAC,CAAC,4CAA4C;oBAC9C,CAAC,CAAC,MAAM;aACX,IAEA,eAAe,CAAC,GAAG,CAAC,CAAC,MAAsB,EAAE,KAAa,EAAE,EAAE;YAC7D,MAAM,GAAG,GACP,YAAY,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,GAAG,YAAY,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;YAC/D,OAAO,CACL,6BACE,GAAG,EAAE,KAAK,EACV,KAAK,EAAE;oBACL,OAAO,EAAE,MAAM;oBACf,UAAU,EAAE,QAAQ;oBACpB,OAAO,EAAE,OAAO;oBAChB,GAAG,EAAE,KAAK;iBACX;gBAGD,6BACE,KAAK,EAAE;wBACL,OAAO,EAAE,MAAM;wBACf,UAAU,EAAE,QAAQ;wBACpB,GAAG,EAAE,KAAK;wBACV,KAAK,EAAE,OAAO;wBACd,UAAU,EAAE,CAAC;qBACd;oBAED,8BACE,KAAK,EAAE;4BACL,KAAK,EAAE,KAAK;4BACZ,MAAM,EAAE,KAAK;4BACb,YAAY,EAAE,KAAK;4BACnB,eAAe,EAAE,MAAM,CAAC,KAAK,CAAC,QAAQ,EAAE;4BACxC,OAAO,EAAE,cAAc;4BACvB,UAAU,EAAE,CAAC;yBACd,GACD;oBACF,8BACE,KAAK,EAAE;4BACL,QAAQ,EAAE,MAAM;4BAChB,KAAK,EAAE,mCAAmC;4BAC1C,UAAU,EAAE,GAAG;4BACf,UAAU,EAAE,QAAQ;4BACpB,QAAQ,EAAE,QAAQ;4BAClB,YAAY,EAAE,UAAU;yBACzB,IAEA,MAAM,CAAC,KAAK,CACR,CACH;gBAEN,6BACE,KAAK,EAAE;wBACL,IAAI,EAAE,CAAC;wBACP,MAAM,EAAE,KAAK;wBACb,eAAe,EAAE,qCAAqC;wBACtD,YAAY,EAAE,OAAO;wBACrB,QAAQ,EAAE,QAAQ;qBACnB;oBAED,6BACE,KAAK,EAAE;4BACL,KAAK,EAAE,GAAG,GAAG,GAAG;4BAChB,MAAM,EAAE,MAAM;4BACd,eAAe,EAAE,MAAM,CAAC,KAAK,CAAC,QAAQ,EAAE;4BACxC,YAAY,EAAE,OAAO;4BACrB,OAAO,EAAE,GAAG;yBACb,GACD,CACE;gBAEN,8BACE,KAAK,EAAE;wBACL,QAAQ,EAAE,MAAM;wBAChB,KAAK,EAAE,MAAM,CAAC,UAAU;4BACtB,CAAC,CAAC,gCAAgC;4BAClC,CAAC,CAAC,+BAA+B;wBACnC,UAAU,EAAE,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG;wBACzC,kBAAkB,EAAE,cAAc;wBAClC,UAAU,EAAE,QAAQ;wBACpB,UAAU,EAAE,CAAC;qBACd,IAEA,aAAa,CAAC,oCAAoC,CACjD,MAAM,CAAC,OAAO,CACf,CACI,CACH,CACP,CAAC;QACJ,CAAC,CAAC,CACE,CACP,CACA,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/build/dist/UI/Components/Header/Header.js

@@ -3,10 +3,9 @@ const Header = (props) => {
     return (React.createElement(React.Fragment, null,
         React.createElement("div", { className: props.className ||
                 "relative flex h-16 justify-between bg-white shadow-sm px-4" },
-            React.createElement("div", { className: "relative z-20 flex items-center" }, props.leftComponents),
+            React.createElement("div", { className: "relative z-20 flex min-w-0 items-center" }, props.leftComponents),
             props.centerComponents && (React.createElement("div", { className: "relative z-0 flex flex-1 items-center justify-center px-2 sm:absolute sm:inset-0" }, props.centerComponents)),
-            props.mobileRightComponents && (React.createElement("div", { className: "relative z-20 flex items-center lg:hidden" }, props.mobileRightComponents)),
-            React.createElement("div", { className: "hidden lg:relative lg:z-10 lg:ml-4 lg:flex lg:items-center lg:gap-2" }, props.rightComponents))));
+            React.createElement("div", { className: "relative z-20 ml-2 flex flex-shrink-0 items-center gap-2 lg:z-10 lg:ml-4" }, props.rightComponents))));
 };
 export default Header;
 //# sourceMappingURL=Header.js.map

package/build/dist/UI/Components/Header/Header.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../../UI/Components/Header/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAU/D,MAAM,MAAM,GAAsC,CAChD,KAAqB,EACP,EAAE;IAChB,OAAO,CACL,oBAAC,KAAK,CAAC,QAAQ;QACb,6BACE,SAAS,EACP,KAAK,CAAC,SAAS;gBACf,4DAA4D;YAG9D,6BAAK,SAAS,EAAC,iCAAiC,IAC7C,KAAK,CAAC,cAAc,CACjB;YAEL,KAAK,CAAC,gBAAgB,IAAI,CACzB,6BAAK,SAAS,EAAC,kFAAkF,IAC9F,KAAK,CAAC,gBAAgB,CACnB,CACP;YAEA,KAAK,CAAC,qBAAqB,IAAI,CAC9B,6BAAK,SAAS,EAAC,2CAA2C,IACvD,KAAK,CAAC,qBAAqB,CACxB,CACP;YAED,6BAAK,SAAS,EAAC,qEAAqE,IACjF,KAAK,CAAC,eAAe,CAClB,CACF,CACS,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../../UI/Components/Header/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAc/D,MAAM,MAAM,GAAsC,CAChD,KAAqB,EACP,EAAE;IAChB,OAAO,CACL,oBAAC,KAAK,CAAC,QAAQ;QACb,6BACE,SAAS,EACP,KAAK,CAAC,SAAS;gBACf,4DAA4D;YAQ9D,6BAAK,SAAS,EAAC,yCAAyC,IACrD,KAAK,CAAC,cAAc,CACjB;YAEL,KAAK,CAAC,gBAAgB,IAAI,CACzB,6BAAK,SAAS,EAAC,kFAAkF,IAC9F,KAAK,CAAC,gBAAgB,CACnB,CACP;YAeD,6BAAK,SAAS,EAAC,0EAA0E,IACtF,KAAK,CAAC,eAAe,CAClB,CACF,CACS,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/build/dist/UI/Components/Header/IconDropdown/IconDropdownItem.js

@@ -4,7 +4,8 @@ import React from "react";
 const IconDropdown = (props) => {
     return (React.createElement(Link, { className: "flex items-center gap-3 py-2.5 px-4 text-sm text-gray-700 hover:bg-gray-50 hover:text-gray-900 transition-colors duration-150 mx-2 rounded-lg", to: props.url, openInNewTab: props.openInNewTab, onClick: props.onClick },
         React.createElement("div", { className: "flex-shrink-0 h-5 w-5 text-gray-400" }, props.icon ? React.createElement(Icon, { icon: props.icon }) : React.createElement(React.Fragment, null)),
-        React.createElement("span", { className: "font-medium" }, props.title)));
+        React.createElement("span", { className: "min-w-0 flex-1 truncate font-medium" }, props.title),
+        props.rightElement && (React.createElement("span", { className: "flex shrink-0 items-center" }, props.rightElement))));
 };
 export default IconDropdown;
 //# sourceMappingURL=IconDropdownItem.js.map