From 70fb721055e61c3ec6dda847560609633a99da22 Mon Sep 17 00:00:00 2001 From: Cee Chen Date: Wed, 27 Mar 2024 16:31:36 -0700 Subject: [PATCH 01/15] [EuiTableRowCell] Set up Emotion styles + move some "row" styles that belong in here --- .../table_row_cell.test.tsx.snap | 34 +++++----- src/components/table/_responsive.scss | 5 -- src/components/table/_table.scss | 3 - src/components/table/table_row.styles.ts | 31 --------- src/components/table/table_row.tsx | 2 - src/components/table/table_row_cell.styles.ts | 63 +++++++++++++++++++ src/components/table/table_row_cell.tsx | 14 +++++ 7 files changed, 94 insertions(+), 58 deletions(-) create mode 100644 src/components/table/table_row_cell.styles.ts diff --git a/src/components/table/__snapshots__/table_row_cell.test.tsx.snap b/src/components/table/__snapshots__/table_row_cell.test.tsx.snap index 863bc72681c..871e5547da0 100644 --- a/src/components/table/__snapshots__/table_row_cell.test.tsx.snap +++ b/src/components/table/__snapshots__/table_row_cell.test.tsx.snap @@ -5,7 +5,7 @@ exports[`align defaults to left 1`] = `
{ background-color: ${euiTheme.border.color}; } `, - rightColumnContent: ` - position: absolute; - ${logicalCSS('right', 0)} - /* TODO: remove !important once euiTableRowCell is converted to Emotion */ - ${logicalCSS('min-width', '0 !important')} - ${logicalCSS('width', mobileSizes.actions.width)} - - .euiTableCellContent { - display: flex; - flex-direction: column; - align-items: center; - gap: ${euiTheme.size.s}; - padding: 0; - } - `, - get actions() { - return css` - .euiTableRowCell--hasActions { - ${this.rightColumnContent} - ${logicalCSS('top', mobileSizes.actions.offset)} - } - `; - }, - get expandable() { - return css` - .euiTableRowCell--isExpander { - ${this.rightColumnContent} - ${logicalCSS('bottom', mobileSizes.actions.offset)} - } - `; - }, /** * Bottom of card - expanded rows */ diff --git a/src/components/table/table_row.tsx b/src/components/table/table_row.tsx index 2dc42435146..5c933429429 100644 --- a/src/components/table/table_row.tsx +++ b/src/components/table/table_row.tsx @@ -70,8 +70,6 @@ export const EuiTableRow: FunctionComponent = ({ styles.mobile.mobile, isSelected && styles.mobile.selected, isSelectable && styles.mobile.selectable, - hasActions && styles.mobile.actions, - isExpandable && styles.mobile.expandable, isExpandedRow && styles.mobile.expanded, (hasActions || isExpandable || isExpandedRow) && styles.mobile.hasRightColumn, diff --git a/src/components/table/table_row_cell.styles.ts b/src/components/table/table_row_cell.styles.ts new file mode 100644 index 00000000000..39abba2994b --- /dev/null +++ b/src/components/table/table_row_cell.styles.ts @@ -0,0 +1,63 @@ +/* + * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one + * or more contributor license agreements. Licensed under the Elastic License + * 2.0 and the Server Side Public License, v 1; you may not use this file except + * in compliance with, at your election, the Elastic License 2.0 or the Server + * Side Public License, v 1. + */ + +import { css } from '@emotion/react'; + +import { UseEuiTheme } from '../../services'; +import { logicalCSS } from '../../global_styling'; + +import { euiTableVariables } from './table.styles'; + +export const euiTableRowCellStyles = (euiThemeContext: UseEuiTheme) => { + const { euiTheme } = euiThemeContext; + + const { mobileSizes } = euiTableVariables(euiThemeContext); + + return { + euiTableRowCell: css` + color: ${euiTheme.colors.text}; + `, + + desktop: css` + ${logicalCSS('border-vertical', euiTheme.border.thin)} + `, + + mobile: { + mobile: css` + ${logicalCSS('min-width', '50%')} + `, + rightColumnContent: ` + position: absolute; + ${logicalCSS('right', 0)} + ${logicalCSS('min-width', '0')} + ${logicalCSS('width', mobileSizes.actions.width)} + + /* TODO: Move this to EuiTableCellContent, once we're further along in the Emotion conversion */ + .euiTableCellContent { + display: flex; + flex-direction: column; + align-items: center; + gap: ${euiTheme.size.s}; + padding: 0; + } + `, + get actions() { + return css` + ${this.rightColumnContent} + ${logicalCSS('top', mobileSizes.actions.offset)} + `; + }, + get expander() { + return css` + ${this.rightColumnContent} + ${logicalCSS('bottom', mobileSizes.actions.offset)} + `; + }, + }, + }; +}; diff --git a/src/components/table/table_row_cell.tsx b/src/components/table/table_row_cell.tsx index 16b3987f57b..52287f2541e 100644 --- a/src/components/table/table_row_cell.tsx +++ b/src/components/table/table_row_cell.tsx @@ -18,6 +18,7 @@ import classNames from 'classnames'; import { CommonProps } from '../common'; import { + useEuiMemoizedStyles, HorizontalAlignment, LEFT_ALIGNMENT, RIGHT_ALIGNMENT, @@ -28,6 +29,7 @@ import { EuiTextBlockTruncate } from '../text_truncate'; import { useEuiTableIsResponsive } from './mobile/responsive_context'; import { resolveWidthAsStyle } from './utils'; +import { euiTableRowCellStyles } from './table_row_cell.styles'; interface EuiTableRowCellSharedPropsShape { /** @@ -132,6 +134,17 @@ export const EuiTableRowCell: FunctionComponent = ({ ...rest }) => { const isResponsive = useEuiTableIsResponsive(); + const styles = useEuiMemoizedStyles(euiTableRowCellStyles); + const cssStyles = [ + styles.euiTableRowCell, + ...(isResponsive + ? [ + styles.mobile.mobile, + hasActions && styles.mobile.actions, + isExpander && styles.mobile.expander, + ] + : [styles.desktop]), + ]; const cellClasses = classNames('euiTableRowCell', { 'euiTableRowCell--hasActions': hasActions, @@ -217,6 +230,7 @@ export const EuiTableRowCell: FunctionComponent = ({ const sharedProps = { scope: setScopeRow ? 'row' : undefined, style: styleObj, + css: cssStyles, ...rest, }; if (mobileOptions.show === false) { From 1065b0bc72da1da2cc92591630797760d118044a Mon Sep 17 00:00:00 2001 From: Cee Chen Date: Wed, 27 Mar 2024 16:35:27 -0700 Subject: [PATCH 02/15] =?UTF-8?q?[EuiTableRowCell]=20Fix=20where=20`classN?= =?UTF-8?q?ame`=20is=20applied=20to=20=E2=9A=A0=EF=B8=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - I have no idea why it would apply to the content div instead of to the actual cell element :||| - !! this is a breaking DOM change and will need careful Kibana migration --- .../table/__snapshots__/table_row_cell.test.tsx.snap | 4 ++-- src/components/table/table_row_cell.tsx | 6 +++--- 2 files changed, 5 insertions(+), 5 deletions(-) diff --git a/src/components/table/__snapshots__/table_row_cell.test.tsx.snap b/src/components/table/__snapshots__/table_row_cell.test.tsx.snap index 871e5547da0..cbad081e94f 100644 --- a/src/components/table/__snapshots__/table_row_cell.test.tsx.snap +++ b/src/components/table/__snapshots__/table_row_cell.test.tsx.snap @@ -86,11 +86,11 @@ exports[`renders EuiTableRowCell 1`] = `
= ({ : [styles.desktop]), ]; - const cellClasses = classNames('euiTableRowCell', { + const cellClasses = classNames('euiTableRowCell', className, { 'euiTableRowCell--hasActions': hasActions, 'euiTableRowCell--isExpander': isExpander, 'euiTableRowCell--hideForDesktop': mobileOptions.only, @@ -154,7 +154,7 @@ export const EuiTableRowCell: FunctionComponent = ({ [`euiTableRowCell--${valign}`]: valign, }); - const contentClasses = classNames('euiTableCellContent', className, { + const contentClasses = classNames('euiTableCellContent', { 'euiTableCellContent--alignRight': align === RIGHT_ALIGNMENT, 'euiTableCellContent--alignCenter': align === CENTER_ALIGNMENT, 'euiTableCellContent--showOnHover': showOnHover, @@ -164,7 +164,7 @@ export const EuiTableRowCell: FunctionComponent = ({ 'euiTableCellContent--overflowingContent': textOnly !== true, }); - const mobileContentClasses = classNames('euiTableCellContent', className, { + const mobileContentClasses = classNames('euiTableCellContent', { 'euiTableCellContent--alignRight': mobileOptions.align === RIGHT_ALIGNMENT || align === RIGHT_ALIGNMENT, 'euiTableCellContent--alignCenter': From 2f6a1a41a9beafe890d9867a34107c5ffccba6e4 Mon Sep 17 00:00:00 2001 From: Cee Chen Date: Wed, 27 Mar 2024 17:33:42 -0700 Subject: [PATCH 03/15] Convert custom actions mobile CSS to Emotion + use JS logic in `basic_table` to more accurately predict when custom actions are being rendered (vs trying to guess with CSS selectors) --- src/components/basic_table/basic_table.tsx | 8 +++++-- src/components/table/_responsive.scss | 21 ---------------- src/components/table/table_row_cell.styles.ts | 24 +++++++++++++++++++ src/components/table/table_row_cell.tsx | 5 ++-- 4 files changed, 33 insertions(+), 25 deletions(-) diff --git a/src/components/basic_table/basic_table.tsx b/src/components/basic_table/basic_table.tsx index f3aeec4c963..b14cc661bdb 100644 --- a/src/components/basic_table/basic_table.tsx +++ b/src/components/basic_table/basic_table.tsx @@ -61,7 +61,7 @@ import { EuiI18n } from '../i18n'; import { EuiDelayRender } from '../delay_render'; import { htmlIdGenerator } from '../../services/accessibility'; -import { Action } from './action_types'; +import { Action, CustomItemAction } from './action_types'; import { EuiTableActionsColumnType, EuiTableComputedColumnType, @@ -1147,6 +1147,10 @@ export class EuiBasicTable extends Component< // Disable all actions if any row(s) are selected const allDisabled = this.state.selection.length > 0; + const hasCustomActions = column.actions.some( + (action: Action) => !!(action as CustomItemAction).render + ); + let actualActions = column.actions.filter( (action: Action) => !action.available || action.available(item) ); @@ -1197,7 +1201,7 @@ export class EuiBasicTable extends Component< key={key} align="right" textOnly={false} - hasActions={true} + hasActions={hasCustomActions ? 'custom' : true} css={euiBasicTableActionsWrapper} > {tools} diff --git a/src/components/table/_responsive.scss b/src/components/table/_responsive.scss index 399e7132954..381a1a846cd 100644 --- a/src/components/table/_responsive.scss +++ b/src/components/table/_responsive.scss @@ -24,27 +24,6 @@ @include euiFontSizeM; } - .euiTableRow { - // Custom actions - &:not(.euiTableRow-hasActions) .euiTableRowCell--hasActions:last-child { - width: 100%; - - &::before { - content: ''; - position: absolute; - left: 0; - right: 0; - height: $euiBorderWidthThin; - background-color: $euiBorderColor; - } - - .euiTableCellContent { - position: relative; - top: $euiSizeXS; - } - } - } - .euiTableRowCellCheckbox { border: none; } diff --git a/src/components/table/table_row_cell.styles.ts b/src/components/table/table_row_cell.styles.ts index 39abba2994b..e7accc68cbd 100644 --- a/src/components/table/table_row_cell.styles.ts +++ b/src/components/table/table_row_cell.styles.ts @@ -58,6 +58,30 @@ export const euiTableRowCellStyles = (euiThemeContext: UseEuiTheme) => { ${logicalCSS('bottom', mobileSizes.actions.offset)} `; }, + /** + * Custom actions may not be icons and therefore may not fit in a column + * If they're the last cell, we can create a pseudo "row"/"border-top" + * that mimicks the visual separation that the right column has + */ + customActions: css` + &:last-child { + ${logicalCSS('width', '100%')} + + &::before { + content: ''; + position: absolute; + ${logicalCSS('horizontal', 0)} + ${logicalCSS('height', euiTheme.border.width.thin)} + background-color: ${euiTheme.border.color}; + } + + /* Minor vertical alignment of cell content */ + .euiTableCellContent { + position: relative; + ${logicalCSS('top', euiTheme.size.xs)} + } + } + `, }, }; }; diff --git a/src/components/table/table_row_cell.tsx b/src/components/table/table_row_cell.tsx index 405903e0de8..7e5391a5b60 100644 --- a/src/components/table/table_row_cell.tsx +++ b/src/components/table/table_row_cell.tsx @@ -98,7 +98,7 @@ export interface EuiTableRowCellProps extends EuiTableRowCellSharedPropsShape { * Indicates if the column is dedicated to icon-only actions (currently * affects mobile only) */ - hasActions?: boolean; + hasActions?: boolean | 'custom'; /** * Indicates if the column is dedicated as the expandable row toggle */ @@ -140,7 +140,8 @@ export const EuiTableRowCell: FunctionComponent = ({ ...(isResponsive ? [ styles.mobile.mobile, - hasActions && styles.mobile.actions, + hasActions === 'custom' && styles.mobile.customActions, + hasActions === true && styles.mobile.actions, isExpander && styles.mobile.expander, ] : [styles.desktop]), From 25e1170b8732f7898416e73d459cf7564a631082 Mon Sep 17 00:00:00 2001 From: Cee Chen Date: Thu, 28 Mar 2024 12:09:16 -0700 Subject: [PATCH 04/15] [misc][EuiBasicTable] Remove unnecessary const definition - just inline it --- src/components/basic_table/basic_table.tsx | 16 ++++++---------- 1 file changed, 6 insertions(+), 10 deletions(-) diff --git a/src/components/basic_table/basic_table.tsx b/src/components/basic_table/basic_table.tsx index b14cc661bdb..d91076abe44 100644 --- a/src/components/basic_table/basic_table.tsx +++ b/src/components/basic_table/basic_table.tsx @@ -1185,15 +1185,6 @@ export class EuiBasicTable extends Component< }); } - const tools = ( - - ); - const key = `record_actions_${itemId}_${columnIndex}`; return ( extends Component< hasActions={hasCustomActions ? 'custom' : true} css={euiBasicTableActionsWrapper} > - {tools} + ); } From 2c8a5446587f10af69d089dd5c32340c2409d4df Mon Sep 17 00:00:00 2001 From: Cee Chen Date: Wed, 27 Mar 2024 16:43:12 -0700 Subject: [PATCH 05/15] Convert enlarge mobile CSS --- src/components/table/_responsive.scss | 4 ---- src/components/table/table_row_cell.styles.ts | 5 ++++- src/components/table/table_row_cell.tsx | 2 +- 3 files changed, 5 insertions(+), 6 deletions(-) diff --git a/src/components/table/_responsive.scss b/src/components/table/_responsive.scss index 381a1a846cd..ecc93d441d5 100644 --- a/src/components/table/_responsive.scss +++ b/src/components/table/_responsive.scss @@ -20,10 +20,6 @@ } } - .euiTableRowCell--enlargeForMobile { - @include euiFontSizeM; - } - .euiTableRowCellCheckbox { border: none; } diff --git a/src/components/table/table_row_cell.styles.ts b/src/components/table/table_row_cell.styles.ts index e7accc68cbd..4b7b6e364bc 100644 --- a/src/components/table/table_row_cell.styles.ts +++ b/src/components/table/table_row_cell.styles.ts @@ -9,7 +9,7 @@ import { css } from '@emotion/react'; import { UseEuiTheme } from '../../services'; -import { logicalCSS } from '../../global_styling'; +import { euiFontSize, logicalCSS } from '../../global_styling'; import { euiTableVariables } from './table.styles'; @@ -31,6 +31,9 @@ export const euiTableRowCellStyles = (euiThemeContext: UseEuiTheme) => { mobile: css` ${logicalCSS('min-width', '50%')} `, + enlarge: css` + ${euiFontSize(euiThemeContext, 'm')} + `, rightColumnContent: ` position: absolute; ${logicalCSS('right', 0)} diff --git a/src/components/table/table_row_cell.tsx b/src/components/table/table_row_cell.tsx index 7e5391a5b60..f7412f0b240 100644 --- a/src/components/table/table_row_cell.tsx +++ b/src/components/table/table_row_cell.tsx @@ -140,6 +140,7 @@ export const EuiTableRowCell: FunctionComponent = ({ ...(isResponsive ? [ styles.mobile.mobile, + mobileOptions.enlarge && styles.mobile.enlarge, hasActions === 'custom' && styles.mobile.customActions, hasActions === true && styles.mobile.actions, isExpander && styles.mobile.expander, @@ -151,7 +152,6 @@ export const EuiTableRowCell: FunctionComponent = ({ 'euiTableRowCell--hasActions': hasActions, 'euiTableRowCell--isExpander': isExpander, 'euiTableRowCell--hideForDesktop': mobileOptions.only, - 'euiTableRowCell--enlargeForMobile': mobileOptions.enlarge, [`euiTableRowCell--${valign}`]: valign, }); From e74fa417028e4d88b8ea6466b576b534a62c193b Mon Sep 17 00:00:00 2001 From: Cee Chen Date: Wed, 27 Mar 2024 16:42:06 -0700 Subject: [PATCH 06/15] Convert valign styles --- .../table_row_cell.test.tsx.snap | 34 +++++++++---------- src/components/table/_table.scss | 14 -------- src/components/table/table_row_cell.styles.ts | 14 ++++++++ src/components/table/table_row_cell.tsx | 2 +- 4 files changed, 32 insertions(+), 32 deletions(-) diff --git a/src/components/table/__snapshots__/table_row_cell.test.tsx.snap b/src/components/table/__snapshots__/table_row_cell.test.tsx.snap index cbad081e94f..38fd06c3fe9 100644 --- a/src/components/table/__snapshots__/table_row_cell.test.tsx.snap +++ b/src/components/table/__snapshots__/table_row_cell.test.tsx.snap @@ -5,7 +5,7 @@ exports[`align defaults to left 1`] = `
{ color: ${euiTheme.colors.text}; `, + // valign + middle: css` + vertical-align: middle; + `, + baseline: css` + vertical-align: baseline; + `, + top: css` + vertical-align: top; + `, + bottom: css` + vertical-align: top; + `, + desktop: css` ${logicalCSS('border-vertical', euiTheme.border.thin)} `, diff --git a/src/components/table/table_row_cell.tsx b/src/components/table/table_row_cell.tsx index f7412f0b240..8e26678a386 100644 --- a/src/components/table/table_row_cell.tsx +++ b/src/components/table/table_row_cell.tsx @@ -137,6 +137,7 @@ export const EuiTableRowCell: FunctionComponent = ({ const styles = useEuiMemoizedStyles(euiTableRowCellStyles); const cssStyles = [ styles.euiTableRowCell, + styles[valign], ...(isResponsive ? [ styles.mobile.mobile, @@ -152,7 +153,6 @@ export const EuiTableRowCell: FunctionComponent = ({ 'euiTableRowCell--hasActions': hasActions, 'euiTableRowCell--isExpander': isExpander, 'euiTableRowCell--hideForDesktop': mobileOptions.only, - [`euiTableRowCell--${valign}`]: valign, }); const contentClasses = classNames('euiTableCellContent', { From 31e2f5a7fb83022f220a4f43195dbbab43c0e585 Mon Sep 17 00:00:00 2001 From: Cee Chen Date: Thu, 28 Mar 2024 10:59:09 -0700 Subject: [PATCH 07/15] Convert `.euiTableRowCell__mobileHeader` CSS --- src/components/table/_responsive.scss | 17 -------------- src/components/table/table_row_cell.styles.ts | 22 ++++++++++++++++++- src/components/table/table_row_cell.tsx | 1 + 3 files changed, 22 insertions(+), 18 deletions(-) diff --git a/src/components/table/_responsive.scss b/src/components/table/_responsive.scss index ecc93d441d5..eb69d3d2ae1 100644 --- a/src/components/table/_responsive.scss +++ b/src/components/table/_responsive.scss @@ -3,23 +3,6 @@ @include euiBreakpoint('xs', 's') { .euiTable.euiTable--responsive { - .euiTableRowCell__mobileHeader { - // Always truncate - @include euiTextTruncate; - @include fontSize($euiFontSize * .6875); - - color: $euiColorDarkShade; - padding: $euiSizeS; - padding-bottom: 0; - margin-bottom: -$euiSizeS; // pull up cell content closer - min-height: $euiSizeL; // aligns contents of cells if header doesn't exist - - // Remove min-height of cell header if it's the only cell - .euiTableRowCell:only-child & { - min-height: 0; - } - } - .euiTableRowCellCheckbox { border: none; } diff --git a/src/components/table/table_row_cell.styles.ts b/src/components/table/table_row_cell.styles.ts index 8d2a8a8d566..c1247b3ef89 100644 --- a/src/components/table/table_row_cell.styles.ts +++ b/src/components/table/table_row_cell.styles.ts @@ -9,7 +9,7 @@ import { css } from '@emotion/react'; import { UseEuiTheme } from '../../services'; -import { euiFontSize, logicalCSS } from '../../global_styling'; +import { euiFontSize, euiTextTruncate, logicalCSS } from '../../global_styling'; import { euiTableVariables } from './table.styles'; @@ -100,5 +100,25 @@ export const euiTableRowCellStyles = (euiThemeContext: UseEuiTheme) => { } `, }, + + euiTableRowCell__mobileHeader: css` + /* Always truncate */ + ${euiTextTruncate()} + font-size: ${euiFontSize(euiThemeContext, 's', { + customScale: 'xxs', + }).fontSize}; + + display: block; + color: ${euiTheme.colors.darkShade}; + padding: ${euiTheme.size.s}; + /* Pull up cell content closer */ + padding-block-end: 0; + margin-block-end: -${euiTheme.size.s}; + + /* Aligns contents of cells if header is empty */ + .euiTableRowCell:not(:only-child) & { + ${logicalCSS('min-height', euiTheme.size.l)} + } + `, }; }; diff --git a/src/components/table/table_row_cell.tsx b/src/components/table/table_row_cell.tsx index 8e26678a386..3586f6b9172 100644 --- a/src/components/table/table_row_cell.tsx +++ b/src/components/table/table_row_cell.tsx @@ -249,6 +249,7 @@ export const EuiTableRowCell: FunctionComponent = ({ {/* Mobile-only header */} {mobileOptions.header && (
{mobileOptions.header} From b70aca757a942d9d9fdf81f813cec4803df00422 Mon Sep 17 00:00:00 2001 From: Cee Chen Date: Thu, 28 Mar 2024 11:14:40 -0700 Subject: [PATCH 08/15] Convert cell checkbox CSS to Emotion + move nested CSS from row styles to component + remove unnecessary font-weight/text-align CSS inherited from `@euiTableCell` mixin + remove `@euiTableCellCheckbox` mixin --- .../table_header_cell_checkbox.test.tsx.snap | 10 ++--- .../table_row_cell_checkbox.test.tsx.snap | 2 +- src/components/table/_mixins.scss | 6 --- src/components/table/_responsive.scss | 4 -- src/components/table/_table.scss | 9 ---- src/components/table/table.styles.ts | 3 ++ .../table/table_cells_shared.styles.ts | 42 +++++++++++++++++++ .../table/table_header_cell_checkbox.tsx | 14 ++++++- src/components/table/table_row.styles.ts | 8 +--- .../table/table_row_cell_checkbox.tsx | 15 ++++++- 10 files changed, 78 insertions(+), 35 deletions(-) create mode 100644 src/components/table/table_cells_shared.styles.ts diff --git a/src/components/table/__snapshots__/table_header_cell_checkbox.test.tsx.snap b/src/components/table/__snapshots__/table_header_cell_checkbox.test.tsx.snap index ecb526bbd67..7ef9dd15316 100644 --- a/src/components/table/__snapshots__/table_header_cell_checkbox.test.tsx.snap +++ b/src/components/table/__snapshots__/table_header_cell_checkbox.test.tsx.snap @@ -6,7 +6,7 @@ exports[`EuiTableHeaderCellCheckbox is rendered 1`] = ` @@ -24,7 +24,7 @@ exports[`EuiTableHeaderCellCheckbox width and style accepts style attribute 1`] @@ -44,7 +44,7 @@ exports[`EuiTableHeaderCellCheckbox width and style accepts width attribute 1`] @@ -64,7 +64,7 @@ exports[`EuiTableHeaderCellCheckbox width and style accepts width attribute as n @@ -84,7 +84,7 @@ exports[`EuiTableHeaderCellCheckbox width and style resolves style and width att diff --git a/src/components/table/__snapshots__/table_row_cell_checkbox.test.tsx.snap b/src/components/table/__snapshots__/table_row_cell_checkbox.test.tsx.snap index f81ba97cd20..b5191cee14d 100644 --- a/src/components/table/__snapshots__/table_row_cell_checkbox.test.tsx.snap +++ b/src/components/table/__snapshots__/table_row_cell_checkbox.test.tsx.snap @@ -6,7 +6,7 @@ exports[`EuiTableRowCellCheckbox is rendered 1`] = `