@elastic/eui 91.3.0 → 91.3.1

package/lib/components/datagrid/body/header/data_grid_header_cell.js

@@ -133,7 +133,8 @@ var EuiDataGridHeaderCell = function EuiDataGridHeaderCell(_ref) {
       });
     },
     "aria-describedby": "".concat(sortingAriaId, " ").concat(actionsAriaId),
-    ref: actionsButtonRef
+    ref: actionsButtonRef,
+    "data-test-subj": "dataGridHeaderCellActionButton-".concat(id)
   }, cellContent, (0, _react2.jsx)(_popover.EuiPopover, _extends({
     display: "block",
     panelPaddingSize: "none",
@@ -155,8 +156,7 @@ var EuiDataGridHeaderCell = function EuiDataGridHeaderCell(_ref) {
     }, (0, _react2.jsx)(_icon.EuiIcon, {
       type: "boxesVertical",
       size: "s",
-      color: "text",
-      "data-test-subj": "dataGridHeaderCellActionButton-".concat(id)
+      color: "text"
     })),
     isOpen: isPopoverOpen,
     closePopover: function closePopover() {

package/optimize/es/components/basic_table/basic_table.js

@@ -798,19 +798,22 @@ export var EuiBasicTable = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderItemActionsCell",
     value: function renderItemActionsCell(itemId, item, column, columnIndex) {
-      var _this7 = this;
-      var actionEnabled = function actionEnabled(action) {
-        return _this7.state.selection.length === 0 && (!action.enabled || action.enabled(item));
-      };
+      // Disable all actions if any row(s) are selected
+      var allDisabled = this.state.selection.length > 0;
       var actualActions = column.actions.filter(function (action) {
         return !action.available || action.available(item);
       });
       if (actualActions.length > 2) {
-        // if any of the actions `isPrimary`, add them inline as well, but only the first 2
-        var primaryActions = actualActions.filter(function (o) {
-          return o.isPrimary;
-        });
-        actualActions = primaryActions.slice(0, 2);
+        if (allDisabled) {
+          // If all actions are disabled, do not show any actions but the popover toggle
+          actualActions = [];
+        } else {
+          // if any of the actions `isPrimary`, add them inline as well, but only the first 2
+          var primaryActions = actualActions.filter(function (o) {
+            return o.isPrimary;
+          });
+          actualActions = primaryActions.slice(0, 2);
+        }
 
         // if we have more than 1 action, we don't show them all in the cell, instead we
         // put them all in a popover tool. This effectively means we can only have a maximum
@@ -823,18 +826,18 @@ export var EuiBasicTable = /*#__PURE__*/function (_Component) {
           render: function render(item) {
             return ___EmotionJSX(CollapsedItemActions, {
               actions: column.actions,
+              actionsDisabled: allDisabled,
               itemId: itemId,
-              item: item,
-              actionEnabled: actionEnabled
+              item: item
             });
           }
         });
       }
       var tools = ___EmotionJSX(ExpandedItemActions, {
         actions: actualActions,
+        actionsDisabled: allDisabled,
         itemId: itemId,
-        item: item,
-        actionEnabled: actionEnabled
+        item: item
       });
       var key = "record_actions_".concat(itemId, "_").concat(columnIndex);
       return ___EmotionJSX(EuiTableRowCell, {
@@ -921,7 +924,7 @@ export var EuiBasicTable = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderPaginationBar",
     value: function renderPaginationBar() {
-      var _this8 = this;
+      var _this7 = this;
       var _this$props11 = this.props,
         error = _this$props11.error,
         pagination = _this$props11.pagination,
@@ -940,9 +943,9 @@ export var EuiBasicTable = /*#__PURE__*/function (_Component) {
         }, function (tablePagination) {
           return ___EmotionJSX(PaginationBar, {
             pagination: pagination,
-            onPageSizeChange: _this8.onPageSizeChange.bind(_this8),
-            onPageChange: _this8.onPageChange.bind(_this8),
-            "aria-controls": _this8.tableId,
+            onPageSizeChange: _this7.onPageSizeChange.bind(_this7),
+            onPageChange: _this7.onPageChange.bind(_this7),
+            "aria-controls": _this7.tableId,
             "aria-label": tablePagination
           });
         });

package/optimize/es/components/basic_table/collapsed_item_actions.js

@@ -20,16 +20,12 @@ export var CollapsedItemActions = function CollapsedItemActions(_ref) {
   var actions = _ref.actions,
     itemId = _ref.itemId,
     item = _ref.item,
-    actionEnabled = _ref.actionEnabled,
+    actionsDisabled = _ref.actionsDisabled,
     className = _ref.className;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     popoverOpen = _useState2[0],
     setPopoverOpen = _useState2[1];
-  var _useState3 = useState(true),
-    _useState4 = _slicedToArray(_useState3, 2),
-    allDisabled = _useState4[0],
-    setAllDisabled = _useState4[1];
   var onClickItem = useCallback(function (onClickAction) {
     setPopoverOpen(false);
     onClickAction === null || onClickAction === void 0 ? void 0 : onClickAction();
@@ -39,8 +35,7 @@ export var CollapsedItemActions = function CollapsedItemActions(_ref) {
       var _action$available, _action$available2;
       var available = (_action$available = (_action$available2 = action.available) === null || _action$available2 === void 0 ? void 0 : _action$available2.call(action, item)) !== null && _action$available !== void 0 ? _action$available : true;
       if (!available) return controls;
-      var enabled = actionEnabled(action);
-      if (enabled) setAllDisabled(false);
+      var enabled = action.enabled == null || action.enabled(item);
       if (isCustomItemAction(action)) {
         var customAction = action;
         var actionControl = customAction.render(item, enabled);
@@ -71,7 +66,7 @@ export var CollapsedItemActions = function CollapsedItemActions(_ref) {
         controls.push(___EmotionJSX(EuiContextMenuItem, {
           key: index,
           className: "euiBasicTable__collapsedAction",
-          disabled: !enabled,
+          disabled: !enabled && !actionsDisabled,
           href: href,
           target: target,
           icon: icon,
@@ -89,17 +84,21 @@ export var CollapsedItemActions = function CollapsedItemActions(_ref) {
       }
       return controls;
     }, []);
-  }, [actions, actionEnabled, item, onClickItem]);
+  }, [actions, actionsDisabled, item, onClickItem]);
   var popoverButton = ___EmotionJSX(EuiI18n, {
-    token: "euiCollapsedItemActions.allActions",
-    default: "All actions"
-  }, function (allActions) {
+    tokens: ['euiCollapsedItemActions.allActions', 'euiCollapsedItemActions.allActionsDisabled'],
+    defaults: ['All actions', 'Individual item actions are disabled when rows are being selected.']
+  }, function (_ref2) {
+    var _ref3 = _slicedToArray(_ref2, 2),
+      allActions = _ref3[0],
+      allActionsDisabled = _ref3[1];
     return ___EmotionJSX(EuiButtonIcon, {
       className: className,
-      "aria-label": allActions,
+      "aria-label": actionsDisabled ? allActionsDisabled : allActions,
+      title: actionsDisabled ? allActionsDisabled : undefined,
       iconType: "boxesHorizontal",
       color: "text",
-      isDisabled: allDisabled,
+      isDisabled: actionsDisabled,
       onClick: function onClick() {
         return setPopoverOpen(function (isOpen) {
           return !isOpen;
@@ -108,7 +107,7 @@ export var CollapsedItemActions = function CollapsedItemActions(_ref) {
       "data-test-subj": "euiCollapsedItemActionsButton"
     });
   });
-  var withTooltip = !allDisabled && ___EmotionJSX(EuiI18n, {
+  var withTooltip = !actionsDisabled && ___EmotionJSX(EuiI18n, {
     token: "euiCollapsedItemActions.allActions",
     default: "All actions"
   }, function (allActions) {

package/optimize/es/components/basic_table/expanded_item_actions.js

@@ -16,7 +16,7 @@ export var ExpandedItemActions = function ExpandedItemActions(_ref) {
   var actions = _ref.actions,
     itemId = _ref.itemId,
     item = _ref.item,
-    actionEnabled = _ref.actionEnabled,
+    actionsDisabled = _ref.actionsDisabled,
     className = _ref.className;
   var moreThanThree = actions.length > 2;
   return ___EmotionJSX(React.Fragment, null, actions.reduce(function (tools, action, index) {
@@ -24,7 +24,7 @@ export var ExpandedItemActions = function ExpandedItemActions(_ref) {
     if (!available) {
       return tools;
     }
-    var enabled = actionEnabled(action);
+    var enabled = action.enabled == null || action.enabled(item);
     var key = "item_action_".concat(itemId, "_").concat(index);
     var classes = classNames(className, {
       expandedItemActions__completelyHide: moreThanThree && index < 2
@@ -36,7 +36,7 @@ export var ExpandedItemActions = function ExpandedItemActions(_ref) {
         className: classes,
         index: index,
         action: action,
-        enabled: enabled,
+        enabled: enabled && !actionsDisabled,
         item: item
       }));
     } else {
@@ -44,7 +44,7 @@ export var ExpandedItemActions = function ExpandedItemActions(_ref) {
         key: key,
         className: classes,
         action: action,
-        enabled: enabled,
+        enabled: enabled && !actionsDisabled,
         item: item
       }));
     }

package/optimize/es/components/datagrid/body/header/data_grid_header_cell.js

@@ -117,7 +117,8 @@ export var EuiDataGridHeaderCell = function EuiDataGridHeaderCell(_ref) {
       });
     },
     "aria-describedby": "".concat(sortingAriaId, " ").concat(actionsAriaId),
-    ref: actionsButtonRef
+    ref: actionsButtonRef,
+    "data-test-subj": "dataGridHeaderCellActionButton-".concat(id)
   }, cellContent, ___EmotionJSX(EuiPopover, _extends({
     display: "block",
     panelPaddingSize: "none",
@@ -139,8 +140,7 @@ export var EuiDataGridHeaderCell = function EuiDataGridHeaderCell(_ref) {
     }, ___EmotionJSX(EuiIcon, {
       type: "boxesVertical",
       size: "s",
-      color: "text",
-      "data-test-subj": "dataGridHeaderCellActionButton-".concat(id)
+      color: "text"
     })),
     isOpen: isPopoverOpen,
     closePopover: function closePopover() {

package/optimize/lib/components/basic_table/basic_table.js

@@ -807,19 +807,22 @@ var EuiBasicTable = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderItemActionsCell",
     value: function renderItemActionsCell(itemId, item, column, columnIndex) {
-      var _this7 = this;
-      var actionEnabled = function actionEnabled(action) {
-        return _this7.state.selection.length === 0 && (!action.enabled || action.enabled(item));
-      };
+      // Disable all actions if any row(s) are selected
+      var allDisabled = this.state.selection.length > 0;
       var actualActions = column.actions.filter(function (action) {
         return !action.available || action.available(item);
       });
       if (actualActions.length > 2) {
-        // if any of the actions `isPrimary`, add them inline as well, but only the first 2
-        var primaryActions = actualActions.filter(function (o) {
-          return o.isPrimary;
-        });
-        actualActions = primaryActions.slice(0, 2);
+        if (allDisabled) {
+          // If all actions are disabled, do not show any actions but the popover toggle
+          actualActions = [];
+        } else {
+          // if any of the actions `isPrimary`, add them inline as well, but only the first 2
+          var primaryActions = actualActions.filter(function (o) {
+            return o.isPrimary;
+          });
+          actualActions = primaryActions.slice(0, 2);
+        }
 
         // if we have more than 1 action, we don't show them all in the cell, instead we
         // put them all in a popover tool. This effectively means we can only have a maximum
@@ -832,18 +835,18 @@ var EuiBasicTable = /*#__PURE__*/function (_Component) {
           render: function render(item) {
             return (0, _react2.jsx)(_collapsed_item_actions.CollapsedItemActions, {
               actions: column.actions,
+              actionsDisabled: allDisabled,
               itemId: itemId,
-              item: item,
-              actionEnabled: actionEnabled
+              item: item
             });
           }
         });
       }
       var tools = (0, _react2.jsx)(_expanded_item_actions.ExpandedItemActions, {
         actions: actualActions,
+        actionsDisabled: allDisabled,
         itemId: itemId,
-        item: item,
-        actionEnabled: actionEnabled
+        item: item
       });
       var key = "record_actions_".concat(itemId, "_").concat(columnIndex);
       return (0, _react2.jsx)(_table.EuiTableRowCell, {
@@ -930,7 +933,7 @@ var EuiBasicTable = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderPaginationBar",
     value: function renderPaginationBar() {
-      var _this8 = this;
+      var _this7 = this;
       var _this$props11 = this.props,
         error = _this$props11.error,
         pagination = _this$props11.pagination,
@@ -949,9 +952,9 @@ var EuiBasicTable = /*#__PURE__*/function (_Component) {
         }, function (tablePagination) {
           return (0, _react2.jsx)(_pagination_bar.PaginationBar, {
             pagination: pagination,
-            onPageSizeChange: _this8.onPageSizeChange.bind(_this8),
-            onPageChange: _this8.onPageChange.bind(_this8),
-            "aria-controls": _this8.tableId,
+            onPageSizeChange: _this7.onPageSizeChange.bind(_this7),
+            onPageChange: _this7.onPageChange.bind(_this7),
+            "aria-controls": _this7.tableId,
             "aria-label": tablePagination
           });
         });

package/optimize/lib/components/basic_table/collapsed_item_actions.js

@@ -30,16 +30,12 @@ var CollapsedItemActions = function CollapsedItemActions(_ref) {
   var actions = _ref.actions,
     itemId = _ref.itemId,
     item = _ref.item,
-    actionEnabled = _ref.actionEnabled,
+    actionsDisabled = _ref.actionsDisabled,
     className = _ref.className;
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     popoverOpen = _useState2[0],
     setPopoverOpen = _useState2[1];
-  var _useState3 = (0, _react.useState)(true),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    allDisabled = _useState4[0],
-    setAllDisabled = _useState4[1];
   var onClickItem = (0, _react.useCallback)(function (onClickAction) {
     setPopoverOpen(false);
     onClickAction === null || onClickAction === void 0 ? void 0 : onClickAction();
@@ -49,8 +45,7 @@ var CollapsedItemActions = function CollapsedItemActions(_ref) {
       var _action$available, _action$available2;
       var available = (_action$available = (_action$available2 = action.available) === null || _action$available2 === void 0 ? void 0 : _action$available2.call(action, item)) !== null && _action$available !== void 0 ? _action$available : true;
       if (!available) return controls;
-      var enabled = actionEnabled(action);
-      if (enabled) setAllDisabled(false);
+      var enabled = action.enabled == null || action.enabled(item);
       if ((0, _action_types.isCustomItemAction)(action)) {
         var customAction = action;
         var actionControl = customAction.render(item, enabled);
@@ -81,7 +76,7 @@ var CollapsedItemActions = function CollapsedItemActions(_ref) {
         controls.push((0, _react2.jsx)(_context_menu.EuiContextMenuItem, {
           key: index,
           className: "euiBasicTable__collapsedAction",
-          disabled: !enabled,
+          disabled: !enabled && !actionsDisabled,
           href: href,
           target: target,
           icon: icon,
@@ -99,17 +94,21 @@ var CollapsedItemActions = function CollapsedItemActions(_ref) {
       }
       return controls;
     }, []);
-  }, [actions, actionEnabled, item, onClickItem]);
+  }, [actions, actionsDisabled, item, onClickItem]);
   var popoverButton = (0, _react2.jsx)(_i18n.EuiI18n, {
-    token: "euiCollapsedItemActions.allActions",
-    default: "All actions"
-  }, function (allActions) {
+    tokens: ['euiCollapsedItemActions.allActions', 'euiCollapsedItemActions.allActionsDisabled'],
+    defaults: ['All actions', 'Individual item actions are disabled when rows are being selected.']
+  }, function (_ref2) {
+    var _ref3 = (0, _slicedToArray2.default)(_ref2, 2),
+      allActions = _ref3[0],
+      allActionsDisabled = _ref3[1];
     return (0, _react2.jsx)(_button.EuiButtonIcon, {
       className: className,
-      "aria-label": allActions,
+      "aria-label": actionsDisabled ? allActionsDisabled : allActions,
+      title: actionsDisabled ? allActionsDisabled : undefined,
       iconType: "boxesHorizontal",
       color: "text",
-      isDisabled: allDisabled,
+      isDisabled: actionsDisabled,
       onClick: function onClick() {
         return setPopoverOpen(function (isOpen) {
           return !isOpen;
@@ -118,7 +117,7 @@ var CollapsedItemActions = function CollapsedItemActions(_ref) {
       "data-test-subj": "euiCollapsedItemActionsButton"
     });
   });
-  var withTooltip = !allDisabled && (0, _react2.jsx)(_i18n.EuiI18n, {
+  var withTooltip = !actionsDisabled && (0, _react2.jsx)(_i18n.EuiI18n, {
     token: "euiCollapsedItemActions.allActions",
     default: "All actions"
   }, function (allActions) {

package/optimize/lib/components/basic_table/expanded_item_actions.js

@@ -23,7 +23,7 @@ var ExpandedItemActions = function ExpandedItemActions(_ref) {
   var actions = _ref.actions,
     itemId = _ref.itemId,
     item = _ref.item,
-    actionEnabled = _ref.actionEnabled,
+    actionsDisabled = _ref.actionsDisabled,
     className = _ref.className;
   var moreThanThree = actions.length > 2;
   return (0, _react2.jsx)(_react.default.Fragment, null, actions.reduce(function (tools, action, index) {
@@ -31,7 +31,7 @@ var ExpandedItemActions = function ExpandedItemActions(_ref) {
     if (!available) {
       return tools;
     }
-    var enabled = actionEnabled(action);
+    var enabled = action.enabled == null || action.enabled(item);
     var key = "item_action_".concat(itemId, "_").concat(index);
     var classes = (0, _classnames.default)(className, {
       expandedItemActions__completelyHide: moreThanThree && index < 2
@@ -43,7 +43,7 @@ var ExpandedItemActions = function ExpandedItemActions(_ref) {
         className: classes,
         index: index,
         action: action,
-        enabled: enabled,
+        enabled: enabled && !actionsDisabled,
         item: item
       }));
     } else {
@@ -51,7 +51,7 @@ var ExpandedItemActions = function ExpandedItemActions(_ref) {
         key: key,
         className: classes,
         action: action,
-        enabled: enabled,
+        enabled: enabled && !actionsDisabled,
         item: item
       }));
     }

package/optimize/lib/components/datagrid/body/header/data_grid_header_cell.js

@@ -125,7 +125,8 @@ var EuiDataGridHeaderCell = function EuiDataGridHeaderCell(_ref) {
       });
     },
     "aria-describedby": "".concat(sortingAriaId, " ").concat(actionsAriaId),
-    ref: actionsButtonRef
+    ref: actionsButtonRef,
+    "data-test-subj": "dataGridHeaderCellActionButton-".concat(id)
   }, cellContent, (0, _react2.jsx)(_popover.EuiPopover, (0, _extends2.default)({
     display: "block",
     panelPaddingSize: "none",
@@ -147,8 +148,7 @@ var EuiDataGridHeaderCell = function EuiDataGridHeaderCell(_ref) {
     }, (0, _react2.jsx)(_icon.EuiIcon, {
       type: "boxesVertical",
       size: "s",
-      color: "text",
-      "data-test-subj": "dataGridHeaderCellActionButton-".concat(id)
+      color: "text"
     })),
     isOpen: isPopoverOpen,
     closePopover: function closePopover() {

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@elastic/eui",
   "description": "Elastic UI Component Library",
-  "version": "91.3.0",
+  "version": "91.3.1",
   "license": "SEE LICENSE IN LICENSE.txt",
   "main": "lib",
   "module": "es",
   "types": "eui.d.ts",
-  "docker_image": "20.9.0",
+  "docker_image": "20.10.0",
   "engines": {
     "node": "16.x || 18.x || >=20.x"
   },
@@ -16,8 +16,6 @@
   ],
   "scripts": {
     "start": "cross-env BABEL_MODULES=false webpack serve --config=src-docs/webpack.config.js",
-    "test-docker": "node ./scripts/test-docker.js",
-    "test-a11y-docker": "node ./scripts/test-a11y-docker.js",
     "build-docs": "cross-env BABEL_MODULES=false cross-env NODE_ENV=production NODE_OPTIONS=--max-old-space-size=4096 webpack --config=src-docs/webpack.config.js",
     "build": "yarn extract-i18n-strings && node ./scripts/compile-clean.js && node ./scripts/compile-eui.js && yarn compile-scss",
     "build-pack": "yarn build && npm pack",

package/test-env/components/basic_table/basic_table.js

@@ -808,19 +808,22 @@ var EuiBasicTable = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderItemActionsCell",
     value: function renderItemActionsCell(itemId, item, column, columnIndex) {
-      var _this7 = this;
-      var actionEnabled = function actionEnabled(action) {
-        return _this7.state.selection.length === 0 && (!action.enabled || action.enabled(item));
-      };
+      // Disable all actions if any row(s) are selected
+      var allDisabled = this.state.selection.length > 0;
       var actualActions = column.actions.filter(function (action) {
         return !action.available || action.available(item);
       });
       if (actualActions.length > 2) {
-        // if any of the actions `isPrimary`, add them inline as well, but only the first 2
-        var primaryActions = actualActions.filter(function (o) {
-          return o.isPrimary;
-        });
-        actualActions = primaryActions.slice(0, 2);
+        if (allDisabled) {
+          // If all actions are disabled, do not show any actions but the popover toggle
+          actualActions = [];
+        } else {
+          // if any of the actions `isPrimary`, add them inline as well, but only the first 2
+          var primaryActions = actualActions.filter(function (o) {
+            return o.isPrimary;
+          });
+          actualActions = primaryActions.slice(0, 2);
+        }
 
         // if we have more than 1 action, we don't show them all in the cell, instead we
         // put them all in a popover tool. This effectively means we can only have a maximum
@@ -833,18 +836,18 @@ var EuiBasicTable = /*#__PURE__*/function (_Component) {
           render: function render(item) {
             return (0, _react2.jsx)(_collapsed_item_actions.CollapsedItemActions, {
               actions: column.actions,
+              actionsDisabled: allDisabled,
               itemId: itemId,
-              item: item,
-              actionEnabled: actionEnabled
+              item: item
             });
           }
         });
       }
       var tools = (0, _react2.jsx)(_expanded_item_actions.ExpandedItemActions, {
         actions: actualActions,
+        actionsDisabled: allDisabled,
         itemId: itemId,
-        item: item,
-        actionEnabled: actionEnabled
+        item: item
       });
       var key = "record_actions_".concat(itemId, "_").concat(columnIndex);
       return (0, _react2.jsx)(_table.EuiTableRowCell, {
@@ -931,7 +934,7 @@ var EuiBasicTable = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderPaginationBar",
     value: function renderPaginationBar() {
-      var _this8 = this;
+      var _this7 = this;
       var _this$props11 = this.props,
         error = _this$props11.error,
         pagination = _this$props11.pagination,
@@ -950,9 +953,9 @@ var EuiBasicTable = /*#__PURE__*/function (_Component) {
         }, function (tablePagination) {
           return (0, _react2.jsx)(_pagination_bar.PaginationBar, {
             pagination: pagination,
-            onPageSizeChange: _this8.onPageSizeChange.bind(_this8),
-            onPageChange: _this8.onPageChange.bind(_this8),
-            "aria-controls": _this8.tableId,
+            onPageSizeChange: _this7.onPageSizeChange.bind(_this7),
+            onPageChange: _this7.onPageChange.bind(_this7),
+            "aria-controls": _this7.tableId,
             "aria-label": tablePagination
           });
         });

package/test-env/components/basic_table/collapsed_item_actions.js

@@ -30,16 +30,12 @@ var CollapsedItemActions = function CollapsedItemActions(_ref) {
   var actions = _ref.actions,
     itemId = _ref.itemId,
     item = _ref.item,
-    actionEnabled = _ref.actionEnabled,
+    actionsDisabled = _ref.actionsDisabled,
     className = _ref.className;
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     popoverOpen = _useState2[0],
     setPopoverOpen = _useState2[1];
-  var _useState3 = (0, _react.useState)(true),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    allDisabled = _useState4[0],
-    setAllDisabled = _useState4[1];
   var onClickItem = (0, _react.useCallback)(function (onClickAction) {
     setPopoverOpen(false);
     onClickAction === null || onClickAction === void 0 ? void 0 : onClickAction();
@@ -49,8 +45,7 @@ var CollapsedItemActions = function CollapsedItemActions(_ref) {
       var _action$available, _action$available2;
       var available = (_action$available = (_action$available2 = action.available) === null || _action$available2 === void 0 ? void 0 : _action$available2.call(action, item)) !== null && _action$available !== void 0 ? _action$available : true;
       if (!available) return controls;
-      var enabled = actionEnabled(action);
-      if (enabled) setAllDisabled(false);
+      var enabled = action.enabled == null || action.enabled(item);
       if ((0, _action_types.isCustomItemAction)(action)) {
         var customAction = action;
         var actionControl = customAction.render(item, enabled);
@@ -81,7 +76,7 @@ var CollapsedItemActions = function CollapsedItemActions(_ref) {
         controls.push((0, _react2.jsx)(_context_menu.EuiContextMenuItem, {
           key: index,
           className: "euiBasicTable__collapsedAction",
-          disabled: !enabled,
+          disabled: !enabled && !actionsDisabled,
           href: href,
           target: target,
           icon: icon,
@@ -99,17 +94,21 @@ var CollapsedItemActions = function CollapsedItemActions(_ref) {
       }
       return controls;
     }, []);
-  }, [actions, actionEnabled, item, onClickItem]);
+  }, [actions, actionsDisabled, item, onClickItem]);
   var popoverButton = (0, _react2.jsx)(_i18n.EuiI18n, {
-    token: "euiCollapsedItemActions.allActions",
-    default: "All actions"
-  }, function (allActions) {
+    tokens: ['euiCollapsedItemActions.allActions', 'euiCollapsedItemActions.allActionsDisabled'],
+    defaults: ['All actions', 'Individual item actions are disabled when rows are being selected.']
+  }, function (_ref2) {
+    var _ref3 = (0, _slicedToArray2.default)(_ref2, 2),
+      allActions = _ref3[0],
+      allActionsDisabled = _ref3[1];
     return (0, _react2.jsx)(_button.EuiButtonIcon, {
       className: className,
-      "aria-label": allActions,
+      "aria-label": actionsDisabled ? allActionsDisabled : allActions,
+      title: actionsDisabled ? allActionsDisabled : undefined,
       iconType: "boxesHorizontal",
       color: "text",
-      isDisabled: allDisabled,
+      isDisabled: actionsDisabled,
       onClick: function onClick() {
         return setPopoverOpen(function (isOpen) {
           return !isOpen;
@@ -118,7 +117,7 @@ var CollapsedItemActions = function CollapsedItemActions(_ref) {
       "data-test-subj": "euiCollapsedItemActionsButton"
     });
   });
-  var withTooltip = !allDisabled && (0, _react2.jsx)(_i18n.EuiI18n, {
+  var withTooltip = !actionsDisabled && (0, _react2.jsx)(_i18n.EuiI18n, {
     token: "euiCollapsedItemActions.allActions",
     default: "All actions"
   }, function (allActions) {

package/test-env/components/basic_table/expanded_item_actions.js

@@ -23,7 +23,7 @@ var ExpandedItemActions = function ExpandedItemActions(_ref) {
   var actions = _ref.actions,
     itemId = _ref.itemId,
     item = _ref.item,
-    actionEnabled = _ref.actionEnabled,
+    actionsDisabled = _ref.actionsDisabled,
     className = _ref.className;
   var moreThanThree = actions.length > 2;
   return (0, _react2.jsx)(_react.default.Fragment, null, actions.reduce(function (tools, action, index) {
@@ -31,7 +31,7 @@ var ExpandedItemActions = function ExpandedItemActions(_ref) {
     if (!available) {
       return tools;
     }
-    var enabled = actionEnabled(action);
+    var enabled = action.enabled == null || action.enabled(item);
     var key = "item_action_".concat(itemId, "_").concat(index);
     var classes = (0, _classnames.default)(className, {
       expandedItemActions__completelyHide: moreThanThree && index < 2
@@ -43,7 +43,7 @@ var ExpandedItemActions = function ExpandedItemActions(_ref) {
         className: classes,
         index: index,
         action: action,
-        enabled: enabled,
+        enabled: enabled && !actionsDisabled,
         item: item
       }));
     } else {
@@ -51,7 +51,7 @@ var ExpandedItemActions = function ExpandedItemActions(_ref) {
         key: key,
         className: classes,
         action: action,
-        enabled: enabled,
+        enabled: enabled && !actionsDisabled,
         item: item
       }));
     }