@oneuptime/common 12.0.5 → 12.0.6

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

@@ -0,0 +1,354 @@
+import IconProp from "../../../Types/Icon/IconProp";
+import StatusPageGroupViewMode from "../../../Types/StatusPage/StatusPageGroupViewMode";
+import StatusPageResourceExplorerUtil, { StatusPageResourceSelectionType, } from "../../../Utils/StatusPage/ResourceExplorer";
+import Button, { ButtonSize, ButtonStyleType } from "../Button/Button";
+import Icon from "../Icon/Icon";
+import MoreMenu from "../MoreMenu/MoreMenu";
+import MoreMenuItem from "../MoreMenu/MoreMenuItem";
+import Tooltip from "../Tooltip/Tooltip";
+import React, { Fragment, useRef, } from "react";
+/*
+ * The left hand side of the Resources explorer: the group hierarchy, as
+ * somewhere to go AND as the thing being built.
+ *
+ * Groups used to be managed on a page of their own, which meant the two halves
+ * of one job - "make a section" and "put monitors in it" - lived behind
+ * different links, and building a status page was a loop of navigating between
+ * them. They are one screen now: the tree here is what an operator selects to
+ * fill, and the same rows are where a group is created, renamed, moved and
+ * deleted.
+ *
+ * Three controls per row, and they do different things. The chevron opens the
+ * group's sub groups; the row itself selects the group, which is what puts its
+ * monitors in the pane on the right; the cluster that appears on hover acts on
+ * the group. Keeping the first two apart is what lets an operator look inside a
+ * branch without losing the group they were working in.
+ */
+/*
+ * An indent column is exactly as wide as a chevron, and its rail runs down the
+ * middle of it, so every rail lands on the centre line of the chevron of the
+ * group it descends from, at every depth.
+ */
+const INDENT_COLUMN_CLASS_NAME = "relative w-5 flex-shrink-0";
+const RAIL_CLASS_NAME = "absolute inset-y-0 left-2.5 w-px bg-gray-200";
+/* The vertical centre of a row: py-2 (8px) plus half of its 20px line. */
+const CONNECTOR_OFFSET_CLASS_NAME = "top-[1.125rem]";
+/*
+ * Every control in a row's hover cluster is the same square with the same glyph
+ * size, hover and focus ring, because they read as one cluster and any drift
+ * between them is visible at a glance.
+ *
+ * Native buttons rather than <Button buttonStyle={ICON} />: the overflow trigger
+ * has to be one - MoreMenu only enhances a custom trigger in place when it
+ * already is a native button - and ButtonStyleType.ICON cannot be talked into
+ * matching it from a className, because its padding, its 20px glyph and its
+ * indigo-500 offset focus ring are all baked into the style.
+ */
+const ROW_ACTION_CLASS_NAME = "flex h-6 w-6 flex-shrink-0 items-center justify-center rounded 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 disabled:pointer-events-none disabled:opacity-40";
+const ROW_SELECTOR = "[data-testid='status-page-resource-navigator-row']";
+const SELECT_SELECTOR = "[data-testid='status-page-resource-navigator-select']";
+const ResourceGroupNavigator = (props) => {
+    const isUngroupedSelected = props.selection.type === StatusPageResourceSelectionType.Ungrouped;
+    /*
+     * Whether a row has anything to act on it with. Every one of these is a
+     * property of the screen rather than of a row, so it is worked out once - and
+     * the count needs to know, because it is drawn where the cluster lands.
+     */
+    const hasRowActions = Boolean((props.isCreateable && props.onAddSubGroup) ||
+        (props.isEditable && (props.onEditGroup || props.onMoveGroupUp)) ||
+        props.onShowGroupId ||
+        (props.isDeleteable && props.onDeleteGroup));
+    const treeRef = useRef(null);
+    /*
+     * The arrow keys everybody already knows from a file tree: up and down walk
+     * the rows that are on screen, right opens a branch and then steps into it,
+     * left closes the branch you are in and then climbs out of it.
+     *
+     * Without this the only way through a large hierarchy from the keyboard is
+     * Tab, which stops on every chevron and every hover action on the way past -
+     * three stops per row, and no way to skip a subtree at all.
+     */
+    const onTreeKeyDown = (event) => {
+        var _a, _b, _c;
+        const navigationKeys = [
+            "ArrowDown",
+            "ArrowUp",
+            "ArrowRight",
+            "ArrowLeft",
+            "Home",
+            "End",
+        ];
+        if (!navigationKeys.includes(event.key)) {
+            return;
+        }
+        const rowElements = Array.from(((_a = treeRef.current) === null || _a === void 0 ? void 0 : _a.querySelectorAll(ROW_SELECTOR)) || []);
+        const activeElement = document.activeElement;
+        const currentIndex = rowElements.findIndex((rowElement) => {
+            return (activeElement instanceof Node && rowElement.contains(activeElement));
+        });
+        if (currentIndex < 0) {
+            return;
+        }
+        const row = props.rows[currentIndex];
+        if (!row) {
+            return;
+        }
+        const focusRow = (index) => {
+            var _a;
+            const target = rowElements[Math.max(0, Math.min(rowElements.length - 1, index))];
+            (_a = target === null || target === void 0 ? void 0 : target.querySelector(SELECT_SELECTOR)) === null || _a === void 0 ? void 0 : _a.focus();
+        };
+        /*
+         * Claimed before anything is done with it, so the page does not scroll out
+         * from under a tree the operator is walking.
+         */
+        event.preventDefault();
+        if (event.key === "ArrowDown") {
+            focusRow(currentIndex + 1);
+            return;
+        }
+        if (event.key === "ArrowUp") {
+            focusRow(currentIndex - 1);
+            return;
+        }
+        if (event.key === "Home") {
+            focusRow(0);
+            return;
+        }
+        if (event.key === "End") {
+            focusRow(rowElements.length - 1);
+            return;
+        }
+        if (event.key === "ArrowRight") {
+            if (!row.hasVisibleSubGroups) {
+                return;
+            }
+            if (row.isExpanded) {
+                /* Already open, so the first child is the next row drawn. */
+                focusRow(currentIndex + 1);
+                return;
+            }
+            props.onToggleExpand(row.id);
+            return;
+        }
+        /* ArrowLeft: close this branch, or climb to the one that contains it. */
+        if (row.hasVisibleSubGroups && row.isExpanded) {
+            props.onToggleExpand(row.id);
+            return;
+        }
+        for (let index = currentIndex - 1; index >= 0; index--) {
+            if (((_c = (_b = props.rows[index]) === null || _b === void 0 ? void 0 : _b.depth) !== null && _c !== void 0 ? _c : 0) < row.depth) {
+                focusRow(index);
+                return;
+            }
+        }
+    };
+    const renderIndent = (row) => {
+        if (row.depth <= 0) {
+            return React.createElement(React.Fragment, null);
+        }
+        return (React.createElement(Fragment, null,
+            row.ancestorRails.map((doesRailContinue, column) => {
+                return (React.createElement("span", { key: `rail-${column}`, "aria-hidden": "true", className: INDENT_COLUMN_CLASS_NAME, "data-testid": "status-page-resource-navigator-rail", "data-rail-continues": doesRailContinue ? "true" : "false" }, doesRailContinue ? React.createElement("span", { className: RAIL_CLASS_NAME }) : React.createElement(React.Fragment, null)));
+            }),
+            React.createElement("span", { "aria-hidden": "true", className: INDENT_COLUMN_CLASS_NAME, "data-testid": "status-page-resource-navigator-connector", "data-is-last-sibling": row.isLastVisibleSibling ? "true" : "false" },
+                React.createElement("span", { className: `absolute left-2.5 top-0 w-px bg-gray-200 ${row.isLastVisibleSibling ? "h-[1.125rem]" : "bottom-0"}` }),
+                React.createElement("span", { className: `absolute left-2.5 h-px w-2.5 bg-gray-200 ${CONNECTOR_OFFSET_CLASS_NAME}` }))));
+    };
+    const renderDisclosure = (row) => {
+        if (!row.hasVisibleSubGroups) {
+            /*
+             * A leaf keeps the column so every name in the navigator starts on the
+             * same vertical line whether or not its row can be opened.
+             */
+            return (React.createElement("span", { className: "h-5 w-5 flex-shrink-0", "aria-hidden": "true", "data-testid": "status-page-resource-navigator-leaf-spacer" }));
+        }
+        return (React.createElement("button", { type: "button", "aria-label": row.isExpanded
+                ? `Collapse ${row.name || "group"}`
+                : `Expand ${row.name || "group"}`, "aria-expanded": row.isExpanded, "data-testid": "status-page-resource-navigator-disclosure", className: "flex h-5 w-5 flex-shrink-0 items-center justify-center rounded text-gray-400 transition-colors hover:bg-gray-200 hover:text-gray-600 focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400", onClick: () => {
+                props.onToggleExpand(row.id);
+            } },
+            React.createElement(Icon, { icon: row.isExpanded ? IconProp.ChevronDown : IconProp.ChevronRight, className: "h-4 w-4" })));
+    };
+    const renderCount = (row, isSelected) => {
+        const label = StatusPageResourceExplorerUtil.getNavigatorCountLabel({
+            row: row,
+            countIndex: props.countIndex,
+        });
+        if (label === null) {
+            return React.createElement(React.Fragment, null);
+        }
+        return (React.createElement("span", { 
+            /*
+             * A pill rather than loose digits: a bare number at the end of a name
+             * reads as part of the name, which on a status page full of "Region
+             * 1000" and "Market 1001" is not a theoretical problem.
+             *
+             * It gives the row up to the action cluster, which is drawn over this
+             * end of the row - `invisible` rather than `hidden` so the name is
+             * truncated to the same width either way and cannot reflow under the
+             * pointer. The cluster's own background cannot be relied on to cover
+             * it: the dark theme maps indigo-50 to a translucent fill, and the
+             * digits read straight through it.
+             */
+            className: `flex-shrink-0 rounded-full px-1.5 py-0.5 text-[11px] font-medium tabular-nums ${hasRowActions
+                ? "group-hover/nav-row:invisible group-focus-within/nav-row:invisible"
+                : ""} ${isSelected
+                ? hasRowActions
+                    ? "invisible"
+                    : "bg-indigo-100 text-indigo-700"
+                : row.ownResourceCount === 0
+                    ? "bg-gray-100 text-gray-400"
+                    : "bg-gray-100 text-gray-500"}`, title: StatusPageResourceExplorerUtil.getNavigatorCountTooltip({
+                row: row,
+                countIndex: props.countIndex,
+            }), "data-testid": "status-page-resource-navigator-count" }, label));
+    };
+    /*
+     * The group's own actions. They sit over the right hand end of the row rather
+     * than beside the name, so a row is exactly as wide for its name whether or
+     * not the pointer is on it - a cluster that pushed the name aside on hover
+     * would make every name in a narrow sidebar jump as the pointer travelled
+     * down it.
+     *
+     * bg-inherit is what makes the overlay work: the row underneath is the thing
+     * carrying the hover and selected backgrounds, so the cluster is always
+     * painted on whatever the row currently is.
+     */
+    const renderActions = (row, isSelected) => {
+        const isBusy = props.busyGroupId === row.id;
+        const menuItems = [];
+        if (props.isEditable && props.onEditGroup) {
+            menuItems.push(React.createElement(MoreMenuItem, { key: "edit", text: "Edit group", icon: IconProp.Edit, isDisabled: isBusy, onClick: () => {
+                    var _a;
+                    (_a = props.onEditGroup) === null || _a === void 0 ? void 0 : _a.call(props, row.statusPageGroup);
+                } }));
+        }
+        if (props.isEditable && props.onMoveGroupUp) {
+            menuItems.push(React.createElement(MoreMenuItem, { key: "move-up", text: "Move up", icon: IconProp.ArrowUp, isDisabled: isBusy || !row.canMoveUp, onClick: () => {
+                    var _a;
+                    (_a = props.onMoveGroupUp) === null || _a === void 0 ? void 0 : _a.call(props, row.statusPageGroup);
+                } }));
+        }
+        if (props.isEditable && props.onMoveGroupDown) {
+            menuItems.push(React.createElement(MoreMenuItem, { key: "move-down", text: "Move down", icon: IconProp.ArrowDown, isDisabled: isBusy || !row.canMoveDown, onClick: () => {
+                    var _a;
+                    (_a = props.onMoveGroupDown) === null || _a === void 0 ? void 0 : _a.call(props, row.statusPageGroup);
+                } }));
+        }
+        if (props.onShowGroupId) {
+            menuItems.push(React.createElement(MoreMenuItem, { key: "show-id", text: "Show ID", icon: IconProp.Info, onClick: () => {
+                    var _a;
+                    (_a = props.onShowGroupId) === null || _a === void 0 ? void 0 : _a.call(props, row.statusPageGroup);
+                } }));
+        }
+        if (props.isDeleteable && props.onDeleteGroup) {
+            menuItems.push(React.createElement(MoreMenuItem, { key: "delete", text: "Delete group", icon: IconProp.Trash, className: "text-red-600 enabled:hover:bg-red-50 enabled:hover:text-red-700", iconClassName: "text-red-400 group-hover:text-red-500", isDisabled: isBusy, onClick: () => {
+                    var _a;
+                    (_a = props.onDeleteGroup) === null || _a === void 0 ? void 0 : _a.call(props, row.statusPageGroup);
+                } }));
+        }
+        const canAddSubGroup = Boolean(props.isCreateable && props.onAddSubGroup);
+        if (!canAddSubGroup && menuItems.length === 0) {
+            return React.createElement(React.Fragment, null);
+        }
+        return (React.createElement("div", { 
+            /*
+             * The selected row keeps its actions on screen. Hover is the discovery
+             * affordance, not the only one: a touch screen has no hover at all, and
+             * the row an operator is working in is precisely the one they are most
+             * likely to want to act on. Its count is the thing given up for it, and
+             * the pane beside it is already showing that number.
+             */
+            className: `absolute inset-y-0 right-0 items-center gap-0.5 rounded-r-md pl-4 pr-1 group-hover/nav-row:flex group-focus-within/nav-row:flex ${isSelected ? "flex bg-indigo-50" : "hidden bg-gray-100"}`, "data-testid": "status-page-resource-navigator-actions" },
+            canAddSubGroup ? (React.createElement(Tooltip, { text: "Add a sub group inside this group" },
+                React.createElement("button", { type: "button", "aria-label": `Add a sub group inside ${row.name || "this group"}`, "data-testid": "status-page-resource-navigator-add-sub-group", disabled: isBusy, className: ROW_ACTION_CLASS_NAME, onClick: () => {
+                        var _a;
+                        (_a = props.onAddSubGroup) === null || _a === void 0 ? void 0 : _a.call(props, row.statusPageGroup);
+                    } },
+                    React.createElement(Icon, { icon: IconProp.FolderPlus, className: "h-3.5 w-3.5" })))) : (React.createElement(React.Fragment, null)),
+            menuItems.length > 0 ? (React.createElement(MoreMenu, { ariaLabel: `More actions for ${row.name || "this group"}`, isDisabled: isBusy, elementToBeShownInsteadOfButton: React.createElement("button", { type: "button", "data-testid": "status-page-resource-navigator-more", className: ROW_ACTION_CLASS_NAME },
+                    React.createElement(Icon, { icon: IconProp.EllipsisHorizontal, className: "h-4 w-4" })) }, menuItems)) : (React.createElement(React.Fragment, null))));
+    };
+    const renderRow = (row) => {
+        const isSelected = props.selection.type === StatusPageResourceSelectionType.Group &&
+            props.selection.statusPageGroupId === row.id;
+        const isBusy = props.busyGroupId === row.id;
+        return (React.createElement("div", { key: row.id, role: "treeitem", "aria-level": row.depth + 1, "aria-posinset": row.visibleSiblingIndex + 1, "aria-setsize": row.visibleSiblingCount, "aria-expanded": row.hasVisibleSubGroups ? row.isExpanded : undefined, "aria-selected": isSelected, "aria-busy": isBusy ? true : undefined, "data-testid": "status-page-resource-navigator-row", "data-group-id": row.id, "data-depth": row.depth, "data-selected": isSelected ? "true" : "false", "data-view-mode": row.viewMode || StatusPageGroupViewMode.List, className: `group/nav-row relative flex items-stretch rounded-lg transition-colors ${isSelected
+                ? "bg-indigo-50"
+                : "hover:bg-gray-100 focus-within:bg-gray-100"} ${isBusy ? "opacity-60" : ""}` },
+            renderIndent(row),
+            React.createElement("div", { className: "flex min-w-0 flex-1 items-center gap-1" },
+                renderDisclosure(row),
+                React.createElement("button", { type: "button", "data-testid": "status-page-resource-navigator-select", className: `flex min-w-0 flex-1 items-center gap-2 rounded-lg py-2 pl-1 pr-2 text-left focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 ${isSelected ? "text-indigo-700" : "text-gray-700"}`, onClick: () => {
+                        props.onSelect({
+                            type: StatusPageResourceSelectionType.Group,
+                            statusPageGroupId: row.id,
+                        });
+                    } },
+                    React.createElement(Icon, { icon: row.viewMode === StatusPageGroupViewMode.Grid
+                            ? IconProp.Grid
+                            : row.hasSubGroups && row.isExpanded
+                                ? IconProp.FolderOpen
+                                : IconProp.Folder, className: `h-4 w-4 flex-shrink-0 ${isSelected
+                            ? "text-indigo-500"
+                            : row.hasSubGroups
+                                ? "text-gray-400"
+                                : "text-gray-300"}` }),
+                    React.createElement("span", { className: `min-w-0 flex-1 truncate text-sm ${isSelected ? "font-semibold" : "font-medium"} ${
+                        /*
+                         * A row that is only on screen to give a match its place in the
+                         * hierarchy is context, not a result.
+                         */
+                        row.isSearchMatch ? "" : "text-gray-400"}`, title: row.name || "Untitled group", "data-testid": "status-page-resource-navigator-name" }, row.name || "Untitled group"),
+                    renderCount(row, isSelected))),
+            renderActions(row, isSelected)));
+    };
+    /*
+     * The resources that belong to no group. "Top of page" rather than
+     * "Uncategorized": on the public status page these are drawn first, above
+     * every group, so where they appear is the useful thing to know about them -
+     * and it is a place an operator can picture, which "uncategorized" is not.
+     */
+    const renderUngroupedRow = () => {
+        return (React.createElement("button", { type: "button", "data-testid": "status-page-resource-navigator-ungrouped", title: "Resources that are not in any group. Visitors see these first, above every group.", "aria-current": isUngroupedSelected ? "true" : undefined, className: `flex w-full items-center gap-2 rounded-lg py-2 pl-2 pr-2 text-left transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 ${isUngroupedSelected
+                ? "bg-indigo-50 text-indigo-700"
+                : "text-gray-700 hover:bg-gray-100"}`, onClick: () => {
+                props.onSelect({
+                    type: StatusPageResourceSelectionType.Ungrouped,
+                    statusPageGroupId: null,
+                });
+            } },
+            React.createElement(Icon, { icon: IconProp.List, className: `h-4 w-4 flex-shrink-0 ${isUngroupedSelected ? "text-indigo-500" : "text-gray-400"}` }),
+            React.createElement("span", { className: `min-w-0 flex-1 truncate text-sm ${isUngroupedSelected ? "font-semibold" : "font-medium"}` }, "Top of page"),
+            props.countIndex.isComplete ? (React.createElement("span", { className: `flex-shrink-0 rounded-full px-1.5 py-0.5 text-[11px] font-medium tabular-nums ${isUngroupedSelected
+                    ? "bg-indigo-100 text-indigo-700"
+                    : props.countIndex.ungroupedCount === 0
+                        ? "bg-gray-100 text-gray-400"
+                        : "bg-gray-100 text-gray-500"}`, title: `${props.countIndex.ungroupedCount.toLocaleString()} ${props.countIndex.ungroupedCount === 1 ? "resource" : "resources"} that are not in any group`, "data-testid": "status-page-resource-navigator-ungrouped-count" }, props.countIndex.ungroupedCount.toLocaleString())) : (React.createElement(React.Fragment, null))));
+    };
+    const renderGroups = () => {
+        if (props.rows.length === 0) {
+            return (React.createElement("p", { className: "rounded-lg border border-dashed border-gray-300 px-3 py-3 text-xs text-gray-500", role: "status", "data-testid": "status-page-resource-navigator-empty" }, props.searchText
+                ? `No groups match “${props.searchText}”.`
+                : "No groups yet. Groups split a longer status page into sections, and they can be nested."));
+        }
+        return (React.createElement(Fragment, null,
+            React.createElement("div", { ref: treeRef, role: "tree", "aria-label": "Status page groups", "data-testid": "status-page-resource-navigator-tree", className: "space-y-0.5", onKeyDown: onTreeKeyDown }, props.rows.map((row) => {
+                return renderRow(row);
+            })),
+            props.hiddenRowCount > 0 ? (React.createElement("div", { className: "px-1 pt-2 [&_button]:md:ml-0", "data-testid": "status-page-resource-navigator-show-more" },
+                React.createElement(Button, { title: `Show ${Math.min(props.hiddenRowCount, StatusPageResourceExplorerUtil.NavigatorRowsPerPage).toLocaleString()} more of ${props.hiddenRowCount.toLocaleString()}`, icon: IconProp.ChevronDown, buttonSize: ButtonSize.Small, buttonStyle: ButtonStyleType.NORMAL, onClick: props.onShowMore }))) : (React.createElement(React.Fragment, null))));
+    };
+    return (React.createElement("div", { "data-testid": "status-page-resource-navigator" },
+        renderUngroupedRow(),
+        React.createElement("div", { className: "mt-3 border-t border-gray-200 pt-3" },
+            React.createElement("div", { className: "flex items-center justify-between gap-2 px-1.5 pb-1.5" },
+                React.createElement("p", { className: "text-[11px] font-semibold uppercase tracking-wide text-gray-500" }, "Groups"),
+                props.isCreateable && props.onCreateGroup ? (React.createElement(Tooltip, { text: "Create a top level group" },
+                    React.createElement("button", { type: "button", "aria-label": "Create a top level group", "data-testid": "status-page-resource-navigator-create-group", className: ROW_ACTION_CLASS_NAME, onClick: props.onCreateGroup },
+                        React.createElement(Icon, { icon: IconProp.Add, className: "h-4 w-4" })))) : (React.createElement(React.Fragment, null))),
+            renderGroups())));
+};
+export default ResourceGroupNavigator;
+//# sourceMappingURL=ResourceGroupNavigator.js.map

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

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

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

