@oneuptime/common 14.0.12 → 14.0.14

package/build/dist/UI/Components/Table/EmptyTableMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyTableMessage.js","sourceRoot":"","sources":["../../../../../UI/Components/Table/EmptyTableMessage.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAIH,MAAM,CAAC,MAAM,gBAAgB,GAAW,mBAAmB,CAAC;AAE5D,MAAM,CAAC,MAAM,iCAAiC,GAC5C,yCAAyC,CAAC;AAE5C,wEAAwE;AACxE,MAAM,eAAe,GAAW,IAAI,MAAM,CAAC,WAAW,CAAC,CAAC;AAExD;;;;GAIG;AACH,MAAM,CAAC,MAAM,cAAc,GAAoC,CAC7D,WAAmB,EACX,EAAE;IACV,MAAM,KAAK,GAAkB,WAAW,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAE3D,OAAO,KAAK;SACT,MAAM,CAAC,CAAC,IAAY,EAAW,EAAE;QAChC,OAAO,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;IACzB,CAAC,CAAC;SACD,GAAG,CAAC,CAAC,IAAY,EAAU,EAAE;QAC5B,OAAO,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,iBAAiB,EAAE,CAAC;IACtE,CAAC,CAAC;SACD,IAAI,CAAC,GAAG,CAAC,CAAC;AACf,CAAC,CAAC;AAUF,MAAM,CAAC,MAAM,oBAAoB,GAEnB,CAAC,OAAiC,EAAU,EAAE;IAC1D,MAAM,IAAI,GAAW,cAAc,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,OAAO,CAAC;IAEpE,MAAM,QAAQ,GAAW,OAAO,CAAC,UAAU;QACzC,CAAC,CAAC,MAAM,IAAI,gCAAgC;QAC5C,CAAC,CAAC,MAAM,IAAI,OAAO,CAAC;IAEtB,MAAM,kBAAkB,GAAW,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;IAE/D,IAAI,kBAAkB,IAAI,kBAAkB,KAAK,QAAQ,EAAE,CAAC;QAC1D,OAAO,kBAAkB,CAAC;IAC5B,CAAC;IAED,MAAM,gBAAgB,GAAW,OAAO,CAAC,UAAU;QACjD,CAAC,CAAC,iCAAiC;QACnC,CAAC,CAAC,gBAAgB,CAAC;IAErB,MAAM,0BAA0B,GAC9B,OAAO,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;IAEtC,IACE,0BAA0B;QAC1B,0BAA0B,KAAK,gBAAgB,EAC/C,CAAC;QACD,OAAO,0BAA0B,CAAC;IACpC,CAAC;IAED,OAAO,QAAQ,CAAC;AAClB,CAAC,CAAC"}
+{"version":3,"file":"EmptyTableMessage.js","sourceRoot":"","sources":["../../../../../UI/Components/Table/EmptyTableMessage.ts"],"names":[],"mappings":"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"}

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

@@ -2,19 +2,34 @@ import useTranslateValue from "../../Utils/Translation";
 import TableColumnsToCsv from "../../Utils/TableColumnsToCsv";
 import { ButtonStyleType } from "../Button/Button";
 import BulkUpdateForm from "../BulkUpdate/BulkUpdateForm";
-import ErrorMessage from "../ErrorMessage/ErrorMessage";
-import { getEmptyTableMessage } from "./EmptyTableMessage";
+import TableEmptyState, { TableEmptyStateKind, } from "./TableEmptyState";
+import { getEmptyTableTitle } from "./EmptyTableMessage";
+import { getFilteredEmptyStateProps, getLoadErrorStateProps, getMessageEmptyStateParts, hasFilterValues, } from "./TableEmptyStateBuilders";
+import useTranslator from "../../Utils/UseTranslator";
 import FilterViewer from "../Filters/FilterViewer";
 import Pagination from "../Pagination/Pagination";
 import TableBody from "./TableBody";
 import TableHeader from "./TableHeader";
 import TableSkeletonRows from "./TableSkeletonRows";
 import IconProp from "../../../Types/Icon/IconProp";
-import React, { useEffect, useState } from "react";
+import React, { useEffect, useRef, useState } from "react";
 import { DragDropContext } from "react-beautiful-dnd";
