From 04107da7369fca772062d5d0b50695ea09459436 Mon Sep 17 00:00:00 2001
From: Tomi Virkki <tomivirkki@users.noreply.github.com>
Date: Thu, 23 May 2024 17:28:06 +0300
Subject: [PATCH] feat: add slot for empty state content (#7429)

---
 .../grid/src/vaadin-grid-active-item-mixin.js |   2 +-
 .../vaadin-grid-keyboard-navigation-mixin.js  |   6 +-
 packages/grid/src/vaadin-grid-mixin.js        |  23 ++++
 packages/grid/src/vaadin-grid-styles.js       |  26 ++++
 packages/grid/src/vaadin-grid.d.ts            |   1 +
 packages/grid/src/vaadin-grid.js              |   9 ++
 packages/grid/src/vaadin-lit-grid.js          |   8 ++
 packages/grid/test/accessibility.common.js    |  10 +-
 packages/grid/test/basic.common.js            | 125 +++++++++++++++++-
 .../test/dom/__snapshots__/grid.test.snap.js  |  75 +++++++++++
 packages/grid/test/frozen-columns.common.js   |   2 +-
 packages/grid/test/helpers.js                 |   2 +-
 .../grid/test/keyboard-navigation.common.js   |  97 +++++++++++++-
 packages/grid/test/visual/grid.common.js      |  29 ++++
 packages/grid/test/visual/lumo/grid.test.js   |  13 ++
 .../grid/baseline/empty-state-compact.png     | Bin 0 -> 5830 bytes
 .../screenshots/grid/baseline/empty-state.png | Bin 0 -> 15337 bytes
 .../screenshots/grid/baseline/empty-state.png | Bin 0 -> 15561 bytes
 .../grid/theme/lumo/vaadin-grid-styles.js     |  10 ++
 .../grid/theme/material/vaadin-grid-styles.js |   6 +
 20 files changed, 433 insertions(+), 11 deletions(-)
 create mode 100644 packages/grid/test/visual/lumo/screenshots/grid/baseline/empty-state-compact.png
 create mode 100644 packages/grid/test/visual/lumo/screenshots/grid/baseline/empty-state.png
 create mode 100644 packages/grid/test/visual/material/screenshots/grid/baseline/empty-state.png

diff --git a/packages/grid/src/vaadin-grid-active-item-mixin.js b/packages/grid/src/vaadin-grid-active-item-mixin.js
index 607f35b166..2145b4ab7c 100644
--- a/packages/grid/src/vaadin-grid-active-item-mixin.js
+++ b/packages/grid/src/vaadin-grid-active-item-mixin.js
@@ -83,7 +83,7 @@ export const ActiveItemMixin = (superClass) =>
 
       const path = e.composedPath();
       const cell = path[path.indexOf(this.$.table) - 3];
-      if (!cell || cell.getAttribute('part').indexOf('details-cell') > -1) {
+      if (!cell || cell.getAttribute('part').indexOf('details-cell') > -1 || cell === this.$.emptystatecell) {
         return;
       }
       const cellContent = cell._content;
diff --git a/packages/grid/src/vaadin-grid-keyboard-navigation-mixin.js b/packages/grid/src/vaadin-grid-keyboard-navigation-mixin.js
index 101f84d051..3a3402df47 100644
--- a/packages/grid/src/vaadin-grid-keyboard-navigation-mixin.js
+++ b/packages/grid/src/vaadin-grid-keyboard-navigation-mixin.js
@@ -675,7 +675,7 @@ export const KeyboardNavigationMixin = (superClass) =>
       const tabOrder = [
         this.$.table,
         this._headerFocusable,
-        this._itemsFocusable,
+        this.__emptyState ? this.$.emptystatecell : this._itemsFocusable,
         this._footerFocusable,
         this.$.focusexit,
       ];
@@ -860,7 +860,7 @@ export const KeyboardNavigationMixin = (superClass) =>
         if (cell) {
           const context = this.getEventContext(e);
           this.__pendingBodyCellFocus = this.loading && context.section === 'body';
-          if (!this.__pendingBodyCellFocus) {
+          if (!this.__pendingBodyCellFocus && cell !== this.$.emptystatecell) {
             // Fire a cell-focus event for the cell
             cell.dispatchEvent(new CustomEvent('cell-focus', { bubbles: true, composed: true, detail: { context } }));
           }
@@ -907,7 +907,7 @@ export const KeyboardNavigationMixin = (superClass) =>
      * @private
      */
     _detectInteracting(e) {
-      const isInteracting = e.composedPath().some((el) => el.localName === 'vaadin-grid-cell-content');
+      const isInteracting = e.composedPath().some((el) => el.localName === 'slot' && this.shadowRoot.contains(el));
       this._setInteracting(isInteracting);
       this.__updateHorizontalScrollPosition();
     }
diff --git a/packages/grid/src/vaadin-grid-mixin.js b/packages/grid/src/vaadin-grid-mixin.js
index 85d4df21fb..1535a1fe39 100644
--- a/packages/grid/src/vaadin-grid-mixin.js
+++ b/packages/grid/src/vaadin-grid-mixin.js
@@ -9,6 +9,7 @@ import { animationFrame, microTask } from '@vaadin/component-base/src/async.js';
 import { isAndroid, isChrome, isFirefox, isIOS, isSafari, isTouch } from '@vaadin/component-base/src/browser-utils.js';
 import { Debouncer } from '@vaadin/component-base/src/debounce.js';
 import { getClosestElement } from '@vaadin/component-base/src/dom-utils.js';
+import { SlotObserver } from '@vaadin/component-base/src/slot-observer.js';
 import { processTemplates } from '@vaadin/component-base/src/templates.js';
 import { TooltipController } from '@vaadin/component-base/src/tooltip-controller.js';
 import { Virtualizer } from '@vaadin/component-base/src/virtualizer.js';
@@ -156,6 +157,18 @@ export const GridMixin = (superClass) =>
           type: Boolean,
           value: true,
         },
+
+        /** @private */
+        __hasEmptyStateContent: {
+          type: Boolean,
+          value: false,
+        },
+
+        /** @private */
+        __emptyState: {
+          type: Boolean,
+          computed: '__computeEmptyState(_flatSize, __hasEmptyStateContent)',
+        },
       };
     }
 
@@ -261,6 +274,11 @@ export const GridMixin = (superClass) =>
       this._tooltipController = new TooltipController(this);
       this.addController(this._tooltipController);
       this._tooltipController.setManual(true);
+
+      this.__emptyStateContentObserver = new SlotObserver(this.$.emptystateslot, ({ currentNodes }) => {
+        this.$.emptystatecell._content = currentNodes[0];
+        this.__hasEmptyStateContent = !!this.$.emptystatecell._content;
+      });
     }
 
     /** @private */
