@oneuptime/common 14.0.12 → 14.0.14

package/build/dist/UI/Components/Sso/SsoProviderFormFields.js

@@ -0,0 +1,208 @@
+import Team from "../../../Models/DatabaseModels/Team";
+import { getDefaultSsoProviderDescription, isDefaultSsoProviderDescription, } from "../../../Types/SSO/SsoProviderDefaults";
+import { translationKey } from "../../Utils/TranslateTemplate";
+import FormFieldSchemaType from "../Forms/Types/FormFieldSchemaType";
+/*
+ * THE PARTS EVERY SINGLE SIGN-ON PROVIDER FORM SHARES.
+ *
+ * A provider form - SAML or OpenID Connect, for a project, a status page or
+ * the whole instance - asks two things: which identity provider (its name
+ * and what OneUptime needs to talk to it), and how people sign in with it
+ * (whether it is on, which teams a newcomer joins, what the sign-in page
+ * says). So it walks two steps, Provider and Sign-in, and everything with a
+ * sensible answer waits folded under the Sign-in step's Advanced section.
+ *
+ * The fields written once for every provider form:
+ *
+ *   - Name: what people see on the sign-in page. While the description is
+ *     the one the name gives ("Sign in with Okta"), it follows the name as it
+ *     is typed, on a create form and an edit form alike, so a rename never
+ *     leaves a stale description behind.
+ *   - Description: shown under the name. Always folded; the services fill
+ *     the same text in when an API caller leaves it out
+ *     (Types/SSO/SsoProviderDefaults).
+ *   - Enabled: whether people can sign in with the provider. It starts off,
+ *     as its column does: the identity provider has to be told OneUptime's
+ *     URLs first, and those exist once the provider is saved.
+ *   - Teams (project providers): the teams people join when they first sign
+ *     in. The project's settings pages start it on the members team.
+ *   - Disable Sign Up with SSO and Restrict to Attached Projects (the
+ *     instance-wide providers of the Admin Dashboard): two switches that
+ *     start off, as their columns do, always folded under Advanced. While
+ *     both are off a newcomer who signs in joins the projects attached to
+ *     the provider, which is what the folded section says.
+ *
+ * Use each helper with the step (and, for the folded description, the
+ * form's Advanced section) written in the call:
+ *
+ *   getSsoProviderNameField<ProjectOIDC>({ stepId: "provider" })
+ *   getSsoProviderDescriptionField<ProjectOIDC>({
+ *     stepId: "sign-in",
+ *     collapsibleSection: advancedSection,
+ *   })
+ *
+ * Tests/Helpers/FormStepsScan reads what a call hands a helper, so the
+ * guards place each field on its step and in its section.
+ *
+ * React-free: the Dashboard and the Admin Dashboard both build their forms
+ * from it.
+ */
+export const SSO_PROVIDER_STEP_ID = "provider";
+export const SSO_SIGN_IN_STEP_ID = "sign-in";
+// Provider, then Sign-in: the steps of every provider form.
+export const getSsoProviderFormSteps = () => {
+    return [
+        { title: "Provider", id: "provider" },
+        { title: "Sign-in", id: "sign-in" },
+    ];
+};
+export const SSO_PROVIDER_NAME_DESCRIPTION = translationKey("What people see on the sign-in page.");
+export const SSO_PROVIDER_DESCRIPTION_DESCRIPTION = translationKey("Shown under the name on the sign-in page.");
+export const SSO_PROVIDER_ENABLED_DESCRIPTION = translationKey("People can sign in with this provider only while it is on. Turn it on once your identity provider has the URLs OneUptime shows after you save.");
+export const SSO_PROVIDER_TEAMS_DESCRIPTION = translationKey("Add users to these teams when they sign up.");
+/*
+ * What the folded Advanced section of an instance-wide provider says while
+ * both of its switches are off.
+ */
+export const SSO_GLOBAL_ADVANCED_DEFAULTS_SUMMARY = translationKey("People who sign in for the first time join the projects you attach.");
+export const SSO_GLOBAL_DISABLE_SIGN_UP_DESCRIPTION = translationKey("When on, people must be invited to a project before they can sign in with this provider. Nobody new is created on their first sign-in.");
+/*
+ * Turning it on narrows access for people who are already signed in, which
+ * the old wording said in capitals; it still says so.
+ */
+export const SSO_GLOBAL_RESTRICT_DESCRIPTION = translationKey("When on, signing in with this provider meets SSO enforcement only in the projects attached to it, so people already signed in can lose access to other projects. When off, it meets it in every project the person belongs to, and attached projects only decide where newcomers are added.");
+// One value of a form's values, whatever the form's model.
+export const readSsoFormValue = (values, key) => {
+    if (!values || typeof values !== "object") {
+        return undefined;
+    }
+    return values[key];
+};
+// A form value as text: what a text field shows for it.
+export const ssoFormValueAsText = (value) => {
+    if (value === undefined || value === null) {
+        return "";
+    }
+    return String(value);
+};
+/**
+ * Whether an instance-wide provider's two switches are where they start:
+ * both off.
+ */
+export const isSsoGlobalAccessAtDefaults = (values) => {
+    return (!readSsoFormValue(values, "disableSignUpWithSso") &&
+        !readSsoFormValue(values, "restrictToAttachedProjects"));
+};
+/**
+ * The description once the name is changed to `name`: the one the new name
+ * gives, while the description is still the old name's (or empty). Null when
+ * it stays as it is - somebody wrote their own.
+ */
+export const getSsoProviderDescriptionAfterRename = (data) => {
+    const isTheFormsOwn = isDefaultSsoProviderDescription({
+        description: ssoFormValueAsText(readSsoFormValue(data.values, "description")),
+        name: ssoFormValueAsText(readSsoFormValue(data.values, "name")),
+    });
+    if (!isTheFormsOwn) {
+        return null;
+    }
+    return getDefaultSsoProviderDescription(ssoFormValueAsText(data.name));
+};
+export const getSsoProviderNameField = (options) => {
+    return {
+        field: { name: true },
+        title: "Name",
+        fieldType: FormFieldSchemaType.Text,
+        required: true,
+        description: SSO_PROVIDER_NAME_DESCRIPTION,
+        placeholder: "Okta",
+        validation: { minLength: 2 },
+        stepId: options.stepId,
+        onChange: (value, currentValues, setNewFormValues) => {
+            const description = getSsoProviderDescriptionAfterRename({
+                values: currentValues,
+                name: value,
+            });
+            if (description === null ||
+                description ===
+                    ssoFormValueAsText(readSsoFormValue(currentValues, "description"))) {
+                return;
+            }
+            setNewFormValues(Object.assign(Object.assign({}, currentValues), { description }));
+        },
+    };
+};
+export const getSsoProviderDescriptionField = (options) => {
+    return {
+        field: { description: true },
+        title: "Description",
+        fieldType: FormFieldSchemaType.Text,
+        required: true,
+        description: SSO_PROVIDER_DESCRIPTION_DESCRIPTION,
+        placeholder: "Sign in with Okta",
+        stepId: options.stepId,
+        collapsibleSection: options.collapsibleSection,
+        // "Sign in with" and the name, followed as the name changes.
+        isAtDefault: (values) => {
+            return isDefaultSsoProviderDescription({
+                description: ssoFormValueAsText(readSsoFormValue(values, "description")),
+                name: ssoFormValueAsText(readSsoFormValue(values, "name")),
+            });
+        },
+    };
+};
+export const getSsoProviderEnabledField = (options) => {
+    return {
+        field: { isEnabled: true },
+        title: "Enabled",
+        fieldType: FormFieldSchemaType.Toggle,
+        description: SSO_PROVIDER_ENABLED_DESCRIPTION,
+        stepId: options.stepId,
+    };
+};
+export const getSsoProviderTeamsField = (options) => {
+    return {
+        field: { teams: true },
+        title: "Teams",
+        description: SSO_PROVIDER_TEAMS_DESCRIPTION,
+        fieldType: FormFieldSchemaType.MultiSelectDropdown,
+        dropdownModal: {
+            type: Team,
+            labelField: "name",
+            valueField: "_id",
+        },
+        required: true,
+        placeholder: "Select Teams",
+        stepId: options.stepId,
+    };
+};
+/*
+ * The instance-wide provider's two switches. Each starts off, as its column
+ * does, so neither writes a default of its own; they are always folded under
+ * the form's Advanced section.
+ */
+export const getSsoProviderDisableSignUpField = (options) => {
+    return {
+        field: {
+            disableSignUpWithSso: true,
+        },
+        title: "Disable Sign Up with SSO",
+        fieldType: FormFieldSchemaType.Toggle,
+        description: SSO_GLOBAL_DISABLE_SIGN_UP_DESCRIPTION,
+        stepId: options.stepId,
+        collapsibleSection: options.collapsibleSection,
+    };
+};
+export const getSsoProviderRestrictToAttachedProjectsField = (options) => {
+    return {
+        field: {
+            restrictToAttachedProjects: true,
+        },
+        title: "Restrict to Attached Projects",
+        fieldType: FormFieldSchemaType.Toggle,
+        description: SSO_GLOBAL_RESTRICT_DESCRIPTION,
+        stepId: options.stepId,
+        collapsibleSection: options.collapsibleSection,
+    };
+};
+//# sourceMappingURL=SsoProviderFormFields.js.map