+/*
+ * What a screen reader reads out on a row's grip. react-beautiful-dnd's own
+ * is English whatever the page's language.
+ */
+export const DRAG_HANDLE_USAGE_INSTRUCTIONS = "Press Space to pick up this row. Use the arrow keys to move it, Space to drop it, or Escape to put it back.";
 const Table = (props) => {
     var _a, _b, _c;
     const { translateString } = useTranslateValue();
+    const translator = useTranslator();
+    /*
+     * The filter bar and the bulk-action bar are handed the English labels:
+     * each puts them into whole translated sentences of its own ("3 Monitors
+     * Selected"), which needs the English noun to find the sentence and to know
+     * whether the noun is translated. The pagination footer leaves the noun out
+     * of a translated sentence and takes the translated labels.
+     */
     const translatedSingularLabel = (_a = translateString(props.singularLabel)) !== null && _a !== void 0 ? _a : props.singularLabel;
     const translatedPluralLabel = (_b = translateString(props.pluralLabel)) !== null && _b !== void 0 ? _b : props.pluralLabel;
     const isBulkActionsEnabled = props.bulkActions &&
@@ -44,6 +59,14 @@ const Table = (props) => {
         ? [...props.bulkActions.buttons, csvExportBulkAction]
         : ((_c = props.bulkActions) === null || _c === void 0 ? void 0 : _c.buttons) || [];
     const [isAllItemsSelected, setIsAllItemsSelected] = useState(false);
+    /*
+     * A row being dragged is lifted out of the table (position: fixed), and
+     * its cells then shrink to their content - the lifted row no longer lines
+     * up with the columns it came from. So the header's cell widths are taken
+     * just before a drag starts, and the lifted row keeps them.
+     */
+    const tableElementRef = useRef(null);
+    const [dragColumnWidths, setDragColumnWidths] = useState(null);
     const [bulkSelectedItems, setBulkSelectedItems] = useState([]);
     const [isMobile, setIsMobile] = useState(false);
     useEffect(() => {
@@ -72,23 +95,6 @@ const Table = (props) => {
             }
         }
     }, [props.bulkSelectedItems]);
-    /*
-     * Width of the loading / error / "no items" row, in cells. It has to match
-     * what TableHeader actually renders or those messages sit under part of the
-     * table instead of spanning it: the Actions column is already one of
-     * `props.columns`, and the drag-handle and bulk-select cells are extra
-     * leading columns that only exist when those features are on.
-     */
-    let colspan = props.columns.length || 0;
-    if (props.enableDragAndDrop) {
-        colspan++;
-    }
-    if (isBulkActionsEnabled) {
-        colspan++;
-    }
-    if (colspan === 0) {
-        colspan = 1;
-    }
     /*
      * A refetch with rows already on screen (pagination, sort, refresh - the
      * parent never clears `data` while fetching) keeps those rows visible and
@@ -104,23 +110,92 @@ const Table = (props) => {
      * edge.
      */
     const isEmptyResult = !props.isLoading && !props.error && props.data.length === 0;
-    const getNoItemsElement = () => {
-        return (React.createElement("div", { 
-            /*
-             * The rule under the header row the table body used to draw. A phone
-             * shows no header row, and the table's own container already draws
-             * that line, so a second one would sit right under it.
-             */
-            className: `${isMobile ? "" : "border-t border-gray-200 "}px-6 md:-mx-6`, "data-testid": `${props.id}-no-items` },
-            React.createElement(ErrorMessage, { message: props.noItemsMessage ||
-                    getEmptyTableMessage({
+    /*
+     * A finished load that failed. Like the empty state it is drawn below the
+     * header row, not in a row spanning every column, and the rows (stale
+     * ones, on a refetch that failed) give way to it.
+     */
+    const isLoadError = !props.isLoading && Boolean(props.error);
+    /*
+     * Nothing to page through: the empty state already says there is nothing,
+     * and a footer reading "No monitors" under it said it twice. A page past
+     * the first keeps its footer, as the way back.
+     */
+    const isPaginationHidden = Boolean(props.disablePagination) ||
+        ((isEmptyResult || isLoadError) &&
+            props.currentPageNumber <= 1 &&
+            !props.hasMore);
+    const translate = (value) => {
+        var _a;
+        return (_a = translateString(value)) !== null && _a !== void 0 ? _a : value;
+    };
+    /*
+     * The rule under the header row the table body used to draw. A phone shows
+     * no header row, and the table's own container already draws that line,
+     * so a second one would sit right under it.
+     */
+    const stateBlockClassName = `${isMobile ? "" : "border-t border-gray-200 "}md:-mx-6 md:px-6`;
+    const getEmptyStateElement = () => {
+        if (props.emptyStateProps) {
+            return React.createElement(TableEmptyState, Object.assign({}, props.emptyStateProps));
+        }
+        // The page's own element, in the frame the old message had.
+        if (React.isValidElement(props.noItemsMessage)) {
+            return (React.createElement("div", { className: "my-10 text-center text-sm text-gray-500" }, props.noItemsMessage));
+        }
+        /*
+         * The table's own filter form hides every row: what the page says about
+         * that, or the table's own "No X match your search or filters", with the
+         * way to clear them - never the way to create one.
+         */
+        if (hasFilterValues(props.filterData)) {
+            const filteredParts = typeof props.noItemsMessage === "string" && props.noItemsMessage.trim()
+                ? getMessageEmptyStateParts({
+                    pluralLabel: props.pluralLabel,
+                    noItemsMessage: props.noItemsMessage,
+                    translate: translate,
+                    translator: translator,
+                })
+                : undefined;
+            return (React.createElement(TableEmptyState, Object.assign({}, getFilteredEmptyStateProps({
+                title: (filteredParts === null || filteredParts === void 0 ? void 0 : filteredParts.title) ||
+                    getEmptyTableTitle({
                         pluralLabel: props.pluralLabel,
-                        isFiltered: false,
-                        translate: (value) => {
-                            var _a;
-                            return (_a = translateString(value)) !== null && _a !== void 0 ? _a : value;
-                        },
-                    }), onRefreshClick: props.onRefreshClick, action: props.noItemsAction })));
+                        isFiltered: true,
+                        translate: translate,
+                        translator: translator,
+                    }),
+                description: filteredParts === null || filteredParts === void 0 ? void 0 : filteredParts.description,
+                onClear: props.onFilterChanged
+                    ? () => {
+                        var _a;
+                        (_a = props.onFilterChanged) === null || _a === void 0 ? void 0 : _a.call(props, {});
+                    }
+                    : undefined,
+            }))));
+        }
+        const parts = getMessageEmptyStateParts({
+            pluralLabel: props.pluralLabel,
+            noItemsMessage: typeof props.noItemsMessage === "string"
+                ? props.noItemsMessage
+                : undefined,
+            translate: translate,
+            translator: translator,
+        });
+        return (React.createElement(TableEmptyState, { kind: TableEmptyStateKind.Empty, title: parts.title, description: parts.description, actionElement: props.noItemsAction }));
+    };
+    const getNoItemsElement = () => {
+        return (React.createElement("div", { className: stateBlockClassName, "data-testid": `${props.id}-no-items` }, getEmptyStateElement()));
+    };
+    const getLoadErrorElement = () => {
+        return (React.createElement("div", { className: stateBlockClassName, "data-testid": `${props.id}-load-error` },
+            React.createElement(TableEmptyState, Object.assign({}, getLoadErrorStateProps({
+                pluralLabel: props.pluralLabel,
+                error: props.error,
+                onRetry: props.onRefreshClick,
+                translate: translate,
+                translator: translator,
+            })))));
     };
     const getTablebody = () => {
         if (props.isLoading && props.data.length === 0) {
@@ -129,18 +204,16 @@ const Table = (props) => {
         /*
          * Loading still wins over error and empty (same priority as before the
          * skeletons): while a refetch is in flight the stale rows render, never a
-         * stale error or a premature "no items".
+         * stale error or a premature "no items". A finished load that failed is
+         * drawn below the table (getLoadErrorElement), so its body is empty.
          */
-        if (!props.isLoading && props.error) {
-            return (React.createElement("tbody", null,
-                React.createElement("tr", null,
-                    React.createElement("td", { colSpan: colspan, className: "pl-10 pr-10" },
-                        React.createElement(ErrorMessage, { message: props.error, onRefreshClick: props.onRefreshClick })))));
+        if (isLoadError) {
+            return React.createElement(React.Fragment, null);
         }
         if (!props.isLoading && props.filterError) {
             return React.createElement(React.Fragment, null);
         }
-        return (React.createElement(TableBody, { id: `${props.id}-body`, data: props.data, getRowProps: props.getRowProps, columns: props.columns, actionButtons: props.actionButtons, enableDragAndDrop: props.enableDragAndDrop, dragAndDropScope: `${props.id}-dnd`, dragDropIdField: props.dragDropIdField, dragDropIndexField: props.dragDropIndexField, isBulkActionsEnabled: isBulkActionsEnabled, onItemSelected: (item) => {
+        return (React.createElement(TableBody, { id: `${props.id}-body`, data: props.data, getRowProps: props.getRowProps, columns: props.columns, actionButtons: props.actionButtons, enableDragAndDrop: props.enableDragAndDrop, dragAndDropScope: `${props.id}-dnd`, dragDropIdField: props.dragDropIdField, dragDropIndexField: props.dragDropIndexField, isDragDisabled: props.isDragDisabled, dragDisabledReason: props.dragDisabledReason, dragColumnWidths: dragColumnWidths, isBulkActionsEnabled: isBulkActionsEnabled, onItemSelected: (item) => {
                 var _a;
                 // set bulk selected items.
                 setBulkSelectedItems([...bulkSelectedItems, item]);
@@ -192,7 +265,7 @@ const Table = (props) => {
     const isSomeItemsOnThePageSelected = selectedRowsOnThePageCount > 0 &&
         selectedRowsOnThePageCount < selectableRowsOnThePage.length;
     return (React.createElement("div", { className: props.className },
-        React.createElement(FilterViewer, { id: `${props.id}-filter`, showFilterModal: props.showFilterModal || false, onFilterChanged: props.onFilterChanged || undefined, isModalLoading: props.isFilterLoading || false, filterError: props.filterError, onFilterRefreshClick: props.onFilterRefreshClick, filters: props.filters || [], onFilterModalClose: props.onFilterModalClose, onFilterModalOpen: props.onFilterModalOpen, singularLabel: translatedSingularLabel, pluralLabel: translatedPluralLabel, filterData: props.filterData, onAdvancedFiltersToggle: props.onAdvancedFiltersToggle }),
+        React.createElement(FilterViewer, { id: `${props.id}-filter`, showFilterModal: props.showFilterModal || false, onFilterChanged: props.onFilterChanged || undefined, isModalLoading: props.isFilterLoading || false, filterError: props.filterError, onFilterRefreshClick: props.onFilterRefreshClick, filters: props.filters || [], onFilterModalClose: props.onFilterModalClose, onFilterModalOpen: props.onFilterModalOpen, singularLabel: props.singularLabel, pluralLabel: props.pluralLabel, filterData: props.filterData, onAdvancedFiltersToggle: props.onAdvancedFiltersToggle }),
         bulkActionButtons.length > 0 && (React.createElement(BulkUpdateForm, { buttons: bulkActionButtons, onClearSelectionClick: () => {
                 var _a;
                 (_a = props.onBulkClearAllItems) === null || _a === void 0 ? void 0 : _a.call(props);
@@ -208,17 +281,33 @@ const Table = (props) => {
                 if (didSelectAllItems) {
                     setIsAllItemsSelected(true);
                 }
-            }, selectedItems: bulkSelectedItems, singularLabel: translatedSingularLabel, pluralLabel: translatedPluralLabel, isAllItemsSelected: isAllItemsSelected, errorMessage: props.bulkSelectionError, isSelectingAllItems: props.isBulkSelectAllLoading, isSelectionTruncated: props.isBulkSelectionTruncated, totalMatchingItemsCount: props.bulkSelectionTotalCount, onActionStart: props.onBulkActionStart, onActionEnd: () => {
+            }, selectedItems: bulkSelectedItems, singularLabel: props.singularLabel, pluralLabel: props.pluralLabel, isAllItemsSelected: isAllItemsSelected, errorMessage: props.bulkSelectionError, isSelectingAllItems: props.isBulkSelectAllLoading, isSelectionTruncated: props.isBulkSelectionTruncated, totalMatchingItemsCount: props.bulkSelectionTotalCount, onActionStart: props.onBulkActionStart, onActionEnd: () => {
                 var _a;
                 setIsAllItemsSelected(false);
                 setBulkSelectedItems([]);
                 (_a = props.onBulkActionEnd) === null || _a === void 0 ? void 0 : _a.call(props);
             }, itemToString: props.bulkItemToString })),
-        React.createElement(DragDropContext, { onDragEnd: (result) => {
+        React.createElement(DragDropContext, { dragHandleUsageInstructions: translateString(DRAG_HANDLE_USAGE_INSTRUCTIONS) ||
+                DRAG_HANDLE_USAGE_INSTRUCTIONS, onBeforeCapture: () => {
                 var _a;
-                if (((_a = result.destination) === null || _a === void 0 ? void 0 : _a.index) && props.onDragDrop) {
-                    props.onDragDrop(result.draggableId, result.destination.index);
+                const headerCells = Array.from(((_a = tableElementRef.current) === null || _a === void 0 ? void 0 : _a.querySelectorAll("thead tr th")) || []);
+                setDragColumnWidths(headerCells.length > 0
+                    ? headerCells.map((cell) => {
+                        return cell.getBoundingClientRect().width;
+                    })
+                    : null);
+            }, onDragEnd: (result) => {
+                setDragColumnWidths(null);
+                /*
+                 * The top of the list is index 0 - which the old truthiness check
+                 * here threw away, so a row could never be dragged to the top.
+                 */
+                if (!props.onDragDrop ||
+                    !result.destination ||
+                    result.destination.index === result.source.index) {
+                    return;
                 }
+                props.onDragDrop(result.draggableId, result.destination.index, result.source.index);
             } },
             React.createElement("div", { className: "-my-2 overflow-x-auto md:-mx-6" },
                 React.createElement("div", { className: "inline-block min-w-full py-2 align-middle" },
@@ -231,7 +320,7 @@ const Table = (props) => {
                         // Mobile view: render as list
                         React.createElement("div", { className: "min-w-full divide-y divide-gray-200" }, isEmptyResult ? React.createElement(React.Fragment, null) : getTablebody())) : (
                         // Desktop view: render as table
-                        React.createElement("table", { className: "min-w-full divide-y divide-gray-200" },
+                        React.createElement("table", { ref: tableElementRef, className: "min-w-full divide-y divide-gray-200" },
                             React.createElement(TableHeader, { id: `${props.id}-header`, columns: props.columns, onSortChanged: props.onSortChanged, enableDragAndDrop: props.enableDragAndDrop, sortBy: props.sortBy, sortOrder: props.sortOrder, isBulkActionsEnabled: isBulkActionsEnabled, onAllItemsDeselected: () => {
                                     var _a;
                                     setIsAllItemsSelected(false);
@@ -243,7 +332,8 @@ const Table = (props) => {
                                 }, isAllItemsOnThePageSelected: isAllItemsOnThePageSelected, isSomeItemsOnThePageSelected: isSomeItemsOnThePageSelected, hasTableItems: selectableRowsOnThePage.length > 0 }),
                             isEmptyResult ? React.createElement(React.Fragment, null) : getTablebody())))))),
             isEmptyResult && getNoItemsElement(),
-            React.createElement("div", { className: "bg-gray-50 text-right md:-mx-6 -mb-6 rounded-b-xl" }, !props.disablePagination && (React.createElement(Pagination, Object.assign({ singularLabel: translatedSingularLabel, pluralLabel: translatedPluralLabel, currentPageNumber: props.currentPageNumber, totalItemsCount: props.totalItemsCount, hasMore: props.hasMore, itemsOnCurrentPage: props.data.length, itemsOnPage: props.itemsOnPage, itemsOnPageOptions: props.itemsOnPageOptions, onNavigateToPage: props.onNavigateToPage, isLoading: props.isLoading, isError: Boolean(props.error) }, (props.paginationDataTestId
+            isLoadError && getLoadErrorElement(),
+            React.createElement("div", { className: "bg-gray-50 text-right md:-mx-6 -mb-6 rounded-b-xl overflow-hidden" }, !isPaginationHidden && (React.createElement(Pagination, Object.assign({ singularLabel: translatedSingularLabel, pluralLabel: translatedPluralLabel, currentPageNumber: props.currentPageNumber, totalItemsCount: props.totalItemsCount, hasMore: props.hasMore, itemsOnCurrentPage: props.data.length, itemsOnPage: props.itemsOnPage, itemsOnPageOptions: props.itemsOnPageOptions, onNavigateToPage: props.onNavigateToPage, isLoading: props.isLoading, isError: Boolean(props.error) }, (props.paginationDataTestId
                 ? { dataTestId: props.paginationDataTestId }
                 : {}))))))));
 };

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

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

package/build/dist/UI/Components/Table/TableBody.js

@@ -2,6 +2,30 @@ import TableRow from "./TableRow";
 import React from "react";
 import { Droppable } from "react-beautiful-dnd";
 const TableBody = (props) => {
+    /*
+     * A row's React key: its id when the list can be dragged. Rows that move
+     * must keep their identity - keyed by position, React would hand a moved
+     * row's state (an open menu, a focused grip) to whichever row lands in
+     * its old place.
+     */
+    const getRowKey = (item, index) => {
+        var _a;
+        if (props.enableDragAndDrop && props.dragDropIdField) {
+            const id = (_a = item[props.dragDropIdField]) === null || _a === void 0 ? void 0 : _a.toString();
+            if (id) {
+                return id;
+            }
+        }
+        return index;
+    };
+    const getDragProps = (index) => {
+        return {
+            dragIndex: index,
+            isDragDisabled: props.isDragDisabled,
+            dragDisabledReason: props.dragDisabledReason,
+            dragColumnWidths: props.dragColumnWidths,
+        };
+    };
     const getSelectionProps = (item) => {
         var _a;
         const matchBy = props.matchBulkSelectedItemByField;
@@ -35,7 +59,7 @@ const TableBody = (props) => {
                 props.data &&
                     props.data.map((item, i) => {
                         var _a;
-                        return (React.createElement(TableRow, Object.assign({ isBulkActionsEnabled: props.isBulkActionsEnabled, onItemSelected: props.onItemSelected, onItemDeselected: props.onItemDeselected }, getSelectionProps(item), { dragAndDropScope: props.dragAndDropScope, enableDragAndDrop: props.enableDragAndDrop, key: i, item: item, rowProps: (_a = props.getRowProps) === null || _a === void 0 ? void 0 : _a.call(props, item), columns: props.columns, actionButtons: props.actionButtons, dragDropIdField: props.dragDropIdField, dragDropIndexField: props.dragDropIndexField, isMobile: true })));
+                        return (React.createElement(TableRow, Object.assign({ isBulkActionsEnabled: props.isBulkActionsEnabled, onItemSelected: props.onItemSelected, onItemDeselected: props.onItemDeselected }, getSelectionProps(item), { dragAndDropScope: props.dragAndDropScope, enableDragAndDrop: props.enableDragAndDrop, key: getRowKey(item, i) }, getDragProps(i), { item: item, rowProps: (_a = props.getRowProps) === null || _a === void 0 ? void 0 : _a.call(props, item), columns: props.columns, actionButtons: props.actionButtons, dragDropIdField: props.dragDropIdField, dragDropIndexField: props.dragDropIndexField, isMobile: true })));
                     }), provided === null || provided === void 0 ? void 0 :
                 provided.placeholder));
         }
@@ -44,7 +68,7 @@ const TableBody = (props) => {
             props.data &&
                 props.data.map((item, i) => {
                     var _a;
-                    return (React.createElement(TableRow, Object.assign({ isBulkActionsEnabled: props.isBulkActionsEnabled, onItemSelected: props.onItemSelected, onItemDeselected: props.onItemDeselected }, getSelectionProps(item), { dragAndDropScope: props.dragAndDropScope, enableDragAndDrop: props.enableDragAndDrop, key: i, item: item, rowProps: (_a = props.getRowProps) === null || _a === void 0 ? void 0 : _a.call(props, item), columns: props.columns, actionButtons: props.actionButtons, dragDropIdField: props.dragDropIdField, dragDropIndexField: props.dragDropIndexField, isMobile: false })));
+                    return (React.createElement(TableRow, Object.assign({ isBulkActionsEnabled: props.isBulkActionsEnabled, onItemSelected: props.onItemSelected, onItemDeselected: props.onItemDeselected }, getSelectionProps(item), { dragAndDropScope: props.dragAndDropScope, enableDragAndDrop: props.enableDragAndDrop, key: getRowKey(item, i) }, getDragProps(i), { item: item, rowProps: (_a = props.getRowProps) === null || _a === void 0 ? void 0 : _a.call(props, item), columns: props.columns, actionButtons: props.actionButtons, dragDropIdField: props.dragDropIdField, dragDropIndexField: props.dragDropIndexField, isMobile: false })));
                 }), provided === null || provided === void 0 ? void 0 :
             provided.placeholder));
     };

package/build/dist/UI/Components/Table/TableBody.js.map

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

package/build/dist/UI/Components/Table/TableEmptyState.js

@@ -0,0 +1,131 @@
+import Button, { ButtonStyleType } from "../Button/Button";
+import Icon from "../Icon/Icon";
+import IconProp from "../../../Types/Icon/IconProp";
+import useTranslateValue from "../../Utils/Translation";
+import { toHeadline } from "./EmptyTableMessage";
+import React from "react";
+/*
+ * What a table (or a list) shows in place of rows: a small illustration, a
+ * title that says what is true, a sentence on what the list is for or what
+ * to do, and the one or two actions that do it.
+ *
+ * An empty table used to be a grey line of text and an underlined
+ * "Refresh?" - on a project that simply had nothing yet that read like a
+ * failed load, and it said nothing about what the list was for. Every model
+ * table and list in the product draws this instead (BaseModelTable builds
+ * it), and so does any Table given only a sentence.
+ */
+export var TableEmptyStateKind;
+(function (TableEmptyStateKind) {
+    // Nothing has been created yet: the way in is to create the first one.
+    TableEmptyStateKind["Empty"] = "empty";
+    // There are rows, but the search or filters hide every one of them.
+    TableEmptyStateKind["Filtered"] = "filtered";
+    // An empty list is the good news here: no active incidents.
+    TableEmptyStateKind["AllClear"] = "all-clear";
+    // The rows could not be loaded.
+    TableEmptyStateKind["Error"] = "error";
+    // The viewer may not read these rows.
+    TableEmptyStateKind["NoAccess"] = "no-access";
+})(TableEmptyStateKind || (TableEmptyStateKind = {}));
+export var TableEmptyStateActionStyle;
+(function (TableEmptyStateActionStyle) {
+    // A plain button, drawn like the card header's create button.
+    TableEmptyStateActionStyle["Button"] = "button";
+    // A quiet text link, for the way to read more.
+    TableEmptyStateActionStyle["Link"] = "link";
+})(TableEmptyStateActionStyle || (TableEmptyStateActionStyle = {}));
+/*
+ * Every class here has a dark-theme rule in Theme.css; the dark mode guard
+ * (TableEmptyStateDarkMode.test.ts) holds the file to that.
+ */
+export const TABLE_EMPTY_STATE_KIND_STYLES = {
+    [TableEmptyStateKind.Empty]: {
+        icon: IconProp.TableCells,
+        backCardClassName: "bg-indigo-100 ring-indigo-200",
+        iconClassName: "text-indigo-600",
+    },
+    [TableEmptyStateKind.Filtered]: {
+        icon: IconProp.Search,
+        backCardClassName: "bg-gray-200 ring-gray-300",
+        iconClassName: "text-gray-500",
+    },
+    [TableEmptyStateKind.AllClear]: {
+        icon: IconProp.CheckCircle,
+        backCardClassName: "bg-emerald-100 ring-emerald-200",
+        iconClassName: "text-emerald-600",
+    },
+    [TableEmptyStateKind.Error]: {
+        icon: IconProp.Error,
+        backCardClassName: "bg-red-100 ring-red-200",
+        iconClassName: "text-red-600",
+    },
+    [TableEmptyStateKind.NoAccess]: {
+        icon: IconProp.Lock,
+        backCardClassName: "bg-gray-200 ring-gray-300",
+        iconClassName: "text-gray-500",
+    },
+};
+export const TABLE_EMPTY_STATE_TEST_ID = "table-empty-state";
+const TableEmptyState = (props) => {
+    var _a;
+    const { translateValue, translateString } = useTranslateValue();
+    /*
+     * A title given as a sentence ("No services match the current filters.")
+     * is drawn as a heading, in the reader's language, without the stop.
+     */
+    const title = typeof props.title === "string"
+        ? toHeadline((_a = translateString(props.title)) !== null && _a !== void 0 ? _a : props.title)
+        : props.title;
+    const testId = props.dataTestId || TABLE_EMPTY_STATE_TEST_ID;
+    const style = TABLE_EMPTY_STATE_KIND_STYLES[props.kind];
+    const icon = props.icon || style.icon;
+    const actions = props.actions || [];
+    const hasActions = actions.length > 0 || Boolean(props.actionElement);
+    return (React.createElement("div", { className: `flex flex-col items-center text-center sm:px-6 ${props.isCompact ? "py-8" : "py-12"}`, "data-testid": testId, "data-empty-state-kind": props.kind },
+        React.createElement("div", { className: "relative h-14 w-14 shrink-0", "aria-hidden": "true", "data-testid": `${testId}-illustration` },
+            React.createElement("div", { className: `absolute inset-0 translate-x-1.5 -translate-y-1 rotate-6 rounded-xl ring-1 ring-inset ${style.backCardClassName}` }),
+            React.createElement("div", { className: "relative flex h-14 w-14 items-center justify-center rounded-xl bg-white shadow-sm ring-1 ring-inset ring-gray-200", "data-icon": icon },
+                React.createElement(Icon, { icon: icon, className: `h-6 w-6 ${style.iconClassName}` }))),
+        React.createElement("h3", { className: "mt-5 max-w-lg text-base font-semibold leading-6 text-gray-900", "data-testid": `${testId}-title` }, title),
+        props.description ? (React.createElement("div", { className: "mt-1.5 max-w-lg text-sm leading-6 text-gray-500", "data-testid": `${testId}-description` }, translateValue(props.description))) : (React.createElement(React.Fragment, null)),
+        props.body ? (React.createElement("div", { className: "mt-5 w-full min-w-0 max-w-2xl text-left", "data-testid": `${testId}-body` }, props.body)) : (React.createElement(React.Fragment, null)),
+        hasActions ? (
+        /*
+         * A column on a phone, where each button takes the full width and
+         * is easy to tap; a row from sm up. The buttons' own left margin is
+         * for a header row - here the gap spaces them.
+         */
+        React.createElement("div", { className: "mt-6 flex w-full flex-col items-center justify-center gap-3 sm:w-auto sm:flex-row sm:flex-wrap [&_button]:md:ml-0", "data-testid": `${testId}-actions` },
+            actions.map((action, index) => {
+                const isLink = action.style === TableEmptyStateActionStyle.Link;
+                return (
+                /*
+                 * Keyed by what the action is, not by its words: an action
+                 * whose title changes while it runs ("Check again" to
+                 * "Checking…") stays the same button, and keeps the focus.
+                 */
+                React.createElement("div", { key: action.dataTestId || `action-${index}`, className: isLink ? "" : "w-full sm:w-auto", "aria-busy": action.isLoading ? true : undefined },
+                    React.createElement(Button, { title: action.title, 
+                        /*
+                         * A running action spins in place of its icon but is not
+                         * disabled: a disabled button would drop the focus of
+                         * whoever just pressed it. Pressing it again does nothing.
+                         */
+                        icon: action.isLoading ? IconProp.Spinner : action.icon, buttonStyle: isLink ? ButtonStyleType.LINK : ButtonStyleType.NORMAL, 
+                        /*
+                         * A locked button is dimmed, so it does not read as the
+                         * way forward the note under it says it is not.
+                         */
+                        className: `${isLink ? "text-sm font-medium" : "disabled:opacity-60"}${action.isLoading ? " cursor-wait [&_svg]:animate-spin" : ""}`, disabled: action.disabled, tooltip: action.tooltip, dataTestId: action.dataTestId, onClick: () => {
+                            if (action.disabled || action.isLoading) {
+                                return;
+                            }
+                            action.onClick();
+                        } })));
+            }),
+            props.actionElement || React.createElement(React.Fragment, null))) : (React.createElement(React.Fragment, null)),
+        props.note ? (React.createElement("p", { className: "mt-4 max-w-md text-xs leading-5 text-gray-500", "data-testid": `${testId}-note` }, translateValue(props.note))) : (React.createElement(React.Fragment, null))));
+};
+export default TableEmptyState;
+//# sourceMappingURL=TableEmptyState.js.map

package/build/dist/UI/Components/Table/TableEmptyState.js.map

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