@oneuptime/common 11.7.3 → 11.7.4

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

@@ -42,6 +42,13 @@ const ColumnCustomizationModal = (props) => {
                 .includes(normalizedSearch);
         });
     }, [entries, normalizedSearch, isSearching]);
+    /*
+     * Both bulk actions are switched off when they have nothing left to do -
+     * "Show all" with everything already on is a no-op, and "Hide all" cannot go
+     * below the one column that has to stay.
+     */
+    const isEverythingVisible = visibleCount === entries.length;
+    const isOnlyOneVisible = visibleCount <= 1;
     const toggleColumn = (id, isVisible) => {
         setEntries((current) => {
             const isLastVisible = !isVisible &&
@@ -106,29 +113,42 @@ const ColumnCustomizationModal = (props) => {
             });
         });
     };
+    /*
+     * Rendered as plain buttons rather than through <Button>: these sit inside
+     * the body as a compact pair, and the shared button styles are sized for a
+     * footer.
+     */
+    const getBulkAction = (data) => {
+        return (React.createElement("button", { type: "button", "data-testid": data.dataTestId, disabled: data.disabled, onClick: data.onClick, className: "rounded-md px-2 py-1 text-xs font-medium text-gray-600 transition-colors hover:bg-white hover:text-gray-900 hover:shadow-sm focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500 disabled:cursor-not-allowed disabled:text-gray-300 disabled:hover:bg-transparent disabled:hover:shadow-none" }, data.title));
+    };
     const getRowContents = (data) => {
         const { entry, index } = data;
         const isOnlyVisibleColumn = entry.isVisible && visibleCount <= 1;
-        return (React.createElement("div", { className: "flex items-center gap-3 px-3 py-2" },
-            data.dragHandle || React.createElement("div", { className: "w-4" }),
-            React.createElement("div", { className: "flex-1 min-w-0" },
-                React.createElement(CheckboxElement, { value: entry.isVisible, disabled: isOnlyVisibleColumn, dataTestId: `column-toggle-${entry.id}`, title: entry.column.title, onChange: (value) => {
+        return (React.createElement("div", { className: "group flex items-center gap-2 px-3 py-2 transition-colors hover:bg-gray-50" },
+            data.dragHandle || React.createElement("div", { className: "w-5 flex-none" }),
+            React.createElement("div", { className: "min-w-0 flex-1" },
+                React.createElement(CheckboxElement, { value: entry.isVisible, disabled: isOnlyVisibleColumn, dataTestId: `column-toggle-${entry.id}`, outerDivClassName: "relative flex items-center", title: React.createElement("span", { className: entry.isVisible
+                            ? "text-sm font-medium text-gray-900"
+                            : "text-sm font-normal text-gray-400" }, entry.column.title), onChange: (value) => {
                         toggleColumn(entry.id, value);
                     } })),
-            React.createElement("div", { className: "flex flex-none items-center gap-1" },
-                React.createElement(Button, { buttonSize: ButtonSize.Small, buttonStyle: ButtonStyleType.ICON, icon: IconProp.ChevronUp, title: "", dataTestId: `column-move-up-${entry.id}`, disabled: isSearching || index === 0, onClick: () => {
+            isOnlyVisibleColumn && (React.createElement("span", { className: "flex-none rounded-full bg-gray-100 px-2 py-0.5 text-[11px] font-medium text-gray-500", "data-testid": `column-locked-${entry.id}` }, "Required")),
+            React.createElement("div", { className: "flex flex-none items-center gap-0.5" },
+                React.createElement(Button, { buttonSize: ButtonSize.Small, buttonStyle: ButtonStyleType.ICON, icon: IconProp.ChevronUp, title: "", tooltip: "Move up", ariaLabel: `Move ${entry.column.title} up`, className: "text-gray-400 hover:bg-gray-200 hover:text-gray-700 disabled:text-gray-200 disabled:hover:bg-transparent", dataTestId: `column-move-up-${entry.id}`, disabled: isSearching || index === 0, onClick: () => {
                         moveColumn(index, index - 1);
                     } }),
-                React.createElement(Button, { buttonSize: ButtonSize.Small, buttonStyle: ButtonStyleType.ICON, icon: IconProp.ChevronDown, title: "", dataTestId: `column-move-down-${entry.id}`, disabled: isSearching || index === entries.length - 1, onClick: () => {
+                React.createElement(Button, { buttonSize: ButtonSize.Small, buttonStyle: ButtonStyleType.ICON, icon: IconProp.ChevronDown, title: "", tooltip: "Move down", ariaLabel: `Move ${entry.column.title} down`, className: "text-gray-400 hover:bg-gray-200 hover:text-gray-700 disabled:text-gray-200 disabled:hover:bg-transparent", dataTestId: `column-move-down-${entry.id}`, disabled: isSearching || index === entries.length - 1, onClick: () => {
                         moveColumn(index, index + 1);
                     } }))));
     };
     const getList = () => {
         if (shownEntries.length === 0) {
-            return (React.createElement("div", { className: "px-3 py-6 text-center text-sm text-gray-400", "data-testid": "column-customization-no-results" },
-                "No columns match \"",
-                searchText,
-                "\"."));
+            return (React.createElement("div", { className: "flex flex-col items-center gap-2 px-3 py-10 text-center", "data-testid": "column-customization-no-results" },
+                React.createElement(Icon, { icon: IconProp.Search, className: "h-6 w-6 text-gray-300" }),
+                React.createElement("p", { className: "text-sm text-gray-500" },
+                    "No columns match \"",
+                    searchText,
+                    "\".")));
         }
         /*
          * Dragging a filtered list would move a column to a position that only
@@ -145,13 +165,15 @@ const ColumnCustomizationModal = (props) => {
         }
         return (React.createElement(DragDropContext, { onDragEnd: onDragEnd },
             React.createElement(Droppable, { droppableId: "model-table-columns" }, (droppableProvided) => {
-                return (React.createElement("div", Object.assign({ ref: droppableProvided.innerRef }, droppableProvided.droppableProps, { className: "divide-y divide-gray-100" }),
+                return (React.createElement("div", Object.assign({ ref: droppableProvided.innerRef }, droppableProvided.droppableProps, { className: "divide-y divide-gray-100", "aria-label": "Columns" }),
                     shownEntries.map((entry, index) => {
-                        return (React.createElement(Draggable, { draggableId: entry.id, index: index, key: entry.id }, (draggableProvided) => {
-                            return (React.createElement("div", Object.assign({ ref: draggableProvided.innerRef }, draggableProvided.draggableProps, { className: "bg-white" }), getRowContents({
+                        return (React.createElement(Draggable, { draggableId: entry.id, index: index, key: entry.id }, (draggableProvided, draggableSnapshot) => {
+                            return (React.createElement("div", Object.assign({ ref: draggableProvided.innerRef }, draggableProvided.draggableProps, { className: draggableSnapshot.isDragging
+                                    ? "rounded-md bg-white shadow-lg ring-1 ring-gray-200"
+                                    : "bg-white" }), getRowContents({
                                 entry,
                                 index,
-                                dragHandle: (React.createElement("div", Object.assign({}, draggableProvided.dragHandleProps, { className: "flex-none cursor-grab text-gray-400 hover:text-gray-600 active:cursor-grabbing", "aria-label": `Drag to reorder ${entry.column.title}`, title: "Drag to reorder" }),
+                                dragHandle: (React.createElement("div", Object.assign({}, draggableProvided.dragHandleProps, { className: "flex w-5 flex-none cursor-grab justify-center text-gray-300 transition-colors group-hover:text-gray-500 active:cursor-grabbing", "aria-label": `Drag to reorder ${entry.column.title}`, title: "Drag to reorder" }),
                                     React.createElement(Icon, { icon: IconProp.GripVertical, className: "h-4 w-4" }))),
                             })));
                         }));
@@ -160,30 +182,49 @@ const ColumnCustomizationModal = (props) => {
             })));
     };
     return (React.createElement(Modal, { title: props.title || "Customize Columns", description: props.description ||
-            "Choose which columns to show and drag them into the order you want.", modalWidth: ModalWidth.Medium, icon: IconProp.TableCells, submitButtonText: "Save", closeButtonText: "Cancel", onClose: props.onClose, onSubmit: () => {
+            "Choose which columns to show and drag them into the order you want.", modalWidth: ModalWidth.Medium, submitButtonText: "Save", closeButtonText: "Cancel", onClose: props.onClose, onSubmit: () => {
             props.onSave(entries);
-        }, leftFooterElement: props.isDefaultLayout ? (React.createElement(React.Fragment, null)) : (React.createElement(Button, { title: "Reset to default", buttonSize: ButtonSize.Normal, buttonStyle: ButtonStyleType.OUTLINE, dataTestId: "column-customization-reset", onClick: () => {
+        }, leftFooterElement: props.isDefaultLayout ? (React.createElement(React.Fragment, null)) : (React.createElement(Button, { title: "Reset to default", icon: IconProp.Refresh, buttonSize: ButtonSize.Normal, buttonStyle: ButtonStyleType.NORMAL, dataTestId: "column-customization-reset", onClick: () => {
                 props.onReset();
             } })) },
         React.createElement("div", { className: "space-y-3", "data-testid": "column-customization-modal" },
+            React.createElement("div", { className: "relative" },
+                React.createElement("div", { className: "pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3" },
+                    React.createElement(Icon, { icon: IconProp.Search, className: "h-4 w-4 text-gray-400" })),
+                React.createElement(Input, { type: InputType.TEXT, placeholder: "Search columns...", value: searchText, dataTestId: "column-customization-search", outerDivClassName: "w-full", className: "block w-full rounded-md border border-gray-300 bg-white py-2 pl-9 pr-9 text-sm placeholder-gray-400 focus:border-indigo-500 focus:outline-none focus:ring-1 focus:ring-indigo-500", onChange: (value) => {
+                        setSearchText(value);
+                    } }),
+                searchText.length > 0 && (React.createElement("button", { type: "button", "aria-label": "Clear search", title: "Clear search", "data-testid": "column-customization-search-clear", onClick: () => {
+                        setSearchText("");
+                    }, className: "absolute inset-y-0 right-0 flex items-center pr-3 text-gray-400 transition-colors hover:text-gray-600 focus:outline-none focus-visible:text-gray-600" },
+                    React.createElement(Icon, { icon: IconProp.Close, className: "h-4 w-4" })))),
             React.createElement("div", { className: "flex items-center justify-between gap-3" },
-                React.createElement("div", { className: "flex-1" },
-                    React.createElement(Input, { type: InputType.TEXT, placeholder: "Search columns...", value: searchText, dataTestId: "column-customization-search", onChange: (value) => {
-                            setSearchText(value);
-                        } })),
-                React.createElement("div", { className: "flex flex-none gap-2" },
-                    React.createElement(Button, { title: "Show all", buttonSize: ButtonSize.Small, buttonStyle: ButtonStyleType.OUTLINE, dataTestId: "column-customization-show-all", onClick: () => {
+                React.createElement("div", { className: "text-xs font-medium text-gray-500", "data-testid": "column-customization-count" },
+                    visibleCount,
+                    " of ",
+                    entries.length,
+                    " columns shown"),
+                React.createElement("div", { className: "flex flex-none items-center gap-1 rounded-md bg-gray-50 p-0.5 ring-1 ring-inset ring-gray-200" },
+                    getBulkAction({
+                        title: "Show all",
+                        dataTestId: "column-customization-show-all",
+                        disabled: isEverythingVisible,
+                        onClick: () => {
                             setAllVisible(true);
-                        } }),
-                    React.createElement(Button, { title: "Hide all", buttonSize: ButtonSize.Small, buttonStyle: ButtonStyleType.OUTLINE, dataTestId: "column-customization-hide-all", onClick: () => {
+                        },
+                    }),
+                    getBulkAction({
+                        title: "Hide all",
+                        dataTestId: "column-customization-hide-all",
+                        disabled: isOnlyOneVisible,
+                        onClick: () => {
                             setAllVisible(false);
-                        } }))),
-            React.createElement("div", { className: "text-xs text-gray-500", "data-testid": "column-customization-count" },
-                visibleCount,
-                " of ",
-                entries.length,
-                " columns shown"),
-            React.createElement("div", { className: "rounded-md border border-gray-200 overflow-hidden" }, getList()))));
+                        },
+                    }))),
+            React.createElement("div", { className: "max-h-80 overflow-y-auto overscroll-contain rounded-md border border-gray-200 bg-white" }, getList()),
+            React.createElement("p", { className: "text-xs text-gray-400", "data-testid": "column-customization-hint" }, isSearching
+                ? "Clear the search to reorder columns."
+                : "Drag a row, or use the arrows, to change the column order."))));
 };
 export default ColumnCustomizationModal;
 //# sourceMappingURL=ColumnCustomizationModal.js.map

package/build/dist/UI/Components/ModelTable/ColumnCustomizationModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnCustomizationModal.js","sourceRoot":"","sources":["../../../../../UI/Components/ModelTable/ColumnCustomizationModal.tsx"],"names":[],"mappings":"AACA,OAAO,MAAM,EAAE,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACvE,OAAO,eAAe,MAAM,sBAAsB,CAAC;AACnD,OAAO,IAAI,MAAM,cAAc,CAAC;AAChC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAGnD,OAAO,QAAQ,MAAM,8BAA8B,CAAC;AACpD,OAAO,KAAK,EAAE,EAAgB,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,EACL,eAAe,EACf,SAAS,EAET,SAAS,GAGV,MAAM,qBAAqB,CAAC;AA0B7B;;;;;;;;;;;;;;;GAeG;AACH,MAAM,wBAAwB,GAAqC,CAGjE,KAAiC,EACnB,EAAE;IAChB,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CACpC,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,CACnB,CAAC;IACF,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IAEzD,MAAM,YAAY,GAAW,OAAO,CAAC,GAAG,EAAE;QACxC,OAAO,OAAO,CAAC,MAAM,CAAC,CAAC,KAAqC,EAAE,EAAE;YAC9D,OAAO,KAAK,CAAC,SAAS,CAAC;QACzB,CAAC,CAAC,CAAC,MAAM,CAAC;IACZ,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,gBAAgB,GAAW,UAAU,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC;IACjE,MAAM,WAAW,GAAY,gBAAgB,CAAC,MAAM,GAAG,CAAC,CAAC;IAEzD,MAAM,YAAY,GAA0C,OAAO,CAAC,GAAG,EAAE;QACvE,IAAI,CAAC,WAAW,EAAE,CAAC;YACjB,OAAO,OAAO,CAAC;QACjB,CAAC;QAED,OAAO,OAAO,CAAC,MAAM,CAAC,CAAC,KAAqC,EAAE,EAAE;YAC9D,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,EAAE,CAAC;iBAC9B,WAAW,EAAE;iBACb,QAAQ,CAAC,gBAAgB,CAAC,CAAC;QAChC,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,OAAO,EAAE,gBAAgB,EAAE,WAAW,CAAC,CAAC,CAAC;IAI7C,MAAM,YAAY,GAAmB,CACnC,EAAU,EACV,SAAkB,EACZ,EAAE;QACR,UAAU,CAAC,CAAC,OAA8C,EAAE,EAAE;YAC5D,MAAM,aAAa,GACjB,CAAC,SAAS;gBACV,OAAO,CAAC,MAAM,CAAC,CAAC,KAAqC,EAAE,EAAE;oBACvD,OAAO,KAAK,CAAC,SAAS,CAAC;gBACzB,CAAC,CAAC,CAAC,MAAM,IAAI,CAAC,CAAC;YAEjB,IAAI,aAAa,EAAE,CAAC;gBAClB,wDAAwD;gBACxD,OAAO,OAAO,CAAC;YACjB,CAAC;YAED,OAAO,OAAO,CAAC,GAAG,CAAC,CAAC,KAAqC,EAAE,EAAE;gBAC3D,OAAO,KAAK,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,iCAAM,KAAK,KAAE,SAAS,IAAG,CAAC,CAAC,KAAK,CAAC;YAC3D,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAIF,MAAM,UAAU,GAAiB,CAC/B,SAAiB,EACjB,OAAe,EACT,EAAE;QACR,UAAU,CAAC,CAAC,OAA8C,EAAE,EAAE;YAC5D,IACE,SAAS,KAAK,OAAO;gBACrB,SAAS,GAAG,CAAC;gBACb,OAAO,GAAG,CAAC;gBACX,SAAS,IAAI,OAAO,CAAC,MAAM;gBAC3B,OAAO,IAAI,OAAO,CAAC,MAAM,EACzB,CAAC;gBACD,OAAO,OAAO,CAAC;YACjB,CAAC;YAED,MAAM,IAAI,GAA0C,CAAC,GAAG,OAAO,CAAC,CAAC;YACjE,MAAM,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC;YAE1C,IAAI,CAAC,KAAK,EAAE,CAAC;gBACX,OAAO,OAAO,CAAC;YACjB,CAAC;YAED,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC;YAE/B,OAAO,IAAI,CAAC;QACd,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAIF,MAAM,SAAS,GAAsB,CAAC,MAAkB,EAAQ,EAAE;QAChE;;;WAGG;QACH,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC;YACxB,OAAO;QACT,CAAC;QAED,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IAC5D,CAAC,CAAC;IAIF,MAAM,aAAa,GAA0B,CAAC,SAAkB,EAAQ,EAAE;QACxE,UAAU,CAAC,CAAC,OAA8C,EAAE,EAAE;YAC5D,IAAI,CAAC,SAAS,EAAE,CAAC;gBACf;;;mBAGG;gBACH,IAAI,WAAW,GAAY,KAAK,CAAC;gBAEjC,OAAO,OAAO,CAAC,GAAG,CAAC,CAAC,KAAqC,EAAE,EAAE;oBAC3D,IAAI,CAAC,WAAW,EAAE,CAAC;wBACjB,WAAW,GAAG,IAAI,CAAC;wBACnB,uCAAY,KAAK,KAAE,SAAS,EAAE,IAAI,IAAG;oBACvC,CAAC;oBAED,uCAAY,KAAK,KAAE,SAAS,EAAE,KAAK,IAAG;gBACxC,CAAC,CAAC,CAAC;YACL,CAAC;YAED,OAAO,OAAO,CAAC,GAAG,CAAC,CAAC,KAAqC,EAAE,EAAE;gBAC3D,uCAAY,KAAK,KAAE,SAAS,EAAE,IAAI,IAAG;YACvC,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAQF,MAAM,cAAc,GAAmB,CAAC,IAIvC,EAAgB,EAAE;QACjB,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;QAE9B,MAAM,mBAAmB,GAAY,KAAK,CAAC,SAAS,IAAI,YAAY,IAAI,CAAC,CAAC;QAE1E,OAAO,CACL,6BAAK,SAAS,EAAC,mCAAmC;YAC/C,IAAI,CAAC,UAAU,IAAI,6BAAK,SAAS,EAAC,KAAK,GAAG;YAE3C,6BAAK,SAAS,EAAC,gBAAgB;gBAC7B,oBAAC,eAAe,IACd,KAAK,EAAE,KAAK,CAAC,SAAS,EACtB,QAAQ,EAAE,mBAAmB,EAC7B,UAAU,EAAE,iBAAiB,KAAK,CAAC,EAAE,EAAE,EACvC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EACzB,QAAQ,EAAE,CAAC,KAAc,EAAE,EAAE;wBAC3B,YAAY,CAAC,KAAK,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;oBAChC,CAAC,GACD,CACE;YAEN,6BAAK,SAAS,EAAC,mCAAmC;gBAChD,oBAAC,MAAM,IACL,UAAU,EAAE,UAAU,CAAC,KAAK,EAC5B,WAAW,EAAE,eAAe,CAAC,IAAI,EACjC,IAAI,EAAE,QAAQ,CAAC,SAAS,EACxB,KAAK,EAAC,EAAE,EACR,UAAU,EAAE,kBAAkB,KAAK,CAAC,EAAE,EAAE,EACxC,QAAQ,EAAE,WAAW,IAAI,KAAK,KAAK,CAAC,EACpC,OAAO,EAAE,GAAG,EAAE;wBACZ,UAAU,CAAC,KAAK,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC;oBAC/B,CAAC,GACD;gBACF,oBAAC,MAAM,IACL,UAAU,EAAE,UAAU,CAAC,KAAK,EAC5B,WAAW,EAAE,eAAe,CAAC,IAAI,EACjC,IAAI,EAAE,QAAQ,CAAC,WAAW,EAC1B,KAAK,EAAC,EAAE,EACR,UAAU,EAAE,oBAAoB,KAAK,CAAC,EAAE,EAAE,EAC1C,QAAQ,EAAE,WAAW,IAAI,KAAK,KAAK,OAAO,CAAC,MAAM,GAAG,CAAC,EACrD,OAAO,EAAE,GAAG,EAAE;wBACZ,UAAU,CAAC,KAAK,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC;oBAC/B,CAAC,GACD,CACE,CACF,CACP,CAAC;IACJ,CAAC,CAAC;IAIF,MAAM,OAAO,GAAoB,GAAiB,EAAE;QAClD,IAAI,YAAY,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAC9B,OAAO,CACL,6BACE,SAAS,EAAC,6CAA6C,iBAC3C,iCAAiC;;gBAErB,UAAU;sBAC9B,CACP,CAAC;QACJ,CAAC;QAED;;;;WAIG;QACH,IAAI,WAAW,EAAE,CAAC;YAChB,OAAO,CACL,6BAAK,SAAS,EAAC,0BAA0B,IACtC,YAAY,CAAC,GAAG,CAAC,CAAC,KAAqC,EAAE,EAAE;gBAC1D,OAAO,CACL,6BAAK,GAAG,EAAE,KAAK,CAAC,EAAE,IACf,cAAc,CAAC;oBACd,KAAK;oBACL,KAAK,EAAE,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC;iBAC9B,CAAC,CACE,CACP,CAAC;YACJ,CAAC,CAAC,CACE,CACP,CAAC;QACJ,CAAC;QAED,OAAO,CACL,oBAAC,eAAe,IAAC,SAAS,EAAE,SAAS;YACnC,oBAAC,SAAS,IAAC,WAAW,EAAC,qBAAqB,IACzC,CAAC,iBAAoC,EAAE,EAAE;gBACxC,OAAO,CACL,2CACE,GAAG,EAAE,iBAAiB,CAAC,QAAQ,IAC3B,iBAAiB,CAAC,cAAc,IACpC,SAAS,EAAC,0BAA0B;oBAEnC,YAAY,CAAC,GAAG,CACf,CAAC,KAAqC,EAAE,KAAa,EAAE,EAAE;wBACvD,OAAO,CACL,oBAAC,SAAS,IACR,WAAW,EAAE,KAAK,CAAC,EAAE,EACrB,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,KAAK,CAAC,EAAE,IAEZ,CAAC,iBAAoC,EAAE,EAAE;4BACxC,OAAO,CACL,2CACE,GAAG,EAAE,iBAAiB,CAAC,QAAQ,IAC3B,iBAAiB,CAAC,cAAc,IACpC,SAAS,EAAC,UAAU,KAEnB,cAAc,CAAC;gCACd,KAAK;gCACL,KAAK;gCACL,UAAU,EAAE,CACV,6CACM,iBAAiB,CAAC,eAAe,IACrC,SAAS,EAAC,gFAAgF,gBAC9E,mBAAmB,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,EACnD,KAAK,EAAC,iBAAiB;oCAEvB,oBAAC,IAAI,IACH,IAAI,EAAE,QAAQ,CAAC,YAAY,EAC3B,SAAS,EAAC,SAAS,GACnB,CACE,CACP;6BACF,CAAC,CACE,CACP,CAAC;wBACJ,CAAC,CACS,CACb,CAAC;oBACJ,CAAC,CACF;oBACA,iBAAiB,CAAC,WAAW,CAC1B,CACP,CAAC;YACJ,CAAC,CACS,CACI,CACnB,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,KAAK,IACJ,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,mBAAmB,EACzC,WAAW,EACT,KAAK,CAAC,WAAW;YACjB,qEAAqE,EAEvE,UAAU,EAAE,UAAU,CAAC,MAAM,EAC7B,IAAI,EAAE,QAAQ,CAAC,UAAU,EACzB,gBAAgB,EAAC,MAAM,EACvB,eAAe,EAAC,QAAQ,EACxB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,QAAQ,EAAE,GAAG,EAAE;YACb,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QACxB,CAAC,EACD,iBAAiB,EACf,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,CACtB,yCAAK,CACN,CAAC,CAAC,CAAC,CACF,oBAAC,MAAM,IACL,KAAK,EAAC,kBAAkB,EACxB,UAAU,EAAE,UAAU,CAAC,MAAM,EAC7B,WAAW,EAAE,eAAe,CAAC,OAAO,EACpC,UAAU,EAAC,4BAA4B,EACvC,OAAO,EAAE,GAAG,EAAE;gBACZ,KAAK,CAAC,OAAO,EAAE,CAAC;YAClB,CAAC,GACD,CACH;QAGH,6BAAK,SAAS,EAAC,WAAW,iBAAa,4BAA4B;YACjE,6BAAK,SAAS,EAAC,yCAAyC;gBACtD,6BAAK,SAAS,EAAC,QAAQ;oBACrB,oBAAC,KAAK,IACJ,IAAI,EAAE,SAAS,CAAC,IAAI,EACpB,WAAW,EAAC,mBAAmB,EAC/B,KAAK,EAAE,UAAU,EACjB,UAAU,EAAC,6BAA6B,EACxC,QAAQ,EAAE,CAAC,KAAa,EAAE,EAAE;4BAC1B,aAAa,CAAC,KAAK,CAAC,CAAC;wBACvB,CAAC,GACD,CACE;gBACN,6BAAK,SAAS,EAAC,sBAAsB;oBACnC,oBAAC,MAAM,IACL,KAAK,EAAC,UAAU,EAChB,UAAU,EAAE,UAAU,CAAC,KAAK,EAC5B,WAAW,EAAE,eAAe,CAAC,OAAO,EACpC,UAAU,EAAC,+BAA+B,EAC1C,OAAO,EAAE,GAAG,EAAE;4BACZ,aAAa,CAAC,IAAI,CAAC,CAAC;wBACtB,CAAC,GACD;oBACF,oBAAC,MAAM,IACL,KAAK,EAAC,UAAU,EAChB,UAAU,EAAE,UAAU,CAAC,KAAK,EAC5B,WAAW,EAAE,eAAe,CAAC,OAAO,EACpC,UAAU,EAAC,+BAA+B,EAC1C,OAAO,EAAE,GAAG,EAAE;4BACZ,aAAa,CAAC,KAAK,CAAC,CAAC;wBACvB,CAAC,GACD,CACE,CACF;YAEN,6BACE,SAAS,EAAC,uBAAuB,iBACrB,4BAA4B;gBAEvC,YAAY;;gBAAM,OAAO,CAAC,MAAM;iCAC7B;YAEN,6BAAK,SAAS,EAAC,mDAAmD,IAC/D,OAAO,EAAE,CACN,CACF,CACA,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,wBAAwB,CAAC"}
+{"version":3,"file":"ColumnCustomizationModal.js","sourceRoot":"","sources":["../../../../../UI/Components/ModelTable/ColumnCustomizationModal.tsx"],"names":[],"mappings":"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"}

package/build/dist/UI/Components/Runbook/StepTimeoutInput.js

@@ -0,0 +1,101 @@
+import React, { useEffect, useId, useState, } from "react";
+import { NON_NUMERIC_TIMEOUT_MESSAGE, getTimeoutValidationError, secondsInputValueToTimeoutInMs, timeoutInMsToSecondsInputValue, willTimeoutBeClamped, } from "../../../Types/Runbook/RunbookStepTimeout";
+/*
+ * Seconds-in, milliseconds-out editor for a per-step timeout.
+ *
+ * The typed text is held locally rather than derived from the stored value on
+ * every keystroke: deriving it would fight the author mid-edit, because a
+ * partially typed "0" or an emptied field both resolve to "unset" and would
+ * erase what they were typing. The stored value only moves when the text
+ * parses to something usable.
+ */
+const StepTimeoutInput = (props) => {
+    const uniqueId = useId();
+    const inputId = `step-timeout-${uniqueId}`;
+    const describedById = `step-timeout-help-${uniqueId}`;
+    const errorId = `step-timeout-error-${uniqueId}`;
+    const [text, setText] = useState(timeoutInMsToSecondsInputValue(props.value));
+    /*
+     * A number input reports an empty string for text it cannot parse — a
+     * dangling exponent ("1e"), a lone "-" — while still showing that text to
+     * the author. Tracked separately from `text` so an unparseable keystroke
+     * does not read as "the author cleared the field".
+     */
+    const [hasUnparseableInput, setHasUnparseableInput] = useState(false);
+    /*
+     * Re-sync when the step being edited changes underneath us (collapse /
+     * reorder / reload). Skipped while the text still represents the stored
+     * value so the author's in-progress typing survives re-renders.
+     */
+    useEffect(() => {
+        const storedAsText = timeoutInMsToSecondsInputValue(props.value);
+        setText((currentText) => {
+            return secondsInputValueToTimeoutInMs(currentText) === props.value
+                ? currentText
+                : storedAsText;
+        });
+    }, [props.value]);
+    const validationError = hasUnparseableInput
+        ? NON_NUMERIC_TIMEOUT_MESSAGE
+        : getTimeoutValidationError(text, props.bounds);
+    const defaultInSeconds = props.bounds.defaultInMs / 1000;
+    const handleChange = (value, isUnparseable) => {
+        if (isUnparseable) {
+            /*
+             * Hold the stored value. Reporting undefined here would discard a
+             * timeout the author had already saved, without them touching a digit —
+             * the field would look edited, save cleanly, and the step would silently
+             * drop back to the default.
+             */
+            setHasUnparseableInput(true);
+            return;
+        }
+        setHasUnparseableInput(false);
+        setText(value);
+        props.onChange(secondsInputValueToTimeoutInMs(value));
+    };
+    /*
+     * Only a usable-but-out-of-range value gets clamped at run time. Anything
+     * unusable falls back to the default instead, so the two cases need
+     * different copy.
+     */
+    const consequence = hasUnparseableInput
+        ? "The saved value is unchanged."
+        : willTimeoutBeClamped(text, props.bounds)
+            ? "Values outside the range are clamped when the step runs."
+            : "Leave the field blank to use the default.";
+    let inputClassName = "block w-full rounded-md border border-gray-300 bg-white py-2 pl-3 pr-3 text-sm placeholder-gray-500 focus:border-indigo-500 focus:text-gray-900 focus:placeholder-gray-400 focus:outline-none focus:ring-1 focus:ring-indigo-500 sm:text-sm";
+    if (validationError) {
+        inputClassName +=
+            " border-red-300 text-red-900 placeholder-red-300 focus:border-red-500 focus:ring-red-500";
+    }
+    if (props.disabled) {
+        inputClassName += " bg-gray-100 text-gray-500 cursor-not-allowed";
+    }
+    return (React.createElement("div", null,
+        React.createElement("label", { htmlFor: inputId, className: "block text-xs font-medium text-gray-700 mb-1.5" },
+            props.label,
+            React.createElement("span", { className: "ml-2 text-[10px] font-normal text-gray-400" }, "seconds")),
+        React.createElement("input", { id: inputId, type: "number", inputMode: "decimal", min: props.bounds.minInMs / 1000, max: props.bounds.maxInMs / 1000, step: "any", disabled: props.disabled, className: inputClassName, value: text, placeholder: `${defaultInSeconds}`, "aria-describedby": validationError ? `${describedById} ${errorId}` : describedById, "aria-invalid": validationError ? true : undefined, "data-testid": props.dataTestId, onChange: (e) => {
+                var _a;
+                handleChange(e.target.value, ((_a = e.target.validity) === null || _a === void 0 ? void 0 : _a.badInput) === true);
+            } }),
+        React.createElement("p", { id: describedById, className: "text-xs text-gray-500 mt-1.5" },
+            props.description ? React.createElement(React.Fragment, null,
+                props.description,
+                " ") : null,
+            "Leave blank to use the default of ",
+            defaultInSeconds,
+            " seconds. Allowed range: ",
+            props.bounds.minInMs / 1000,
+            "\u2013",
+            props.bounds.maxInMs / 1000,
+            " ",
+            "seconds."),
+        validationError ? (React.createElement("p", { id: errorId, role: "alert", className: "text-xs text-red-600 mt-1" },
+            validationError,
+            " ",
+            consequence)) : null));
+};
+export default StepTimeoutInput;
+//# sourceMappingURL=StepTimeoutInput.js.map

package/build/dist/UI/Components/Runbook/StepTimeoutInput.js.map

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

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

@@ -0,0 +1,73 @@
+import Icon, { ThickProp } from "../Icon/Icon";
+import MarkdownViewer from "../Markdown.tsx/LazyMarkdownViewer";
+import IconProp from "../../../Types/Icon/IconProp";
+import StatusPageGroupNestingLayoutUtil from "../../../Utils/StatusPage/GroupNestingLayout";
+import React, { useEffect, useState, } from "react";
+/*
+ * One level of the status page resource group hierarchy.
+ *
+ * A top level group is a card. Everything under it is a row on a tree rail -
+ * no card, no second border, no background tint stacked on the last one - so
+ * the hierarchy stays readable however deep it goes and the uptime bars keep
+ * the width they need.
+ */
+const ResourceGroupSection = (props) => {
+    const [isOpen, setIsOpen] = useState(Boolean(props.isInitiallyExpanded));
+    /*
+     * Groups arrive with the page payload, so isInitiallyExpanded can flip after
+     * the first render. Keyed on the *boolean*, not on the prop: the column is an
+     * optional boolean, so it routinely arrives as undefined and settles to false,
+     * and keying on the prop would fire on that and slam shut a section the
+     * visitor had just opened.
+     */
+    const initiallyExpanded = Boolean(props.isInitiallyExpanded);
+    useEffect(() => {
+        setIsOpen(initiallyExpanded);
+    }, [initiallyExpanded]);
+    const generatedId = React.useId();
+    const bodyId = `status-page-group-body-${generatedId}`;
+    const descriptionId = `status-page-group-description-${generatedId}`;
+    const isRootLevel = StatusPageGroupNestingLayoutUtil.isRootLevel({
+        depth: props.depth,
+    });
+    const subGroupCount = props.subGroupCount || 0;
+    const showSubGroupDivider = StatusPageGroupNestingLayoutUtil.shouldShowSubGroupDivider({
+        hasOwnResources: Boolean(props.hasOwnResources),
+        subGroupCount: subGroupCount,
+    });
+    return (React.createElement("div", { className: StatusPageGroupNestingLayoutUtil.getContainerClassName({
+            depth: props.depth,
+        }), "data-testid": props.testId ||
+            (isRootLevel ? "status-page-group" : "status-page-nested-group"), "data-depth": props.depth },
+        React.createElement("button", { type: "button", className: StatusPageGroupNestingLayoutUtil.getHeaderClassName({
+                depth: props.depth,
+            }), "aria-expanded": isOpen, "aria-controls": isOpen ? bodyId : undefined, "aria-describedby": props.description ? descriptionId : undefined, "data-testid": "status-page-group-header", onClick: () => {
+                setIsOpen(!isOpen);
+            } },
+            React.createElement("span", { className: StatusPageGroupNestingLayoutUtil.getHeaderRowClassName() },
+                React.createElement("span", { className: `${StatusPageGroupNestingLayoutUtil.getChevronBoxClassName()} ${isOpen ? "bg-gray-900/5 text-gray-700" : "text-gray-400"}`, "data-testid": "status-page-group-chevron", "aria-hidden": "true" },
+                    React.createElement(Icon, { className: `h-3.5 w-3.5 transition-transform duration-200 ease-out ${isOpen ? "rotate-90" : ""}`, icon: IconProp.ChevronRight, thick: ThickProp.Thick })),
+                React.createElement("span", { className: StatusPageGroupNestingLayoutUtil.getTitleClassName({
+                        depth: props.depth,
+                    }), title: props.name }, props.name),
+                props.subGroupCountLabel ? (React.createElement("span", { className: StatusPageGroupNestingLayoutUtil.getSubGroupCountBadgeClassName(), "data-testid": "status-page-group-sub-group-count" }, props.subGroupCountLabel)) : (React.createElement(React.Fragment, null))),
+            props.rollupLabel ? (React.createElement("span", { className: StatusPageGroupNestingLayoutUtil.getRollupClassName(), "data-testid": "status-page-group-rollup" },
+                React.createElement("span", { className: "inline-flex items-center gap-1.5" },
+                    React.createElement("span", { className: StatusPageGroupNestingLayoutUtil.getRollupDotClassName(), style: props.rollupColor
+                            ? { backgroundColor: props.rollupColor }
+                            : undefined, "data-testid": "status-page-group-rollup-dot", "aria-hidden": "true" }),
+                    React.createElement("span", { className: StatusPageGroupNestingLayoutUtil.getRollupLabelClassName(), style: props.rollupColor ? { color: props.rollupColor } : undefined }, props.rollupLabel)))) : (React.createElement(React.Fragment, null))),
+        props.description ? (React.createElement("div", { id: descriptionId, className: StatusPageGroupNestingLayoutUtil.getDescriptionClassName(), "data-testid": "status-page-group-description" },
+            React.createElement(MarkdownViewer, { text: props.description }))) : (React.createElement(React.Fragment, null)),
+        isOpen ? (React.createElement("div", { id: bodyId, className: StatusPageGroupNestingLayoutUtil.getBodyClassName({
+                depth: props.depth,
+            }), "data-testid": "status-page-group-body" },
+            props.resourcesElement || React.createElement(React.Fragment, null),
+            props.subGroupsElement ? (React.createElement("div", { className: `${showSubGroupDivider
+                    ? StatusPageGroupNestingLayoutUtil.getSubGroupDividerClassName()
+                    : ""} ${StatusPageGroupNestingLayoutUtil.getSubGroupListClassName({
+                    depth: props.depth,
+                })}`.trim(), "data-testid": "status-page-sub-group-list" }, props.subGroupsElement)) : (React.createElement(React.Fragment, null)))) : (React.createElement(React.Fragment, null))));
+};
+export default ResourceGroupSection;
+//# sourceMappingURL=ResourceGroupSection.js.map

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

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

package/build/dist/UI/Components/TelemetryViewer/components/TelemetryTimeRangePicker.js

@@ -3,6 +3,9 @@ import Icon from "../../Icon/Icon";
 import IconProp from "../../../../Types/Icon/IconProp";
 import TimeRange from "../../../../Types/Time/TimeRange";
 import StartAndEndDate, { StartAndEndDateType, } from "../../Date/StartAndEndDate";
+import { getDropdownAlignmentClassName, useDropdownHorizontalAlignment, } from "../../../Utils/DropdownAlignment";
+// Matches the Tailwind `w-72` on the dropdown below (18rem).
+export const TIME_RANGE_DROPDOWN_WIDTH_IN_PX = 288;
 const PRESET_OPTIONS = [
     { range: TimeRange.PAST_FIVE_MINS, label: "Past 5 Minutes" },
     { range: TimeRange.PAST_FIFTEEN_MINS, label: "Past 15 Minutes" },
@@ -39,6 +42,14 @@ const TelemetryTimeRangePicker = (props) => {
     const [isOpen, setIsOpen] = useState(false);
     const [showCustom, setShowCustom] = useState(props.value.range === TimeRange.CUSTOM);
     const containerRef = useRef(null);
+    const buttonRef = useRef(null);
+    const dropdownRef = useRef(null);
+    const alignment = useDropdownHorizontalAlignment({
+        isOpen: isOpen,
+        anchorRef: buttonRef,
+        dropdownRef: dropdownRef,
+        dropdownWidthInPx: TIME_RANGE_DROPDOWN_WIDTH_IN_PX,
+    });
     useEffect(() => {
         const handleClickOutside = (e) => {
             if (containerRef.current &&
@@ -69,7 +80,7 @@ const TelemetryTimeRangePicker = (props) => {
     }, [props]);
     const buttonLabel = getButtonLabel(props.value);
     return (React.createElement("div", { ref: containerRef, className: "relative" },
-        React.createElement("button", { type: "button", className: `inline-flex items-center gap-1.5 rounded-md border px-2.5 py-1.5 text-xs font-medium shadow-sm transition-colors ${isOpen
+        React.createElement("button", { ref: buttonRef, type: "button", "data-testid": "telemetry-time-range-picker-button", "aria-haspopup": "true", "aria-expanded": isOpen, className: `inline-flex items-center gap-1.5 rounded-md border px-2.5 py-1.5 text-xs font-medium shadow-sm transition-colors ${isOpen
                 ? "border-indigo-300 bg-indigo-50 text-indigo-700"
                 : "border-gray-200 bg-white text-gray-700 hover:border-gray-300 hover:bg-gray-50"}`, onClick: () => {
                 setIsOpen(!isOpen);
@@ -77,7 +88,7 @@ const TelemetryTimeRangePicker = (props) => {
             React.createElement(Icon, { icon: IconProp.Clock, className: "h-3.5 w-3.5" }),
             React.createElement("span", null, buttonLabel),
             React.createElement(Icon, { icon: IconProp.ChevronDown, className: `h-3 w-3 transition-transform ${isOpen ? "rotate-180" : ""}` })),
-        isOpen && (React.createElement("div", { className: "absolute right-0 top-full z-50 mt-1 w-72 rounded-lg border border-gray-200 bg-white shadow-lg" },
+        isOpen && (React.createElement("div", { ref: dropdownRef, "data-testid": "telemetry-time-range-picker-dropdown", "data-align": alignment, className: `absolute ${getDropdownAlignmentClassName(alignment)} top-full z-50 mt-1 w-72 max-w-[calc(100vw-1rem)] rounded-lg border border-gray-200 bg-white shadow-lg` },
             React.createElement("div", { className: "max-h-64 overflow-y-auto py-1" },
                 PRESET_OPTIONS.map((option) => {
                     const isActive = props.value.range === option.range;

package/build/dist/UI/Components/TelemetryViewer/components/TelemetryTimeRangePicker.js.map

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

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

@@ -0,0 +1,98 @@
+import { useEffect, useState } from "react";
+/*
+ * Horizontal edge of the trigger that a popup pins itself to.
+ * "Left" means the popup grows rightwards from the trigger's left edge
+ * (Tailwind `left-0`), "Right" means it grows leftwards from the trigger's
+ * right edge (Tailwind `right-0`).
+ */
+export var DropdownHorizontalAlignment;
+(function (DropdownHorizontalAlignment) {
+    DropdownHorizontalAlignment["Left"] = "left";
+    DropdownHorizontalAlignment["Right"] = "right";
+})(DropdownHorizontalAlignment || (DropdownHorizontalAlignment = {}));
+// Breathing room we keep between a popup and the edge of the viewport.
+export const DEFAULT_DROPDOWN_VIEWPORT_MARGIN_IN_PX = 8;
+/*
+ * Picks the edge a popup should align to so that it stays inside the viewport.
+ *
+ * Left alignment is preferred because it reads naturally next to the trigger.
+ * We only flip to the right edge when left alignment would spill past the right
+ * side of the viewport, and we never flip if doing so would spill past the left
+ * side by even more (which is what produced the off-screen popup on the metric
+ * explorer toolbar, where the trigger sits at the far left of the page).
+ */
+export function getDropdownHorizontalAlignment(input) {
+    const margin = input.viewportMargin === undefined
+        ? DEFAULT_DROPDOWN_VIEWPORT_MARGIN_IN_PX
+        : input.viewportMargin;
+    /*
+     * Before the popup is laid out (or in a non-visual environment) measurements
+     * come back as zero. There is nothing to solve for, so keep the default.
+     */
+    if (!Number.isFinite(input.dropdownWidth) ||
+        !Number.isFinite(input.viewportWidth) ||
+        input.dropdownWidth <= 0 ||
+        input.viewportWidth <= 0) {
+        return DropdownHorizontalAlignment.Left;
+    }
+    // How far a left-aligned popup would poke past the right gutter.
+    const leftAlignedOverflow = input.anchorLeft + input.dropdownWidth - (input.viewportWidth - margin);
+    // How far a right-aligned popup would poke past the left gutter.
+    const rightAlignedOverflow = margin - (input.anchorRight - input.dropdownWidth);
+    if (leftAlignedOverflow <= 0) {
+        return DropdownHorizontalAlignment.Left;
+    }
+    if (rightAlignedOverflow <= 0) {
+        return DropdownHorizontalAlignment.Right;
+    }
+    // Neither edge fits. Pick whichever clips the least, preferring left on a tie.
+    return leftAlignedOverflow <= rightAlignedOverflow
+        ? DropdownHorizontalAlignment.Left
+        : DropdownHorizontalAlignment.Right;
+}
+/*
+ * Tailwind positioning class for an alignment. Kept next to the resolver so
+ * callers cannot drift out of sync with the enum.
+ */
+export function getDropdownAlignmentClassName(alignment) {
+    return alignment === DropdownHorizontalAlignment.Right ? "right-0" : "left-0";
+}
+/*
+ * Keeps a popup's horizontal alignment in sync with the space available around
+ * its trigger. Re-measures when the popup opens and whenever the viewport
+ * changes size or scrolls the trigger somewhere new.
+ */
+export function useDropdownHorizontalAlignment(options) {
+    const [alignment, setAlignment] = useState(DropdownHorizontalAlignment.Left);
+    const { isOpen, anchorRef, dropdownRef, dropdownWidthInPx, viewportMargin, } = options;
+    useEffect(() => {
+        if (!isOpen) {
+            return undefined;
+        }
+        const measure = () => {
+            var _a;
+            const anchor = anchorRef.current;
+            if (!anchor || typeof anchor.getBoundingClientRect !== "function") {
+                return;
+            }
+            const anchorRect = anchor.getBoundingClientRect();
+            const measuredWidth = ((_a = dropdownRef === null || dropdownRef === void 0 ? void 0 : dropdownRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth) || 0;
+            setAlignment(getDropdownHorizontalAlignment({
+                anchorLeft: anchorRect.left,
+                anchorRight: anchorRect.right,
+                dropdownWidth: measuredWidth > 0 ? measuredWidth : dropdownWidthInPx,
+                viewportWidth: window.innerWidth,
+                viewportMargin: viewportMargin,
+            }));
+        };
+        measure();
+        window.addEventListener("resize", measure);
+        window.addEventListener("scroll", measure, true);
+        return () => {
+            window.removeEventListener("resize", measure);
+            window.removeEventListener("scroll", measure, true);
+        };
+    }, [isOpen, anchorRef, dropdownRef, dropdownWidthInPx, viewportMargin]);
+    return alignment;
+}
+//# sourceMappingURL=DropdownAlignment.js.map

package/build/dist/UI/Utils/DropdownAlignment.js.map

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