@oneuptime/common 12.0.33 → 12.0.34

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":"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"}

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

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

@@ -1 +1 @@
-{"version":3,"file":"IconDropdownItem.js","sourceRoot":"","sources":["../../../../../../UI/Components/Header/IconDropdown/IconDropdownItem.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,iBAAiB,CAAC;AACnC,OAAO,IAAI,MAAM,iBAAiB,CAAC;AAInC,OAAO,KAA0C,MAAM,OAAO,CAAC;AAU/D,MAAM,YAAY,GAAsC,CACtD,KAAqB,EACP,EAAE;IAChB,OAAO,CACL,oBAAC,IAAI,IACH,SAAS,EAAC,+IAA+I,EACzJ,EAAE,EAAE,KAAK,CAAC,GAAG,EACb,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,OAAO,EAAE,KAAK,CAAC,OAAO;QAEtB,6BAAK,SAAS,EAAC,qCAAqC,IACjD,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,oBAAC,IAAI,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,GAAI,CAAC,CAAC,CAAC,yCAAK,CAC5C;QACN,8BAAM,SAAS,EAAC,aAAa,IAAE,KAAK,CAAC,KAAK,CAAQ,CAC7C,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"IconDropdownItem.js","sourceRoot":"","sources":["../../../../../../UI/Components/Header/IconDropdown/IconDropdownItem.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,iBAAiB,CAAC;AACnC,OAAO,IAAI,MAAM,iBAAiB,CAAC;AAInC,OAAO,KAA0C,MAAM,OAAO,CAAC;AAgB/D,MAAM,YAAY,GAAsC,CACtD,KAAqB,EACP,EAAE;IAChB,OAAO,CACL,oBAAC,IAAI,IACH,SAAS,EAAC,+IAA+I,EACzJ,EAAE,EAAE,KAAK,CAAC,GAAG,EACb,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,OAAO,EAAE,KAAK,CAAC,OAAO;QAEtB,6BAAK,SAAS,EAAC,qCAAqC,IACjD,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,oBAAC,IAAI,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,GAAI,CAAC,CAAC,CAAC,yCAAK,CAC5C;QACN,8BAAM,SAAS,EAAC,qCAAqC,IAAE,KAAK,CAAC,KAAK,CAAQ;QACzE,KAAK,CAAC,YAAY,IAAI,CACrB,8BAAM,SAAS,EAAC,4BAA4B,IAAE,KAAK,CAAC,YAAY,CAAQ,CACzE,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

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

@@ -1,6 +1,12 @@
 import React from "react";
 const IconDropdown = (props) => {
-    return (React.createElement("div", { className: "absolute right-0 z-10 mt-2 w-56 origin-top-right rounded-xl bg-white py-2 shadow-lg ring-1 ring-gray-200 focus:outline-none transform opacity-100 scale-100 animate-in fade-in slide-in-from-top-1 duration-150", role: "menu", "aria-orientation": "vertical", "aria-labelledby": "user-menu-button" }, props.children));
+    return (React.createElement("div", { 
+        /*
+         * w-64, not w-56: a two-word label with a trailing keycap ("Keyboard
+         * shortcuts  ?") wrapped onto a second line at the old width, which reads
+         * as two menu entries at a glance.
+         */
+        className: "absolute right-0 z-10 mt-2 w-64 origin-top-right rounded-xl bg-white py-2 shadow-lg ring-1 ring-gray-200 focus:outline-none transform opacity-100 scale-100 animate-in fade-in slide-in-from-top-1 duration-150", role: "menu", "aria-orientation": "vertical", "aria-labelledby": "user-menu-button" }, props.children));
 };
 export default IconDropdown;
 //# sourceMappingURL=IconDropdownMenu.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"IconDropdownMenu.js","sourceRoot":"","sources":["../../../../../../UI/Components/Header/IconDropdown/IconDropdownMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAM/D,MAAM,YAAY,GAAsC,CACtD,KAAqB,EACP,EAAE;IAChB,OAAO,CACL,6BACE,SAAS,EAAC,iNAAiN,EAC3N,IAAI,EAAC,MAAM,sBACM,UAAU,qBACX,kBAAkB,IAEjC,KAAK,CAAC,QAAQ,CACX,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"IconDropdownMenu.js","sourceRoot":"","sources":["../../../../../../UI/Components/Header/IconDropdown/IconDropdownMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAM/D,MAAM,YAAY,GAAsC,CACtD,KAAqB,EACP,EAAE;IAChB,OAAO,CACL;QACE;;;;WAIG;QACH,SAAS,EAAC,iNAAiN,EAC3N,IAAI,EAAC,MAAM,sBACM,UAAU,qBACX,kBAAkB,IAEjC,KAAK,CAAC,QAAQ,CACX,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

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

@@ -13,7 +13,13 @@ const ProjectPicker = (props) => {
         setDropdownVisible(isComponentVisible);
         setFilterValue("");
     }, [isComponentVisible]);
-    return (React.createElement("div", { className: "w-64" },
+    return (
+    /*
+     * min-w-0 so the picker is what truncates when the header is tight — its
+     * label is already `truncate`, and the alternative is the whole row
+     * overflowing the viewport. Narrower below sm for the same reason.
+     */
+    React.createElement("div", { className: "w-48 min-w-0 sm:w-64" },
         React.createElement("div", { className: "relative w-full" },
             React.createElement("button", { onClick: () => {
                     setIsComponentVisible(!isDropdownVisible);

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

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

package/build/dist/UI/Components/HeaderAlert/NotificationBell/NotificationBellDropdown.js

@@ -13,7 +13,13 @@ const NotificationBellDropdown = (props) => {
         return item.alertType === HeaderAlertType.SUCCESS && item.count > 0;
     });
     const hasItems = errorItems.length > 0 || infoItems.length > 0 || successItems.length > 0;
-    return (React.createElement("div", { className: "absolute right-0 z-10 mt-2 w-80 rounded-xl bg-white shadow-lg ring-1 ring-gray-200 max-h-96 overflow-y-auto" },
+    return (
+    /*
+     * w-64 below sm: the panel hangs off the bell, which sits a couple of
+     * button widths in from the right edge, so a fixed 20rem runs past the
+     * left edge of a phone screen.
+     */
+    React.createElement("div", { className: "absolute right-0 z-10 mt-2 w-64 rounded-xl bg-white shadow-lg ring-1 ring-gray-200 max-h-96 overflow-y-auto sm:w-80" },
         React.createElement("div", { className: "py-2" },
             React.createElement("div", { className: "px-4 py-2 border-b border-gray-100" },
                 React.createElement("span", { className: "text-sm font-semibold text-gray-900" }, "Notifications")),

package/build/dist/UI/Components/HeaderAlert/NotificationBell/NotificationBellDropdown.js.map

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

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

@@ -407,6 +407,11 @@ const Icon = ({ size = SizeProp.Regular, icon, className, color, thick, onClick,
     else if (icon === IconProp.Terminal) {
         return getSvgWrapper(React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6.75 7.5l3 2.25-3 2.25m4.5 0h3m-9 8.25h13.5A2.25 2.25 0 0021 18V6a2.25 2.25 0 00-2.25-2.25H5.25A2.25 2.25 0 003 6v12a2.25 2.25 0 002.25 2.25z" }));
     }
+    else if (icon === IconProp.Keyboard) {
+        return getSvgWrapper(React.createElement(React.Fragment, null,
+            React.createElement("rect", { x: "2.25", y: "5.25", width: "19.5", height: "13.5", rx: "2.25" }),
+            React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 9.75h.008M9.75 9.75h.008M13.5 9.75h.008M17.25 9.75h.008M7.5 13.5h.008M11.25 13.5h.008M15 13.5h.008M7.5 16.5h9" })));
+    }
     else if (icon === IconProp.Error) {
         return getSvgWrapper(React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 9v3.75m9-.75a9 9 0 11-18 0 9 9 0 0118 0zm-9 3.75h.008v.008H12v-.008z" }));
     }