@paubox/ui 1.9.0 → 1.9.1

package/index.esm.js

@@ -22324,6 +22324,8 @@ var Popper = function(param) {
     ], onClose, open);
     var updatePosition = useCallback(function() {
         if (!anchorRef.current || !containerRef.current) return;
+        // Check if anchor element is still connected to the DOM
+        if (!anchorRef.current.isConnected) return;
         var anchorRect = anchorRef.current.getBoundingClientRect();
         var popperRect = containerRef.current.getBoundingClientRect();
         var el = anchorRef.current;
@@ -24821,6 +24823,8 @@ var Select = function(_param) {
                         disabled: disabled,
                         sz: sz,
                         value: value,
+                        // eslint-disable-next-line @typescript-eslint/no-empty-function
+                        onChange: function() {},
                         error: error,
                         children: !value ? /*#__PURE__*/ jsx(SelectOption, {
                             value: "",
@@ -29171,14 +29175,15 @@ var Modal = function(param) {
                 }),
                 Boolean(actions === null || actions === void 0 ? void 0 : actions.length) && /*#__PURE__*/ jsx(ModalFooter, {
                     children: actions === null || actions === void 0 ? void 0 : actions.map(function(_param) {
-                        var label = _param.label, rest = _object_without_properties$4(_param, [
+                        var id = _param.id, label = _param.label, rest = _object_without_properties$4(_param, [
+                            "id",
                             "label"
                         ]);
                         return /*#__PURE__*/ jsx(Button, _object_spread_props$7(_object_spread$8({
                             "data-testid": "".concat(testId, "-").concat(formatForId(label), "-button")
                         }, rest), {
                             children: label
-                        }));
+                        }), id !== null && id !== void 0 ? id : formatForId(label));
                     })
                 }),
                 loading && /*#__PURE__*/ jsx(LoadingOverlay, {})
@@ -34326,13 +34331,9 @@ var Table = function(param) {
     ]);
     var handleContextMenu = useCallback(function(e, row) {
         e.stopPropagation();
+        ctxMenuAnchorRef.current = e.currentTarget;
         setCtxMenuRow(function(prev) {
-            if (prev === row.original) {
-                ctxMenuAnchorRef.current = null;
-                return null;
-            }
-            ctxMenuAnchorRef.current = e.currentTarget;
-            return row.original;
+            return prev === row.original ? null : row.original;
         });
     }, []);
     var contextColumn = useMemo(function() {
@@ -34345,6 +34346,12 @@ var Table = function(param) {
             cell: function(param) {
                 var row = param.row;
                 return /*#__PURE__*/ jsx(ContextMenuButton, {
+                    ref: function(el) {
+                        // Keep anchor ref in sync when this row's menu is open
+                        if (ctxMenuRow === row.original && el) {
+                            ctxMenuAnchorRef.current = el;
+                        }
+                    },
                     onClick: function(e) {
                         e.stopPropagation();
                         handleContextMenu(e, row);
@@ -34359,7 +34366,8 @@ var Table = function(param) {
         };
     }, [
         handleContextMenu,
-        testId
+        testId,
+        ctxMenuRow
     ]);
     var allColumns = useMemo(function() {
         var cols = _to_consumable_array(tableColumns);

package/package.json

@@ -2,7 +2,7 @@
   "name": "@paubox/ui",
   "author": "Paubox, Inc.",
   "description": "Paubox Component Library",
-  "version": "1.9.0",
+  "version": "1.9.1",
   "type": "module",
   "private": false,
   "publishConfig": {

package/src/lib/Modal/Modal.d.ts

@@ -1,6 +1,7 @@
 import { CSSProperties, ReactNode } from 'react';
 import { BaseButtonProps } from '../Button/BaseButton';
 type ModalAction = {
+    id?: string;
     label: string;
     onClick: () => void;
     color?: BaseButtonProps['color'];