[EuiTable][EuiBasicTable][EuiInMemoryTable] Remove responsive prop …

…completely in favor of `responsiveBreakpoint` (#7633)

changelogs/upcoming/7625.md

@@ -1,7 +1,10 @@
 - Updated `EuiTable`, `EuiBasicTable`, and `EuiInMemoryTable` with a new `responsiveBreakpoint` prop, which allows customizing the point at which the table collapses into a mobile-friendly view with cards
 - Updated `EuiProvider`'s `componentDefaults` prop to allow configuring `EuiTable.responsiveBreakpoint`
 
-**Deprecations**
+**Breaking changes**
+
+- Removed the `responsive` prop from `EuiTable`, `EuiBasicTable`, and `EuiInMemoryTable`. Use the new `responsiveBreakpoint` prop instead
+
+**DOM changes**
 
-- Deprecated the `responsive` prop from `EuiTable`, `EuiBasicTable`, and `EuiInMemoryTable`. Use the new `responsiveBreakpoint` prop instead
 - `EuiTable` mobile headers no longer render in the DOM when not visible (previously rendered with `display: none`). This may affect DOM testing assertions.

src/components/basic_table/__snapshots__/basic_table.test.tsx.snap

@@ -7,7 +7,7 @@ exports[`EuiBasicTable renders (bare-bones) 1`] = `
   data-test-subj="test subject string"
 >
   <table
-    class="euiTable euiTable--responsive emotion-euiTable-fixed-uncompressed-desktop"
+    class="euiTable emotion-euiTable-fixed-uncompressed-desktop"
     id="__table_generated-id"
     tabindex="-1"
   >
@@ -119,7 +119,7 @@ exports[`EuiBasicTable renders (kitchen sink) with pagination, selection, sortin
   class="euiBasicTable"
 >
   <table
-    class="euiTable euiTable--responsive emotion-euiTable-fixed-uncompressed-desktop"
+    class="euiTable emotion-euiTable-fixed-uncompressed-desktop"
     id="__table_generated-id"
     tabindex="-1"
   >

src/components/basic_table/__snapshots__/in_memory_table.test.tsx.snap

@@ -155,7 +155,7 @@ exports[`EuiInMemoryTable empty array 1`] = `
   data-test-subj="test subject string"
 >
   <table
-    class="euiTable euiTable--responsive emotion-euiTable-fixed-uncompressed-desktop"
+    class="euiTable emotion-euiTable-fixed-uncompressed-desktop"
     id="__table_generated-id"
     tabindex="-1"
   >
@@ -236,7 +236,6 @@ exports[`EuiInMemoryTable with executeQueryOptions 1`] = `
     />
   }
   onChange={[Function]}
-  responsive={true}
   tableLayout="fixed"
 />
 `;
@@ -248,7 +247,7 @@ exports[`EuiInMemoryTable with items 1`] = `
   data-test-subj="test subject string"
 >
   <table
-    class="euiTable euiTable--responsive emotion-euiTable-fixed-uncompressed-desktop"
+    class="euiTable emotion-euiTable-fixed-uncompressed-desktop"
     id="__table_generated-id"
     tabindex="-1"
   >

src/components/basic_table/basic_table.tsx

@@ -324,7 +324,6 @@ export class EuiBasicTable<T extends object = any> extends Component<
   declare context: ContextType<typeof EuiComponentDefaultsContext>;
 
   static defaultProps = {
-    responsive: true,
     tableLayout: 'fixed',
     noItemsMessage: (
       <EuiI18n token="euiBasicTable.noItemsMessage" default="No items found" />
@@ -523,7 +522,6 @@ export class EuiBasicTable<T extends object = any> extends Component<
       noItemsMessage,
       compressed,
       itemIdToExpandedRowMap,
-      responsive,
       responsiveBreakpoint,
       isSelectable,
       isExpandable,
@@ -554,28 +552,19 @@ export class EuiBasicTable<T extends object = any> extends Component<
   }
 
   renderTable() {
-    const {
-      compressed,
-      responsive,
-      responsiveBreakpoint,
-      tableLayout,
-      loading,
-    } = this.props;
+    const { compressed, responsiveBreakpoint, tableLayout, loading } =
+      this.props;
 
     return (
       <>
-        {/* TODO: Remove conditional once `responsive` prop is deprecated */}
-        {responsive && (
-          <EuiTableHeaderMobile responsiveBreakpoint={responsiveBreakpoint}>
-            {this.renderSelectAll(true)}
-            {this.renderTableMobileSort()}
-          </EuiTableHeaderMobile>
-        )}
+        <EuiTableHeaderMobile responsiveBreakpoint={responsiveBreakpoint}>
+          {this.renderSelectAll(true)}
+          {this.renderTableMobileSort()}
+        </EuiTableHeaderMobile>
         <EuiTable
           id={this.tableId}
           tableLayout={tableLayout}
           responsiveBreakpoint={responsiveBreakpoint}
-          responsive={responsive}
           compressed={compressed}
           css={loading && safariLoadingWorkaround}
         >

src/components/basic_table/in_memory_table.tsx

@@ -299,7 +299,6 @@ export class EuiInMemoryTable<T extends object = object> extends Component<
   static contextType = EuiComponentDefaultsContext;
 
   static defaultProps = {
-    responsive: true,
     tableLayout: 'fixed',
     searchFormat: 'eql',
   };

src/components/table/__snapshots__/table.test.tsx.snap

@@ -3,7 +3,7 @@
 exports[`EuiTable renders 1`] = `
 <table
   aria-label="aria-label"
-  class="euiTable testClass1 testClass2 euiTable--responsive emotion-euiTable-fixed-uncompressed-desktop-euiTestCss"
+  class="euiTable testClass1 testClass2 emotion-euiTable-fixed-uncompressed-desktop-euiTestCss"
   data-test-subj="test subject string"
   tabindex="-1"
 >

src/components/table/table.tsx

@@ -22,10 +22,6 @@ export interface EuiTableProps
   extends CommonProps,
     TableHTMLAttributes<HTMLTableElement> {
   compressed?: boolean;
-  /**
-   * @deprecated - use `responsiveBreakpoint` instead
-   */
-  responsive?: boolean;
   /**
    * Named breakpoint. Below this size, the table will collapse
    * into responsive cards.
@@ -48,15 +44,11 @@ export const EuiTable: FunctionComponent<EuiTableProps> = ({
   compressed,
   tableLayout = 'fixed',
   responsiveBreakpoint, // Default handled by `useIsEuiTableResponsive`
-  responsive = true,
   ...rest
 }) => {
-  const isResponsive =
-    useIsEuiTableResponsive(responsiveBreakpoint) && responsive;
+  const isResponsive = useIsEuiTableResponsive(responsiveBreakpoint);
 
-  const classes = classNames('euiTable', className, {
-    'euiTable--responsive': responsive,
-  });
+  const classes = classNames('euiTable', className);
 
   const styles = useEuiMemoizedStyles(euiTableStyles);
   const cssStyles = [