package/build/dist/UI/Components/Sso/SsoProviderFormFields.js.map

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

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

@@ -1,5 +1,7 @@
+import useTranslator from "../../Utils/UseTranslator";
 import React from "react";
 const StackedProgressBar = (props) => {
+    const translator = useTranslator();
     const total = props.totalValue ||
         props.segments.reduce((sum, seg) => {
             return sum + seg.value;
@@ -7,7 +9,7 @@ const StackedProgressBar = (props) => {
     const heightClass = props.heightClassName || "h-4";
     const showLegend = props.showLegend !== false;
     return (React.createElement("div", { className: props.className || "" },
-        React.createElement("div", { className: `flex ${heightClass} rounded-full overflow-hidden bg-gray-100`, role: "progressbar", "aria-label": "Stacked progress bar" }, props.segments.map((segment, index) => {
+        React.createElement("div", { className: `flex ${heightClass} rounded-full overflow-hidden bg-gray-100`, role: "progressbar", "aria-label": translator.translateText("Stacked progress bar") }, props.segments.map((segment, index) => {
             if (segment.value <= 0 || total <= 0) {
                 return null;
             }

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

@@ -1 +1 @@
-{"version":3,"file":"StackedProgressBar.js","sourceRoot":"","sources":["../../../../../UI/Components/StackedProgressBar/StackedProgressBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAiB/D,MAAM,kBAAkB,GAAsC,CAC5D,KAAqB,EACP,EAAE;IAChB,MAAM,KAAK,GACT,KAAK,CAAC,UAAU;QAChB,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,GAAW,EAAE,GAA8B,EAAE,EAAE;YACpE,OAAO,GAAG,GAAG,GAAG,CAAC,KAAK,CAAC;QACzB,CAAC,EAAE,CAAC,CAAC,CAAC;IAER,MAAM,WAAW,GAAW,KAAK,CAAC,eAAe,IAAI,KAAK,CAAC;IAC3D,MAAM,UAAU,GAAY,KAAK,CAAC,UAAU,KAAK,KAAK,CAAC;IAEvD,OAAO,CACL,6BAAK,SAAS,EAAE,KAAK,CAAC,SAAS,IAAI,EAAE;QACnC,6BACE,SAAS,EAAE,QAAQ,WAAW,2CAA2C,EACzE,IAAI,EAAC,aAAa,gBACP,sBAAsB,IAEhC,KAAK,CAAC,QAAQ,CAAC,GAAG,CACjB,CAAC,OAAkC,EAAE,KAAa,EAAE,EAAE;YACpD,IAAI,OAAO,CAAC,KAAK,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC,EAAE,CAAC;gBACrC,OAAO,IAAI,CAAC;YACd,CAAC;YACD,MAAM,YAAY,GAAW,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC;YAC3D,OAAO,CACL,6BACE,GAAG,EAAE,KAAK,EACV,SAAS,EAAE,GAAG,OAAO,CAAC,KAAK,IAAI,WAAW,8BAA8B,EACxE,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,YAAY,GAAG,EAAE,EACpC,KAAK,EAAE,OAAO,CAAC,OAAO,IAAI,GAAG,OAAO,CAAC,KAAK,KAAK,OAAO,CAAC,KAAK,EAAE,GAC9D,CACH,CAAC;QACJ,CAAC,CACF,CACG;QACL,UAAU,IAAI,CACb,6BAAK,SAAS,EAAC,uCAAuC,IACnD,KAAK,CAAC,QAAQ;aACZ,MAAM,CAAC,CAAC,GAA8B,EAAE,EAAE;YACzC,OAAO,GAAG,CAAC,KAAK,GAAG,CAAC,CAAC;QACvB,CAAC,CAAC;aACD,GAAG,CAAC,CAAC,OAAkC,EAAE,KAAa,EAAE,EAAE;YACzD,OAAO,CACL,6BAAK,GAAG,EAAE,KAAK,EAAE,SAAS,EAAC,2BAA2B;gBACpD,8BACE,SAAS,EAAE,yCAAyC,OAAO,CAAC,KAAK,EAAE,GACnE;gBACF,8BAAM,SAAS,EAAC,uBAAuB;oBACpC,OAAO,CAAC,KAAK;oBAAE,GAAG;oBACnB,8BAAM,SAAS,EAAC,2BAA2B;;wBACvC,OAAO,CAAC,KAAK;4BACV,CACF,CACH,CACP,CAAC;QACJ,CAAC,CAAC,CACA,CACP,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"StackedProgressBar.js","sourceRoot":"","sources":["../../../../../UI/Components/StackedProgressBar/StackedProgressBar.tsx"],"names":[],"mappings":"AACA,OAAO,aAAa,MAAM,2BAA2B,CAAC;AACtD,OAAO,KAA0C,MAAM,OAAO,CAAC;AAiB/D,MAAM,kBAAkB,GAAsC,CAC5D,KAAqB,EACP,EAAE;IAChB,MAAM,UAAU,GAAe,aAAa,EAAE,CAAC;IAC/C,MAAM,KAAK,GACT,KAAK,CAAC,UAAU;QAChB,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,GAAW,EAAE,GAA8B,EAAE,EAAE;YACpE,OAAO,GAAG,GAAG,GAAG,CAAC,KAAK,CAAC;QACzB,CAAC,EAAE,CAAC,CAAC,CAAC;IAER,MAAM,WAAW,GAAW,KAAK,CAAC,eAAe,IAAI,KAAK,CAAC;IAC3D,MAAM,UAAU,GAAY,KAAK,CAAC,UAAU,KAAK,KAAK,CAAC;IAEvD,OAAO,CACL,6BAAK,SAAS,EAAE,KAAK,CAAC,SAAS,IAAI,EAAE;QACnC,6BACE,SAAS,EAAE,QAAQ,WAAW,2CAA2C,EACzE,IAAI,EAAC,aAAa,gBACN,UAAU,CAAC,aAAa,CAAC,sBAAsB,CAAC,IAE3D,KAAK,CAAC,QAAQ,CAAC,GAAG,CACjB,CAAC,OAAkC,EAAE,KAAa,EAAE,EAAE;YACpD,IAAI,OAAO,CAAC,KAAK,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC,EAAE,CAAC;gBACrC,OAAO,IAAI,CAAC;YACd,CAAC;YACD,MAAM,YAAY,GAAW,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC;YAC3D,OAAO,CACL,6BACE,GAAG,EAAE,KAAK,EACV,SAAS,EAAE,GAAG,OAAO,CAAC,KAAK,IAAI,WAAW,8BAA8B,EACxE,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,YAAY,GAAG,EAAE,EACpC,KAAK,EAAE,OAAO,CAAC,OAAO,IAAI,GAAG,OAAO,CAAC,KAAK,KAAK,OAAO,CAAC,KAAK,EAAE,GAC9D,CACH,CAAC;QACJ,CAAC,CACF,CACG;QACL,UAAU,IAAI,CACb,6BAAK,SAAS,EAAC,uCAAuC,IACnD,KAAK,CAAC,QAAQ;aACZ,MAAM,CAAC,CAAC,GAA8B,EAAE,EAAE;YACzC,OAAO,GAAG,CAAC,KAAK,GAAG,CAAC,CAAC;QACvB,CAAC,CAAC;aACD,GAAG,CAAC,CAAC,OAAkC,EAAE,KAAa,EAAE,EAAE;YACzD,OAAO,CACL,6BAAK,GAAG,EAAE,KAAK,EAAE,SAAS,EAAC,2BAA2B;gBACpD,8BACE,SAAS,EAAE,yCAAyC,OAAO,CAAC,KAAK,EAAE,GACnE;gBACF,8BAAM,SAAS,EAAC,uBAAuB;oBACpC,OAAO,CAAC,KAAK;oBAAE,GAAG;oBACnB,8BAAM,SAAS,EAAC,2BAA2B;;wBACvC,OAAO,CAAC,KAAK;4BACV,CACF,CACH,CACP,CAAC;QACJ,CAAC,CAAC,CACA,CACP,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/build/dist/UI/Components/StateTimeline/CurrentlyActiveIndicator.js

@@ -0,0 +1,28 @@
+import Pill from "../Pill/Pill";
+import { Indigo500 } from "../../../Types/BrandColors";
+import useTranslateValue from "../../Utils/Translation";
+import React from "react";
+/*
+ * The English text, which is also its key in the Dashboard locale files
+ * (looked up by value, like every other string Common renders).
+ */
+export const CURRENTLY_ACTIVE_TEXT = "Currently Active";
+/*
+ * Marks the status or state that is in effect right now - the timeline row
+ * that has no end yet. It used to be the words "Currently Active" in the same
+ * grey as every other cell, which was easy to read past.
+ *
+ * A pill like the status pill beside it, in the brand indigo the product
+ * already uses for "happening now" (an on-call override in force, an AI
+ * investigation running) rather than the status's own colour: a red
+ * "Identified" next to a red marker would say the same thing twice, and a
+ * green one would read as "healthy". Its dot pulses, except for readers who
+ * asked for reduced motion, for whom the words carry it alone.
+ */
+const CurrentlyActiveIndicator = (props) => {
+    const { translateString } = useTranslateValue();
+    return (React.createElement("span", { "data-testid": "currently-active-indicator", className: "inline-flex max-w-full align-middle" },
+        React.createElement(Pill, { color: Indigo500, text: translateString(CURRENTLY_ACTIVE_TEXT) || CURRENTLY_ACTIVE_TEXT, size: props.size, isPulsing: true })));
+};
+export default CurrentlyActiveIndicator;
+//# sourceMappingURL=CurrentlyActiveIndicator.js.map

package/build/dist/UI/Components/StateTimeline/CurrentlyActiveIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CurrentlyActiveIndicator.js","sourceRoot":"","sources":["../../../../../UI/Components/StateTimeline/CurrentlyActiveIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAkB,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,iBAAiB,MAAM,yBAAyB,CAAC;AACxD,OAAO,KAA0C,MAAM,OAAO,CAAC;AAE/D;;;GAGG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAW,kBAAkB,CAAC;AAMhE;;;;;;;;;;;GAWG;AACH,MAAM,wBAAwB,GAAsC,CAClE,KAAqB,EACP,EAAE;IAChB,MAAM,EAAE,eAAe,EAAE,GAAG,iBAAiB,EAAE,CAAC;IAEhD,OAAO,CACL,6CACc,4BAA4B,EACxC,SAAS,EAAC,qCAAqC;QAE/C,oBAAC,IAAI,IACH,KAAK,EAAE,SAAS,EAChB,IAAI,EAAE,eAAe,CAAC,qBAAqB,CAAC,IAAI,qBAAqB,EACrE,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,SAAS,EAAE,IAAI,GACf,CACG,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,wBAAwB,CAAC"}

package/build/dist/UI/Components/StateTimeline/StateTimelineColumns.js

@@ -0,0 +1,55 @@
+import StateTimelineDuration from "./StateTimelineDuration";
+import StateTimelineEndsAt from "./StateTimelineEndsAt";
+import FieldType from "../Types/FieldType";
+import OneUptimeDate from "../../../Types/Date";
+import { getLiveDuration } from "../../Utils/UseLiveDuration";
+import React from "react";
+export const STATE_TIMELINE_ENDS_AT_TITLE = "Ends At";
+export const STATE_TIMELINE_DURATION_TITLE = "Duration";
+/*
+ * When the row ended, or the pulsing "Currently Active" marker. Still a
+ * DateTime column underneath, so filtering, sorting and the CSV export treat
+ * it exactly as before (a row with no end exports an empty cell).
+ */
+export const getStateTimelineEndsAtColumn = (options) => {
+    return {
+        field: {
+            endsAt: true,
+        },
+        title: (options === null || options === void 0 ? void 0 : options.title) || STATE_TIMELINE_ENDS_AT_TITLE,
+        type: FieldType.DateTime,
+        getElement: (item) => {
+            return (React.createElement(StateTimelineEndsAt, { endDate: item.endsAt, indicatorSize: options === null || options === void 0 ? void 0 : options.indicatorSize }));
+        },
+    };
+};
+/*
+ * The duration as text, at `now` (the current time unless given): what the
+ * Duration column writes into a CSV export. It used to write the row's end
+ * date, the only value the column's `endsAt` field held.
+ */
+export const getStateTimelineDurationText = (item, now) => {
+    return getLiveDuration({
+        startDate: item.startsAt,
+        endDate: item.endsAt,
+        now: now || OneUptimeDate.getCurrentDate(),
+    }).formattedDuration;
+};
+// How long the row lasted, counting up every second for the current one.
+export const getStateTimelineDurationColumn = (options) => {
+    return {
+        field: {
+            endsAt: true,
+            startsAt: true,
+        },
+        title: (options === null || options === void 0 ? void 0 : options.title) || STATE_TIMELINE_DURATION_TITLE,
+        type: FieldType.Text,
+        getElement: (item) => {
+            return (React.createElement(StateTimelineDuration, { startDate: item.startsAt, endDate: item.endsAt }));
+        },
+        getExportValue: (item) => {
+            return getStateTimelineDurationText(item);
+        },
+    };
+};
+//# sourceMappingURL=StateTimelineColumns.js.map

package/build/dist/UI/Components/StateTimeline/StateTimelineColumns.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StateTimelineColumns.js","sourceRoot":"","sources":["../../../../../UI/Components/StateTimeline/StateTimelineColumns.tsx"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AAGxD,OAAO,SAAS,MAAM,oBAAoB,CAAC;AAE3C,OAAO,aAAa,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,KAAuB,MAAM,OAAO,CAAC;AA6B5C,MAAM,CAAC,MAAM,4BAA4B,GAAW,SAAS,CAAC;AAC9D,MAAM,CAAC,MAAM,6BAA6B,GAAW,UAAU,CAAC;AAehE;;;;GAIG;AACH,MAAM,CAAC,MAAM,4BAA4B,GACvC,CACE,OAAsD,EACtC,EAAE;IAClB,OAAO;QACL,KAAK,EAAE;YACL,MAAM,EAAE,IAAI;SACc;QAC5B,KAAK,EAAE,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,KAAI,4BAA4B;QACrD,IAAI,EAAE,SAAS,CAAC,QAAQ;QACxB,UAAU,EAAE,CAAC,IAAY,EAAgB,EAAE;YACzC,OAAO,CACL,oBAAC,mBAAmB,IAClB,OAAO,EAAE,IAAI,CAAC,MAAM,EACpB,aAAa,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,aAAa,GACrC,CACH,CAAC;QACJ,CAAC;KACF,CAAC;AACJ,CAAC,CAAC;AAOJ;;;;GAIG;AACH,MAAM,CAAC,MAAM,4BAA4B,GACvC,CAAC,IAAsB,EAAE,GAAsB,EAAU,EAAE;IACzD,OAAO,eAAe,CAAC;QACrB,SAAS,EAAE,IAAI,CAAC,QAAQ;QACxB,OAAO,EAAE,IAAI,CAAC,MAAM;QACpB,GAAG,EAAE,GAAG,IAAI,aAAa,CAAC,cAAc,EAAE;KAC3C,CAAC,CAAC,iBAAiB,CAAC;AACvB,CAAC,CAAC;AAaJ,yEAAyE;AACzE,MAAM,CAAC,MAAM,8BAA8B,GACzC,CACE,OAAwD,EACxC,EAAE;IAClB,OAAO;QACL,KAAK,EAAE;YACL,MAAM,EAAE,IAAI;YACZ,QAAQ,EAAE,IAAI;SACY;QAC5B,KAAK,EAAE,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,KAAI,6BAA6B;QACtD,IAAI,EAAE,SAAS,CAAC,IAAI;QACpB,UAAU,EAAE,CAAC,IAAY,EAAgB,EAAE;YACzC,OAAO,CACL,oBAAC,qBAAqB,IACpB,SAAS,EAAE,IAAI,CAAC,QAAQ,EACxB,OAAO,EAAE,IAAI,CAAC,MAAM,GACpB,CACH,CAAC;QACJ,CAAC;QACD,cAAc,EAAE,CAAC,IAAY,EAAU,EAAE;YACvC,OAAO,4BAA4B,CAAC,IAAI,CAAC,CAAC;QAC5C,CAAC;KACF,CAAC;AACJ,CAAC,CAAC"}

package/build/dist/UI/Components/StateTimeline/StateTimelineDuration.js

@@ -0,0 +1,28 @@
+import useLiveDuration from "../../Utils/UseLiveDuration";
+import React from "react";
+/*
+ * A timeline row's duration. A finished row reads start to end; the row that
+ * is still in effect counts up every second, worded exactly like the
+ * finished ones ("2 mins 54 secs").
+ *
+ * This is its own component so the ticking stays here: the second-by-second
+ * re-render is this one <time>, never the table around it.
+ *
+ * The live one is a `timer` - the ARIA role for a count of elapsed time -
+ * whose implicit live region is off, spelled out here: a screen reader reads
+ * it when it gets to it rather than announcing every second.
+ */
+const StateTimelineDuration = (props) => {
+    const duration = useLiveDuration({
+        startDate: props.startDate,
+        endDate: props.endDate,
+    });
+    if (duration.durationInSeconds === null) {
+        return (React.createElement("span", { "data-testid": "state-timeline-duration", className: "text-gray-400" }, "-"));
+    }
+    return (React.createElement("time", { "data-testid": "state-timeline-duration", "data-live": duration.isLive ? "true" : "false", dateTime: `PT${duration.durationInSeconds}S`, role: duration.isLive ? "timer" : undefined, "aria-live": duration.isLive ? "off" : undefined, 
+        // Even-width digits, so the live count does not shuffle as it ticks.
+        className: duration.isLive ? "tabular-nums text-gray-900" : undefined }, duration.formattedDuration));
+};
+export default StateTimelineDuration;
+//# sourceMappingURL=StateTimelineDuration.js.map

package/build/dist/UI/Components/StateTimeline/StateTimelineDuration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StateTimelineDuration.js","sourceRoot":"","sources":["../../../../../UI/Components/StateTimeline/StateTimelineDuration.tsx"],"names":[],"mappings":"AAAA,OAAO,eAGN,MAAM,6BAA6B,CAAC;AACrC,OAAO,KAA0C,MAAM,OAAO,CAAC;AAQ/D;;;;;;;;;;;GAWG;AACH,MAAM,qBAAqB,GAAsC,CAC/D,KAAqB,EACP,EAAE;IAChB,MAAM,QAAQ,GAAiB,eAAe,CAAC;QAC7C,SAAS,EAAE,KAAK,CAAC,SAAS;QAC1B,OAAO,EAAE,KAAK,CAAC,OAAO;KACvB,CAAC,CAAC;IAEH,IAAI,QAAQ,CAAC,iBAAiB,KAAK,IAAI,EAAE,CAAC;QACxC,OAAO,CACL,6CAAkB,yBAAyB,EAAC,SAAS,EAAC,eAAe,QAE9D,CACR,CAAC;IACJ,CAAC;IAED,OAAO,CACL,6CACc,yBAAyB,eAC1B,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAC7C,QAAQ,EAAE,KAAK,QAAQ,CAAC,iBAAiB,GAAG,EAC5C,IAAI,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,eAChC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS;QAC9C,qEAAqE;QACrE,SAAS,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,SAAS,IAEpE,QAAQ,CAAC,iBAAiB,CACtB,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/build/dist/UI/Components/StateTimeline/StateTimelineEndsAt.js

@@ -0,0 +1,19 @@
+import CurrentlyActiveIndicator from "./CurrentlyActiveIndicator";
+import OneUptimeDate from "../../../Types/Date";
+import { parseLiveDurationDate, } from "../../Utils/UseLiveDuration";
+import React from "react";
+/*
+ * When a timeline row ended: the date and time, formatted exactly as the
+ * table formats a DateTime column - or, for the row that has not ended, the
+ * pulsing "Currently Active" marker. Paired with StateTimelineDuration, which
+ * treats the same rows as live, so the two cells can never disagree.
+ */
+const StateTimelineEndsAt = (props) => {
+    const endDate = parseLiveDurationDate(props.endDate);
+    if (!endDate) {
+        return React.createElement(CurrentlyActiveIndicator, { size: props.indicatorSize });
+    }
+    return (React.createElement("time", { "data-testid": "state-timeline-ends-at", dateTime: endDate.toISOString() }, OneUptimeDate.getDateAsUserFriendlyLocalFormattedString(endDate, false)));
+};
+export default StateTimelineEndsAt;
+//# sourceMappingURL=StateTimelineEndsAt.js.map

package/build/dist/UI/Components/StateTimeline/StateTimelineEndsAt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StateTimelineEndsAt.js","sourceRoot":"","sources":["../../../../../UI/Components/StateTimeline/StateTimelineEndsAt.tsx"],"names":[],"mappings":"AAAA,OAAO,wBAAwB,MAAM,4BAA4B,CAAC;AAElE,OAAO,aAAa,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAEL,qBAAqB,GACtB,MAAM,6BAA6B,CAAC;AACrC,OAAO,KAA0C,MAAM,OAAO,CAAC;AAO/D;;;;;GAKG;AACH,MAAM,mBAAmB,GAAsC,CAC7D,KAAqB,EACP,EAAE;IAChB,MAAM,OAAO,GAAgB,qBAAqB,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAElE,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,oBAAC,wBAAwB,IAAC,IAAI,EAAE,KAAK,CAAC,aAAa,GAAI,CAAC;IACjE,CAAC;IAED,OAAO,CACL,6CAAkB,wBAAwB,EAAC,QAAQ,EAAE,OAAO,CAAC,WAAW,EAAE,IACvE,aAAa,CAAC,yCAAyC,CAAC,OAAO,EAAE,KAAK,CAAC,CACnE,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

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

@@ -1,4 +1,5 @@
 import React from "react";
+import useTranslateValue from "../../Utils/Translation";
 export var StatusBadgeType;
 (function (StatusBadgeType) {
     StatusBadgeType["Success"] = "success";
@@ -15,8 +16,10 @@ const statusStyles = {
     [StatusBadgeType.Neutral]: "bg-gradient-to-r from-gray-50 to-gray-100 text-gray-700 ring-1 ring-inset ring-gray-200/80",
 };
 const StatusBadge = (props) => {
+    var _a;
     const type = props.type || StatusBadgeType.Neutral;
-    return (React.createElement("span", { className: `inline-flex items-center px-2.5 py-0.5 text-xs font-semibold rounded-full ${statusStyles[type]} ${props.className || ""}` }, props.text));
+    const { translateString } = useTranslateValue();
+    return (React.createElement("span", { className: `inline-flex items-center px-2.5 py-0.5 text-xs font-semibold rounded-full ${statusStyles[type]} ${props.className || ""}` }, (_a = translateString(props.text)) !== null && _a !== void 0 ? _a : props.text));
 };
 export default StatusBadge;
 //# sourceMappingURL=StatusBadge.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"StatusBadge.js","sourceRoot":"","sources":["../../../../../UI/Components/StatusBadge/StatusBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAE/D,MAAM,CAAN,IAAY,eAMX;AAND,WAAY,eAAe;IACzB,sCAAmB,CAAA;IACnB,sCAAmB,CAAA;IACnB,oCAAiB,CAAA;IACjB,gCAAa,CAAA;IACb,sCAAmB,CAAA;AACrB,CAAC,EANW,eAAe,KAAf,eAAe,QAM1B;AAQD,MAAM,YAAY,GAAoC;IACpD,CAAC,eAAe,CAAC,OAAO,CAAC,EACvB,wGAAwG;IAC1G,CAAC,eAAe,CAAC,OAAO,CAAC,EACvB,gGAAgG;IAClG,CAAC,eAAe,CAAC,MAAM,CAAC,EACtB,wFAAwF;IAC1F,CAAC,eAAe,CAAC,IAAI,CAAC,EACpB,4FAA4F;IAC9F,CAAC,eAAe,CAAC,OAAO,CAAC,EACvB,4FAA4F;CAC/F,CAAC;AAEF,MAAM,WAAW,GAAsC,CACrD,KAAqB,EACP,EAAE;IAChB,MAAM,IAAI,GAAoB,KAAK,CAAC,IAAI,IAAI,eAAe,CAAC,OAAO,CAAC;IAEpE,OAAO,CACL,8BACE,SAAS,EAAE,6EAA6E,YAAY,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,SAAS,IAAI,EAAE,EAAE,IAEpI,KAAK,CAAC,IAAI,CACN,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"StatusBadge.js","sourceRoot":"","sources":["../../../../../UI/Components/StatusBadge/StatusBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAC/D,OAAO,iBAAiB,MAAM,yBAAyB,CAAC;AAExD,MAAM,CAAN,IAAY,eAMX;AAND,WAAY,eAAe;IACzB,sCAAmB,CAAA;IACnB,sCAAmB,CAAA;IACnB,oCAAiB,CAAA;IACjB,gCAAa,CAAA;IACb,sCAAmB,CAAA;AACrB,CAAC,EANW,eAAe,KAAf,eAAe,QAM1B;AAQD,MAAM,YAAY,GAAoC;IACpD,CAAC,eAAe,CAAC,OAAO,CAAC,EACvB,wGAAwG;IAC1G,CAAC,eAAe,CAAC,OAAO,CAAC,EACvB,gGAAgG;IAClG,CAAC,eAAe,CAAC,MAAM,CAAC,EACtB,wFAAwF;IAC1F,CAAC,eAAe,CAAC,IAAI,CAAC,EACpB,4FAA4F;IAC9F,CAAC,eAAe,CAAC,OAAO,CAAC,EACvB,4FAA4F;CAC/F,CAAC;AAEF,MAAM,WAAW,GAAsC,CACrD,KAAqB,EACP,EAAE;;IAChB,MAAM,IAAI,GAAoB,KAAK,CAAC,IAAI,IAAI,eAAe,CAAC,OAAO,CAAC;IACpE,MAAM,EAAE,eAAe,EAAE,GAAG,iBAAiB,EAAE,CAAC;IAEhD,OAAO,CACL,8BACE,SAAS,EAAE,6EAA6E,YAAY,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,SAAS,IAAI,EAAE,EAAE,IAEpI,MAAA,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,mCAAI,KAAK,CAAC,IAAI,CACrC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

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

@@ -1,9 +1,14 @@
 import React from "react";
+import useTranslator from "../../Utils/UseTranslator";
 const Statusbubble = (props) => {
+    const translator = useTranslator();
+    const text = translator.translateText(props.text) || props.text;
     const backgroundColor = props.color
         ? props.color.toString()
         : "var(--ou-text-subtle, #9ca3af)";
-    return (React.createElement("div", { className: "flex", style: props.style, role: "status", "aria-label": `Status: ${props.text}` },
+    return (React.createElement("div", { className: "flex", style: props.style, role: "status", "aria-label": translator.translateTemplate("Status: {{status}}", {
+            status: text,
+        }) },
         React.createElement("div", { className: "-mr-2 ml-5", "aria-hidden": "true" },
             React.createElement("span", { className: "relative -left-1 -translate-x-full top-1/2 -translate-y-1/2 flex h-3.5 w-3.5" },
                 React.createElement("span", { className: `${props.shouldAnimate ? "motion-safe:animate-ping" : ""} absolute inline-flex h-full w-full rounded-full`, style: {
@@ -15,7 +20,7 @@ const Statusbubble = (props) => {
                     } }))),
         React.createElement("div", { className: "text-sm font-medium", style: {
                 color: "var(--ou-text-secondary, #4b5563)",
-            } }, props.text)));
+            } }, text)));
 };
 export default Statusbubble;
 //# sourceMappingURL=StatusBubble.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"StatusBubble.js","sourceRoot":"","sources":["../../../../../UI/Components/StatusBubble/StatusBubble.tsx"],"names":[],"mappings":"AACA,OAAO,KAAyD,MAAM,OAAO,CAAC;AAS9E,MAAM,YAAY,GAAsC,CACtD,KAAqB,EACP,EAAE;IAChB,MAAM,eAAe,GAAW,KAAK,CAAC,KAAK;QACzC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE;QACxB,CAAC,CAAC,gCAAgC,CAAC;IAErC,OAAO,CACL,6BACE,SAAS,EAAC,MAAM,EAChB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,IAAI,EAAC,QAAQ,gBACD,WAAW,KAAK,CAAC,IAAI,EAAE;QAEnC,6BAAK,SAAS,EAAC,YAAY,iBAAa,MAAM;YAC5C,8BAAM,SAAS,EAAC,8EAA8E;gBAC5F,8BACE,SAAS,EAAE,GACT,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,EACrD,kDAAkD,EAClD,KAAK,EAAE;wBACL,eAAe,EAAE,eAAe;qBACjC,GACK;gBACR,8BACE,SAAS,EAAC,+CAA+C,EACzD,KAAK,EAAE;wBACL,eAAe,EAAE,eAAe;wBAChC,SAAS,EAAE,4CAA4C;qBACxD,GACK,CACH,CACH;QACN,6BACE,SAAS,EAAC,qBAAqB,EAC/B,KAAK,EAAE;gBACL,KAAK,EAAE,mCAAmC;aAC3C,IAEA,KAAK,CAAC,IAAI,CACP,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"StatusBubble.js","sourceRoot":"","sources":["../../../../../UI/Components/StatusBubble/StatusBubble.tsx"],"names":[],"mappings":"AACA,OAAO,KAAyD,MAAM,OAAO,CAAC;AAE9E,OAAO,aAAa,MAAM,2BAA2B,CAAC;AAStD,MAAM,YAAY,GAAsC,CACtD,KAAqB,EACP,EAAE;IAChB,MAAM,UAAU,GAAe,aAAa,EAAE,CAAC;IAC/C,MAAM,IAAI,GAAW,UAAU,CAAC,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC;IACxE,MAAM,eAAe,GAAW,KAAK,CAAC,KAAK;QACzC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE;QACxB,CAAC,CAAC,gCAAgC,CAAC;IAErC,OAAO,CACL,6BACE,SAAS,EAAC,MAAM,EAChB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,IAAI,EAAC,QAAQ,gBACD,UAAU,CAAC,iBAAiB,CAAC,oBAAoB,EAAE;YAC7D,MAAM,EAAE,IAAI;SACb,CAAC;QAEF,6BAAK,SAAS,EAAC,YAAY,iBAAa,MAAM;YAC5C,8BAAM,SAAS,EAAC,8EAA8E;gBAC5F,8BACE,SAAS,EAAE,GACT,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,EACrD,kDAAkD,EAClD,KAAK,EAAE;wBACL,eAAe,EAAE,eAAe;qBACjC,GACK;gBACR,8BACE,SAAS,EAAC,+CAA+C,EACzD,KAAK,EAAE;wBACL,eAAe,EAAE,eAAe;wBAChC,SAAS,EAAE,4CAA4C;qBACxD,GACK,CACH,CACH;QACN,6BACE,SAAS,EAAC,qBAAqB,EAC/B,KAAK,EAAE;gBACL,KAAK,EAAE,mCAAmC;aAC3C,IAEA,IAAI,CACD,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/build/dist/UI/Components/StatusPage/ResourceGrid.js

@@ -6,6 +6,8 @@ import Icon, { ThickProp } from "../Icon/Icon";
 import MoreMenu from "../MoreMenu/MoreMenu";
 import MoreMenuItem from "../MoreMenu/MoreMenuItem";
 import React, { useMemo } from "react";
+import { translatableTerm, translationKey, } from "../../Utils/TranslateTemplate";
+import useTranslator from "../../Utils/UseTranslator";
 /*
  * The chip's actions fade in on hover and on keyboard focus, so a cell full of
  * monitors reads as names rather than as a column of icons. Neither of those
@@ -29,6 +31,7 @@ const ORPHAN_ACTIONS_CLASS_NAME = "flex flex-shrink-0 items-center gap-0.5";
  * has changed too.
  */
 const ResourceGrid = (props) => {
+    const translator = useTranslator();
     const gridModel = useMemo(() => {
         return StatusPageResourceExplorerUtil.buildGridModel({
             statusPageResources: props.statusPageResources,
@@ -50,7 +53,11 @@ const ResourceGrid = (props) => {
         const resourceId = StatusPageResourceExplorerUtil.getResourceId(statusPageResource);
         const name = StatusPageResourceExplorerUtil.getResourceName(statusPageResource);
         return (React.createElement("span", { className: "flex flex-shrink-0 items-center", "data-testid": "status-page-resource-grid-select" },
-            React.createElement(CheckboxElement, { value: isResourceSelected(statusPageResource), disabled: !resourceId, ariaLabel: `Select ${name}`, hoverText: `Select ${name}`, onChange: () => {
+            React.createElement(CheckboxElement, { value: isResourceSelected(statusPageResource), disabled: !resourceId, ariaLabel: translator.translateTemplate("Select {{name}}", {
+                    name: name,
+                }), hoverText: translator.translateTemplate("Select {{name}}", {
+                    name: name,
+                }), onChange: () => {
                     props.onToggleResourceSelected(statusPageResource);
                 } })));
     };
@@ -68,7 +75,7 @@ const ResourceGrid = (props) => {
         const statusPageResource = data.statusPageResource;
         const name = StatusPageResourceExplorerUtil.getResourceName(statusPageResource);
         const menuItems = [
-            React.createElement(MoreMenuItem, { key: "show-id", text: "Show ID", icon: IconProp.Info, onClick: () => {
+            React.createElement(MoreMenuItem, { key: "show-id", text: "Show ID", icon: IconProp.Identification, onClick: () => {
                     props.onShowId(statusPageResource);
                 } }),
         ];
@@ -78,10 +85,16 @@ const ResourceGrid = (props) => {
                 } }));
         }
         return (React.createElement("div", { className: data.className, "data-testid": "status-page-resource-grid-actions" },
-            props.isEditable ? (React.createElement(Button, { buttonSize: ButtonSize.Small, buttonStyle: ButtonStyleType.ICON, icon: IconProp.Edit, title: "", tooltip: data.editTooltip, ariaLabel: `Edit ${name}`, dataTestId: "status-page-resource-grid-edit", className: "text-gray-400 hover:bg-gray-200 hover:text-gray-700", onClick: () => {
+            props.isEditable ? (React.createElement(Button, { buttonSize: ButtonSize.Small, buttonStyle: ButtonStyleType.ICON, icon: IconProp.Edit, title: "", tooltip: data.editTooltip, ariaLabel: translator.translateTemplate("Edit {{name}}", {
+                    name: name,
+                }), dataTestId: "status-page-resource-grid-edit", className: "text-gray-400 hover:bg-gray-200 hover:text-gray-700", onClick: () => {
                     props.onEdit(statusPageResource);
                 } })) : (React.createElement(React.Fragment, null)),
-            React.createElement(MoreMenu, { text: `More actions for ${name}`, menuIcon: IconProp.EllipsisHorizontal, isMenuPortaled: true, elementToBeShownInsteadOfButton: React.createElement("button", { type: "button", "aria-label": `More actions for ${name}`, "data-testid": "status-page-resource-grid-more", className: "flex h-7 w-7 items-center justify-center rounded-md text-gray-400 transition-colors hover:bg-gray-200 hover:text-gray-700 focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400" },
+            React.createElement(MoreMenu, { text: translator.translateTemplate("More actions for {{name}}", {
+                    name: name,
+                }), menuIcon: IconProp.EllipsisHorizontal, isMenuPortaled: true, elementToBeShownInsteadOfButton: React.createElement("button", { type: "button", "aria-label": translator.translateTemplate("More actions for {{name}}", {
+                        name: name,
+                    }), "data-testid": "status-page-resource-grid-more", className: "flex h-7 w-7 items-center justify-center rounded-md text-gray-400 transition-colors hover:bg-gray-200 hover:text-gray-700 focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400" },
                     React.createElement(Icon, { icon: IconProp.EllipsisHorizontal, className: "h-5 w-5" })) }, menuItems)));
     };
     const renderResourceChip = (statusPageResource) => {
@@ -98,7 +111,7 @@ const ResourceGrid = (props) => {
                     statusPageResource.displayName !== name ? (React.createElement("div", { className: "truncate text-[11px] text-gray-500" }, statusPageResource.displayName)) : (React.createElement(React.Fragment, null))),
             renderActions({
                 statusPageResource,
-                editTooltip: "Edit this resource",
+                editTooltip: translationKey("Edit this resource"),
                 className: CHIP_ACTIONS_CLASS_NAME,
             })));
     };
@@ -108,11 +121,11 @@ const ResourceGrid = (props) => {
             cell.map((statusPageResource) => {
                 return renderResourceChip(statusPageResource);
             }),
-            props.isCreateable ? (React.createElement("button", { type: "button", "aria-label": `Add a monitor to ${rowValue} and ${columnValue}`, "data-testid": "status-page-resource-grid-cell-add", onClick: () => {
+            props.isCreateable ? (React.createElement("button", { type: "button", "aria-label": translator.translateTemplate("Add a monitor to {{row}} and {{column}}", { row: rowValue, column: columnValue }), "data-testid": "status-page-resource-grid-cell-add", onClick: () => {
                     props.onAddToCell(rowValue, columnValue);
                 }, className: "flex items-center justify-center gap-1 rounded-lg border border-dashed border-gray-300 py-1.5 text-xs text-gray-500 transition-colors hover:border-indigo-400 hover:bg-indigo-50 hover:text-indigo-600 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-300" },
                 React.createElement(Icon, { icon: IconProp.Add, className: "h-3.5 w-3.5", thick: ThickProp.Thick }),
-                React.createElement("span", null, cell.length > 0 ? "Add" : "Add monitor"))) : (React.createElement(React.Fragment, null))));
+                React.createElement("span", null, translator.translateText(cell.length > 0 ? "Add" : "Add monitor")))) : (React.createElement(React.Fragment, null))));
     };
     /*
      * A grid with no axes has no cells to draw, and nothing useful to say that
@@ -141,18 +154,16 @@ const ResourceGrid = (props) => {
                         })));
                 })))),
         gridModel.orphanResources.length > 0 ? (React.createElement("div", { className: "mt-4 rounded-lg border border-amber-200 bg-amber-50 p-3", "data-testid": "status-page-resource-grid-orphans" },
-            React.createElement("div", { className: "text-xs font-semibold text-amber-800" },
-                gridModel.orphanResources.length.toLocaleString(),
-                " resource",
-                gridModel.orphanResources.length === 1 ? "" : "s",
-                " are not on the grid"),
-            React.createElement("p", { className: "mt-0.5 text-xs text-amber-700" },
-                "Their ",
-                props.rowLabel.toLowerCase(),
-                " or",
-                " ",
-                props.columnLabel.toLowerCase(),
-                " is not one this group defines, so visitors never see them. Edit each one to put it in a cell."),
+            React.createElement("div", { className: "text-xs font-semibold text-amber-800" }, translator.translatePlural({
+                one: "{{count}} resource is not on the grid",
+                other: "{{count}} resources are not on the grid",
+            }, gridModel.orphanResources.length)),
+            React.createElement("p", { className: "mt-0.5 text-xs text-amber-700" }, translator.translateTemplate("Their {{row}} or {{column}} is not one this group defines, so visitors never see them. Edit each one to put it in a cell.", {
+                row: translatableTerm(props.rowLabel, { inSentence: true }),
+                column: translatableTerm(props.columnLabel, {
+                    inSentence: true,
+                }),
+            })),
             React.createElement("div", { className: "mt-3 flex flex-col gap-2" }, gridModel.orphanResources.map((statusPageResource) => {
                 var _a;
                 return (React.createElement("div", { key: (_a = statusPageResource._id) === null || _a === void 0 ? void 0 : _a.toString(), className: `flex items-center justify-between gap-2 rounded-lg border border-amber-200 px-3 py-2 text-xs ${isResourceSelected(statusPageResource)
@@ -174,7 +185,7 @@ const ResourceGrid = (props) => {
                             statusPageResource.columnAxisValue || "—")),
                     renderActions({
                         statusPageResource,
-                        editTooltip: "Put this resource on the grid",
+                        editTooltip: translationKey("Put this resource on the grid"),
                         className: ORPHAN_ACTIONS_CLASS_NAME,
                     })));
             })))) : (React.createElement(React.Fragment, null))));

package/build/dist/UI/Components/StatusPage/ResourceGrid.js.map

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