@@ -0,0 +1,203 @@
+import IconProp from "../../../Types/Icon/IconProp";
+import StatusPageResourceExplorerUtil from "../../../Utils/StatusPage/ResourceExplorer";
+import Button, { ButtonSize, ButtonStyleType } from "../Button/Button";
+import Icon from "../Icon/Icon";
+import MoreMenu from "../MoreMenu/MoreMenu";
+import MoreMenuItem from "../MoreMenu/MoreMenuItem";
+import React from "react";
+import { DragDropContext, Draggable, Droppable, } from "react-beautiful-dnd";
+/*
+ * The resources of one status page group, as the list they are.
+ *
+ * This used to be a ModelTable, mounted inside a row of a tree of other groups:
+ * a card with its own title, description, create button and overflow menu, a
+ * checkbox column, a sortable header and a pagination footer, all to show two
+ * columns of at most a few dozen rows. Everything about that chrome was a
+ * second, competing frame around content that was already inside one, and the
+ * deeper the group sat the more it read as a page inside a page.
+ *
+ * What is actually being edited here is a short ordered list, and the order is
+ * the point - it is the order visitors see. So it is drawn as an ordered list
+ * with a grip on each row, and everything else (creating, filtering, the group
+ * this belongs to) lives once, in the pane header above it.
+ *
+ * It is drawn in columns rather than as free floating rows. A dashboard pane is
+ * as wide as the window, and a row holding one short name on the left and two
+ * icons on the right leaves a metre of empty white between the thing and the
+ * buttons that act on it - which is both ugly and a long way for the eye to
+ * travel. So the row carries what an operator actually wants to compare down
+ * the column: the position visitors see it in, the monitor, and the name it is
+ * published under.
+ */
+/*
+ * One set of column widths, used by the header and by every row, so the two
+ * cannot drift apart. The published-name column takes the whole row on a phone
+ * (basis-full) and shares the width from sm up, which keeps it a single element
+ * rather than one copy per breakpoint.
+ */
+const GRIP_COLUMN_CLASS_NAME = "w-5 flex-shrink-0";
+/*
+ * Held back on a phone, where 24px of number costs a fifth of what is left for
+ * the monitor's name and the rows are already in the order it describes.
+ */
+const POSITION_COLUMN_CLASS_NAME = "hidden w-6 flex-shrink-0 text-right text-xs tabular-nums sm:block";
+const MONITOR_COLUMN_CLASS_NAME = "min-w-0 flex-[2_1_0%]";
+/*
+ * Its own line on a phone, indented to sit under the monitor it renames rather
+ * than out beneath the grip; beside the monitor from sm up.
+ *
+ * order-last is what keeps the row's buttons up on the first line with the
+ * monitor: a full width column wraps everything after it, and the buttons are
+ * after it in the markup because that is the order they are read in.
+ */
+const PUBLISHED_NAME_COLUMN_CLASS_NAME = "order-last min-w-0 flex-[3_1_100%] pl-8 sm:order-none sm:flex-[3_1_0%] sm:pl-0";
+const ACTIONS_COLUMN_CLASS_NAME = "flex w-[3.75rem] flex-shrink-0 items-center justify-end gap-0.5";
+const ROW_CLASS_NAME = "group flex flex-wrap items-center gap-x-3 gap-y-1 px-4 py-3 transition-colors";
+const ResourceList = (props) => {
+    const visibleResources = props.statusPageResources.slice(0, props.visibleCount);
+    const hiddenCount = props.statusPageResources.length - visibleResources.length;
+    const renderActions = (statusPageResource, index) => {
+        var _a;
+        const resourceId = ((_a = statusPageResource._id) === null || _a === void 0 ? void 0 : _a.toString()) || "";
+        const isBusy = props.busyResourceId === resourceId;
+        const name = StatusPageResourceExplorerUtil.getResourceName(statusPageResource);
+        const menuItems = [];
+        if (props.isReorderable) {
+            /*
+             * The same move a drag makes, reachable from the keyboard and from a
+             * touch screen - neither of which has anywhere to drag to.
+             */
+            menuItems.push(React.createElement(MoreMenuItem, { key: "move-up", text: "Move up", icon: IconProp.ArrowUp, isDisabled: isBusy || index === 0, onClick: () => {
+                    props.onReorder(index, index - 1);
+                } }));
+            menuItems.push(React.createElement(MoreMenuItem, { key: "move-down", text: "Move down", icon: IconProp.ArrowDown, isDisabled: isBusy || index === props.statusPageResources.length - 1, onClick: () => {
+                    props.onReorder(index, index + 1);
+                } }));
+        }
+        menuItems.push(React.createElement(MoreMenuItem, { key: "show-id", text: "Show ID", icon: IconProp.Info, onClick: () => {
+                props.onShowId(statusPageResource);
+            } }));
+        if (props.isDeleteable) {
+            menuItems.push(React.createElement(MoreMenuItem, { key: "delete", text: "Remove from status page", icon: IconProp.Trash, className: "text-red-600 enabled:hover:bg-red-50 enabled:hover:text-red-700", iconClassName: "text-red-400 group-hover:text-red-500", isDisabled: isBusy, onClick: () => {
+                    props.onDelete(statusPageResource);
+                } }));
+        }
+        return (React.createElement("div", { className: ACTIONS_COLUMN_CLASS_NAME, "data-testid": "status-page-resource-row-actions" },
+            props.isEditable ? (React.createElement(Button, { buttonSize: ButtonSize.Small, buttonStyle: ButtonStyleType.ICON, icon: IconProp.Edit, title: "", tooltip: "Edit this resource", ariaLabel: `Edit ${name}`, dataTestId: "status-page-resource-row-edit", disabled: isBusy, 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, isDisabled: isBusy, elementToBeShownInsteadOfButton: React.createElement("button", { type: "button", "aria-label": `More actions for ${name}`, "data-testid": "status-page-resource-row-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 renderRowBody = (statusPageResource, index, dragHandle) => {
+        const monitorName = StatusPageResourceExplorerUtil.getResourceName(statusPageResource);
+        const displayName = statusPageResource.displayName || "";
+        return (React.createElement(React.Fragment, null,
+            dragHandle,
+            React.createElement("span", { className: `${POSITION_COLUMN_CLASS_NAME} text-gray-400`, "aria-hidden": "true", "data-testid": "status-page-resource-row-position" }, index + 1),
+            React.createElement("div", { className: MONITOR_COLUMN_CLASS_NAME },
+                React.createElement("div", { 
+                    /*
+                     * The monitor element draws its name inside a flex span (it may
+                     * carry an icon), and text-overflow does not reach the anonymous
+                     * item a flex container makes of its text - so a long name was
+                     * clipped mid-letter with no ellipsis. Laying that span out as a
+                     * block puts the name back in an inline formatting context, where
+                     * truncation means what it says.
+                     */
+                    className: "truncate text-sm font-medium text-gray-900 [&_span]:block [&_span]:truncate", "data-testid": "status-page-resource-row-name" }, props.getResourceElement(statusPageResource))),
+            React.createElement("div", { className: PUBLISHED_NAME_COLUMN_CLASS_NAME }, displayName && displayName !== monitorName ? (React.createElement("p", { className: "truncate text-sm text-gray-500", title: displayName, "data-testid": "status-page-resource-row-display-name" }, displayName)) : (React.createElement("p", { className: "truncate text-sm text-gray-400" }, "Same as the monitor name"))),
+            renderActions(statusPageResource, index)));
+    };
+    const renderDragHandle = (provided, statusPageResource) => {
+        if (!props.isReorderable || !provided) {
+            /*
+             * The column stays so that a filtered list does not shift sideways the
+             * moment a filter is typed.
+             */
+            return (React.createElement("span", { className: `${GRIP_COLUMN_CLASS_NAME} h-5`, "aria-hidden": "true" }));
+        }
+        return (React.createElement("span", Object.assign({}, provided.dragHandleProps, { className: `${GRIP_COLUMN_CLASS_NAME} flex h-6 cursor-grab items-center justify-center rounded text-gray-300 transition-colors hover:bg-gray-200 hover:text-gray-600 group-hover:text-gray-500 focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 active:cursor-grabbing`, "data-testid": "status-page-resource-row-drag-handle", "aria-label": `Reorder ${StatusPageResourceExplorerUtil.getResourceName(statusPageResource)}` }),
+            React.createElement(Icon, { icon: IconProp.Drag, className: "h-4 w-4" })));
+    };
+    const getRowClassName = (isDragging, isBusy, isLastRow) => {
+        return `${ROW_CLASS_NAME} ${isDragging
+            ? /*
+               * bg-indigo-50 rather than bg-indigo-50/70: the dark theme remaps the
+               * un-suffixed colour tokens and not the transparent ones, so an
+               * opacity modifier leaves a light row in a dark list.
+               *
+               * A lifted row is rounded on all four corners because it is off the
+               * list while it is being dragged; a settled one only rounds where the
+               * container does, so its hover fill cannot square off the card's own
+               * bottom corners.
+               */
+                "rounded-xl bg-indigo-50 shadow-md ring-1 ring-indigo-200"
+            : `bg-white hover:bg-gray-50 ${isLastRow ? "rounded-b-xl" : ""}`} ${isBusy ? "opacity-60" : ""}`;
+    };
+    /*
+     * Only the bottom row of the whole card rounds its corners, and a card that
+     * ends in a "show more" footer has no such row.
+     */
+    const isLastRow = (index) => {
+        return hiddenCount === 0 && index === visibleResources.length - 1;
+    };
+    /*
+     * Column headings, from sm up. They are what makes the second column read as
+     * "the name visitors see" rather than as a stray subtitle, and they are the
+     * only place the position column can be explained at all.
+     *
+     * Below sm the published name wraps under the monitor instead of sitting
+     * beside it, so a header row would be labelling columns that are not there.
+     */
+    const renderHeader = () => {
+        return (React.createElement("div", { className: "hidden items-center gap-x-3 rounded-t-xl border-b border-gray-200 bg-gray-50 px-4 py-2 text-[11px] font-semibold uppercase tracking-wide text-gray-500 sm:flex", "data-testid": "status-page-resource-list-header", "aria-hidden": "true" },
+            React.createElement("span", { className: GRIP_COLUMN_CLASS_NAME }),
+            React.createElement("span", { className: POSITION_COLUMN_CLASS_NAME, title: "Position on the status page" }, "#"),
+            React.createElement("span", { className: MONITOR_COLUMN_CLASS_NAME }, "Monitor"),
+            React.createElement("span", { className: PUBLISHED_NAME_COLUMN_CLASS_NAME }, "Shown on the status page as"),
+            React.createElement("span", { className: ACTIONS_COLUMN_CLASS_NAME })));
+    };
+    const renderRows = () => {
+        if (!props.isReorderable) {
+            return (React.createElement("div", { className: "divide-y divide-gray-100", "data-testid": "status-page-resource-rows" }, visibleResources.map((statusPageResource, index) => {
+                var _a;
+                const resourceId = ((_a = statusPageResource._id) === null || _a === void 0 ? void 0 : _a.toString()) || `${index}`;
+                return (React.createElement("div", { key: resourceId, "data-testid": "status-page-resource-row", "data-resource-id": resourceId, className: getRowClassName(false, props.busyResourceId === resourceId, isLastRow(index)) }, renderRowBody(statusPageResource, index, renderDragHandle(null, statusPageResource))));
+            })));
+        }
+        return (React.createElement(DragDropContext, { onDragEnd: (result) => {
+                if (!result.destination) {
+                    return;
+                }
+                props.onReorder(result.source.index, result.destination.index);
+            } },
+            React.createElement(Droppable, { droppableId: `status-page-resources-${props.listKey}` }, (droppableProvided) => {
+                return (React.createElement("div", Object.assign({ ref: droppableProvided.innerRef }, droppableProvided.droppableProps, { className: "divide-y divide-gray-100", "data-testid": "status-page-resource-rows" }),
+                    visibleResources.map((statusPageResource, index) => {
+                        var _a;
+                        const resourceId = ((_a = statusPageResource._id) === null || _a === void 0 ? void 0 : _a.toString()) || `${index}`;
+                        return (React.createElement(Draggable, { key: resourceId, draggableId: resourceId, index: index, isDragDisabled: props.busyResourceId === resourceId }, (draggableProvided, snapshot) => {
+                            return (React.createElement("div", Object.assign({ ref: draggableProvided.innerRef }, draggableProvided.draggableProps, { "data-testid": "status-page-resource-row", "data-resource-id": resourceId, className: getRowClassName(snapshot.isDragging, props.busyResourceId === resourceId, isLastRow(index)) }), renderRowBody(statusPageResource, index, renderDragHandle(draggableProvided, statusPageResource))));
+                        }));
+                    }),
+                    droppableProvided.placeholder));
+            })));
+    };
+    if (props.statusPageResources.length === 0) {
+        return props.emptyState;
+    }
+    return (React.createElement("div", { 
+        /*
+         * One bordered card around the whole list rather than a border per row.
+         * No overflow-hidden: a dragged row is moved with a transform, and a
+         * clipping ancestor would cut it off the moment it left the list.
+         */
+        className: "rounded-xl border border-gray-200 bg-white", "data-testid": "status-page-resource-list" },
+        renderHeader(),
+        renderRows(),
+        hiddenCount > 0 ? (React.createElement("div", { className: "rounded-b-xl border-t border-gray-100 bg-gray-50 px-4 py-2.5 text-center [&_button]:md:ml-0", "data-testid": "status-page-resource-list-show-more" },
+            React.createElement(Button, { title: `Show ${Math.min(hiddenCount, StatusPageResourceExplorerUtil.ResourceRowsPerPage).toLocaleString()} more of ${hiddenCount.toLocaleString()}`, icon: IconProp.ChevronDown, buttonSize: ButtonSize.Small, buttonStyle: ButtonStyleType.NORMAL, onClick: props.onShowMore }))) : (React.createElement(React.Fragment, null))));
+};
+export default ResourceList;
+//# sourceMappingURL=ResourceList.js.map

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

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

package/build/dist/UI/Utils/AnalyticsModelAPI/AnalyticsModelAPI.js

@@ -137,12 +137,7 @@ export default class ModelAPI {
         const result = await API.fetch({
             method: HTTPMethod.POST,
             url: apiUrl,
-            data: {
-                query: JSONFunctions.serialize(query),
-                select: JSONFunctions.serialize(select),
-                sort: JSONFunctions.serialize(sort),
-                groupBy: JSONFunctions.serialize(groupBy),
-            },
+            data: Object.assign(Object.assign({}, ((requestOptions === null || requestOptions === void 0 ? void 0 : requestOptions.additionalRequestBody) || {})), { query: JSONFunctions.serialize(query), select: JSONFunctions.serialize(select), sort: JSONFunctions.serialize(sort), groupBy: JSONFunctions.serialize(groupBy) }),
             headers,
             params: {
                 limit: limit.toString(),