@oneuptime/common 14.0.12 → 14.0.14

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

@@ -1,9 +1,74 @@
 import Icon from "../Icon/Icon";
 import IconProp from "../../../Types/Icon/IconProp";
 import Modal from "../Modal/Modal";
-import PaginationUtil, { DefaultItemsOnPageOptions, } from "./PaginationUtil";
+import useTranslateValue from "../../Utils/Translation";
+import { translateTemplate } from "../../Utils/TranslateTemplate";
+import PaginationCopy from "./PaginationCopy";
+import { getPaginationSummary } from "./PaginationSummary";
+import PaginationUtil, { DefaultItemsOnPageOptions, DefaultMaxVisiblePages, } from "./PaginationUtil";
 import React, { useEffect, useId, useState, } from "react";
+export const DefaultPaginationSize = {
+    barClassName: "px-4 py-2.5 sm:px-6",
+    heightClassName: "h-7",
+    squareClassName: "h-7 w-7",
+    pageClassName: "h-7 min-w-7 px-1.5",
+    selectClassName: "h-7 pl-2.5 pr-7",
+};
+export const CompactPaginationSize = {
+    barClassName: "px-4 py-2",
+    heightClassName: "h-6",
+    squareClassName: "h-6 w-6",
+    pageClassName: "h-6 min-w-6 px-1",
+    selectClassName: "h-6 pl-2 pr-6",
+};
+/*
+ * What every arrow, page number, gap and indicator shares. The focus ring is
+ * inset so a footer that clips its overflow cannot cut it off, and the hover
+ * colours fade in over a short transition that is dropped for a reader who
+ * asks for less motion.
+ */
+export const CONTROL_CLASS_NAME = "inline-flex shrink-0 items-center justify-center rounded-md text-xs transition focus:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-indigo-500 motion-reduce:transition-none";
+/*
+ * The page the reader is on: a tinted chip, the only coloured thing on the
+ * bar. Every colour here, and below, is one the dark theme remaps
+ * (Common/UI/Styles/Theme.css).
+ */
+export const CURRENT_PAGE_CLASS_NAME = "cursor-default bg-indigo-50 font-semibold text-indigo-700 ring-1 ring-inset ring-indigo-200";
+// Any other page: quiet until it is hovered.
+export const PAGE_CLASS_NAME = "cursor-pointer font-medium text-gray-600 hover:bg-gray-100 hover:text-gray-900";
+export const ARROW_CLASS_NAME = "cursor-pointer text-gray-500 hover:bg-gray-100 hover:text-gray-900";
+export const GAP_CLASS_NAME = "cursor-pointer font-medium text-gray-400 hover:bg-gray-100 hover:text-gray-700";
+// "Page 12 of 24": plain text between the arrows.
+export const INDICATOR_CLASS_NAME = "whitespace-nowrap px-2 text-xs font-medium text-gray-700";
+// The same words, when they also open the jump dialog.
+export const JUMPABLE_INDICATOR_CLASS_NAME = "cursor-pointer font-medium text-gray-700 hover:bg-gray-100 hover:text-gray-900";
+/*
+ * A control that cannot be used right now keeps its colour and fades, rather
+ * than turning a paler grey: the dark theme maps text-gray-300 to a light
+ * slate, so a dead arrow drawn that way was brighter than a live one. Its
+ * hover classes are left off, not overridden - the dark theme's hover rules
+ * are !important and would light a disabled control up anyway.
+ */
+export const DISABLED_CONTROL_CLASS_NAME = "cursor-not-allowed opacity-40";
+// The same control, dead: its resting colour, faded, with no hover.
+const disabledClassName = (enabledClassName) => {
+    const restingClassNames = enabledClassName
+        .split(" ")
+        .filter((className) => {
+        return (className.length > 0 &&
+            !className.includes(":") &&
+            !className.startsWith("cursor-"));
+    });
+    return [...restingClassNames, DISABLED_CONTROL_CLASS_NAME].join(" ");
+};
 const Pagination = (props) => {
+    const { translateString } = useTranslateValue();
+    const translate = (text) => {
+        return translateString(text) || text;
+    };
+    const size = props.isCompact
+        ? CompactPaginationSize
+        : DefaultPaginationSize;
     /*
      * Has-more mode: the count is a lower bound, so there is no last page to
      * link to and no "of N" to print. Prev/next and the page size are all the
@@ -39,6 +104,12 @@ const Pagination = (props) => {
         setIsGoToPageModalVisible(false);
         setGoToPageValue("");
     }, [currentPageNumber]);
+    /*
+     * Narrow screens have no page list, so no gaps either: there the page
+     * indicator opens the same dialog - for exactly the lists whose page list
+     * would collapse a gap on a wider screen.
+     */
+    const canJumpFromIndicator = !isHasMoreMode && totalPageCount > DefaultMaxVisiblePages;
     const itemRange = PaginationUtil.getItemRange({
         currentPageNumber: currentPageNumber,
         itemsOnPage: props.itemsOnPage,
@@ -46,13 +117,17 @@ const Pagination = (props) => {
         itemsOnCurrentPage: props.itemsOnCurrentPage,
     });
     const itemsOnPageOptions = PaginationUtil.getItemsOnPageOptions(props.itemsOnPage, props.itemsOnPageOptions || DefaultItemsOnPageOptions);
-    const textSizeClassName = props.isCompact ? "text-xs" : "text-sm";
     const navigateToPage = (pageNumber) => {
         if (isDisabled) {
             return;
         }
         props.onNavigateToPage(pageNumber, props.itemsOnPage);
     };
+    const openGoToPageModal = () => {
+        if (!isDisabled) {
+            setIsGoToPageModalVisible(true);
+        }
+    };
     const submitGoToPage = () => {
         const requestedPageNumber = Number(goToPageValue);
         if (!requestedPageNumber) {
@@ -61,67 +136,69 @@ const Pagination = (props) => {
         setIsGoToPageModalVisible(false);
         navigateToPage(PaginationUtil.clampPageNumber(requestedPageNumber, totalPageCount));
     };
-    const getSummary = () => {
-        const pluralLabel = props.pluralLabel.toLowerCase();
-        const singularLabel = props.singularLabel.toLowerCase();
-        if (itemRange.isEmpty) {
-            return `No ${pluralLabel}`;
-        }
-        const rangeText = itemRange.firstItemNumber === itemRange.lastItemNumber
-            ? itemRange.firstItemNumber.toLocaleString()
-            : `${itemRange.firstItemNumber.toLocaleString()}-${itemRange.lastItemNumber.toLocaleString()}`;
-        if (isHasMoreMode) {
-            /*
-             * The count cannot be printed here — it is a lower bound that also
-             * includes the probe row the payload dropped. The trailing "+" is all
-             * that can be said about what comes after this page.
-             */
-            return `Showing ${rangeText}${props.hasMore ? "+" : ""} ${pluralLabel}`;
-        }
-        return `Showing ${rangeText} of ${props.totalItemsCount.toLocaleString()} ${props.totalItemsCount === 1 ? singularLabel : pluralLabel}`;
-    };
-    /*
-     * A minimum width rather than padding alone, so a row of single-digit
-     * pages does not read as a row of narrower buttons than the two- and
-     * three-digit ones beside it.
-     */
-    const pageButtonBaseClassName = `relative inline-flex items-center justify-center border border-gray-300 font-medium transition-colors focus:z-20 focus:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-indigo-500 ${props.isCompact
-        ? "min-w-8 px-2 py-1.5 text-xs"
-        : "min-w-9 px-2 py-2 text-sm"}`;
-    const getArrowButtonClassName = (isButtonDisabled) => {
-        return `${pageButtonBaseClassName} ${isButtonDisabled
-            ? "cursor-not-allowed bg-gray-50 text-gray-300"
-            : "cursor-pointer bg-white text-gray-500 hover:bg-gray-50 hover:text-gray-700"}`;
+    const getArrowClassName = (isButtonDisabled) => {
+        return `${CONTROL_CLASS_NAME} ${size.squareClassName} ${isButtonDisabled ? disabledClassName(ARROW_CLASS_NAME) : ARROW_CLASS_NAME}`;
     };
     const getPageNumberButton = (pageNumber) => {
         const isCurrentPage = pageNumber === currentPageNumber;
+        /*
+         * The current page keeps its chip while the bar is frozen, so the reader
+         * can still see where they are.
+         */
+        let stateClassName = PAGE_CLASS_NAME;
+        if (isCurrentPage) {
+            stateClassName = CURRENT_PAGE_CLASS_NAME;
+        }
+        else if (isDisabled) {
+            stateClassName = disabledClassName(PAGE_CLASS_NAME);
+        }
         return (React.createElement("li", { className: "max-sm:hidden sm:flex", key: `page-${pageNumber}` },
-            React.createElement("button", { type: "button", "data-testid": `pagination-page-${pageNumber}`, "aria-label": isCurrentPage ? `Page ${pageNumber}` : `Go to page ${pageNumber}`, "aria-current": isCurrentPage ? "page" : undefined, disabled: isDisabled, onClick: () => {
+            React.createElement("button", { type: "button", "data-testid": `pagination-page-${pageNumber}`, "aria-label": translateTemplate(isCurrentPage ? PaginationCopy.page : PaginationCopy.goToPageNumber, { page: pageNumber.toLocaleString() }), "aria-current": isCurrentPage ? "page" : undefined, disabled: isDisabled, onClick: () => {
                     if (!isCurrentPage) {
                         navigateToPage(pageNumber);
                     }
-                }, className: `${pageButtonBaseClassName} ${isCurrentPage
-                    ? "z-10 border-indigo-500 bg-indigo-50 text-indigo-600"
-                    : "bg-white text-gray-600 hover:bg-gray-50"} ${isDisabled && !isCurrentPage
-                    ? "cursor-not-allowed text-gray-300"
-                    : "cursor-pointer"}` }, pageNumber.toLocaleString())));
+                }, className: `${CONTROL_CLASS_NAME} ${size.pageClassName} tabular-nums ${stateClassName}` }, pageNumber.toLocaleString())));
     };
     const getEllipsis = (key) => {
         return (React.createElement("li", { className: "max-sm:hidden sm:flex", key: key },
-            React.createElement("button", { type: "button", "data-testid": `pagination-${key}`, "aria-label": "Go to a page in between", title: "Go to page", disabled: isDisabled, onClick: () => {
-                    if (!isDisabled) {
-                        setIsGoToPageModalVisible(true);
-                    }
-                }, className: `${pageButtonBaseClassName} bg-white text-gray-400 ${isDisabled
-                    ? "cursor-not-allowed"
-                    : "cursor-pointer hover:bg-gray-50 hover:text-gray-600"}` }, "\u2026")));
+            React.createElement("button", { type: "button", "data-testid": `pagination-${key}`, "aria-label": translate(PaginationCopy.pagesInBetween), "aria-haspopup": "dialog", title: translate(PaginationCopy.goToPage), disabled: isDisabled, onClick: openGoToPageModal, className: `${CONTROL_CLASS_NAME} ${size.pageClassName} ${isDisabled ? disabledClassName(GAP_CLASS_NAME) : GAP_CLASS_NAME}` }, "\u2026")));
+    };
+    /*
+     * Where the reader is, on a screen too narrow for the page list: "Page 12
+     * of 24" (or just "Page 12" when the total is unknown).
+     */
+    const getCurrentPageIndicator = () => {
+        const text = isHasMoreMode
+            ? translateTemplate(PaginationCopy.page, {
+                page: currentPageNumber.toLocaleString(),
+            })
+            : translateTemplate(PaginationCopy.pageOfPages, {
+                page: currentPageNumber.toLocaleString(),
+                total: totalPageCount.toLocaleString(),
+            });
+        if (!canJumpFromIndicator) {
+            return (React.createElement("span", { "data-testid": "pagination-current-page-indicator", className: INDICATOR_CLASS_NAME }, text));
+        }
+        return (React.createElement("button", { type: "button", "data-testid": "pagination-current-page-indicator", "aria-haspopup": "dialog", title: translate(PaginationCopy.goToPage), disabled: isDisabled, onClick: openGoToPageModal, className: `${CONTROL_CLASS_NAME} ${size.heightClassName} whitespace-nowrap px-2 ${isDisabled
+                ? disabledClassName(JUMPABLE_INDICATOR_CLASS_NAME)
+                : JUMPABLE_INDICATOR_CLASS_NAME}` }, text));
     };
     return (React.createElement(React.Fragment, null,
-        React.createElement("nav", { className: `flex flex-col gap-3 border-t border-gray-200 bg-white px-4 py-3 text-left sm:flex-row sm:items-center sm:justify-between ${props.className || ""}`, "data-testid": props.dataTestId, "aria-label": `Pagination for ${props.pluralLabel}` },
-            React.createElement("p", { className: `${textSizeClassName} shrink-0 whitespace-nowrap text-gray-500`, "data-testid": "pagination-summary", "aria-live": "polite" }, props.isLoading ? "Loading…" : getSummary()),
-            React.createElement("div", { className: "flex flex-wrap items-center justify-start gap-x-3 gap-y-3 sm:justify-end" },
+        React.createElement("nav", { className: `flex flex-wrap items-center justify-between gap-x-6 gap-y-2 border-t border-gray-200 bg-white text-left ${size.barClassName} ${props.className || ""}`, "data-testid": props.dataTestId, "aria-label": translateTemplate(PaginationCopy.regionLabel, {
+                items: props.pluralLabel,
+            }) },
+            React.createElement("p", { className: "min-w-0 text-xs text-gray-500", "data-testid": "pagination-summary", "aria-live": "polite" }, props.isLoading
+                ? translate(PaginationCopy.loading)
+                : getPaginationSummary({
+                    itemRange: itemRange,
+                    totalItemsCount: props.totalItemsCount,
+                    singularLabel: props.singularLabel,
+                    pluralLabel: props.pluralLabel,
+                    hasMore: props.hasMore,
+                })),
+            React.createElement("div", { className: "flex flex-wrap items-center gap-x-5 gap-y-2", "data-testid": "pagination-controls" },
                 React.createElement("div", { className: "flex items-center gap-2" },
-                    React.createElement("label", { htmlFor: itemsOnPageSelectId, className: `${textSizeClassName} whitespace-nowrap text-gray-500` }, "Rows per page"),
+                    React.createElement("label", { htmlFor: itemsOnPageSelectId, className: "whitespace-nowrap text-xs text-gray-500" }, translate(PaginationCopy.rowsPerPage)),
                     React.createElement("div", { className: "relative" },
                         React.createElement("select", { id: itemsOnPageSelectId, "data-testid": "pagination-items-on-page-select", value: props.itemsOnPage, disabled: isDisabled, onChange: (event) => {
                                 const newItemsOnPage = Number(event.target.value);
@@ -134,25 +211,24 @@ const Pagination = (props) => {
                                  * than to an offset that may no longer exist.
                                  */
                                 props.onNavigateToPage(1, newItemsOnPage);
-                            }, className: `cursor-pointer appearance-none rounded-md border border-gray-300 bg-white py-1.5 pl-2.5 pr-8 font-medium text-gray-700 shadow-sm transition-colors hover:bg-gray-50 focus:border-indigo-500 focus:outline-none focus:ring-1 focus:ring-indigo-500 disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-gray-400 ${textSizeClassName}` }, itemsOnPageOptions.map((option) => {
+                            }, className: `${size.selectClassName} block cursor-pointer appearance-none rounded-md border border-gray-300 bg-white py-0 text-xs font-medium text-gray-700 shadow-sm transition focus:border-indigo-500 focus:outline-none focus:ring-1 focus:ring-indigo-500 disabled:cursor-not-allowed disabled:opacity-50 motion-reduce:transition-none ${isDisabled ? "" : "hover:border-gray-400"}` }, itemsOnPageOptions.map((option) => {
                             return (React.createElement("option", { key: option, value: option }, option));
                         })),
-                        React.createElement("span", { className: "pointer-events-none absolute inset-y-0 right-2 flex items-center" },
-                            React.createElement(Icon, { icon: IconProp.ChevronDown, className: "h-4 w-4 text-gray-400" })))),
-                React.createElement("ul", { className: "isolate inline-flex -space-x-px rounded-md shadow-sm", role: "list" },
+                        React.createElement("span", { className: "pointer-events-none absolute inset-y-0 right-1.5 flex items-center" },
+                            React.createElement(Icon, { icon: IconProp.ChevronDown, className: "h-3.5 w-3.5 text-gray-400" })))),
+                React.createElement("ul", { className: "flex items-center gap-1", role: "list" },
                     React.createElement("li", { className: "flex" },
-                        React.createElement("button", { type: "button", "data-testid": "pagination-previous-button", disabled: isPreviousDisabled, "aria-label": "Go to previous page", onClick: () => {
+                        React.createElement("button", { type: "button", "data-testid": "pagination-previous-button", disabled: isPreviousDisabled, "aria-label": translate(PaginationCopy.previousPage), onClick: () => {
                                 if (!isPreviousDisabled) {
                                     navigateToPage(currentPageNumber - 1);
                                 }
-                            }, className: `${getArrowButtonClassName(isPreviousDisabled)} rounded-l-md` },
+                            }, className: getArrowClassName(isPreviousDisabled) },
                             React.createElement(Icon, { icon: IconProp.ChevronLeft, className: "h-4 w-4" }))),
-                    React.createElement("li", { className: "flex sm:hidden" },
-                        React.createElement("span", { "data-testid": "pagination-current-page-indicator", className: `${pageButtonBaseClassName} bg-white text-gray-600` }, isHasMoreMode
-                            ? `Page ${currentPageNumber.toLocaleString()}`
-                            : `Page ${currentPageNumber.toLocaleString()} of ${totalPageCount.toLocaleString()}`)),
+                    React.createElement("li", { className: "flex sm:hidden" }, getCurrentPageIndicator()),
                     isHasMoreMode && (React.createElement("li", { className: "max-sm:hidden sm:flex" },
-                        React.createElement("span", { "data-testid": "pagination-current-page-indicator-desktop", "aria-current": "page", className: `${pageButtonBaseClassName} z-10 border-indigo-500 bg-indigo-50 text-indigo-600` }, `Page ${currentPageNumber.toLocaleString()}`))),
+                        React.createElement("span", { "data-testid": "pagination-current-page-indicator-desktop", "aria-current": "page", className: INDICATOR_CLASS_NAME }, translateTemplate(PaginationCopy.page, {
+                            page: currentPageNumber.toLocaleString(),
+                        })))),
                     pageWindow.map((item) => {
                         if (typeof item === "number") {
                             return getPageNumberButton(item);
@@ -160,18 +236,20 @@ const Pagination = (props) => {
                         return getEllipsis(item);
                     }),
                     React.createElement("li", { className: "flex" },
-                        React.createElement("button", { type: "button", "data-testid": "pagination-next-button", disabled: isNextDisabled, "aria-label": "Go to next page", onClick: () => {
+                        React.createElement("button", { type: "button", "data-testid": "pagination-next-button", disabled: isNextDisabled, "aria-label": translate(PaginationCopy.nextPage), onClick: () => {
                                 if (!isNextDisabled) {
                                     navigateToPage(currentPageNumber + 1);
                                 }
-                            }, className: `${getArrowButtonClassName(isNextDisabled)} rounded-r-md` },
+                            }, className: getArrowClassName(isNextDisabled) },
                             React.createElement(Icon, { icon: IconProp.ChevronRight, className: "h-4 w-4" })))))),
-        isGoToPageModalVisible && (React.createElement(Modal, { title: "Go to page", description: `This list has ${totalPageCount.toLocaleString()} pages. Enter the one you want to see.`, submitButtonText: "Go", closeButtonText: "Cancel", disableSubmitButton: goToPageValue === "", onSubmit: submitGoToPage, onClose: () => {
+        isGoToPageModalVisible && (React.createElement(Modal, { title: PaginationCopy.goToPage, description: translateTemplate(PaginationCopy.goToPageDescription, {
+                count: totalPageCount.toLocaleString(),
+            }), submitButtonText: PaginationCopy.goToPage, closeButtonText: "Cancel", disableSubmitButton: goToPageValue === "", onSubmit: submitGoToPage, onClose: () => {
                 setIsGoToPageModalVisible(false);
                 setGoToPageValue("");
             } },
             React.createElement("div", null,
-                React.createElement("label", { htmlFor: goToPageInputId, className: "block text-sm font-medium text-gray-700" }, "Page number"),
+                React.createElement("label", { htmlFor: goToPageInputId, className: "block text-sm font-medium text-gray-700" }, translate(PaginationCopy.pageNumber)),
                 React.createElement("input", { id: goToPageInputId, "data-testid": "pagination-go-to-page-input", type: "number", inputMode: "numeric", autoFocus: true, min: 1, max: totalPageCount, value: goToPageValue, placeholder: `1-${totalPageCount}`, onChange: (event) => {
                         setGoToPageValue(event.target.value);
                     }, 

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

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

package/build/dist/UI/Components/Pagination/PaginationCopy.js

@@ -0,0 +1,51 @@
+/*
+ * The words the shared pagination control shows of its own: the region's
+ * name, the rows-per-page label, the arrows and page numbers, the page
+ * indicator, the summary and the jump-to-a-page dialog.
+ *
+ * Kept in one React-free module so the control renders these exact strings
+ * and App/Tests/Dashboard/PaginationI18n can check that each has an entry in
+ * all seventeen Dashboard locale files - a string is translated by looking up
+ * its English text, so one with no entry silently stays English.
+ *
+ * Every {{placeholder}} is filled with a number, except {{items}} in the
+ * region's name, which is the list's own plural label. A locale keeps each
+ * placeholder and puts it where its grammar wants it.
+ */
+export const PaginationCopy = {
+    regionLabel: "Pagination for {{items}}",
+    rowsPerPage: "Rows per page",
+    previousPage: "Go to previous page",
+    nextPage: "Go to next page",
+    // The page the reader is on, named and shown on its own.
+    page: "Page {{page}}",
+    goToPageNumber: "Go to page {{page}}",
+    pageOfPages: "Page {{page}} of {{total}}",
+    // A collapsed gap in the page list, which opens the jump dialog.
+    pagesInBetween: "Go to a page in between",
+    // The jump dialog's title and its button, and the hint on what opens it.
+    goToPage: "Go to page",
+    pageNumber: "Page number",
+    goToPageDescription: "This list has {{count}} pages. Enter the one you want to see.",
+    loading: "Loading...",
+    /*
+     * The summary in a locale. English names the rows instead ("Showing 1-10
+     * of 240 monitors"), but the noun is the caller's - not every caller
+     * translates it, and no locale file can hold every noun in every case its
+     * grammar needs - so a translated summary leaves it out ("1-10 von 240").
+     * See getPaginationSummary in Pagination.tsx.
+     */
+    showingRangeOfTotal: "Showing {{range}} of {{total}}",
+    // Has-more mode, where the total is unknown: "Showing 1-10+".
+    showingRange: "Showing {{range}}",
+    noItems: "No items",
+};
+/*
+ * Every string above, in the order it is declared - what the locale files
+ * have to carry.
+ */
+export const getPaginationUiStrings = () => {
+    return Object.values(PaginationCopy);
+};
+export default PaginationCopy;
+//# sourceMappingURL=PaginationCopy.js.map

package/build/dist/UI/Components/Pagination/PaginationCopy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationCopy.js","sourceRoot":"","sources":["../../../../../UI/Components/Pagination/PaginationCopy.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,MAAM,CAAC,MAAM,cAAc,GAgBvB;IACF,WAAW,EAAE,0BAA0B;IACvC,WAAW,EAAE,eAAe;IAC5B,YAAY,EAAE,qBAAqB;IACnC,QAAQ,EAAE,iBAAiB;IAC3B,yDAAyD;IACzD,IAAI,EAAE,eAAe;IACrB,cAAc,EAAE,qBAAqB;IACrC,WAAW,EAAE,4BAA4B;IACzC,iEAAiE;IACjE,cAAc,EAAE,yBAAyB;IACzC,yEAAyE;IACzE,QAAQ,EAAE,YAAY;IACtB,UAAU,EAAE,aAAa;IACzB,mBAAmB,EACjB,+DAA+D;IACjE,OAAO,EAAE,YAAY;IACrB;;;;;;OAMG;IACH,mBAAmB,EAAE,gCAAgC;IACrD,8DAA8D;IAC9D,YAAY,EAAE,mBAAmB;IACjC,OAAO,EAAE,UAAU;CACpB,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,sBAAsB,GACjC,GAAkB,EAAE;IAClB,OAAO,MAAM,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;AACvC,CAAC,CAAC;AAEJ,eAAe,cAAc,CAAC"}

package/build/dist/UI/Components/Pagination/PaginationSummary.js

@@ -0,0 +1,53 @@
+import PaginationCopy from "./PaginationCopy";
+import { toSentenceNoun } from "../Table/EmptyTableMessage";
+import { fillTemplate, translateTemplate, } from "../../Utils/TranslateTemplate";
+/**
+ * The line beside the controls: "Showing 21-30 of 240 monitors".
+ *
+ * English names the rows. The noun is the caller's, though: some callers
+ * translate it and some do not (the logs footer passes "logs"), and no locale
+ * file can hold every noun in the case its sentence needs - German alone
+ * wants "von 240 Monitoren", not "Monitore". So a locale says the same thing
+ * without the noun ("1-10 von 240"), which every language can do and which
+ * the list's own title makes unambiguous anyway.
+ *
+ * A locale has its own sentence when looking the noun-free one up gives back
+ * something other than its English - the same test the empty table message
+ * uses. English, a front end without locales and a unit test all fall through
+ * to the sentence with the noun in it.
+ */
+export const getPaginationSummary = (input) => {
+    const translate = input.translate || translateTemplate;
+    const inReadersLanguage = (nounFreeTemplate, values, englishSentence) => {
+        const translated = translate(nounFreeTemplate, values);
+        if (translated && translated !== fillTemplate(nounFreeTemplate, values)) {
+            return translated;
+        }
+        return englishSentence;
+    };
+    /*
+     * "Monitors" reads "monitors" mid-sentence, but "SLOs" and "API Keys" keep
+     * their acronyms - lower-casing every letter printed "slos".
+     */
+    const pluralNoun = toSentenceNoun(input.pluralLabel) || "items";
+    const singularNoun = toSentenceNoun(input.singularLabel) || "item";
+    if (input.itemRange.isEmpty) {
+        return inReadersLanguage(PaginationCopy.noItems, {}, `No ${pluralNoun}`);
+    }
+    const rangeText = input.itemRange.firstItemNumber === input.itemRange.lastItemNumber
+        ? input.itemRange.firstItemNumber.toLocaleString()
+        : `${input.itemRange.firstItemNumber.toLocaleString()}-${input.itemRange.lastItemNumber.toLocaleString()}`;
+    if (input.hasMore !== undefined) {
+        /*
+         * The count cannot be printed here - it is a lower bound that also
+         * includes the probe row the payload dropped. The trailing "+" is all
+         * that can be said about what comes after this page.
+         */
+        const range = `${rangeText}${input.hasMore ? "+" : ""}`;
+        return inReadersLanguage(PaginationCopy.showingRange, { range: range }, `Showing ${range} ${pluralNoun}`);
+    }
+    const total = input.totalItemsCount.toLocaleString();
+    return inReadersLanguage(PaginationCopy.showingRangeOfTotal, { range: rangeText, total: total }, `Showing ${rangeText} of ${total} ${input.totalItemsCount === 1 ? singularNoun : pluralNoun}`);
+};
+export default getPaginationSummary;
+//# sourceMappingURL=PaginationSummary.js.map

package/build/dist/UI/Components/Pagination/PaginationSummary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationSummary.js","sourceRoot":"","sources":["../../../../../UI/Components/Pagination/PaginationSummary.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAE9C,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAEL,YAAY,EACZ,iBAAiB,GAClB,MAAM,+BAA+B,CAAC;AAsBvC;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAA8C,CAC7E,KAA6B,EACrB,EAAE;IACV,MAAM,SAAS,GACb,KAAK,CAAC,SAAS,IAAI,iBAAiB,CAAC;IAQvC,MAAM,iBAAiB,GAA8B,CACnD,gBAAwB,EACxB,MAAsB,EACtB,eAAuB,EACf,EAAE;QACV,MAAM,UAAU,GAAW,SAAS,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAC;QAE/D,IAAI,UAAU,IAAI,UAAU,KAAK,YAAY,CAAC,gBAAgB,EAAE,MAAM,CAAC,EAAE,CAAC;YACxE,OAAO,UAAU,CAAC;QACpB,CAAC;QAED,OAAO,eAAe,CAAC;IACzB,CAAC,CAAC;IAEF;;;OAGG;IACH,MAAM,UAAU,GAAW,cAAc,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,OAAO,CAAC;IACxE,MAAM,YAAY,GAAW,cAAc,CAAC,KAAK,CAAC,aAAa,CAAC,IAAI,MAAM,CAAC;IAE3E,IAAI,KAAK,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC;QAC5B,OAAO,iBAAiB,CAAC,cAAc,CAAC,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,EAAE,CAAC,CAAC;IAC3E,CAAC;IAED,MAAM,SAAS,GACb,KAAK,CAAC,SAAS,CAAC,eAAe,KAAK,KAAK,CAAC,SAAS,CAAC,cAAc;QAChE,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,cAAc,EAAE;QAClD,CAAC,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,cAAc,EAAE,IAAI,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,cAAc,EAAE,EAAE,CAAC;IAE/G,IAAI,KAAK,CAAC,OAAO,KAAK,SAAS,EAAE,CAAC;QAChC;;;;WAIG;QACH,MAAM,KAAK,GAAW,GAAG,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;QAEhE,OAAO,iBAAiB,CACtB,cAAc,CAAC,YAAY,EAC3B,EAAE,KAAK,EAAE,KAAK,EAAE,EAChB,WAAW,KAAK,IAAI,UAAU,EAAE,CACjC,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,GAAW,KAAK,CAAC,eAAe,CAAC,cAAc,EAAE,CAAC;IAE7D,OAAO,iBAAiB,CACtB,cAAc,CAAC,mBAAmB,EAClC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,EAClC,WAAW,SAAS,OAAO,KAAK,IAC9B,KAAK,CAAC,eAAe,KAAK,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAC/C,EAAE,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/build/dist/UI/Components/PeoplePicker/OwnersFormField.js

@@ -0,0 +1,59 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import FormFieldSchemaType from "../Forms/Types/FormFieldSchemaType";
+import { PeoplePickerKind } from "./PeoplePickerTypes";
+/*
+ * The one "Owners" field every form that asks for owners uses: people and
+ * teams in one picker (see PeoplePicker), where there used to be an
+ * "Owner - Teams" and an "Owner - Users" dropdown. React-free, so a form
+ * declared in a plain module (BurnRateRuleForm.ts, the Forms On Submit
+ * editor) can use it too.
+ *
+ * The picks are written to the same two form values the dropdowns wrote -
+ * ownerTeams and ownerUsers, unless the form names others - so nothing
+ * about what is saved changes. ModelForm saves a value that is a column of
+ * the form's model as that column (an owner rule's ownerTeams), and sends
+ * any other as misc data (a template's owners).
+ *
+ * The field's own key ("owners") only names the field in the form; nothing
+ * is sent under it.
+ */
+export const OWNERS_FORM_FIELD_KEY = "owners";
+export const OWNERS_ADD_BUTTON_TEXT = "Add owner";
+// The Owners field of every owner rule (the rules under Settings > Owner Rules).
+export const OWNER_RULE_OWNERS_DESCRIPTION = "When this rule matches, these people and teams are added as owners. Owners already assigned are not added twice.";
+// People first, then teams: the order the Owners page lists them in.
+export const getOwnersPeoplePickerConfig = (keys) => {
+    return {
+        kinds: [
+            {
+                kind: PeoplePickerKind.User,
+                valueKey: (keys === null || keys === void 0 ? void 0 : keys.usersKey) || "ownerUsers",
+            },
+            {
+                kind: PeoplePickerKind.Team,
+                valueKey: (keys === null || keys === void 0 ? void 0 : keys.teamsKey) || "ownerTeams",
+            },
+        ],
+        addButtonText: OWNERS_ADD_BUTTON_TEXT,
+        searchPlaceholder: "Search people or teams...",
+        emptyText: "No people or teams available.",
+    };
+};
+export const getOwnersFormField = (options) => {
+    const { fieldKey, teamsKey, usersKey } = options, rest = __rest(options, ["fieldKey", "teamsKey", "usersKey"]);
+    return Object.assign(Object.assign({ title: "Owners", required: false }, rest), { field: {
+            [fieldKey || OWNERS_FORM_FIELD_KEY]: true,
+        }, fieldType: FormFieldSchemaType.PeoplePicker, peoplePicker: getOwnersPeoplePickerConfig({ teamsKey, usersKey }), formOnly: true });
+};
+export default getOwnersFormField;
+//# sourceMappingURL=OwnersFormField.js.map

package/build/dist/UI/Components/PeoplePicker/OwnersFormField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OwnersFormField.js","sourceRoot":"","sources":["../../../../../UI/Components/PeoplePicker/OwnersFormField.ts"],"names":[],"mappings":";;;;;;;;;;;AAEA,OAAO,mBAAmB,MAAM,oCAAoC,CAAC;AACrE,OAAO,EAA2B,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEhF;;;;;;;;;;;;;;;GAeG;AAEH,MAAM,CAAC,MAAM,qBAAqB,GAAW,QAAQ,CAAC;AAEtD,MAAM,CAAC,MAAM,sBAAsB,GAAW,WAAW,CAAC;AAE1D,iFAAiF;AACjF,MAAM,CAAC,MAAM,6BAA6B,GACxC,kHAAkH,CAAC;AASrH,qEAAqE;AACrE,MAAM,CAAC,MAAM,2BAA2B,GAET,CAC7B,IAA6B,EACJ,EAAE;IAC3B,OAAO;QACL,KAAK,EAAE;YACL;gBACE,IAAI,EAAE,gBAAgB,CAAC,IAAI;gBAC3B,QAAQ,EAAE,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,KAAI,YAAY;aACzC;YACD;gBACE,IAAI,EAAE,gBAAgB,CAAC,IAAI;gBAC3B,QAAQ,EAAE,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,KAAI,YAAY;aACzC;SACF;QACD,aAAa,EAAE,sBAAsB;QACrC,iBAAiB,EAAE,2BAA2B;QAC9C,SAAS,EAAE,+BAA+B;KAC3C,CAAC;AACJ,CAAC,CAAC;AAgBF,MAAM,CAAC,MAAM,kBAAkB,GAET,CACpB,OAAwC,EACxB,EAAE;IAClB,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,KAAc,OAAO,EAAhB,IAAI,UAAK,OAAO,EAAnD,oCAAyC,CAAU,CAAC;IAE1D,qCACE,KAAK,EAAE,QAAQ,EACf,QAAQ,EAAE,KAAK,IACZ,IAAI,KACP,KAAK,EAAE;YACL,CAAC,QAAQ,IAAI,qBAAqB,CAAC,EAAE,IAAI;SACb,EAC9B,SAAS,EAAE,mBAAmB,CAAC,YAAY,EAC3C,YAAY,EAAE,2BAA2B,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,EACjE,QAAQ,EAAE,IAAI,IACd;AACJ,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/build/dist/UI/Components/PeoplePicker/OwnersPicker.js

@@ -0,0 +1,30 @@
+import ObjectID from "../../../Types/ObjectID";
+import { getOwnersPeoplePickerConfig } from "./OwnersFormField";
+import PeoplePicker from "./PeoplePicker";
+import { getPeoplePickerKinds, PeoplePickerKind, toPeoplePickerIds, } from "./PeoplePickerTypes";
+import React from "react";
+/*
+ * The owners people picker outside a form: people and teams in one field,
+ * for a component that keeps owners as two lists of ids of its own - a
+ * monitor criteria's incident owners, the monitors a recommendation creates.
+ */
+const OWNERS_CONFIG = getOwnersPeoplePickerConfig();
+const toObjectIDs = (ids) => {
+    return (ids || []).map((id) => {
+        return new ObjectID(id);
+    });
+};
+const OwnersPicker = (props) => {
+    const value = {
+        [PeoplePickerKind.User]: toPeoplePickerIds(props.userIds),
+        [PeoplePickerKind.Team]: toPeoplePickerIds(props.teamIds),
+    };
+    return (React.createElement(PeoplePicker, { kinds: getPeoplePickerKinds(OWNERS_CONFIG), value: value, onChange: (next) => {
+            props.onChange({
+                userIds: toObjectIDs(next[PeoplePickerKind.User]),
+                teamIds: toObjectIDs(next[PeoplePickerKind.Team]),
+            });
+        }, addButtonText: OWNERS_CONFIG.addButtonText, searchPlaceholder: OWNERS_CONFIG.searchPlaceholder, emptyText: OWNERS_CONFIG.emptyText, ariaLabelledby: props.ariaLabelledby, disabled: props.disabled, error: props.error, dataTestId: props.dataTestId }));
+};
+export default OwnersPicker;
+//# sourceMappingURL=OwnersPicker.js.map

package/build/dist/UI/Components/PeoplePicker/OwnersPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OwnersPicker.js","sourceRoot":"","sources":["../../../../../UI/Components/PeoplePicker/OwnersPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,2BAA2B,EAAE,MAAM,mBAAmB,CAAC;AAChE,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EACL,oBAAoB,EAEpB,gBAAgB,EAEhB,iBAAiB,GAClB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,KAA0C,MAAM,OAAO,CAAC;AAE/D;;;;GAIG;AAEH,MAAM,aAAa,GAA4B,2BAA2B,EAAE,CAAC;AAkB7E,MAAM,WAAW,GAAwD,CACvE,GAA8B,EACb,EAAE;IACnB,OAAO,CAAC,GAAG,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,EAAU,EAAY,EAAE;QAC9C,OAAO,IAAI,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC1B,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,YAAY,GAAsC,CACtD,KAAqB,EACP,EAAE;IAChB,MAAM,KAAK,GAAsB;QAC/B,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,iBAAiB,CAAC,KAAK,CAAC,OAAO,CAAC;QACzD,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,iBAAiB,CAAC,KAAK,CAAC,OAAO,CAAC;KAC1D,CAAC;IAEF,OAAO,CACL,oBAAC,YAAY,IACX,KAAK,EAAE,oBAAoB,CAAC,aAAa,CAAC,EAC1C,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,IAAuB,EAAE,EAAE;YACpC,KAAK,CAAC,QAAQ,CAAC;gBACb,OAAO,EAAE,WAAW,CAAC,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;gBACjD,OAAO,EAAE,WAAW,CAAC,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;aAClD,CAAC,CAAC;QACL,CAAC,EACD,aAAa,EAAE,aAAa,CAAC,aAAa,EAC1C,iBAAiB,EAAE,aAAa,CAAC,iBAAiB,EAClD,SAAS,EAAE,aAAa,CAAC,SAAS,EAClC,cAAc,EAAE,KAAK,CAAC,cAAc,EACpC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,UAAU,EAAE,KAAK,CAAC,UAAU,GAC5B,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}