chore: shouldHideMenuItem works with less than 3 row actions (#2967)

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
carbon-design-system · May 9, 2023 · 2745913 · 2745913
1 parent 7b07c65
commit 2745913
Showing 1 changed file with 14 additions and 1 deletion.
diff --git a/packages/cloud-cognitive/src/components/Datagrid/useActionsColumn.js b/packages/cloud-cognitive/src/components/Datagrid/useActionsColumn.js
@@ -44,7 +44,20 @@ const useActionsColumn = (hooks) => {
                       style={{ display: 'flex' }}
                     >
                       {rowActions.map((action, index) => {
-                        const { id, itemText, onClick, icon, ...rest } = action;
+                        const {
+                          id,
+                          itemText,
+                          onClick,
+                          icon,
+                          shouldHideMenuItem,
+                          ...rest
+                        } = action;
+                        const hidden =
+                          typeof shouldHideMenuItem === 'function' &&
+                          shouldHideMenuItem(row);
+                        if (hidden) {
+                          return null;
+                        }
                         const selectedRowId = selectedFlatRows?.filter((item) =>
                           item.id === row.id ? item.id : null
                         );