From 99c8b413bba3ca4c151f63506e2719ac60efe00e Mon Sep 17 00:00:00 2001 From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com> Date: Sat, 22 Jan 2022 08:19:28 +0000 Subject: [PATCH 01/23] chore(deps): bump nanoid from 3.1.20 to 3.2.0 Bumps [nanoid](https://github.com/ai/nanoid) from 3.1.20 to 3.2.0. - [Release notes](https://github.com/ai/nanoid/releases) - [Changelog](https://github.com/ai/nanoid/blob/main/CHANGELOG.md) - [Commits](https://github.com/ai/nanoid/compare/3.1.20...3.2.0) --- updated-dependencies: - dependency-name: nanoid dependency-type: indirect ... Signed-off-by: dependabot[bot] --- yarn.lock | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/yarn.lock b/yarn.lock index 3401c40633..a7c3a5f313 100644 --- a/yarn.lock +++ b/yarn.lock @@ -19856,9 +19856,9 @@ nan@^2.12.1: integrity sha512-8ZtvEnA2c5aYCZYd1cvgdnU6cqwixRoYg70xPLWUws5ORTa/lnw+u4amixRS/Ac5U5mQVgp9pnlSUnbNWFaWZQ== nanoid@^3.1.20: - version "3.1.20" - resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.1.20.tgz#badc263c6b1dcf14b71efaa85f6ab4c1d6cfc788" - integrity sha512-a1cQNyczgKbLX9jwbS/+d7W8fX/RfgYR7lVWwWOGIPNgK2m0MWvrGF6/m4kk6U3QcFMnZf3RIhL0v2Jgh/0Uxw== + version "3.2.0" + resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.2.0.tgz#62667522da6673971cca916a6d3eff3f415ff80c" + integrity sha512-fmsZYa9lpn69Ad5eDn7FMcnnSR+8R34W9qJEijxYhTbfOWzr22n1QxCMzXLK+ODyW2973V3Fux959iQoUxzUIA== nanomatch@^1.2.9: version "1.2.9" From 68611c412345ccfe29861fef1dfa17eeb9e32aed Mon Sep 17 00:00:00 2001 From: David Conner Date: Fri, 4 Feb 2022 14:43:42 -0500 Subject: [PATCH 02/23] fix(card): fix overflow tooltip for card --- packages/react/src/components/Card/Card.jsx | 5 +-- .../src/components/Card/Card.test.e2e.jsx | 32 +++++++++++++++++++ .../react/src/components/Card/Card.test.jsx | 25 +++++++++++++++ .../react/src/hooks/useHasTextOverflow.jsx | 16 +++++++--- 4 files changed, 72 insertions(+), 6 deletions(-) diff --git a/packages/react/src/components/Card/Card.jsx b/packages/react/src/components/Card/Card.jsx index cdc7900d57..c26a789cee 100644 --- a/packages/react/src/components/Card/Card.jsx +++ b/packages/react/src/components/Card/Card.jsx @@ -386,8 +386,8 @@ const Card = (props) => { // Ensure the title and subtitle have a tooltip only if their text is truncated const titleRef = useRef(); const subTitleRef = useRef(); - const hasTitleTooltip = useHasTextOverflow(titleRef); - const hasSubTitleTooltip = useHasTextOverflow(subTitleRef); + const hasTitleTooltip = useHasTextOverflow(titleRef, title); + const hasSubTitleTooltip = useHasTextOverflow(subTitleRef, subtitle); const visibilityRef = useRef(null); const [isVisible] = useVisibilityObserver(visibilityRef, { unobserveAfterVisible: true, @@ -473,6 +473,7 @@ const Card = (props) => { ) : (
{ cy.scrollTo('bottom', { duration: 1000 }); cy.findAllByText(/renderprop/).should('have.length', 8); }); + + it('should render tooltip if the text is too long', () => { + cy.viewport(1680, 900); + const aLongTitle = + 'A very very long title which will almost certainly overflow and require a tooltip and we must test these things, you know.'; + mount( + + ); + + cy.findByRole('button', { name: aLongTitle }).should('exist'); + }); + + it('should not render tooltip if the text is not too long', () => { + cy.viewport(1680, 900); + const aShortTitle = 'A short title'; + mount( + + ); + + cy.findByRole('button', { name: aShortTitle }).should('not.exist'); + }); }); diff --git a/packages/react/src/components/Card/Card.test.jsx b/packages/react/src/components/Card/Card.test.jsx index 85bf04717d..e4e1b57e4f 100644 --- a/packages/react/src/components/Card/Card.test.jsx +++ b/packages/react/src/components/Card/Card.test.jsx @@ -417,6 +417,31 @@ describe('Card', () => { expect(tooltipButton).toHaveAttribute('aria-expanded', 'true'); }); + it('should remove the tooltip if the title changes to a shorter string', async () => { + const aLongTitle = + 'A very very long title which will almost certainly overflow and require a tooltip and we must test these things, you know.'; + + const aShortTitle = 'A Title'; + const { rerender } = render(); + const tooltipButton = screen.getByRole('button', { + name: aLongTitle, + }); + expect(tooltipButton).toBeVisible(); + expect(tooltipButton).toHaveClass(`${iotPrefix}--card--title--text__overflow`); + Object.defineProperty(HTMLElement.prototype, 'clientWidth', { + writable: true, + configurable: true, + value: 500, + }); + Object.defineProperty(HTMLElement.prototype, 'scrollWidth', { + writable: true, + configurable: true, + value: 500, + }); + rerender(); + expect(screen.getByTestId('Card-title-notip')).toBeVisible(); + }); + it('should put the subtitle in a tooltip if it overflows', () => { const aLongSubTitle = 'A very very long subtitle which will almost certainly overflow and require a tooltip and we must test these things, you know.'; diff --git a/packages/react/src/hooks/useHasTextOverflow.jsx b/packages/react/src/hooks/useHasTextOverflow.jsx index 909fbd597a..ef24a7566a 100644 --- a/packages/react/src/hooks/useHasTextOverflow.jsx +++ b/packages/react/src/hooks/useHasTextOverflow.jsx @@ -1,15 +1,23 @@ import { useEffect, useState } from 'react'; -const useHasTextOverflow = (elementRef) => { +const useHasTextOverflow = (elementRef, text = '') => { const [isOverflowed, setIsOverflowed] = useState(false); useEffect(() => { const overFlowing = elementRef.current && - (elementRef.current.scrollHeight > elementRef.current.clientHeight || - elementRef.current.scrollWidth > elementRef.current.clientWidth); + (elementRef?.current?.scrollHeight > elementRef?.current?.clientHeight || + elementRef?.current?.scrollWidth > elementRef?.current?.clientWidth); setIsOverflowed(overFlowing); - }, [elementRef]); + /* disabling to not put the ref in dep array */ + /* eslint-disable react-hooks/exhaustive-deps */ + }, [ + elementRef?.current?.clientHeight, + elementRef?.current?.clientWidth, + elementRef?.current?.scrollHeight, + elementRef?.current?.scrollWidth, + text, + ]); return isOverflowed; }; From 46780905fa6738336cceb9fe8811733a362fd188 Mon Sep 17 00:00:00 2001 From: David Conner Date: Mon, 7 Feb 2022 10:24:32 -0500 Subject: [PATCH 03/23] chore(cards): update snapshots from change: --- .../BarChartCard.story.storyshot | 7 + .../Card/__snapshots__/Card.story.storyshot | 16 ++ .../ComboChartCard.story.storyshot | 4 + .../__snapshots__/Dashboard.story.storyshot | 173 ++++++++++++++++++ .../DashboardGrid.story.storyshot | 27 +++ .../DashboardEditor.story.storyshot | 12 ++ .../__snapshots__/GaugeCard.story.storyshot | 4 + .../__snapshots__/ImageCard.story.storyshot | 8 + .../__snapshots__/ListCard.story.storyshot | 4 + .../PieChartCard.story.storyshot | 7 + .../TimeSeriesCard.story.storyshot | 11 ++ .../__snapshots__/ValueCard.story.storyshot | 11 ++ 12 files changed, 284 insertions(+) diff --git a/packages/react/src/components/BarChartCard/__snapshots__/BarChartCard.story.storyshot b/packages/react/src/components/BarChartCard/__snapshots__/BarChartCard.story.storyshot index 12d3df0283..9b01b71fa4 100644 --- a/packages/react/src/components/BarChartCard/__snapshots__/BarChartCard.story.storyshot +++ b/packages/react/src/components/BarChartCard/__snapshots__/BarChartCard.story.storyshot @@ -34,6 +34,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/B >
Particles and temperature in cities
@@ -136,6 +137,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/B >
Particles by city
@@ -238,6 +240,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/B >
Particles over 4 days
@@ -389,6 +392,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/B >
Temperature over time
@@ -491,6 +495,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/B >
Particles and temperature in cities
@@ -593,6 +598,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/B >
Particles / emissions over 4 days
@@ -744,6 +750,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/B >
Particles by city over time
diff --git a/packages/react/src/components/Card/__snapshots__/Card.story.storyshot b/packages/react/src/components/Card/__snapshots__/Card.story.storyshot index 2a8eee740f..f8a22e7117 100644 --- a/packages/react/src/components/Card/__snapshots__/Card.story.storyshot +++ b/packages/react/src/components/Card/__snapshots__/Card.story.storyshot @@ -38,6 +38,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/C >
Card title
@@ -497,6 +498,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/C >
Card Title
@@ -557,6 +559,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/C >
Card Title
@@ -671,6 +674,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/C >
Card Title
@@ -785,6 +789,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/C >
Card Title
@@ -899,6 +904,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/C >
Card Title
@@ -1013,6 +1019,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/C >
Card Title
@@ -1127,6 +1134,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/C >
Card Title
@@ -1241,6 +1249,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/C >
Card Title
@@ -1355,6 +1364,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/C >
Card Title
@@ -1473,6 +1483,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/C >
Card Title
@@ -1580,6 +1591,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/C >
Card with date picker
@@ -1724,6 +1736,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/C >
Card Title
@@ -1878,6 +1891,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/C >
Card Title that should be truncated and presented in a tooltip while the cards also has an external tooltip.
@@ -2070,6 +2084,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/C >
Card Title
@@ -2138,6 +2153,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/C >
Card with render prop
diff --git a/packages/react/src/components/ComboChartCard/__snapshots__/ComboChartCard.story.storyshot b/packages/react/src/components/ComboChartCard/__snapshots__/ComboChartCard.story.storyshot index c106c3a2ac..14e1f64b04 100644 --- a/packages/react/src/components/ComboChartCard/__snapshots__/ComboChartCard.story.storyshot +++ b/packages/react/src/components/ComboChartCard/__snapshots__/ComboChartCard.story.storyshot @@ -40,6 +40,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E >
Health history
@@ -1963,6 +1964,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E >
Health history
@@ -2114,6 +2116,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E >
ComboChartCard Empty
@@ -2306,6 +2309,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E >
ComboChartCard Loading
diff --git a/packages/react/src/components/Dashboard/__snapshots__/Dashboard.story.storyshot b/packages/react/src/components/Dashboard/__snapshots__/Dashboard.story.storyshot index 1876008aba..3bcd3fff6e 100644 --- a/packages/react/src/components/Dashboard/__snapshots__/Dashboard.story.storyshot +++ b/packages/react/src/components/Dashboard/__snapshots__/Dashboard.story.storyshot @@ -94,6 +94,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Facility Metrics with a very long title that should be truncated and have a tooltip for the full text
@@ -305,6 +306,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Bar chart
@@ -403,6 +405,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Humidity
@@ -510,6 +513,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Show tooltip when the card title has ellipsis
@@ -660,6 +664,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Utilization
@@ -769,6 +774,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Alert Count
@@ -906,6 +912,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Comfort Level
@@ -1030,6 +1037,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Foot Traffic
@@ -1165,6 +1173,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Health
@@ -1323,6 +1332,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Health
@@ -1452,6 +1462,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Temperature with a very long title that should be truncated and have a tooltip for the full text
@@ -2419,6 +2430,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Environment
@@ -2567,6 +2579,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Floor Map
@@ -3029,6 +3042,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Facility Metrics with a very long title that should be truncated and have a tooltip for the full text
@@ -3240,6 +3254,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Bar chart
@@ -3338,6 +3353,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Humidity
@@ -3445,6 +3461,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Show tooltip when the card title has ellipsis
@@ -3595,6 +3612,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Utilization
@@ -3704,6 +3722,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Alert Count
@@ -3841,6 +3860,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Comfort Level
@@ -3965,6 +3985,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Foot Traffic
@@ -4100,6 +4121,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Health
@@ -4258,6 +4280,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Health
@@ -4387,6 +4410,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Temperature with a very long title that should be truncated and have a tooltip for the full text
@@ -5354,6 +5378,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Environment
@@ -5502,6 +5527,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Floor Map
@@ -5999,6 +6025,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Facility Metrics with a very long title that should be truncated and have a tooltip for the full text
@@ -6210,6 +6237,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Bar chart
@@ -6308,6 +6336,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Humidity
@@ -6415,6 +6444,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Show tooltip when the card title has ellipsis
@@ -6565,6 +6595,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Utilization
@@ -6674,6 +6705,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Alert Count
@@ -6811,6 +6843,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Comfort Level
@@ -6935,6 +6968,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Foot Traffic
@@ -7070,6 +7104,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Health
@@ -7228,6 +7263,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Health
@@ -7357,6 +7393,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Temperature with a very long title that should be truncated and have a tooltip for the full text
@@ -8324,6 +8361,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Environment
@@ -8472,6 +8510,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Floor Map
@@ -8934,6 +8973,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Expanded card
@@ -9114,6 +9154,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Expanded card
@@ -9381,6 +9422,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Expanded card
@@ -11263,6 +11305,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Facility Metrics with a very long title that should be truncated and have a tooltip for the full text
@@ -11474,6 +11517,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Bar chart
@@ -11572,6 +11616,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Humidity
@@ -11679,6 +11724,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Show tooltip when the card title has ellipsis
@@ -11829,6 +11875,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Utilization
@@ -11938,6 +11985,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Alert Count
@@ -12075,6 +12123,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Comfort Level
@@ -12199,6 +12248,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Foot Traffic
@@ -12334,6 +12384,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Health
@@ -12492,6 +12543,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Health
@@ -12621,6 +12673,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Temperature with a very long title that should be truncated and have a tooltip for the full text
@@ -13588,6 +13641,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Environment
@@ -13736,6 +13790,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Floor Map
@@ -14198,6 +14253,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
No options card
@@ -14341,6 +14397,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
value: 13
@@ -14442,6 +14499,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
value: 1352 steps
@@ -14545,6 +14603,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
value: 103.2 ˚F
@@ -14648,6 +14707,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
value: 107324.3 kJ
@@ -14751,6 +14811,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
value: 1709384.1 people
@@ -14854,6 +14915,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
value: false
@@ -14962,6 +15024,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
value: true
@@ -15148,6 +15211,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
value: 13
@@ -15249,6 +15313,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
value: 1352 steps
@@ -15352,6 +15417,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
value: 103.2 ˚F
@@ -15455,6 +15521,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
value: 107324.3 kJ
@@ -15558,6 +15625,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
value: 1709384.1 people
@@ -15661,6 +15729,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
value: false
@@ -15769,6 +15838,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
value: true
@@ -15955,6 +16025,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Temperature
@@ -16058,6 +16129,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Temperature
@@ -16163,6 +16235,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Temperature
@@ -16294,6 +16367,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Temperature
@@ -16500,6 +16574,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Temperature
@@ -16603,6 +16678,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Temperature
@@ -16708,6 +16784,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Temperature
@@ -16839,6 +16916,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Temperature
@@ -17045,6 +17123,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Humidity
@@ -17165,6 +17244,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Humidity
@@ -17290,6 +17370,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Humidity
@@ -17418,6 +17499,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Humidity
@@ -17611,6 +17693,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Humidity
@@ -17731,6 +17814,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Humidity
@@ -17856,6 +17940,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Humidity
@@ -17984,6 +18069,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Humidity
@@ -18177,6 +18263,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Danger Level
@@ -18280,6 +18367,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Danger Level
@@ -18383,6 +18471,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Danger Level
@@ -18486,6 +18575,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Danger Level
@@ -18589,6 +18679,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Danger Level
@@ -18765,6 +18856,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Danger Level
@@ -18868,6 +18960,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Danger Level
@@ -18971,6 +19064,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Danger Level
@@ -19074,6 +19168,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Danger Level
@@ -19177,6 +19272,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Danger Level
@@ -19353,6 +19449,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
value: 13
@@ -19454,6 +19551,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
value: 1352 steps
@@ -19557,6 +19655,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
value: 103.2 ˚F
@@ -19660,6 +19759,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
value: 107324.3 kJ
@@ -19763,6 +19863,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
value: 1709384.1 people
@@ -19866,6 +19967,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
value: false
@@ -19979,6 +20081,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
value: true
@@ -20092,6 +20195,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Temperature
@@ -20195,6 +20299,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Temperature
@@ -20300,6 +20405,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Temperature
@@ -20431,6 +20537,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Temperature
@@ -20564,6 +20671,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Humidity
@@ -20684,6 +20792,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Humidity
@@ -20809,6 +20918,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Humidity
@@ -20937,6 +21047,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Humidity
@@ -21057,6 +21168,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Danger Level
@@ -21160,6 +21272,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Danger Level
@@ -21263,6 +21376,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Danger Level
@@ -21366,6 +21480,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Danger Level
@@ -21469,6 +21584,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Danger Level
@@ -21645,6 +21761,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
value: 13
@@ -21746,6 +21863,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
value: 1352 steps
@@ -21849,6 +21967,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
value: 103.2 ˚F
@@ -21952,6 +22071,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
value: 107324.3 kJ
@@ -22055,6 +22175,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
value: 1709384.1 people
@@ -22158,6 +22279,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
value: false
@@ -22271,6 +22393,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
value: true
@@ -22384,6 +22507,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Temperature
@@ -22487,6 +22611,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Temperature
@@ -22592,6 +22717,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Temperature
@@ -22723,6 +22849,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Temperature
@@ -22856,6 +22983,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Humidity
@@ -22976,6 +23104,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Humidity
@@ -23101,6 +23230,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Humidity
@@ -23229,6 +23359,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Humidity
@@ -23349,6 +23480,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Danger Level
@@ -23452,6 +23584,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Danger Level
@@ -23555,6 +23688,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Danger Level
@@ -23658,6 +23792,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Danger Level
@@ -23761,6 +23896,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Danger Level
@@ -23937,6 +24073,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
values: 89.2%, 76 mb
@@ -24093,6 +24230,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
values: 88.3˚F, Elevated
@@ -24247,6 +24385,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
values: 88.3˚F, Elevated
@@ -24476,6 +24615,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
values: 89.2%, 76 mb
@@ -24632,6 +24772,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
values: 88.3˚F, Elevated
@@ -24786,6 +24927,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
values: 88.3˚F, Elevated
@@ -25015,6 +25157,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
values: 89.2%, 76 mb
@@ -25227,6 +25370,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
values: 88.3˚F, Elevated
@@ -25409,6 +25553,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
values: 88.3˚F, Elevated
@@ -25693,6 +25838,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
values: 89.2%, 76 mb
@@ -25905,6 +26051,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
values: 88.3˚F, Elevated
@@ -26087,6 +26234,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
values: 88.3˚F, Elevated
@@ -26371,6 +26519,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Humidity
@@ -26566,6 +26715,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Humidity
@@ -26837,6 +26987,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Humidity
@@ -27032,6 +27183,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Humidity
@@ -27303,6 +27455,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Humidity
@@ -27566,6 +27719,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Danger Level
@@ -27767,6 +27921,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Danger Level
@@ -28105,6 +28260,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Humidity
@@ -28368,6 +28524,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Danger Level
@@ -28569,6 +28726,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Danger Level
@@ -28936,6 +29094,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Facility Metrics with a very long title that should be truncated and have a tooltip for the full text
@@ -29147,6 +29306,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Bar chart
@@ -29245,6 +29405,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Humidity
@@ -29352,6 +29513,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Show tooltip when the card title has ellipsis
@@ -29502,6 +29664,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Utilization
@@ -29611,6 +29774,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Alert Count
@@ -29748,6 +29912,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Comfort Level
@@ -29872,6 +30037,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Foot Traffic
@@ -30007,6 +30173,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Health
@@ -30165,6 +30332,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Health
@@ -30294,6 +30462,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Temperature with a very long title that should be truncated and have a tooltip for the full text
@@ -31261,6 +31430,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Environment
@@ -31409,6 +31579,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Floor Map
@@ -33372,6 +33543,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Tutorials
@@ -33577,6 +33749,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/ >
Announcements
diff --git a/packages/react/src/components/Dashboard/__snapshots__/DashboardGrid.story.storyshot b/packages/react/src/components/Dashboard/__snapshots__/DashboardGrid.story.storyshot index 195ae013d0..fc037d535f 100644 --- a/packages/react/src/components/Dashboard/__snapshots__/DashboardGrid.story.storyshot +++ b/packages/react/src/components/Dashboard/__snapshots__/DashboardGrid.story.storyshot @@ -66,6 +66,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/D >
Small
@@ -132,6 +133,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/D >
Small Wide
@@ -198,6 +200,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/D >
Medium Thin
@@ -264,6 +267,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/D >
Medium
@@ -330,6 +334,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/D >
Medium Wide
@@ -396,6 +401,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/D >
Large Thin
@@ -462,6 +468,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/D >
Large
@@ -528,6 +535,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/D >
Large Wide
@@ -633,6 +641,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/D >
Card - SMALL
@@ -713,6 +722,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/D >
ValueCard - SMALLWIDE
@@ -866,6 +876,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/D >
GaugeCard - MEDIUMTHIN
@@ -1035,6 +1046,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/D >
PieChartCard - MEDIUM
@@ -1115,6 +1127,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/D >
MapCard - LARGEWIDE
@@ -3347,6 +3360,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/D >
ImageCard - LARGE
@@ -3608,6 +3622,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/D >
TimeSeriesCard - LARGETHIN
@@ -3677,6 +3692,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/D >
ListCard - LARGETHIN
@@ -3936,6 +3952,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/D >
BarChartCard - LARGEWIDE
@@ -4044,6 +4061,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/D >
Facility Metrics
@@ -4111,6 +4129,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/D >
Humidity
@@ -4178,6 +4197,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/D >
Utilization
@@ -4299,6 +4319,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/D >
Facility Metrics
@@ -4366,6 +4387,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/D >
Humidity
@@ -4433,6 +4455,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/D >
Utilization
@@ -4539,6 +4562,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/D >
Facility Metrics
@@ -4606,6 +4630,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/D >
Humidity
@@ -4673,6 +4698,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/D >
Utilization
@@ -4776,6 +4802,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/D >
Card - SMALL
diff --git a/packages/react/src/components/DashboardEditor/__snapshots__/DashboardEditor.story.storyshot b/packages/react/src/components/DashboardEditor/__snapshots__/DashboardEditor.story.storyshot index 1e92478940..f2c14d70fd 100644 --- a/packages/react/src/components/DashboardEditor/__snapshots__/DashboardEditor.story.storyshot +++ b/packages/react/src/components/DashboardEditor/__snapshots__/DashboardEditor.story.storyshot @@ -1665,6 +1665,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E >
Custom rendered card
@@ -1799,6 +1800,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E >
Value card
@@ -1979,6 +1981,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E >
Timeseries
@@ -2099,6 +2102,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E >
Bar
@@ -9713,6 +9717,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E >
Custom rendered card
@@ -9850,6 +9855,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E >
my custom title: Default rendered card
@@ -18535,6 +18541,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E >
Untitled
@@ -20940,6 +20947,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E >
Custom rendered card
@@ -21066,6 +21074,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E >
Default rendered card
@@ -21297,6 +21306,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E >
Timeseries
@@ -21417,6 +21427,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E >
Bar
@@ -21538,6 +21549,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E >
Custom rendered card
diff --git a/packages/react/src/components/GaugeCard/__snapshots__/GaugeCard.story.storyshot b/packages/react/src/components/GaugeCard/__snapshots__/GaugeCard.story.storyshot index e28d429b33..57d6f9237b 100644 --- a/packages/react/src/components/GaugeCard/__snapshots__/GaugeCard.story.storyshot +++ b/packages/react/src/components/GaugeCard/__snapshots__/GaugeCard.story.storyshot @@ -34,6 +34,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/G >
Health
@@ -196,6 +197,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/G >
Health
@@ -399,6 +401,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/G >
Health
@@ -557,6 +560,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/G >
Health
diff --git a/packages/react/src/components/ImageCard/__snapshots__/ImageCard.story.storyshot b/packages/react/src/components/ImageCard/__snapshots__/ImageCard.story.storyshot index fbc5c402c3..59fe4f32d0 100644 --- a/packages/react/src/components/ImageCard/__snapshots__/ImageCard.story.storyshot +++ b/packages/react/src/components/ImageCard/__snapshots__/ImageCard.story.storyshot @@ -35,6 +35,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/I >
Image
@@ -344,6 +345,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/I >
Image
@@ -740,6 +742,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/I >
Image
@@ -846,6 +849,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/I >
Image
@@ -952,6 +956,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/I >
Image
@@ -1190,6 +1195,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/I >
Image
@@ -1357,6 +1363,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/I >
Image
@@ -1524,6 +1531,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/I >
Image
diff --git a/packages/react/src/components/ListCard/__snapshots__/ListCard.story.storyshot b/packages/react/src/components/ListCard/__snapshots__/ListCard.story.storyshot index 8e9cc90e67..52a0b3218f 100644 --- a/packages/react/src/components/ListCard/__snapshots__/ListCard.story.storyshot +++ b/packages/react/src/components/ListCard/__snapshots__/ListCard.story.storyshot @@ -35,6 +35,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/L >
Simple List with Icon
@@ -288,6 +289,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/L >
Simple List with Icon
@@ -353,6 +355,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/L >
List with extra content
@@ -535,6 +538,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/L >
List with extra long content
diff --git a/packages/react/src/components/PieChartCard/__snapshots__/PieChartCard.story.storyshot b/packages/react/src/components/PieChartCard/__snapshots__/PieChartCard.story.storyshot index 4fc86b9006..0fb21fcd89 100644 --- a/packages/react/src/components/PieChartCard/__snapshots__/PieChartCard.story.storyshot +++ b/packages/react/src/components/PieChartCard/__snapshots__/PieChartCard.story.storyshot @@ -40,6 +40,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/P >
Animations turned on and FlyoutMenu added to table
@@ -590,6 +591,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/P >
Schools
@@ -692,6 +694,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/P >
Schools
@@ -794,6 +797,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/P >
Schools
@@ -896,6 +900,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/P >
Schools
@@ -998,6 +1003,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/P >
Schools
@@ -1103,6 +1109,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/P >
Schools
diff --git a/packages/react/src/components/TimeSeriesCard/__snapshots__/TimeSeriesCard.story.storyshot b/packages/react/src/components/TimeSeriesCard/__snapshots__/TimeSeriesCard.story.storyshot index 456fbbf1d6..cd1e26226a 100644 --- a/packages/react/src/components/TimeSeriesCard/__snapshots__/TimeSeriesCard.story.storyshot +++ b/packages/react/src/components/TimeSeriesCard/__snapshots__/TimeSeriesCard.story.storyshot @@ -34,6 +34,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T >
Temperature
@@ -185,6 +186,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T >
Temperature
@@ -336,6 +338,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T >
Temperature
@@ -451,6 +454,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T >
Temperature
@@ -602,6 +606,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T >
Temperature
@@ -753,6 +758,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T >
Temperature
@@ -824,6 +830,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T >
Temperature
@@ -2844,6 +2851,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T >
Temperature, Humidity, eCount, and Pressure
@@ -2995,6 +3003,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T >
Temperature
@@ -3146,6 +3155,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T >
Temperature with variables
@@ -3297,6 +3307,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T >
Pressure
diff --git a/packages/react/src/components/ValueCard/__snapshots__/ValueCard.story.storyshot b/packages/react/src/components/ValueCard/__snapshots__/ValueCard.story.storyshot index 4f0c8547a8..d5e3ac7579 100644 --- a/packages/react/src/components/ValueCard/__snapshots__/ValueCard.story.storyshot +++ b/packages/react/src/components/ValueCard/__snapshots__/ValueCard.story.storyshot @@ -34,6 +34,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/V >
Health score
@@ -193,6 +194,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/V >
Facility Conditions per device
@@ -373,6 +375,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/V >
Facility Conditions
@@ -736,6 +739,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/V >
Status
@@ -1038,6 +1042,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/V >
Really really really long card title?
@@ -1218,6 +1223,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/V >
Tagpath
@@ -1327,6 +1333,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/V >
Facility Conditions
@@ -1812,6 +1819,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/V >
Facility Conditions
@@ -2128,6 +2136,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/V >
Status
@@ -2262,6 +2271,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/V >
Alert Count
@@ -2399,6 +2409,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/V >
Foot Traffic - working
From c6c01ef1619dfc7acdf3c1e80c7ee8f4a302c2e1 Mon Sep 17 00:00:00 2001 From: Kevin Perrine Date: Mon, 7 Feb 2022 12:15:32 -0500 Subject: [PATCH 04/23] fix(stateful-table): fix multi-sort and advanced filters cooperatively --- .../Table/StatefulTable.test.e2e.jsx | 48 +++++++++++++++++++ packages/react/src/components/Table/Table.jsx | 12 ++++- .../src/components/Table/Table.main.story.jsx | 6 +-- .../src/components/Table/tableReducer.js | 9 +++- 4 files changed, 69 insertions(+), 6 deletions(-) diff --git a/packages/react/src/components/Table/StatefulTable.test.e2e.jsx b/packages/react/src/components/Table/StatefulTable.test.e2e.jsx index 9d759aa308..e09c648718 100644 --- a/packages/react/src/components/Table/StatefulTable.test.e2e.jsx +++ b/packages/react/src/components/Table/StatefulTable.test.e2e.jsx @@ -3,6 +3,7 @@ import { mount } from '@cypress/react'; import StatefulTable from './StatefulTable'; import { + getAdvancedFilters, getTableColumns as getStoryTableColumns, getTableData as getStoryTableData, } from './Table.story.helpers'; @@ -14,6 +15,10 @@ describe('StatefulTable', () => { const tableColumns = getStoryTableColumns(); const tableData = getStoryTableData(); + beforeEach(() => { + cy.viewport(1680, 900); + }); + it('should search on keydown when hasFastSearch:true', () => { const onApplySearch = cy.stub(); mount( @@ -205,4 +210,47 @@ describe('StatefulTable', () => { cy.viewport(1680, 900); }); + + it('should allow advanced filters and multi-sort at the same time', () => { + mount( + ({ + ...c, + isSortable: c.id === 'string' || c.id === 'select', + }))} + data={tableData} + options={{ + hasAdvancedFilter: true, + hasMultiSort: true, + }} + view={{ + advancedFilters: getAdvancedFilters(), + table: { + sort: [], + }, + }} + /> + ); + + // 100 rows plus header + cy.get('tr').should('have.length', 101); + cy.findByTestId('advanced-filter-flyout-button').click(); + cy.findByRole('tab', { name: 'Advanced filters' }).click(); + cy.findByText('Select a filter').click(); + cy.findByText('select=Option c, boolean=false').click(); + cy.findByRole('button', { name: 'Apply filters' }).click(); + // 16 rows plus header + cy.get('tr').should('have.length', 17); + cy.get('tr').eq(1).find('td').eq(0).should('have.text', 'bottle toyota bottle 5'); + + cy.findAllByLabelText('open and close list of options').eq(2).click(); + cy.findAllByText('Multi-sort').eq(0).click(); + cy.findByRole('button', { name: 'Add column' }).click(); + cy.findByRole('button', { name: 'Sort' }).click(); + cy.get('tr').eq(1).find('td').eq(0).should('have.text', 'as eat scott 23'); + + cy.findAllByLabelText('Sort rows by this header in descending order').eq(0).click(); + cy.get('tr').eq(1).find('td').eq(0).should('have.text', 'whiteboard can eat 72'); + }); }); diff --git a/packages/react/src/components/Table/Table.jsx b/packages/react/src/components/Table/Table.jsx index 0264b10a67..05e5af5ed2 100644 --- a/packages/react/src/components/Table/Table.jsx +++ b/packages/react/src/components/Table/Table.jsx @@ -786,8 +786,16 @@ const Table = (props) => { ? [view.table.sort] : []; - if (view.table.multiSortModal?.anticipatedColumn) { - return [...arrayifiedSort, view.table.multiSortModal.anticipatedColumn]; + const anticipatedColumn = view.table.multiSortModal?.anticipatedColumn; + + if (anticipatedColumn) { + const columnNotSortedYet = arrayifiedSort.every( + (sort) => sort.columnId !== anticipatedColumn.columnId + ); + + if (columnNotSortedYet) { + return [...arrayifiedSort, anticipatedColumn]; + } } return arrayifiedSort; diff --git a/packages/react/src/components/Table/Table.main.story.jsx b/packages/react/src/components/Table/Table.main.story.jsx index d49c5a29d0..f593bf5964 100644 --- a/packages/react/src/components/Table/Table.main.story.jsx +++ b/packages/react/src/components/Table/Table.main.story.jsx @@ -43,7 +43,7 @@ export default { * The main playground story for the Table/StatefulTable. * All props (that can be combined) are enabled in dev mode in order to help catch * regressions and see how changes affect existing functionality. But for the consumers - * of the library it would probalby be overwhelming to see all functionality at once, + * of the library it would probably be overwhelming to see all functionality at once, * hence a simple table is shown in production. * @returns story function */ @@ -58,7 +58,7 @@ export const Playground = () => { selectedTableType, tableMaxWidth, secondaryTitle, - numerOfRows, + numberOfRows, useZebraStyles, size, tableTooltipText, @@ -211,7 +211,7 @@ export const Playground = () => { const customToolbarContent = demoCustomToolbarContent ? customToolbarContentElement : undefined; const data = [...(demoEmptyState || demoCustomEmptyState ? [] : getTableData())] - .slice(0, numerOfRows) + .slice(0, numberOfRows) .map((row, index) => (hasRowActions ? addRowAction(row, hasSingleRowEdit, index) : row)) .map((row, index) => (hasRowNesting ? addChildRows(row, index) : row)) .map((row) => (!selectionCheckboxEnabled ? { ...row, isSelectable: false } : row)); diff --git a/packages/react/src/components/Table/tableReducer.js b/packages/react/src/components/Table/tableReducer.js index fd529eebda..62ea8f7e9e 100644 --- a/packages/react/src/components/Table/tableReducer.js +++ b/packages/react/src/components/Table/tableReducer.js @@ -728,6 +728,13 @@ export const tableReducer = (state = {}, action) => { } case TABLE_MULTI_SORT_SAVE: { + const selectedAdvancedFilterIds = get(state, 'view.selectedAdvancedFilterIds', []); + const advancedFilters = get(state, 'view.advancedFilters', []); + + const selectedAdvancedFilters = advancedFilters.filter((advFilter) => + selectedAdvancedFilterIds.includes(advFilter.filterId) + ); + return update(state, { view: { table: { @@ -741,7 +748,7 @@ export const tableReducer = (state = {}, action) => { get(state, 'view.toolbar.search'), get(state, 'view.filters'), get(state, 'columns'), - get(state, 'view.advancedFilters') + selectedAdvancedFilters ), }, showMultiSortModal: { From f6811a89909d0de4df663883924429e6f4242b38 Mon Sep 17 00:00:00 2001 From: Kevin Perrine Date: Fri, 11 Feb 2022 11:47:54 -0500 Subject: [PATCH 05/23] feat(hierarchy-list): call onExpandedChange after rows are expanded --- .../List/HierarchyList/HierarchyList.jsx | 33 +- .../HierarchyList/HierarchyList.story.jsx | 87 +- .../List/HierarchyList/HierarchyList.test.jsx | 13 +- .../HierarchyList.story.storyshot | 10746 ++++++++++++++++ packages/react/src/components/List/List.jsx | 5 + .../List/ListContent/ListContent.jsx | 5 + .../src/components/List/ListItem/ListItem.jsx | 17 +- .../VirtualListContent/VirtualListContent.jsx | 6 + .../__snapshots__/ProgressBar.story.storyshot | 32 +- .../__snapshots__/RuleBuilder.story.storyshot | 16 +- .../TableSaveViewModal.story.storyshot | 8 +- .../__snapshots__/TileGallery.story.storyshot | 28 +- .../__snapshots__/publicAPI.test.js.snap | 12 + 13 files changed, 10959 insertions(+), 49 deletions(-) diff --git a/packages/react/src/components/List/HierarchyList/HierarchyList.jsx b/packages/react/src/components/List/HierarchyList/HierarchyList.jsx index 7daae3ebe0..955b71d5c2 100644 --- a/packages/react/src/components/List/HierarchyList/HierarchyList.jsx +++ b/packages/react/src/components/List/HierarchyList/HierarchyList.jsx @@ -279,6 +279,7 @@ const HierarchyList = ({ const itemsStrippedOfNodeElements = useMemo(() => reduceItems(items), [items]); const previousItems = usePrevious(items); const previousExpandedIds = usePrevious(expandedIds); + useEffect(() => { if (!isEqual(items, previousItems)) { setFilteredItems(items); @@ -301,13 +302,19 @@ const HierarchyList = ({ /** * effect to trigger calling the onExpandedChange callback. Ignore it on the initial render - * when previousExpandedIds is undefined, but fire it on every change afterward + * when previousExpandedIds is undefined, but fire it on every change afterward when using a + * virtualList. The regular list triggers the onExpandedChange callback in the handleAfterExpand + * function below. */ useEffect(() => { - if (previousExpandedIds !== undefined && !isEqual(previousExpandedIds, expandedIds)) { + if ( + previousExpandedIds !== undefined && + !isEqual(previousExpandedIds, expandedIds) && + isVirtualList + ) { onExpandedChange(expandedIds); } - }, [expandedIds, onExpandedChange, previousExpandedIds]); + }, [expandedIds, isVirtualList, onExpandedChange, previousExpandedIds]); /** * Effect to handle indeterminate state for parent checkboxes. If we're in an editMode and @@ -496,6 +503,25 @@ const HierarchyList = ({ } }; + /** + * Used to trigger the onExpandedChange callback after the _last_ item in the expandedIds + * array has official expanded. Only used on regular lists, not virtual, because the virtual + * list only renders the rows shown, so we can't know what the _last_ item actually is. + * + * @param {string} id The ID of the item that was just expanded + */ + const handleAfterExpand = (id) => { + const [lastId] = expandedIds.slice(-1); + const [previousLastId] = previousExpandedIds.slice(-1); + if (id === lastId || id === previousLastId) { + setTimeout(() => { + window.requestAnimationFrame(() => { + onExpandedChange(expandedIds); + }); + }, 0); + } + }; + return ( <> {editingStyle === EditingStyle.MultipleNesting && editModeSelectedIds.length > 0 ? ( @@ -576,6 +602,7 @@ const HierarchyList = ({ className={className} emptyState={emptyState} emptySearchState={emptySearchState} + onAfterExpand={!isVirtualList ? handleAfterExpand : undefined} /> ); diff --git a/packages/react/src/components/List/HierarchyList/HierarchyList.story.jsx b/packages/react/src/components/List/HierarchyList/HierarchyList.story.jsx index a2bdb6e6b5..bab4d9343b 100644 --- a/packages/react/src/components/List/HierarchyList/HierarchyList.story.jsx +++ b/packages/react/src/components/List/HierarchyList/HierarchyList.story.jsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import React, { createElement, useMemo, useState } from 'react'; import { action } from '@storybook/addon-actions'; import { text, select, boolean, object, number, array } from '@storybook/addon-knobs'; import { Add16 } from '@carbon/icons-react'; @@ -623,3 +623,88 @@ export const WithEmptyState = () => ( ); WithEmptyState.storyName = 'with empty state'; + +const generateNestedItems = (numberToRender) => { + return [...Array(numberToRender)].map((_, i) => ({ + id: `item-${i}`, + content: { + value: `Item ${i}`, + }, + isCategory: true, + children: Array.from({ length: 10 }, (_, i) => String.fromCharCode('A'.charCodeAt(0) + i)).map( + (letter, ci) => ({ + id: `item-${i}-${ci}`, + content: { + value: `Item ${i}-${letter}`, + }, + }) + ), + })); +}; + +const generateItemIds = (numberToRender) => [...Array(numberToRender)].map((_, i) => `item-${i}`); + +export const WithLargeNumberOfExpandableItems = () => { + const [expandedIds, setExpandedIds] = useState( + array('A comma separated list of expandedIds (expandedIds)', [], ',') + ); + const [isLoading, setIsLoading] = useState(false); + const [allOpen, setAllOpen] = useState(false); + const numberToRender = number('number of items to render', 200); + const [allItems, parentIds] = useMemo( + () => [generateNestedItems(numberToRender), generateItemIds(numberToRender)], + [numberToRender] + ); + return ( + <> + +
+ { + setIsLoading(false); + action('onExpandedChange')(args); + setAllOpen((prev) => !prev); + }} + isVirtualList={boolean('hasVirtualList', false)} + /> +
+ + ); +}; + +WithLargeNumberOfExpandableItems.storyName = 'With large number of expandable items'; +WithLargeNumberOfExpandableItems.decorators = [ + createElement, + (Story) => ( + + + + ), +]; diff --git a/packages/react/src/components/List/HierarchyList/HierarchyList.test.jsx b/packages/react/src/components/List/HierarchyList/HierarchyList.test.jsx index 43afa7405b..b5ebfc7227 100644 --- a/packages/react/src/components/List/HierarchyList/HierarchyList.test.jsx +++ b/packages/react/src/components/List/HierarchyList/HierarchyList.test.jsx @@ -51,7 +51,7 @@ describe('HierarchyList', () => { }); afterAll(() => { - // this is likely unecessary, but should help ensure that everything from this file is garbage collected after completion + // this is likely unnecessary, but should help ensure that everything from this file is garbage collected after completion debounce.mockRestore(); }); @@ -1060,7 +1060,8 @@ describe('HierarchyList', () => { it('should fire onExpandedChange when user expands or collapses hierarchies', () => { const onExpandedChange = jest.fn(); - + jest.useFakeTimers(); + jest.spyOn(window, 'requestAnimationFrame').mockImplementation((cb) => cb()); const { rerender } = render( { expect(onExpandedChange).toHaveBeenCalledTimes(0); userEvent.click(getCloseButtonForTeam('Atlanta Braves')); + jest.runOnlyPendingTimers(); expect(onExpandedChange).toHaveBeenCalledWith([]); expect(onExpandedChange).toHaveBeenCalledTimes(1); userEvent.click(getExpandButtonForTeam('Atlanta Braves')); + jest.runOnlyPendingTimers(); expect(onExpandedChange).toHaveBeenCalledWith(['Atlanta Braves']); expect(onExpandedChange).toHaveBeenCalledTimes(2); @@ -1089,9 +1092,11 @@ describe('HierarchyList', () => { /> ); + jest.runOnlyPendingTimers(); expect(onExpandedChange).toHaveBeenCalledWith(['Atlanta Braves', 'Chicago White Sox']); expect(onExpandedChange).toHaveBeenCalledTimes(3); userEvent.click(getExpandButtonForTeam('New York Mets')); + jest.runOnlyPendingTimers(); expect(onExpandedChange).toHaveBeenCalledWith([ 'Atlanta Braves', 'Chicago White Sox', @@ -1108,8 +1113,12 @@ describe('HierarchyList', () => { /> ); + jest.runOnlyPendingTimers(); expect(onExpandedChange).toHaveBeenCalledWith([]); expect(onExpandedChange).toHaveBeenCalledTimes(5); + + window.requestAnimationFrame.mockRestore(); + jest.useRealTimers(); }); /** *********************************************** diff --git a/packages/react/src/components/List/HierarchyList/__snapshots__/HierarchyList.story.storyshot b/packages/react/src/components/List/HierarchyList/__snapshots__/HierarchyList.story.storyshot index 702af81d25..2b257314ab 100644 --- a/packages/react/src/components/List/HierarchyList/__snapshots__/HierarchyList.story.storyshot +++ b/packages/react/src/components/List/HierarchyList/__snapshots__/HierarchyList.story.storyshot @@ -4956,6 +4956,10752 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/H
`; +exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/HierarchyList With large number of expandable items 1`] = ` +
+ +
+
+
+
+
+ Big List +
+
+
+
+
+
+ + + +
+ + + +
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 0 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 1 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 2 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 3 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 4 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 5 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 6 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 7 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 8 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 9 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 10 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 11 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 12 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 13 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 14 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 15 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 16 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 17 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 18 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 19 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 20 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 21 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 22 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 23 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 24 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 25 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 26 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 27 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 28 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 29 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 30 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 31 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 32 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 33 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 34 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 35 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 36 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 37 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 38 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 39 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 40 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 41 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 42 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 43 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 44 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 45 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 46 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 47 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 48 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 49 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 50 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 51 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 52 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 53 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 54 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 55 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 56 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 57 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 58 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 59 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 60 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 61 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 62 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 63 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 64 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 65 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 66 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 67 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 68 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 69 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 70 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 71 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 72 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 73 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 74 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 75 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 76 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 77 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 78 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 79 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 80 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 81 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 82 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 83 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 84 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 85 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 86 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 87 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 88 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 89 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 90 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 91 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 92 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 93 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 94 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 95 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 96 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 97 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 98 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 99 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 100 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 101 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 102 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 103 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 104 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 105 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 106 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 107 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 108 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 109 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 110 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 111 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 112 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 113 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 114 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 115 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 116 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 117 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 118 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 119 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 120 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 121 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 122 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 123 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 124 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 125 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 126 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 127 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 128 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 129 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 130 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 131 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 132 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 133 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 134 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 135 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 136 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 137 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 138 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 139 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 140 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 141 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 142 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 143 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 144 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 145 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 146 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 147 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 148 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 149 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 150 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 151 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 152 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 153 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 154 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 155 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 156 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 157 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 158 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 159 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 160 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 161 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 162 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 163 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 164 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 165 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 166 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 167 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 168 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 169 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 170 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 171 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 172 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 173 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 174 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 175 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 176 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 177 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 178 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 179 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 180 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 181 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 182 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 183 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 184 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 185 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 186 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 187 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 188 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 189 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 190 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 191 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 192 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 193 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 194 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 195 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 196 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 197 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 198 +
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+ Item 199 +
+
+
+
+
+
+
+
+
+
+ + Page 1 + +
+
+
+
+
+
+`; + exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/HierarchyList With nested reordering restricted 1`] = `
{}, + onAfterExpand: null, }; const List = forwardRef((props, ref) => { @@ -173,6 +176,7 @@ const List = forwardRef((props, ref) => { testId, handleLoadMore, loadingMoreIds, + onAfterExpand, } = props; const mergedI18n = useMemo(() => ({ ...defaultProps.i18n, ...i18n }), [i18n]); const ListHeader = overrides?.header?.component || DefaultListHeader; @@ -225,6 +229,7 @@ const List = forwardRef((props, ref) => { selectedItemRef={ref} i18n={mergedI18n} lockedIds={lockedIds} + onAfterExpand={onAfterExpand} {...overrides?.content?.props} /> {pagination && !isLoading ? ( diff --git a/packages/react/src/components/List/ListContent/ListContent.jsx b/packages/react/src/components/List/ListContent/ListContent.jsx index 92528fad9d..ecfa0aa0b7 100644 --- a/packages/react/src/components/List/ListContent/ListContent.jsx +++ b/packages/react/src/components/List/ListContent/ListContent.jsx @@ -73,6 +73,8 @@ const propTypes = { /** icon can be left or right side of list row primary value */ iconPosition: PropTypes.oneOf(['left', 'right']), selectedItemRef: HtmlElementRefProp, + /** called after the row has expanded and is passed the ID */ + onAfterExpand: PropTypes.func, }; const defaultProps = { @@ -107,6 +109,7 @@ const defaultProps = { selectedItemRef: React.createRef(), testId: 'list', toggleExpansion: () => {}, + onAfterExpand: null, }; const getAdjustedNestingLevel = (items, currentLevel) => @@ -139,6 +142,7 @@ const ListContent = ({ handleLoadMore, i18n, selectedItemRef, + onAfterExpand, }) => { const mergedI18n = useMemo(() => ({ ...defaultProps.i18n, ...i18n }), [i18n]); @@ -245,6 +249,7 @@ const ListContent = ({ selectedItemRef={isSelected ? selectedItemRef : null} tags={tags} preventRowFocus={isCheckboxMultiSelect} + onAfterExpand={onAfterExpand} />
, ...(hasChildren && isExpanded diff --git a/packages/react/src/components/List/ListItem/ListItem.jsx b/packages/react/src/components/List/ListItem/ListItem.jsx index c0a7f2a53e..93682e84db 100644 --- a/packages/react/src/components/List/ListItem/ListItem.jsx +++ b/packages/react/src/components/List/ListItem/ListItem.jsx @@ -1,10 +1,11 @@ -import React, { useMemo } from 'react'; +import React, { useEffect, useMemo } from 'react'; import { DragSource } from 'react-dnd'; import classnames from 'classnames'; import { Draggable16, ChevronUp16, ChevronDown16, Locked16 } from '@carbon/icons-react'; import PropTypes from 'prop-types'; import warning from 'warning'; +import { usePrevious } from '../../../hooks/usePrevious'; import { EditingStyle } from '../../../utils/DragAndDropUtils'; import { settings } from '../../../constants/Settings'; import { handleSpecificKeyDown } from '../../../utils/componentUtilityFunctions'; @@ -79,6 +80,9 @@ const ListItemPropTypes = { itemWillMove: PropTypes.func.isRequired, /** true if the list item should not be focusable even though isSelectable is true */ preventRowFocus: PropTypes.bool, + isVirtualList: PropTypes.bool, + /** called after the row has expanded and is passed the ID */ + onAfterExpand: PropTypes.func, }; const ListItemDefaultProps = { @@ -110,6 +114,8 @@ const ListItemDefaultProps = { selectedItemRef: null, tags: null, preventRowFocus: false, + isVirtualList: false, + onAfterExpand: null, }; const ListItem = ({ @@ -144,8 +150,17 @@ const ListItem = ({ itemWillMove, dragPreviewText, preventRowFocus, + onAfterExpand, + isVirtualList, }) => { const mergedI18n = useMemo(() => ({ ...ListItemDefaultProps.i18n, ...i18n }), [i18n]); + const previousExpansion = usePrevious(expanded, expanded); + + useEffect(() => { + if (!isVirtualList && onAfterExpand && previousExpansion !== expanded && isExpandable) { + onAfterExpand(id); + } + }, [expanded, id, isExpandable, isVirtualList, onAfterExpand, previousExpansion]); const handleExpansionClick = (event) => { event.stopPropagation(); diff --git a/packages/react/src/components/List/VirtualListContent/VirtualListContent.jsx b/packages/react/src/components/List/VirtualListContent/VirtualListContent.jsx index b8e776c961..d922ea8471 100644 --- a/packages/react/src/components/List/VirtualListContent/VirtualListContent.jsx +++ b/packages/react/src/components/List/VirtualListContent/VirtualListContent.jsx @@ -91,6 +91,8 @@ const propTypes = { /** icon can be left or right side of list row primary value */ iconPosition: PropTypes.oneOf(['left', 'right']), virtualListRef: HtmlElementRefProp, + /** called after the row has expanded and is passed the ID */ + onAfterExpand: PropTypes.func, }; const defaultProps = { @@ -125,6 +127,7 @@ const defaultProps = { testId: 'list', toggleExpansion: () => {}, virtualListRef: undefined, + onAfterExpand: null, }; const getAdjustedNestingLevel = (items, currentLevel) => @@ -157,6 +160,7 @@ const VirtualListContent = ({ testId, toggleExpansion, virtualListRef: virtualListRefProp, + onAfterExpand, }) => { const mergedI18n = useMemo(() => ({ ...defaultProps.i18n, ...i18n }), [i18n]); const rowSize = isLargeRow ? ITEM_HEIGHT_LARGE : ITEM_HEIGHT; @@ -367,6 +371,8 @@ const VirtualListContent = ({ i18n={mergedI18n} tags={tags} preventRowFocus={isCheckboxMultiSelect} + onAfterExpand={onAfterExpand} + isVirtualList />
, ]; diff --git a/packages/react/src/components/ProgressBar/__snapshots__/ProgressBar.story.storyshot b/packages/react/src/components/ProgressBar/__snapshots__/ProgressBar.story.storyshot index 54d49d01ee..7cf0eb961a 100644 --- a/packages/react/src/components/ProgressBar/__snapshots__/ProgressBar.story.storyshot +++ b/packages/react/src/components/ProgressBar/__snapshots__/ProgressBar.story.storyshot @@ -37,13 +37,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/P > Mon, Oct 5
Optional helper text
@@ -133,13 +133,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/P > Mon, Oct 5
Optional helper text
@@ -225,13 +225,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/P > Mon, Oct 5
Optional helper text
@@ -296,13 +296,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/P > Mon, Oct 5
Optional helper text
diff --git a/packages/react/src/components/RuleBuilder/__snapshots__/RuleBuilder.story.storyshot b/packages/react/src/components/RuleBuilder/__snapshots__/RuleBuilder.story.storyshot index 71c31cdb88..bfc22149e5 100644 --- a/packages/react/src/components/RuleBuilder/__snapshots__/RuleBuilder.story.storyshot +++ b/packages/react/src/components/RuleBuilder/__snapshots__/RuleBuilder.story.storyshot @@ -700,7 +700,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 2 - Watson IoT E onAnimationEnd={[Function]} > +
+
+`; + +exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/Table With row expansion 1`] = ` +
+ +
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + String + + + + + + Date + + + + + + Select + + + + + + Secret Information + + + + + + Status + + + + + + Number + + + + + + Boolean + + + + + + React Node + + + + + + Object Id + + +
+ + + + + toyota toyota toyota 0 + + + + + + 1973-03-03T09:46:40.000Z + + + + + + option-A + + + + + + AAAAAAAAAA + + + + + + + + + + + + + + + + true + + + + + + + + + + + + AAAAA + + +
+ + + + + helping whiteboard as 1 + + + + + + 1973-03-14T23:33:20.000Z + + + + + + option-B + + + + + + OewGc0QsMs + + + + + + + + + + + + + + 1 + + + + + + false + + + + + + + + + + + + OewGc + + +
+ My expanded content for row 1 +
+ + + + + whiteboard can eat 2 + + + + + + 1973-04-18T16:53:20.000Z + + + + + + option-C + + + + + + c8iM4qgaYa + + + + + + + + + + + + + + 4 + + + + + + true + + + + + + + + + + + + c8iM4 + + +
+ + + + + as eat scott 3 + + + + + + 1973-06-15T13:46:40.000Z + + + + + + option-A + + + + + + qcUSWgwIkI + + + + + + + + + + + + + + + + false + + + + + + + + + + + + qcUSW + + +
+ + + + + can pinocchio whiteboard 4 + + + + + + 1973-09-04T14:13:20.000Z + + + + + + option-B + + + + + + 46GYyWC0w0 + + + + + + + + + + + + + + 16 + + + + + + true + + + + + + + + + + + + 46GYy + + +
+ + + + + bottle toyota bottle 5 + + + + + + 1973-12-17T18:13:20.000Z + + + + + + option-C + + + + + + Ia2eQMSi8i + + + + + + + + + + + + + + 25 + + + + + + false + + + + + + + + + + + + Ia2eQ + + +
+ + + + + eat whiteboard pinocchio 6 + + + + + + 1974-04-24T01:46:40.000Z + + + + + + option-A + + + + + + W4oksCiQKQ + + + + + + + + + + + + + + + + true + + + + + + + + + + + + W4oks + + +
+ + + + + chocolate can helping 7 + + + + + + 1974-09-21T12:53:20.000Z + + + + + + option-B + + + + + + kYaqK2y8W8 + + + + + + + + + + + + + + 49 + + + + + + false + + + + + + + + + + + + kYaqK + + +
+ + + + + pinocchio eat can 8 + + + + + + 1975-03-14T03:33:20.000Z + + + + + + option-C + + + + + + y2MwmsEqiq + + + + + + + + + + + + + + 64 + + + + + + true + + + + + + + + + + + + y2Mwm + + +
+ + + + + scott pinocchio chocolate 9 + + + + + + 1975-09-26T21:46:40.000Z + + + + + + option-A + + + + + + CW82EiUYuY + + + + + + + + + + + + + + + + false + + + + + + + + + + + + CW82E + + +
+
+
+
+
+`; + +exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/Table With selection and batch actions 1`] = ` +
+
+
+
+
+

+ + 2 items selected + +

+
+
+ + + + +
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + @@ -48043,47 +48087,84 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T data-testid="row-action-container-background" onClick={[Function]} > -
- - -
- + + + @@ -48351,7 +48432,42 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="iot--row-actions-container__background" data-testid="row-action-container-background" onClick={[Function]} - /> + > +
+ + + + Active loading indicator + + + + +
+ In progress + @@ -48619,84 +48735,47 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T data-testid="row-action-container-background" onClick={[Function]} > - - + Action failed + diff --git a/packages/react/src/components/Table/__snapshots__/TableColumnCustomization.story.storyshot b/packages/react/src/components/Table/__snapshots__/TableColumnCustomization.story.storyshot index b6ba799f50..9dc5d2e387 100644 --- a/packages/react/src/components/Table/__snapshots__/TableColumnCustomization.story.storyshot +++ b/packages/react/src/components/Table/__snapshots__/TableColumnCustomization.story.storyshot @@ -560,7 +560,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-45-row-0-string" + id="cell-table-47-row-0-string" offset={0} > ({ + ...row, + // All rows will get the same row actions + rowActions: [ + // This is rendered as an inline action with an icon + { + id: 'drilldown', + renderIcon: ArrowRight16, + iconDescription: 'Drill in', + labelText: 'Drill in to find out more after observing', + }, + // These actions are rendered as a menu items with icons in an overflow menu + // with a divider between them + { + id: 'edit', + renderIcon: Edit16, + labelText: 'Edit', + isOverflow: true, + iconDescription: 'Edit', + isEdit: true, + disabled: true, + }, + { + id: 'delete', + renderIcon: TrashCan16, + labelText: 'Delete', + isOverflow: true, + iconDescription: 'Delete', + isDelete: true, + hasDivider: true, + }, + ], +})); + +return ( + +); +``` + +### Handling the onApplyRowAction event + +When a row action is clicked (or selected) the table will call `actions.table.onApplyRowAction` with the id of the +row action and the id of the row. A normal flow would be to identify the type of action and then update the state +of the row by adding a state object to the array prop `view.table.rowActions` before triggering the +actual action. When the action has finished the state of the row is updated again. + +A row action state object must contain the id of the row and can specify either that the action is being processed +by using the boolean prop `isRunning`, that the row is now in edit mode using the boolean prop `isEditMode` or +that the action had failed by using the object prop `error`. See the table's +[View Prop](/docs/1-watson-iot-table--playground#view-prop) for the full list of props the objects in +`view.table.rowActions` can use. + +The code example below shows how to implement a row action that starts a mocked long running process. + +```jsx +... + +const [rowActionStates, setRowActionStates] = useState([]); +const dataWithActions = data.map((row) => ({ + ...row, + // Add the row actions to every row + rowActions: [ + { + id: 'longRunningProcess', + labelText: 'Start the process', + }, + ], +})); + +// Display an error msg when the action fails +const handleRowActionError = (rowId, { name, message }) => { + setRowActionStates((current) => + current.map((actionState) => + actionState.rowId === rowId + ? { + ...actionState, + isRunning: false, + error: { + title: name, + message, + }, + } + : actionState + ) + ); +}; + +// Remove the row action state when the process has successfully finished +const handleRowActionSuccess = (rowId) => { + setRowActionStates((current) => current.filter((actionState) => actionState.rowId !== rowId)); +}; + +const onApplyRowAction = (actionId, rowId) => { + // In this scenario there is only one row action defined but in a real case + // there might be multiple + if (actionId === 'longRunningProcess') { + setRowActionStates((current) => [...current, { rowId, isRunning: true }]); + runMockedProcess + .then(() => handleRowActionSuccess(rowId) ) + .catch((err => handleRowActionError(err)); + } +}; + +return ( +
+ +
+ + +
+ + 		+ + + String + + + + + + Date + + + + + + Select + + + + + + Secret Information + + + + + + Status + + + + + + Number + + + + + + Boolean + + + + + + React Node + + + + + + Object Id + + +
+ +
+ + +
+ + 		+ + + toyota toyota toyota 0 + + + + + + 1973-03-03T09:46:40.000Z + + + + + + option-A + + + + + + AAAAAAAAAA + + + + + + + + + + + + + + + + true + + + + + + + + + + + + AAAAA + + +
+ +
+ + +
+ + 		+ + + helping whiteboard as 1 + + + + + + 1973-03-14T23:33:20.000Z + + + + + + option-B + + + + + + OewGc0QsMs + + + + + + + + + + + + + + 1 + + + + + + false + + + + + + + + + + + + OewGc + + +
+ +
+ + +
+ + 		+ + + whiteboard can eat 2 + + + + + + 1973-04-18T16:53:20.000Z + + + + + + option-C + + + + + + c8iM4qgaYa + + + + + + + + + + + + + + 4 + + + + + + true + + + + + + + + + + + + c8iM4 + + +
+ +
+ + +
+ + 		+ + + as eat scott 3 + + + + + + 1973-06-15T13:46:40.000Z + + + + + + option-A + + + + + + qcUSWgwIkI + + + + + + + + + + + + + + + + false + + + + + - + + + + + qcUSW + + +
+ +
+ + +
+
- + + +
- + + +
- + + +
- + + +
- + + + -
- + + + +
- In progress +
+); +``` diff --git a/packages/react/src/components/Table/mdx/SelectionAndBatchActions.mdx b/packages/react/src/components/Table/mdx/SelectionAndBatchActions.mdx new file mode 100644 index 0000000000..2f46a3ec56 --- /dev/null +++ b/packages/react/src/components/Table/mdx/SelectionAndBatchActions.mdx @@ -0,0 +1,168 @@ +View the full Table documentation [here](/docs/1-watson-iot-table--playground) + +## Selection and batch actions + +The `Table` component supports both single and multiple row selection modes with the use of the prop +`options.hasRowSelection`. Once the user selects at least one row from the table in multi selection +mode, the batch action bar appears at the top of the table, presenting the user with actions they can take. + +### Selections + +The `options.hasRowSelection` can be turned on using either the value `single` for single row selection or `multi` +for multiple row selection. By default all rows are selectable but they can individually be made +unselectable by setting the row data object's `isSelectable` property to false. +A table with hasRowSelection `multi` will automatically add checkboxes in front of each row using +a extra column. For the StatefulTable the management of the the checkbox states are handled automatically, +but the prop `view.table.selectedIds` can still be used to set the initial selection. + +```jsx +... + +const preventSelection = (row) => + row.values.status === 'RUNNING' ? { ...row, isSelectable: false } : row; + +return ( + +); +``` + +### Batch actions + +Batch actions are functions that may be performed on multiple rows within a table. All batch actions are +presented in a bar that temporarily hides the toolbar. By default the bar contains a "Cancel" button and +clicking it in the StatefulTable will clear all selections and close the batch action bar. Deselecting all +the selected rows will also close the batch actions bar. Additional batch actions can be added using the prop +`view.toolbar.batchActions` which accepts an array of objects used to define the action as shown in the +example below. All explicitly defined batch actions need to be handled programatically except for the 'delete' action +which is handled automatically by the StatefulTable. + +```jsx + { + // Implement your actions here + }, + }, + }} + options={{ hasRowSelection: 'multi' }} + view={{ + table: { + toolbar: { + batchActions: [ + { + // Adding an action with id 'delete' will tell the StatefulTable to + // delete all the selected rows when the action is called. + id: 'delete', + labelText: 'Delete', + renderIcon: TrashCan16, + iconDescription: 'Delete Item', + }, + { + id: 'createActivity', + labelText: 'Create activity', + renderIcon: Activity16, + iconDescription: 'Create activity from item', + }, + { + id: 'process', + labelText: 'Process', + }, + ], + }, + }, + }} +/> +``` + +### Programmatic selection and batch actions + +For the normal `Table` the callbacks and states of the selections and batch actions must be managed +programatically, inlcuding the Cancel and Delete callbacks. You can set which rows are currently selected +through the `view.table.selectedIds` prop. This prop takes an array of selected row ids. +There are props that let you set the state of the "select all" checkbox explicitly but that is normally +not needed since it will be set automaticaly based on the selectedIds prop and the +actual rows of the table. If the table has nested rows it will also automatically show the correct selected +and indeterminate state of a parent row based on its children. + +The following code example shows how to implement the "delete" and "cancel" batch action using the normal Table. + +```jsx +... + +const [selectedIds, setSelecteIds] = useState([]); +const [data, setData] = useState(initialData); + +return ( +
{ + setSelecteIds([]); + }, + // Apply correct action using the actionId string + // ActionId is the string id of the action being completed, + // The StatefulTable also receives the current selections as a second argument. + onApplyBatchAction: (actionId) => { + if (actionId === 'delete') { + setData((currentData) => currentData.filter(({ id }) => !selectedIds.includes(id))); + setSelecteIds([]); + } + }, + }, + table: { + // RowId is a string, selected is a boolean, selectedIds contain the new selection state. + // If all child rows of a parent row are selected the last event's selectedIds param will also + // contain the id of the now automatically selected parent. + onRowSelected: (rowId, selected, selectedIds) => { + setSelecteIds(selectedIds); + }, + // AllSelected is a boolean which is true when all are selected, false otherwise + onSelectAll: (allSelected) => { + const newSelection = allSelected ? data.map(({ id }) => id) : []; + setSelecteIds(newSelection); + }, + }, + }} + options={{ hasRowSelection: 'multi' }} + view={{ + toolbar: { + batchActions: [ + { + id: 'delete', + labelText: 'Delete', + renderIcon: TrashCan16, + iconDescription: 'Delete Item', + }, + ], + }, + table: { + selectedIds, + }, + }} + /> +); +``` diff --git a/packages/react/src/components/Table/mdx/Table.mdx b/packages/react/src/components/Table/mdx/Table.mdx index e583cee69d..386f38eea9 100644 --- a/packages/react/src/components/Table/mdx/Table.mdx +++ b/packages/react/src/components/Table/mdx/Table.mdx @@ -13,13 +13,16 @@ import TableUserViewManagementTOC from './TableUserViewManagementTOC.mdx'; - [Row expansion](#row-expansion) - [Programmatic expansion](#programmatic-expansion) - [Additional configuration](#additional-configuration) -- [Selection](#selection) - - [Programmatic selection](#programmatic-selection) +- [Selection and batch actions](#selection-and-batch-actions) + - [Selections](#selections) + - [Batch actions](#batch-actions) + - [Programmatic selection and batch actions](#programmatic-selection-and-batch-actions) +- [Inline actions](#inline-actions) + - [Handling the onApplyRowAction event](#handling-the-onapplyrowaction-event) - [Filtering](#filtering) - [Simple Filtering](#simple-filtering) - [☢️ Advanced Filtering Experimental](#%EF%B8%8F-advanced-filtering-experimental) - [Pagination](#pagination) -- [Batch actions](#batch-actions) - [Toolbar actions](#toolbar-actions) - [Aggregation](#aggregation) - [Row data editing](#row-data-editing) @@ -330,35 +333,13 @@ import RowExpansion from './RowExpansion.mdx'; -## Selection +import SelectionAndBatchActions from './SelectionAndBatchActions.mdx'; -The `Table` component supports row selection when using the options.hasRowSelection prop. It can be set to 'single' for single row selection or 'multi' for multiple row selection. + -```jsx -
{}, - onRowSelected: (rowId: string, selected: boolean, selectedIds: array) => {}, - }, - }} - options={{ - hasRowSelection: 'single' | 'multi', - }} - view={{ - table: { - selectedIds: ['row-4'], - }, - }} -/> -``` - -#### Programmatic selection +import InlineActions from './InlineActions.mdx'; -You can pass which rows are currently selected through the view.table.selectedIds prop. This prop takes an array of selected row ids. + ## Filtering @@ -696,63 +677,6 @@ The maxPages prop must be a positive integer and is used to limit the number of /> ``` -## Batch actions - -You can combine batch actions with the `Table` component to allow the user -to perform a single action on multiple selected rows. To do this, you can use -the following props: - -```jsx -
{}, - /** actionId is the string id of the action being completed, and an arrow of row ids the action was performed on. */ - onApplyBatchAction: (actionId, rowIds) => {},, - }, - table: { - /** rowId is a string */ - onRowClicked: (rowId) => {}, - /** rowId is a string, selected is a boolean */ - onRowSelected: (rowId, selected, selectedIds: array) => {}, - /** allSelected is a boolean. true is all are selected, false otherwise */ - onSelectAll: (allSelected) => {}, - } - }} - options={{ - hasFilter: true, - hasRowSelection: 'multi' - }} - view={{ - table: { - isSelectAllIndeterminate: undefined, - isSelectAllSelected: undefined, - selectedIds: [ - 'row-3', - 'row-4', - 'row-6', - 'row-7' - ] - }, - toolbar: { - batchActions: [ - { - iconDescription: 'Delete Item', - id: 'delete', - labelText: 'Delete', - renderIcon: - } - ] - } - }} - }} -/> -``` - ## Toolbar actions You can add other actions to the toolbar overflow menu by using the toolbarActions prop on the view.toolbar. @@ -1028,22 +952,23 @@ import TableViewDropdownContent from '../TableViewDropdown/TableViewDropdownCont ### Data Prop -| Name | Type | Default | Description | -| :---------------------- | :-------------- | :------ | :---------------------------------------------------------------------------------------------------- | -| id | string | | the id of this row | -| values | object | | A {[columnId]: value} object containing all the values for this row | -| hasLoadMore | bool | | An optional boolean prop to define if the row has more data to be loaded | -| children | arrayOf(object) | | An optional array of rows (in the same structure as the data prop) for children nested under this row | -| rowActions | arrayOf(object) | | An optional list of actions visible on row how or expansion | -| rowActions[].id | string | | unique id for this action | -| rowActions[].renderIcon | | | icon that gets pass through to the button component for this action | -| rowActions[].disabled | bool | | disables this action | -| rowActions[].labelText | string | | label text shown on the action button | -| rowActions[].isOverflow | bool | | If true, the action will be rendered in the overflow menu not inline on the row | -| rowActions[].hasDivider | bool | | | -| rowActions[].isDelete | bool | | | -| rowActions[].isEdit | bool | | | -| isSelectable | bool | | is this row selecteable | +| Name | Type | Default | Description | +| :--------------------------- | :-------------- | :------ | :---------------------------------------------------------------------------------------------------- | +| id | string | | the id of this row | +| values | object | | A {[columnId]: value} object containing all the values for this row | +| hasLoadMore | bool | | An optional boolean prop to define if the row has more data to be loaded | +| children | arrayOf(object) | | An optional array of rows (in the same structure as the data prop) for children nested under this row | +| rowActions | arrayOf(object) | | An optional list of actions visible on row how or expansion | +| rowActions[].id | string | | Unique id for this action | +| rowActions[].renderIcon | | | Icon that gets pass through to the button component for this action | +| rowActions[].disabled | bool | | Disables this action | +| rowActions[].labelText | string | | Label text shown on the action button | +| rowActions[].isOverflow | bool | | If true, the action will be rendered in the overflow menu not inline on the row | +| rowActions[].hasDivider | bool | | Adds a divider above the action item | +| rowActions[].iconDescription | string | | The descripion text for the icon | +| rowActions[].isDelete | bool | | Tells the StatefulTable that this is a delete action | +| rowActions[].isEdit | bool | | Tells the StatefulTable that this is an edit action | +| isSelectable | bool | | is this row selecteable | ### ExpandedData Prop @@ -1088,93 +1013,93 @@ import TableViewDropdownContent from '../TableViewDropdown/TableViewDropdownCont ### View Prop -| Name | Type | Default | Description | -| :----------------------------------------------- | :------------------------------- | :-------- | :-------------------------------------------------------------------------------------------------------------------------------------------------- | -| aggregations | object | | Allows certain columns to have an aggregated value in the footer of the table | -| aggregations.label | string | | The text label for the aggregations bar in the table footer | -| aggregations.isHidden | bool | | hide the aggregations bar in the footer | -| aggregations.columns | arrayOf(object) | | | -| aggregations.columns[].id | string | | The columnId of the column to aggregate | -| aggregations.columns[].value | string or func | | If the aggregation is computed elsewhere, the value can be passed here, or a function can be passed to compute it on the fly | -| aggregations.columns[].align | 'start', 'center', or 'end' | | allows the aggregate value to align with the rest of the column | -| aggregations.columns[].isSortable | bool | | Ensures the aggregate value aligns with the rest of the column by supplying the extra padding needed when a column is sortable | -| pagination | object | | Sets the pagination values for the table | -| pagination.pageSize | number | | How many rows are displayed per page | -| pagination.pageSizes | number[] | | An array of selections for choosing how many rows are displayed per page. | -| pagination.page | number | | The current page number | -| pagination.totalItems | number | | The total number of items available to the table | -| pagination.maxPages | number | | Number of pages rendered in pagination. Must be a positive integer. | -| pagination.isItemPerPageHidden | bool | | Hide displaying the text for the number of rows per page | -| filters | object[] | | An array of objects setting the current filter state | -| filters[].columnId | string | | The columnId of the column being filtered by this value | -| filters[].value | string, number, bool, string[] | | The value used to filter the given columnId | -| advancedFilters | object[] | | An array of objects containing the minimum details of an advancedFilter object that will be used in the dropdown menu of the advanced filter flyout | -| advancedFilters[].filterId | string | | The filter id | -| advancedFilters[].filterTitleText | string | | The display name of the filter | -| advancedFilters[].filterRules | object | | The rules for this filter. See the RuleBuilder for details. | -| selectedAdvancedFilterIds | string[] | | An array of filter ids for the currently selected filters | -| toolbar | object | | | -| toolbar.activeBar | 'column', 'filter', or 'rowEdit' | | Specify which header row to display, will display default header row if null | -| toolbar.customToolbarContent | node | | optional content to render inside the toolbar | -| toolbar.batchActions | object[] | | Specify which batch actions to render in the batch action bar. If empty, no batch action toolbar will display | -| toolbar.batchActions[].id | string | | unique id for this batch action | -| toolbar.batchActions[].labeltext | string | | text shown on the action button | -| toolbar.batchActions[].icon | element | | The icon rendered on the button for this action | -| toolbar.batchActions[].iconDescription | string | | The description used for aria on this icon | -| toolbar.search | object | | | -| toolbar.search.value | string | | Deprecated in favor of defaultValue | -| toolbar.search.defaultValue | string | | The current search value passed to the table | -| toolbar.search.defaultExpanded | bool | | The current search value passed to the table | -| toolbar.search.onChange | func | | | -| toolbar.search.onExpand | func | | | -| toolbar.isDisabled | bool | | Disable the toolbar | -| toolbar.rowEditBarButtons | node | | buttons to be shown with when activeBar is 'rowEdit' | -| toolbar.toolbarActions | arrayOf(object) | | An array of objects for adding actions to the overflow menu in the toolbar | -| toolbar.toolbarActions[].id | string | | the id of this action | -| toolbar.toolbarActions[].labelText | string | | The text to display in the overflow menu | -| toolbar.toolbarActions[].hidden | bool | | This will hide this item from the menu | -| toolbar.toolbarActions[].disabled | bool | | This will show the item, but it will be disabled | -| toolbar.toolbarActions[].isDelete | bool | | Show the item, and turn the background red on hover | -| toolbar.toolbarActions[].hasDivider | bool | | Show a divider at the top of this action item | -| toolbar.toolbarActions[].renderIcon | node, func, string | | Can be a string of a handful of included icons, a function to render an icon, or an icon element | -| toolbar.toolbarActions[].isActive | bool | false | used when the action is not in the overflow menu to show it is in active state | -| toolbar.toolbarActions[].isOverflow | bool | false | Force this item to appear in the overflow menu | -| table | object | | | -| table.isSelectAllSelected | bool | | If true, the select all option is checked | -| table.isSelectAllIndeterminate | bool | | | -| table.selectedIds | string[] | | An array of row ids that are currently selected | -| table.sort | object, array | | an object or array of objects in the form of {columnId: string; direction: 'NONE' or 'ASC' or 'DESC' } | -| table.sort.columnId | string | | the id of the column to sort | -| table.sort.direction | 'NONE', 'ASC', or 'DESC' | | | -| table.ordering | object[] | | an array of objects representing the order and visibility of the columns | -| table.ordering[].columnId | string | | The id of the column to make hidden or visible | -| table.ordering[].isHidden | bool | | If true, the column with columnId will be hidden in the table | -| table.ordering[].columnGroupId | string | | The id of the column group this column belongs to if any | -| table.rowActions | object[] | | | -| table.rowsActions[].rowId | string | | The rowID associated with this action | -| table.rowActions[].isRunning | bool | | Is this action currently running on this row | -| table.rowActions[].isEditMode | bool | | Is this action available in edit mode | -| table.rowActions[].error | object | | Object representing the error state for the action on this row | -| table.rowActions[].error.title | node | | The title node for this error on this row | -| table.rowActions[].error.message | node | | The message node associated with this error on this row action | -| table.rowActions[].error.learnMoreURL | string | | The link to learn more about this error | -| table.singleRowEditButtons | element | | Buttons shown when editing a single row | -| table.expandedIds | string[] | | an array of strings representing the rowIds to be expanded | -| table.loadingMoreIds | string[] | | an array of strings representing the rowIds with the load more active | -| table.emptyState | object or element | | If a React element is provided, it will be rendered in place of the default | -| table.emptyState.message | node | | The message to show when the table is empty | -| table.emptyState.messageWithFilters | node | | Show a different message if no content is in the table matching the filters | -| table.emptyState.buttonLabel | node | | If a label is not provided, no action button will be rendered | -| table.emptyState.buttonLabelWithFilters | node | | Show a different button label if no content is in the table matching the filters | -| table.errorState | element | | Show the table errorState element when there is any error occure | +| Name | Type | Default | Description | +| :----------------------------------------------- | :------------------------------- | :-------- | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | +| aggregations | object | | Allows certain columns to have an aggregated value in the footer of the table | +| aggregations.label | string | | The text label for the aggregations bar in the table footer | +| aggregations.isHidden | bool | | hide the aggregations bar in the footer | +| aggregations.columns | arrayOf(object) | | | +| aggregations.columns[].id | string | | The columnId of the column to aggregate | +| aggregations.columns[].value | string or func | | If the aggregation is computed elsewhere, the value can be passed here, or a function can be passed to compute it on the fly | +| aggregations.columns[].align | 'start', 'center', or 'end' | | allows the aggregate value to align with the rest of the column | +| aggregations.columns[].isSortable | bool | | Ensures the aggregate value aligns with the rest of the column by supplying the extra padding needed when a column is sortable | +| pagination | object | | Sets the pagination values for the table | +| pagination.pageSize | number | | How many rows are displayed per page | +| pagination.pageSizes | number[] | | An array of selections for choosing how many rows are displayed per page. | +| pagination.page | number | | The current page number | +| pagination.totalItems | number | | The total number of items available to the table | +| pagination.maxPages | number | | Number of pages rendered in pagination. Must be a positive integer. | +| pagination.isItemPerPageHidden | bool | | Hide displaying the text for the number of rows per page | +| filters | object[] | | An array of objects setting the current filter state | +| filters[].columnId | string | | The columnId of the column being filtered by this value | +| filters[].value | string, number, bool, string[] | | The value used to filter the given columnId | +| advancedFilters | object[] | | An array of objects containing the minimum details of an advancedFilter object that will be used in the dropdown menu of the advanced filter flyout | +| advancedFilters[].filterId | string | | The filter id | +| advancedFilters[].filterTitleText | string | | The display name of the filter | +| advancedFilters[].filterRules | object | | The rules for this filter. See the RuleBuilder for details. | +| selectedAdvancedFilterIds | string[] | | An array of filter ids for the currently selected filters | +| toolbar | object | | | +| toolbar.activeBar | 'column', 'filter', or 'rowEdit' | | Specify which header row to display, will display default header row if null | +| toolbar.customToolbarContent | node | | optional content to render inside the toolbar | +| toolbar.batchActions | object[] | | Specify which batch actions to render in the batch action bar. If empty, no batch action toolbar will display | +| toolbar.batchActions[].id | string | | unique id for this batch action | +| toolbar.batchActions[].labeltext | string | | text shown on the action button | +| toolbar.batchActions[].icon | element | | The icon rendered on the button for this action | +| toolbar.batchActions[].iconDescription | string | | The description used for aria on this icon | +| toolbar.search | object | | | +| toolbar.search.value | string | | Deprecated in favor of defaultValue | +| toolbar.search.defaultValue | string | | The current search value passed to the table | +| toolbar.search.defaultExpanded | bool | | The current search value passed to the table | +| toolbar.search.onChange | func | | | +| toolbar.search.onExpand | func | | | +| toolbar.isDisabled | bool | | Disable the toolbar | +| toolbar.rowEditBarButtons | node | | buttons to be shown with when activeBar is 'rowEdit' | +| toolbar.toolbarActions | arrayOf(object) | | An array of objects for adding actions to the overflow menu in the toolbar | +| toolbar.toolbarActions[].id | string | | the id of this action | +| toolbar.toolbarActions[].labelText | string | | The text to display in the overflow menu | +| toolbar.toolbarActions[].hidden | bool | | This will hide this item from the menu | +| toolbar.toolbarActions[].disabled | bool | | This will show the item, but it will be disabled | +| toolbar.toolbarActions[].isDelete | bool | | Show the item, and turn the background red on hover | +| toolbar.toolbarActions[].hasDivider | bool | | Show a divider at the top of this action item | +| toolbar.toolbarActions[].renderIcon | node, func, string | | Can be a string of a handful of included icons, a function to render an icon, or an icon element | +| toolbar.toolbarActions[].isActive | bool | false | used when the action is not in the overflow menu to show it is in active state | +| toolbar.toolbarActions[].isOverflow | bool | false | Force this item to appear in the overflow menu | +| table | object | | | +| table.isSelectAllSelected | bool | | If true, the select all option is checked. There is normally no need to set this prop since both the Table and the StatefulTable will update it automatically based on the selectedIds prop and the actual rows | +| table.isSelectAllIndeterminate | bool | | If true, the select all gets an indeterminate state. There is normally no need to set this prop since both the Table and the StatefulTable will update it automatically based on the selectedIds prop and the actual rows | +| table.selectedIds | string[] | | An array of row ids that are currently selected | +| table.sort | object, array | | an object or array of objects in the form of {columnId: string; direction: 'NONE' or 'ASC' or 'DESC' } | +| table.sort.columnId | string | | the id of the column to sort | +| table.sort.direction | 'NONE', 'ASC', or 'DESC' | | | +| table.ordering | object[] | | an array of objects representing the order and visibility of the columns | +| table.ordering[].columnId | string | | The id of the column to make hidden or visible | +| table.ordering[].isHidden | bool | | If true, the column with columnId will be hidden in the table | +| table.ordering[].columnGroupId | string | | The id of the column group this column belongs to if any | +| table.rowActions | object[] | | | +| table.rowsActions[].rowId | string | | The rowID associated with this action | +| table.rowActions[].isRunning | bool | | Is this action currently running on this row | +| table.rowActions[].isEditMode | bool | | Is this action available in edit mode | +| table.rowActions[].error | object | | Object representing the error state for the action on this row | +| table.rowActions[].error.title | node | | The title node for this error on this row | +| table.rowActions[].error.message | node | | The message node associated with this error on this row action | +| table.rowActions[].error.learnMoreURL | string | | The link to learn more about this error | +| table.singleRowEditButtons | element | | Buttons shown when editing a single row | +| table.expandedIds | string[] | | an array of strings representing the rowIds to be expanded | +| table.loadingMoreIds | string[] | | an array of strings representing the rowIds with the load more active | +| table.emptyState | object or element | | If a React element is provided, it will be rendered in place of the default | +| table.emptyState.message | node | | The message to show when the table is empty | +| table.emptyState.messageWithFilters | node | | Show a different message if no content is in the table matching the filters | +| table.emptyState.buttonLabel | node | | If a label is not provided, no action button will be rendered | +| table.emptyState.buttonLabelWithFilters | node | | Show a different button label if no content is in the table matching the filters | +| table.errorState | element | | Show the table errorState element when there is any error occure | | table.loadingState | object | | -| table.loadingState.isLoading | bool | | If the table is currently loading | -| table.loadingState.rowCount | number | | The number of rows loaded | -| table.showMultiSortModal | bool | false | Shows or hides the MultiSort modal | -| table.multiSortModal | object | undefined | | -| table.multiSortModal.anticipatedColumn | object | undefined | An object containing {columnId, direction} of the column that multi-sort was initiated on | -| table.multiSortModal.anticipatedColumn.columnId | string | undefined | The columnId of the column multi-sort was initiated on. This is to automatically select it in the modal | -| table.multiSortModal.anticipatedColumn.direction | 'ASC' or 'DESC' | undefined | The default direction for this column selected | +| table.loadingState.isLoading | bool | | If the table is currently loading | +| table.loadingState.rowCount | number | | The number of rows loaded | +| table.showMultiSortModal | bool | false | Shows or hides the MultiSort modal | +| table.multiSortModal | object | undefined | | +| table.multiSortModal.anticipatedColumn | object | undefined | An object containing {columnId, direction} of the column that multi-sort was initiated on | +| table.multiSortModal.anticipatedColumn.columnId | string | undefined | The columnId of the column multi-sort was initiated on. This is to automatically select it in the modal | +| table.multiSortModal.anticipatedColumn.direction | 'ASC' or 'DESC' | undefined | The default direction for this column selected | ### Actions Prop @@ -1188,8 +1113,8 @@ import TableViewDropdownContent from '../TableViewDropdown/TableViewDropdownCont | toolbar.onShowRowEdit | func | | | | toolbar.onToggleColumnSelection | func | | | | toolbar.onClearAllFilters | func | | Specify a callback for when the user clicks toolbar button to clear all filters. Recieves a parameter of the current filter values for each column | -| toolbar.onCancelBatchAction | func | | -| toolbar.onApplyBatchAction | func | | +| toolbar.onCancelBatchAction | func | | Callback for when the automatcally generated Cancel action in the batch actions bar is clicked. | +| toolbar.onApplyBatchAction | func | | Callback for all the batch actions except the cancel. Is called with the id of the clicked action. For the StatefulTable the current selections are received as second parameter. | | toolbar.onApplySearch | func | | Apply a search criteria to the table | | toolbar.onDownloadCSV | func | | Download the table contents | | toolbar.onApplyAdvancedFilter | func | | | diff --git a/packages/react/src/components/TileGallery/__snapshots__/TileGallery.story.storyshot b/packages/react/src/components/TileGallery/__snapshots__/TileGallery.story.storyshot index 5413616865..b6d0688bcd 100644 --- a/packages/react/src/components/TileGallery/__snapshots__/TileGallery.story.storyshot +++ b/packages/react/src/components/TileGallery/__snapshots__/TileGallery.story.storyshot @@ -201,7 +201,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T onAnimationEnd={[Function]} >
Date: Wed, 16 Feb 2022 15:56:37 -0500 Subject: [PATCH 12/23] chore(hierarchy-list): pr feedback --- .../src/components/List/ListContent/ListContent.jsx | 12 +++++++++--- 1 file changed, 9 insertions(+), 3 deletions(-) diff --git a/packages/react/src/components/List/ListContent/ListContent.jsx b/packages/react/src/components/List/ListContent/ListContent.jsx index 83359dce5d..31fda1ef25 100644 --- a/packages/react/src/components/List/ListContent/ListContent.jsx +++ b/packages/react/src/components/List/ListContent/ListContent.jsx @@ -264,9 +264,15 @@ const ListContent = ({ }; const previousExpandedIds = usePrevious(expandedIds, expandedIds); const notifyOnLastExpansionChange = (itemId) => { - const [lastId] = expandedIds.slice(-1); - const [previousLastId] = previousExpandedIds.slice(-1); - const isLastItem = itemId === lastId || itemId === previousLastId; + // get the lastId of the diff between previous and current, this handles closes + const [previousLastId] = previousExpandedIds + .filter((id) => !expandedIds.includes(id)) + .slice(-1); + + // get the lastId of the diff between current and previous, this handles opens + const [lastId] = expandedIds.filter((id) => !previousExpandedIds.includes(id)).slice(-1); + + const isLastItem = lastId === itemId || previousLastId === itemId; if (isLastItem && expandedIds.includes(itemId) !== previousExpandedIds.includes(itemId)) { window.requestAnimationFrame(() => { setTimeout(() => { From efa5af5a4425646fa2b3b2cb95aa28e792a9e015 Mon Sep 17 00:00:00 2001 From: Kevin Perrine Date: Wed, 16 Feb 2022 16:07:42 -0500 Subject: [PATCH 13/23] chore(hierarchy-list): pr feedback comment --- packages/react/src/components/List/ListContent/ListContent.jsx | 3 +++ 1 file changed, 3 insertions(+) diff --git a/packages/react/src/components/List/ListContent/ListContent.jsx b/packages/react/src/components/List/ListContent/ListContent.jsx index 31fda1ef25..9ef5587120 100644 --- a/packages/react/src/components/List/ListContent/ListContent.jsx +++ b/packages/react/src/components/List/ListContent/ListContent.jsx @@ -274,6 +274,9 @@ const ListContent = ({ const isLastItem = lastId === itemId || previousLastId === itemId; if (isLastItem && expandedIds.includes(itemId) !== previousExpandedIds.includes(itemId)) { + // the setTimeout within the request animation frame helps to ensure the event is fired + // immediately after a repaint. See: + // https://firefox-source-docs.mozilla.org/performance/bestpractices.html#how-do-i-avoid-triggering-uninterruptible-reflow window.requestAnimationFrame(() => { setTimeout(() => { onExpandedChange(expandedIds); From 1bc6977f6bb9747eba88784be5c1559883a4ed17 Mon Sep 17 00:00:00 2001 From: Bjorn Alm Date: Thu, 17 Feb 2022 11:23:35 +0100 Subject: [PATCH 14/23] docs(table): add story and docs for filters --- .../PageTitleBar.story.storyshot | 158 +- .../__snapshots__/SideNav.story.storyshot | 78 +- .../src/components/Table/Table.main.story.jsx | 130 +- .../components/Table/Table.story.helpers.jsx | 18 +- .../TableSaveViewModal.story.storyshot | 16 + .../StatefulTable.story.storyshot | 242 +- .../__snapshots__/Table.main.story.storyshot | 8829 +++++++++++------ .../Table/__snapshots__/Table.story.storyshot | 351 +- .../TableColumnCustomization.story.storyshot | 100 + .../TableUserViewManagement.story.storyshot | 82 +- .../src/components/Table/mdx/Filtering.mdx | 426 + .../react/src/components/Table/mdx/Table.mdx | 287 +- .../__snapshots__/TileGallery.story.storyshot | 56 + 13 files changed, 7438 insertions(+), 3335 deletions(-) create mode 100644 packages/react/src/components/Table/mdx/Filtering.mdx diff --git a/packages/react/src/components/PageTitleBar/__snapshots__/PageTitleBar.story.storyshot b/packages/react/src/components/PageTitleBar/__snapshots__/PageTitleBar.story.storyshot index d1f9028129..e0f59d2554 100644 --- a/packages/react/src/components/PageTitleBar/__snapshots__/PageTitleBar.story.storyshot +++ b/packages/react/src/components/PageTitleBar/__snapshots__/PageTitleBar.story.storyshot @@ -1288,39 +1288,87 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/P className="bx--table-header-label" >
-
+ +
+
@@ -3260,7 +3308,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/P aria-label="Choose an item" aria-labelledby={null} className="bx--list-box__menu" - id="downshift-1-menu" + id="downshift-2-menu" role="listbox" />
@@ -3393,39 +3441,87 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/P className="bx--table-header-label" >
-
+ +
+
diff --git a/packages/react/src/components/SideNav/__snapshots__/SideNav.story.storyshot b/packages/react/src/components/SideNav/__snapshots__/SideNav.story.storyshot index 97fdc3fa52..4291401ba7 100644 --- a/packages/react/src/components/SideNav/__snapshots__/SideNav.story.storyshot +++ b/packages/react/src/components/SideNav/__snapshots__/SideNav.story.storyshot @@ -1655,39 +1655,87 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/S className="bx--table-header-label" >
-
+ +
+
diff --git a/packages/react/src/components/Table/Table.main.story.jsx b/packages/react/src/components/Table/Table.main.story.jsx index af9ede4e1e..8dda362bb3 100644 --- a/packages/react/src/components/Table/Table.main.story.jsx +++ b/packages/react/src/components/Table/Table.main.story.jsx @@ -1,17 +1,20 @@ import React, { useState, createElement } from 'react'; import { action } from '@storybook/addon-actions'; -import { object } from '@storybook/addon-knobs'; -import { merge } from 'lodash-es'; +import { object, select, boolean } from '@storybook/addon-knobs'; +import { merge, uniqueId } from 'lodash-es'; import { TrashCan16 } from '@carbon/icons-react'; +import StoryNotice from '../../internal/StoryNotice'; import Button from '../Button'; import EmptyState from '../EmptyState'; import { DragAndDrop } from '../../utils/DragAndDropUtils'; +import RuleBuilder from '../RuleBuilder/RuleBuilder'; import TableREADME from './mdx/Table.mdx'; import SortingREADME from './mdx/Sorting.mdx'; import RowExpansionREADME from './mdx/RowExpansion.mdx'; import RowNestingREADME from './mdx/RowNesting.mdx'; +import FilteringREADME from './mdx/Filtering.mdx'; import Table from './Table'; import StatefulTable from './StatefulTable'; import { @@ -373,6 +376,12 @@ export const WithSorting = () => { const columns = getTableColumns().map((column) => ({ ...column, isSortable: demoSingleSort, + tooltip: + column.id === 'object' + ? `This column has a custom sort function based on the object id property` + : column.id === 'status' + ? `This column has a custom sort function that orders on BROKEN, RUNNING and then NOT_RUNNING` + : undefined, })); const sort = object('Sort state (view.table.sort)', { @@ -552,3 +561,120 @@ WithRowNesting.parameters = { page: RowNestingREADME, }, }; + +export const WithFiltering = () => { + const { selectedTableType, hasFilter, hasAdvancedFilter } = getTableKnobs({ + knobsToCreate: ['selectedTableType', 'hasFilter', 'hasAdvancedFilter'], + enableKnob: (knobName) => knobName !== 'hasAdvancedFilter', + }); + + const MyTable = selectedTableType === 'StatefulTable' ? StatefulTable : Table; + const data = getTableData().slice(0, 30); + const columns = getTableColumns().map((col) => + col.id === 'object' + ? { + ...col, + tooltip: `This column has objects as values and needs a custom filter function that + filters based on an object property.`, + } + : col + ); + + // Normal filter settings + let activeFilters; + let activeBar; + if (!hasAdvancedFilter) { + activeFilters = object('Active filters (view.filters)', [ + { + columnId: 'string', + value: 'whiteboard', + }, + { + columnId: 'select', + value: 'option-B', + }, + ]); + activeBar = select( + 'Show filter toolbar (view.toolbar.activeBar)', + ['filter', undefined], + 'filter' + ); + } + + // Advanced filter settings + const [showBuilder, setShowBuilder] = useState(false); + const [advancedFilters, setAdvancedFilters] = useState( + hasAdvancedFilter ? getAdvancedFilters() : undefined + ); + const selectedAdvancedFilterIds = hasAdvancedFilter + ? object('Active advanced filters (view.selectedAdvancedFilterIds) ☢️', ['story-filter']) + : undefined; + const advancedFilterFlyoutOpen = hasAdvancedFilter + ? boolean('Show advanced filter flyout (view.toolbar.advancedFilterFlyoutOpen) ☢️', true) + : undefined; + const actions = merge(getTableActions(), { + toolbar: { onCreateAdvancedFilter: () => setShowBuilder(true) }, + }); + const storyNotice = hasAdvancedFilter ? ( + + ) : null; + + return ( + <> + {storyNotice} + + {showBuilder && ( +
+ { + setAdvancedFilters((prev) => [ + ...prev, + { + filterId: uniqueId('filter-id'), + ...newFilter, + }, + ]); + setShowBuilder(false); + }} + onCancel={() => setShowBuilder(false)} + filter={{ + filterColumns: columns.map(({ id, name }) => ({ id, name })), + }} + /> +
+ )} + + ); +}; + +WithFiltering.storyName = 'With filtering'; +WithFiltering.decorators = [createElement]; +WithFiltering.parameters = { + component: Table, + docs: { + page: FilteringREADME, + }, +}; diff --git a/packages/react/src/components/Table/Table.story.helpers.jsx b/packages/react/src/components/Table/Table.story.helpers.jsx index 62aa32172e..6d0450775f 100644 --- a/packages/react/src/components/Table/Table.story.helpers.jsx +++ b/packages/react/src/components/Table/Table.story.helpers.jsx @@ -249,6 +249,16 @@ export const getTableColumns = () => [ filterFunction: (columnValue, filterValue) => { return columnValue.id.includes(filterValue); }, + options: [ + { + id: 'apa-A', + text: 'option-A', + }, + { + id: 'apa-B', + text: 'option-B', + }, + ], }, }, ]; @@ -737,7 +747,7 @@ export const getTableKnobs = ({ knobsToCreate, enableKnob, useGroups = false }) ) : null, stickyHeader: shouldCreate('stickyHeader') - ? boolean('Sticky header ☢️ (stickyHeader)', enableKnob('stickyHeader'), TITLE_TOOLBAR_GROUP) + ? boolean('Sticky header (stickyHeader) ☢️', enableKnob('stickyHeader'), TITLE_TOOLBAR_GROUP) : null, demoToolbarActions: shouldCreate('tableTooltipText') ? boolean( @@ -778,7 +788,7 @@ export const getTableKnobs = ({ knobsToCreate, enableKnob, useGroups = false }) : null, hasFilter: shouldCreate('hasFilter') ? select( - 'Enable filtering by column value (options.hasFilter)', + 'Enable simple filtering by column value (options.hasFilter)', ['onKeyPress', 'onEnterAndBlur', true, false], enableKnob('hasFilter'), SORT_FILTER_GROUP @@ -786,7 +796,7 @@ export const getTableKnobs = ({ knobsToCreate, enableKnob, useGroups = false }) : null, hasAdvancedFilter: shouldCreate('hasAdvancedFilter') ? boolean( - 'Enable advanced filters ☢️ (options.hasAdvancedFilter)', + 'Enable advanced filters (options.hasAdvancedFilter) ☢️', enableKnob('hasAdvancedFilter'), SORT_FILTER_GROUP ) @@ -803,7 +813,7 @@ export const getTableKnobs = ({ knobsToCreate, enableKnob, useGroups = false }) hasFastSearch: shouldCreate('hasFastSearch') ? boolean( 'Trigger search while typing (options.hasFastSearch)', - enableKnob('xxx'), + enableKnob('hasFastSearch'), SEARCH_GROUP ) : null, diff --git a/packages/react/src/components/Table/TableSaveViewModal/__snapshots__/TableSaveViewModal.story.storyshot b/packages/react/src/components/Table/TableSaveViewModal/__snapshots__/TableSaveViewModal.story.storyshot index 1eb89e781d..6aa3d5c7ae 100644 --- a/packages/react/src/components/Table/TableSaveViewModal/__snapshots__/TableSaveViewModal.story.storyshot +++ b/packages/react/src/components/Table/TableSaveViewModal/__snapshots__/TableSaveViewModal.story.storyshot @@ -327,7 +327,11 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T onAnimationEnd={[Function]} >
>>>>>> docs(table): add story and docs for filters >

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. @@ -370,7 +378,11 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T onAnimationEnd={[Function]} >

>>>>>> docs(table): add story and docs for filters >

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. diff --git a/packages/react/src/components/Table/__snapshots__/StatefulTable.story.storyshot b/packages/react/src/components/Table/__snapshots__/StatefulTable.story.storyshot index 8bd4981e75..6455fef5a1 100644 --- a/packages/react/src/components/Table/__snapshots__/StatefulTable.story.storyshot +++ b/packages/react/src/components/Table/__snapshots__/StatefulTable.story.storyshot @@ -43933,39 +43933,87 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="bx--table-header-label" >

-
+ +
+
@@ -72491,39 +72539,87 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="bx--table-header-label" >
-
+ +
+
@@ -82132,39 +82228,87 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="bx--table-header-label" >
-
+ +
+
diff --git a/packages/react/src/components/Table/__snapshots__/Table.main.story.storyshot b/packages/react/src/components/Table/__snapshots__/Table.main.story.storyshot index cf95aed8da..0d20c72abd 100644 --- a/packages/react/src/components/Table/__snapshots__/Table.main.story.storyshot +++ b/packages/react/src/components/Table/__snapshots__/Table.main.story.storyshot @@ -1,23 +1,22 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/Table Playground 1`] = ` +exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/Table Example 1`] = `
- -
-
+ data-testid="null-table-toolbar-content" + > + +
@@ -154,7 +112,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="table-header-label-start iot--table-head--table-header" data-column="string" data-floating-menu-container={true} - data-testid="table-table-head-column-string" + data-testid="null-table-head-column-string" id="column-string" scope="col" style={ @@ -177,10 +135,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T - + + + + + + + - - - toyota toyota toyota 0 + as eat scott 3 + + + + + + @@ -533,7 +473,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-1-string" + id="cell-table-34-row-7-string" offset={0} > - helping whiteboard as 1 + chocolate can helping 7 + + + + + + @@ -709,7 +645,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-2-string" + id="cell-table-34-row-11-string" offset={0} > - whiteboard can eat 2 + helping whiteboard as 11 + + + + + + @@ -885,7 +817,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-3-string" + id="cell-table-34-row-15-string" offset={0} > - as eat scott 3 + bottle toyota bottle 15 + + + + + + @@ -1054,7 +989,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-4-string" + id="cell-table-34-row-19-string" offset={0} > - can pinocchio whiteboard 4 + scott pinocchio chocolate 19 + + + + + + @@ -1230,7 +1161,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-5-string" + id="cell-table-34-row-23-string" offset={0} > - bottle toyota bottle 5 + as eat scott 23 + + - - - - @@ -1406,7 +1247,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-6-string" + id="cell-table-34-row-25-string" offset={0} > - eat whiteboard pinocchio 6 + bottle toyota bottle 25 + + + + - - @@ -1575,7 +1376,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-7-string" + id="cell-table-34-row-28-string" offset={0} > - chocolate can helping 7 + pinocchio eat can 28 + + - +
- Date + Object Id +
- Select + toyota toyota toyota 0 - - + - Status + AAAAA - - +
- Number + helping whiteboard as 1 - - + - Boolean + OewGc - - +
- React Node + whiteboard can eat 2 - - + - Object Id + c8iM4 - +
- 1973-03-03T09:46:40.000Z + qcUSW
- option-A + can pinocchio whiteboard 4 - - - + 46GYy
+ > + + bottle toyota bottle 5 + + - true + Ia2eQ
- - - + eat whiteboard pinocchio 6 + - AAAAA + W4oks - 1973-03-14T23:33:20.000Z + kYaqK
- option-B + pinocchio eat can 8 - - - + y2Mwm
- 1 + scott pinocchio chocolate 9 - false + CW82E
- - - + toyota toyota toyota 10 + - OewGc + Q0u8g - 1973-04-18T16:53:20.000Z + eUgE8
- option-C + whiteboard can eat 12 - - - + sySKa
- 4 + as eat scott 13 - true + 6SEQ2
- - - + can pinocchio whiteboard 14 + - c8iM4 + Kw0WU - 1973-06-15T13:46:40.000Z + YQmcw
- option-A + eat whiteboard pinocchio 16 - - - + muYiO
+ > + + chocolate can helping 17 + + - false + 0OKoq
- - - + pinocchio eat can 18 + - qcUSW + Es6uI - 1973-09-04T14:13:20.000Z + SMs0k
- option-B + toyota toyota toyota 20 - - - + gqe6C
- 16 + helping whiteboard as 21 - true + uKQCe
- - - + whiteboard can eat 22 + - 46GYy + 8oCI6 - 1973-12-17T18:13:20.000Z + MIyOY
- - - option-C - - - - - - - - - - - - - - 25 - - - - false + can pinocchio whiteboard 24 - - - - - - - Ia2eQ + amkU0 - 1974-04-24T01:46:40.000Z + oGWaS
- option-A + eat whiteboard pinocchio 26 - - - + 2kIgu
- - - true + chocolate can helping 27 - - - - - - - W4oks + GE4mM - 1974-09-21T12:53:20.000Z + Uiqso
- option-B + scott pinocchio chocolate 29 - - - + iCcyG - +
+
+
+
+
+`; + +exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/Table Playground 1`] = ` +
+
+
+
+
+

+ + 0 items selected + +

+
+
+ + + +
+
+ +
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + @@ -1681,7 +3839,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="boolean" data-offset={0} - id="cell-table-row-7-boolean" + id="cell-table-row-11-boolean" offset={0} > - kYaqK + eUgE8 @@ -1751,7 +3909,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-8-string" + id="cell-table-row-12-string" offset={0} > - pinocchio eat can 8 + whiteboard can eat 12 @@ -1770,7 +3928,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-8-date" + id="cell-table-row-12-date" offset={0} > - 1975-03-14T03:33:20.000Z + 1977-09-25T01:46:40.000Z @@ -1789,7 +3947,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-8-select" + id="cell-table-row-12-select" offset={0} > - option-C + option-A @@ -1808,7 +3966,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-8-status" + id="cell-table-row-12-status" offset={0} > + + + + + + + + + + + + @@ -1857,7 +4184,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="boolean" data-offset={0} - id="cell-table-row-8-boolean" + id="cell-table-row-13-boolean" offset={0} > - true + false @@ -1876,7 +4203,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-8-node" + id="cell-table-row-13-node" offset={0} > - y2Mwm + 6SEQ2 @@ -1927,7 +4254,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-9-string" + id="cell-table-row-14-string" offset={0} > - scott pinocchio chocolate 9 + can pinocchio whiteboard 14 @@ -1946,7 +4273,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-9-date" + id="cell-table-row-14-date" offset={0} > - 1975-09-26T21:46:40.000Z + 1979-05-19T22:13:20.000Z @@ -1965,7 +4292,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-9-select" + id="cell-table-row-14-select" offset={0} > - option-A + option-C @@ -1984,7 +4311,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-9-status" + id="cell-table-row-14-status" offset={0} > + > + + 196 + + @@ -2045,7 +4379,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-9-node" + id="cell-table-row-14-node" offset={0} > - CW82E + Kw0WU @@ -2096,7 +4430,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-10-string" + id="cell-table-row-15-string" offset={0} > - toyota toyota toyota 10 + bottle toyota bottle 15 @@ -2115,7 +4449,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-10-date" + id="cell-table-row-15-date" offset={0} > - 1976-05-03T19:33:20.000Z + 1980-04-19T13:46:40.000Z @@ -2134,7 +4468,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-10-select" + id="cell-table-row-15-select" offset={0} > - option-B + option-A @@ -2153,7 +4487,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-10-status" + id="cell-table-row-15-status" offset={0} > - - 100 - - + /> @@ -2221,7 +4548,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-10-node" + id="cell-table-row-15-node" offset={0} > - Q0u8g + YQmcw @@ -2272,7 +4599,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-11-string" + id="cell-table-row-16-string" offset={0} > - helping whiteboard as 11 + eat whiteboard pinocchio 16 @@ -2291,7 +4618,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-11-date" + id="cell-table-row-16-date" offset={0} > - 1977-01-01T20:53:20.000Z + 1981-04-13T08:53:20.000Z @@ -2310,7 +4637,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-11-select" + id="cell-table-row-16-select" offset={0} > - option-C + option-B @@ -2329,7 +4656,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-11-status" + id="cell-table-row-16-status" offset={0} > - 121 + 256 @@ -2378,7 +4705,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="boolean" data-offset={0} - id="cell-table-row-11-boolean" + id="cell-table-row-16-boolean" offset={0} > - false + true @@ -2397,7 +4724,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-11-node" + id="cell-table-row-16-node" offset={0} > - eUgE8 + muYiO @@ -2448,7 +4775,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-12-string" + id="cell-table-row-17-string" offset={0} > - whiteboard can eat 12 + chocolate can helping 17 @@ -2467,7 +4794,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-12-date" + id="cell-table-row-17-date" offset={0} > - 1977-09-25T01:46:40.000Z + 1982-04-30T07:33:20.000Z @@ -2486,7 +4813,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-12-select" + id="cell-table-row-17-select" offset={0} > - option-A + option-C @@ -2505,7 +4832,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-12-status" + id="cell-table-row-17-status" offset={0} > + > + + 289 + + @@ -2566,7 +4900,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-12-node" + id="cell-table-row-17-node" offset={0} > - sySKa + 0OKoq @@ -2617,7 +4951,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-13-string" + id="cell-table-row-18-string" offset={0} > - as eat scott 13 + pinocchio eat can 18 @@ -2636,7 +4970,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-13-date" + id="cell-table-row-18-date" offset={0} > - 1978-07-11T10:13:20.000Z + 1983-06-09T09:46:40.000Z @@ -2655,7 +4989,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-13-select" + id="cell-table-row-18-select" offset={0} > - option-B + option-A @@ -2674,7 +5008,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-13-status" + id="cell-table-row-18-status" offset={0} > - - 169 - - + /> @@ -2742,7 +5069,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-13-node" + id="cell-table-row-18-node" offset={0} > - 6SEQ2 + Es6uI @@ -2793,7 +5120,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-14-string" + id="cell-table-row-19-string" offset={0} > - can pinocchio whiteboard 14 + scott pinocchio chocolate 19 @@ -2812,7 +5139,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-14-date" + id="cell-table-row-19-date" offset={0} > - 1979-05-19T22:13:20.000Z + 1984-08-10T15:33:20.000Z @@ -2831,7 +5158,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-14-select" + id="cell-table-row-19-select" offset={0} > - option-C + option-B @@ -2850,7 +5177,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-14-status" + id="cell-table-row-19-status" offset={0} > - 196 + 361 @@ -2899,7 +5226,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="boolean" data-offset={0} - id="cell-table-row-14-boolean" + id="cell-table-row-19-boolean" offset={0} > - true + false @@ -2918,7 +5245,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-14-node" + id="cell-table-row-19-node" offset={0} > - Kw0WU + SMs0k @@ -2969,7 +5296,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-15-string" + id="cell-table-row-20-string" offset={0} > - bottle toyota bottle 15 + toyota toyota toyota 20 @@ -2988,7 +5315,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-15-date" + id="cell-table-row-20-date" offset={0} > - 1980-04-19T13:46:40.000Z + 1985-11-05T00:53:20.000Z @@ -3007,7 +5334,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-15-select" + id="cell-table-row-20-select" offset={0} > - option-A + option-C @@ -3026,7 +5353,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-15-status" + id="cell-table-row-20-status" offset={0} > + > + + 400 + + @@ -3087,7 +5421,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-15-node" + id="cell-table-row-20-node" offset={0} > - YQmcw + gqe6C @@ -3138,7 +5472,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-16-string" + id="cell-table-row-21-string" offset={0} > - eat whiteboard pinocchio 16 + helping whiteboard as 21 @@ -3157,7 +5491,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-16-date" + id="cell-table-row-21-date" offset={0} > - 1981-04-13T08:53:20.000Z + 1987-02-22T13:46:40.000Z @@ -3176,7 +5510,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-16-select" + id="cell-table-row-21-select" offset={0} > - option-B + option-A @@ -3195,7 +5529,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-16-status" + id="cell-table-row-21-status" offset={0} > - - 256 - - + /> @@ -3263,7 +5590,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-16-node" + id="cell-table-row-21-node" offset={0} > - muYiO + uKQCe @@ -3314,7 +5641,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-17-string" + id="cell-table-row-22-string" offset={0} > - chocolate can helping 17 + whiteboard can eat 22 @@ -3333,7 +5660,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-17-date" + id="cell-table-row-22-date" offset={0} > - 1982-04-30T07:33:20.000Z + 1988-07-04T06:13:20.000Z @@ -3352,7 +5679,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-17-select" + id="cell-table-row-22-select" offset={0} > - option-C + option-B @@ -3371,7 +5698,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-17-status" + id="cell-table-row-22-status" offset={0} > - 289 + 484 @@ -3420,7 +5747,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="boolean" data-offset={0} - id="cell-table-row-17-boolean" + id="cell-table-row-22-boolean" offset={0} > - false + true @@ -3439,7 +5766,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-17-node" + id="cell-table-row-22-node" offset={0} > - 0OKoq + 8oCI6 @@ -3490,7 +5817,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-18-string" + id="cell-table-row-23-string" offset={0} > - pinocchio eat can 18 + as eat scott 23 @@ -3509,7 +5836,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-18-date" + id="cell-table-row-23-date" offset={0} > - 1983-06-09T09:46:40.000Z + 1989-12-07T02:13:20.000Z @@ -3528,7 +5855,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-18-select" + id="cell-table-row-23-select" offset={0} > - option-A + option-C @@ -3547,7 +5874,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-18-status" + id="cell-table-row-23-status" offset={0} > + > + + 529 + + @@ -3608,7 +5942,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-18-node" + id="cell-table-row-23-node" offset={0} > - Es6uI + MIyOY @@ -3659,7 +5993,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-19-string" + id="cell-table-row-24-string" offset={0} > - scott pinocchio chocolate 19 + can pinocchio whiteboard 24 @@ -3678,7 +6012,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-19-date" + id="cell-table-row-24-date" offset={0} > - 1984-08-10T15:33:20.000Z + 1991-06-04T01:46:40.000Z @@ -3697,7 +6031,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-19-select" + id="cell-table-row-24-select" offset={0} > - option-B + option-A @@ -3716,7 +6050,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-19-status" + id="cell-table-row-24-status" offset={0} > - - 361 - - + /> @@ -3784,7 +6111,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-19-node" + id="cell-table-row-24-node" offset={0} > - SMs0k + amkU0 @@ -3835,7 +6162,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-20-string" + id="cell-table-row-25-string" offset={0} > - toyota toyota toyota 20 + bottle toyota bottle 25 @@ -3854,7 +6181,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-20-date" + id="cell-table-row-25-date" offset={0} > - 1985-11-05T00:53:20.000Z + 1992-12-22T04:53:20.000Z @@ -3873,7 +6200,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-20-select" + id="cell-table-row-25-select" offset={0} > - option-C + option-B @@ -3892,7 +6219,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-20-status" + id="cell-table-row-25-status" offset={0} > - 400 + 625 @@ -3941,7 +6268,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="boolean" data-offset={0} - id="cell-table-row-20-boolean" + id="cell-table-row-25-boolean" offset={0} > - true + false @@ -3960,7 +6287,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-20-node" + id="cell-table-row-25-node" offset={0} > - gqe6C + oGWaS @@ -4011,7 +6338,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-21-string" + id="cell-table-row-26-string" offset={0} > - helping whiteboard as 21 + eat whiteboard pinocchio 26 @@ -4030,7 +6357,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-21-date" + id="cell-table-row-26-date" offset={0} > - 1987-02-22T13:46:40.000Z + 1994-08-04T11:33:20.000Z @@ -4049,7 +6376,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-21-select" + id="cell-table-row-26-select" offset={0} > - option-A + option-C @@ -4068,7 +6395,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-21-status" + id="cell-table-row-26-status" offset={0} > + > + + 676 + + @@ -4129,7 +6463,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-21-node" + id="cell-table-row-26-node" offset={0} > - uKQCe + 2kIgu @@ -4180,7 +6514,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-22-string" + id="cell-table-row-27-string" offset={0} > - whiteboard can eat 22 + chocolate can helping 27 @@ -4199,7 +6533,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-22-date" + id="cell-table-row-27-date" offset={0} > - 1988-07-04T06:13:20.000Z + 1996-04-08T21:46:40.000Z @@ -4218,7 +6552,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-22-select" + id="cell-table-row-27-select" offset={0} > - option-B + option-A @@ -4237,7 +6571,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-22-status" + id="cell-table-row-27-status" offset={0} > - - 484 - - + /> @@ -4305,7 +6632,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-22-node" + id="cell-table-row-27-node" offset={0} > - 8oCI6 + GE4mM @@ -4356,7 +6683,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-23-string" + id="cell-table-row-28-string" offset={0} > - as eat scott 23 + pinocchio eat can 28 @@ -4375,7 +6702,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-23-date" + id="cell-table-row-28-date" offset={0} > - 1989-12-07T02:13:20.000Z + 1998-01-05T11:33:20.000Z @@ -4394,7 +6721,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-23-select" + id="cell-table-row-28-select" offset={0} > - option-C + option-B @@ -4413,7 +6740,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-23-status" + id="cell-table-row-28-status" offset={0} > - 529 + 784 @@ -4462,7 +6789,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="boolean" data-offset={0} - id="cell-table-row-23-boolean" + id="cell-table-row-28-boolean" offset={0} > - false + true @@ -4481,7 +6808,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-23-node" + id="cell-table-row-28-node" offset={0} > - MIyOY + Uiqso @@ -4532,7 +6859,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-24-string" + id="cell-table-row-29-string" offset={0} > - can pinocchio whiteboard 24 + scott pinocchio chocolate 29 @@ -4551,7 +6878,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-24-date" + id="cell-table-row-29-date" offset={0} > - 1991-06-04T01:46:40.000Z + 1999-10-27T04:53:20.000Z @@ -4570,7 +6897,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-24-select" + id="cell-table-row-29-select" offset={0} > - option-A + option-C @@ -4589,7 +6916,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-24-status" + id="cell-table-row-29-status" offset={0} > + > + + 841 + + @@ -4650,7 +6984,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-24-node" + id="cell-table-row-29-node" offset={0} > - amkU0 + iCcyG @@ -4701,7 +7035,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-25-string" + id="cell-table-row-30-string" offset={0} > - bottle toyota bottle 25 + toyota toyota toyota 30 @@ -4720,7 +7054,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-25-date" + id="cell-table-row-30-date" offset={0} > - 1992-12-22T04:53:20.000Z + 2001-09-09T01:46:40.000Z @@ -4739,7 +7073,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-25-select" + id="cell-table-row-30-select" offset={0} > - option-B + option-A @@ -4758,7 +7092,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-25-status" + id="cell-table-row-30-status" offset={0} > - - - 625 - - + id="cell-table-row-30-number" + offset={0} + > + @@ -4826,7 +7153,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-25-node" + id="cell-table-row-30-node" offset={0} > - oGWaS + wgO4i @@ -4877,7 +7204,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-26-string" + id="cell-table-row-31-string" offset={0} > - eat whiteboard pinocchio 26 + helping whiteboard as 31 @@ -4896,7 +7223,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-26-date" + id="cell-table-row-31-date" offset={0} > - 1994-08-04T11:33:20.000Z + 2003-08-16T02:13:20.000Z @@ -4915,7 +7242,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-26-select" + id="cell-table-row-31-select" offset={0} > - option-C + option-B @@ -4934,7 +7261,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-26-status" + id="cell-table-row-31-status" offset={0} > - 676 + 961 @@ -4983,7 +7310,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="boolean" data-offset={0} - id="cell-table-row-26-boolean" + id="cell-table-row-31-boolean" offset={0} > - true + false @@ -5002,7 +7329,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-26-node" + id="cell-table-row-31-node" offset={0} > - 2kIgu + AAAAA @@ -5053,7 +7380,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-27-string" + id="cell-table-row-32-string" offset={0} > - chocolate can helping 27 + whiteboard can eat 32 @@ -5072,7 +7399,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-27-date" + id="cell-table-row-32-date" offset={0} > - 1996-04-08T21:46:40.000Z + 2005-08-14T06:13:20.000Z @@ -5091,7 +7418,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-27-select" + id="cell-table-row-32-select" offset={0} > - option-A + option-C @@ -5110,7 +7437,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-27-status" + id="cell-table-row-32-status" offset={0} > + > + + 1024 + + @@ -5171,7 +7505,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-27-node" + id="cell-table-row-32-node" offset={0} > - GE4mM + OewGc @@ -5222,7 +7556,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-28-string" + id="cell-table-row-33-string" offset={0} > - pinocchio eat can 28 + as eat scott 33 @@ -5241,7 +7575,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-28-date" + id="cell-table-row-33-date" offset={0} > - 1998-01-05T11:33:20.000Z + 2007-09-05T13:46:40.000Z @@ -5260,7 +7594,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-28-select" + id="cell-table-row-33-select" offset={0} > - option-B + option-A @@ -5279,7 +7613,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-28-status" + id="cell-table-row-33-status" offset={0} > - - 784 - - + /> @@ -5347,7 +7674,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-28-node" + id="cell-table-row-33-node" offset={0} > - Uiqso + c8iM4 @@ -5398,7 +7725,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-29-string" + id="cell-table-row-34-string" offset={0} > - scott pinocchio chocolate 29 + can pinocchio whiteboard 34 @@ -5417,7 +7744,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-29-date" + id="cell-table-row-34-date" offset={0} > - 1999-10-27T04:53:20.000Z + 2009-10-20T00:53:20.000Z @@ -5436,7 +7763,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-29-select" + id="cell-table-row-34-select" offset={0} > - option-C + option-B @@ -5455,7 +7782,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-29-status" + id="cell-table-row-34-status" offset={0} > - 841 + 1156 @@ -5504,7 +7831,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="boolean" data-offset={0} - id="cell-table-row-29-boolean" + id="cell-table-row-34-boolean" offset={0} > - false + true @@ -5523,7 +7850,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-29-node" + id="cell-table-row-34-node" offset={0} > - iCcyG + qcUSW @@ -5574,7 +7901,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-30-string" + id="cell-table-row-35-string" offset={0} > - toyota toyota toyota 30 + bottle toyota bottle 35 @@ -5593,7 +7920,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-30-date" + id="cell-table-row-35-date" offset={0} > - 2001-09-09T01:46:40.000Z + 2011-12-27T15:33:20.000Z @@ -5612,7 +7939,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-30-select" + id="cell-table-row-35-select" offset={0} > - option-A + option-C @@ -5631,7 +7958,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-30-status" + id="cell-table-row-35-status" offset={0} > + > + + 1225 + + @@ -5692,7 +8026,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-30-node" + id="cell-table-row-35-node" offset={0} > - wgO4i + 46GYy @@ -5743,7 +8077,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-31-string" + id="cell-table-row-36-string" offset={0} > - helping whiteboard as 31 + eat whiteboard pinocchio 36 @@ -5762,7 +8096,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-31-date" + id="cell-table-row-36-date" offset={0} > - 2003-08-16T02:13:20.000Z + 2014-03-28T09:46:40.000Z @@ -5781,7 +8115,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-31-select" + id="cell-table-row-36-select" offset={0} > - option-B + option-A @@ -5800,7 +8134,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-31-status" + id="cell-table-row-36-status" offset={0} > - - 961 - - + /> @@ -5868,7 +8195,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-31-node" + id="cell-table-row-36-node" offset={0} > - AAAAA + Ia2eQ @@ -5919,7 +8246,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-32-string" + id="cell-table-row-37-string" offset={0} > - whiteboard can eat 32 + chocolate can helping 37 @@ -5938,7 +8265,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-32-date" + id="cell-table-row-37-date" offset={0} > - 2005-08-14T06:13:20.000Z + 2016-07-20T07:33:20.000Z @@ -5957,7 +8284,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-32-select" + id="cell-table-row-37-select" offset={0} > - option-C + option-B @@ -5976,7 +8303,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-32-status" + id="cell-table-row-37-status" offset={0} > - 1024 + 1369 @@ -6025,7 +8352,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="boolean" data-offset={0} - id="cell-table-row-32-boolean" + id="cell-table-row-37-boolean" offset={0} > - true + false @@ -6044,7 +8371,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-32-node" + id="cell-table-row-37-node" offset={0} > - OewGc + W4oks @@ -6095,7 +8422,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-33-string" + id="cell-table-row-38-string" offset={0} > - as eat scott 33 + pinocchio eat can 38 @@ -6114,7 +8441,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-33-date" + id="cell-table-row-38-date" offset={0} > - 2007-09-05T13:46:40.000Z + 2018-12-05T08:53:20.000Z @@ -6133,7 +8460,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-33-select" + id="cell-table-row-38-select" offset={0} > - option-A + option-C @@ -6152,7 +8479,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-33-status" + id="cell-table-row-38-status" offset={0} > + > + + 1444 + + @@ -6213,7 +8547,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-33-node" + id="cell-table-row-38-node" offset={0} > - c8iM4 + kYaqK @@ -6264,7 +8598,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-34-string" + id="cell-table-row-39-string" offset={0} > - can pinocchio whiteboard 34 + scott pinocchio chocolate 39 @@ -6283,7 +8617,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-34-date" + id="cell-table-row-39-date" offset={0} > - 2009-10-20T00:53:20.000Z + 2021-05-14T13:46:40.000Z @@ -6302,7 +8636,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-34-select" + id="cell-table-row-39-select" offset={0} > - option-B + option-A @@ -6321,7 +8655,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-34-status" + id="cell-table-row-39-status" offset={0} > - - 1156 - - + /> @@ -6389,7 +8716,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-34-node" + id="cell-table-row-39-node" offset={0} > - qcUSW + y2Mwm @@ -6440,7 +8767,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-35-string" + id="cell-table-row-40-string" offset={0} > - bottle toyota bottle 35 + toyota toyota toyota 40 @@ -6459,7 +8786,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-35-date" + id="cell-table-row-40-date" offset={0} > - 2011-12-27T15:33:20.000Z + 2023-11-14T22:13:20.000Z @@ -6478,7 +8805,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-35-select" + id="cell-table-row-40-select" offset={0} > - option-C + option-B @@ -6497,7 +8824,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-35-status" + id="cell-table-row-40-status" offset={0} > - 1225 + 1600 @@ -6546,7 +8873,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="boolean" data-offset={0} - id="cell-table-row-35-boolean" + id="cell-table-row-40-boolean" offset={0} > - false + true @@ -6565,7 +8892,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-35-node" + id="cell-table-row-40-node" offset={0} > - 46GYy + CW82E @@ -6616,7 +8943,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-36-string" + id="cell-table-row-41-string" offset={0} > - eat whiteboard pinocchio 36 + helping whiteboard as 41 @@ -6635,7 +8962,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-36-date" + id="cell-table-row-41-date" offset={0} > - 2014-03-28T09:46:40.000Z + 2026-06-09T10:13:20.000Z @@ -6654,7 +8981,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-36-select" + id="cell-table-row-41-select" offset={0} > - option-A + option-C @@ -6673,7 +9000,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-36-status" + id="cell-table-row-41-status" offset={0} > + > + + 1681 + + @@ -6734,7 +9068,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-36-node" + id="cell-table-row-41-node" offset={0} > - Ia2eQ + Q0u8g @@ -6785,7 +9119,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-37-string" + id="cell-table-row-42-string" offset={0} > - chocolate can helping 37 + whiteboard can eat 42 @@ -6804,7 +9138,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-37-date" + id="cell-table-row-42-date" offset={0} > - 2016-07-20T07:33:20.000Z + 2029-01-25T01:46:40.000Z @@ -6823,7 +9157,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-37-select" + id="cell-table-row-42-select" offset={0} > - option-B + option-A @@ -6842,7 +9176,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-37-status" + id="cell-table-row-42-status" offset={0} > - - 1369 - - + /> @@ -6910,7 +9237,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-37-node" + id="cell-table-row-42-node" offset={0} > - W4oks + eUgE8 @@ -6961,7 +9288,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-38-string" + id="cell-table-row-43-string" offset={0} > - pinocchio eat can 38 + as eat scott 43 @@ -6980,7 +9307,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-38-date" + id="cell-table-row-43-date" offset={0} > - 2018-12-05T08:53:20.000Z + 2031-10-05T20:53:20.000Z @@ -6999,7 +9326,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-38-select" + id="cell-table-row-43-select" offset={0} > - option-C + option-B @@ -7018,7 +9345,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-38-status" + id="cell-table-row-43-status" offset={0} > - 1444 + 1849 @@ -7067,7 +9394,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="boolean" data-offset={0} - id="cell-table-row-38-boolean" + id="cell-table-row-43-boolean" offset={0} > - true + false @@ -7086,7 +9413,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-38-node" + id="cell-table-row-43-node" offset={0} > - kYaqK + sySKa @@ -7137,7 +9464,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-39-string" + id="cell-table-row-44-string" offset={0} > - scott pinocchio chocolate 39 + can pinocchio whiteboard 44 @@ -7156,7 +9483,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-39-date" + id="cell-table-row-44-date" offset={0} > - 2021-05-14T13:46:40.000Z + 2034-07-08T19:33:20.000Z @@ -7175,7 +9502,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-39-select" + id="cell-table-row-44-select" offset={0} > - option-A + option-C @@ -7194,7 +9521,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-39-status" + id="cell-table-row-44-status" offset={0} > + > + + 1936 + + @@ -7255,7 +9589,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-39-node" + id="cell-table-row-44-node" offset={0} > - y2Mwm + 6SEQ2 @@ -7306,7 +9640,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-40-string" + id="cell-table-row-45-string" offset={0} > - toyota toyota toyota 40 + bottle toyota bottle 45 @@ -7325,7 +9659,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-40-date" + id="cell-table-row-45-date" offset={0} > - 2023-11-14T22:13:20.000Z + 2037-05-03T21:46:40.000Z @@ -7344,7 +9678,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-40-select" + id="cell-table-row-45-select" offset={0} > - option-B + option-A @@ -7363,7 +9697,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-40-status" + id="cell-table-row-45-status" offset={0} > - - 1600 - - + /> @@ -7431,7 +9758,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-40-node" + id="cell-table-row-45-node" offset={0} > - CW82E + Kw0WU @@ -7482,7 +9809,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-41-string" + id="cell-table-row-46-string" offset={0} > - helping whiteboard as 41 + eat whiteboard pinocchio 46 @@ -7501,7 +9828,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-41-date" + id="cell-table-row-46-date" offset={0} > - 2026-06-09T10:13:20.000Z + 2040-03-22T03:33:20.000Z @@ -7520,7 +9847,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-41-select" + id="cell-table-row-46-select" offset={0} > - option-C + option-B @@ -7539,7 +9866,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-41-status" + id="cell-table-row-46-status" offset={0} > - 1681 + 2116 @@ -7588,7 +9915,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="boolean" data-offset={0} - id="cell-table-row-41-boolean" + id="cell-table-row-46-boolean" offset={0} > - false + true @@ -7607,7 +9934,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-41-node" + id="cell-table-row-46-node" offset={0} > - Q0u8g + YQmcw @@ -7658,7 +9985,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-42-string" + id="cell-table-row-47-string" offset={0} > - whiteboard can eat 42 + chocolate can helping 47 @@ -7677,7 +10004,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-42-date" + id="cell-table-row-47-date" offset={0} > - 2029-01-25T01:46:40.000Z + 2043-03-03T12:53:20.000Z @@ -7696,7 +10023,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-42-select" + id="cell-table-row-47-select" offset={0} > - option-A + option-C @@ -7715,7 +10042,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-42-status" + id="cell-table-row-47-status" offset={0} > + > + + 2209 + + @@ -7776,7 +10110,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-42-node" + id="cell-table-row-47-node" offset={0} > - eUgE8 + muYiO @@ -7827,7 +10161,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-43-string" + id="cell-table-row-48-string" offset={0} > - as eat scott 43 + pinocchio eat can 48 @@ -7846,7 +10180,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-43-date" + id="cell-table-row-48-date" offset={0} > - 2031-10-05T20:53:20.000Z + 2046-03-07T01:46:40.000Z @@ -7865,7 +10199,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-43-select" + id="cell-table-row-48-select" offset={0} > - option-B + option-A @@ -7884,7 +10218,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-43-status" + id="cell-table-row-48-status" offset={0} > - - 1849 - - + /> @@ -7952,7 +10279,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-43-node" + id="cell-table-row-48-node" offset={0} > - sySKa + 0OKoq @@ -8003,7 +10330,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-44-string" + id="cell-table-row-49-string" offset={0} > - can pinocchio whiteboard 44 + scott pinocchio chocolate 49 @@ -8022,7 +10349,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-44-date" + id="cell-table-row-49-date" offset={0} > - 2034-07-08T19:33:20.000Z + 2049-04-02T18:13:20.000Z @@ -8041,7 +10368,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-44-select" + id="cell-table-row-49-select" offset={0} > - option-C + option-B @@ -8060,7 +10387,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-44-status" + id="cell-table-row-49-status" offset={0} > - 1936 + 2401 @@ -8109,7 +10436,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="boolean" data-offset={0} - id="cell-table-row-44-boolean" + id="cell-table-row-49-boolean" offset={0} > - true + false @@ -8128,7 +10455,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-44-node" + id="cell-table-row-49-node" offset={0} > - 6SEQ2 + Es6uI @@ -8179,7 +10506,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-45-string" + id="cell-table-row-50-string" offset={0} > - bottle toyota bottle 45 + toyota toyota toyota 50 @@ -8198,7 +10525,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-45-date" + id="cell-table-row-50-date" offset={0} > - 2037-05-03T21:46:40.000Z + 2052-05-22T14:13:20.000Z @@ -8217,7 +10544,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-45-select" + id="cell-table-row-50-select" offset={0} > - option-A + option-C @@ -8236,7 +10563,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-45-status" + id="cell-table-row-50-status" offset={0} > + > + + 2500 + + @@ -8297,7 +10631,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-45-node" + id="cell-table-row-50-node" offset={0} > - Kw0WU + SMs0k @@ -8348,7 +10682,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-46-string" + id="cell-table-row-51-string" offset={0} > - eat whiteboard pinocchio 46 + helping whiteboard as 51 @@ -8367,7 +10701,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-46-date" + id="cell-table-row-51-date" offset={0} > - 2040-03-22T03:33:20.000Z + 2055-08-04T13:46:40.000Z @@ -8386,7 +10720,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-46-select" + id="cell-table-row-51-select" offset={0} > - option-B + option-A @@ -8405,7 +10739,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-46-status" + id="cell-table-row-51-status" offset={0} > - - 2116 - - + /> @@ -8473,7 +10800,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-46-node" + id="cell-table-row-51-node" offset={0} > - YQmcw + gqe6C @@ -8524,7 +10851,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-47-string" + id="cell-table-row-52-string" offset={0} > - chocolate can helping 47 + whiteboard can eat 52 @@ -8543,7 +10870,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-47-date" + id="cell-table-row-52-date" offset={0} > - 2043-03-03T12:53:20.000Z + 2058-11-08T16:53:20.000Z @@ -8562,7 +10889,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-47-select" + id="cell-table-row-52-select" offset={0} > - option-C + option-B @@ -8581,7 +10908,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-47-status" + id="cell-table-row-52-status" offset={0} > - 2209 + 2704 @@ -8630,7 +10957,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="boolean" data-offset={0} - id="cell-table-row-47-boolean" + id="cell-table-row-52-boolean" offset={0} > - false + true @@ -8649,7 +10976,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-47-node" + id="cell-table-row-52-node" offset={0} > - muYiO + uKQCe @@ -8700,7 +11027,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-48-string" + id="cell-table-row-53-string" offset={0} > - pinocchio eat can 48 + as eat scott 53 @@ -8719,7 +11046,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-48-date" + id="cell-table-row-53-date" offset={0} > - 2046-03-07T01:46:40.000Z + 2062-03-07T23:33:20.000Z @@ -8738,7 +11065,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-48-select" + id="cell-table-row-53-select" offset={0} > - option-A + option-C @@ -8757,7 +11084,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-48-status" + id="cell-table-row-53-status" offset={0} > + > + + 2809 + + @@ -8818,7 +11152,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-48-node" + id="cell-table-row-53-node" offset={0} > - 0OKoq + 8oCI6 @@ -8869,7 +11203,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-49-string" + id="cell-table-row-54-string" offset={0} > - scott pinocchio chocolate 49 + can pinocchio whiteboard 54 @@ -8888,7 +11222,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-49-date" + id="cell-table-row-54-date" offset={0} > - 2049-04-02T18:13:20.000Z + 2065-07-28T09:46:40.000Z @@ -8907,7 +11241,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-49-select" + id="cell-table-row-54-select" offset={0} > - option-B + option-A @@ -8926,7 +11260,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-49-status" + id="cell-table-row-54-status" offset={0} > - - 2401 - - + /> @@ -8994,7 +11321,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-49-node" + id="cell-table-row-54-node" offset={0} > - Es6uI + MIyOY @@ -9045,7 +11372,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-50-string" + id="cell-table-row-55-string" offset={0} > - toyota toyota toyota 50 + bottle toyota bottle 55 @@ -9064,7 +11391,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-50-date" + id="cell-table-row-55-date" offset={0} > - 2052-05-22T14:13:20.000Z + 2069-01-09T23:33:20.000Z @@ -9083,7 +11410,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-50-select" + id="cell-table-row-55-select" offset={0} > - option-C + option-B @@ -9102,7 +11429,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-50-status" + id="cell-table-row-55-status" offset={0} > - 2500 + 3025 @@ -9151,7 +11478,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="boolean" data-offset={0} - id="cell-table-row-50-boolean" + id="cell-table-row-55-boolean" offset={0} > - true + false @@ -9170,7 +11497,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-50-node" + id="cell-table-row-55-node" offset={0} > - SMs0k + amkU0 @@ -9221,7 +11548,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-51-string" + id="cell-table-row-56-string" offset={0} > - helping whiteboard as 51 + eat whiteboard pinocchio 56 @@ -9240,7 +11567,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-51-date" + id="cell-table-row-56-date" offset={0} > - 2055-08-04T13:46:40.000Z + 2072-07-17T16:53:20.000Z @@ -9259,7 +11586,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-51-select" + id="cell-table-row-56-select" offset={0} > - option-A + option-C @@ -9278,7 +11605,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-51-status" + id="cell-table-row-56-status" offset={0} > + > + + 3136 + + @@ -9339,7 +11673,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-51-node" + id="cell-table-row-56-node" offset={0} > - gqe6C + oGWaS @@ -9390,7 +11724,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-52-string" + id="cell-table-row-57-string" offset={0} > - whiteboard can eat 52 + chocolate can helping 57 @@ -9409,7 +11743,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-52-date" + id="cell-table-row-57-date" offset={0} > - 2058-11-08T16:53:20.000Z + 2076-02-15T13:46:40.000Z @@ -9428,7 +11762,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-52-select" + id="cell-table-row-57-select" offset={0} > - option-B + option-A @@ -9447,7 +11781,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-52-status" + id="cell-table-row-57-status" offset={0} > - - 2704 - - + /> @@ -9515,7 +11842,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-52-node" + id="cell-table-row-57-node" offset={0} > - uKQCe + 2kIgu @@ -9566,7 +11893,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-53-string" + id="cell-table-row-58-string" offset={0} > - as eat scott 53 + pinocchio eat can 58 @@ -9585,7 +11912,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-53-date" + id="cell-table-row-58-date" offset={0} > - 2062-03-07T23:33:20.000Z + 2079-10-08T14:13:20.000Z @@ -9604,7 +11931,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-53-select" + id="cell-table-row-58-select" offset={0} > - option-C + option-B @@ -9623,7 +11950,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-53-status" + id="cell-table-row-58-status" offset={0} > - 2809 + 3364 @@ -9672,7 +11999,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="boolean" data-offset={0} - id="cell-table-row-53-boolean" + id="cell-table-row-58-boolean" offset={0} > - false + true @@ -9691,7 +12018,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-53-node" + id="cell-table-row-58-node" offset={0} > - 8oCI6 + GE4mM @@ -9742,7 +12069,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-54-string" + id="cell-table-row-59-string" offset={0} > - can pinocchio whiteboard 54 + scott pinocchio chocolate 59 @@ -9761,7 +12088,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-54-date" + id="cell-table-row-59-date" offset={0} > - 2065-07-28T09:46:40.000Z + 2083-06-23T18:13:20.000Z @@ -9780,7 +12107,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-54-select" + id="cell-table-row-59-select" offset={0} > - option-A + option-C @@ -9799,7 +12126,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-54-status" + id="cell-table-row-59-status" offset={0} > + > + + 3481 + + @@ -9860,7 +12194,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-54-node" + id="cell-table-row-59-node" offset={0} > - MIyOY + Uiqso @@ -9911,7 +12245,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-55-string" + id="cell-table-row-60-string" offset={0} > - bottle toyota bottle 55 + toyota toyota toyota 60 @@ -9930,7 +12264,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-55-date" + id="cell-table-row-60-date" offset={0} > - 2069-01-09T23:33:20.000Z + 2087-04-01T01:46:40.000Z @@ -9949,7 +12283,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-55-select" + id="cell-table-row-60-select" offset={0} > - option-B + option-A @@ -9968,7 +12302,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-55-status" + id="cell-table-row-60-status" offset={0} > - - 3025 - - + /> @@ -10036,7 +12363,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-55-node" + id="cell-table-row-60-node" offset={0} > - amkU0 + iCcyG @@ -10087,7 +12414,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-56-string" + id="cell-table-row-61-string" offset={0} > - eat whiteboard pinocchio 56 + helping whiteboard as 61 @@ -10106,7 +12433,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-56-date" + id="cell-table-row-61-date" offset={0} > - 2072-07-17T16:53:20.000Z + 2091-01-30T12:53:20.000Z @@ -10125,7 +12452,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-56-select" + id="cell-table-row-61-select" offset={0} > - option-C + option-B @@ -10144,7 +12471,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-56-status" + id="cell-table-row-61-status" offset={0} > - 3136 + 3721 @@ -10193,7 +12520,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="boolean" data-offset={0} - id="cell-table-row-56-boolean" + id="cell-table-row-61-boolean" offset={0} > - true + false @@ -10212,7 +12539,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-56-node" + id="cell-table-row-61-node" offset={0} > - oGWaS + wgO4i @@ -10263,7 +12590,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-57-string" + id="cell-table-row-62-string" offset={0} > - chocolate can helping 57 + whiteboard can eat 62 @@ -10282,7 +12609,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-57-date" + id="cell-table-row-62-date" offset={0} > - 2076-02-15T13:46:40.000Z + 2094-12-24T03:33:20.000Z @@ -10301,7 +12628,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-57-select" + id="cell-table-row-62-select" offset={0} > - option-A + option-C @@ -10320,7 +12647,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-57-status" + id="cell-table-row-62-status" offset={0} > + > + + 3844 + + @@ -10381,7 +12715,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-57-node" + id="cell-table-row-62-node" offset={0} > - 2kIgu + AAAAA @@ -10432,7 +12766,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-58-string" + id="cell-table-row-63-string" offset={0} > - pinocchio eat can 58 + as eat scott 63 @@ -10451,7 +12785,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-58-date" + id="cell-table-row-63-date" offset={0} > - 2079-10-08T14:13:20.000Z + 2098-12-09T21:46:40.000Z @@ -10470,7 +12804,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-58-select" + id="cell-table-row-63-select" offset={0} > - option-B + option-A @@ -10489,7 +12823,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-58-status" + id="cell-table-row-63-status" offset={0} > - - 3364 - - + /> @@ -10557,7 +12884,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-58-node" + id="cell-table-row-63-node" offset={0} > - GE4mM + OewGc @@ -10608,7 +12935,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-59-string" + id="cell-table-row-64-string" offset={0} > - scott pinocchio chocolate 59 + can pinocchio whiteboard 64 @@ -10627,7 +12954,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-59-date" + id="cell-table-row-64-date" offset={0} > - 2083-06-23T18:13:20.000Z + 2102-12-19T19:33:20.000Z @@ -10646,7 +12973,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-59-select" + id="cell-table-row-64-select" offset={0} > - option-C + option-B @@ -10665,7 +12992,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-59-status" + id="cell-table-row-64-status" offset={0} > - 3481 + 4096 @@ -10714,7 +13041,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="boolean" data-offset={0} - id="cell-table-row-59-boolean" + id="cell-table-row-64-boolean" offset={0} > - false + true @@ -10733,7 +13060,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-59-node" + id="cell-table-row-64-node" offset={0} > - Uiqso + c8iM4 @@ -10784,7 +13111,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-60-string" + id="cell-table-row-65-string" offset={0} > - toyota toyota toyota 60 + bottle toyota bottle 65 @@ -10803,7 +13130,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-60-date" + id="cell-table-row-65-date" offset={0} > - 2087-04-01T01:46:40.000Z + 2107-01-20T20:53:20.000Z @@ -10822,7 +13149,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-60-select" + id="cell-table-row-65-select" offset={0} > - option-A + option-C @@ -10841,7 +13168,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-60-status" + id="cell-table-row-65-status" offset={0} > + > + + 4225 + + @@ -10902,7 +13236,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-60-node" + id="cell-table-row-65-node" offset={0} > - iCcyG + qcUSW @@ -10953,7 +13287,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-61-string" + id="cell-table-row-66-string" offset={0} > - helping whiteboard as 61 + eat whiteboard pinocchio 66 @@ -10972,7 +13306,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-61-date" + id="cell-table-row-66-date" offset={0} > - 2091-01-30T12:53:20.000Z + 2111-03-17T01:46:40.000Z @@ -10991,7 +13325,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-61-select" + id="cell-table-row-66-select" offset={0} > - option-B + option-A @@ -11010,7 +13344,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-61-status" + id="cell-table-row-66-status" offset={0} > - - 3721 - - + /> @@ -11078,7 +13405,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-61-node" + id="cell-table-row-66-node" offset={0} > - wgO4i + 46GYy @@ -11129,7 +13456,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-62-string" + id="cell-table-row-67-string" offset={0} > - whiteboard can eat 62 + chocolate can helping 67 @@ -11148,7 +13475,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-62-date" + id="cell-table-row-67-date" offset={0} > - 2094-12-24T03:33:20.000Z + 2115-06-03T10:13:20.000Z @@ -11167,7 +13494,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-62-select" + id="cell-table-row-67-select" offset={0} > - option-C + option-B @@ -11186,7 +13513,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-62-status" + id="cell-table-row-67-status" offset={0} > - 3844 + 4489 @@ -11235,7 +13562,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="boolean" data-offset={0} - id="cell-table-row-62-boolean" + id="cell-table-row-67-boolean" offset={0} > - true + false @@ -11254,7 +13581,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-62-node" + id="cell-table-row-67-node" offset={0} > - AAAAA + Ia2eQ @@ -11305,7 +13632,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-63-string" + id="cell-table-row-68-string" offset={0} > - as eat scott 63 + pinocchio eat can 68 @@ -11324,7 +13651,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-63-date" + id="cell-table-row-68-date" offset={0} > - 2098-12-09T21:46:40.000Z + 2119-09-12T22:13:20.000Z @@ -11343,7 +13670,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-63-select" + id="cell-table-row-68-select" offset={0} > - option-A + option-C @@ -11362,7 +13689,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-63-status" + id="cell-table-row-68-status" offset={0} > + > + + 4624 + + @@ -11423,7 +13757,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-63-node" + id="cell-table-row-68-node" offset={0} > - OewGc + W4oks @@ -11474,7 +13808,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-64-string" + id="cell-table-row-69-string" offset={0} > - can pinocchio whiteboard 64 + scott pinocchio chocolate 69 @@ -11493,7 +13827,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-64-date" + id="cell-table-row-69-date" offset={0} > - 2102-12-19T19:33:20.000Z + 2124-01-15T13:46:40.000Z @@ -11512,7 +13846,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-64-select" + id="cell-table-row-69-select" offset={0} > - option-B + option-A @@ -11531,7 +13865,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-64-status" + id="cell-table-row-69-status" offset={0} > - - 4096 - - + /> @@ -11599,7 +13926,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-64-node" + id="cell-table-row-69-node" offset={0} > - c8iM4 + kYaqK @@ -11650,7 +13977,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-65-string" + id="cell-table-row-70-string" offset={0} > - bottle toyota bottle 65 + toyota toyota toyota 70 @@ -11669,7 +13996,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-65-date" + id="cell-table-row-70-date" offset={0} > - 2107-01-20T20:53:20.000Z + 2128-06-11T08:53:20.000Z @@ -11688,7 +14015,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-65-select" + id="cell-table-row-70-select" offset={0} > - option-C + option-B @@ -11707,7 +14034,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-65-status" + id="cell-table-row-70-status" offset={0} > - 4225 + 4900 @@ -11756,7 +14083,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="boolean" data-offset={0} - id="cell-table-row-65-boolean" + id="cell-table-row-70-boolean" offset={0} > - false + true @@ -11775,7 +14102,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-65-node" + id="cell-table-row-70-node" offset={0} > - qcUSW + y2Mwm @@ -11826,7 +14153,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-66-string" + id="cell-table-row-71-string" offset={0} > - eat whiteboard pinocchio 66 + helping whiteboard as 71 @@ -11845,7 +14172,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-66-date" + id="cell-table-row-71-date" offset={0} > - 2111-03-17T01:46:40.000Z + 2132-11-29T07:33:20.000Z @@ -11864,7 +14191,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-66-select" + id="cell-table-row-71-select" offset={0} > - option-A + option-C @@ -11883,7 +14210,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-66-status" + id="cell-table-row-71-status" offset={0} > + > + + 5041 + + @@ -11944,7 +14278,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-66-node" + id="cell-table-row-71-node" offset={0} > - 46GYy + CW82E @@ -11995,7 +14329,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-67-string" + id="cell-table-row-72-string" offset={0} > - chocolate can helping 67 + whiteboard can eat 72 @@ -12014,7 +14348,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-67-date" + id="cell-table-row-72-date" offset={0} > - 2115-06-03T10:13:20.000Z + 2137-06-11T09:46:40.000Z @@ -12033,7 +14367,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-67-select" + id="cell-table-row-72-select" offset={0} > - option-B + option-A @@ -12052,7 +14386,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-67-status" + id="cell-table-row-72-status" offset={0} > - - 4489 - - + /> @@ -12120,7 +14447,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-67-node" + id="cell-table-row-72-node" offset={0} > - Ia2eQ + Q0u8g @@ -12171,7 +14498,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-68-string" + id="cell-table-row-73-string" offset={0} > - pinocchio eat can 68 + as eat scott 73 @@ -12190,7 +14517,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-68-date" + id="cell-table-row-73-date" offset={0} > - 2119-09-12T22:13:20.000Z + 2142-01-14T15:33:20.000Z @@ -12209,7 +14536,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-68-select" + id="cell-table-row-73-select" offset={0} > - option-C + option-B @@ -12228,7 +14555,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-68-status" + id="cell-table-row-73-status" offset={0} > - 4624 + 5329 @@ -12277,7 +14604,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="boolean" data-offset={0} - id="cell-table-row-68-boolean" + id="cell-table-row-73-boolean" offset={0} > - true + false @@ -12296,7 +14623,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-68-node" + id="cell-table-row-73-node" offset={0} > - W4oks + eUgE8 @@ -12347,7 +14674,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-69-string" + id="cell-table-row-74-string" offset={0} > - scott pinocchio chocolate 69 + can pinocchio whiteboard 74 @@ -12366,7 +14693,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-69-date" + id="cell-table-row-74-date" offset={0} > - 2124-01-15T13:46:40.000Z + 2146-09-12T00:53:20.000Z @@ -12385,7 +14712,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-69-select" + id="cell-table-row-74-select" offset={0} > - option-A + option-C @@ -12404,7 +14731,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-69-status" + id="cell-table-row-74-status" offset={0} > + > + + 5476 + + @@ -12465,7 +14799,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-69-node" + id="cell-table-row-74-node" offset={0} > - kYaqK + sySKa @@ -12516,7 +14850,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-70-string" + id="cell-table-row-75-string" offset={0} > - toyota toyota toyota 70 + bottle toyota bottle 75 @@ -12535,7 +14869,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-70-date" + id="cell-table-row-75-date" offset={0} > - 2128-06-11T08:53:20.000Z + 2151-06-02T13:46:40.000Z @@ -12554,7 +14888,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-70-select" + id="cell-table-row-75-select" offset={0} > - option-B + option-A @@ -12573,7 +14907,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-70-status" + id="cell-table-row-75-status" offset={0} > - - - 4900 - - + > + @@ -12641,7 +14968,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-70-node" + id="cell-table-row-75-node" offset={0} > - y2Mwm + 6SEQ2 @@ -12692,7 +15019,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-71-string" + id="cell-table-row-76-string" offset={0} > - helping whiteboard as 71 + eat whiteboard pinocchio 76 @@ -12711,7 +15038,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-71-date" + id="cell-table-row-76-date" offset={0} > - 2132-11-29T07:33:20.000Z + 2156-03-15T06:13:20.000Z @@ -12730,7 +15057,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-71-select" + id="cell-table-row-76-select" offset={0} > - option-C + option-B @@ -12749,7 +15076,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-71-status" + id="cell-table-row-76-status" offset={0} > - 5041 + 5776 @@ -12798,7 +15125,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="boolean" data-offset={0} - id="cell-table-row-71-boolean" + id="cell-table-row-76-boolean" offset={0} > - false + true @@ -12817,7 +15144,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-71-node" + id="cell-table-row-76-node" offset={0} > - CW82E + Kw0WU @@ -12868,7 +15195,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-72-string" + id="cell-table-row-77-string" offset={0} > - whiteboard can eat 72 + chocolate can helping 77 @@ -12887,7 +15214,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-72-date" + id="cell-table-row-77-date" offset={0} > - 2137-06-11T09:46:40.000Z + 2161-01-19T02:13:20.000Z @@ -12906,7 +15233,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-72-select" + id="cell-table-row-77-select" offset={0} > - option-A + option-C @@ -12925,7 +15252,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-72-status" + id="cell-table-row-77-status" offset={0} > + > + + 5929 + + @@ -12986,7 +15320,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-72-node" + id="cell-table-row-77-node" offset={0} > - Q0u8g + YQmcw @@ -13037,7 +15371,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-73-string" + id="cell-table-row-78-string" offset={0} > - as eat scott 73 + pinocchio eat can 78 @@ -13056,7 +15390,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-73-date" + id="cell-table-row-78-date" offset={0} > - 2142-01-14T15:33:20.000Z + 2165-12-18T01:46:40.000Z @@ -13075,7 +15409,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-73-select" + id="cell-table-row-78-select" offset={0} > - option-B + option-A @@ -13094,7 +15428,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-73-status" + id="cell-table-row-78-status" offset={0} > - - 5329 - - + /> @@ -13162,7 +15489,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-73-node" + id="cell-table-row-78-node" offset={0} > - eUgE8 + muYiO @@ -13213,7 +15540,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-74-string" + id="cell-table-row-79-string" offset={0} > - can pinocchio whiteboard 74 + scott pinocchio chocolate 79 @@ -13232,7 +15559,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-74-date" + id="cell-table-row-79-date" offset={0} > - 2146-09-12T00:53:20.000Z + 2170-12-09T04:53:20.000Z @@ -13251,7 +15578,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-74-select" + id="cell-table-row-79-select" offset={0} > - option-C + option-B @@ -13270,7 +15597,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-74-status" + id="cell-table-row-79-status" offset={0} > - 5476 + 6241 @@ -13319,7 +15646,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="boolean" data-offset={0} - id="cell-table-row-74-boolean" + id="cell-table-row-79-boolean" offset={0} > - true + false @@ -13338,7 +15665,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-74-node" + id="cell-table-row-79-node" offset={0} > - sySKa + 0OKoq @@ -13389,7 +15716,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-75-string" + id="cell-table-row-80-string" offset={0} > - bottle toyota bottle 75 + toyota toyota toyota 80 @@ -13408,7 +15735,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-75-date" + id="cell-table-row-80-date" offset={0} > - 2151-06-02T13:46:40.000Z + 2175-12-23T11:33:20.000Z @@ -13427,7 +15754,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-75-select" + id="cell-table-row-80-select" offset={0} > - option-A + option-C @@ -13446,7 +15773,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-75-status" + id="cell-table-row-80-status" offset={0} > + > + + 6400 + + @@ -13507,7 +15841,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-75-node" + id="cell-table-row-80-node" offset={0} > - 6SEQ2 + Es6uI @@ -13558,7 +15892,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-76-string" + id="cell-table-row-81-string" offset={0} > - eat whiteboard pinocchio 76 + helping whiteboard as 81 @@ -13577,7 +15911,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-76-date" + id="cell-table-row-81-date" offset={0} > - 2156-03-15T06:13:20.000Z + 2181-01-28T21:46:40.000Z @@ -13596,7 +15930,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-76-select" + id="cell-table-row-81-select" offset={0} > - option-B + option-A @@ -13615,7 +15949,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-76-status" + id="cell-table-row-81-status" offset={0} > - - 5776 - - + /> @@ -13683,7 +16010,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-76-node" + id="cell-table-row-81-node" offset={0} > - Kw0WU + SMs0k @@ -13734,7 +16061,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-77-string" + id="cell-table-row-82-string" offset={0} > - chocolate can helping 77 + whiteboard can eat 82 @@ -13753,7 +16080,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-77-date" + id="cell-table-row-82-date" offset={0} > - 2161-01-19T02:13:20.000Z + 2186-03-30T11:33:20.000Z @@ -13772,7 +16099,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-77-select" + id="cell-table-row-82-select" offset={0} > - option-C + option-B @@ -13791,7 +16118,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-77-status" + id="cell-table-row-82-status" offset={0} > - 5929 + 6724 @@ -13840,7 +16167,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="boolean" data-offset={0} - id="cell-table-row-77-boolean" + id="cell-table-row-82-boolean" offset={0} > - false + true @@ -13859,7 +16186,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-77-node" + id="cell-table-row-82-node" offset={0} > - YQmcw + gqe6C @@ -13910,7 +16237,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-78-string" + id="cell-table-row-83-string" offset={0} > - pinocchio eat can 78 + as eat scott 83 @@ -13929,7 +16256,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-78-date" + id="cell-table-row-83-date" offset={0} > - 2165-12-18T01:46:40.000Z + 2191-06-22T04:53:20.000Z @@ -13948,7 +16275,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-78-select" + id="cell-table-row-83-select" offset={0} > - option-A + option-C @@ -13967,7 +16294,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-78-status" + id="cell-table-row-83-status" offset={0} > + > + + 6889 + + @@ -14028,7 +16362,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-78-node" + id="cell-table-row-83-node" offset={0} > - muYiO + uKQCe @@ -14079,7 +16413,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-79-string" + id="cell-table-row-84-string" offset={0} > - scott pinocchio chocolate 79 + can pinocchio whiteboard 84 @@ -14098,7 +16432,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-79-date" + id="cell-table-row-84-date" offset={0} > - 2170-12-09T04:53:20.000Z + 2196-10-06T01:46:40.000Z @@ -14117,7 +16451,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-79-select" + id="cell-table-row-84-select" offset={0} > - option-B + option-A @@ -14136,7 +16470,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-79-status" + id="cell-table-row-84-status" offset={0} > - - 6241 - - + /> @@ -14204,7 +16531,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-79-node" + id="cell-table-row-84-node" offset={0} > - 0OKoq + 8oCI6 @@ -14255,7 +16582,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-80-string" + id="cell-table-row-85-string" offset={0} > - toyota toyota toyota 80 + bottle toyota bottle 85 @@ -14274,7 +16601,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-80-date" + id="cell-table-row-85-date" offset={0} > - 2175-12-23T11:33:20.000Z + 2202-02-14T02:13:20.000Z @@ -14293,7 +16620,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-80-select" + id="cell-table-row-85-select" offset={0} > - option-C + option-B @@ -14312,7 +16639,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-80-status" + id="cell-table-row-85-status" offset={0} > - 6400 + 7225 @@ -14361,7 +16688,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="boolean" data-offset={0} - id="cell-table-row-80-boolean" + id="cell-table-row-85-boolean" offset={0} > - true + false @@ -14380,7 +16707,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-80-node" + id="cell-table-row-85-node" offset={0} > - Es6uI + MIyOY @@ -14431,7 +16758,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-81-string" + id="cell-table-row-86-string" offset={0} > - helping whiteboard as 81 + eat whiteboard pinocchio 86 @@ -14450,7 +16777,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-81-date" + id="cell-table-row-86-date" offset={0} > - 2181-01-28T21:46:40.000Z + 2207-07-17T06:13:20.000Z @@ -14469,7 +16796,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-81-select" + id="cell-table-row-86-select" offset={0} > - option-A + option-C @@ -14488,7 +16815,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-81-status" + id="cell-table-row-86-status" offset={0} > + > + + 7396 + + @@ -14549,7 +16883,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-81-node" + id="cell-table-row-86-node" offset={0} > - SMs0k + amkU0 @@ -14600,7 +16934,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-82-string" + id="cell-table-row-87-string" offset={0} > - whiteboard can eat 82 + chocolate can helping 87 @@ -14619,7 +16953,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-82-date" + id="cell-table-row-87-date" offset={0} > - 2186-03-30T11:33:20.000Z + 2213-01-08T13:46:40.000Z @@ -14638,7 +16972,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-82-select" + id="cell-table-row-87-select" offset={0} > - option-B + option-A @@ -14657,7 +16991,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-82-status" + id="cell-table-row-87-status" offset={0} > - - 6724 - - + /> @@ -14725,7 +17052,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-82-node" + id="cell-table-row-87-node" offset={0} > - gqe6C + oGWaS @@ -14776,7 +17103,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-83-string" + id="cell-table-row-88-string" offset={0} > - as eat scott 83 + pinocchio eat can 88 @@ -14795,7 +17122,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-83-date" + id="cell-table-row-88-date" offset={0} > - 2191-06-22T04:53:20.000Z + 2218-07-27T00:53:20.000Z @@ -14814,7 +17141,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-83-select" + id="cell-table-row-88-select" offset={0} > - option-C + option-B @@ -14833,7 +17160,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-83-status" + id="cell-table-row-88-status" offset={0} > - 6889 + 7744 @@ -14882,7 +17209,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="boolean" data-offset={0} - id="cell-table-row-83-boolean" + id="cell-table-row-88-boolean" offset={0} > - false + true @@ -14901,7 +17228,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-83-node" + id="cell-table-row-88-node" offset={0} > - uKQCe + 2kIgu @@ -14952,7 +17279,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-84-string" + id="cell-table-row-89-string" offset={0} > - can pinocchio whiteboard 84 + scott pinocchio chocolate 89 @@ -14971,7 +17298,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-84-date" + id="cell-table-row-89-date" offset={0} > - 2196-10-06T01:46:40.000Z + 2224-03-05T15:33:20.000Z @@ -14990,7 +17317,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-84-select" + id="cell-table-row-89-select" offset={0} > - option-A + option-C @@ -15009,7 +17336,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-84-status" + id="cell-table-row-89-status" offset={0} > + > + + 7921 + + @@ -15070,7 +17404,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-84-node" + id="cell-table-row-89-node" offset={0} > - 8oCI6 + GE4mM @@ -15121,7 +17455,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-85-string" + id="cell-table-row-90-string" offset={0} > - bottle toyota bottle 85 + toyota toyota toyota 90 @@ -15140,7 +17474,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-85-date" + id="cell-table-row-90-date" offset={0} > - 2202-02-14T02:13:20.000Z + 2229-11-06T09:46:40.000Z @@ -15159,7 +17493,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-85-select" + id="cell-table-row-90-select" offset={0} > - option-B + option-A @@ -15178,7 +17512,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-85-status" + id="cell-table-row-90-status" offset={0} > - - 7225 - - + /> @@ -15246,7 +17573,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-85-node" + id="cell-table-row-90-node" offset={0} > - MIyOY + Uiqso @@ -15297,7 +17624,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-86-string" + id="cell-table-row-91-string" offset={0} > - eat whiteboard pinocchio 86 + helping whiteboard as 91 @@ -15316,7 +17643,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-86-date" + id="cell-table-row-91-date" offset={0} > - 2207-07-17T06:13:20.000Z + 2235-08-02T07:33:20.000Z @@ -15335,7 +17662,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-86-select" + id="cell-table-row-91-select" offset={0} > - option-C + option-B @@ -15354,7 +17681,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-86-status" + id="cell-table-row-91-status" offset={0} > - 7396 + 8281 @@ -15403,7 +17730,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="boolean" data-offset={0} - id="cell-table-row-86-boolean" + id="cell-table-row-91-boolean" offset={0} > - true + false @@ -15422,7 +17749,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-86-node" + id="cell-table-row-91-node" offset={0} > - amkU0 + iCcyG @@ -15473,7 +17800,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-87-string" + id="cell-table-row-92-string" offset={0} > - chocolate can helping 87 + whiteboard can eat 92 @@ -15492,7 +17819,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-87-date" + id="cell-table-row-92-date" offset={0} > - 2213-01-08T13:46:40.000Z + 2241-05-20T08:53:20.000Z @@ -15511,7 +17838,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-87-select" + id="cell-table-row-92-select" offset={0} > - option-A + option-C @@ -15530,7 +17857,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-87-status" + id="cell-table-row-92-status" offset={0} > + > + + 8464 + + @@ -15591,7 +17925,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-87-node" + id="cell-table-row-92-node" offset={0} > - oGWaS + wgO4i @@ -15642,7 +17976,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-88-string" + id="cell-table-row-93-string" offset={0} > - pinocchio eat can 88 + as eat scott 93 @@ -15661,7 +17995,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-88-date" + id="cell-table-row-93-date" offset={0} > - 2218-07-27T00:53:20.000Z + 2247-03-31T13:46:40.000Z @@ -15680,7 +18014,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-88-select" + id="cell-table-row-93-select" offset={0} > - option-B + option-A @@ -15699,7 +18033,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-88-status" + id="cell-table-row-93-status" offset={0} > - - 7744 - - + /> @@ -15767,7 +18094,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-88-node" + id="cell-table-row-93-node" offset={0} > - 2kIgu + AAAAA @@ -15818,7 +18145,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-89-string" + id="cell-table-row-94-string" offset={0} > - scott pinocchio chocolate 89 + can pinocchio whiteboard 94 @@ -15837,7 +18164,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-89-date" + id="cell-table-row-94-date" offset={0} > - 2224-03-05T15:33:20.000Z + 2253-03-03T22:13:20.000Z @@ -15856,7 +18183,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-89-select" + id="cell-table-row-94-select" offset={0} > - option-C + option-B @@ -15875,7 +18202,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-89-status" + id="cell-table-row-94-status" offset={0} > - 7921 + 8836 @@ -15924,7 +18251,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="boolean" data-offset={0} - id="cell-table-row-89-boolean" + id="cell-table-row-94-boolean" offset={0} > - false + true @@ -15943,7 +18270,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-89-node" + id="cell-table-row-94-node" offset={0} > - GE4mM + OewGc @@ -15994,7 +18321,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-90-string" + id="cell-table-row-95-string" offset={0} > - toyota toyota toyota 90 + bottle toyota bottle 95 @@ -16013,7 +18340,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-90-date" + id="cell-table-row-95-date" offset={0} > - 2229-11-06T09:46:40.000Z + 2259-02-28T10:13:20.000Z @@ -16032,7 +18359,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-90-select" + id="cell-table-row-95-select" offset={0} > - option-A + option-C @@ -16051,7 +18378,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-90-status" + id="cell-table-row-95-status" offset={0} > + > + + 9025 + + @@ -16112,7 +18446,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-90-node" + id="cell-table-row-95-node" offset={0} > - Uiqso + c8iM4 @@ -16163,7 +18497,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-91-string" + id="cell-table-row-96-string" offset={0} > - helping whiteboard as 91 + eat whiteboard pinocchio 96 @@ -16182,7 +18516,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-91-date" + id="cell-table-row-96-date" offset={0} > - 2235-08-02T07:33:20.000Z + 2265-03-19T01:46:40.000Z @@ -16201,7 +18535,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-91-select" + id="cell-table-row-96-select" offset={0} > - option-B + option-A @@ -16220,7 +18554,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-91-status" + id="cell-table-row-96-status" offset={0} > - - 8281 - - + /> @@ -16288,7 +18615,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-91-node" + id="cell-table-row-96-node" offset={0} > - iCcyG + qcUSW @@ -16339,7 +18666,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-92-string" + id="cell-table-row-97-string" offset={0} > - whiteboard can eat 92 + chocolate can helping 97 @@ -16358,7 +18685,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-92-date" + id="cell-table-row-97-date" offset={0} > - 2241-05-20T08:53:20.000Z + 2271-04-30T20:53:20.000Z @@ -16377,7 +18704,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-92-select" + id="cell-table-row-97-select" offset={0} > - option-C + option-B @@ -16396,7 +18723,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-92-status" + id="cell-table-row-97-status" offset={0} > - 8464 + 9409 @@ -16445,7 +18772,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="boolean" data-offset={0} - id="cell-table-row-92-boolean" + id="cell-table-row-97-boolean" offset={0} > - true + false @@ -16464,7 +18791,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-92-node" + id="cell-table-row-97-node" offset={0} > - wgO4i + 46GYy @@ -16515,7 +18842,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-93-string" + id="cell-table-row-98-string" offset={0} > - as eat scott 93 + pinocchio eat can 98 @@ -16534,7 +18861,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-93-date" + id="cell-table-row-98-date" offset={0} > - 2247-03-31T13:46:40.000Z + 2277-07-04T19:33:20.000Z @@ -16553,7 +18880,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-93-select" + id="cell-table-row-98-select" offset={0} > - option-A + option-C @@ -16572,7 +18899,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-93-status" + id="cell-table-row-98-status" offset={0} > + > + + 9604 + + @@ -16633,7 +18967,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-93-node" + id="cell-table-row-98-node" offset={0} > - AAAAA + Ia2eQ @@ -16684,7 +19018,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-94-string" + id="cell-table-row-99-string" offset={0} > - can pinocchio whiteboard 94 + scott pinocchio chocolate 99 @@ -16703,7 +19037,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-94-date" + id="cell-table-row-99-date" offset={0} > - 2253-03-03T22:13:20.000Z + 2283-10-01T21:46:40.000Z @@ -16722,7 +19056,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-94-select" + id="cell-table-row-99-select" offset={0} > - option-B + option-A @@ -16741,7 +19075,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-94-status" + id="cell-table-row-99-status" offset={0} > - - 8836 - - + /> @@ -16809,7 +19136,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-94-node" + id="cell-table-row-99-node" offset={0} > + + W4oks + + + + + +
+ + + String + + + + + + Date + + + + + + Select + + + + + + Status + + + + + + Number + + + + + + Boolean + + + + + + React Node + + + + + + Object Id + + +
+ + + toyota toyota toyota 0 + + + + + + 1973-03-03T09:46:40.000Z + + + + + + option-A + + + + + + + + + + + + + + + + true + + + + + + + + + + + + AAAAA + + +
+ + + helping whiteboard as 1 + + + + + + 1973-03-14T23:33:20.000Z + + + + + + option-B + + + + + + + + + + + + + + 1 + + + + + + false + + + + + + + + + + + + OewGc + + +
+ + + whiteboard can eat 2 + + + + + + 1973-04-18T16:53:20.000Z + + + + + + option-C + + + + + + + + + + + + + + 4 + + + + + + true + + + + + + + + + + + + c8iM4 + + +
+ + + as eat scott 3 + + + + + + 1973-06-15T13:46:40.000Z + + + + + + option-A + + + + + + + + + + + + + + + + false + + + + + + + + + + + + qcUSW + + +
+ + + can pinocchio whiteboard 4 + + + + + + 1973-09-04T14:13:20.000Z + + + + + + option-B + + + + + + + + + + + + + + 16 + + + + + + true + + + + + + + + + + + + 46GYy + + +
+ + + bottle toyota bottle 5 + + + + + + 1973-12-17T18:13:20.000Z + + + + + + option-C + + + + + + + + + + + + + + 25 + + + + + + false + + + + + + + + + + + + Ia2eQ + + +
+ + + eat whiteboard pinocchio 6 + + + + + + 1974-04-24T01:46:40.000Z + + + + + + option-A + + + + + + + + + + + + + + + + true + + + + + + + + + + + + W4oks + + +
+ + + chocolate can helping 7 + + + + + + 1974-09-21T12:53:20.000Z + + + + + + option-B + + + + + + + + + + + + + + 49 + + + + + + false + + + + + + + + + + + + kYaqK + + +
+ + + pinocchio eat can 8 + + + + + + 1975-03-14T03:33:20.000Z + + + + + + option-C + + + + + + + + + + + + + + 64 + + + + + + true + + + + + + + + + + + + y2Mwm + + +
+ + + scott pinocchio chocolate 9 + + + + + + 1975-09-26T21:46:40.000Z + + + + + + option-A + + + + + + + + + + + + + + + + false + + + + + + + + + + + + CW82E + + +
+ + + toyota toyota toyota 10 + + + + + + 1976-05-03T19:33:20.000Z + + + + + + option-B + + + + + + + + + + + + + + 100 + + + + + + true + + + + + + + + + + + + Q0u8g + + +
+ + + helping whiteboard as 11 + + + + + + 1977-01-01T20:53:20.000Z + + + + + + option-C + + + + - 49 + + + + + + + + + 121 - 64 + true + + + + + + + + + + + + sySKa + + +
+ + + as eat scott 13 + + + + + + 1978-07-11T10:13:20.000Z + + + + + + option-B + + + + + + + + + + + + + + 169 - false + true - true + false - true + false - false + true - false + true - true + false - true + false - false + true - false + true - true + false - true + false - false + true - false + true - true + false - true + false - false + true - false + true - true + false - true + false - false + true - false + true - true + false - true + false - false + true - false + true - true + false - true + false - false + true - false + true - true + false - true + false - false + true - false + true - true + false - true + false - false + true - false + true - true + false - true + false - false + true - false + true - true + false - true + false - false + true - false + true - true + false - true + false - false + true - false + true - true + false - true + false - false + true - false + true - true + false - true + false - false + true - false + true - true + false
+
+
+
+
+`; + +exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/Table With filtering 1`] = ` +
+
+
+
+
+

+ + 0 items selected + +

+
+
+ +
+
+
+ + +
+
+
+
+ + + + + + + - - + + + + + + + + + + + + + - - @@ -17093,7 +20109,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-96-status" + id="cell-table-33-row-1-status" offset={0} > + > + + 1 + + @@ -17154,7 +20177,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-96-node" + id="cell-table-33-row-1-node" offset={0} > - qcUSW + OewGc @@ -17205,7 +20228,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-97-string" + id="cell-table-33-row-4-string" offset={0} > - chocolate can helping 97 + can pinocchio whiteboard 4 @@ -17224,7 +20247,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-97-date" + id="cell-table-33-row-4-date" offset={0} > - 2271-04-30T20:53:20.000Z + 1973-09-04T14:13:20.000Z @@ -17243,7 +20266,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-97-select" + id="cell-table-33-row-4-select" offset={0} > + @@ -17311,7 +20353,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="boolean" data-offset={0} - id="cell-table-row-97-boolean" + id="cell-table-33-row-4-boolean" offset={0} > - false + true @@ -17330,7 +20372,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-97-node" + id="cell-table-33-row-4-node" offset={0} > - pinocchio eat can 98 + eat whiteboard pinocchio 16 @@ -17400,7 +20442,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-98-date" + id="cell-table-33-row-16-date" offset={0} > - 2277-07-04T19:33:20.000Z + 1981-04-13T08:53:20.000Z @@ -17419,7 +20461,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-98-select" + id="cell-table-33-row-16-select" offset={0} > - option-C + option-B + + + + @@ -17438,7 +20499,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-98-status" + id="cell-table-33-row-16-status" offset={0} > - 9604 + 256 @@ -17487,7 +20548,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="boolean" data-offset={0} - id="cell-table-row-98-boolean" + id="cell-table-33-row-16-boolean" offset={0} > - Ia2eQ + muYiO @@ -17557,7 +20618,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-row-99-string" + id="cell-table-33-row-22-string" offset={0} > - scott pinocchio chocolate 99 + whiteboard can eat 22 @@ -17576,7 +20637,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-99-date" + id="cell-table-33-row-22-date" offset={0} > - 2283-10-01T21:46:40.000Z + 1988-07-04T06:13:20.000Z @@ -17595,7 +20656,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-99-select" + id="cell-table-33-row-22-select" offset={0} > - option-A + option-B + + + + @@ -17614,7 +20694,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-99-status" + id="cell-table-33-row-22-status" offset={0} > + > + + 484 + + @@ -17675,7 +20762,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-99-node" + id="cell-table-33-row-22-node" offset={0} > - W4oks + 8oCI6 @@ -23559,13 +26646,29 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T onClick={[Function]} > + - Status + This column has a custom sort function that orders on BROKEN, RUNNING and then NOT_RUNNING + - Object Id + This column has a custom sort function based on the object id property
-
+ +
+
@@ -34515,39 +34563,87 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="bx--table-header-label" >
-
+ +
+
@@ -40935,39 +41031,87 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="bx--table-header-label" >
-
+ +
+
@@ -84962,37 +85106,86 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
+
-
-
+ +
+ + + +
+
@@ -85009,8 +85202,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T >
>>>>>> docs(table): add story and docs for filters offset={0} > >>>>>> docs(table): add story and docs for filters offset={0} > >>>>>> docs(table): add story and docs for filters offset={0} > >>>>>> docs(table): add story and docs for filters offset={0} > >>>>>> docs(table): add story and docs for filters offset={0} > >>>>>> docs(table): add story and docs for filters offset={0} > >>>>>> docs(table): add story and docs for filters offset={0} > >>>>>> docs(table): add story and docs for filters offset={0} > >>>>>> docs(table): add story and docs for filters offset={0} > >>>>>> docs(table): add story and docs for filters offset={0} > >>>>>> docs(table): add story and docs for filters offset={0} > >>>>>> docs(table): add story and docs for filters offset={0} > >>>>>> docs(table): add story and docs for filters offset={0} > >>>>>> docs(table): add story and docs for filters offset={0} > >>>>>> docs(table): add story and docs for filters offset={0} > >>>>>> docs(table): add story and docs for filters offset={0} > >>>>>> docs(table): add story and docs for filters offset={0} > >>>>>> docs(table): add story and docs for filters offset={0} > >>>>>> docs(table): add story and docs for filters offset={0} > >>>>>> docs(table): add story and docs for filters offset={0} > >>>>>> docs(table): add story and docs for filters offset={0} > >>>>>> docs(table): add story and docs for filters offset={0} > >>>>>> docs(table): add story and docs for filters offset={0} > >>>>>> docs(table): add story and docs for filters offset={0} > >>>>>> docs(table): add story and docs for filters offset={0} >
-
+ +
+
diff --git a/packages/react/src/components/Table/mdx/Filtering.mdx b/packages/react/src/components/Table/mdx/Filtering.mdx new file mode 100644 index 0000000000..88e4662159 --- /dev/null +++ b/packages/react/src/components/Table/mdx/Filtering.mdx @@ -0,0 +1,426 @@ +View the full Table documentation [here](/docs/1-watson-iot-table--playground) + +## Filtering + +The table filtering is available in a simple and an advanced form. Both forms provide +a customizable UI based on configuration props. The advanced filters is more powerful and can +also handle filters defined using the Simple filter API, but it is currently experimental and +is not safe to use in production. + +### Simple Filtering + +Simple filtering is provided through the `options.hasFilter` prop and by adding filter definitions +to the objects in the `column` prop. For the `StatefulTable` that is all that is needed, but for the +normal `Table` there are a few additional steps required as illustrated by the section +[Programmatic filtering](#programmatic-filtering). + +Setting the `options.hasFilter` prop to be `true` will enable filtering but it also accepts the values +`onKeyPress` and `onEnterAndBlur` to allow control of when the filter is triggered. + +#### Simple filtering in the StatefulTable + +The code example shows the most basic implementation of two filterable columns using the `StatefulTable`: + +```jsx +... + +return ( + +); +``` + +#### The column filter prop + +The column definition object in the `column` prop array must have a `filter` prop in order for the column +to be filterable. When this prop is available a simple filter UI is generated on a new row below the toolbar. + +Every filter prop must contain a `placeholderText` which is shown when the column is not being actively +filtered on. Two types of controls are supported, text input and combobox. For filters using simple +text input no additional configuration is needed, but in order to render a combobox you also +need to define a set of `options`. If the column data type is an object you will need to add a prop called +`filterFunction` containing a function that takes the column value, i.e. the object, and the filter +value as input and returns a boolean. It is possible to add a filterFunction for any type of column, +e.g. a string column that should only filter on part of the string value. +For the full list of the available filter props see the Table's +[Column Prop](/docs/1-watson-iot-table--playground#column-prop). + +Below is an example showing the column prop with three different configurations of filter controls: + +```jsx +[ + // This will render a text input + { + id: 'string', + name: 'String', + filter: { placeholderText: 'enter a string' }, + }, + // This will render a single select combobox with two options. + // It is the 'text' property of the options that is matched against + // the filter value. + { + id: 'select', + name: 'Select', + filter: { + placeholderText: 'pick an option', + isMultiselect: false + options: [ + { + id: 'option-A', + text: 'option-A', + }, + { + id: 'option-B', + text: 'option-B', + }, + ], + }, + }, + // This will also render a text input and the value entered there + // will be passed to the filterFunction. It is also possible to combine + // the filterFunction with the options prop if needed. + { + id: 'object', + name: 'Object Id', + filter: { + placeholderText: 'Filter object values...', + filterFunction: (columnValue, filterValue) => { + return columnValue.id.includes(filterValue); + }, + }, + } +]; +``` + +#### Programmatic filtering + +When using the normal stateless `Table` the event handlers for toggling the filter bar (`onToggleFilter`), +applying the filters (`onApplyFilter`) and clearing all the filters (`onClearAllFilters`) +must be implemented. The code below shows a basic example of how it all can be brought together. + +```jsx +... + +const [filteredData, setFilteredData] = useState(data); +const [activeBar, setActiveBar] = useState(); +const [activeFilters, setActiveFilters] = useState([]); + +const columns = [ + { + id: 'string', + name: 'String', + filter: { placeholderText: 'enter a string' }, + }, + { + id: 'object', + name: 'Object Id', + renderDataFunction: ({ value }) => { + return value?.id; + }, + filter: { + placeholderText: 'Filter object values...', + filterFunction: (columnValue, filterValue) => { + return columnValue.id.includes(filterValue); + }, + }, + }, +]; + +// Helper functions +const transformFiltersToArray = (filtersObj) => { + const filterEntries = Object.entries(filtersObj); + return filterEntries.map(([columnId, value]) => ({ columnId, value })); +}; + +const defaultFilterFunction = (columnValue, filterValue) => { + return columnValue.toString().includes(filterValue); +}; + +// Required callback implementations +const onToggleFilter = () => { + setActiveBar((current) => (current === 'filter' ? undefined : 'filter')); +}; + +const onApplyFilter = (filtersObj) => { + // The format in which the new filters are received here is not + // the same as expected by the view.filters prop. + const filters = transformFiltersToArray(filtersObj); + setActiveFilters(filters); + + setFilteredData( + data.filter(({ values }) => + filters.every(({ columnId, value }) => { + // Apply the custom filter function if there is one + const { filterFunction } = columns.find(({ id }) => id === columnId).filter; + const currentFilterFunction = filterFunction || defaultFilterFunction; + return currentFilterFunction(values[columnId], value); + }) + ) + ); +}; + +const onClearAllFilters = () => { + setActiveFilters([]); + setFilteredData(data); +}; + +return ( +
+ + + String + + + + + + Date + + + + + + Select + + + + - OewGc + Secret Information - -
+ - bottle toyota bottle 95 + Status - - + - 2259-02-28T10:13:20.000Z + Number - - + - option-C + Boolean - - + - - - + React Node - - + + - 9025 + This column has objects as values and needs a custom filter function that + filters based on an object property. - - +
+
+
+
+ +
+
+ +
+
+
+
+ + + +
+
+
+ 		+
+
+
+ +
+
+ +
+
+
+
+
+ 		+
+
+
+
+
+ + + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+ +
+
+
+
+
+ 		- - - false - - - - + +
+
+ +
+
+ + + + + 		- +
+
+ 		+
- - - - - +
+
+
+ + + +
+
+
+
+
+
+
- c8iM4 + helping whiteboard as 1
- eat whiteboard pinocchio 96 + 1973-03-14T23:33:20.000Z - 2265-03-19T01:46:40.000Z + option-B - option-A + OewGc0QsMs - true + false + + + 46GYyWC0w0 + + + - 9409 + 16 + + + muYiOaIWGW + + + 8oCI6cqmQm - false + true
+); +``` + +### ☢️ Advanced Filtering (Experimental) + +Advanced filtering is experimental and may be subject to change, so it's usage in production is discouraged, but it can be enabled by passing the `options.hasAdvancedFilters=true`. The advanced filters are created with the `RuleBuilder` component (also experimental), and are passed to the table via the `view.advancedFilters` prop. The currently selected advanced filters are passed via the `view.selectedAdvancedFilterIds` as an array of advanced filter ids. Opening the advanced filter flyout is managed via the `view.toolbar.advancedFilterFlyoutOpen=true` prop. Advanced filtering also includes simple filtering, and can be passed with the same `view.filters` prop as an array of objects with a columnId and value key. + +```jsx +
{} + /** event is the onClick event */ + onToggleFilter: (event) => {}, + /** event is the onClick event */ + onClearAllFilters: (event) => {} + /** used to cancel and changes made in the flyout and revert to previous state */ + onCancelAdvancedFilter: () => {}, + /** event is the onClick event, advFilterId is the string id of the filter being removed */ + onRemoveAdvancedFilter: (event, advFilterId) => {}, + /** event is the onClick event. Can be used to display a RuleBuilder component to create new advanced rules */ + onCreateAdvancedFilter: (event) => {}, + /** filters is an object in the form of: {selectedItems: [advancedFilter]} */ + onChangeAdvancedFilter: (filters) => {}, + /** filters is an object in the form of + * { + * advanced: [ + * 'advanced-filter-id-1', + * 'advanced-filter-id-2' + * ], + * simple: { + * [columnId]: 'value' + * } + * } + */ + onApplyAdvancedFilter: (filters) => {}, + /** used to show/hide the advancedFilterFlyout */ + onToggleAdvancedFilter: () => {}, + } + }} + view={{ + advancedFilters: [ + { + filterAccess: [ + { + access: 'edit', + email: 'example@pal.com', + name: 'Example User', + username: 'Example-User' + }, + { + access: 'read', + email: 'other@pal.com', + name: 'Other User', + username: 'Other-User' + } + ], + filterColumns: [ + { + filter: { + placeholderText: 'enter a string' + }, + id: 'string', + name: 'String' + }, + { + filter: { + placeholderText: 'enter a date' + }, + id: 'date', + name: 'Date' + }, + { + filter: { + options: [ + { + id: 'option-A', + text: 'option-A' + }, + { + id: 'option-B', + text: 'option-B' + }, + { + id: 'option-C', + text: 'option-C' + }, + { + id: 'option-D', + text: 'option-D' + }, + { + id: 'option-E', + text: 'option-E' + }, + { + id: 'option-F', + text: 'option-F' + } + ], + placeholderText: 'pick an option' + }, + id: 'select', + name: 'Select' + }, + { + id: 'secretField', + name: 'Secret Information' + }, + { + id: 'status', + name: 'Status', + renderDataFunction: function E(){}, + sortFunction: function E(){} + }, + { + filter: { + placeholderText: 'enter a number' + }, + id: 'number', + name: 'Number' + }, + { + filter: { + placeholderText: 'true or false' + }, + id: 'boolean', + name: 'Boolean' + }, + { + id: 'node', + name: 'React Node' + } + ], + filterId: 'example-advanced-filter', + filterMetaText: 'last updated: 2021-03-11 15:34:01', + filterRules: { + groupLogic: 'ALL', + id: '14p5ho3pcu', + rules: [ + { + columnId: 'select', + id: 'rsiru4rjba', + operand: 'EQ', + value: 'option-C' + }, + { + columnId: 'boolean', + id: '34bvyub9jq', + operand: 'EQ', + value: 'false' + } + ] + }, + filterTags: [ + 'fav', + 'other-tag' + ], + filterTitleText: 'Example Advanced Filter', + filterUsers: [ + { + groups: [ + { + id: 'team-a', + name: 'Team A', + users: [ + { + email: 'tpeck@pal.com', + name: 'Templeton Peck', + username: '@tpeck' + }, + { + email: 'jsmith@pal.com', + name: 'John Smith', + username: '@jsmith' + } + ] + } + ], + id: 'teams', + name: 'Teams' + }, + { + email: 'example@pal.com', + name: 'Example User', + username: 'Example-User' + }, + { + email: 'test@pal.com', + name: 'Test User', + username: 'Test-User' + }, + { + email: 'other@pal.com', + name: 'Other User', + username: 'Other-User' + } + ] + } + ], + filters: [ + { + columnId: 'string', + value: 'whiteboard' + }, + { + columnId: 'select', + value: 'option-B' + } + ], + selectedAdvancedFilterIds: [ + 'example-advanced-filter' + ], + toolbar: { + advancedFilterFlyoutOpen: true + } + }} +/> +``` diff --git a/packages/react/src/components/Table/mdx/Table.mdx b/packages/react/src/components/Table/mdx/Table.mdx index e0fcd23241..84ac45e446 100644 --- a/packages/react/src/components/Table/mdx/Table.mdx +++ b/packages/react/src/components/Table/mdx/Table.mdx @@ -21,6 +21,8 @@ import TableUserViewManagementTOC from './TableUserViewManagementTOC.mdx'; - [Programmatic selection](#programmatic-selection) - [Filtering](#filtering) - [Simple Filtering](#simple-filtering) + - [The column filter prop](#the-column-filter-prop) + - [Programmatic filtering](#programmatic-filtering) - [☢️ Advanced Filtering Experimental](#%EF%B8%8F-advanced-filtering-experimental) - [Pagination](#pagination) - [Batch actions](#batch-actions) @@ -368,290 +370,9 @@ The `Table` component supports row selection when using the options.hasRowSelect You can pass which rows are currently selected through the view.table.selectedIds prop. This prop takes an array of selected row ids. -## Filtering +import Filtering from './Filtering.mdx'; -### Simple Filtering - -Simple filtering in a `Table` is provided through the `options.hasFilter=true` prop and the `view.toolbar.activeBar='filter'` prop. You set set the current filters by supplying the `view.filters` prop as an array of object with a columnId and a value key. The objects in the `columns` array must also be given a `filter` prop that defines the input `placeholderText` and, if needed, an `options` prop for a combobox filter. - -```jsx -
{} - /** event is the onClick event */ - onToggleFilter: (event) => {}, - /** event is the onClick event */ - onClearAllFilters: (event) => {} - }, - }} - options={{ - hasFilter: true, - }} - view={{ - filters: [ - { - columnId: 'string', - value: 'whiteboard', - }, - { - columnId: 'select', - value: 'option-B', - }, - ], - toolbar: { - activeBar: 'filter', - }, - }} -/> -``` - -### ☢️ Advanced Filtering (Experimental) - -Advanced filtering is experimental and may be subject to change, so it's usage in production is discouraged, but it can be enabled by passing the `options.hasAdvancedFilters=true`. The advanced filters are created with the `RuleBuilder` component (also experimental), and are passed to the table via the `view.advancedFilters` prop. The currently selected advanced filters are passed via the `view.selectedAdvancedFilterIds` as an array of advanced filter ids. Opening the advanced filter flyout is managed via the `view.toolbar.advancedFilterFlyoutOpen=true` prop. Advanced filtering also includes simple filtering, and can be passed with the same `view.filters` prop as an array of objects with a columnId and value key. - -```jsx -
{} - /** event is the onClick event */ - onToggleFilter: (event) => {}, - /** event is the onClick event */ - onClearAllFilters: (event) => {} - /** used to cancel and changes made in the flyout and revert to previous state */ - onCancelAdvancedFilter: () => {}, - /** event is the onClick event, advFilterId is the string id of the filter being removed */ - onRemoveAdvancedFilter: (event, advFilterId) => {}, - /** event is the onClick event. Can be used to display a RuleBuilder component to create new advanced rules */ - onCreateAdvancedFilter: (event) => {}, - /** filters is an object in the form of: {selectedItems: [advancedFilter]} */ - onChangeAdvancedFilter: (filters) => {}, - /** filters is an object in the form of - * { - * advanced: [ - * 'advanced-filter-id-1', - * 'advanced-filter-id-2' - * ], - * simple: { - * [columnId]: 'value' - * } - * } - */ - onApplyAdvancedFilter: (filters) => {}, - /** used to show/hide the advancedFilterFlyout */ - onToggleAdvancedFilter: () => {}, - } - }} - view={{ - advancedFilters: [ - { - filterAccess: [ - { - access: 'edit', - email: 'example@pal.com', - name: 'Example User', - username: 'Example-User' - }, - { - access: 'read', - email: 'other@pal.com', - name: 'Other User', - username: 'Other-User' - } - ], - filterColumns: [ - { - filter: { - placeholderText: 'enter a string' - }, - id: 'string', - name: 'String' - }, - { - filter: { - placeholderText: 'enter a date' - }, - id: 'date', - name: 'Date' - }, - { - filter: { - options: [ - { - id: 'option-A', - text: 'option-A' - }, - { - id: 'option-B', - text: 'option-B' - }, - { - id: 'option-C', - text: 'option-C' - }, - { - id: 'option-D', - text: 'option-D' - }, - { - id: 'option-E', - text: 'option-E' - }, - { - id: 'option-F', - text: 'option-F' - } - ], - placeholderText: 'pick an option' - }, - id: 'select', - name: 'Select' - }, - { - id: 'secretField', - name: 'Secret Information' - }, - { - id: 'status', - name: 'Status', - renderDataFunction: function E(){}, - sortFunction: function E(){} - }, - { - filter: { - placeholderText: 'enter a number' - }, - id: 'number', - name: 'Number' - }, - { - filter: { - placeholderText: 'true or false' - }, - id: 'boolean', - name: 'Boolean' - }, - { - id: 'node', - name: 'React Node' - } - ], - filterId: 'example-advanced-filter', - filterMetaText: 'last updated: 2021-03-11 15:34:01', - filterRules: { - groupLogic: 'ALL', - id: '14p5ho3pcu', - rules: [ - { - columnId: 'select', - id: 'rsiru4rjba', - operand: 'EQ', - value: 'option-C' - }, - { - columnId: 'boolean', - id: '34bvyub9jq', - operand: 'EQ', - value: 'false' - } - ] - }, - filterTags: [ - 'fav', - 'other-tag' - ], - filterTitleText: 'Example Advanced Filter', - filterUsers: [ - { - groups: [ - { - id: 'team-a', - name: 'Team A', - users: [ - { - email: 'tpeck@pal.com', - name: 'Templeton Peck', - username: '@tpeck' - }, - { - email: 'jsmith@pal.com', - name: 'John Smith', - username: '@jsmith' - } - ] - } - ], - id: 'teams', - name: 'Teams' - }, - { - email: 'example@pal.com', - name: 'Example User', - username: 'Example-User' - }, - { - email: 'test@pal.com', - name: 'Test User', - username: 'Test-User' - }, - { - email: 'other@pal.com', - name: 'Other User', - username: 'Other-User' - } - ] - } - ], - filters: [ - { - columnId: 'string', - value: 'whiteboard' - }, - { - columnId: 'select', - value: 'option-B' - } - ], - selectedAdvancedFilterIds: [ - 'example-advanced-filter' - ], - toolbar: { - advancedFilterFlyoutOpen: true - } - }} -/> -``` + ## Pagination diff --git a/packages/react/src/components/TileGallery/__snapshots__/TileGallery.story.storyshot b/packages/react/src/components/TileGallery/__snapshots__/TileGallery.story.storyshot index 3161079e59..05eea2fa68 100644 --- a/packages/react/src/components/TileGallery/__snapshots__/TileGallery.story.storyshot +++ b/packages/react/src/components/TileGallery/__snapshots__/TileGallery.story.storyshot @@ -201,7 +201,11 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T onAnimationEnd={[Function]} >
>>>>>> docs(table): add story and docs for filters >
>>>>>> docs(table): add story and docs for filters >
>>>>>> docs(table): add story and docs for filters >
>>>>>> docs(table): add story and docs for filters >
>>>>>> docs(table): add story and docs for filters >
>>>>>> docs(table): add story and docs for filters >
>>>>>> docs(table): add story and docs for filters >
Date: Thu, 17 Feb 2022 08:17:42 -0500 Subject: [PATCH 15/23] chore(hierarchy-list): pr feedback --- .../src/components/List/ListContent/ListContent.jsx | 13 +++++-------- 1 file changed, 5 insertions(+), 8 deletions(-) diff --git a/packages/react/src/components/List/ListContent/ListContent.jsx b/packages/react/src/components/List/ListContent/ListContent.jsx index 9ef5587120..f39e8e2624 100644 --- a/packages/react/src/components/List/ListContent/ListContent.jsx +++ b/packages/react/src/components/List/ListContent/ListContent.jsx @@ -263,15 +263,12 @@ const ListContent = ({ ]; }; const previousExpandedIds = usePrevious(expandedIds, expandedIds); - const notifyOnLastExpansionChange = (itemId) => { - // get the lastId of the diff between previous and current, this handles closes - const [previousLastId] = previousExpandedIds - .filter((id) => !expandedIds.includes(id)) - .slice(-1); - - // get the lastId of the diff between current and previous, this handles opens - const [lastId] = expandedIds.filter((id) => !previousExpandedIds.includes(id)).slice(-1); + // get the lastId of the diff between previous and current, this handles closes + const [previousLastId] = previousExpandedIds.filter((id) => !expandedIds.includes(id)).slice(-1); + // get the lastId of the diff between current and previous, this handles opens + const [lastId] = expandedIds.filter((id) => !previousExpandedIds.includes(id)).slice(-1); + const notifyOnLastExpansionChange = (itemId) => { const isLastItem = lastId === itemId || previousLastId === itemId; if (isLastItem && expandedIds.includes(itemId) !== previousExpandedIds.includes(itemId)) { // the setTimeout within the request animation frame helps to ensure the event is fired From db6e5ed0dd6dc5cdbc1ef12055d318f4a2b8ffd6 Mon Sep 17 00:00:00 2001 From: Bjorn Alm Date: Thu, 17 Feb 2022 14:21:50 +0100 Subject: [PATCH 16/23] docs(table): remove combobox filter from story helper --- .../PageTitleBar.story.storyshot | 158 +- .../__snapshots__/SideNav.story.storyshot | 78 +- .../components/Table/Table.story.helpers.jsx | 10 - .../TableSaveViewModal.story.storyshot | 24 +- .../StatefulTable.story.storyshot | 242 +-- .../__snapshots__/Table.main.story.storyshot | 1611 +---------------- .../Table/__snapshots__/Table.story.storyshot | 351 +--- .../TableColumnCustomization.story.storyshot | 100 - .../TableUserViewManagement.story.storyshot | 82 +- .../__snapshots__/TileGallery.story.storyshot | 84 +- 10 files changed, 260 insertions(+), 2480 deletions(-) diff --git a/packages/react/src/components/PageTitleBar/__snapshots__/PageTitleBar.story.storyshot b/packages/react/src/components/PageTitleBar/__snapshots__/PageTitleBar.story.storyshot index e0f59d2554..d1f9028129 100644 --- a/packages/react/src/components/PageTitleBar/__snapshots__/PageTitleBar.story.storyshot +++ b/packages/react/src/components/PageTitleBar/__snapshots__/PageTitleBar.story.storyshot @@ -1288,87 +1288,39 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/P className="bx--table-header-label" >
+
- -
-
@@ -3308,7 +3260,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/P aria-label="Choose an item" aria-labelledby={null} className="bx--list-box__menu" - id="downshift-2-menu" + id="downshift-1-menu" role="listbox" />
@@ -3441,87 +3393,39 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/P className="bx--table-header-label" >
+
- -
-
diff --git a/packages/react/src/components/SideNav/__snapshots__/SideNav.story.storyshot b/packages/react/src/components/SideNav/__snapshots__/SideNav.story.storyshot index 4291401ba7..97fdc3fa52 100644 --- a/packages/react/src/components/SideNav/__snapshots__/SideNav.story.storyshot +++ b/packages/react/src/components/SideNav/__snapshots__/SideNav.story.storyshot @@ -1655,87 +1655,39 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/S className="bx--table-header-label" >
+
- -
-
diff --git a/packages/react/src/components/Table/Table.story.helpers.jsx b/packages/react/src/components/Table/Table.story.helpers.jsx index 6d0450775f..16ee878f96 100644 --- a/packages/react/src/components/Table/Table.story.helpers.jsx +++ b/packages/react/src/components/Table/Table.story.helpers.jsx @@ -249,16 +249,6 @@ export const getTableColumns = () => [ filterFunction: (columnValue, filterValue) => { return columnValue.id.includes(filterValue); }, - options: [ - { - id: 'apa-A', - text: 'option-A', - }, - { - id: 'apa-B', - text: 'option-B', - }, - ], }, }, ]; diff --git a/packages/react/src/components/Table/TableSaveViewModal/__snapshots__/TableSaveViewModal.story.storyshot b/packages/react/src/components/Table/TableSaveViewModal/__snapshots__/TableSaveViewModal.story.storyshot index 6aa3d5c7ae..53e0749470 100644 --- a/packages/react/src/components/Table/TableSaveViewModal/__snapshots__/TableSaveViewModal.story.storyshot +++ b/packages/react/src/components/Table/TableSaveViewModal/__snapshots__/TableSaveViewModal.story.storyshot @@ -327,11 +327,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T onAnimationEnd={[Function]} >
>>>>>> docs(table): add story and docs for filters + id="accordion-item-1583" >

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. @@ -378,11 +370,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T onAnimationEnd={[Function]} >

>>>>>> docs(table): add story and docs for filters + id="accordion-item-1584" >

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. diff --git a/packages/react/src/components/Table/__snapshots__/StatefulTable.story.storyshot b/packages/react/src/components/Table/__snapshots__/StatefulTable.story.storyshot index 6455fef5a1..8bd4981e75 100644 --- a/packages/react/src/components/Table/__snapshots__/StatefulTable.story.storyshot +++ b/packages/react/src/components/Table/__snapshots__/StatefulTable.story.storyshot @@ -43933,87 +43933,39 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="bx--table-header-label" >

+
- -
-
@@ -72539,87 +72491,39 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="bx--table-header-label" >
+
- -
-
@@ -82228,87 +82132,39 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="bx--table-header-label" >
+
- -
-
diff --git a/packages/react/src/components/Table/__snapshots__/Table.main.story.storyshot b/packages/react/src/components/Table/__snapshots__/Table.main.story.storyshot index 0d20c72abd..de3ba73f8c 100644 --- a/packages/react/src/components/Table/__snapshots__/Table.main.story.storyshot +++ b/packages/react/src/components/Table/__snapshots__/Table.main.story.storyshot @@ -1,1466 +1,5 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/Table Example 1`] = ` -
-
-
-
-
-

- - 0 items selected - -

-
-
- -
-
-
- -
-
-
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - String - - - - - - Object Id - - -
- - - toyota toyota toyota 0 - - - - - - AAAAA - - -
- - - helping whiteboard as 1 - - - - - - OewGc - - -
- - - whiteboard can eat 2 - - - - - - c8iM4 - - -
- - - as eat scott 3 - - - - - - qcUSW - - -
- - - can pinocchio whiteboard 4 - - - - - - 46GYy - - -
- - - bottle toyota bottle 5 - - - - - - Ia2eQ - - -
- - - eat whiteboard pinocchio 6 - - - - - - W4oks - - -
- - - chocolate can helping 7 - - - - - - kYaqK - - -
- - - pinocchio eat can 8 - - - - - - y2Mwm - - -
- - - scott pinocchio chocolate 9 - - - - - - CW82E - - -
- - - toyota toyota toyota 10 - - - - - - Q0u8g - - -
- - - helping whiteboard as 11 - - - - - - eUgE8 - - -
- - - whiteboard can eat 12 - - - - - - sySKa - - -
- - - as eat scott 13 - - - - - - 6SEQ2 - - -
- - - can pinocchio whiteboard 14 - - - - - - Kw0WU - - -
- - - bottle toyota bottle 15 - - - - - - YQmcw - - -
- - - eat whiteboard pinocchio 16 - - - - - - muYiO - - -
- - - chocolate can helping 17 - - - - - - 0OKoq - - -
- - - pinocchio eat can 18 - - - - - - Es6uI - - -
- - - scott pinocchio chocolate 19 - - - - - - SMs0k - - -
- - - toyota toyota toyota 20 - - - - - - gqe6C - - -
- - - helping whiteboard as 21 - - - - - - uKQCe - - -
- - - whiteboard can eat 22 - - - - - - 8oCI6 - - -
- - - as eat scott 23 - - - - - - MIyOY - - -
- - - can pinocchio whiteboard 24 - - - - - - amkU0 - - -
- - - bottle toyota bottle 25 - - - - - - oGWaS - - -
- - - eat whiteboard pinocchio 26 - - - - - - 2kIgu - - -
- - - chocolate can helping 27 - - - - - - GE4mM - - -
- - - pinocchio eat can 28 - - - - - - Uiqso - - -
- - - scott pinocchio chocolate 29 - - - - - - iCcyG - - -
-
-
-
-
-`; - exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/Table Playground 1`] = `
+
- -
-
@@ -20033,7 +18524,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="string" data-offset={0} - id="cell-table-33-row-1-string" + id="cell-table-34-row-1-string" offset={0} >
+
- -
-
@@ -34563,87 +34515,39 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="bx--table-header-label" >
+
- -
-
@@ -41031,87 +40935,39 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="bx--table-header-label" >
+
- -
-
@@ -85106,86 +84962,37 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
-
+
- - - + +
-
@@ -85202,8 +85009,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T >
>>>>>> docs(table): add story and docs for filters offset={0} > >>>>>> docs(table): add story and docs for filters offset={0} > >>>>>> docs(table): add story and docs for filters offset={0} > >>>>>> docs(table): add story and docs for filters offset={0} > >>>>>> docs(table): add story and docs for filters offset={0} > >>>>>> docs(table): add story and docs for filters offset={0} > >>>>>> docs(table): add story and docs for filters offset={0} > >>>>>> docs(table): add story and docs for filters offset={0} > >>>>>> docs(table): add story and docs for filters offset={0} > >>>>>> docs(table): add story and docs for filters offset={0} > >>>>>> docs(table): add story and docs for filters offset={0} > >>>>>> docs(table): add story and docs for filters offset={0} > >>>>>> docs(table): add story and docs for filters offset={0} > >>>>>> docs(table): add story and docs for filters offset={0} > >>>>>> docs(table): add story and docs for filters offset={0} > >>>>>> docs(table): add story and docs for filters offset={0} > >>>>>> docs(table): add story and docs for filters offset={0} > >>>>>> docs(table): add story and docs for filters offset={0} > >>>>>> docs(table): add story and docs for filters offset={0} > >>>>>> docs(table): add story and docs for filters offset={0} > >>>>>> docs(table): add story and docs for filters offset={0} > >>>>>> docs(table): add story and docs for filters offset={0} > >>>>>> docs(table): add story and docs for filters offset={0} > >>>>>> docs(table): add story and docs for filters offset={0} > >>>>>> docs(table): add story and docs for filters offset={0} >
+
- -
-
diff --git a/packages/react/src/components/TileGallery/__snapshots__/TileGallery.story.storyshot b/packages/react/src/components/TileGallery/__snapshots__/TileGallery.story.storyshot index 05eea2fa68..7956fd3889 100644 --- a/packages/react/src/components/TileGallery/__snapshots__/TileGallery.story.storyshot +++ b/packages/react/src/components/TileGallery/__snapshots__/TileGallery.story.storyshot @@ -201,11 +201,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T onAnimationEnd={[Function]} >
>>>>>> docs(table): add story and docs for filters + id="accordion-item-1669" >
>>>>>> docs(table): add story and docs for filters + id="accordion-item-1670" >
>>>>>> docs(table): add story and docs for filters + id="accordion-item-1676" >
>>>>>> docs(table): add story and docs for filters + id="accordion-item-1673" >
>>>>>> docs(table): add story and docs for filters + id="accordion-item-1674" >
>>>>>> docs(table): add story and docs for filters + id="accordion-item-1671" >
>>>>>> docs(table): add story and docs for filters + id="accordion-item-1672" >
Date: Thu, 17 Feb 2022 13:51:56 -0500 Subject: [PATCH 17/23] chore(hierarchy-list): pr feedback to check for changes --- .../react/src/components/List/ListContent/ListContent.jsx | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/packages/react/src/components/List/ListContent/ListContent.jsx b/packages/react/src/components/List/ListContent/ListContent.jsx index f39e8e2624..d383291f1b 100644 --- a/packages/react/src/components/List/ListContent/ListContent.jsx +++ b/packages/react/src/components/List/ListContent/ListContent.jsx @@ -2,6 +2,7 @@ import React, { useMemo } from 'react'; import { SkeletonText } from 'carbon-components-react'; import classnames from 'classnames'; import PropTypes from 'prop-types'; +import { isEqual } from 'lodash-es'; import { settings } from '../../../constants/Settings'; import ListItem from '../ListItem/ListItem'; @@ -263,10 +264,13 @@ const ListContent = ({ ]; }; const previousExpandedIds = usePrevious(expandedIds, expandedIds); + const selectionChanged = !isEqual(expandedIds, previousExpandedIds); // get the lastId of the diff between previous and current, this handles closes - const [previousLastId] = previousExpandedIds.filter((id) => !expandedIds.includes(id)).slice(-1); + const previousLastId = + selectionChanged && previousExpandedIds.filter((id) => !expandedIds.includes(id)).slice(-1)[0]; // get the lastId of the diff between current and previous, this handles opens - const [lastId] = expandedIds.filter((id) => !previousExpandedIds.includes(id)).slice(-1); + const lastId = + selectionChanged && expandedIds.filter((id) => !previousExpandedIds.includes(id)).slice(-1)[0]; const notifyOnLastExpansionChange = (itemId) => { const isLastItem = lastId === itemId || previousLastId === itemId; From b4e59903317eea177908fd37806a00a5f0cd0484 Mon Sep 17 00:00:00 2001 From: Bjorn Alm Date: Thu, 17 Feb 2022 20:52:34 +0100 Subject: [PATCH 18/23] feat(tableviewdropdown): add prop isHidingStandardActions --- .../TableViewDropdown/TableViewDropdown.jsx | 15 +++-- .../TableViewDropdown.story.jsx | 5 +- .../TableViewDropdown.test.jsx | 64 +++++++++++++++++++ .../TableViewDropdownContent.mdx | 58 +++++++++-------- .../TableViewDropdown.story.storyshot | 12 ++-- .../__snapshots__/publicAPI.test.js.snap | 4 ++ 6 files changed, 119 insertions(+), 39 deletions(-) diff --git a/packages/react/src/components/Table/TableViewDropdown/TableViewDropdown.jsx b/packages/react/src/components/Table/TableViewDropdown/TableViewDropdown.jsx index f66b729d16..d77dad54ab 100644 --- a/packages/react/src/components/Table/TableViewDropdown/TableViewDropdown.jsx +++ b/packages/react/src/components/Table/TableViewDropdown/TableViewDropdown.jsx @@ -49,6 +49,8 @@ const propTypes = { }), style: PropTypes.objectOf(PropTypes.string), testID: PropTypes.string, + /** When true hides all action items and only allows the selection of views */ + isHidingStandardActions: PropTypes.bool, }; const defaultProps = { @@ -69,6 +71,7 @@ const defaultProps = { overrides: undefined, style: undefined, testID: 'TableViewDropdown', + isHidingStandardActions: false, }; const TableViewDropdown = ({ @@ -81,6 +84,7 @@ const TableViewDropdown = ({ overrides, style, testID, + isHidingStandardActions, }) => { const viewAllItem = { id: 'view-all', @@ -103,7 +107,7 @@ const TableViewDropdown = ({ customAction: onManageViews, icon: Settings16, }; - // Save changes button show only appear if the view has been edited and the current view is not 'View all' + // Save changes item should only appear if the view has been edited and the current view is not 'View all' // 'View all' is equivalent to a "default view", which would not be able to get re-saved. The user should supply // their own default views that can be changed if they would like that functionality const dialogItems = @@ -111,9 +115,11 @@ const TableViewDropdown = ({ ? [saveAsNewItem, saveItem, manageViewsItem] : [saveAsNewItem, manageViewsItem]; - // move the action / dialog items to the top so that they are always easily accessible in the case that there are - // many views. The user would need to scroll all the way to the bottom to find the actions - return [...dialogItems, viewAllItem, ...views]; + return isHidingStandardActions + ? views + : // move the action / dialog items to the top so that they are always accessible + // without scrolling in the case that there are many views. + [...dialogItems, viewAllItem, ...views]; }, [ i18n.saveAsNewView, i18n.saveChanges, @@ -125,6 +131,7 @@ const TableViewDropdown = ({ selectedViewId, viewAllItem, views, + isHidingStandardActions, ]); const mySelectedItem = allItems.find((item) => item.id === selectedViewId) || viewAllItem; diff --git a/packages/react/src/components/Table/TableViewDropdown/TableViewDropdown.story.jsx b/packages/react/src/components/Table/TableViewDropdown/TableViewDropdown.story.jsx index 19a2bea351..2d5c04b185 100644 --- a/packages/react/src/components/Table/TableViewDropdown/TableViewDropdown.story.jsx +++ b/packages/react/src/components/Table/TableViewDropdown/TableViewDropdown.story.jsx @@ -1,6 +1,6 @@ import React, { useState, createElement } from 'react'; import { action } from '@storybook/addon-actions'; -import { boolean, select, object } from '@storybook/addon-knobs'; +import { boolean, select, object, text } from '@storybook/addon-knobs'; import TableViewDropdownREADME from './TableViewDropdown.mdx'; import TableViewDropdown from './TableViewDropdown'; @@ -45,8 +45,9 @@ export const Playground = () => { return ( { }); describe('item rendering', () => { + it('hides standard actions on isHidingStandardActions:true', () => { + const { + viewAll, + saveAsNewView, + saveChanges, + manageViews, + edited, + } = TableViewDropdown.defaultProps.i18n; + const { rerender } = render( + + ); + userEvent.click(screen.getByRole('button')); + + expect(screen.getByRole('option', { name: viewAll })).toBeVisible(); + expect(screen.getByRole('option', { name: `View 1 - ${edited}` })).toBeVisible(); + expect(screen.getByRole('option', { name: 'View 2' })).toBeVisible(); + expect(screen.getByRole('option', { name: 'View 3' })).toBeVisible(); + expect(screen.queryByText(manageViews)).not.toBeNull(); + expect(screen.queryByText(saveChanges)).not.toBeNull(); + expect(screen.queryByText(saveAsNewView)).not.toBeNull(); + + rerender(); + + expect(screen.getByRole('option', { name: 'View 1' })).toBeVisible(); + expect(screen.getByRole('option', { name: 'View 2' })).toBeVisible(); + expect(screen.getByRole('option', { name: 'View 3' })).toBeVisible(); + expect(screen.queryByText(manageViews)).toBeNull(); + expect(screen.queryByText(saveChanges)).toBeNull(); + expect(screen.queryByText(saveAsNewView)).toBeNull(); + + // Unlikely configuration with an edited selected view when isHidingStandardActions + // is true but just to make sure none of the default actions items are ever displayed + // in this scenario + rerender( + + ); + + expect(screen.getByRole('option', { name: `View 1 - ${edited}` })).toBeVisible(); + expect(screen.getByRole('option', { name: 'View 2' })).toBeVisible(); + expect(screen.getByRole('option', { name: 'View 3' })).toBeVisible(); + expect(screen.getByRole('option', { name: 'Custom test action' })).toBeVisible(); + expect(screen.queryByText(manageViews)).toBeNull(); + expect(screen.queryByText(saveChanges)).toBeNull(); + expect(screen.queryByText(saveAsNewView)).toBeNull(); + }); + it('adds a "view all" default item to the start of the list of views', () => { const wrapper = mount( diff --git a/packages/react/src/components/Table/TableViewDropdown/TableViewDropdownContent.mdx b/packages/react/src/components/Table/TableViewDropdown/TableViewDropdownContent.mdx index ca59a943cd..20634cf6a9 100644 --- a/packages/react/src/components/Table/TableViewDropdown/TableViewDropdownContent.mdx +++ b/packages/react/src/components/Table/TableViewDropdown/TableViewDropdownContent.mdx @@ -1,7 +1,10 @@ The TableViewDropdown allows the user to select an existing view and to open the related modals for creating new views and modifying existing ones. The component expects a list of views specified by the application but will also add the following items -to the list: `save-new-view`, `save-changes` and `manage-views`. +to the list: `save-new-view`, `save-changes` and `manage-views`. If you don't want these items +you can set `isHidingStandardActions` to true and by doing so create a dropdown that can only +be used to select existing views. + The `save-changes` item will only appear if the view has been edited and the current view is not 'View all'. The 'View all' is equivalent to a "default view", which would not be able to get re-saved. @@ -72,29 +75,30 @@ export const CodeExmple = () => { #### TableViewDropdown props -| Name | Type | Default | Description | -| :------------------- | :----------------------------- | :------------------ | :---------------------------------------------------------------------------- | -| selectedViewEdited | bool | false | Set to true if the user has modified filters etc since the view was loaded | -| selectedViewId | string | undefined | The id of the view that is currently selected | -| disabled | bool | false | | -| views | arrayOf(TableViewItemPropType) | [] | An array of items representing the user generated views | -| views[].id | string | | Required item id | -| views[].text | string | | Required item label text | -| views[].customAction | string | | Callback that will be called instead of the onChangeView | -| views[].icon | elementType | | Icon used by the item if any | -| i18n | obj | | Object holding all i18n strings | -| i18n.view | string | 'View' | | -| i18n.edited | string | 'Edited' | | -| i18n.viewAll | string | 'View All' | | -| i18n.saveAsNewView | string | 'Save as new view' | | -| i18n.saveChanges | string | 'Save changes' | | -| i18n.manageViews | string | 'Manage views' | | -| i18n.ariaLabel | string | 'Select view' | | -| i18n.tableViewMenu | string | 'Table view menu' | | -| onSaveAsNewView | function | | Callback for when the user selected save new View | -| onSaveChanges | function | | Callback for when the user selected save View | -| onManageViews | function | | Callback for when the user selected Manage views | -| onChangeView | function | | Callback for when the current view is changed by the user | -| style | objectOf | | | -| testID | string | 'TableViewDropdown' | | -| overrides | obj | undefined | Used to override the internal components and props for advanced customisation | +| Name | Type | Default | Description | +| :---------------------- | :----------------------------- | :------------------ | :---------------------------------------------------------------------------- | +| selectedViewEdited | bool | false | Set to true if the user has modified filters etc since the view was loaded | +| selectedViewId | string | undefined | The id of the view that is currently selected | +| disabled | bool | false | | +| views | arrayOf(TableViewItemPropType) | [] | An array of items representing the user generated views | +| views[].id | string | | Required item id | +| views[].text | string | | Required item label text | +| views[].customAction | string | | Callback that will be called instead of the onChangeView | +| views[].icon | elementType | | Icon used by the item if any | +| i18n | obj | | Object holding all i18n strings | +| i18n.view | string | 'View' | | +| i18n.edited | string | 'Edited' | | +| i18n.viewAll | string | 'View All' | | +| i18n.saveAsNewView | string | 'Save as new view' | | +| i18n.saveChanges | string | 'Save changes' | | +| i18n.manageViews | string | 'Manage views' | | +| i18n.ariaLabel | string | 'Select view' | | +| i18n.tableViewMenu | string | 'Table view menu' | | +| onSaveAsNewView | function | | Callback for when the user selected save new View | +| onSaveChanges | function | | Callback for when the user selected save View | +| onManageViews | function | | Callback for when the user selected Manage views | +| onChangeView | function | | Callback for when the current view is changed by the user | +| style | objectOf | | | +| testID | string | 'TableViewDropdown' | | +| overrides | obj | undefined | Used to override the internal components and props for advanced customisation | +| isHidingStandardActions | bool | false | When true hides all standard action items | diff --git a/packages/react/src/components/Table/TableViewDropdown/__snapshots__/TableViewDropdown.story.storyshot b/packages/react/src/components/Table/TableViewDropdown/__snapshots__/TableViewDropdown.story.storyshot index 8f06da5365..c3aa127f0c 100644 --- a/packages/react/src/components/Table/TableViewDropdown/__snapshots__/TableViewDropdown.story.storyshot +++ b/packages/react/src/components/Table/TableViewDropdown/__snapshots__/TableViewDropdown.story.storyshot @@ -48,11 +48,11 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T isSelected={true} item={ Object { - "id": "view-3", - "text": "My saved 3", + "id": "view-1", + "text": "My saved 1", } } - testID="TableViewDropdownItem-view-3" + testID="TableViewDropdownItem-view-1" /> } type="button" @@ -62,8 +62,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T >
- My saved 3 + My saved 1 diff --git a/packages/react/src/utils/__tests__/__snapshots__/publicAPI.test.js.snap b/packages/react/src/utils/__tests__/__snapshots__/publicAPI.test.js.snap index d6e1094384..10bca2e76a 100644 --- a/packages/react/src/utils/__tests__/__snapshots__/publicAPI.test.js.snap +++ b/packages/react/src/utils/__tests__/__snapshots__/publicAPI.test.js.snap @@ -9305,6 +9305,7 @@ Map { "view": "View", "viewAll": "View All", }, + "isHidingStandardActions": false, "overrides": undefined, "selectedViewEdited": false, "selectedViewId": undefined, @@ -9367,6 +9368,9 @@ Map { ], "type": "shape", }, + "isHidingStandardActions": Object { + "type": "bool", + }, "overrides": Object { "args": Array [ Object { From 49f453b4d81313b42bb26e81215f7625c65591ae Mon Sep 17 00:00:00 2001 From: carbon-bot Date: Fri, 18 Feb 2022 15:44:43 +0000 Subject: [PATCH 19/23] v2.149.0-next.6 --- CHANGELOG.md | 16 ++++++++++++++++ lerna.json | 2 +- packages/react/CHANGELOG.md | 16 ++++++++++++++++ packages/react/package.json | 2 +- 4 files changed, 34 insertions(+), 2 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 67bc8e1d9a..d8879a8a93 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -3,6 +3,22 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# [2.149.0-next.6](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.149.0-next.5...v2.149.0-next.6) (2022-02-18) + + +### Bug Fixes + +* **card:** fix overflow tooltip for card ([68611c4](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/68611c412345ccfe29861fef1dfa17eeb9e32aed)) + + +### Features + +* **hierarchy-list:** call onExpandedChange after rows are expanded ([f6811a8](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/f6811a89909d0de4df663883924429e6f4242b38)) + + + + + # [2.149.0-next.5](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.149.0-next.4...v2.149.0-next.5) (2022-02-16) **Note:** Version bump only for package ibm-ai-applications diff --git a/lerna.json b/lerna.json index 3ac0aa5140..ff12666217 100644 --- a/lerna.json +++ b/lerna.json @@ -3,6 +3,6 @@ "packages/*" ], "useWorkspaces": true, - "version": "2.149.0-next.5", + "version": "2.149.0-next.6", "npmClient": "yarn" } diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md index 5c9b146287..1196c6cf56 100644 --- a/packages/react/CHANGELOG.md +++ b/packages/react/CHANGELOG.md @@ -3,6 +3,22 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# [2.149.0-next.6](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.149.0-next.5...v2.149.0-next.6) (2022-02-18) + + +### Bug Fixes + +* **card:** fix overflow tooltip for card ([68611c4](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/68611c412345ccfe29861fef1dfa17eeb9e32aed)) + + +### Features + +* **hierarchy-list:** call onExpandedChange after rows are expanded ([f6811a8](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/f6811a89909d0de4df663883924429e6f4242b38)) + + + + + # [2.149.0-next.5](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.149.0-next.4...v2.149.0-next.5) (2022-02-16) **Note:** Version bump only for package carbon-addons-iot-react diff --git a/packages/react/package.json b/packages/react/package.json index f2b835d477..abf6b832da 100644 --- a/packages/react/package.json +++ b/packages/react/package.json @@ -339,7 +339,7 @@ "whatwg-fetch": "^3.0.0" }, "sideEffects": false, - "version": "2.149.0-next.5", + "version": "2.149.0-next.6", "resolutions": { "chokidar": "3.3.1", "react-grid-layout": "1.2.2" From 3ecda949c8579f80ea8a55e7de98ba2f5e7400d2 Mon Sep 17 00:00:00 2001 From: carbon-bot Date: Mon, 21 Feb 2022 13:47:34 +0000 Subject: [PATCH 20/23] v2.149.0-next.7 --- CHANGELOG.md | 8 ++++++++ lerna.json | 2 +- packages/react/CHANGELOG.md | 8 ++++++++ packages/react/package.json | 2 +- 4 files changed, 18 insertions(+), 2 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index d8879a8a93..9a94ad23d9 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -3,6 +3,14 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# [2.149.0-next.7](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.149.0-next.6...v2.149.0-next.7) (2022-02-21) + +**Note:** Version bump only for package ibm-ai-applications + + + + + # [2.149.0-next.6](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.149.0-next.5...v2.149.0-next.6) (2022-02-18) diff --git a/lerna.json b/lerna.json index ff12666217..e8a1402a69 100644 --- a/lerna.json +++ b/lerna.json @@ -3,6 +3,6 @@ "packages/*" ], "useWorkspaces": true, - "version": "2.149.0-next.6", + "version": "2.149.0-next.7", "npmClient": "yarn" } diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md index 1196c6cf56..4e80d35a84 100644 --- a/packages/react/CHANGELOG.md +++ b/packages/react/CHANGELOG.md @@ -3,6 +3,14 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# [2.149.0-next.7](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.149.0-next.6...v2.149.0-next.7) (2022-02-21) + +**Note:** Version bump only for package carbon-addons-iot-react + + + + + # [2.149.0-next.6](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.149.0-next.5...v2.149.0-next.6) (2022-02-18) diff --git a/packages/react/package.json b/packages/react/package.json index abf6b832da..ce58b755e0 100644 --- a/packages/react/package.json +++ b/packages/react/package.json @@ -339,7 +339,7 @@ "whatwg-fetch": "^3.0.0" }, "sideEffects": false, - "version": "2.149.0-next.6", + "version": "2.149.0-next.7", "resolutions": { "chokidar": "3.3.1", "react-grid-layout": "1.2.2" From 8b149aa739de2606fd7b7032c19c998d89d0407c Mon Sep 17 00:00:00 2001 From: Kevin Perrine Date: Mon, 21 Feb 2022 14:17:12 -0500 Subject: [PATCH 21/23] fix(table): maintain correct filtering when toggling multisort direction --- .../react/src/components/Table/StatefulTable.test.e2e.jsx | 2 +- packages/react/src/components/Table/tableReducer.js | 6 +++++- 2 files changed, 6 insertions(+), 2 deletions(-) diff --git a/packages/react/src/components/Table/StatefulTable.test.e2e.jsx b/packages/react/src/components/Table/StatefulTable.test.e2e.jsx index e09c648718..ef2b91ee25 100644 --- a/packages/react/src/components/Table/StatefulTable.test.e2e.jsx +++ b/packages/react/src/components/Table/StatefulTable.test.e2e.jsx @@ -251,6 +251,6 @@ describe('StatefulTable', () => { cy.get('tr').eq(1).find('td').eq(0).should('have.text', 'as eat scott 23'); cy.findAllByLabelText('Sort rows by this header in descending order').eq(0).click(); - cy.get('tr').eq(1).find('td').eq(0).should('have.text', 'whiteboard can eat 72'); + cy.get('tr').eq(1).find('td').eq(0).should('have.text', 'scott pinocchio chocolate 89'); }); }); diff --git a/packages/react/src/components/Table/tableReducer.js b/packages/react/src/components/Table/tableReducer.js index 62ea8f7e9e..3ea733c90f 100644 --- a/packages/react/src/components/Table/tableReducer.js +++ b/packages/react/src/components/Table/tableReducer.js @@ -435,7 +435,11 @@ export const tableReducer = (state = {}, action) => { return [...carry, column]; }, []); - filteredData = handleMultiSort(nextSort, state.columns, state.data); + filteredData = handleMultiSort( + nextSort, + state.columns, + state.view.table.filteredData || state.data + ); } else { filteredData = nextSortDir !== 'NONE' From cd70f9aa373747754c8107c5a03bc83b881e549e Mon Sep 17 00:00:00 2001 From: carbon-bot Date: Mon, 21 Feb 2022 20:38:33 +0000 Subject: [PATCH 22/23] v2.149.0-next.8 --- CHANGELOG.md | 8 ++++++++ lerna.json | 2 +- packages/react/CHANGELOG.md | 8 ++++++++ packages/react/package.json | 2 +- 4 files changed, 18 insertions(+), 2 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 9a94ad23d9..3d2cad509e 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -3,6 +3,14 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# [2.149.0-next.8](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.149.0-next.7...v2.149.0-next.8) (2022-02-21) + +**Note:** Version bump only for package ibm-ai-applications + + + + + # [2.149.0-next.7](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.149.0-next.6...v2.149.0-next.7) (2022-02-21) **Note:** Version bump only for package ibm-ai-applications diff --git a/lerna.json b/lerna.json index e8a1402a69..497753a86f 100644 --- a/lerna.json +++ b/lerna.json @@ -3,6 +3,6 @@ "packages/*" ], "useWorkspaces": true, - "version": "2.149.0-next.7", + "version": "2.149.0-next.8", "npmClient": "yarn" } diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md index 4e80d35a84..cb70b8bf39 100644 --- a/packages/react/CHANGELOG.md +++ b/packages/react/CHANGELOG.md @@ -3,6 +3,14 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# [2.149.0-next.8](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.149.0-next.7...v2.149.0-next.8) (2022-02-21) + +**Note:** Version bump only for package carbon-addons-iot-react + + + + + # [2.149.0-next.7](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.149.0-next.6...v2.149.0-next.7) (2022-02-21) **Note:** Version bump only for package carbon-addons-iot-react diff --git a/packages/react/package.json b/packages/react/package.json index ce58b755e0..66d0e8cd7b 100644 --- a/packages/react/package.json +++ b/packages/react/package.json @@ -339,7 +339,7 @@ "whatwg-fetch": "^3.0.0" }, "sideEffects": false, - "version": "2.149.0-next.7", + "version": "2.149.0-next.8", "resolutions": { "chokidar": "3.3.1", "react-grid-layout": "1.2.2" From 503ae17fd6a6439d7d0b740d48e9d7e7657392e4 Mon Sep 17 00:00:00 2001 From: carbon-bot Date: Tue, 22 Feb 2022 15:10:05 +0000 Subject: [PATCH 23/23] v2.149.0-next.9 --- CHANGELOG.md | 19 +++++++++++++++++++ lerna.json | 2 +- packages/react/CHANGELOG.md | 19 +++++++++++++++++++ packages/react/package.json | 2 +- 4 files changed, 40 insertions(+), 2 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 3d2cad509e..fefe8bf2aa 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -3,6 +3,25 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# [2.149.0-next.9](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.149.0-next.8...v2.149.0-next.9) (2022-02-22) + + +### Bug Fixes + +* **stateful-table:** fix multi-sort and advanced filters cooperatively ([c6c01ef](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/c6c01ef1619dfc7acdf3c1e80c7ee8f4a302c2e1)) +* **table:** maintain correct filtering when toggling multisort direction ([8b149aa](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/8b149aa739de2606fd7b7032c19c998d89d0407c)) + + +### Features + +* **card:** add padding knob to custom card story ([0220544](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/0220544f3034f2473789bd038a9162baa4af9370)) +* **card:** add padding prop to card ([214c082](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/214c0827115d3f5c4fe6c0405fdd558205b56ca9)) +* **tableviewdropdown:** add prop isHidingStandardActions ([b4e5990](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/b4e59903317eea177908fd37806a00a5f0cd0484)) + + + + + # [2.149.0-next.8](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.149.0-next.7...v2.149.0-next.8) (2022-02-21) **Note:** Version bump only for package ibm-ai-applications diff --git a/lerna.json b/lerna.json index 497753a86f..2275d57e8b 100644 --- a/lerna.json +++ b/lerna.json @@ -3,6 +3,6 @@ "packages/*" ], "useWorkspaces": true, - "version": "2.149.0-next.8", + "version": "2.149.0-next.9", "npmClient": "yarn" } diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md index cb70b8bf39..dfe6e27a20 100644 --- a/packages/react/CHANGELOG.md +++ b/packages/react/CHANGELOG.md @@ -3,6 +3,25 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# [2.149.0-next.9](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.149.0-next.8...v2.149.0-next.9) (2022-02-22) + + +### Bug Fixes + +* **stateful-table:** fix multi-sort and advanced filters cooperatively ([c6c01ef](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/c6c01ef1619dfc7acdf3c1e80c7ee8f4a302c2e1)) +* **table:** maintain correct filtering when toggling multisort direction ([8b149aa](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/8b149aa739de2606fd7b7032c19c998d89d0407c)) + + +### Features + +* **card:** add padding knob to custom card story ([0220544](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/0220544f3034f2473789bd038a9162baa4af9370)) +* **card:** add padding prop to card ([214c082](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/214c0827115d3f5c4fe6c0405fdd558205b56ca9)) +* **tableviewdropdown:** add prop isHidingStandardActions ([b4e5990](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/b4e59903317eea177908fd37806a00a5f0cd0484)) + + + + + # [2.149.0-next.8](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.149.0-next.7...v2.149.0-next.8) (2022-02-21) **Note:** Version bump only for package carbon-addons-iot-react diff --git a/packages/react/package.json b/packages/react/package.json index 66d0e8cd7b..d0d39d0b66 100644 --- a/packages/react/package.json +++ b/packages/react/package.json @@ -339,7 +339,7 @@ "whatwg-fetch": "^3.0.0" }, "sideEffects": false, - "version": "2.149.0-next.8", + "version": "2.149.0-next.9", "resolutions": { "chokidar": "3.3.1", "react-grid-layout": "1.2.2"