@@ -864,6 +882,11 @@ export const GridMixin = (superClass) =>
       });
     }
 
+    /** @private */
+    __computeEmptyState(flatSize, hasEmptyStateContent) {
+      return flatSize === 0 && hasEmptyStateContent;
+    }
+
     /**
      * @param {!Array<!GridColumn>} columnTree
      * @protected
diff --git a/packages/grid/src/vaadin-grid-styles.js b/packages/grid/src/vaadin-grid-styles.js
index 419491ceab..a23ad3a9eb 100644
--- a/packages/grid/src/vaadin-grid-styles.js
+++ b/packages/grid/src/vaadin-grid-styles.js
@@ -189,6 +189,32 @@ export const gridStyles = css`
     overflow: hidden;
   }
 
+  /* Empty state */
+
+  #scroller:not([empty-state]) #emptystatebody,
+  #scroller[empty-state] #items {
+    display: none;
+  }
+
+  #emptystatebody {
+    display: flex;
+    position: sticky;
+    inset: 0;
+    flex: 1;
+    overflow: hidden;
+  }
+
+  #emptystaterow {
+    display: flex;
+    flex: 1;
+  }
+
+  #emptystatecell {
+    display: block;
+    flex: 1;
+    overflow: auto;
+  }
+
   /* Reordering styles */
   :host([reordering]) [part~='cell'] ::slotted(vaadin-grid-cell-content),
   :host([reordering]) [part~='resize-handle'],
