From 27f75c15c63faa9eddfc7301bb26a71e571118c8 Mon Sep 17 00:00:00 2001 From: Lene Gadewoll Date: Tue, 14 May 2024 16:26:31 +0200 Subject: [PATCH 01/16] docs(storybook): add EuiTableBody story --- .../components/table/table_body.stories.tsx | 48 +++++++++++++++++++ 1 file changed, 48 insertions(+) create mode 100644 packages/eui/src/components/table/table_body.stories.tsx diff --git a/packages/eui/src/components/table/table_body.stories.tsx b/packages/eui/src/components/table/table_body.stories.tsx new file mode 100644 index 00000000000..0e1e2b3a38c --- /dev/null +++ b/packages/eui/src/components/table/table_body.stories.tsx @@ -0,0 +1,48 @@ +/* + * 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 React from 'react'; +import type { Meta, StoryObj } from '@storybook/react'; + +import { + disableStorybookControls, + hideStorybookControls, +} from '../../../.storybook/utils'; +import { EuiTable, EuiTableRow, EuiTableRowCell } from './index'; +import { EuiTableBody, EuiTableBodyProps } from './table_body'; + +const meta: Meta = { + title: 'Tabular Content/EuiTable/EuiTableBody', + component: EuiTableBody, + decorators: [ + (Story, { args }) => ( + + + + ), + ], +}; +disableStorybookControls(meta, ['bodyRef']); +hideStorybookControls(meta, ['aria-label']); + +export default meta; +type Story = StoryObj; + +export const Playground: Story = { + args: { + children: ( + <> + + Row 1, Cell 1 + Row 1, Cell 2 + Row 1, Cell 3 + + + ), + }, +}; From 5b78ef38c4575f392ca8b8fe39b1ecaf467b1efa Mon Sep 17 00:00:00 2001 From: Lene Gadewoll Date: Tue, 14 May 2024 16:26:55 +0200 Subject: [PATCH 02/16] test(VRT): add table body reference images --- ...Content_EuiTable_EuiTableBody_Playground.png | Bin 0 -> 4905 bytes ...Content_EuiTable_EuiTableBody_Playground.png | Bin 0 -> 10221 bytes 2 files changed, 0 insertions(+), 0 deletions(-) create mode 100644 packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiTable_EuiTableBody_Playground.png create mode 100644 packages/eui/.loki/reference/chrome_mobile_Tabular_Content_EuiTable_EuiTableBody_Playground.png diff --git a/packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiTable_EuiTableBody_Playground.png b/packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiTable_EuiTableBody_Playground.png new file mode 100644 index 0000000000000000000000000000000000000000..6e5fa0b6ed8598b0e762cf6b530190d18fbbe571 GIT binary patch literal 4905 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

gw1M9k8pv}c>~>tBLE%_feb0;bK^7Jmpx z;sC%I$NX}1mjSl?!Nn?(a>@K|*oYHwM=(o2JVPjSj{_^Eu<__O1e;LvSx(C$PjOj^ zV_^W*Eqvuwx%RL*q8v|Bu$lblLwy6Xn0^ q*&vg_x%*X+-#7YS%Q<~^dNy{}SCX5C*aoz_K)RZS8VEJVxPJqqpp7E{ literal 0 HcmV?d00001 diff --git a/packages/eui/.loki/reference/chrome_mobile_Tabular_Content_EuiTable_EuiTableBody_Playground.png b/packages/eui/.loki/reference/chrome_mobile_Tabular_Content_EuiTable_EuiTableBody_Playground.png new file mode 100644 index 0000000000000000000000000000000000000000..9f7479a7b1880b60489e002d6b716d2db31e21e2 GIT binary patch literal 10221 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 Date: Tue, 14 May 2024 16:30:23 +0200 Subject: [PATCH 03/16] docs(storybook): add table footer component stories --- .../components/table/table_footer.stories.tsx | 46 ++++++++++++++++ .../table/table_footer_cell.stories.tsx | 55 +++++++++++++++++++ 2 files changed, 101 insertions(+) create mode 100644 packages/eui/src/components/table/table_footer.stories.tsx create mode 100644 packages/eui/src/components/table/table_footer_cell.stories.tsx diff --git a/packages/eui/src/components/table/table_footer.stories.tsx b/packages/eui/src/components/table/table_footer.stories.tsx new file mode 100644 index 00000000000..970c92bc926 --- /dev/null +++ b/packages/eui/src/components/table/table_footer.stories.tsx @@ -0,0 +1,46 @@ +/* + * 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 React from 'react'; +import type { Meta, StoryObj } from '@storybook/react'; + +import { hideStorybookControls } from '../../../.storybook/utils'; +import { EuiTable, EuiTableFooterCell } from './index'; +import { EuiTableFooter } from './table_footer'; + +type EuiTableFooterProps = typeof EuiTableFooter; + +const meta: Meta = { + title: 'Tabular Content/EuiTable/EuiTableFooter/EuiTableFooter', + component: EuiTableFooter, + decorators: [ + (Story, { args }) => ( + + + + ), + ], +}; +hideStorybookControls(meta, ['aria-label']); + +export default meta; +type Story = StoryObj; + +export const Playground: Story = { + args: { + children: ( + <> + Cell 1 + Cell 2 + + Long text that will truncate, because footer cells default to that + + + ), + }, +}; diff --git a/packages/eui/src/components/table/table_footer_cell.stories.tsx b/packages/eui/src/components/table/table_footer_cell.stories.tsx new file mode 100644 index 00000000000..8cd45f25f93 --- /dev/null +++ b/packages/eui/src/components/table/table_footer_cell.stories.tsx @@ -0,0 +1,55 @@ +/* + * 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 React from 'react'; +import type { Meta, StoryObj } from '@storybook/react'; + +import { hideStorybookControls } from '../../../.storybook/utils'; +import { + LEFT_ALIGNMENT, + CENTER_ALIGNMENT, + RIGHT_ALIGNMENT, +} from '../../services'; +import { EuiTable, EuiTableFooter } from './index'; +import { + EuiTableFooterCell, + EuiTableFooterCellProps, +} from './table_footer_cell'; + +const meta: Meta = { + title: 'Tabular Content/EuiTable/EuiTableFooter/EuiTableFooterCell', + component: EuiTableFooterCell, + decorators: [ + (Story, { args }) => ( + + + + + + ), + ], + argTypes: { + align: { + control: 'radio', + options: [LEFT_ALIGNMENT, CENTER_ALIGNMENT, RIGHT_ALIGNMENT], + }, + }, + args: { + align: LEFT_ALIGNMENT, + }, +}; +hideStorybookControls(meta, ['aria-label']); + +export default meta; +type Story = StoryObj; + +export const Playground: Story = { + args: { + children: 'Footer cell content', + }, +}; From 37b27b73931a5db8f47ed4addf94e07b665bdd20 Mon Sep 17 00:00:00 2001 From: Lene Gadewoll Date: Tue, 14 May 2024 16:30:44 +0200 Subject: [PATCH 04/16] test(VRT): add table footer reference images --- ...TableFooter_EuiTableFooterCell_Playground.png | Bin 0 -> 2218 bytes ..._EuiTableFooter_EuiTableFooter_Playground.png | Bin 0 -> 5743 bytes ...TableFooter_EuiTableFooterCell_Playground.png | Bin 0 -> 4153 bytes ..._EuiTableFooter_EuiTableFooter_Playground.png | Bin 0 -> 6744 bytes 4 files changed, 0 insertions(+), 0 deletions(-) create mode 100644 packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiTable_EuiTableFooter_EuiTableFooterCell_Playground.png create mode 100644 packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiTable_EuiTableFooter_EuiTableFooter_Playground.png create mode 100644 packages/eui/.loki/reference/chrome_mobile_Tabular_Content_EuiTable_EuiTableFooter_EuiTableFooterCell_Playground.png create mode 100644 packages/eui/.loki/reference/chrome_mobile_Tabular_Content_EuiTable_EuiTableFooter_EuiTableFooter_Playground.png diff --git a/packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiTable_EuiTableFooter_EuiTableFooterCell_Playground.png b/packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiTable_EuiTableFooter_EuiTableFooterCell_Playground.png new file mode 100644 index 0000000000000000000000000000000000000000..4041436bd3fcfd7e3a057c3e9c6ca72c944c0acc GIT binary patch literal 2218 zcmb_edpy%$AO9|QKcsRAEpu&XE(zI$w9L>*(`A)QDC*TzmI|BHgd*3JTcnk!R9L3D zM9O6@MVT-p#T=Q*$QI_GoF`J8h;pL5>l{W&qN7?iBEsx$xq zvS>tS4k&EdHX>|@2HByplEM@w=^G6Il2|lyANE@2 zI4j`d{UMd8Y3_}L8xV?voxjczvZ#i81vy2k=u3md&PlOtH#I#J8yt!9Kc^N6IZVyuTFj94v|3KC^v*9& z+q7EkxR{%xP1Z&y{mvsdj}ArQZT}^slV(?pj7HJOAjQy=!cbt!vbfBi^h} zjg%7cURRLbB3`qupr9*5*7?(|=e$+Y=}))Y!~ad%?U23bOj&)R&!w1rP08>W@L_Je+mukBFgd;`As2@1xT9#34qxBLFihEa&v?~Ud-u~jKi+Ny| zsO|g&t8=9{)YtD-KXYXn^yYfIF8&}|Bi~)~YOiJV6IA?$1QY!%3>aa2zGG)0zWu#j zU}R*Za~3?3+g+Nsa)miP)s&WLO;m+;??VuVUAsy!xv2Pw^5qFSN09WcqBzdFbne+f zuJ+RWq|h-02&$(yFkQF(DT`V~ac3aiBsQ}9t3`k@(i$;cr*@{P-Nj^~5E0N0kBN;v zq@bj<>pD+6)sUDZ8_)%`|VBq-7$x(+t$JUmHh07a47h>aWR%rrh@moNw8shea z6Qw+QK>Jn;ywwZOkeH~mEdb;!LrE7y%dV|OvYWGAuvmqW5iLu?uzb7~4+`uJ>8YPp zF|`a^P>%&8Zg<|6ZD=G#v|=)SYskx>=N=XCx_I@oYpX=(4D$-Rz!^@npL?*mii(Pi zliKGZzwrJtPO2LY*SPTZ=N`foz)0Qe!lh`pwWD0ISnP;0VXX6zecU#5T)J6WRvLOF z|1c$f+dgk^jTv^cPeYPU&lRTE_E5nk{&-(q^nex=2GhyKnE^#bMO%~79s4R*uFb?* z9HR%rK1Rj&bB>;@ZZ)LG-v9A}Hk@0~*TpIOmbi{_(|iJ?Tpy8vKSfXRobL_YD1=$< zJureclzO6Uk*y#ur;6-;cj0&y3H;bK+RW%RsQ6G($s)HGyldaDwu;}ys{O&-G5FcY*)VsD2z?SpN7k(9^ zd&OTLP$w>E#HpI)+Q+FP?U4y7DYd;lJ^zJ`C7A&{i=KQr$Z?VL{5h02!w8nD+a0av zSye(J-nr|v=hC2PwIEDWOY8ZGQbS;l%arI(76_#0Tpn3TeHi}wL{hZC6^C<#Dhy5~ zY5}4fK&O4wj?j!0q!Y8VUF__NdDNCH#_ANF`|cHBRXTe-)ut-e6)O5+p#0-*d=Jen zh!gI{7lhd4OW2<58LIts3IkQp+$ys@YWwzFXMJAwYm6$B(>h&@Ir|invwjz1N8bfOre~4Xlq1*gDf$Qi@ zkU{Zyt3Ldq#nT4v%LXQ%EhKBA~d$sg9pX;DK%y4t7Z*KOR9z0N9=`HfZ zpg5q7A|+&4oAa#tdIuhlckSmKGvEt^kC3!5?=p;^XI;xjl`u{?}?tWrZm&22oVXBov=84_X6WkjIOMY zPlJOCC*G*C9##?BzR+l3u-B77*geCB2`T=@Z_ZR!F7{frGc2PB3F-;@AlR{kr|6t+ zm6!@UQ8bmGmye^49_RK3pHQz{82n4u#yD*-w`Q`3!{q*(Q$;ZfDP+>H?m7U`YoVNq p{r^PF*|qBbYxMk|VL2uo^zi|Ek#t%1qVT@~pbub>g?3&y{{~3TAq4;c literal 0 HcmV?d00001 diff --git a/packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiTable_EuiTableFooter_EuiTableFooter_Playground.png b/packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiTable_EuiTableFooter_EuiTableFooter_Playground.png new file mode 100644 index 0000000000000000000000000000000000000000..393ada181bcf6eb1aca7625670d13692933e6535 GIT binary patch literal 5743 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%0D6KaMp`D>xZr%j6 z4=q=J6;d#Y!~@kdg;j<+j>>cOR|sId;xO490qcj7Af3TqD?_WVzr9`$EiV^7o7(IF zybWR3p z8gM}0;|@Q6#A1*Bvt}gvQcaJZg58S-FBcx|)NWx(x4GTfFi-riTc9VO?^q14k+R`F z0-daxMR8Q_lduZAL3{bVRIPmF7{dyW7quLYsgda~{Ff4MQrc6`y&t?7PXc-uf5&l^ znwAz1ph zNfx%!ZAGy+y@9w+9I?7B0fen{lkbiokP`n49nFQ+B9DL1fYm+z|62X;@BZJ+hze=% XR3C54Mv4PXW00DXmSWjs%eVgns~|Sq literal 0 HcmV?d00001 diff --git a/packages/eui/.loki/reference/chrome_mobile_Tabular_Content_EuiTable_EuiTableFooter_EuiTableFooterCell_Playground.png b/packages/eui/.loki/reference/chrome_mobile_Tabular_Content_EuiTable_EuiTableFooter_EuiTableFooterCell_Playground.png new file mode 100644 index 0000000000000000000000000000000000000000..0da468e82fea4895ad99e904db5eedc675057d53 GIT binary patch literal 4153 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 literal 0 HcmV?d00001 diff --git a/packages/eui/.loki/reference/chrome_mobile_Tabular_Content_EuiTable_EuiTableFooter_EuiTableFooter_Playground.png b/packages/eui/.loki/reference/chrome_mobile_Tabular_Content_EuiTable_EuiTableFooter_EuiTableFooter_Playground.png new file mode 100644 index 0000000000000000000000000000000000000000..df89652215fcc91dc32d7a409b12628efe5dc85e GIT binary patch literal 6744 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 Date: Tue, 14 May 2024 16:31:06 +0200 Subject: [PATCH 05/16] docs(storybook): add table header component stories --- .../components/table/table_header.stories.tsx | 47 +++++++++++++ .../table/table_header_cell.stories.tsx | 68 +++++++++++++++++++ .../components/table/table_header_cell.tsx | 3 +- .../table_header_cell_checkbox.stories.tsx | 58 ++++++++++++++++ .../table/table_header_cell_checkbox.tsx | 8 +-- .../table/table_header_cell_shared.ts | 14 ++++ 6 files changed, 193 insertions(+), 5 deletions(-) create mode 100644 packages/eui/src/components/table/table_header.stories.tsx create mode 100644 packages/eui/src/components/table/table_header_cell.stories.tsx create mode 100644 packages/eui/src/components/table/table_header_cell_checkbox.stories.tsx create mode 100644 packages/eui/src/components/table/table_header_cell_shared.ts diff --git a/packages/eui/src/components/table/table_header.stories.tsx b/packages/eui/src/components/table/table_header.stories.tsx new file mode 100644 index 00000000000..b2be105cb9b --- /dev/null +++ b/packages/eui/src/components/table/table_header.stories.tsx @@ -0,0 +1,47 @@ +/* + * 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 React from 'react'; +import type { Meta, StoryObj } from '@storybook/react'; + +import { hideStorybookControls } from '../../../.storybook/utils'; +import { EuiTable, EuiTableHeaderCell } from './index'; +import { EuiTableHeader, EuiTableHeaderProps } from './table_header'; + +const meta: Meta = { + title: 'Tabular Content/EuiTable/EuiTableHeader/EuiTableHeader', + component: EuiTableHeader, + decorators: [ + (Story, { args }) => ( + + + + ), + ], + args: { + wrapWithTableRow: true, + }, +}; +hideStorybookControls(meta, ['aria-label']); + +export default meta; +type Story = StoryObj; + +export const Playground: Story = { + args: { + children: ( + <> + Column 1 + Column 2 + + Long text that will truncate, because header cells default to that + + + ), + }, +}; diff --git a/packages/eui/src/components/table/table_header_cell.stories.tsx b/packages/eui/src/components/table/table_header_cell.stories.tsx new file mode 100644 index 00000000000..bf240ef7564 --- /dev/null +++ b/packages/eui/src/components/table/table_header_cell.stories.tsx @@ -0,0 +1,68 @@ +/* + * 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 React from 'react'; +import type { Meta, StoryObj } from '@storybook/react'; + +import { + enableFunctionToggleControls, + hideStorybookControls, +} from '../../../.storybook/utils'; +import { LEFT_ALIGNMENT } from '../../services'; +import { EuiTable, EuiTableHeader } from './index'; +import { HEADER_CELL_SCOPE } from './table_header_cell_shared'; +import { + EuiTableHeaderCell, + EuiTableHeaderCellProps, +} from './table_header_cell'; + +const meta: Meta = { + title: 'Tabular Content/EuiTable/EuiTableHeader/EuiTableHeaderCell', + component: EuiTableHeaderCell, + decorators: [ + (Story, { args }) => ( + + + + + + ), + ], + argTypes: { + scope: { + control: 'radio', + options: [undefined, ...HEADER_CELL_SCOPE], + }, + width: { control: 'text' }, + }, + args: { + align: LEFT_ALIGNMENT, + // set up for easier testing/QA + width: '', + isSortAscending: false, + isSorted: false, + mobileOptions: { + show: true, + only: false, + }, + description: '', + }, +}; +hideStorybookControls(meta, ['aria-label']); +enableFunctionToggleControls(meta, ['onSort']); + +export default meta; +type Story = StoryObj; + +export const Playground: Story = { + args: { + children: 'Header cell content', + // @ts-ignore - overwrite meta default to align with base behavior + onSort: false, + }, +}; diff --git a/packages/eui/src/components/table/table_header_cell.tsx b/packages/eui/src/components/table/table_header_cell.tsx index fb216ef9c5f..b5d507c7c92 100644 --- a/packages/eui/src/components/table/table_header_cell.tsx +++ b/packages/eui/src/components/table/table_header_cell.tsx @@ -29,8 +29,9 @@ import { resolveWidthAsStyle } from './utils'; import { useEuiTableIsResponsive } from './mobile/responsive_context'; import { EuiTableCellContent } from './_table_cell_content'; import { euiTableHeaderFooterCellStyles } from './table_cells_shared.styles'; +import { HEADER_CELL_SCOPE } from './table_header_cell_shared'; -export type TableHeaderCellScope = 'col' | 'row' | 'colgroup' | 'rowgroup'; +export type TableHeaderCellScope = (typeof HEADER_CELL_SCOPE)[number]; export type EuiTableHeaderCellProps = CommonProps & Omit, 'align' | 'scope'> & { diff --git a/packages/eui/src/components/table/table_header_cell_checkbox.stories.tsx b/packages/eui/src/components/table/table_header_cell_checkbox.stories.tsx new file mode 100644 index 00000000000..c35dce9e1f4 --- /dev/null +++ b/packages/eui/src/components/table/table_header_cell_checkbox.stories.tsx @@ -0,0 +1,58 @@ +/* + * 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 React from 'react'; +import type { Meta, StoryObj } from '@storybook/react'; +import { action } from '@storybook/addon-actions'; + +import { EuiTable, EuiTableHeader, EuiTableHeaderCell } from './index'; +import { EuiTableHeaderCellCheckbox } from './table_header_cell_checkbox'; +import { EuiCheckbox } from '../form'; + +type EuiTableHeaderCellCheckboxProps = typeof EuiTableHeaderCellCheckbox; + +const meta: Meta = { + title: 'Tabular Content/EuiTable/EuiTableHeader/EuiTableHeaderCellCheckbox', + component: EuiTableHeaderCellCheckbox, + decorators: [ + (Story, { args }) => ( + + + + Header Cell 1 + Header Cell 2 + Header Cell 3 + + + ), + ], + argTypes: { + width: { control: 'text' }, + }, + args: { + scope: 'col', + // set up for easier testing/QA + width: '', + }, +}; + +export default meta; +type Story = StoryObj; + +export const Playground: Story = { + args: { + children: ( + action('onChange')(e)} + /> + ), + }, +}; diff --git a/packages/eui/src/components/table/table_header_cell_checkbox.tsx b/packages/eui/src/components/table/table_header_cell_checkbox.tsx index b43e957c32b..85ae9dcc6d4 100644 --- a/packages/eui/src/components/table/table_header_cell_checkbox.tsx +++ b/packages/eui/src/components/table/table_header_cell_checkbox.tsx @@ -14,12 +14,10 @@ import { CommonProps } from '../common'; import { resolveWidthAsStyle } from './utils'; import { euiTableCellCheckboxStyles } from './table_cells_shared.styles'; +import { HEADER_CELL_SCOPE } from './table_header_cell_shared'; export type EuiTableHeaderCellCheckboxScope = - | 'col' - | 'row' - | 'colgroup' - | 'rowgroup'; + (typeof HEADER_CELL_SCOPE)[number]; export interface EuiTableHeaderCellCheckboxProps { width?: string | number; @@ -35,6 +33,8 @@ export const EuiTableHeaderCellCheckbox: FunctionComponent< const styles = useEuiMemoizedStyles(euiTableCellCheckboxStyles); const inlineStyles = resolveWidthAsStyle(style, width); + console.log('inlineStyles', inlineStyles); + return ( Date: Tue, 14 May 2024 16:31:32 +0200 Subject: [PATCH 06/16] test(VRT): add table header reference images --- ...der_EuiTableHeaderCellCheckbox_Playground.png | Bin 0 -> 2570 bytes ...TableHeader_EuiTableHeaderCell_Playground.png | Bin 0 -> 2177 bytes ..._EuiTableHeader_EuiTableHeader_Playground.png | Bin 0 -> 6430 bytes ...der_EuiTableHeaderCellCheckbox_Playground.png | Bin 0 -> 5024 bytes ...TableHeader_EuiTableHeaderCell_Playground.png | Bin 0 -> 4289 bytes ..._EuiTableHeader_EuiTableHeader_Playground.png | Bin 0 -> 7450 bytes 6 files changed, 0 insertions(+), 0 deletions(-) create mode 100644 packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiTable_EuiTableHeader_EuiTableHeaderCellCheckbox_Playground.png create mode 100644 packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiTable_EuiTableHeader_EuiTableHeaderCell_Playground.png create mode 100644 packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiTable_EuiTableHeader_EuiTableHeader_Playground.png create mode 100644 packages/eui/.loki/reference/chrome_mobile_Tabular_Content_EuiTable_EuiTableHeader_EuiTableHeaderCellCheckbox_Playground.png create mode 100644 packages/eui/.loki/reference/chrome_mobile_Tabular_Content_EuiTable_EuiTableHeader_EuiTableHeaderCell_Playground.png create mode 100644 packages/eui/.loki/reference/chrome_mobile_Tabular_Content_EuiTable_EuiTableHeader_EuiTableHeader_Playground.png diff --git a/packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiTable_EuiTableHeader_EuiTableHeaderCellCheckbox_Playground.png b/packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiTable_EuiTableHeader_EuiTableHeaderCellCheckbox_Playground.png new file mode 100644 index 0000000000000000000000000000000000000000..93df543d7060e2bd99c9257dfaa6173d29d45032 GIT binary patch literal 2570 zcmZuzc|6ox8~?ee*ZYgKrLC8L= zcR0S8Us% z5C~+b(yKv0%n*q}VQIc8DJj$JN%_!F9d&heh!J7mL|AqicQZ4QDQ4#8nIj{e%bduB z;E>wsi3uNCn0_Yw>520iJ{!+?1@U3om-pw~K6^Z zceo$1c=pC~u89JHZ3XTQ zl5bYgKCwFvHYvf(dp z2#aln&A*5`(ksa`N_{Zs^CZFmGVH3w8Mrk)b1yz~@_h6|Uf}bKm7xBPSQ&RnpmDgY zoGeJqA^F?f9O#s$?O4ceNZH?fz~`7nu7t(HJc$yZKc8#`sg0}C84Ouj4GRzm)cK1v z;5}V3aMJT4LPQZ2L)2bgU+euFYL2wDl*!xqMC8b&;H$m8?aCh%+}O@g*>`g&;{K9$Kp?g+xvGe4U?!b)2_4L=-nNtK zZuurL+TW1IC<-z-8aokJ0lpb~Y682B?Pq_bVI(#EjF)1wbJ=q^vU_Ds+z!K#(%`kg z#IYZL_n~LQPE-0103HeQbfe4?#A7MZ+yGx!Ia#IKT@i=atFyhG%ZE+@L~L1Bpf%h& zPpC<{*S)BYocqB$8t)f}aW|b!+LfwLE;tBK0r{Ero;giF%+RVB|3WBdR;H>F7Ylar zYNr_~yI%BcymI*PVOjq^QS4Xm$c%GMAThB__o5mLHY1~xi?(#23!!VdE-<|tL%lZ zTVid8?SyX;A_PN`etv%Ztxg$Twso*ze6^DD7=2kS{_F5>S&4~PV0UUb>_W{NyJfub zTP@m)(SyLiG1j!Tl$2DU%epa?FzDgwUz+WkW5V#b2oOOTwy9Y6rviyf6DpEA_}hE} z5`8oB3vF~d>W+rFA`h_~^9TQUW8*o{ufIY#4dv`oFckh;sG3EtVD&FZ71%ZCjypI} z9h(vAV~ef-xBN7(Z-JQRxWvQs76+!9rexypT=8Md~$mPM(C*8d@)#NGz}?oah8E$hqc zy=T$N1Kj?BHomdpI5IliL8HNKR9)4y^qpihL$;Pw>q@p@(UH*>BjNWGRYM|}#=Di^ zw!t5~P}k$`e_9W!FR>!$b3f;RB({)E_rIJ@KF!M>9#+%Fs}qOk2zyJ3Ypi$YEu-{D*d=VH-SKyf#lb4$dsgdApp1?F3;!?as7xi@l2ih^fpUo=Z_w8 zIRFehyRVhz=31Rr_3U{z9)lSuPRD#giG2J317%7VTz7s$!)ArX1!*%59pY#L@?gKAKx?SjijP zl9EP7r)OvL_@17yfZs1Uc03Y=q?)Fu!-uNe6PgFUv@_!}zroZsd|OD;_zn1Ak`J=h zs{!=~08}(HSkvzx@6wh*v&)N%uV`*aA44+19Dy=3bL*_&0X(7#=te<&d|3)6=2HV! z=W|FHM!q@$tka;7AaM}rE~OG87VXcQz|8K>h({kgN>3Z2(#p=h7r$a3HqRb26{9Fa zymk&`DWG%L=SJf$PX`3xYEjS4W!RLW2KepZM-f-IUV-xp=c!z${U$#CoT;hco*6QV z0&)D?i9cq=s?>f*q8TQdW0(n#Ot?hrUASj4(oKS(Ka7;&O zSFZ^Qh&j@60x{1l{Pn0@ua`$8nvDz5+CO}tdQJj>>fV9RKGwZkX6@qQk_ZX%Y?2G@ zvSq6Y0`|%t1-6_`EPR=L+*#=@^~@|5g|uKjneC!{AFazD(*mwV+Pm(!gweeGgXkE3 zsa4CWcU$WxH(Nxb^|=v=7Hg`-Bpv!+a?#l|A=y~3&D3zdP@+-%-t3&T^g@T>Uaqu< z?k#R0-`?JSFtsQ&{bk`b&5bJB?WQ8D6B;8Rt({T0gYP7Oe@X%3?4_4cuSkiB;-H0L zMQ+?ip->`M`v(WDwY8Zn)`EvJH#T(Mp9Hj?i`R_=3I_OOky~6AEkNyF`@VLtW literal 0 HcmV?d00001 diff --git a/packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiTable_EuiTableHeader_EuiTableHeaderCell_Playground.png b/packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiTable_EuiTableHeader_EuiTableHeaderCell_Playground.png new file mode 100644 index 0000000000000000000000000000000000000000..1641773998295de0e8e1848ffec5255db3441bbc GIT binary patch literal 2177 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 EKX96eWdHyG literal 0 HcmV?d00001 diff --git a/packages/eui/.loki/reference/chrome_mobile_Tabular_Content_EuiTable_EuiTableHeader_EuiTableHeaderCellCheckbox_Playground.png b/packages/eui/.loki/reference/chrome_mobile_Tabular_Content_EuiTable_EuiTableHeader_EuiTableHeaderCellCheckbox_Playground.png new file mode 100644 index 0000000000000000000000000000000000000000..926d6a3e5c0e8984e652a6f606701b7c576efb5e GIT binary patch literal 5024 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 U_c`(4ZwSEnmbqbtzI(!d0Du4bpa1{> literal 0 HcmV?d00001 diff --git a/packages/eui/.loki/reference/chrome_mobile_Tabular_Content_EuiTable_EuiTableHeader_EuiTableHeader_Playground.png b/packages/eui/.loki/reference/chrome_mobile_Tabular_Content_EuiTable_EuiTableHeader_EuiTableHeader_Playground.png new file mode 100644 index 0000000000000000000000000000000000000000..750b1aef8123f0c49fbb8a6b35d328d8b3e87584 GIT binary patch literal 7450 zcmdUU^;=Y3)b>GX1VKt_2nCexMjAv)K)R$60qO3R8VQG#MmmNVU=V2sK|s12=@b}J z_zv%LUEkmEzVpM(o)deYwa;4jy4SrvzE)Qv#HYpw0Dw^WrMwmZ+(Uq4X}kayjEw)f>Jc?eynlgek8^Bt(nE+N6le>%<3$ zOp4ErC9*emmv`&b2WPJ4-&db{YIdi%XN|KbCAs0>xMMY_4u@d0)Rq!ZAfZWffDvxO%maS_g-p0hmsm?X|5S$%I zNn5NaSy|i4C>UVP%%}~w`stl)%@fqtuCy$wDJ#p&qQ6Yn<{Y$bjtxsYpl%J;*4LL+ zrGb6y1-X?d`QE<1T$j}!o1?{)*e3@#@80=(>ynx@IpgJ-R|5bw^(n8J9@l)a%yioVaDFx*}bNG zqBaXpB=(q+D^FYLzJ6M!&UWjp*RG<~8!{I4$5Ez|e*VRebX84FAuvv}i0jaM6(+5Z z2&wJfy!Q!w3Kt|TEG%qyUwiEB>yt`77U*%X5b!{lE{TnbASa=?=YAv<%AKFT;9oqV zGj~eUxD@c047{XY@<4?ej)f3H^pij!9WcMMeJt*wC*E`vp}mK%jgj6Iy8N8emV@>6 z?i>b4Sz~&$g6R+L;pLe)`1ts_#gmU5XSemd5_^Ms&92a0LsG$jzj9<5`NK} z!qqMt6M|E-m6ic!7yd6`mHP2x_4V6qwcR3nJJ9p90}Mb*OKWNej#J$wOMJ5}YBN~# z_6iGoVKqw%uk`u3|BLI0L5=a}+XFNbK{xrY4hV5YqOPy~c~eWa!%;$G0v1~_hihB> z#z_AN&P*bDY~e|hPf1A@JBE!TU6H5nf43Ux=?`WR0^Wy*BoN6!rjd<(^p}>q#Xo)8 zc&VWg6%&K+?&0xPz>Yx?O0Bv4A{cbMG~pmdBhb;fX6l`KrfmztNLN-@F@OTagy6(s zX`nso;m4`BjU)gAGbdrAq&NxbF_95szkL;@ky}y{{UX5EJnz(htf~?l0*#vYn{z%| zu`aZ=%J(@ogWE0NyIyD}-8j~*Fb+F8aR-7c2beZD?N*oax(<)U!_M&NU$@*G5KjeL-&|ZI{`%wx6Eic`^z^id=P%OZ^}%IYZg3xIrS>DP&gfSxwH~dlt>u=M zeq3nvecQLDoV5x=4M_nTgI{of&FyWAX)T&TG)g1eV)6Sw01y@R*_~DX+l%T5toj3x&OQ5CNtd^bU@T{R0k1L`C zx?@bB-eLMtEXAObo&ICvc{J0x0nc9o{NK7}^b-@u@`F!`ngcet{N{&hxK$$w|NRYE zt8xEnaou_g%t9a}A?pJ{<-c9 zp2*1%2`1M3ec%DaA&%rLi#04@c!l|;np)RYI3^%%V}pH@#_sLQ`(dAUbEnb#N>N^Z zrFVGM`}~k3DJePcYgvrv-fYL51DkCdls>tpV*w)q3kwMTnarB+Rh^wRBc*8c@HyYaWA9JcGs??lFkA6za=*Y={~{I-?qRJ5N>YP?hX;3N zW=0?Gk7pb7?wySB$)$(L+}zoUfio`t-{ZVRUHXaR4OxxqqF&p>3;**AoTc6AV{bZ0 z0vP#Yr6x4k*mQ4ggvddVf(OjcoiROK6Xh~xi}|^`OQ%^5!^bA14jwL0gq=%1{iuI$ zHknleKKb|WUl77pF&jGL;&IHuS2|X0MjsjAC#Rwk>$rO4YHry=_C3&6eu0t#jlVHy z5{z015b?K@q87A&i13IdXxVjw&Fh?0~tC+ z*f~fsG3Ti!3>TLpFsr1#G;ukb!eQMQcy{jEan8oX^r+EkJ`%(xv~N?4vHUAiYU&@` zX);l0rVvMPomnpKAwmbyQ@b_X3jGG`kdU(}bcyf>=PR^{F_JjA03`wUm?c7Ra&Zws zb0n~!s4n-qQip$FxbGg%e2-Tgg3R;0>vQ+NJo&gsN=FyguUEBlQc6nh%eR8CWkoo6 z%G%gatgZFEnAbf~gc0X%gKm29h4ra_@K!H8IyTmFXJuuDn9QACBl|@cIP0BdfXr{> zY<`Rlk(|uTOjMtc@5xJw8i>gG!-)@5&s_I?j`+w-O&6R!UE5QBl41a0#tKz5G<5bj z1^@~F^T(4_rqY#$4FE7?_N^Ovir&@7LElFF`lUK}3ORSZxft1O=;>)5YZqc-dbQTt z(ZPsIL?kndxMT{c{Ps-(BH{S&Gb z6)s+2)#&IL{%G>x@{B*cF8TgMwb6hf)#xby9a;FW@SXf@l9XBgu{D_08h{d3TICHruXTxfAldm&ZN+(KHT|H!PgxsMJ=^RT8dJxOT06ABA zZ7mBMliwXd(voSogV8G5O$-nYb!`w_VDKc*s- z|99E;HnK?6u-a~0=Ah@^32)a3ZCP2Fg9+&QcjE%ZjF??+R@R5J%>A0x zrY5S7rC_5oms_K(B2KRBy9aPDdIEcLa`HpaiUc~*@MRXcX)i;Bh2Y2trbf*j0zrI!XG-%(k0Z3Bz~y5itIu6mYtJ2~cf*y<6zdK34dEzY zvU-uj)0hfs zCOpl7;G@+aZ?A+X5fblKydMZq$AGLH40^m4&t_Ld(8JEf)xmjbm|`5NKjMg(REXy^ zW$0ZTm1Il<`ljK76o|$cxQ13tOiTtm9L5`~tE=X}^CZ7XK&2HFut0WEQwu*43q`YVm5ftHG zZ4ECCUX9c#d7bPI)1_7$TZh%Fsz!D?%%nUz10z5&nI(SN@*&8S|f-g@|lR5ni>`~)o6uR+(Y243@3v(Eqm5#W8sN(_?t-Q`3jRB zq|ccXaZ*y!ldBK8JK=|jZaQgR#KwL zq}`kT+o_;Z6M*6ZLXX2UchsM;u|+q0BX1b< zLbY;bP>PUjfGHqdXMP`z)M1xY5B1>WR2%#*Dmu-q%Wyx8h-s%jQ%J_y85bC9BBPVP zCL<@Ge(y4-1|pCUgG!on&>Wa!x=|>-68dikfi$3K2kQtODpUI>ZS6UTQjOj7A7UwwoS!AcMs7O;^KN@63@~CcUJ*6l| z8gU!4s>LQedU`YUCEG@Gy5iXm=mdN!*oV$>f06IWllx$`Iqhn1&&Fkn3~l^SkeHSh zJ@-w5Y;9w;;B{D6(DNs99;7O7%k%O&uwCVqP;a&#n_Wc#!5JBbAFpt8uKD@+%1%Ue zbc)sK25Y~4^DmtxBV+TV)E_BOT9yv~^kH1O;MrkJLZIG{?4s2Pwed&X`DH!#>Q3TR zuXCFaS{|gtV?%#0H~ahhV=*%qwS)=q@oTKM@WDzqwUXv{8$Eh=K}LqNRKUfAoBddv z60%lQSZKWRg3Zj3v4^=pe>K5bY9{F^Gqc-0BS7DxE?O-V1J}ko^Vv!GsZ#lFa}P+| zRbW-po}TD4u8eMCmAA8b0pb)>V5t$^+1bfg9Q_UC8elnfNrko!6HQ5p+3)n0F#UKy z8dz9u{HljdMaDd&7rDEe^$7h`p0EDHB2l*K0)PoE%U}5R-0er(;UTVs_c?BtT4Zep z@vBz~tn(w=Hcs$;p}tqInD_NELLaesB&HyLZXCnir(dbRZh3oS%wc9@^ydY#(B_I{ zvVSF<#(|HI@71nl_7|N?(obct**qaGAeD=!Nex6@8{ugrgTN`$|M4R|{Cy+40|htP z^jRAV%Q_teSFN@1%6*)ZsG=TsJA0we!()6)ACoEde2m7vT} zF$-s8t#_!2YO_!af~h ztiyCUsNC%BsZUO^0`#u%2Gr;wkdWUsJcEAP+S)G1>yC)Iwl?$TKOiQpNW`@2R;WhZ zh#Kynw1r>)suvLC?Q|D0LWA%&XyPXycqU=WHBnV(`NYjf0-~}yUT&+Qo>7tX*XHu_ zvTm}~?{vi-=UKe7)G3%J2Y(seRh-KKwS|rU-ek9V|NQ&zUVGW+{^=4M*|KdvWA6UZ z;ow>Blk+3etUp~!2_M(eD>;_;iGbY7d9n=IfOT%O?|swRFj&HUoSTrGAmCouz6*Ax zqM{=F!836G?`WuQr7^bjr`5oaQwyul!=2Y#+CMp$buJ(}pR)RWocXbmM=nbQBMuczJb!BdwxB5E&V82wLti`<;N0 zMo3z=6UXJ6sx1CCy)HVQvyb!H+z2@Yg5d?tH%2luFR&&JEI4uAyC0@6Ikj6$2!`b5 zY_V|QMG-_xd(`=8gnV!*CR-9&_u!t{RUw_IFDaG8j8fd{=>OkoOO!ZK;`H0Sqh_PdT4%8@FNyYlp=pbc$1qYq9> z(kcoonQ4fvZLqSnT|IZgCFnBHbj(`;*E@q)OdcO zYZ=~O9QtG(dVYPuzs{-OjePej-7x~;c$!zei2dTl_d5m0!eYVvG~;xtxxj8ERZP|z z59vh@g-C_KU@T)hW6v9*t%qlK+D^w0#ZNHU%~#svj0^>t0DD7fBHC-5u1KPeJ#nuZ z`%~YNl9HMwA%XhMb;WZ(AT*Q6C{tnS_`>elSnlhL%tog=cXN66 z{-v^Vhjkrk9CjwiCmyoio^}Ld{4*Exe+;y@=h`KufDe_HK)iO->U{ISR;VV)U0}1F zj~WXnDp!eHuB5DtY1jJC4Wv^sE#vJD;!8#OL`DNmjm;i55L)b#kbthKslUfy*VGcg zN*qOW6Q6)h_d8#~4VHYi$*VytxsLawAVj3*wwf(*+WQMx-35t$W z#l(Da8~K1YvTgBsg<-R5A=IEB#_4=hA;qFjJCq(lKQKa=yVY zVx6FxN-ORf%^yp|kk;_)s@sLb$o`2diW@xbG>>e*>gLrqRIPr~43db1z<-yn6I)vi z;f<4;_3w?w@{K^IG&gr3KFh!;m3-jR$^ivkIqOI~q9ZImx2lQ=EY~(0-x0PDzK8ep zq`TcWoB&+SGYDxq%~!G2V@u-V9`vIbK!IRY>9%7z}jvK=lge7a{)WR76u1b?DfBBX>srjg|T>5$eEmGxEyoz+$N-t zB_}7}H7i_S1jsrH3fjFF{&OY`HE4icBHS*32w{@}N?* zJzlOfDo3iNyz<>tS0~k}bvmUb^L8%$c{2L~Rw$}pK~?pEm6cU)QPJ}x5)5L@`r%>T zm&$4p;LMph6iI8Hv4dp!xcBFev^fW@Zw^V^e2gzfeY-+&8*wX}ye0zP)4+ z6QhR1T^>6)U|O!`r?-K1v-u~@Vbu)Vp)AEK^j=v(T45xq5&eI6a7nfCH@Tit15175 zJD@lo8aOKyosiHm)1WZgif}4Ir9-km(SI~_zymvGT2&x9=5;-3;yW%bD=%MN`)K)l z^!>$s6~&h%`2StOsI08)>@j=S5UHh7!jKW;DUi9(dj_3mR;SeHh06Zdg=4!@YI0s2 z<>u!bmtyFK`)mCFrX0hB1mb_Xcj0d+|C>`bT0XZOcGu7ge~J0O;ZXSP{r8UMCHdVX SqF{d$P*zZvuabQm`u_l8=25}` literal 0 HcmV?d00001 From 84925f846d5d7fd2e21e59eda7513e8618d80fc5 Mon Sep 17 00:00:00 2001 From: Lene Gadewoll Date: Tue, 14 May 2024 16:31:50 +0200 Subject: [PATCH 07/16] docs(storybook): add table row component stories --- .../components/table/table_row.stories.tsx | 2 +- .../table/table_row_cell.stories.tsx | 104 ++++++++++++++++++ .../table/table_row_cell_checkbox.stories.tsx | 45 ++++++++ 3 files changed, 150 insertions(+), 1 deletion(-) create mode 100644 packages/eui/src/components/table/table_row_cell.stories.tsx create mode 100644 packages/eui/src/components/table/table_row_cell_checkbox.stories.tsx diff --git a/packages/eui/src/components/table/table_row.stories.tsx b/packages/eui/src/components/table/table_row.stories.tsx index 153bbb386a6..b7bd667087f 100644 --- a/packages/eui/src/components/table/table_row.stories.tsx +++ b/packages/eui/src/components/table/table_row.stories.tsx @@ -22,7 +22,7 @@ import { import { EuiTableRow, EuiTableRowProps } from './table_row'; const meta: Meta = { - title: 'Tabular Content/EuiTable/EuiTableRow', + title: 'Tabular Content/EuiTable/EuiTableRow/EuiTableRow', component: EuiTableRow, }; diff --git a/packages/eui/src/components/table/table_row_cell.stories.tsx b/packages/eui/src/components/table/table_row_cell.stories.tsx new file mode 100644 index 00000000000..a0717fb2e66 --- /dev/null +++ b/packages/eui/src/components/table/table_row_cell.stories.tsx @@ -0,0 +1,104 @@ +/* + * 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 React from 'react'; +import type { Meta, StoryObj } from '@storybook/react'; + +import { + LEFT_ALIGNMENT, + CENTER_ALIGNMENT, + RIGHT_ALIGNMENT, +} from '../../services'; +import { EuiButtonIcon } from '../button'; +import { EuiTable, EuiTableBody, EuiTableRow } from './index'; +import { EuiTableRowCell } from './table_row_cell'; + +type EuiTableRowCellProps = typeof EuiTableRowCell; + +const meta: Meta = { + title: 'Tabular Content/EuiTable/EuiTableRow/EuiTableRowCell', + component: EuiTableRowCell, + decorators: [ + (Story, { args }) => ( + + + + Cell 1 + + + + + ), + ], + argTypes: { + align: { + control: 'radio', + options: [LEFT_ALIGNMENT, CENTER_ALIGNMENT, RIGHT_ALIGNMENT], + }, + width: { + control: 'text', + }, + }, + args: { + align: LEFT_ALIGNMENT, + hasActions: false, + isExpander: false, + setScopeRow: false, + textOnly: true, + truncateText: false, + valign: 'middle', + // set up for easier testing/QA + mobileOptions: { + textOnly: true, + show: true, + only: false, + enlarge: false, + width: '50%', + render: null, + header: null, + }, + width: '', + }, +}; + +export default meta; +type Story = StoryObj; + +export const Playground: Story = { + args: { + children: 'row cell content', + }, +}; + +export const Expander: Story = { + parameters: { + controls: { + include: ['isExpander', 'children', 'width', 'align'], + }, + }, + args: { + isExpander: true, + width: '32px', + align: 'center', + children: , + }, +}; + +export const Actions: Story = { + parameters: { + controls: { + include: ['hasActions', 'children', 'width', 'align'], + }, + }, + args: { + hasActions: true, + width: '32px', + align: 'center', + children: , + }, +}; diff --git a/packages/eui/src/components/table/table_row_cell_checkbox.stories.tsx b/packages/eui/src/components/table/table_row_cell_checkbox.stories.tsx new file mode 100644 index 00000000000..978079c7d45 --- /dev/null +++ b/packages/eui/src/components/table/table_row_cell_checkbox.stories.tsx @@ -0,0 +1,45 @@ +/* + * 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 React from 'react'; +import type { Meta, StoryObj } from '@storybook/react'; +import { action } from '@storybook/addon-actions'; + +import { EuiCheckbox } from '../form'; +import { EuiTable, EuiTableBody, EuiTableRow, EuiTableRowCell } from './index'; +import { EuiTableRowCellCheckbox } from './table_row_cell_checkbox'; + +type EuiTableRowCellCheckboxProps = typeof EuiTableRowCellCheckbox; + +const meta: Meta = { + title: 'Tabular Content/EuiTable/EuiTableRow/EuiTableRowCellCheckbox', + component: EuiTableRowCellCheckbox, + decorators: [ + (Story, { args }) => ( + + + + + Cell 1 + + + + ), + ], +}; + +export default meta; +type Story = StoryObj; + +export const Playground: Story = { + args: { + children: ( + action('onChange')(e)} /> + ), + }, +}; From 3aa351682f7dafbda611a87105a98b27191ab23f Mon Sep 17 00:00:00 2001 From: Lene Gadewoll Date: Tue, 14 May 2024 16:32:08 +0200 Subject: [PATCH 08/16] test(VRT): add table row component reference images --- ...bleRow_EuiTableRowCellCheckbox_Playground.png | Bin 0 -> 1469 bytes ...Table_EuiTableRow_EuiTableRowCell_Actions.png | Bin 0 -> 1370 bytes ...able_EuiTableRow_EuiTableRowCell_Expander.png | Bin 0 -> 1440 bytes ...le_EuiTableRow_EuiTableRowCell_Playground.png | Bin 0 -> 2965 bytes ...iTable_EuiTableRow_EuiTableRow_Playground.png | Bin 0 -> 4016 bytes ...bleRow_EuiTableRowCellCheckbox_Playground.png | Bin 0 -> 3864 bytes ...Table_EuiTableRow_EuiTableRowCell_Actions.png | Bin 0 -> 3610 bytes ...able_EuiTableRow_EuiTableRowCell_Expander.png | Bin 0 -> 3846 bytes ...le_EuiTableRow_EuiTableRowCell_Playground.png | Bin 0 -> 7265 bytes 9 files changed, 0 insertions(+), 0 deletions(-) create mode 100644 packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiTable_EuiTableRow_EuiTableRowCellCheckbox_Playground.png create mode 100644 packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiTable_EuiTableRow_EuiTableRowCell_Actions.png create mode 100644 packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiTable_EuiTableRow_EuiTableRowCell_Expander.png create mode 100644 packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiTable_EuiTableRow_EuiTableRowCell_Playground.png create mode 100644 packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiTable_EuiTableRow_EuiTableRow_Playground.png create mode 100644 packages/eui/.loki/reference/chrome_mobile_Tabular_Content_EuiTable_EuiTableRow_EuiTableRowCellCheckbox_Playground.png create mode 100644 packages/eui/.loki/reference/chrome_mobile_Tabular_Content_EuiTable_EuiTableRow_EuiTableRowCell_Actions.png create mode 100644 packages/eui/.loki/reference/chrome_mobile_Tabular_Content_EuiTable_EuiTableRow_EuiTableRowCell_Expander.png create mode 100644 packages/eui/.loki/reference/chrome_mobile_Tabular_Content_EuiTable_EuiTableRow_EuiTableRowCell_Playground.png diff --git a/packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiTable_EuiTableRow_EuiTableRowCellCheckbox_Playground.png b/packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiTable_EuiTableRow_EuiTableRowCellCheckbox_Playground.png new file mode 100644 index 0000000000000000000000000000000000000000..d7707ab208303d863745c7d7f5427ef50f55e416 GIT binary patch literal 1469 zcmb_c{WsHl9RHR?WldLIP1!j&k*ggKty0@qNzKAI?v96$l5vk>HC)8Zjl=C0!bQ8- z%0qc3Yq~S0hg)4wvunt>wrOcGqed1p_kO?bztH=K&-?X$f8GzT&pGeU`=&360NZM@ z6#xJj(Zk&j01PuhY-hX~JPi!PQb4sK&X3>*Gzs@kgT|&fHzL^>lvLx0U%==nqWej5 zQki-p?8*cMVf2wo;2fQ{!5Y2V$GJ6F9HVx0YTf=##f^x_EnY*r38Hi+%BF{W+v&rN zYZ!FHCYxx}li3$4%q?0`C&T~5JJn1SwQq0bwsLi+-b@WOVq2=zx#l*R-GiLi&^Omy z+4XT6S7kC=rgrYaJ)8^U!~HjcoPejn=R>Rgb{HE##!z~Y`E>{Yz=P})yCHq=jB(}$ z2t;Ro1&6zyxwEKuYH@M4hb0x5z~MfD!L~aGN5%?rbC(VuIpW=Y2kHfs@!QW<`!Q?o zh1e@4QEbnJiuaGXZB>CN(r63Wj^aZN+q`1b8aN1j${Q0Ioq%3b&mBL1p%JVe9wHuJxy(;e6v1eABrpA5^?E-qC!aw&s3!NI|U z~ zwoXCZIJ12c6!dlUmw$KNdReE-8X)@&+*+Ph3d$&!o(pPfnoCJ&TF{bOHK6dp6?Ltt zSvdW>Jn`u0G3!L@ZYoQ{V#nxDkDY7od34F@hY@qAuH3C|CF`SC3-7Y0loKfx1ea{2w#Pf{Iip=Vt4GhF&RHD;#grr7}-dYIn2 zP`)M)V#PL`xvCa7>2@ z9TydnL}{byD6HkrVuS^zz^J{=YehKxq^YMPxr8)q1yuw3jM1*9u2<#01y$8kp=Kj` z1sf~Ix8POyF8iFE9H#U9U;|&*w7SHTMa9R*W6l^tS$F@gn==)NW@csz_Fqyc%tq8Q zhND8E;7#i5rSU%{eejSTO`J<+!l7V!xD&`Y@vwte!K`$m)G(lrAzmIG4V+P_#3Ioh zUYzpXvMdH0!_LoFC=*CfN;)(4RrBpX!q=vFkwGa)##<#~&mQblLx_D;zvbnH*Lb~k zfB!Z#I2aij*BJU8^OZz3+QW^-TKXr?+ia^wW8o zQ6E;H^U+umSmImMU3QVP>@I()&1;?i)}`wlmumpE&Pf-TkX@sxUgWt!sS?$X6jg zm6a|AdV}dXX}(`AnR^lBl&H;J)WRcz2)f@)wyYE9)vsh-)pX&h;}Xun&Q3Z4iDb33 zfiK~5t$Q(J;-R6#l#KO$S7U{?rqE&p%E?yKv(_?MI3> literal 0 HcmV?d00001 diff --git a/packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiTable_EuiTableRow_EuiTableRowCell_Actions.png b/packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiTable_EuiTableRow_EuiTableRowCell_Actions.png new file mode 100644 index 0000000000000000000000000000000000000000..dfc99d8421652799ab33ab59074d4b0f8aea222f GIT binary patch literal 1370 zcmb7E|5uV%7=N3(IBp*8oGtrel1J;9&M&PLnJm*>j#M-=D`io`Br2sOhlKK$T3cI% zqT)=2l}i&9mu6-tWX|u3OAXEjlGaesfWD9jlJ0%q&i;U&AMX9!d!Endx%WQzc`nBi zA{^}3*#iLJfd4i;4gl=(Anb+u7#eNtNGxbtL63_F14J?xEwr$uhvDNO2%GDOv!T5Ty){O*Q3D=vNl70z(_OcPr^Tf8Lm8&D0lxai^?8L$9%)8hR?KLSS?w^I{@N+ZWW?%e$)dEl z)5fOx@ZORNF~9FB2E+*x?^&hkA&Ay;Q%h9Z9&TGa+XtQ4(q6SKpxv$Qq+*-dNRi}6 z`tmDiSvqg5sg2&mFi3FLUb0zd(Dy#)urWS9J`~&ncvXqJ;zsl;=6bkSR#uOExnS8yhY*a44o*I*i)qV|Sn}YR17?jG{!d3f}!vnWU&Q486 zu=5KF3ZBdRHR-Fz8@DS#b6J!?UC_~S!)P?RCV_9CxHHWf>D6~*2zjjjgcE`5m;H*a zRg3*1X;Sy#AFMlAOCuGj(uMsz-z5G$xtz%CDj(!$?EQ)|9Hq!!pT6*N=cP;ihm_5} z-U%Wh>o)XQM&tY~B70M3XQx)Hi;SU>c1LjJ*+_0D#bYzgKa8xFb@X59jto239woIrC3RNWsz#sp4!^dp)*& zjwXE2Pz9opn)a7iTyMK(F0bXB-1L6O>e!kxHCDtsC88SIWYmmtT^|aTKA&^^*BL|? zScA^-hqrcy{@)_p-g7_8+lW+KtkVZOJih;C_{YuXkahxecZ2|!<9$|(opWvBK=^M6 K;i9l3IsX9_%2><* literal 0 HcmV?d00001 diff --git a/packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiTable_EuiTableRow_EuiTableRowCell_Expander.png b/packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiTable_EuiTableRow_EuiTableRowCell_Expander.png new file mode 100644 index 0000000000000000000000000000000000000000..1705ad3ae5c2fd4ec33cf0788d9075c1a5ae58bd GIT binary patch literal 1440 zcmb_c`&-gi82`3(@kGsfS}W70J?7j~HYyiB-teB`JqJ4DAy(#CY9S)h1TRz4EEiT@ zQh}{4HM5{;iC64?6EPJvMZBaygn^)fsOb3e>_2Gdhx2~Udp_^yIp@6Zc?%-LgEp?; zu^s?`jmRSbQ2<~`H{m^y&rS1MOB~f?){vrt`~Z&7R$*FLko=G+h-uIur!JV-!N>q# z)H&uyN!Fcy^3E5ULFp)wD1lB%a|%$e4>lol;|09p%>||tP1Qj%F#=TG!=T-NL+lt2_Q!QqA5?H;mV&m<|L03lHn|ly&Cp2eHqZ4e1^0Km?3yH__LCV7=ca@HW7= z5Z~>f{nOs!1ZcB!KAq5%LNf9qp3T{1~ky-|p3gyt;-H#)^JEnTtoO7}#jXhjO=V{PB} zshA~V)%7cOp1q6glf*DGIdf6eLc4u>BzqMK9xd6CYIthXOjPKcM_XFQ+Ar}`LMMKM zSH9R|uY2p5Jxvyh(W$+!uj6Z_8+N3w=vrE=;^%J%xttyOU7=KVx^D9>?)jVBr8|R} z9cjSy_7LIT30Q28{VG9LsIW%R-e#|wbC+CInJk%cKK*qWy4&vMNLW^IGi`#+PjMr` zR}R#%y^9>XCJ&~a!Up2?HuMO#Cu_I0hi;J~;mPf&q-C6wc6?Bde_6E4B>AJPyYd>& zxX4qeRGeST`3J5J3|-UC2rBDO%e_fz2Bo@2pM`E}<-sUiLk4_x;z((CMUjcK2f-U- zyhfwZj>zKJ*fU`tJ}SX>DkaX02X&|Pk@K8C|-BEhEt0(rCny2z>)+3AuMAUJ&j^+ZjQ+t=bqV_HjU=vPflfq;hLEoj%%Mp z!fMoA-fb%NJXDNce9v5}h{$8rjPCo@iBag1(B=2}W3z5(srDKFDCGwDcZ?BmIk$DC z)D-WMfQnNw)2K4fWE`g@;mFmgsoK6+&D)CU(RQZ?x$ESzN~bC*2HN)~nH*dt3^l$J zBpHXE7upUj2xp%mqAB8?F1`Kz4e%|AGD z(|_&67xLJ=VYv&k76kt%;Skk|mDzze>yIB?fN`bK2zOGE0CXS&!vi>eKjr)jfRKth literal 0 HcmV?d00001 diff --git a/packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiTable_EuiTableRow_EuiTableRowCell_Playground.png b/packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiTable_EuiTableRow_EuiTableRowCell_Playground.png new file mode 100644 index 0000000000000000000000000000000000000000..542ab18689faa80c5bc633f7bcaf0e66ef6a9626 GIT binary patch literal 2965 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 literal 0 HcmV?d00001 diff --git a/packages/eui/.loki/reference/chrome_mobile_Tabular_Content_EuiTable_EuiTableRow_EuiTableRowCellCheckbox_Playground.png b/packages/eui/.loki/reference/chrome_mobile_Tabular_Content_EuiTable_EuiTableRow_EuiTableRowCellCheckbox_Playground.png new file mode 100644 index 0000000000000000000000000000000000000000..05759b47044b7b3e7cca2047c5a5db03b7c8aff6 GIT binary patch literal 3864 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�E;W6K1xrQrAH{A@2bPFfqbdsKhXB{$zyG+Sch7Th8h6a zAbofJ6#~r;LF;n^J~ZhB1O$9Aw9l{L^^xH+XDzz)r;O9%oBb8AsNp7^QOdjoJ17<} z@%d|ngJe4pzCYx0AK!TZS~EBq)PPU*AojDS69g7SX8tVzLc_w9Z7hgnyC-WkBA;&EK`~A8t z|J#UlSQ@k;)xUKmxJ+)K4mi?MYn9o8Pn+jP)2`j=^4C!GQ`h{_y3V{E>$1D;=r?dI zwcQV*Fzwq|s#aLRh~&MlbS8Y@{d)c{@i&QW3)hrFKzbz&&wsJLUAK>RmMwbXCN|{& zYLB=2VXlaCmaG@O5bB_}U?Dsiw-71;vJ(P3;!|<)*p&5=-8QD?Rqv(iIh7i3&$7f{ zLl108nu=j8b}VB*EKxPI{AX!)@q0keM0U=f8)lgJ3Z*$)LmXV>zH~lm5XWirV_O!5 zYB^WZjA5G;A~9hsz@2hceYw18VOEAsne1!CUod>TCmN)7`0+j7DNm`IQrHIkGZ(S+ u#+Oi2>Z=m0ZIp@L8_?(>YgSFg?9ClFC?kwQ70*#XfgsK!&(&M`-TDtMDESfq literal 0 HcmV?d00001 diff --git a/packages/eui/.loki/reference/chrome_mobile_Tabular_Content_EuiTable_EuiTableRow_EuiTableRowCell_Actions.png b/packages/eui/.loki/reference/chrome_mobile_Tabular_Content_EuiTable_EuiTableRow_EuiTableRowCell_Actions.png new file mode 100644 index 0000000000000000000000000000000000000000..f2558636808f77caac038a1ad3e4e8baaf1d8a32 GIT binary patch literal 3610 zcmd5;2UkX4n@%kMG@gCML~-6s35%uqzMTIMCv3I@eMH2jRFE9y_W!* z8;THljD`RL1_(k3h#?4sB2q%nJ8`|W-d~ukI4>o|?3W86hp!Z)u>2J8vb=!y+ ziwtatEvxPQitn<{uN~<|f}Eb~`bn;T7ek0@9rh50S%bOgX5Uaws6EM#Ce#w@oYQO* z1?ad|3!d~A_`!1*E^zs|L2OTONlqUN_TXa?7UaE?>f$f)XNS1%*R(igo_Z%(DVn=35xV)g3*tiJ4#d;j#UKfkvDfBB|I ziu9IfZ`=bM5QaCi$V~y?@9*tGX~^C5pRT%&HWzvdfmo0kt)9X5h4#2;?ve*$wV0rV zV_g|ll_m#$*U$zawy&z~acb*DM|CbuD&^`9j8~yC%iky({duMN%hU)H6w3JfUX;o7G`ggxfOoBOPMR$2D}K)dQIpI$)2++TtsC+ zze|P53@7KK(;1yo2LvIc^i|9)w&t7Cb*Tw!wXu1fG^3)4)nd~$R!|&pW`BcSE1>?B zv`;M#-rlzT^Zk2y^w=BY1eB*-979Lb32Z24O!%WsyO+g-nYo!Hxo92EbM%RK<6 zvPn_KEY`na@b#(srB?14IJKC2)nO3d+R_tzCAC=DrCQ8C1v%YyR8j}yy&(j0>e~}J zHV4&P;Q67|1C`eMwdc+b5rKU@JL)s`t(@pXpX2zR$Pa%R&@`1FYWgnA)*46hl4~h~ zAd6LrUCUg}zzmpO?;AV!W`Fya4&dAa>NX~sNOIx*v2eZUDBnpDNTsfZ%DlbbEA;xn z!4qsM(#FnB*9=0l-^PmCz49v0vB;w)c4w_85V+OlFLw*yBUCl|mHK<}?k=_DQ&zT!$e3={n3zLbaT`IhC2q2!QjvrlsLmaj9cR(#;p z1~2mZ&|rU#J@5%jJUx$}lIaj`aHMQo3iN1FfCz{HhM zsmG$$5_{H~T>_}AtWvI9-EZ-QF*{lPv-^Qj=6gF5>s>E^?@^Cc9-)JSlcI@tYhlPS zIh(bHG`Gx;9O2G^M!EjiJJGD0c9@07e@7#F8r7B_HOxla{e4k%0ET?;8~E(m6`zhpQD9?&BGI8C`53bp9T(@6 zMnvx%#_NQ3mxS#g9#FjTZNXnB8(&HQ*ezy~4g^vYyBPmep-t&t>-^^2pePKv)R_jk zG?<4~Y}~gG1|3tD6nXSsg79w(1kR#%`ns|wg@_qm_>}!I+(JF*_({+-180)%X!~@( zbHfhKkml#B_y1MBvMsUB8B@97UV@|IEJ!x4k#7G7Q%F8tUTAob-SyGSnXoOw*c%=_ zudDK^pt-ii#EukUE=HWJYKYM^!P&a$4qyYF%S=*FPAIc^0gT!FLiQ>{ViZoOsjJV; z`HK6lwVA<+OiA41wa#rO;gi9naKutclHQl~(bn*oz7fy``M4{_^%*7oj0dkkYRbVe ztYLTLT%&~6!sMq_7;x2&GUuNdsp_5{sMAv`z$ap544pVl0Z5uwm6tYRaqngW*Rh~1oxDwEf);FIDwdHaKq}wc5%r@(l2QJ2S5Os= zjn?3LTw%U#Khp=bQA4*4+L7p&WY6U8+YQshXNlD`KVw!8hMA%ny2Z+>Dk#tw5T&7d zXsD~H#Xvb~xmC1FH9269_~At;@$ji@&o&UOZU?*O@537XnJO+7l&24Zg`|Kd?w_mg zD8ZRzM1cg?_i^-k?yxfflL7_CI6&y?_Wj;P@6uAamhGzBb4l(^#$M!9WO&UVlTrFv zdwXg++)0)Bw*sf<*C+Qnup@YPJ#*61c}A#jT)e!DChsLrQ0|X&MLCsaW%4q*kw)w5 z9@&|d9V`}T-qTkd9NF`!v)`tEPlTYVni^XsImJ$Ky44k={&qnQf`BWjlt`Iv3D-{Me}yg+;f?gs2}uzlM~E}I2gLxD zc&K~#dzW<^wxXlDeg?A;`M(j|OA5-lD6J*?m1!aERC_9S*bFQF> zH>)4&%krp->=8j8T@>Vh#A7f&$KLseZ((%ELEd9f-ZGEZ@;No2UG9Qu&_2Qoi?^J3 z(or6t8rU%|w#xqKr#8vvNi`lzG4at#EjEMUmI=HC1eHoX3%{h?W9{WtEKR1Y;=tm= zVCI!nNhv8GC;PLXfOLF(d?cP%&Q}zs?mOa+b@#=88woa^#7%)B{7Vi#e3_A7VFck0cq7p=d85*Y4 zWc_8t2SQ^zXd?K4BVqK#GYh-~a>Aa`*vgZ#Wk6E*7^+f-;>NCp@5GfD9fHs<6#6lP zLd#rLHe}Ozeu`(NIb9ONc*qtGc_d4(pj)#Hdynpdh_tvAe7f-o3l%2_}=T%}|*BalWK1ea5gJxXHvlbn6 pF@tW2mARzTm-IuzwF`Q%!}atI?fb0wCk#mN!Hq49>J08Y`Y#4`hy(xt literal 0 HcmV?d00001 diff --git a/packages/eui/.loki/reference/chrome_mobile_Tabular_Content_EuiTable_EuiTableRow_EuiTableRowCell_Expander.png b/packages/eui/.loki/reference/chrome_mobile_Tabular_Content_EuiTable_EuiTableRow_EuiTableRowCell_Expander.png new file mode 100644 index 0000000000000000000000000000000000000000..32b8d8ab4e9e9fbceef340f842da3312c8d8c250 GIT binary patch literal 3846 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 HcYX90- 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 cCyeZKcvh5A9g)RvH$=8 literal 0 HcmV?d00001 From 8e9504c267d69ff1563676aa549eca060f19671a Mon Sep 17 00:00:00 2001 From: Lene Gadewoll Date: Tue, 14 May 2024 16:32:28 +0200 Subject: [PATCH 09/16] docs(storybook): add table header mobile story --- .../mobile/table_header_mobile.stories.tsx | 47 +++++++++++++++++++ 1 file changed, 47 insertions(+) create mode 100644 packages/eui/src/components/table/mobile/table_header_mobile.stories.tsx diff --git a/packages/eui/src/components/table/mobile/table_header_mobile.stories.tsx b/packages/eui/src/components/table/mobile/table_header_mobile.stories.tsx new file mode 100644 index 00000000000..1f1b387e563 --- /dev/null +++ b/packages/eui/src/components/table/mobile/table_header_mobile.stories.tsx @@ -0,0 +1,47 @@ +/* + * 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 React from 'react'; +import type { Meta, StoryObj } from '@storybook/react'; + +import { EuiTable } from '../index'; +import { EuiTableHeaderMobile } from './table_header_mobile'; + +type EuiTableHeaderMobileProps = typeof EuiTableHeaderMobile; + +const meta: Meta = { + title: 'Tabular Content/EuiTable/EuiTableHeaderMobile', + component: EuiTableHeaderMobile, + decorators: [ + (Story, { args }) => ( + + + + ), + ], + argTypes: { + responsiveBreakpoint: { + // @ts-ignore - adding not resolved type + type: 'boolean | EuiBreakpointSize', + description: + 'Named breakpoint. Above this size, the header will not be rendered. Pass `false` to never render or inversely, `true` to always render the header', + control: 'object', + }, + }, +}; + +export default meta; +type Story = StoryObj; + +export const Playground: Story = { + args: { + // show component always for testing and VRT + responsiveBreakpoint: true, + children: 'mobile header content', + }, +}; From 7bf5618e195215f36c82f4626920e48056b2cb63 Mon Sep 17 00:00:00 2001 From: Lene Gadewoll Date: Tue, 14 May 2024 16:32:42 +0200 Subject: [PATCH 10/16] test(VRT): add table header mobile reference images --- ..._EuiTable_EuiTableHeaderMobile_Playground.png | Bin 0 -> 2992 bytes ..._EuiTable_EuiTableHeaderMobile_Playground.png | Bin 0 -> 6180 bytes 2 files changed, 0 insertions(+), 0 deletions(-) create mode 100644 packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiTable_EuiTableHeaderMobile_Playground.png create mode 100644 packages/eui/.loki/reference/chrome_mobile_Tabular_Content_EuiTable_EuiTableHeaderMobile_Playground.png diff --git a/packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiTable_EuiTableHeaderMobile_Playground.png b/packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiTable_EuiTableHeaderMobile_Playground.png new file mode 100644 index 0000000000000000000000000000000000000000..e9ba65fb06c62c4a46e87a2162940d81c9902e9f GIT binary patch literal 2992 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 literal 0 HcmV?d00001 diff --git a/packages/eui/.loki/reference/chrome_mobile_Tabular_Content_EuiTable_EuiTableHeaderMobile_Playground.png b/packages/eui/.loki/reference/chrome_mobile_Tabular_Content_EuiTable_EuiTableHeaderMobile_Playground.png new file mode 100644 index 0000000000000000000000000000000000000000..8951f05b4aab4bfc5afafca0b584d4acaa344c96 GIT binary patch literal 6180 zcmdsbd7>4gD*5Us@s z=FH66rY5x@|E5I`YH@v!XN+xuod#w2`1HyMjDb?U z+ge;mP-9#kr-C10e1{nUaDv3q%p;M^Rilo~3V!6Oy*-m>qa3CkN82n9o%OP0PSut= zFKKH!R~VHl&CQXc+@Q~3bov@x_-I{iZ4Dotm+sPPH83A!Ow7hAnp26f;A_W;o0MYa zAswIL!2VI^i}~-dweAxDYzJ4p`)T8ZzbP>$<|5>=;$rHcL#ag*^)D%@hGm9Ao%omp zRZUH&|L1dMOI?lm`L!cHDzxwN@~k&+2*HPZlC4tg85kLjw{J1R^YW6{*X@ef$45pU zZ?77+Cjsx$(;>h8?!t9`{V}NuHAYsLSXx?E*_ZCYuzT8}p(^ks+k^`XQ&Urq%XZkM zZEP5og@RihM>gMqFvtX}nKdz~% zDFVQUl@+=(&k=qdt5zfZb(=VNapYY}N^D|w)6bCw3N0NlQxQ2i6PK;Kb=~Ceht++{C9>LhY{(4-XIKRIJ%>a*_F{r{Gd$ zWM>z>7H4WZb)rdNmSmfq6$?jq_?_RR{^w2m#($4nQj!X=v9%>=YOE6VLRka^Jyp`; z!@~~MAAPesA6P|UV2le7AJ*2^DkH%jJ|}V;$P!4)szrg;z@7pO^{-zyCLtk;i}c-~ zg9~Oais1arM)^`vHbfchfOx_LJjFgKHjH%~hABVwB1PmN_R(+Hf9FD;DWj}*meJv^ zbDlin;uOF{+v{gXo9840NzAtUi^j#5cC1)X=?&BwjzFKs1aCRmFvZP((0g0dtOOd@LP>I_48Gaoq=wc@#3!O6*2?NrU$ zraCp~V_}bF>b@%En|(QN7Ny|M$NcA6Utt5^`0alCEAdF(;{cu-4H_J+HtzKej3T*7 z2|pSNu*k}Ci72qs(HYFw_p^rbkK6RtxI(`;7&TlvIXm;-y-V!mCZR zWtmaj&FWEGcM-LdB7T{WKl1u{50eE_zu9knh&9K)EOb{_SC`bGCFT|pvD)96dUkc( z68DIE;5|jjeMd_Fsa()rp{b(p7*kJ04UX}cQ|9hnxW-#9QdK{{r2T`+@xG8kd%J6T z-!2pd(nOwrG5kI>L_hpNr?~ca6T98%r%`0X)&M_WoFmaHhXCa*dBf({LdwG9Lt{77 zf?IW#oab_h%&|-%b*ldjtoT=KhoKfQ!ByIa`0VhtEpiFB#`PIMLA1=qc#^*5`X4?-XgW43=WszaNtS zdxxW)gcLn?<_ceJ$0=_pxkR8Aic22&j5r)zltxBGy;y!Uipj~&7OJ$wrkY;BqLa1| zK_e$+Z=KU~RdLcJqyz;14MV{fvcmt+Gb=sWAuBiKTaOt2j9KIxD+y?GAN^$!4)EI) zNVuh-O-cc)G`@_%c(1`do?m^SXUJIT#f+Y|HX{=I8=@O=HJ39QHio_BAg-l$T>e|g zb6WjeSs@N*&~FhVBfuRv`V6IxV_j1o+% zwe;!k=x1^79YSH|UyNp&qN!PHaB@~(gY_!U`qNiQU%c3~GxPAMuKiQ;%I*|Q+L!hJ zIb4rWdHb`kgOP*@tkY;)Gzd3mt$|LrCI&3OLK)SfDf?>uugCKSN=eP0c;V01FZ}nG z<|q-LZHok9l@`cZ(`FlvUp_6S_ux9Bucu^=b`Dqoo4GwA613Go|83M6eAPw41dg0X z4WH)azpncP0C}C%klP(hxA{v@xaBhfph%OlKjNUMUNekURu*-JN$VOLyLozgdg6{8 z6U^b4;iJqOJHLgYWWLK`&68q-3hUT7LR<$>7vWr0vd-gH>ZqI`AgtdS_GZp{yWDth zvfGMHgoYxBFG;2%M-Fq}<9^0v>}=`B$9H;5e3j@it>FG+{)&hY6GvhG_!6Z6-TK9y zmYJDp`yEO2AaJ^Moflu?zWVw4<|cD(W7-;;6H;ib3#r1NpS@lSe@~|Y&YxFNQAK!; zjX>cQUcTefgDk3D?iRajbNn;=Azo6#Sb9#Q? zO5?E`!n8*A9CCPR5~xWMYF@{7@1Fj;^RZuJhNN%S2?j~vFL)F(9ctD}2B21|Mbhq> zh2gQ=v5sPyl)g@SkLDnFTsY;}GMjuUC%`4ge;urxv#n1`^f_GSs;kD(hGoPdZAKK* zUf3XW|KTEz~hp92sU-xf4;c%s=roi$2~3lo7q9 z$GC%3Ak0b6YT_IV!OmhgP}I2hu2B5Q>#8p}{>13Z)1NXvE}Se|X5D&%@SdVy20oA7 zDoqyPLUaAQiqG-rDQaeUWeghdTEZ{@`JQ>wlcfbkD&eXWf6yblB>?LR3rc9cF|}ei|iKF#k6c7 z6v$`Uj1$Vlm@)4zEpCk18dpGS?g3mvLKdD#`Jv2j^Ph{#-LvMNk4{bX*w~mE840iS z{ww*z7p)Ws!U8B%Ih+KGo%Q$jrbku_@QCTK4T`u%H0ZOp%r|k6Y&Noo$z)lX(MV`^ zE-!9jeo|8(XUID8M0K7?A##j)(+74sw>X8L)P4CvA8t5$DfgSK%>wW6v2uIyv;B)! zPDRSe*5uFsK?YXn%GCQ|EIP=zbH`mIm6@%!=WFg25R9{pX=%(jRaK; z3`7|Q2Lo~5J}(WOLL}9adxdyfel2Y>X9mEw9*3VfI;NB4eD)@@<1#YX`i8=9u)e-Q zOdxPuNZzV7v|^;OpP!HLsmLQsBcn=2Wg)oENsdh7A=5oxK|z+dUknZo4yt8FX$#M> zciVDuCxi8psE=h^^imm%c~9j0cYDDKPT8dJeCBxG^jzuYkX&c?&os*$Ky5?Si74pq z?b#~(+756ZH!w(+0%eWa}QBcoWmpr$Uob zAwGH{BErxi32>aP;Iu055JA~2kBzJ}#xVHp`!)4XOihh~yA|w@t?R^mHH~urylRJZ zBfdObz}Hm#UmxY3zW*wgXj7k`ue_~MSyFamWtft<)-h4=rVHOkm~6VcV`(@V%)I?! z7{s_VDaSorFt4UiBD_4*6RcKcH-wDF2L{ZSo*#{pM?^)c3Bv96c9;VyJUw%i50H+l z+w2AncVEA$XiHfxDR}@)3{jk&wwZ01zhQWBlf~?C#N4dp{%n+3_;d1!)ON`BZkCNgNh)k`d)1{CNv^b4Be2z| zAox0^LaeY*w~j3!u%pyJuct?KiMqL>snYBj6QHbWSJ-_!xTw$$`aFQh2&bm-@@(TE zbw~o~vLx|5j*@C7kC{uU6L6h#AMnF02bfMl5*J{JdWVq>TZ;ni6L%LDQQ-F7$2lyZJ(Tneq1L!PvHt%(6M^!bUb+ttm+23x@&f&G%?HAHhX zHD~W!eERms>AkTo?gp198AB$)?_UAgP6mk z9|d_IVJFr)v3tJQEvf*_e7N+1^! z{LjPF_*b7K9GskNyL&vnCojp{{P!fAD}9W$i|G@D26cn6i&Sn4U)6*z_fz>(OdIgd zK)K?6-o0F)d=*xqt59`^TU48}afXkc?2aBAk#a*oPqI?Y+^GsZ9bM$9^}RQj#T7C> z(@&hs)}3dhK+$4xe*`^G*!7)GjgB^e#(C^{7mZSNBt}#TB=gZ+q@?8JbddSLg~My! zSboV-rD^d`oyl0%#`WC-`z!v;ojy#*aX~8Wd5sV-Z-Dl17+_3V+w(@VBV%Ij5=Tc| z{l;3mz4X%3Vm?T<3T%^UIWBGi6D!M9&q^Mb9-j*8+)1_V|EqE0@<*QUw!j0w9;3GX zVE*Q28E#(Q8~%GMOeIg+#2xZyha4IksjhT@q!W&B#kvqtyJ}3q6*2Kj|LI|Rtv5*cBfry5Kq^P<17Kop8Z^Fvp zvK6xDO<$)^U%+*4Ma#zbt$a?R{3;K#)K0Tn6nZ64=;z9Vn%5371qDT4 zU*DQv7dz?OD=21r&@(E}Xs!!anm2n81jR&+{}~ki2!y_W$|LfA+o4Q&f0>J9uW735SE)Ag-^T z<_^3C^}X)pe^6KK#!K$)Kq$2G%eYRaYMvC}8~Gq%8mc^zoicqUHJ*1)eU0m7vlO NXlv-JSF75*{XcHR*#rOp literal 0 HcmV?d00001 From 5fe6d0375e43526974231b773cd836f0a8239d57 Mon Sep 17 00:00:00 2001 From: Lene Gadewoll Date: Tue, 14 May 2024 16:33:22 +0200 Subject: [PATCH 11/16] docs(storybook): add table sort mobile component stories --- .../mobile/table_sort_mobile.stories.tsx | 57 ++++++++++++++++++ .../mobile/table_sort_mobile_item.stories.tsx | 58 +++++++++++++++++++ 2 files changed, 115 insertions(+) create mode 100644 packages/eui/src/components/table/mobile/table_sort_mobile.stories.tsx create mode 100644 packages/eui/src/components/table/mobile/table_sort_mobile_item.stories.tsx diff --git a/packages/eui/src/components/table/mobile/table_sort_mobile.stories.tsx b/packages/eui/src/components/table/mobile/table_sort_mobile.stories.tsx new file mode 100644 index 00000000000..21d0f3e8957 --- /dev/null +++ b/packages/eui/src/components/table/mobile/table_sort_mobile.stories.tsx @@ -0,0 +1,57 @@ +/* + * 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 React from 'react'; +import type { Meta, StoryObj } from '@storybook/react'; +import { action } from '@storybook/addon-actions'; + +import { EuiTable } from '../index'; +import { EuiTableHeaderMobile } from './table_header_mobile'; +import { + EuiTableSortMobile, + EuiTableSortMobileProps, +} from './table_sort_mobile'; + +const meta: Meta = { + title: 'Tabular Content/EuiTable/EuiTableSortMobile/EuiTableSortMobile', + component: EuiTableSortMobile, + decorators: [ + (Story, { args }) => ( + + + + + + ), + ], + args: { + anchorPosition: 'downRight', + }, +}; + +export default meta; +type Story = StoryObj; + +export const Playground: Story = { + args: { + items: [ + { + name: 'sort item 1', + onSort: () => action('onSort')('sort item 1'), + isSorted: true, + isSortAscending: true, + }, + { + name: 'sort item 2', + onSort: () => action('onSort')('sort item 2'), + isSorted: false, + isSortAscending: false, + }, + ], + }, +}; diff --git a/packages/eui/src/components/table/mobile/table_sort_mobile_item.stories.tsx b/packages/eui/src/components/table/mobile/table_sort_mobile_item.stories.tsx new file mode 100644 index 00000000000..a0fa3237567 --- /dev/null +++ b/packages/eui/src/components/table/mobile/table_sort_mobile_item.stories.tsx @@ -0,0 +1,58 @@ +/* + * 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 React from 'react'; +import type { Meta, StoryObj } from '@storybook/react'; + +import { + enableFunctionToggleControls, + hideStorybookControls, +} from '../../../../.storybook/utils'; +import { EuiTable } from '../index'; +import { EuiTableHeaderMobile } from './table_header_mobile'; +import { + EuiTableSortMobileItem, + EuiTableSortMobileItemProps, +} from './table_sort_mobile_item'; + +const meta: Meta = { + title: 'Tabular Content/EuiTable/EuiTableSortMobile/EuiTableSortMobileItem', + component: EuiTableSortMobileItem, + decorators: [ + (Story, { args }) => ( + + + + + + ), + ], + argTypes: { + children: { + // @ts-ignore - add not resolved type + type: 'ReactNode', + control: 'text', + }, + }, + args: { + // set up for easier testing/QA + isSorted: false, + isSortAscending: false, + }, +}; +hideStorybookControls(meta, ['aria-label']); +enableFunctionToggleControls(meta, ['onSort']); + +export default meta; +type Story = StoryObj; + +export const Playground: Story = { + args: { + children: 'sort item', + }, +}; From c58c828218746f36a8f7f3f67be581d49a33aef0 Mon Sep 17 00:00:00 2001 From: Lene Gadewoll Date: Tue, 14 May 2024 16:33:33 +0200 Subject: [PATCH 12/16] test(VRT): add table sort mobile reference images --- ...Mobile_EuiTableSortMobileItem_Playground.png | Bin 0 -> 1796 bytes ...SortMobile_EuiTableSortMobile_Playground.png | Bin 0 -> 1598 bytes ...Table_EuiTableRow_EuiTableRow_Playground.png | Bin 0 -> 13233 bytes ...Mobile_EuiTableSortMobileItem_Playground.png | Bin 0 -> 3518 bytes ...SortMobile_EuiTableSortMobile_Playground.png | Bin 0 -> 3307 bytes 5 files changed, 0 insertions(+), 0 deletions(-) create mode 100644 packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiTable_EuiTableSortMobile_EuiTableSortMobileItem_Playground.png create mode 100644 packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiTable_EuiTableSortMobile_EuiTableSortMobile_Playground.png create mode 100644 packages/eui/.loki/reference/chrome_mobile_Tabular_Content_EuiTable_EuiTableRow_EuiTableRow_Playground.png create mode 100644 packages/eui/.loki/reference/chrome_mobile_Tabular_Content_EuiTable_EuiTableSortMobile_EuiTableSortMobileItem_Playground.png create mode 100644 packages/eui/.loki/reference/chrome_mobile_Tabular_Content_EuiTable_EuiTableSortMobile_EuiTableSortMobile_Playground.png diff --git a/packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiTable_EuiTableSortMobile_EuiTableSortMobileItem_Playground.png b/packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiTable_EuiTableSortMobile_EuiTableSortMobileItem_Playground.png new file mode 100644 index 0000000000000000000000000000000000000000..d84b2d15ce46c52fc3097a0235d79d37edcd2c03 GIT binary patch literal 1796 zcmd5+`#%$E7+>d9XUA>Mr_;$b&N1XJ%xzc*Ek=p6k2@7A$0akDY$N$}btx6O%sOQp z!}KZUvQShQHknIkbA-)(scEwdXLJ6E-XGrQdEfW>Jn#4WJn#Fxb;{RESwTYq001b% zPaO9L0QTj|e0$)2*^JPXtjNqBl)sl7fK1m~k}dY4+~5H~*}wqL-vj{mli|l*1JWzj zSXuQ*w07^tL`mkXF|cnT+~=RG3is0SLq3RGK6YG?>agVA?K8lN+B|qL(*}X}*iuwP zY$wQrj#GXY--auMnV1_owCj9Cro5p@-Z( znAk8lYyqN=nwSqXv`CEyko7){O7T3mC6ur&&WiGL@|4rbUQ21$?ryY*8^kkt^dcjnkR~hq2{r)(K;qIt6Ilg(D;wvgBb z(pUy&{hB&txhfPlS*4`y2;TJmZC&*mZ21%XP>k^NQxtu&hTFeY2!6Rh|T0kaj6;_#T=5(Hh3aJ@YLxj?=^pU z%(~D;l->)o*#*DjUZdDuZkOm=8*q}x?(jeTULSo!tKu!gwC~^7KgBE!?9iV_=a*V- z74a9@&SPU(t0+mUWHZrXUMiR_0-Kqcm0IFLzpWt4X*3$cskhiH0SHjQY?vV;P_kSzY6~APph$ z!N5X&Sc^H_KPaeFDjHkoYsnv1L%g>+94P!k6!{ZS%@x68JXm7$YwgtN$ z98^l7Q1F%esbA3AVQE$Tf!vh0@nlB;P*ff;v*VEN9gVzaL z$22rcYC1ZcQCzdWj5&j9B9W+lDN9%TvSon0KB(S)hH{pZw?wx-;{e z`quc(b7zbnCJzivM6XS4Iz*2KwIxXe*5~_Nw>HM0om_!?FJ`VUWn~IdQ{jwI;MS z)VxH%SCvBoq`dTPao?5H?1JBcyBhXuuC9{&=#*-XrQ9BK1$N6VVBhx?@Fr^yO6yM3 S8-3?eIX1Y5?{TtQWX^w4w+ZP0 literal 0 HcmV?d00001 diff --git a/packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiTable_EuiTableSortMobile_EuiTableSortMobile_Playground.png b/packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiTable_EuiTableSortMobile_EuiTableSortMobile_Playground.png new file mode 100644 index 0000000000000000000000000000000000000000..b3ec4d73d05b6520ae43b54076c512cbdfd2e958 GIT binary patch literal 1598 zcmcIk{XY|U9G@%Y7?#&C52wZQIHSX12&Fb~-bGmm2)X1h(@UvRJc{_y>LzMt3U_5FO_@6W?s4|i8>O+!rp z0H6&yclt5_pq`=BEj6|&?=9+Zj8dqfFT1(`$ZX?D&ipJjoitca+`}kkihd z3B}^U)GThSTH8E#(>c0t$xVX-WO;ns{+U%;$!YeZXKezazB}6omAbd)SPA|~RUrFISRApK zzZ5WAKIQ~9Sz}ipvF!=@aBqMzK^NkH!z+U?2PJ=>_f>3AI6WTm?UdRmUS35eEu9?| zIoshF7a!XH^6TrLuxgP=9gPr#4Qf)4isFg-=t3u4@Zi&+N>cSX7zTMjAy})vY6mjX z?_$aJU8G88VmB06$w3sq+P_^{F+(}2@ zyd`}9!vvd6D$O7ZufGM=k4T zAfFp2AdrWE3_jEtuXol2-R|IS>iE6+?GHf6-jwGjqr`;75R7Zmc|mbv3})a+(%Rj!rGKoTNCE64 zF@KTdx%Kh-2su64Q>La~aD35J>nj$9M=iY|e$4E++DKD`E=(IK9*CN6x_!qk>~@6e zszx86SzFTtGHRd`4!RpYEUhy!h&7XC5{OqqU+Qw~=KQ+B!|n`#W9s&7 zuTE)yJk1;CC|)V~rX`)f-Ncr%!TVyz=RX!ukN{`5czT5 z-f!>a5yIDInAQGAL=P}rPoME+b>euLJ}%K!!u)F#-SZlIw|W z7N6(EI5rX%FTgkZl{T$oY)JH@@%!y;OTqNfJG18hE<6i!6*PdR%cs))py9lU^|9I3 kAeH@Anr_BsEByzD6$@}iDz{&kG_Lv)a>o5M+2vZ=Kb2A66#xJL literal 0 HcmV?d00001 diff --git a/packages/eui/.loki/reference/chrome_mobile_Tabular_Content_EuiTable_EuiTableRow_EuiTableRow_Playground.png b/packages/eui/.loki/reference/chrome_mobile_Tabular_Content_EuiTable_EuiTableRow_EuiTableRow_Playground.png new file mode 100644 index 0000000000000000000000000000000000000000..7696f88eb7ead9e565ab4a02e88f11c8e504a2b1 GIT binary patch literal 13233 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 y&$B4<&M=3GdQ4(B5uPwp#L?{c69HqjXX literal 0 HcmV?d00001 diff --git a/packages/eui/.loki/reference/chrome_mobile_Tabular_Content_EuiTable_EuiTableSortMobile_EuiTableSortMobileItem_Playground.png b/packages/eui/.loki/reference/chrome_mobile_Tabular_Content_EuiTable_EuiTableSortMobile_EuiTableSortMobileItem_Playground.png new file mode 100644 index 0000000000000000000000000000000000000000..8639baa7879a81ec67aad1cbc98c3689578aaf99 GIT binary patch literal 3518 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 X%4@Utns;&p5ClQ39j$6Cd~g2;^~fl` literal 0 HcmV?d00001 From e5a7348d9870599a9f4b253088fbc98a82023d49 Mon Sep 17 00:00:00 2001 From: Lene Gadewoll Date: Tue, 14 May 2024 16:51:38 +0200 Subject: [PATCH 13/16] docs(storybook): add EuiTablePagination story --- .../table_pagination.stories.tsx | 72 +++++++++++++++++++ 1 file changed, 72 insertions(+) create mode 100644 packages/eui/src/components/table/table_pagination/table_pagination.stories.tsx diff --git a/packages/eui/src/components/table/table_pagination/table_pagination.stories.tsx b/packages/eui/src/components/table/table_pagination/table_pagination.stories.tsx new file mode 100644 index 00000000000..515627d6326 --- /dev/null +++ b/packages/eui/src/components/table/table_pagination/table_pagination.stories.tsx @@ -0,0 +1,72 @@ +/* + * 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 type { Meta, StoryObj } from '@storybook/react'; + +import { + enableFunctionToggleControls, + moveStorybookControlsToCategory, +} from '../../../../.storybook/utils'; +import { + EuiTablePagination, + EuiTablePaginationProps, +} from './table_pagination'; +import { euiTablePaginationDefaults } from './table_pagination_defaults'; + +const meta: Meta = { + title: 'Tabular Content/EuiTable/EuiTablePagination', + component: EuiTablePagination, + argTypes: { + pageCount: { + type: 'number', + description: + 'The total number of pages. Pass `0` if total count is unknown.', + }, + activePage: { + type: 'number', + description: + 'The current page using a zero based index. So if you set the activePage to 1, it will activate the second page. Pass `-1` for forcing to last page.', + }, + compressed: { + description: + 'If true, will only show next/prev arrows and simplified number set.', + }, + responsive: { + // @ts-ignore - add non resolved type + type: 'false | EuiBreakpointSize[]', + description: + 'Automatically reduces to the `compressed` version on smaller screens. Remove completely with `false` or provide your own list of responsive breakpoints.', + }, + }, + args: { + itemsPerPage: euiTablePaginationDefaults.itemsPerPage, + itemsPerPageOptions: euiTablePaginationDefaults.itemsPerPageOptions, + showPerPageOptions: euiTablePaginationDefaults.showPerPageOptions, + // set up for easier testing/QA + pageCount: undefined, + activePage: undefined, + compressed: false, + responsive: false, + }, +}; +enableFunctionToggleControls(meta, ['onChangePage', 'onChangeItemsPerPage']); +moveStorybookControlsToCategory( + meta, + ['pageCount', 'activePage', 'compressed', 'responsive'], + 'EuiPagination props' +); + +export default meta; +type Story = StoryObj; + +export const Playground: Story = { + args: { + pageCount: 3, + responsive: ['xs', 's'], + }, +}; From 7e274177aca843258f186a247b7d6ded7ce3243b Mon Sep 17 00:00:00 2001 From: Lene Gadewoll Date: Tue, 14 May 2024 16:51:57 +0200 Subject: [PATCH 14/16] test(VRT): add EuiTablePagination reference images --- ...nt_EuiTable_EuiTablePagination_Playground.png | Bin 0 -> 3666 bytes ...nt_EuiTable_EuiTablePagination_Playground.png | Bin 0 -> 9408 bytes 2 files changed, 0 insertions(+), 0 deletions(-) create mode 100644 packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiTable_EuiTablePagination_Playground.png create mode 100644 packages/eui/.loki/reference/chrome_mobile_Tabular_Content_EuiTable_EuiTablePagination_Playground.png diff --git a/packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiTable_EuiTablePagination_Playground.png b/packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiTable_EuiTablePagination_Playground.png new file mode 100644 index 0000000000000000000000000000000000000000..29ebf08218c636d53dfc788751aca05fca3c7267 GIT binary patch literal 3666 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 B0JZ=C literal 0 HcmV?d00001 diff --git a/packages/eui/.loki/reference/chrome_mobile_Tabular_Content_EuiTable_EuiTablePagination_Playground.png b/packages/eui/.loki/reference/chrome_mobile_Tabular_Content_EuiTable_EuiTablePagination_Playground.png new file mode 100644 index 0000000000000000000000000000000000000000..22543a828d3539b661dae088b8613f276a14bca0 GIT binary patch literal 9408 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 Date: Tue, 21 May 2024 11:03:13 +0200 Subject: [PATCH 15/16] chore: udpate mobile table component storybook nesting --- .../src/components/table/mobile/table_header_mobile.stories.tsx | 2 +- .../src/components/table/mobile/table_sort_mobile.stories.tsx | 2 +- .../components/table/mobile/table_sort_mobile_item.stories.tsx | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/packages/eui/src/components/table/mobile/table_header_mobile.stories.tsx b/packages/eui/src/components/table/mobile/table_header_mobile.stories.tsx index 1f1b387e563..fd93a3f1ea5 100644 --- a/packages/eui/src/components/table/mobile/table_header_mobile.stories.tsx +++ b/packages/eui/src/components/table/mobile/table_header_mobile.stories.tsx @@ -15,7 +15,7 @@ import { EuiTableHeaderMobile } from './table_header_mobile'; type EuiTableHeaderMobileProps = typeof EuiTableHeaderMobile; const meta: Meta = { - title: 'Tabular Content/EuiTable/EuiTableHeaderMobile', + title: 'Tabular Content/EuiTable/Mobile subcomponents/EuiTableHeaderMobile', component: EuiTableHeaderMobile, decorators: [ (Story, { args }) => ( diff --git a/packages/eui/src/components/table/mobile/table_sort_mobile.stories.tsx b/packages/eui/src/components/table/mobile/table_sort_mobile.stories.tsx index 21d0f3e8957..173853d824e 100644 --- a/packages/eui/src/components/table/mobile/table_sort_mobile.stories.tsx +++ b/packages/eui/src/components/table/mobile/table_sort_mobile.stories.tsx @@ -18,7 +18,7 @@ import { } from './table_sort_mobile'; const meta: Meta = { - title: 'Tabular Content/EuiTable/EuiTableSortMobile/EuiTableSortMobile', + title: 'Tabular Content/EuiTable/Mobile subcomponents/EuiTableSortMobile', component: EuiTableSortMobile, decorators: [ (Story, { args }) => ( diff --git a/packages/eui/src/components/table/mobile/table_sort_mobile_item.stories.tsx b/packages/eui/src/components/table/mobile/table_sort_mobile_item.stories.tsx index a0fa3237567..19fee319b86 100644 --- a/packages/eui/src/components/table/mobile/table_sort_mobile_item.stories.tsx +++ b/packages/eui/src/components/table/mobile/table_sort_mobile_item.stories.tsx @@ -21,7 +21,7 @@ import { } from './table_sort_mobile_item'; const meta: Meta = { - title: 'Tabular Content/EuiTable/EuiTableSortMobile/EuiTableSortMobileItem', + title: 'Tabular Content/EuiTable/Mobile subcomponents/EuiTableSortMobileItem', component: EuiTableSortMobileItem, decorators: [ (Story, { args }) => ( From aef9a3f8717466490b4a91a643648b09d827079c Mon Sep 17 00:00:00 2001 From: Lene Gadewoll Date: Tue, 21 May 2024 11:04:00 +0200 Subject: [PATCH 16/16] test(VRT): udpate mobile table component reference images --- ...bcomponents_EuiTableHeaderMobile_Playground.png} | Bin ...omponents_EuiTableSortMobileItem_Playground.png} | Bin ...subcomponents_EuiTableSortMobile_Playground.png} | Bin ...bcomponents_EuiTableHeaderMobile_Playground.png} | Bin ...omponents_EuiTableSortMobileItem_Playground.png} | Bin ...subcomponents_EuiTableSortMobile_Playground.png} | Bin 6 files changed, 0 insertions(+), 0 deletions(-) rename packages/eui/.loki/reference/{chrome_desktop_Tabular_Content_EuiTable_EuiTableHeaderMobile_Playground.png => chrome_desktop_Tabular_Content_EuiTable_Mobile_subcomponents_EuiTableHeaderMobile_Playground.png} (100%) rename packages/eui/.loki/reference/{chrome_desktop_Tabular_Content_EuiTable_EuiTableSortMobile_EuiTableSortMobileItem_Playground.png => chrome_desktop_Tabular_Content_EuiTable_Mobile_subcomponents_EuiTableSortMobileItem_Playground.png} (100%) rename packages/eui/.loki/reference/{chrome_desktop_Tabular_Content_EuiTable_EuiTableSortMobile_EuiTableSortMobile_Playground.png => chrome_desktop_Tabular_Content_EuiTable_Mobile_subcomponents_EuiTableSortMobile_Playground.png} (100%) rename packages/eui/.loki/reference/{chrome_mobile_Tabular_Content_EuiTable_EuiTableHeaderMobile_Playground.png => chrome_mobile_Tabular_Content_EuiTable_Mobile_subcomponents_EuiTableHeaderMobile_Playground.png} (100%) rename packages/eui/.loki/reference/{chrome_mobile_Tabular_Content_EuiTable_EuiTableSortMobile_EuiTableSortMobileItem_Playground.png => chrome_mobile_Tabular_Content_EuiTable_Mobile_subcomponents_EuiTableSortMobileItem_Playground.png} (100%) rename packages/eui/.loki/reference/{chrome_mobile_Tabular_Content_EuiTable_EuiTableSortMobile_EuiTableSortMobile_Playground.png => chrome_mobile_Tabular_Content_EuiTable_Mobile_subcomponents_EuiTableSortMobile_Playground.png} (100%) diff --git a/packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiTable_EuiTableHeaderMobile_Playground.png b/packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiTable_Mobile_subcomponents_EuiTableHeaderMobile_Playground.png similarity index 100% rename from packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiTable_EuiTableHeaderMobile_Playground.png rename to packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiTable_Mobile_subcomponents_EuiTableHeaderMobile_Playground.png diff --git a/packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiTable_EuiTableSortMobile_EuiTableSortMobileItem_Playground.png b/packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiTable_Mobile_subcomponents_EuiTableSortMobileItem_Playground.png similarity index 100% rename from packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiTable_EuiTableSortMobile_EuiTableSortMobileItem_Playground.png rename to packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiTable_Mobile_subcomponents_EuiTableSortMobileItem_Playground.png diff --git a/packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiTable_EuiTableSortMobile_EuiTableSortMobile_Playground.png b/packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiTable_Mobile_subcomponents_EuiTableSortMobile_Playground.png similarity index 100% rename from packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiTable_EuiTableSortMobile_EuiTableSortMobile_Playground.png rename to packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiTable_Mobile_subcomponents_EuiTableSortMobile_Playground.png diff --git a/packages/eui/.loki/reference/chrome_mobile_Tabular_Content_EuiTable_EuiTableHeaderMobile_Playground.png b/packages/eui/.loki/reference/chrome_mobile_Tabular_Content_EuiTable_Mobile_subcomponents_EuiTableHeaderMobile_Playground.png similarity index 100% rename from packages/eui/.loki/reference/chrome_mobile_Tabular_Content_EuiTable_EuiTableHeaderMobile_Playground.png rename to packages/eui/.loki/reference/chrome_mobile_Tabular_Content_EuiTable_Mobile_subcomponents_EuiTableHeaderMobile_Playground.png diff --git a/packages/eui/.loki/reference/chrome_mobile_Tabular_Content_EuiTable_EuiTableSortMobile_EuiTableSortMobileItem_Playground.png b/packages/eui/.loki/reference/chrome_mobile_Tabular_Content_EuiTable_Mobile_subcomponents_EuiTableSortMobileItem_Playground.png similarity index 100% rename from packages/eui/.loki/reference/chrome_mobile_Tabular_Content_EuiTable_EuiTableSortMobile_EuiTableSortMobileItem_Playground.png rename to packages/eui/.loki/reference/chrome_mobile_Tabular_Content_EuiTable_Mobile_subcomponents_EuiTableSortMobileItem_Playground.png diff --git a/packages/eui/.loki/reference/chrome_mobile_Tabular_Content_EuiTable_EuiTableSortMobile_EuiTableSortMobile_Playground.png b/packages/eui/.loki/reference/chrome_mobile_Tabular_Content_EuiTable_Mobile_subcomponents_EuiTableSortMobile_Playground.png similarity index 100% rename from packages/eui/.loki/reference/chrome_mobile_Tabular_Content_EuiTable_EuiTableSortMobile_EuiTableSortMobile_Playground.png rename to packages/eui/.loki/reference/chrome_mobile_Tabular_Content_EuiTable_Mobile_subcomponents_EuiTableSortMobile_Playground.png