@oneuptime/common 14.0.2 → 14.0.3

package/build/dist/Types/Rum/WebVitals.js

@@ -3,6 +3,7 @@ export const WebVitalDefinitions = [
     {
         key: "lcp",
         label: "Largest Contentful Paint",
+        description: "How long until the biggest image or block of text on screen has rendered - roughly when the page looks loaded to the visitor.",
         unit: "ms",
         thresholds: { warn: 2500, danger: 4000 },
         names: [
@@ -15,6 +16,7 @@ export const WebVitalDefinitions = [
     {
         key: "inp",
         label: "Interaction to Next Paint",
+        description: "How quickly the page reacts to clicks, taps and key presses: the delay before the screen visibly updates, for close to the slowest interaction on the page.",
         unit: "ms",
         thresholds: { warn: 200, danger: 500 },
         names: [
@@ -27,6 +29,7 @@ export const WebVitalDefinitions = [
     {
         key: "cls",
         label: "Cumulative Layout Shift",
+        description: "How much the page jumps around while it loads - content moving under the visitor's cursor or finger. A score, not a time: lower is better and 0 means nothing moved.",
         unit: "score",
         thresholds: { warn: 0.1, danger: 0.25 },
         names: [
@@ -39,6 +42,7 @@ export const WebVitalDefinitions = [
     {
         key: "fcp",
         label: "First Contentful Paint",
+        description: "How long until the first text or image appears, so the visitor can see the page has started loading.",
         unit: "ms",
         thresholds: { warn: 1800, danger: 3000 },
         names: [
@@ -51,6 +55,7 @@ export const WebVitalDefinitions = [
     {
         key: "ttfb",
         label: "Time to First Byte",
+        description: "How long the browser waited for the first byte of the page from your server, including redirects, looking up the address and connecting.",
         unit: "ms",
         thresholds: { warn: 800, danger: 1800 },
         names: [
@@ -61,4 +66,24 @@ export const WebVitalDefinitions = [
         ],
     },
 ];
+// A threshold the way a person would say it: "2.5 s", "800 ms", "0.1".
+export function formatWebVitalThreshold(value, unit) {
+    if (unit === "score") {
+        return String(value);
+    }
+    if (value < 1000) {
+        return `${value} ms`;
+    }
+    return `${Number((value / 1000).toFixed(2))} s`;
+}
+/*
+ * The Good / Poor limits in words, matching how the overview rates a value:
+ * below `warn` is Good, at or above `danger` is Poor, and anything between
+ * needs work.
+ */
+export function describeWebVitalThresholds(definition) {
+    const warn = formatWebVitalThreshold(definition.thresholds.warn, definition.unit);
+    const danger = formatWebVitalThreshold(definition.thresholds.danger, definition.unit);
+    return `Good below ${warn}; poor at ${danger} or more.`;
+}
 //# sourceMappingURL=WebVitals.js.map

package/build/dist/Types/Rum/WebVitals.js.map

@@ -1 +1 @@
-{"version":3,"file":"WebVitals.js","sourceRoot":"","sources":["../../../../Types/Rum/WebVitals.ts"],"names":[],"mappings":"AAQA,uEAAuE;AACvE,MAAM,CAAC,MAAM,mBAAmB,GAA8B;IAC5D;QACE,GAAG,EAAE,KAAK;QACV,KAAK,EAAE,0BAA0B;QACjC,IAAI,EAAE,IAAI;QACV,UAAU,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE;QACxC,KAAK,EAAE;YACL,eAAe;YACf,kCAAkC;YAClC,0BAA0B;YAC1B,gBAAgB;SACjB;KACF;IACD;QACE,GAAG,EAAE,KAAK;QACV,KAAK,EAAE,2BAA2B;QAClC,IAAI,EAAE,IAAI;QACV,UAAU,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE;QACtC,KAAK,EAAE;YACL,eAAe;YACf,mCAAmC;YACnC,2BAA2B;YAC3B,gBAAgB;SACjB;KACF;IACD;QACE,GAAG,EAAE,KAAK;QACV,KAAK,EAAE,yBAAyB;QAChC,IAAI,EAAE,OAAO;QACb,UAAU,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE;QACvC,KAAK,EAAE;YACL,eAAe;YACf,iCAAiC;YACjC,yBAAyB;YACzB,gBAAgB;SACjB;KACF;IACD;QACE,GAAG,EAAE,KAAK;QACV,KAAK,EAAE,wBAAwB;QAC/B,IAAI,EAAE,IAAI;QACV,UAAU,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE;QACxC,KAAK,EAAE;YACL,eAAe;YACf,gCAAgC;YAChC,wBAAwB;YACxB,gBAAgB;SACjB;KACF;IACD;QACE,GAAG,EAAE,MAAM;QACX,KAAK,EAAE,oBAAoB;QAC3B,IAAI,EAAE,IAAI;QACV,UAAU,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE;QACvC,KAAK,EAAE;YACL,gBAAgB;YAChB,4BAA4B;YAC5B,oBAAoB;YACpB,iBAAiB;SAClB;KACF;CACF,CAAC"}
+{"version":3,"file":"WebVitals.js","sourceRoot":"","sources":["../../../../Types/Rum/WebVitals.ts"],"names":[],"mappings":"AAcA,uEAAuE;AACvE,MAAM,CAAC,MAAM,mBAAmB,GAA8B;IAC5D;QACE,GAAG,EAAE,KAAK;QACV,KAAK,EAAE,0BAA0B;QACjC,WAAW,EACT,+HAA+H;QACjI,IAAI,EAAE,IAAI;QACV,UAAU,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE;QACxC,KAAK,EAAE;YACL,eAAe;YACf,kCAAkC;YAClC,0BAA0B;YAC1B,gBAAgB;SACjB;KACF;IACD;QACE,GAAG,EAAE,KAAK;QACV,KAAK,EAAE,2BAA2B;QAClC,WAAW,EACT,6JAA6J;QAC/J,IAAI,EAAE,IAAI;QACV,UAAU,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE;QACtC,KAAK,EAAE;YACL,eAAe;YACf,mCAAmC;YACnC,2BAA2B;YAC3B,gBAAgB;SACjB;KACF;IACD;QACE,GAAG,EAAE,KAAK;QACV,KAAK,EAAE,yBAAyB;QAChC,WAAW,EACT,sKAAsK;QACxK,IAAI,EAAE,OAAO;QACb,UAAU,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE;QACvC,KAAK,EAAE;YACL,eAAe;YACf,iCAAiC;YACjC,yBAAyB;YACzB,gBAAgB;SACjB;KACF;IACD;QACE,GAAG,EAAE,KAAK;QACV,KAAK,EAAE,wBAAwB;QAC/B,WAAW,EACT,sGAAsG;QACxG,IAAI,EAAE,IAAI;QACV,UAAU,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE;QACxC,KAAK,EAAE;YACL,eAAe;YACf,gCAAgC;YAChC,wBAAwB;YACxB,gBAAgB;SACjB;KACF;IACD;QACE,GAAG,EAAE,MAAM;QACX,KAAK,EAAE,oBAAoB;QAC3B,WAAW,EACT,0IAA0I;QAC5I,IAAI,EAAE,IAAI;QACV,UAAU,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE;QACvC,KAAK,EAAE;YACL,gBAAgB;YAChB,4BAA4B;YAC5B,oBAAoB;YACpB,iBAAiB;SAClB;KACF;CACF,CAAC;AAEF,uEAAuE;AACvE,MAAM,UAAU,uBAAuB,CACrC,KAAa,EACb,IAAgC;IAEhC,IAAI,IAAI,KAAK,OAAO,EAAE,CAAC;QACrB,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;IACvB,CAAC;IAED,IAAI,KAAK,GAAG,IAAI,EAAE,CAAC;QACjB,OAAO,GAAG,KAAK,KAAK,CAAC;IACvB,CAAC;IAED,OAAO,GAAG,MAAM,CAAC,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;AAClD,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,0BAA0B,CACxC,UAA2D;IAE3D,MAAM,IAAI,GAAW,uBAAuB,CAC1C,UAAU,CAAC,UAAU,CAAC,IAAI,EAC1B,UAAU,CAAC,IAAI,CAChB,CAAC;IACF,MAAM,MAAM,GAAW,uBAAuB,CAC5C,UAAU,CAAC,UAAU,CAAC,MAAM,EAC5B,UAAU,CAAC,IAAI,CAChB,CAAC;IAEF,OAAO,cAAc,IAAI,aAAa,MAAM,WAAW,CAAC;AAC1D,CAAC"}

package/build/dist/UI/Components/Detail/FieldLabel.js

@@ -1,5 +1,6 @@
 import Link from "../Link/Link";
 import useTranslateValue from "../../Utils/Translation";
+import InfoTooltip from "../Tooltip/InfoTooltip";
 import React from "react";
 export var Size;
 (function (Size) {
@@ -18,6 +19,7 @@ const FieldLabelElement = (props) => {
         translatedTitle && (React.createElement("label", { className: `${props.size || "text-xs"} font-semibold uppercase tracking-widest ${isCardStyle ? "text-gray-500" : "text-gray-500"} flex items-center gap-2` },
             React.createElement("span", { className: `${props.alignClassName} flex items-center gap-1.5` },
                 translatedTitle,
+                React.createElement(InfoTooltip, { label: translatedTitle, text: props.tooltip, className: "relative z-10 normal-case tracking-normal" }),
                 React.createElement("span", { className: "w-1 h-1 rounded-full bg-gray-300" })),
             props.sideLink && translatedSideLinkText && ((_b = props.sideLink) === null || _b === void 0 ? void 0 : _b.url) && (React.createElement(Link, { to: (_c = props.sideLink) === null || _c === void 0 ? void 0 : _c.url, className: "inline-flex items-center gap-1 text-indigo-500 hover:text-indigo-600 transition-all duration-200 font-medium normal-case tracking-normal text-xs hover:underline underline-offset-2" },
                 translatedSideLinkText,

package/build/dist/UI/Components/Detail/FieldLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldLabel.js","sourceRoot":"","sources":["../../../../../UI/Components/Detail/FieldLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,cAAc,CAAC;AAEhC,OAAO,iBAAiB,MAAM,yBAAyB,CAAC;AACxD,OAAO,KAA0C,MAAM,OAAO,CAAC;AAE/D,MAAM,CAAN,IAAY,IAIX;AAJD,WAAY,IAAI;IACd,0BAAkB,CAAA;IAClB,4BAAoB,CAAA;IACpB,yBAAiB,CAAA;AACnB,CAAC,EAJW,IAAI,KAAJ,IAAI,QAIf;AAWD,MAAM,iBAAiB,GAAsC,CAC3D,KAAqB,EACP,EAAE;;IAChB,MAAM,EAAE,eAAe,EAAE,cAAc,EAAE,GAAG,iBAAiB,EAAE,CAAC;IAChE,MAAM,eAAe,GAAuB,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACzE,MAAM,qBAAqB,GACzB,cAAc,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;IACpC,MAAM,sBAAsB,GAAuB,eAAe,CAChE,MAAA,KAAK,CAAC,QAAQ,0CAAE,IAAI,CACrB,CAAC;IACF,MAAM,WAAW,GAAY,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC;IAExD,OAAO,CACL,6BAAK,SAAS,EAAC,WAAW;QACvB,eAAe,IAAI,CAClB,+BACE,SAAS,EAAE,GAAG,KAAK,CAAC,IAAI,IAAI,SAAS,4CACnC,WAAW,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,eAClC,0BAA0B;YAE1B,8BAAM,SAAS,EAAE,GAAG,KAAK,CAAC,cAAc,4BAA4B;gBACjE,eAAe;gBAChB,8BAAM,SAAS,EAAC,kCAAkC,GAAQ,CACrD;YACN,KAAK,CAAC,QAAQ,IAAI,sBAAsB,KAAI,MAAA,KAAK,CAAC,QAAQ,0CAAE,GAAG,CAAA,IAAI,CAClE,oBAAC,IAAI,IACH,EAAE,EAAE,MAAA,KAAK,CAAC,QAAQ,0CAAE,GAAG,EACvB,SAAS,EAAC,qLAAqL;gBAE9L,sBAAsB;gBACvB,6BACE,SAAS,EAAC,SAAS,EACnB,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,MAAM,EAAC,cAAc;oBAErB,8BACE,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAE,CAAC,EACd,CAAC,EAAC,8EAA8E,GAChF,CACE,CACD,CACR,CACK,CACT;QACA,qBAAqB,IAAI,CACxB,2BACE,SAAS,EAAE,GAAG,KAAK,CAAC,cAAc,+CAA+C,IAEhF,qBAAqB,CACpB,CACL,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"FieldLabel.js","sourceRoot":"","sources":["../../../../../UI/Components/Detail/FieldLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,cAAc,CAAC;AAEhC,OAAO,iBAAiB,MAAM,yBAAyB,CAAC;AACxD,OAAO,WAAW,MAAM,wBAAwB,CAAC;AACjD,OAAO,KAA0C,MAAM,OAAO,CAAC;AAE/D,MAAM,CAAN,IAAY,IAIX;AAJD,WAAY,IAAI;IACd,0BAAkB,CAAA;IAClB,4BAAoB,CAAA;IACpB,yBAAiB,CAAA;AACnB,CAAC,EAJW,IAAI,KAAJ,IAAI,QAIf;AAaD,MAAM,iBAAiB,GAAsC,CAC3D,KAAqB,EACP,EAAE;;IAChB,MAAM,EAAE,eAAe,EAAE,cAAc,EAAE,GAAG,iBAAiB,EAAE,CAAC;IAChE,MAAM,eAAe,GAAuB,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACzE,MAAM,qBAAqB,GACzB,cAAc,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;IACpC,MAAM,sBAAsB,GAAuB,eAAe,CAChE,MAAA,KAAK,CAAC,QAAQ,0CAAE,IAAI,CACrB,CAAC;IACF,MAAM,WAAW,GAAY,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC;IAExD,OAAO,CACL,6BAAK,SAAS,EAAC,WAAW;QACvB,eAAe,IAAI,CAClB,+BACE,SAAS,EAAE,GAAG,KAAK,CAAC,IAAI,IAAI,SAAS,4CACnC,WAAW,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,eAClC,0BAA0B;YAE1B,8BAAM,SAAS,EAAE,GAAG,KAAK,CAAC,cAAc,4BAA4B;gBACjE,eAAe;gBAChB,oBAAC,WAAW,IACV,KAAK,EAAE,eAAe,EACtB,IAAI,EAAE,KAAK,CAAC,OAAO,EACnB,SAAS,EAAC,2CAA2C,GACrD;gBACF,8BAAM,SAAS,EAAC,kCAAkC,GAAQ,CACrD;YACN,KAAK,CAAC,QAAQ,IAAI,sBAAsB,KAAI,MAAA,KAAK,CAAC,QAAQ,0CAAE,GAAG,CAAA,IAAI,CAClE,oBAAC,IAAI,IACH,EAAE,EAAE,MAAA,KAAK,CAAC,QAAQ,0CAAE,GAAG,EACvB,SAAS,EAAC,qLAAqL;gBAE9L,sBAAsB;gBACvB,6BACE,SAAS,EAAC,SAAS,EACnB,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,MAAM,EAAC,cAAc;oBAErB,8BACE,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAE,CAAC,EACd,CAAC,EAAC,8EAA8E,GAChF,CACE,CACD,CACR,CACK,CACT;QACA,qBAAqB,IAAI,CACxB,2BACE,SAAS,EAAE,GAAG,KAAK,CAAC,cAAc,+CAA+C,IAEhF,qBAAqB,CACpB,CACL,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

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

@@ -1,6 +1,7 @@
 import FieldLabelElement from "../Detail/FieldLabel";
 import React from "react";
 const InfoCard = (props) => {
+    var _a;
     const isClickable = Boolean(props.onClick);
     /*
      * A selected card swaps its border rather than adding one: Tailwind emits
@@ -10,6 +11,26 @@ const InfoCard = (props) => {
     const borderClassName = isClickable && props.isSelected
         ? "border-indigo-500 ring-1 ring-indigo-500"
         : "border-gray-200";
+    /*
+     * A clickable card with a tooltip cannot stay a role="button" div: the (i)
+     * is a button of its own, and a button's children are presentational, so
+     * screen readers would never reach it. The card becomes a plain container
+     * with a real button laid over it, and the (i) sits above that button
+     * (FieldLabel lifts it with relative z-10). Cards without a tooltip keep
+     * the markup below, unchanged.
+     */
+    if (isClickable && ((_a = props.tooltip) === null || _a === void 0 ? void 0 : _a.trim())) {
+        return (React.createElement("div", { className: `relative rounded-xl bg-white border ${borderClassName} shadow-sm hover:shadow-md transition-shadow duration-200 p-5 ${props.className || ""}` },
+            React.createElement("button", { type: "button", onClick: props.onClick, "aria-pressed": props.isSelected !== undefined
+                    ? Boolean(props.isSelected)
+                    : undefined, "aria-label": props.ariaLabel ||
+                    (typeof props.value === "string"
+                        ? `${props.title} ${props.value}`
+                        : props.title), className: "absolute inset-0 rounded-xl cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500 focus-visible:ring-offset-2" }),
+            React.createElement("div", { className: "mb-2" },
+                React.createElement(FieldLabelElement, { title: props.title, tooltip: props.tooltip })),
+            React.createElement("div", { className: props.textClassName || "text-gray-900" }, props.value)));
+    }
     return (React.createElement("div", { onClick: props.onClick, 
         /*
          * Click handlers on a div are invisible to the keyboard and to screen
@@ -30,7 +51,7 @@ const InfoCard = (props) => {
             }
             : undefined, className: `rounded-xl bg-white border ${borderClassName} shadow-sm hover:shadow-md transition-shadow duration-200 p-5 ${isClickable ? "cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500 focus-visible:ring-offset-2" : ""} ${props.className || ""}` },
         React.createElement("div", { className: "mb-2" },
-            React.createElement(FieldLabelElement, { title: props.title })),
+            React.createElement(FieldLabelElement, { title: props.title, tooltip: props.tooltip })),
         React.createElement("div", { className: props.textClassName || "text-gray-900" }, props.value)));
 };
 export default InfoCard;

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

@@ -1 +1 @@
-{"version":3,"file":"InfoCard.js","sourceRoot":"","sources":["../../../../../UI/Components/InfoCard/InfoCard.tsx"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,MAAM,sBAAsB,CAAC;AACrD,OAAO,KAA0C,MAAM,OAAO,CAAC;AAuB/D,MAAM,QAAQ,GAAsC,CAClD,KAAqB,EACP,EAAE;IAChB,MAAM,WAAW,GAAY,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAEpD;;;;OAIG;IACH,MAAM,eAAe,GACnB,WAAW,IAAI,KAAK,CAAC,UAAU;QAC7B,CAAC,CAAC,0CAA0C;QAC5C,CAAC,CAAC,iBAAiB,CAAC;IAExB,OAAO,CACL,6BACE,OAAO,EAAE,KAAK,CAAC,OAAO;QACtB;;;;WAIG;QACH,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EACxC,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,kBASnC,WAAW,IAAI,KAAK,CAAC,UAAU,KAAK,SAAS;YAC3C,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,UAAU,CAAC;YAC3B,CAAC,CAAC,SAAS,gBAEH,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACrD,SAAS,EACP,WAAW;YACT,CAAC,CAAC,CAAC,KAA0C,EAAE,EAAE;;gBAC7C,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;oBAC/C,OAAO;gBACT,CAAC;gBACD,2DAA2D;gBAC3D,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,MAAA,KAAK,CAAC,OAAO,qDAAI,CAAC;YACpB,CAAC;YACH,CAAC,CAAC,SAAS,EAEf,SAAS,EAAE,8BAA8B,eAAe,iEAAiE,WAAW,CAAC,CAAC,CAAC,kHAAkH,CAAC,CAAC,CAAC,EAAE,IAAI,KAAK,CAAC,SAAS,IAAI,EAAE,EAAE;QAEzR,6BAAK,SAAS,EAAC,MAAM;YACnB,oBAAC,iBAAiB,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,GAAI,CACrC;QACN,6BAAK,SAAS,EAAE,KAAK,CAAC,aAAa,IAAI,eAAe,IACnD,KAAK,CAAC,KAAK,CACR,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"InfoCard.js","sourceRoot":"","sources":["../../../../../UI/Components/InfoCard/InfoCard.tsx"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,MAAM,sBAAsB,CAAC;AACrD,OAAO,KAA0C,MAAM,OAAO,CAAC;AAyB/D,MAAM,QAAQ,GAAsC,CAClD,KAAqB,EACP,EAAE;;IAChB,MAAM,WAAW,GAAY,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAEpD;;;;OAIG;IACH,MAAM,eAAe,GACnB,WAAW,IAAI,KAAK,CAAC,UAAU;QAC7B,CAAC,CAAC,0CAA0C;QAC5C,CAAC,CAAC,iBAAiB,CAAC;IAExB;;;;;;;OAOG;IACH,IAAI,WAAW,KAAI,MAAA,KAAK,CAAC,OAAO,0CAAE,IAAI,EAAE,CAAA,EAAE,CAAC;QACzC,OAAO,CACL,6BACE,SAAS,EAAE,uCAAuC,eAAe,iEAAiE,KAAK,CAAC,SAAS,IAAI,EAAE,EAAE;YAEzJ,gCACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,KAAK,CAAC,OAAO,kBAEpB,KAAK,CAAC,UAAU,KAAK,SAAS;oBAC5B,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,UAAU,CAAC;oBAC3B,CAAC,CAAC,SAAS,gBAQb,KAAK,CAAC,SAAS;oBACf,CAAC,OAAO,KAAK,CAAC,KAAK,KAAK,QAAQ;wBAC9B,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,EAAE;wBACjC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,EAElB,SAAS,EAAC,8IAA8I,GACxJ;YACF,6BAAK,SAAS,EAAC,MAAM;gBACnB,oBAAC,iBAAiB,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,GAAI,CAC7D;YACN,6BAAK,SAAS,EAAE,KAAK,CAAC,aAAa,IAAI,eAAe,IACnD,KAAK,CAAC,KAAK,CACR,CACF,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,6BACE,OAAO,EAAE,KAAK,CAAC,OAAO;QACtB;;;;WAIG;QACH,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EACxC,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,kBASnC,WAAW,IAAI,KAAK,CAAC,UAAU,KAAK,SAAS;YAC3C,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,UAAU,CAAC;YAC3B,CAAC,CAAC,SAAS,gBAEH,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACrD,SAAS,EACP,WAAW;YACT,CAAC,CAAC,CAAC,KAA0C,EAAE,EAAE;;gBAC7C,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;oBAC/C,OAAO;gBACT,CAAC;gBACD,2DAA2D;gBAC3D,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,MAAA,KAAK,CAAC,OAAO,qDAAI,CAAC;YACpB,CAAC;YACH,CAAC,CAAC,SAAS,EAEf,SAAS,EAAE,8BAA8B,eAAe,iEAAiE,WAAW,CAAC,CAAC,CAAC,kHAAkH,CAAC,CAAC,CAAC,EAAE,IAAI,KAAK,CAAC,SAAS,IAAI,EAAE,EAAE;QAEzR,6BAAK,SAAS,EAAC,MAAM;YACnB,oBAAC,iBAAiB,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,GAAI,CAC7D;QACN,6BAAK,SAAS,EAAE,KAAK,CAAC,aAAa,IAAI,eAAe,IACnD,KAAK,CAAC,KAAK,CACR,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/build/dist/UI/Components/ModelTable/BaseModelTable.js

@@ -152,9 +152,38 @@ const BaseModelTable = (props) => {
     const [tableView, setTableView] = useState(null);
     const matchBulkSelectedItemByField = ((_a = props.bulkActions) === null || _a === void 0 ? void 0 : _a.matchBulkSelectedItemByField) || "_id";
     const model = new props.modelType();
+    /*
+     * The header's create button, "<verb> <noun>". Translating the two words
+     * separately reads the verb out of context - "Link" comes back as the noun
+     * in many languages, and word order differs - so the whole phrase is looked
+     * up first ("Link Alert") and the word-by-word join is only the fallback
+     * for a phrase with no entry of its own. In English both are the same.
+     */
+    const getCreateButtonTitle = () => {
+        const verb = props.createVerb || "Create";
+        const noun = props.singularName || model.singularName || "";
+        if (noun) {
+            const phrase = `${verb} ${noun}`;
+            const translatedPhrase = tx(phrase);
+            if (translatedPhrase && translatedPhrase !== phrase) {
+                return translatedPhrase;
+            }
+        }
+        return `${tx(verb)} ${tx(noun)}`;
+    };
     const getActionGate = (action) => {
+        var _a, _b;
+        /*
+         * A table that calls its delete "Unlink" must not say the locked button
+         * would delete the row's noun ("permission to delete this Alert"). Keyed
+         * on deleteVerb alone: deleteButtonText is also set by tables such as
+         * "Remove from Project", which keep the default "delete" sentence.
+         */
         const result = PermissionGate.check(model, action, {
             singularName: props.singularName || model.singularName || undefined,
+            verb: action === ModelAction.Delete
+                ? ((_b = (_a = props.bulkActions) === null || _a === void 0 ? void 0 : _a.deleteVerb) === null || _b === void 0 ? void 0 : _b.trim()) || undefined
+                : undefined,
         });
         if (result.isAllowed) {
             return { show: true, disabled: false, tooltip: undefined };
@@ -1535,7 +1564,7 @@ const BaseModelTable = (props) => {
             createGate.show &&
             showAs !== ShowAs.OrderedStatesList) {
             headerbuttons.push({
-                title: `${tx(props.createVerb || "Create")} ${tx(props.singularName || model.singularName || "")}`,
+                title: getCreateButtonTitle(),
                 buttonStyle: ButtonStyleType.NORMAL,
                 buttonSize: ButtonSize.Normal,
                 className: "",
@@ -1770,6 +1799,7 @@ const BaseModelTable = (props) => {
         };
     }, [showColumnCustomizationModal, attributeColumnKey]);
     const setActionSchema = () => {
+        var _a, _b, _c;
         const permissions = PermissionUtil.getAllPermissions();
         const actionsSchema = [];
         if (props.showViewIdButton) {
@@ -1862,10 +1892,14 @@ const BaseModelTable = (props) => {
                 });
             }
             const deleteGate = getActionGate(ModelAction.Delete);
+            /* The row action wears the same icon as the bulk one it stands for. */
+            const rowDeleteIcon = (((_b = (_a = props.bulkActions) === null || _a === void 0 ? void 0 : _a.deleteVerb) === null || _b === void 0 ? void 0 : _b.trim()) &&
+                ((_c = props.bulkActions) === null || _c === void 0 ? void 0 : _c.deleteIcon)) ||
+                IconProp.Trash;
             if (props.isDeleteable && deleteGate.show) {
                 actionsSchema.push({
                     title: tx(props.deleteButtonText || "Delete"),
-                    icon: IconProp.Trash,
+                    icon: rowDeleteIcon,
                     buttonStyleType: ButtonStyleType.DANGER_OUTLINE,
                     disabled: deleteGate.disabled,
                     tooltip: deleteGate.tooltip,
@@ -1936,25 +1970,35 @@ const BaseModelTable = (props) => {
         itemsOnPage,
     ]);
     const getDeleteBulkAction = () => {
+        var _a, _b, _c;
+        /*
+         * A table that names its own verb ("Unlink") removes relationships, not
+         * things, so its sentence drops "This action cannot be undone" - that
+         * would say the opposite of the warning it usually appends.
+         */
+        const deleteVerb = ((_b = (_a = props.bulkActions) === null || _a === void 0 ? void 0 : _a.deleteVerb) === null || _b === void 0 ? void 0 : _b.trim()) || undefined;
+        const getItemLabel = (items) => {
+            return items.length === 1
+                ? props.singularName || model.singularName || "item"
+                : props.pluralName || model.pluralName || "items";
+        };
         return {
-            title: "Delete",
+            title: deleteVerb || "Delete",
             buttonStyleType: ButtonStyleType.DANGER,
-            icon: IconProp.Trash,
+            icon: (deleteVerb && ((_c = props.bulkActions) === null || _c === void 0 ? void 0 : _c.deleteIcon)) || IconProp.Trash,
             confirmMessage: (items) => {
                 var _a;
-                const itemLabel = items.length === 1
-                    ? props.singularName || model.singularName || "item"
-                    : props.pluralName || model.pluralName || "items";
+                const itemLabel = getItemLabel(items);
                 const warning = ((_a = props.bulkActions) === null || _a === void 0 ? void 0 : _a.deleteConfirmationWarning)
                     ? ` ${props.bulkActions.deleteConfirmationWarning}`
                     : "";
+                if (deleteVerb) {
+                    return `Are you sure you want to ${deleteVerb.toLowerCase()} ${items.length} ${itemLabel.toLowerCase()}?${warning}`;
+                }
                 return `Are you sure you want to delete ${items.length} ${itemLabel}? This action cannot be undone.${warning}`;
             },
             confirmTitle: (items) => {
-                const itemLabel = items.length === 1
-                    ? props.singularName || model.singularName || "item"
-                    : props.pluralName || model.pluralName || "items";
-                return `Delete ${items.length} ${itemLabel}`;
+                return `${deleteVerb || "Delete"} ${items.length} ${getItemLabel(items)}`;
             },
             confirmButtonStyleType: ButtonStyleType.DANGER,
             onClick: async ({ items, onProgressInfo, onBulkActionStart, onBulkActionEnd, }) => {
@@ -2051,7 +2095,7 @@ const BaseModelTable = (props) => {
                 : "rounded-lg border-2 border-gray-200 p-6 pt-0 pb-5", tableContainerClassName: props.cardProps ? "" : "overflow-hidden rounded", onFilterRefreshClick: async () => {
                 await getFilterDropdownItems();
             }, bulkActions: (() => {
-                var _a, _b;
+                var _a, _b, _c, _d;
                 const bulkDeleteGate = getActionGate(ModelAction.Delete);
                 /*
                  * Whether to auto-add the default Delete still follows the model
@@ -2077,7 +2121,16 @@ const BaseModelTable = (props) => {
                  * Table derives the row checkboxes from this array being non-empty,
                  * so injecting a locked Delete into an otherwise empty array would
                  * grow a selection column onto tables that have never had one.
+                 *
+                 * A page's own button counts as the delete action when it carries
+                 * the title the default one would have: "Delete", or the table's
+                 * deleteVerb.
                  */
+                const deleteActionTitles = ["Delete"];
+                const bulkDeleteVerb = ((_d = (_c = props.bulkActions) === null || _c === void 0 ? void 0 : _c.deleteVerb) === null || _d === void 0 ? void 0 : _d.trim()) || undefined;
+                if (bulkDeleteVerb) {
+                    deleteActionTitles.push(bulkDeleteVerb);
+                }
                 const alreadyHasDeleteAction = sourceButtons.some((action) => {
                     if (action === ModalTableBulkDefaultActions.Delete) {
                         return true;
@@ -2085,8 +2138,7 @@ const BaseModelTable = (props) => {
                     if (typeof action === "object" &&
                         action !== null &&
                         "title" in action &&
-                        action.title ===
-                            "Delete") {
+                        deleteActionTitles.includes(action.title)) {
                         return true;
                     }
                     return false;