diff --git a/packages/grid/src/vaadin-grid.d.ts b/packages/grid/src/vaadin-grid.d.ts
index 084efbddd4..058306e0e3 100644
--- a/packages/grid/src/vaadin-grid.d.ts
+++ b/packages/grid/src/vaadin-grid.d.ts
@@ -205,6 +205,7 @@ export type GridDefaultItem = any;
  * `reorder-allowed-cell`     | Cell in a column where another column can be reordered
  * `reorder-dragging-cell`    | Cell in a column currently being reordered
  * `resize-handle`            | Handle for resizing the columns
+ * `empty-state`              | The container for the content to be displayed when there are no body rows to show
  * `reorder-ghost`            | Ghost element of the header cell being dragged
  *
  * The following state attributes are available for styling:
diff --git a/packages/grid/src/vaadin-grid.js b/packages/grid/src/vaadin-grid.js
index 6b23311e1b..00442bb8f0 100644
--- a/packages/grid/src/vaadin-grid.js
+++ b/packages/grid/src/vaadin-grid.js
@@ -205,6 +205,7 @@ registerStyles('vaadin-grid', gridStyles, { moduleId: 'vaadin-grid-styles' });
  * `reorder-allowed-cell`     | Cell in a column where another column can be reordered
  * `reorder-dragging-cell`    | Cell in a column currently being reordered
  * `resize-handle`            | Handle for resizing the columns
+ * `empty-state`              | The container for the content to be displayed when there are no body rows to show
  * `reorder-ghost`            | Ghost element of the header cell being dragged
  *
  * The following state attributes are available for styling:
@@ -268,11 +269,19 @@ class Grid extends GridMixin(ElementMixin(ThemableMixin(ControllerMixin(PolymerE
         ios$="[[_ios]]"
         loading$="[[loading]]"
         column-reordering-allowed$="[[columnReorderingAllowed]]"
+        empty-state$="[[__emptyState]]"
       >
         <table id="table" role="treegrid" aria-multiselectable="true" tabindex="0">
           <caption id="sizer" part="row"></caption>
           <thead id="header" role="rowgroup"></thead>
           <tbody id="items" role="rowgroup"></tbody>
+          <tbody id="emptystatebody">
+            <tr id="emptystaterow">
+              <td part="empty-state" id="emptystatecell" tabindex="0">
+                <slot name="empty-state" id="emptystateslot"></slot>
+              </td>
+            </tr>
+          </tbody>
           <tfoot id="footer" role="rowgroup"></tfoot>
         </table>
 
diff --git a/packages/grid/src/vaadin-lit-grid.js b/packages/grid/src/vaadin-lit-grid.js
index a19746ff8b..8ea129a989 100644
--- a/packages/grid/src/vaadin-lit-grid.js
+++ b/packages/grid/src/vaadin-lit-grid.js
@@ -40,11 +40,19 @@ class Grid extends GridMixin(ElementMixin(ThemableMixin(PolylitMixin(LitElement)
         ios="${isIOS}"
         ?loading="${this.loading}"
         column-reordering-allowed="${this.columnReorderingAllowed}"
+        ?empty-state="${this.__emptyState}"
       >
         <table id="table" role="treegrid" aria-multiselectable="true" tabindex="0">
           <caption id="sizer" part="row"></caption>
           <thead id="header" role="rowgroup"></thead>
           <tbody id="items" role="rowgroup"></tbody>
+          <tbody id="emptystatebody">
+            <tr id="emptystaterow">
+              <td part="empty-state" id="emptystatecell" tabindex="0">
+                <slot name="empty-state" id="emptystateslot"></slot>
+              </td>
+            </tr>
+          </tbody>
           <tfoot id="footer" role="rowgroup"></tfoot>
         </table>
 
diff --git a/packages/grid/test/accessibility.common.js b/packages/grid/test/accessibility.common.js
index b16dd7a79b..4e00b3e6b2 100644
--- a/packages/grid/test/accessibility.common.js
+++ b/packages/grid/test/accessibility.common.js
@@ -269,7 +269,9 @@ describe('accessibility', () => {
       col.path = 'value';
       flushGrid(grid);
 
-      const rowCount = Array.from(grid.$.table.querySelectorAll('tr')).filter((tr) => !tr.hidden).length;
+      const rowCount = Array.from(grid.$.table.querySelectorAll('tr:not(#emptystaterow)')).filter(
+        (tr) => !tr.hidden,
+      ).length;
       expect(grid.$.table.getAttribute('aria-rowcount')).to.equal(String(rowCount));
       expect(grid.$.table.getAttribute('aria-rowcount')).to.equal('3');
     });
@@ -279,7 +281,9 @@ describe('accessibility', () => {
       col.header = null;
       flushGrid(grid);
 
-      const rowCount = Array.from(grid.$.table.querySelectorAll('tr')).filter((tr) => !tr.hidden).length;
+      const rowCount = Array.from(grid.$.table.querySelectorAll('tr:not(#emptystaterow)')).filter(
+        (tr) => !tr.hidden,
+      ).length;
       expect(grid.$.table.getAttribute('aria-rowcount')).to.equal(String(rowCount));
       expect(grid.$.table.getAttribute('aria-rowcount')).to.equal('2');
     });
@@ -323,7 +327,7 @@ describe('accessibility', () => {
       }
 
       it('should have aria-rowindex on rows', () => {
-        Array.from(grid.$.table.querySelectorAll('tr')).forEach((row, index) => {
+        Array.from(grid.$.table.querySelectorAll('tr:not(#emptystaterow)')).forEach((row, index) => {
           expect(row.getAttribute('aria-rowindex')).to.equal((index + 1).toString());
         });
       });
diff --git a/packages/grid/test/basic.common.js b/packages/grid/test/basic.common.js
index 06dcb29969..bae8ceccb1 100644
--- a/packages/grid/test/basic.common.js
+++ b/packages/grid/test/basic.common.js
@@ -50,7 +50,7 @@ describe('basic features', () => {
   it('check visible item count', () => {
     grid.size = 10;
     flushGrid(grid);
-    expect(grid.shadowRoot.querySelectorAll('tbody tr:not([hidden])').length).to.eql(10);
+    expect(grid.shadowRoot.querySelectorAll('tbody tr:not([hidden]):not(#emptystaterow)').length).to.eql(10);
   });
 
   it('first visible item', () => {
@@ -363,3 +363,126 @@ describe('flex child', () => {
     });
   });
 });
+
+describe('empty state', () => {
+  let grid;
+
+  function getEmptyState() {
+    return grid.querySelector('[slot="empty-state"]');
+  }
+
+  function emptyStateVisible() {
+    return getEmptyState()?.offsetHeight > 0;
+  }
+
+  function itemsBodyVisible() {
+    return grid.$.items.offsetHeight > 0;
+  }
+
+  beforeEach(async () => {
+    grid = fixtureSync(`
+      <vaadin-grid>
+        <vaadin-grid-column path="name"></vaadin-grid-column>
+        <div slot="empty-state">
+          No items
+        </div>
+      </vaadin-grid>
+    `);
+
+    grid.querySelector('vaadin-grid-column').footerRenderer = (root) => {
+      root.textContent = 'Footer';
+    };
+    await nextFrame();
+  });
+
+  it('should show empty state', () => {
+    expect(emptyStateVisible()).to.be.true;
+    expect(itemsBodyVisible()).to.be.false;
+  });
+
+  it('should not show empty state when grid has items', async () => {
+    grid.items = [{ name: 'foo' }];
+    await nextFrame();
+    expect(emptyStateVisible()).to.be.false;
+    expect(itemsBodyVisible()).to.be.true;
+  });
+
+  it('should not show empty state when empty state content is not defined', async () => {
+    grid.removeChild(getEmptyState());
+    await nextFrame();
+    expect(emptyStateVisible()).to.be.false;
+    expect(itemsBodyVisible()).to.be.true;
+  });
+
+  it('should not throw on empty state click', () => {
+    expect(() => getEmptyState().click()).not.to.throw();
+  });
+
+  it('should not dispatch cell-activate on empty state click', () => {
+    const spy = sinon.spy();
+    grid.addEventListener('cell-activate', spy);
+    getEmptyState().click();
+    expect(spy.called).to.be.false;
+  });
+
+  describe('bounds', () => {
+    let gridRect, emptyStateCellRect, headerRect, footerRect;
+
+    beforeEach(() => {
+      gridRect = grid.getBoundingClientRect();
+      emptyStateCellRect = grid.$.emptystatecell.getBoundingClientRect();
+      headerRect = grid.$.header.getBoundingClientRect();
+      footerRect = grid.$.footer.getBoundingClientRect();
+    });
+
+    it('should cover the viewport', () => {
+      expect(emptyStateCellRect.top).to.be.closeTo(headerRect.bottom, 1);
+      expect(emptyStateCellRect.bottom).to.be.closeTo(footerRect.top, 1);
+      expect(emptyStateCellRect.left).to.be.closeTo(gridRect.left, 1);
+      expect(emptyStateCellRect.right).to.be.closeTo(gridRect.right, 1);
+    });
+
+    it('should push footer to the bottom of the viewport', () => {
+      expect(footerRect.bottom).to.be.closeTo(gridRect.bottom, 1);
+    });
+
+    it('should not scroll horizontally with the columns', () => {
+      grid.append(
+        ...Array.from({ length: 10 }, () => fixtureSync('<vaadin-grid-column path="name"></vaadin-grid-column>')),
+      );
+      flushGrid(grid);
+
+      grid.$.table.scrollLeft = grid.$.table.scrollWidth;
+      emptyStateCellRect = grid.$.emptystatecell.getBoundingClientRect();
+      expect(emptyStateCellRect.left).to.be.closeTo(gridRect.left, 1);
+      expect(emptyStateCellRect.right).to.be.closeTo(gridRect.right, 1);
+    });
+
+    it('should not scroll verticaly with the columns', () => {
+      getEmptyState().innerHTML = Array.from({ length: 10 }, () => '<h2>Lorem ipsum dolor sit amet</h2>').join('');
+      flushGrid(grid);
+
+      grid.$.emptystatecell.scrollTop = grid.$.emptystatecell.scrollHeight;
+      expect(grid.$.emptystatecell.scrollTop).to.be.greaterThan(0);
+      emptyStateCellRect = grid.$.emptystatecell.getBoundingClientRect();
+      expect(emptyStateCellRect.top).to.be.closeTo(headerRect.bottom, 1);
+      expect(emptyStateCellRect.bottom).to.be.closeTo(footerRect.top, 1);
+    });
+
+    it('should not overflow on all-rows-visible', () => {
+      grid.allRowsVisible = true;
+      grid.style.width = '200px';
+      getEmptyState().innerHTML = Array.from({ length: 10 }, () => '<h2>Lorem ipsum dolor sit amet</h2>').join('');
+      flushGrid(grid);
+
+      const emptyStateRect = getEmptyState().getBoundingClientRect();
+      gridRect = grid.getBoundingClientRect();
+      headerRect = grid.$.header.getBoundingClientRect();
+      footerRect = grid.$.footer.getBoundingClientRect();
+      expect(emptyStateRect.top).to.be.greaterThan(headerRect.bottom);
+      expect(emptyStateRect.bottom).to.be.lessThan(footerRect.top);
+      expect(emptyStateRect.left).to.be.greaterThan(gridRect.left);
+      expect(emptyStateRect.right).to.be.lessThan(gridRect.right);
+    });
+  });
+});
diff --git a/packages/grid/test/dom/__snapshots__/grid.test.snap.js b/packages/grid/test/dom/__snapshots__/grid.test.snap.js
index 745425f8a4..13ea28d52f 100644
--- a/packages/grid/test/dom/__snapshots__/grid.test.snap.js
+++ b/packages/grid/test/dom/__snapshots__/grid.test.snap.js
@@ -196,6 +196,21 @@ snapshots["vaadin-grid shadow default"] =
         </td>
       </tr>
     </tbody>
+    <tbody id="emptystatebody">
+      <tr id="emptystaterow">
+        <td
+          id="emptystatecell"
+          part="empty-state"
+          tabindex="0"
+        >
+          <slot
+            id="emptystateslot"
+            name="empty-state"
+          >
+          </slot>
+        </td>
+      </tr>
+    </tbody>
     <tfoot
       id="footer"
       role="rowgroup"
@@ -406,6 +421,21 @@ snapshots["vaadin-grid shadow selected"] =
         </td>
       </tr>
     </tbody>
+    <tbody id="emptystatebody">
+      <tr id="emptystaterow">
+        <td
+          id="emptystatecell"
+          part="empty-state"
+          tabindex="0"
+        >
+          <slot
+            id="emptystateslot"
+            name="empty-state"
+          >
+          </slot>
+        </td>
+      </tr>
+    </tbody>
     <tfoot
       id="footer"
       role="rowgroup"
@@ -615,6 +645,21 @@ snapshots["vaadin-grid shadow details opened"] =
         </td>
       </tr>
     </tbody>
+    <tbody id="emptystatebody">
+      <tr id="emptystaterow">
+        <td
+          id="emptystatecell"
+          part="empty-state"
+          tabindex="0"
+        >
+          <slot
+            id="emptystateslot"
+            name="empty-state"
+          >
+          </slot>
+        </td>
+      </tr>
+    </tbody>
     <tfoot
       id="footer"
       role="rowgroup"
@@ -783,6 +828,21 @@ snapshots["vaadin-grid shadow hidden column"] =
         </td>
       </tr>
     </tbody>
+    <tbody id="emptystatebody">
+      <tr id="emptystaterow">
+        <td
+          id="emptystatecell"
+          part="empty-state"
+          tabindex="0"
+        >
+          <slot
+            id="emptystateslot"
+            name="empty-state"
+          >
+          </slot>
+        </td>
+      </tr>
+    </tbody>
     <tfoot
       id="footer"
       role="rowgroup"
@@ -942,6 +1002,21 @@ snapshots["vaadin-grid shadow hidden column selected"] =
         </td>
       </tr>
     </tbody>
+    <tbody id="emptystatebody">
+      <tr id="emptystaterow">
+        <td
+          id="emptystatecell"
+          part="empty-state"
+          tabindex="0"
+        >
+          <slot
+            id="emptystateslot"
+            name="empty-state"
+          >
+          </slot>
+        </td>
+      </tr>
+    </tbody>
     <tfoot
       id="footer"
       role="rowgroup"
diff --git a/packages/grid/test/frozen-columns.common.js b/packages/grid/test/frozen-columns.common.js
index 4445a211e4..f3032f2e30 100644
--- a/packages/grid/test/frozen-columns.common.js
+++ b/packages/grid/test/frozen-columns.common.js
@@ -87,7 +87,7 @@ const frozenGridFixture = (frozen, frozenToEnd) => {
         let translateValue;
 
         beforeEach(() => {
-          containerElement = grid.shadowRoot.querySelector(container === 'header' ? 'thead' : 'tbody');
+          containerElement = grid.shadowRoot.querySelector(container === 'header' ? 'thead' : 'tbody#items');
           containerRows = getRows(containerElement);
           scrollbarWidth = grid.$.table.offsetWidth - grid.$.table.clientWidth;
           borderWidth = parseInt(getComputedStyle(grid).getPropertyValue('--_lumo-grid-border-width'));
diff --git a/packages/grid/test/helpers.js b/packages/grid/test/helpers.js
index 1e5839d3c3..d4ee0f3845 100644
--- a/packages/grid/test/helpers.js
+++ b/packages/grid/test/helpers.js
@@ -93,7 +93,7 @@ const isVisible = (item, grid) => {
 };
 
 export const getPhysicalItems = (grid) => {
-  return Array.from(grid.shadowRoot.querySelector('tbody').children)
+  return Array.from(grid.shadowRoot.querySelector('tbody#items').children)
     .filter((item) => !item.hidden)
     .sort((a, b) => a.index - b.index);
 };
diff --git a/packages/grid/test/keyboard-navigation.common.js b/packages/grid/test/keyboard-navigation.common.js
index 12573f136c..92db0307d0 100644
--- a/packages/grid/test/keyboard-navigation.common.js
+++ b/packages/grid/test/keyboard-navigation.common.js
@@ -185,7 +185,16 @@ function getFocusedRowIndex() {
 }
 
 function getTabbableElements(root) {
-  return root.querySelectorAll('[tabindex]:not([tabindex="-1"])');
+  return [...root.querySelectorAll('[tabindex]:not([tabindex="-1"])')].filter((el) => {
+    let parent = el;
+    while (parent) {
+      if (getComputedStyle(parent).display === 'none') {
+        return false;
+      }
+      parent = parent.parentElement;
+    }
+    return true;
+  });
 }
 
 function getTabbableCells(root) {
@@ -2585,3 +2594,89 @@ describe('lazy data provider', () => {
     expect(cellFocusSpy.called).to.be.false;
   });
 });
+
+describe('empty state', () => {
+  function getEmptyState() {
+    return grid.querySelector('[slot="empty-state"]');
+  }
+
+  function getEmptyStateFocusables() {
+    return [...getEmptyState().querySelectorAll('button')];
+  }
+
+  function getEmptyStateBody() {
+    return grid.$.emptystatebody;
+  }
+
+  beforeEach(async () => {
+    grid = fixtureSync(`
+      <vaadin-grid>
+        <vaadin-grid-column path="name"></vaadin-grid-column>
+        <div slot="empty-state">
+          No items <button>button 1</button> <button>button 2</button>
+        </div>
+      </vaadin-grid>
+    `);
+    await nextFrame();
+  });
+
+  it('should tab to empty state body', async () => {
+    tabToHeader();
+    tab();
+
+    await nextFrame();
+    expect(getEmptyStateBody().contains(grid.shadowRoot.activeElement)).to.be.true;
+    expect(getEmptyStateBody().querySelector('td[part~="focused-cell"]')).to.be.ok;
+  });
+
+  it('should shift tab back to header from empty state body', () => {
+    tabToHeader();
+    tab();
+    shiftTab();
+
+    expect(grid.$.header.contains(grid.shadowRoot.activeElement)).to.be.true;
+    expect(getEmptyStateBody().querySelector('td[part~="focused-cell"]')).to.be.null;
+  });
+
+  it('should enter interaction mode on empty state body', () => {
+    tabToHeader();
+    tab();
+    enter();
+
+    expect(grid.hasAttribute('interacting')).to.be.true;
+  });
+
+  it('should focus the first focusable element in empty state content', () => {
+    tabToHeader();
+    tab();
+    enter();
+    expect(document.activeElement).to.equal(getEmptyStateFocusables()[0]);
+  });
+
+  it('should tab to the next focusable element in empty state content', async () => {
+    tabToHeader();
+    tab();
+    enter();
+    await sendKeys({ press: 'Tab' });
+    expect(document.activeElement).to.equal(getEmptyStateFocusables()[1]);
+  });
+
+  it('should exit interaction mode on escape on empty state content', () => {
+    tabToHeader();
+    tab();
+    enter();
+    escape(document.activeElement);
+    expect(grid.hasAttribute('interacting')).to.be.false;
+    expect(getEmptyStateBody().contains(grid.shadowRoot.activeElement)).to.be.true;
+  });
+
+  it('should not dispatch cell-focus event on empty state body', () => {
+    tabToHeader();
+
+    const spy = sinon.spy();
+    grid.addEventListener('cell-focus', spy);
+    tab();
+
+    expect(spy.called).to.be.false;
+  });
+});
diff --git a/packages/grid/test/visual/grid.common.js b/packages/grid/test/visual/grid.common.js
index 59e64067a1..0bd6b053be 100644
--- a/packages/grid/test/visual/grid.common.js
+++ b/packages/grid/test/visual/grid.common.js
@@ -434,4 +434,33 @@ describe('grid', () => {
       await visualDiff(element, 'tree-overflow');
     });
   });
+
+  describe('empty state', () => {
+    beforeEach(async () => {
+      element = fixtureSync(`
+        <vaadin-grid style="width: 400px">
+          <vaadin-grid-column header="First name"></vaadin-grid-column>
+          <vaadin-grid-column header="Last name"></vaadin-grid-column>
+          <vaadin-grid-column header="Email"></vaadin-grid-column>
+
+          <div slot="empty-state">
+            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Distinctio laborum optio quo perferendis unde, fuga reprehenderit molestias cum laboriosam ipsa enim voluptatem iusto fugit. Sed, veniam repudiandae consectetur recusandae laudantium.
+          </div>
+        </vaadin-grid>
+      `);
+
+      [...element.querySelectorAll('vaadin-grid-column')].forEach((col) => {
+        col.footerRenderer = (root) => {
+          root.textContent = 'footer';
+        };
+      });
+
+      flushGrid(element);
+      await nextRender(element);
+    });
+
+    it('default', async () => {
+      await visualDiff(element, 'empty-state');
+    });
+  });
 });
diff --git a/packages/grid/test/visual/lumo/grid.test.js b/packages/grid/test/visual/lumo/grid.test.js
index a0a31e3629..198d6c4584 100644
--- a/packages/grid/test/visual/lumo/grid.test.js
+++ b/packages/grid/test/visual/lumo/grid.test.js
@@ -36,6 +36,19 @@ describe('theme', () => {
     await visualDiff(element, 'theme-compact');
   });
 
+  it('empty state compact', async () => {
+    element.setAttribute('theme', 'compact');
+    element.items = [];
+    element.appendChild(
+      fixtureSync(`
+        <div slot="empty-state">
+          No items found.
+        </div>
+      `),
+    );
+    await visualDiff(element, 'empty-state-compact');
+  });
+
   it('no-row-borders', async () => {
     element.setAttribute('theme', 'no-row-borders');
     await visualDiff(element, 'theme-no-row-borders');
diff --git a/packages/grid/test/visual/lumo/screenshots/grid/baseline/empty-state-compact.png b/packages/grid/test/visual/lumo/screenshots/grid/baseline/empty-state-compact.png
new file mode 100644
index 0000000000000000000000000000000000000000..c25185a82d4351f117443bf884c58565cfbdb5a9
GIT binary patch
literal 5830
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

literal 0
HcmV?d00001

diff --git a/packages/grid/test/visual/lumo/screenshots/grid/baseline/empty-state.png b/packages/grid/test/visual/lumo/screenshots/grid/baseline/empty-state.png
new file mode 100644
index 0000000000000000000000000000000000000000..9dd49558440ee94b89ff0c7be310809f5c14e436
GIT binary patch
literal 15337
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

literal 0
HcmV?d00001

diff --git a/packages/grid/test/visual/material/screenshots/grid/baseline/empty-state.png b/packages/grid/test/visual/material/screenshots/grid/baseline/empty-state.png
new file mode 100644
index 0000000000000000000000000000000000000000..0dcf3c20132061e55b618a78939723a71d52ad1b
GIT binary patch
literal 15561
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
Xd}RrBC?zqq$yi!yx~i2b))D^+ibLP*

literal 0
HcmV?d00001

diff --git a/packages/grid/theme/lumo/vaadin-grid-styles.js b/packages/grid/theme/lumo/vaadin-grid-styles.js
index 9a9bdbad37..aa18393d03 100644
--- a/packages/grid/theme/lumo/vaadin-grid-styles.js
+++ b/packages/grid/theme/lumo/vaadin-grid-styles.js
@@ -90,6 +90,12 @@ registerStyles(
       z-index: 3;
     }
 
+    /* Empty state */
+    [part~='empty-state'] {
+      padding: var(--lumo-space-m);
+      color: var(--lumo-secondary-text-color);
+    }
+
     /* Drag and Drop styles */
     :host([dragover])::after {
       content: '';
@@ -346,6 +352,10 @@ registerStyles(
       min-height: calc(var(--lumo-size-s) - var(--_lumo-grid-border-width));
     }
 
+    :host([theme~='compact']) [part~='empty-state'] {
+      padding: var(--lumo-space-s);
+    }
+
     /* Wrap cell contents */
 
     :host([theme~='wrap-cell-content']) [part~='cell'] ::slotted(vaadin-grid-cell-content) {
diff --git a/packages/grid/theme/material/vaadin-grid-styles.js b/packages/grid/theme/material/vaadin-grid-styles.js
index 0ac16e5d60..42dea8babe 100644
--- a/packages/grid/theme/material/vaadin-grid-styles.js
+++ b/packages/grid/theme/material/vaadin-grid-styles.js
@@ -151,6 +151,12 @@ registerStyles(
       z-index: 3;
     }
 
+    /* Empty state */
+    [part~='empty-state'] {
+      padding: 16px;
+      color: var(--material-secondary-text-color);
+    }
+
     /* Drag and Drop styles */
     :host([dragover])::after {
       content: '';