From 0d895ea07f04fab9d3992436d43a055886b06b09 Mon Sep 17 00:00:00 2001 From: Scott Dickerson Date: Wed, 27 May 2020 17:42:02 -0500 Subject: [PATCH 1/8] fix(table): set toolbar buttons to correct size --- .../Table/TableToolbar/TableToolbar.jsx | 36 ++++++++++++------- .../TableToolbar/TableToolbarSVGButton.jsx | 20 ++++++----- .../_table-toolbar-svg-button.scss | 31 ++++------------ .../Table/TableToolbar/_table-toolbar.scss | 6 ---- .../TableToolbarSearch/TableToolbarSearch.jsx | 12 +++++-- 5 files changed, 51 insertions(+), 54 deletions(-) diff --git a/src/components/Table/TableToolbar/TableToolbar.jsx b/src/components/Table/TableToolbar/TableToolbar.jsx index 077ddabeef..0f8e036d68 100644 --- a/src/components/Table/TableToolbar/TableToolbar.jsx +++ b/src/components/Table/TableToolbar/TableToolbar.jsx @@ -205,24 +205,36 @@ const TableToolbar = ({ ) : null} {onDownloadCSV ? ( - - - + ) : null} {hasColumnSelection ? ( - - - + ) : null} {hasFilter ? ( - - - + ) : null} {hasRowEdit ? ( - - - + ) : null} {// Default card header actions should be to the right of the table-specific actions diff --git a/src/components/Table/TableToolbar/TableToolbarSVGButton.jsx b/src/components/Table/TableToolbar/TableToolbarSVGButton.jsx index df6a922489..850053fe27 100644 --- a/src/components/Table/TableToolbar/TableToolbarSVGButton.jsx +++ b/src/components/Table/TableToolbar/TableToolbarSVGButton.jsx @@ -1,5 +1,6 @@ import React from 'react'; import PropTypes from 'prop-types'; +import { Button } from 'carbon-components-react'; import { settings } from '../../../constants/Settings'; import { keyCodes } from '../../../constants/KeyCodeConstants'; @@ -9,26 +10,29 @@ const { iotPrefix } = settings; const propTypes = { onClick: PropTypes.func.isRequired, testId: PropTypes.string.isRequired, - children: PropTypes.node.isRequired, + renderIcon: PropTypes.func.isRequired, + description: PropTypes.node.isRequired, }; /** * Toolbar button that accepts a Carbon react icon as children */ -const TableToolbarSVGButton = ({ onClick, testId, children }) => { +const TableToolbarSVGButton = ({ onClick, testId, description, renderIcon }) => { return ( -
{ if (e.keyCode === keyCodes.ENTER) onClick(); }} + iconDescription={description} data-testid={testId} - > - {children} -
+ /> ); }; diff --git a/src/components/Table/TableToolbar/_table-toolbar-svg-button.scss b/src/components/Table/TableToolbar/_table-toolbar-svg-button.scss index 0df8c2c49e..2172527a86 100644 --- a/src/components/Table/TableToolbar/_table-toolbar-svg-button.scss +++ b/src/components/Table/TableToolbar/_table-toolbar-svg-button.scss @@ -1,28 +1,9 @@ @import '../../../globals/vars'; -.#{$iot-prefix}--tooltip-svg-wrapper { - background: transparent; - border: none; - display: flex; - cursor: pointer; - height: auto; - min-width: $spacing-09; - outline: 2px solid transparent; - - &:hover { - background: $hover-ui; - } - - &:active, - &:focus { - outline: 2px solid $focus; - outline-offset: -2px; - } - - svg { - margin: 0 auto; - height: auto; - width: auto; - fill: $carbon--gray-70; - } +button.#{$iot-prefix}--tooltip-svg-wrapper, +.#{$iot-prefix}--tooltip-svg-wrapper.#{$prefix}--btn--ghost:hover { + color: $carbon--gray-70; +} +button.bx--btn.#{$iot-prefix}--tooltip-svg-wrapper.#{$prefix}--btn--ghost { + border: 0; } diff --git a/src/components/Table/TableToolbar/_table-toolbar.scss b/src/components/Table/TableToolbar/_table-toolbar.scss index f95fbc0c92..5b48da3bc6 100644 --- a/src/components/Table/TableToolbar/_table-toolbar.scss +++ b/src/components/Table/TableToolbar/_table-toolbar.scss @@ -4,12 +4,6 @@ div.#{$prefix}--toolbar-action.#{$prefix}--toolbar-search-container-expandable { > div.#{$prefix}--search.#{$prefix}--search--sm.table-toolbar-search { flex-grow: 2; - - > svg.#{$prefix}--search-magnifier { - height: 20px; - fill: $icon-02; - padding: 0; - } } } diff --git a/src/components/Table/TableToolbarSearch/TableToolbarSearch.jsx b/src/components/Table/TableToolbarSearch/TableToolbarSearch.jsx index 172d86d531..9e14e89915 100644 --- a/src/components/Table/TableToolbarSearch/TableToolbarSearch.jsx +++ b/src/components/Table/TableToolbarSearch/TableToolbarSearch.jsx @@ -53,7 +53,7 @@ const TableToolbarSearch = ({ useEffect( () => { - if (focusTarget) { + if (focusTarget && focusTarget.current) { focusTarget.current.querySelector('input').focus(); setFocusTarget(null); } @@ -76,8 +76,13 @@ const TableToolbarSearch = ({ }; const onClick = e => { - setFocusTarget(toolbarSearch); - handleExpand(e, true); + if ( + !expanded && // if we're not already expanded or focused + !focusTarget + ) { + setFocusTarget(toolbarSearch); + handleExpand(e, true); + } }; const onBlur = e => { @@ -97,6 +102,7 @@ const TableToolbarSearch = ({ className={classnames(`${iotPrefix}--table-toolbar-search`, { [`${iotPrefix}--table-toolbar-search__expanded`]: expanded, })} + onFocus={onClick} onClick={onClick} onKeyDown={onKeyDown} role="button" From 5289496c89a49b3d99348fe06d97c9793b02969d Mon Sep 17 00:00:00 2001 From: Scott Dickerson Date: Thu, 28 May 2020 11:27:53 -0500 Subject: [PATCH 2/8] chore(carbon): upgrade carbon components --- .../__snapshots__/Welcome.story.storyshot | 39 +- package.json | 6 +- .../AccordionItemDefer.story.storyshot | 22 +- .../Card/__snapshots__/Card.story.storyshot | 5 +- .../ComposedModal.story.storyshot | 36 +- .../__snapshots__/Dashboard.story.storyshot | 921 ++--- .../__snapshots__/FileDrop.story.storyshot | 12 +- .../__snapshots__/Header.story.storyshot | 100 +- .../Header/__snapshots__/Header.test.jsx.snap | 25 +- .../HotspotContent.story.storyshot | 20 +- .../NavigationBar.story.storyshot | 16 +- .../PageTitleBar.story.storyshot | 8 +- .../ProgressIndicator.story.storyshot | 4 +- .../__snapshots__/SideNav.story.storyshot | 37 +- src/components/StorybookSnapshots.test.js | 8 + src/components/Table/Table.test.jsx | 29 +- .../TableBodyRow.story.storyshot | 16 +- .../TableDetailWizard.story.storyshot | 8 +- .../Table/TableToolbar/TableToolbar.jsx | 11 +- .../TableToolbar/TableToolbarSVGButton.jsx | 2 +- .../TableToolbarSearch/TableToolbarSearch.jsx | 124 - .../_table-toolbar-search.scss | 27 - .../Table/__snapshots__/Table.story.storyshot | 3528 +++++++++-------- src/components/Table/baseTableReducer.js | 2 +- src/components/Table/tableReducer.test.jsx | 2 +- .../__snapshots__/TableCard.story.storyshot | 2982 +++++++------- .../__snapshots__/TileCatalog.story.storyshot | 4 +- .../TileGallery/TileGallerySection.jsx | 10 +- .../WizardInline.story.storyshot | 24 +- .../__snapshots__/WizardModal.story.storyshot | 20 +- src/index.js | 1 - src/styles.scss | 1 - .../__snapshots__/publicAPI.test.js.snap | 197 +- yarn.lock | 35 +- 34 files changed, 4174 insertions(+), 4108 deletions(-) delete mode 100644 src/components/Table/TableToolbarSearch/TableToolbarSearch.jsx delete mode 100644 src/components/Table/TableToolbarSearch/_table-toolbar-search.scss diff --git a/.storybook/__snapshots__/Welcome.story.storyshot b/.storybook/__snapshots__/Welcome.story.storyshot index 875546b6a0..7998d74dd7 100644 --- a/.storybook/__snapshots__/Welcome.story.storyshot +++ b/.storybook/__snapshots__/Welcome.story.storyshot @@ -59,26 +59,26 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0/Getting Starte onAnimationEnd={[Function]} > @@ -195,8 +195,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Compo width={20} xmlns="http://www.w3.org/2000/svg" > - @@ -309,8 +309,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Compo width={20} xmlns="http://www.w3.org/2000/svg" > - @@ -378,8 +378,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Compo width={20} xmlns="http://www.w3.org/2000/svg" > - @@ -575,8 +575,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Compo width={20} xmlns="http://www.w3.org/2000/svg" > - @@ -702,8 +702,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Compo width={20} xmlns="http://www.w3.org/2000/svg" > - @@ -807,8 +807,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Compo width={20} xmlns="http://www.w3.org/2000/svg" > - @@ -925,8 +925,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Compo width={20} xmlns="http://www.w3.org/2000/svg" > - @@ -1090,8 +1090,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Compo width={20} xmlns="http://www.w3.org/2000/svg" > - diff --git a/src/components/Dashboard/__snapshots__/Dashboard.story.storyshot b/src/components/Dashboard/__snapshots__/Dashboard.story.storyshot index e65cb48dd3..a386466c24 100644 --- a/src/components/Dashboard/__snapshots__/Dashboard.story.storyshot +++ b/src/components/Dashboard/__snapshots__/Dashboard.story.storyshot @@ -915,11 +915,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb width={16} xmlns="http://www.w3.org/2000/svg" > -
-
+ + + + + -
+
-
+ + Download table content + -
-
+
+
@@ -3120,11 +3124,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb width={16} xmlns="http://www.w3.org/2000/svg" > -
-
+ + + + + -
+
-
+ + Download table content + -
-
+
+
@@ -5357,11 +5365,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb width={16} xmlns="http://www.w3.org/2000/svg" > -
-
+ + + + + -
+
-
+ + Download table content + -
-
+
+
@@ -7410,95 +7422,94 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb className="bx--toolbar-content iot--table-toolbar-content" >
-
+ + + + + -
+
-
+ + Download table content + -
-
+
+
@@ -8952,8 +8971,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb width={16} xmlns="http://www.w3.org/2000/svg" > -
@@ -9037,8 +9056,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb width={16} xmlns="http://www.w3.org/2000/svg" > -
@@ -9066,8 +9085,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb width={24} xmlns="http://www.w3.org/2000/svg" > - @@ -9087,8 +9106,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb width={24} xmlns="http://www.w3.org/2000/svg" > - @@ -10051,11 +10070,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb width={16} xmlns="http://www.w3.org/2000/svg" > -
-
+ + + + + -
+
-
+ + Download table content + -
-
+
+
@@ -24380,11 +24403,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb width={16} xmlns="http://www.w3.org/2000/svg" > -
-
+ + + + + -
+
-
+ + Download table content + -
-
+
+
diff --git a/src/components/FileDrop/__snapshots__/FileDrop.story.storyshot b/src/components/FileDrop/__snapshots__/FileDrop.story.storyshot index b546596694..5280ed48c4 100644 --- a/src/components/FileDrop/__snapshots__/FileDrop.story.storyshot +++ b/src/components/FileDrop/__snapshots__/FileDrop.story.storyshot @@ -121,9 +121,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/FileD
-
- - - - - + +
+
+ + + + + @@ -304069,8 +304423,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -304310,8 +304664,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -304551,8 +304905,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -304818,8 +305172,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -305059,8 +305413,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -305300,8 +305654,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -305541,8 +305895,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -305808,8 +306162,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -306049,8 +306403,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -306290,8 +306644,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -306531,8 +306885,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -306798,8 +307152,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -307039,8 +307393,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -307280,8 +307634,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -307521,8 +307875,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -307788,8 +308142,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -308029,8 +308383,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -308270,8 +308624,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -308511,8 +308865,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -308778,8 +309132,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -309019,8 +309373,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -309260,8 +309614,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -309501,8 +309855,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -309768,8 +310122,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -310009,8 +310363,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -310250,8 +310604,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -310491,8 +310845,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -310758,8 +311112,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -310999,8 +311353,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -311240,8 +311594,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -311481,8 +311835,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -311748,8 +312102,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -311989,8 +312343,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -312230,8 +312584,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -312471,8 +312825,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -312738,8 +313092,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -312979,8 +313333,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -313220,8 +313574,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -313461,8 +313815,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -313728,8 +314082,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -313969,8 +314323,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -314210,8 +314564,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -314451,8 +314805,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -314718,8 +315072,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -314959,8 +315313,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -315200,8 +315554,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -315441,8 +315795,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -315708,8 +316062,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -315949,8 +316303,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -316190,8 +316544,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -316431,8 +316785,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -316698,8 +317052,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -316939,8 +317293,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -317180,8 +317534,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -317421,8 +317775,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -317688,8 +318042,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -317929,8 +318283,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -318170,8 +318524,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -318411,8 +318765,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -318678,8 +319032,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -318919,8 +319273,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -319160,8 +319514,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -319401,8 +319755,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -319668,8 +320022,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -319909,8 +320263,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -320150,8 +320504,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -320391,8 +320745,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -320658,8 +321012,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -320899,8 +321253,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -321140,8 +321494,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -321381,8 +321735,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -321648,8 +322002,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -321889,8 +322243,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -322130,8 +322484,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -322371,8 +322725,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -322638,8 +322992,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -322879,8 +323233,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -323120,8 +323474,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -323361,8 +323715,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -323628,8 +323982,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -323869,8 +324223,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -324110,8 +324464,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -324351,8 +324705,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -324618,8 +324972,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -324859,8 +325213,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -325100,8 +325454,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -325341,8 +325695,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -325608,8 +325962,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -325849,8 +326203,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -326090,8 +326444,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -326331,8 +326685,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -326598,8 +326952,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -326839,8 +327193,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -327080,8 +327434,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -327549,8 +327903,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -327732,8 +328086,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -327915,8 +328269,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -328098,8 +328452,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -328281,8 +328635,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -328464,8 +328818,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -328647,8 +329001,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -328830,8 +329184,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -329013,8 +329367,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -329196,8 +329550,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -329379,8 +329733,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -329562,8 +329916,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -329745,8 +330099,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -329928,8 +330282,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -330111,8 +330465,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -330294,8 +330648,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -330477,8 +330831,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -330660,8 +331014,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -330843,8 +331197,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -331026,8 +331380,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -331209,8 +331563,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -331392,8 +331746,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -331575,8 +331929,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -331758,8 +332112,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -331941,8 +332295,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -332124,8 +332478,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -332307,8 +332661,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -332490,8 +332844,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -332673,8 +333027,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -332856,8 +333210,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -333039,8 +333393,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -333222,8 +333576,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -333405,8 +333759,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -333588,8 +333942,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -333771,8 +334125,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -333954,8 +334308,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -334137,8 +334491,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -334320,8 +334674,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -334503,8 +334857,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -334686,8 +335040,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -334869,8 +335223,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -335052,8 +335406,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -335235,8 +335589,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -335418,8 +335772,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -335601,8 +335955,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -335784,8 +336138,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -335967,8 +336321,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -336150,8 +336504,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -336333,8 +336687,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -336516,8 +336870,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -336699,8 +337053,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -336882,8 +337236,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -337065,8 +337419,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -337248,8 +337602,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -337431,8 +337785,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -337614,8 +337968,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -337797,8 +338151,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -337980,8 +338334,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -338163,8 +338517,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -338346,8 +338700,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -338529,8 +338883,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -338712,8 +339066,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -338895,8 +339249,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -339078,8 +339432,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -339261,8 +339615,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -339444,8 +339798,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -339627,8 +339981,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -339810,8 +340164,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -339993,8 +340347,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -340176,8 +340530,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -340359,8 +340713,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -340542,8 +340896,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -340725,8 +341079,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -340908,8 +341262,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -341091,8 +341445,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -341274,8 +341628,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -341457,8 +341811,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -341640,8 +341994,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -341823,8 +342177,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -342006,8 +342360,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -342189,8 +342543,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -342372,8 +342726,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -342555,8 +342909,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -342738,8 +343092,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -342921,8 +343275,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -343104,8 +343458,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -343287,8 +343641,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -343470,8 +343824,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -343653,8 +344007,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -343836,8 +344190,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -344019,8 +344373,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -344202,8 +344556,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -344385,8 +344739,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -344568,8 +344922,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -344751,8 +345105,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -344934,8 +345288,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -345117,8 +345471,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -345300,8 +345654,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -345483,8 +345837,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -345666,8 +346020,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -363447,8 +363801,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -363649,8 +364003,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -363851,8 +364205,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -364053,8 +364407,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -364255,8 +364609,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -364457,8 +364811,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -364659,8 +365013,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -364861,8 +365215,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -365063,8 +365417,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -365265,8 +365619,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -365467,8 +365821,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -365669,8 +366023,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -365871,8 +366225,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -366073,8 +366427,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -366275,8 +366629,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -366477,8 +366831,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -366679,8 +367033,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -366881,8 +367235,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -367130,8 +367484,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -367263,8 +367617,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -367292,8 +367646,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={24} xmlns="http://www.w3.org/2000/svg" > - @@ -367313,8 +367667,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={24} xmlns="http://www.w3.org/2000/svg" > - @@ -369734,8 +370088,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -369867,8 +370221,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -369896,8 +370250,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={24} xmlns="http://www.w3.org/2000/svg" > - @@ -369917,8 +370271,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={24} xmlns="http://www.w3.org/2000/svg" > - @@ -370003,20 +370357,28 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table
-
+ + Filters + -
+
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
@@ -375352,8 +375504,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -375381,8 +375533,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={24} xmlns="http://www.w3.org/2000/svg" > - @@ -375402,8 +375554,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={24} xmlns="http://www.w3.org/2000/svg" > - diff --git a/src/components/Table/baseTableReducer.js b/src/components/Table/baseTableReducer.js index 06faab13f4..fc4048e885 100644 --- a/src/components/Table/baseTableReducer.js +++ b/src/components/Table/baseTableReducer.js @@ -97,7 +97,7 @@ export const baseTableReducer = (state = {}, action) => { toolbar: { search: { $set: { - value: action.payload, + defaultValue: action.payload, }, }, }, diff --git a/src/components/Table/tableReducer.test.jsx b/src/components/Table/tableReducer.test.jsx index 1bb5bed510..2202be85ba 100644 --- a/src/components/Table/tableReducer.test.jsx +++ b/src/components/Table/tableReducer.test.jsx @@ -84,7 +84,7 @@ describe('table reducer', () => { const searchString = 'searchString'; const updatedState = tableReducer(initialState, tableSearchApply(searchString)); // Apply the search - expect(updatedState.view.toolbar.search.value).toEqual(searchString); + expect(updatedState.view.toolbar.search.defaultValue).toEqual(searchString); expect(updatedState.view.pagination.page).toEqual(1); }); }); diff --git a/src/components/TableCard/__snapshots__/TableCard.story.storyshot b/src/components/TableCard/__snapshots__/TableCard.story.storyshot index f521568416..8fc249ef4f 100644 --- a/src/components/TableCard/__snapshots__/TableCard.story.storyshot +++ b/src/components/TableCard/__snapshots__/TableCard.story.storyshot @@ -110,11 +110,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > -
-
+ + + + + -
+
-
+ + Download table content + -
-
+
+
@@ -2186,8 +2190,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > -
@@ -2255,8 +2259,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -2284,8 +2288,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={24} xmlns="http://www.w3.org/2000/svg" > - @@ -2305,8 +2309,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={24} xmlns="http://www.w3.org/2000/svg" > - @@ -2453,11 +2457,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > -
-
+ + + + + -
+
-
+ + Download table content + -
-
+
+
@@ -3322,8 +3330,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > -
@@ -3391,8 +3399,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -3420,8 +3428,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={24} xmlns="http://www.w3.org/2000/svg" > - @@ -3441,8 +3449,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={24} xmlns="http://www.w3.org/2000/svg" > - @@ -3589,11 +3597,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > -
-
+ + + + + -
+
-
+ + Download table content + -
-
+
+
@@ -5928,8 +5940,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > -
@@ -5997,8 +6009,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -6026,8 +6038,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={24} xmlns="http://www.w3.org/2000/svg" > - @@ -6047,8 +6059,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={24} xmlns="http://www.w3.org/2000/svg" > - @@ -6195,11 +6207,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > -
-
+ + + + + -
+
-
+ + Download table content + -
-
+
+
@@ -7320,8 +7336,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > -
@@ -7381,8 +7397,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -7410,8 +7426,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={24} xmlns="http://www.w3.org/2000/svg" > - @@ -7431,8 +7447,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={24} xmlns="http://www.w3.org/2000/svg" > - @@ -7579,11 +7595,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > -
-
+ + + + + -
+
-
+ + Download table content + -
-
+
+
@@ -8011,8 +8031,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -8107,8 +8127,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -8203,8 +8223,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -8299,8 +8319,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -8395,8 +8415,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -8491,8 +8511,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -8587,8 +8607,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -8683,8 +8703,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -8779,8 +8799,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -8875,8 +8895,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -9018,8 +9038,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > -
@@ -9079,8 +9099,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -9108,8 +9128,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={24} xmlns="http://www.w3.org/2000/svg" > - @@ -9129,8 +9149,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={24} xmlns="http://www.w3.org/2000/svg" > - @@ -9277,11 +9297,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > -
-
+ + + + + -
+
-
+ + Download table content + -
-
+
+
@@ -9882,11 +9906,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > -
-
+ + + + + -
+
-
+ + Download table content + -
-
+
+
@@ -12157,8 +12185,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > -
@@ -12226,8 +12254,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > -
@@ -12255,8 +12283,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={24} xmlns="http://www.w3.org/2000/svg" > - @@ -12276,8 +12304,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={24} xmlns="http://www.w3.org/2000/svg" > - @@ -12424,11 +12452,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > -
-
+ + + + + -
+
-
+ + Download table content + -
-
+
+
@@ -13570,8 +13602,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > -
@@ -13639,8 +13671,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -13668,8 +13700,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={24} xmlns="http://www.w3.org/2000/svg" > - @@ -13689,8 +13721,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={24} xmlns="http://www.w3.org/2000/svg" > - @@ -13837,11 +13869,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > -
-
+ + + + + -
+
-
+ + Download table content + -
-
+
+
@@ -15222,8 +15258,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > -
@@ -15291,8 +15327,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -15320,8 +15356,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={24} xmlns="http://www.w3.org/2000/svg" > - @@ -15341,8 +15377,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={24} xmlns="http://www.w3.org/2000/svg" > - @@ -15489,11 +15525,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > -
-
+ + + + + -
+
-
+ + Download table content + -
-
+
+
@@ -16635,8 +16675,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > -
@@ -16704,8 +16744,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -16733,8 +16773,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={24} xmlns="http://www.w3.org/2000/svg" > - @@ -16754,8 +16794,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={24} xmlns="http://www.w3.org/2000/svg" > - @@ -16902,11 +16942,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > -
-
+ + + + + -
+ viewBox="0 0 32 32" + width={16} + xmlns="http://www.w3.org/2000/svg" + > + + +
-
+ + Download table content + -
-
+
+
@@ -18602,8 +18646,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > -
@@ -18671,8 +18715,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -18700,8 +18744,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={24} xmlns="http://www.w3.org/2000/svg" > - @@ -18721,8 +18765,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={24} xmlns="http://www.w3.org/2000/svg" > - @@ -18869,11 +18913,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > -
-
+ + + + + -
+
-
+ + Download table content + -
-
+
+
@@ -19322,8 +19370,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -19418,8 +19466,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -19514,8 +19562,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -19610,8 +19658,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -19706,8 +19754,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -19802,8 +19850,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -19898,8 +19946,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -19994,8 +20042,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -20090,8 +20138,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -20186,8 +20234,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -20329,8 +20377,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > -
@@ -20398,8 +20446,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -20427,8 +20475,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={24} xmlns="http://www.w3.org/2000/svg" > - @@ -20448,8 +20496,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={24} xmlns="http://www.w3.org/2000/svg" > - @@ -20596,11 +20644,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > -
-
+ + + + + -
+
-
+ + Download table content + -
-
+
+
@@ -22076,8 +22128,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > -
@@ -22145,8 +22197,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -22174,8 +22226,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={24} xmlns="http://www.w3.org/2000/svg" > - @@ -22195,8 +22247,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={24} xmlns="http://www.w3.org/2000/svg" > - @@ -22343,11 +22395,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > -
-
+ + + + + -
+
-
+ + Download table content + -
-
+
+
@@ -24619,8 +24675,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > -
@@ -24688,8 +24744,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -24717,8 +24773,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={24} xmlns="http://www.w3.org/2000/svg" > - @@ -24738,8 +24794,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={24} xmlns="http://www.w3.org/2000/svg" > - @@ -24886,11 +24942,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > -
-
+ + + + + -
+
-
+ + Download table content + -
-
+
+
@@ -26636,8 +26696,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > -
@@ -26705,8 +26765,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -26734,8 +26794,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={24} xmlns="http://www.w3.org/2000/svg" > - @@ -26755,8 +26815,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={24} xmlns="http://www.w3.org/2000/svg" > - @@ -26903,11 +26963,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > -
-
+ + + + + -
+
-
+ + Download table content + -
-
+
+
@@ -27521,8 +27585,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -27663,8 +27727,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -27805,8 +27869,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -27947,8 +28011,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -28089,8 +28153,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -28318,8 +28382,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -28460,8 +28524,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -28647,8 +28711,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -28789,8 +28853,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -28973,8 +29037,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -29249,8 +29313,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > -
@@ -29318,8 +29382,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -29347,8 +29411,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={24} xmlns="http://www.w3.org/2000/svg" > - @@ -29368,8 +29432,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={24} xmlns="http://www.w3.org/2000/svg" > - @@ -29516,11 +29580,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > -
-
+ + + + + -
+
-
+ + Download table content + -
-
+
+
@@ -30032,8 +30100,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -30186,8 +30254,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -30342,8 +30410,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -30498,8 +30566,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -30654,8 +30722,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -30808,8 +30876,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -30962,8 +31030,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -31116,8 +31184,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -31225,8 +31293,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -31379,8 +31447,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -31580,8 +31648,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > -
@@ -31649,8 +31717,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={16} xmlns="http://www.w3.org/2000/svg" > - @@ -31678,8 +31746,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={24} xmlns="http://www.w3.org/2000/svg" > - @@ -31699,8 +31767,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table width={24} xmlns="http://www.w3.org/2000/svg" > - diff --git a/src/components/TileCatalog/__snapshots__/TileCatalog.story.storyshot b/src/components/TileCatalog/__snapshots__/TileCatalog.story.storyshot index 519d4ff455..e76f2e8b07 100644 --- a/src/components/TileCatalog/__snapshots__/TileCatalog.story.storyshot +++ b/src/components/TileCatalog/__snapshots__/TileCatalog.story.storyshot @@ -2336,8 +2336,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/TileC width={16} xmlns="http://www.w3.org/2000/svg" > - diff --git a/src/components/TileGallery/TileGallerySection.jsx b/src/components/TileGallery/TileGallerySection.jsx index f7a8e1fb15..30844e5bcd 100644 --- a/src/components/TileGallery/TileGallerySection.jsx +++ b/src/components/TileGallery/TileGallerySection.jsx @@ -11,22 +11,15 @@ const propTypes = { isOpen: PropTypes.bool, /** Callback for accordion item click */ onClick: PropTypes.func, - /** i18n strings */ - i18n: PropTypes.shape({ - arrowIconDescription: PropTypes.string, - }), }; const defaultProps = { isOpen: true, onClick: () => {}, title: null, - i18n: { - arrowIconDescription: 'Expand/Collapse', - }, }; -const TileGallerySection = ({ children, title, isOpen, onClick, i18n }) => { +const TileGallerySection = ({ children, title, isOpen, onClick }) => { const [open, setOpen] = useState(isOpen); const galleryItems =
{children}
; @@ -42,7 +35,6 @@ const TileGallerySection = ({ children, title, isOpen, onClick, i18n }) => { onClick(evt); }} open={open} - iconDescription={i18n.arrowIconDescription} > {galleryItems} diff --git a/src/components/WizardInline/__snapshots__/WizardInline.story.storyshot b/src/components/WizardInline/__snapshots__/WizardInline.story.storyshot index d5dedf87f3..f4546abd8c 100644 --- a/src/components/WizardInline/__snapshots__/WizardInline.story.storyshot +++ b/src/components/WizardInline/__snapshots__/WizardInline.story.storyshot @@ -445,8 +445,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Wizar - First step @@ -771,8 +771,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Wizar <path d="M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z" /> - <polygon - points="14 21.5 9 16.54 10.59 14.97 14 18.35 21.41 11 23 12.58 14 21.5" + <path + d="M14 21.5L9 16.54 10.59 14.97 14 18.35 21.41 11 23 12.58 14 21.5z" /> <title> First step @@ -814,8 +814,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Wizar <path d="M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z" /> - <polygon - points="14 21.5 9 16.54 10.59 14.97 14 18.35 21.41 11 23 12.58 14 21.5" + <path + d="M14 21.5L9 16.54 10.59 14.97 14 18.35 21.41 11 23 12.58 14 21.5z" /> <title> Device Information step goes here @@ -857,8 +857,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Wizar <path d="M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z" /> - <polygon - points="14 21.5 9 16.54 10.59 14.97 14 18.35 21.41 11 23 12.58 14 21.5" + <path + d="M14 21.5L9 16.54 10.59 14.97 14 18.35 21.41 11 23 12.58 14 21.5z" /> <title> Long step @@ -1442,8 +1442,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Wizar <path d="M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z" /> - <polygon - points="14 21.5 9 16.54 10.59 14.97 14 18.35 21.41 11 23 12.58 14 21.5" + <path + d="M14 21.5L9 16.54 10.59 14.97 14 18.35 21.41 11 23 12.58 14 21.5z" /> <title> First step @@ -1970,8 +1970,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Wizar width={20} xmlns="http://www.w3.org/2000/svg" > - <polygon - points="24 9.4 22.6 8 16 14.6 9.4 8 8 9.4 14.6 16 8 22.6 9.4 24 16 17.4 22.6 24 24 22.6 17.4 16 24 9.4" + <path + d="M24 9.4L22.6 8 16 14.6 9.4 8 8 9.4 14.6 16 8 22.6 9.4 24 16 17.4 22.6 24 24 22.6 17.4 16 24 9.4z" /> </svg> </button> diff --git a/src/components/WizardModal/__snapshots__/WizardModal.story.storyshot b/src/components/WizardModal/__snapshots__/WizardModal.story.storyshot index 8ba4ce3b80..23ca359daf 100644 --- a/src/components/WizardModal/__snapshots__/WizardModal.story.storyshot +++ b/src/components/WizardModal/__snapshots__/WizardModal.story.storyshot @@ -63,8 +63,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Wizar width={20} xmlns="http://www.w3.org/2000/svg" > - <polygon - points="24 9.4 22.6 8 16 14.6 9.4 8 8 9.4 14.6 16 8 22.6 9.4 24 16 17.4 22.6 24 24 22.6 17.4 16 24 9.4" + <path + d="M24 9.4L22.6 8 16 14.6 9.4 8 8 9.4 14.6 16 8 22.6 9.4 24 16 17.4 22.6 24 24 22.6 17.4 16 24 9.4z" /> </svg> </button> @@ -332,8 +332,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Wizar width={20} xmlns="http://www.w3.org/2000/svg" > - <polygon - points="24 9.4 22.6 8 16 14.6 9.4 8 8 9.4 14.6 16 8 22.6 9.4 24 16 17.4 22.6 24 24 22.6 17.4 16 24 9.4" + <path + d="M24 9.4L22.6 8 16 14.6 9.4 8 8 9.4 14.6 16 8 22.6 9.4 24 16 17.4 22.6 24 24 22.6 17.4 16 24 9.4z" /> </svg> </button> @@ -608,8 +608,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Wizar width={20} xmlns="http://www.w3.org/2000/svg" > - <polygon - points="24 9.4 22.6 8 16 14.6 9.4 8 8 9.4 14.6 16 8 22.6 9.4 24 16 17.4 22.6 24 24 22.6 17.4 16 24 9.4" + <path + d="M24 9.4L22.6 8 16 14.6 9.4 8 8 9.4 14.6 16 8 22.6 9.4 24 16 17.4 22.6 24 24 22.6 17.4 16 24 9.4z" /> </svg> </button> @@ -647,8 +647,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Wizar <path d="M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z" /> - <polygon - points="14 21.5 9 16.54 10.59 14.97 14 18.35 21.41 11 23 12.58 14 21.5" + <path + d="M14 21.5L9 16.54 10.59 14.97 14 18.35 21.41 11 23 12.58 14 21.5z" /> <title> step1 @@ -690,8 +690,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Wizar <path d="M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z" /> - <polygon - points="14 21.5 9 16.54 10.59 14.97 14 18.35 21.41 11 23 12.58 14 21.5" + <path + d="M14 21.5L9 16.54 10.59 14.97 14 18.35 21.41 11 23 12.58 14 21.5z" /> <title> step2 diff --git a/src/index.js b/src/index.js index 6664c82f69..638b580453 100755 --- a/src/index.js +++ b/src/index.js @@ -14,7 +14,6 @@ export TableHead from './components/Table/TableHead/TableHead'; export TableBody from './components/Table/TableBody/TableBody'; export TableSkeletonWithHeaders from './components/Table/TableSkeletonWithHeaders/TableSkeletonWithHeaders'; export TableToolbar from './components/Table/TableToolbar/TableToolbar'; -export TableToolbarSearch from './components/Table/TableToolbarSearch/TableToolbarSearch'; export WizardModal from './components/WizardModal'; export WizardInline from './components/WizardInline/WizardInline'; export StatefulWizardInline from './components/WizardInline/StatefulWizardInline'; diff --git a/src/styles.scss b/src/styles.scss index 1792fc3c6c..e4adfab0c0 100644 --- a/src/styles.scss +++ b/src/styles.scss @@ -236,7 +236,6 @@ $deprecations--message: 'Deprecated code was found, this code will be removed be @import 'components/SimplePagination/simple-pagination'; @import 'components/Table/TableToolbar/table-toolbar'; @import 'components/Table/pagination'; -@import 'components/Table/TableToolbarSearch/table-toolbar-search'; @import 'components/Table/TableBody/RowActionsCell/row-actions-cell'; @import 'components/Table/table'; @import 'components/TableCard/threshold-icon'; diff --git a/src/utils/__tests__/__snapshots__/publicAPI.test.js.snap b/src/utils/__tests__/__snapshots__/publicAPI.test.js.snap index eee7db92d2..4e95795388 100644 --- a/src/utils/__tests__/__snapshots__/publicAPI.test.js.snap +++ b/src/utils/__tests__/__snapshots__/publicAPI.test.js.snap @@ -2332,32 +2332,6 @@ Map { }, }, }, - "TableToolbarSearch" => Object { - "defaultProps": Object { - "defaultExpanded": false, - "defaultValue": "", - "onChange": null, - "onExpand": null, - "value": "", - }, - "propTypes": Object { - "defaultExpanded": Object { - "type": "bool", - }, - "defaultValue": Object { - "type": "string", - }, - "onChange": Object { - "type": "func", - }, - "onExpand": Object { - "type": "func", - }, - "value": Object { - "type": "string", - }, - }, - }, "WizardModal" => Object { "defaultProps": Object { "currentStepIndex": 0, @@ -12380,9 +12354,6 @@ Map { }, "TileGallerySection" => Object { "defaultProps": Object { - "i18n": Object { - "arrowIconDescription": "Expand/Collapse", - }, "isOpen": true, "onClick": [Function], "title": null, @@ -12392,16 +12363,6 @@ Map { "isRequired": true, "type": "node", }, - "i18n": Object { - "args": Array [ - Object { - "arrowIconDescription": Object { - "type": "string", - }, - }, - ], - "type": "shape", - }, "isOpen": Object { "type": "bool", }, @@ -13110,9 +13071,7 @@ Map { "className": Object { "type": "string", }, - "iconDescription": Object { - "type": "string", - }, + "iconDescription": [Function], "onClick": Object { "type": "func", }, @@ -13160,9 +13119,7 @@ Map { "className": Object { "type": "string", }, - "iconDescription": Object { - "type": "string", - }, + "iconDescription": [Function], "onClick": Object { "type": "func", }, @@ -13278,6 +13235,7 @@ Map { "ComboBox" => Object { "defaultProps": Object { "ariaLabel": "Choose an item", + "direction": "bottom", "disabled": false, "itemToElement": null, "itemToString": [Function], @@ -13292,6 +13250,15 @@ Map { "className": Object { "type": "string", }, + "direction": Object { + "args": Array [ + Array [ + "top", + "bottom", + ], + ], + "type": "oneOf", + }, "disabled": Object { "type": "bool", }, @@ -13563,6 +13530,9 @@ Map { "closeModal": Object { "type": "func", }, + "danger": Object { + "type": "bool", + }, "onRequestClose": Object { "type": "func", }, @@ -13589,6 +13559,7 @@ Map { "ContentSwitcher" => Object { "defaultProps": Object { "selectedIndex": 0, + "selectionMode": "automatic", }, "propTypes": Object { "children": Object { @@ -13604,6 +13575,15 @@ Map { "selectedIndex": Object { "type": "number", }, + "selectionMode": Object { + "args": Array [ + Array [ + "automatic", + "manual", + ], + ], + "type": "oneOf", + }, }, }, "Copy" => Object { @@ -13660,6 +13640,7 @@ Map { "Table": Object { "defaultProps": Object { "isSortable": false, + "overflowMenuOnHover": true, }, "propTypes": Object { "className": Object { @@ -13668,6 +13649,9 @@ Map { "isSortable": Object { "type": "bool", }, + "overflowMenuOnHover": Object { + "type": "bool", + }, "shouldShowBorder": Object { "type": "bool", }, @@ -14009,6 +13993,15 @@ Map { "children": Object { "type": "node", }, + "size": Object { + "args": Array [ + Array [ + "small", + "normal", + ], + ], + "type": "oneOf", + }, }, }, "TableToolbarAction": Object { @@ -14128,6 +14121,8 @@ Map { "defaultProps": Object { "filterRows": [Function], "locale": "en", + "overflowMenuOnHover": true, + "size": "normal", "sortRow": [Function], "translateWithId": [Function], }, @@ -14162,6 +14157,9 @@ Map { "locale": Object { "type": "string", }, + "overflowMenuOnHover": Object { + "type": "bool", + }, "radio": Object { "type": "bool", }, @@ -14191,6 +14189,17 @@ Map { "isRequired": true, "type": "arrayOf", }, + "size": Object { + "args": Array [ + Array [ + "compact", + "short", + "normal", + "tall", + ], + ], + "type": "oneOf", + }, "sortRow": Object { "type": "func", }, @@ -14391,6 +14400,15 @@ Map { "type": "func", }, "pattern": [Function], + "size": Object { + "args": Array [ + Array [ + "sm", + "xl", + ], + ], + "type": "oneOf", + }, "type": Object { "type": "string", }, @@ -14398,6 +14416,7 @@ Map { }, "Dropdown" => Object { "defaultProps": Object { + "direction": "bottom", "disabled": false, "helperText": "", "itemToElement": null, @@ -14410,6 +14429,15 @@ Map { "ariaLabel": Object { "type": "string", }, + "direction": Object { + "args": Array [ + Array [ + "top", + "bottom", + ], + ], + "type": "oneOf", + }, "disabled": Object { "type": "bool", }, @@ -14728,21 +14756,22 @@ Map { "onClick": Object { "type": "func", }, + "onDelete": Object { + "type": "func", + }, + "size": Object { + "args": Array [ + Array [ + "default", + "field", + "small", + ], + ], + "type": "oneOf", + }, }, }, "FileUploaderButton" => Object { - "defaultProps": Object { - "accept": Array [], - "buttonKind": "primary", - "disableLabelChanges": false, - "disabled": false, - "labelText": "Add file", - "multiple": false, - "onChange": [Function], - "onClick": [Function], - "role": "button", - "tabIndex": 0, - }, "propTypes": Object { "accept": Object { "args": Array [ @@ -14798,6 +14827,16 @@ Map { "role": Object { "type": "string", }, + "size": Object { + "args": Array [ + Array [ + "default", + "field", + "small", + ], + ], + "type": "oneOf", + }, "tabIndex": Object { "type": "number", }, @@ -14854,7 +14893,6 @@ Map { "defaultProps": Object { "onDelete": [Function], "status": "uploading", - "uuid": "id1", }, "propTypes": Object { "errorBody": Object { @@ -14886,7 +14924,6 @@ Map { "type": "oneOf", }, "uuid": Object { - "isRequired": true, "type": "string", }, }, @@ -15098,6 +15135,9 @@ Map { "description": Object { "type": "string", }, + "id": Object { + "type": "string", + }, "small": Object { "type": "bool", }, @@ -15109,7 +15149,7 @@ Map { "Modal" => Object { "defaultProps": Object { "hasScrollingContent": false, - "iconDescription": "close the modal", + "iconDescription": "Close", "modalHeading": "", "modalLabel": "", "onKeyDown": [Function], @@ -15506,6 +15546,7 @@ Map { }, "defaultProps": Object { "compareItems": [Function], + "direction": "bottom", "disabled": false, "initialSelectedItems": Array [], "itemToString": [Function], @@ -15522,6 +15563,15 @@ Map { "isRequired": true, "type": "func", }, + "direction": Object { + "args": Array [ + Array [ + "top", + "bottom", + ], + ], + "type": "oneOf", + }, "disabled": Object { "type": "bool", }, @@ -16828,6 +16878,7 @@ Map { "iconDescription": "show menu options", "role": "navigation", "selected": 0, + "selectionMode": "automatic", "triggerHref": "#", "type": "default", }, @@ -16864,6 +16915,15 @@ Map { "selected": Object { "type": "number", }, + "selectionMode": Object { + "args": Array [ + Array [ + "automatic", + "manual", + ], + ], + "type": "oneOf", + }, "tabContentClassName": Object { "type": "string", }, @@ -16896,6 +16956,9 @@ Map { "filter": Object { "type": "bool", }, + "onClose": Object { + "type": "func", + }, "title": Object { "type": "string", }, @@ -16912,9 +16975,9 @@ Map { "gray", "cool-gray", "warm-gray", + "high-contrast", ], ], - "isRequired": true, "type": "oneOf", }, }, @@ -17115,6 +17178,7 @@ Map { "render": [Function], }, "PasswordInput": Object { + "$$typeof": Symbol(react.forward_ref), "defaultProps": Object { "className": "\${prefix}--text__input", "disabled": false, @@ -17222,6 +17286,7 @@ Map { "type": "oneOfType", }, }, + "render": [Function], }, "defaultProps": Object { "disabled": false, @@ -17655,9 +17720,7 @@ Map { "disabled": Object { "type": "bool", }, - "hideLabel": Object { - "type": "bool", - }, + "hideLabel": [Function], "iconDescription": Object { "isRequired": true, "type": "string", @@ -17999,9 +18062,6 @@ Map { Object { "args": Array [ Object { - "header": Object { - "type": "node", - }, "key": Object { "type": "string", }, @@ -18365,6 +18425,9 @@ Map { "element": Object { "type": "elementType", }, + "isCurrentPage": Object { + "type": "bool", + }, "isSideNavExpanded": Object { "type": "bool", }, diff --git a/yarn.lock b/yarn.lock index f834646aec..7149d8a82b 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1833,13 +1833,20 @@ resolved "https://registry.yarnpkg.com/@carbon/icon-helpers/-/icon-helpers-10.7.0.tgz#7ad56c3f377bfaa687ccca0b0813011606d6cb28" integrity sha512-zIswRvP4JyZOq7+4A4/ro7K05xVNid/+HxBOSM1ApuqcXg1e1Vl9fg37+rGY/in9v7vVgsmA8s5Arlx1mJzPIw== -"@carbon/icons-react@10.10.0", "@carbon/icons-react@^10.9.3": +"@carbon/icons-react@10.10.0": version "10.10.0" resolved "https://registry.yarnpkg.com/@carbon/icons-react/-/icons-react-10.10.0.tgz#b8d61709583be1310ca5f2bdabfbdab2c0f6a892" integrity sha512-8H7RRUnvfZUlwad95Au+aR7CynIQwVcJ9OYEdEz4i16IdqFpWHql4RAb1jemLq6Q3kaHCpW4qKLDDLv8lWGu6g== dependencies: "@carbon/icon-helpers" "^10.7.0" +"@carbon/icons-react@^10.11.0": + version "10.11.0" + resolved "https://registry.yarnpkg.com/@carbon/icons-react/-/icons-react-10.11.0.tgz#f25d0dcbe204aaa40ec973bdd10dda30f0b0ca7f" + integrity sha512-v1jZaQriW203wSlq7QdcILIuaVSsmo74asfe0MSa9nod4FqEb+sD6GHe85fgOoFnqvHKrJ+U1CSH/xd1GVC9xw== + dependencies: + "@carbon/icon-helpers" "^10.7.0" + "@carbon/icons@10.9.3": version "10.9.3" resolved "https://registry.yarnpkg.com/@carbon/icons/-/icons-10.9.3.tgz#1e6f9cf705251964fa948f047bfe70f38c1312f2" @@ -5585,12 +5592,12 @@ capture-stack-trace@^1.0.0: resolved "https://registry.yarnpkg.com/capture-stack-trace/-/capture-stack-trace-1.0.1.tgz#a6c0bbe1f38f3aa0b92238ecb6ff42c344d4135d" integrity sha512-mYQLZnx5Qt1JgB1WEiMCf2647plpGeQ2NMR/5L0HNZzGQo4fuSPnK+wjfPnKZV0aiJDgzmWqqkV/g7JD+DW0qw== -carbon-components-react@7.10.3: - version "7.10.3" - resolved "https://registry.yarnpkg.com/carbon-components-react/-/carbon-components-react-7.10.3.tgz#667c5e1bce597123ccd6574204ab2b3dc721e4fc" - integrity sha512-L583T2qN5tFiYXHBv/iumw5vAE9T5OJ2l7LdEjY8/WUjzUdgA1iJD5tpYKL4U1ciO12zfWITlJBK8g39IupI/Q== +carbon-components-react@^7.12.0: + version "7.12.0" + resolved "https://registry.yarnpkg.com/carbon-components-react/-/carbon-components-react-7.12.0.tgz#d41125e774fa40e5c5fbc1d536c1923111273f6b" + integrity sha512-zsVD9/Dh8Rgl9LOO7vltS8AXj14eCbmSddQrDMkHeq5JSpQWtIqUAI7A7sT2uAhmowi1hk8d0BAroyGzhLHzAg== dependencies: - "@carbon/icons-react" "^10.9.3" + "@carbon/icons-react" "^10.11.0" classnames "2.2.6" downshift "^1.31.14" flatpickr "4.6.1" @@ -5601,13 +5608,14 @@ carbon-components-react@7.10.3: lodash.omit "^4.5.0" lodash.throttle "^4.1.1" react-is "^16.8.6" + use-resize-observer "^6.0.0" warning "^3.0.0" window-or-global "^1.0.1" -carbon-components@10.10.3: - version "10.10.3" - resolved "https://registry.yarnpkg.com/carbon-components/-/carbon-components-10.10.3.tgz#c3076be78fa2df8c430b329615a9ef1f1d2509c8" - integrity sha512-uOHcMvQNtqazCqBxXlIaAU6Jmsb1/wE6fhJ3r6wt69MfW42xjCOVAegXDXylCAk1k6F+DR6cx4WsbYMUjOXR3A== +carbon-components@^10.12.0: + version "10.12.0" + resolved "https://registry.yarnpkg.com/carbon-components/-/carbon-components-10.12.0.tgz#a27649a5541c45833e0534f5f3b9d871f7cb0bc5" + integrity sha512-QPP4f6/11Buwtz+3JW/2wQKKL1QY6GZ3WIxfifpK2MyjhO8NW4LrYrLsbcwFr4kYQ6Aph18b8sHY21T61zaYLQ== dependencies: flatpickr "4.6.1" lodash.debounce "^4.0.8" @@ -19357,6 +19365,13 @@ use-resize-observer@^5.0.0: dependencies: resize-observer-polyfill "^1.5.1" +use-resize-observer@^6.0.0: + version "6.1.0" + resolved "https://registry.yarnpkg.com/use-resize-observer/-/use-resize-observer-6.1.0.tgz#d4d267a940dbf9c326da6042f8a4bb8c89d29729" + integrity sha512-SiPcWHiIQ1CnHmb6PxbYtygqiZXR0U9dNkkbpX9VYnlstUwF8+QqpUTrzh13pjPwcjMVGR+QIC+nvF5ujfFNng== + dependencies: + resize-observer-polyfill "^1.5.1" + use-sidecar@^1.0.1: version "1.0.2" resolved "https://registry.yarnpkg.com/use-sidecar/-/use-sidecar-1.0.2.tgz#e72f582a75842f7de4ef8becd6235a4720ad8af6" From 32b77ce2dac7b30b2bdb10c4760a4837fb5eb64a Mon Sep 17 00:00:00 2001 From: Scott Dickerson <swiftfoot@hotmail.com> Date: Thu, 28 May 2020 12:43:20 -0500 Subject: [PATCH 3/8] feat(tabletoolbar): show active state of buttons --- .../__snapshots__/Dashboard.story.storyshot | 12 ------- src/components/Table/Table.test.jsx | 22 +++++------- .../Table/TableToolbar/TableToolbar.jsx | 3 ++ .../TableToolbar/TableToolbarSVGButton.jsx | 21 ++++++----- .../_table-toolbar-svg-button.scss | 3 ++ .../Table/__snapshots__/Table.story.storyshot | 35 ++++--------------- .../__snapshots__/TableCard.story.storyshot | 34 ------------------ 7 files changed, 34 insertions(+), 96 deletions(-) diff --git a/src/components/Dashboard/__snapshots__/Dashboard.story.storyshot b/src/components/Dashboard/__snapshots__/Dashboard.story.storyshot index a386466c24..529a4629e1 100644 --- a/src/components/Dashboard/__snapshots__/Dashboard.story.storyshot +++ b/src/components/Dashboard/__snapshots__/Dashboard.story.storyshot @@ -1387,7 +1387,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb data-testid="download-button" disabled={false} onClick={[Function]} - onKeyDown={[Function]} tabIndex={0} type="button" > @@ -1421,7 +1420,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb data-testid="filter-button" disabled={false} onClick={[Function]} - onKeyDown={[Function]} tabIndex={0} type="button" > @@ -3596,7 +3594,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb data-testid="download-button" disabled={false} onClick={[Function]} - onKeyDown={[Function]} tabIndex={0} type="button" > @@ -3630,7 +3627,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb data-testid="filter-button" disabled={false} onClick={[Function]} - onKeyDown={[Function]} tabIndex={0} type="button" > @@ -5837,7 +5833,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb data-testid="download-button" disabled={false} onClick={[Function]} - onKeyDown={[Function]} tabIndex={0} type="button" > @@ -5871,7 +5866,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb data-testid="filter-button" disabled={false} onClick={[Function]} - onKeyDown={[Function]} tabIndex={0} type="button" > @@ -7493,7 +7487,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb data-testid="download-button" disabled={false} onClick={[Function]} - onKeyDown={[Function]} tabIndex={0} type="button" > @@ -7527,7 +7520,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb data-testid="filter-button" disabled={false} onClick={[Function]} - onKeyDown={[Function]} tabIndex={0} type="button" > @@ -10542,7 +10534,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb data-testid="download-button" disabled={false} onClick={[Function]} - onKeyDown={[Function]} tabIndex={0} type="button" > @@ -10576,7 +10567,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb data-testid="filter-button" disabled={false} onClick={[Function]} - onKeyDown={[Function]} tabIndex={0} type="button" > @@ -24875,7 +24865,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb data-testid="download-button" disabled={false} onClick={[Function]} - onKeyDown={[Function]} tabIndex={0} type="button" > @@ -24909,7 +24898,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb data-testid="filter-button" disabled={false} onClick={[Function]} - onKeyDown={[Function]} tabIndex={0} type="button" > diff --git a/src/components/Table/Table.test.jsx b/src/components/Table/Table.test.jsx index 8026326534..ecd4a72ca1 100644 --- a/src/components/Table/Table.test.jsx +++ b/src/components/Table/Table.test.jsx @@ -4,7 +4,6 @@ import React from 'react'; import merge from 'lodash/merge'; import { Add20 } from '@carbon/icons-react'; -import { keyCodes } from '../../constants/KeyCodeConstants'; import { settings } from '../../constants/Settings'; import { mockActions } from './Table.test.helpers'; @@ -306,18 +305,18 @@ describe('Table', () => { expect(renderRowCountLabel2).toHaveLength(0); }); - it('enter key should trigger onDownload', () => { + it('click should trigger onDownload', () => { const { getByTestId } = render( <TableToolbar actions={mockActions.toolbar} options={options2} tableState={tableState} /> ); const downloadButton = getByTestId('download-button'); expect(downloadButton).toBeTruthy(); - fireEvent.keyDown(downloadButton, { keyCode: keyCodes.ENTER }); + fireEvent.click(downloadButton); expect(mockActions.toolbar.onDownloadCSV).toHaveBeenCalledTimes(1); }); - it('enter key should trigger onColumnSelection', () => { + it('click should trigger onColumnSelection', () => { const { getByTestId } = render( <TableToolbar actions={mockActions.toolbar} @@ -328,11 +327,11 @@ describe('Table', () => { const columnSelectButton = getByTestId('column-selection-button'); expect(columnSelectButton).toBeTruthy(); - fireEvent.keyDown(columnSelectButton, { keyCode: keyCodes.ENTER }); + fireEvent.click(columnSelectButton); expect(mockActions.toolbar.onToggleColumnSelection).toHaveBeenCalledTimes(1); }); - it('enter key should trigger onFilter', () => { + it('click should trigger onFilter', () => { const { getByTestId } = render( <TableToolbar actions={mockActions.toolbar} @@ -343,11 +342,11 @@ describe('Table', () => { const filterButton = getByTestId('filter-button'); expect(filterButton).toBeTruthy(); - fireEvent.keyDown(filterButton, { keyCode: keyCodes.ENTER }); + fireEvent.click(filterButton); expect(mockActions.toolbar.onToggleFilter).toHaveBeenCalledTimes(1); }); - it('enter key or mouse click should trigger rowEdit toolbar', () => { + it('mouse click should trigger rowEdit toolbar', () => { const { getByTestId } = render( <TableToolbar actions={mockActions.toolbar} @@ -358,14 +357,9 @@ describe('Table', () => { const rowEditButton = getByTestId('row-edit-button'); expect(rowEditButton).toBeTruthy(); - fireEvent.keyDown(rowEditButton, { keyCode: keyCodes.ESC }); - expect(mockActions.toolbar.onShowRowEdit).toHaveBeenCalledTimes(0); - - fireEvent.keyDown(rowEditButton, { keyCode: keyCodes.ENTER }); - expect(mockActions.toolbar.onShowRowEdit).toHaveBeenCalledTimes(1); fireEvent.click(rowEditButton); - expect(mockActions.toolbar.onShowRowEdit).toHaveBeenCalledTimes(2); + expect(mockActions.toolbar.onShowRowEdit).toHaveBeenCalledTimes(1); }); it('rowEdit toolbar should contain external rowEditBarButtons', () => { diff --git a/src/components/Table/TableToolbar/TableToolbar.jsx b/src/components/Table/TableToolbar/TableToolbar.jsx index e3a6c73d5b..f445f70805 100644 --- a/src/components/Table/TableToolbar/TableToolbar.jsx +++ b/src/components/Table/TableToolbar/TableToolbar.jsx @@ -219,6 +219,7 @@ const TableToolbar = ({ ) : null} {hasColumnSelection ? ( <TableToolbarSVGButton + isActive={activeBar === 'column'} onClick={onToggleColumnSelection} description={i18n.columnSelectionButtonAria} testId="column-selection-button" @@ -227,6 +228,7 @@ const TableToolbar = ({ ) : null} {hasFilter ? ( <TableToolbarSVGButton + isActive={activeBar === 'filter'} onClick={onToggleFilter} description={i18n.filterButtonAria} testId="filter-button" @@ -235,6 +237,7 @@ const TableToolbar = ({ ) : null} {hasRowEdit ? ( <TableToolbarSVGButton + isActive={activeBar === 'rowEdit'} description={i18n.editButtonAria} onClick={onShowRowEdit} testId="row-edit-button" diff --git a/src/components/Table/TableToolbar/TableToolbarSVGButton.jsx b/src/components/Table/TableToolbar/TableToolbarSVGButton.jsx index ac9511d284..677e9fa2f2 100644 --- a/src/components/Table/TableToolbar/TableToolbarSVGButton.jsx +++ b/src/components/Table/TableToolbar/TableToolbarSVGButton.jsx @@ -1,9 +1,9 @@ import React from 'react'; import PropTypes from 'prop-types'; +import classNames from 'classnames'; import { Button } from 'carbon-components-react'; import { settings } from '../../../constants/Settings'; -import { keyCodes } from '../../../constants/KeyCodeConstants'; const { iotPrefix } = settings; @@ -12,24 +12,28 @@ const propTypes = { testId: PropTypes.string.isRequired, renderIcon: PropTypes.object.isRequired, // eslint-disable-line react/forbid-prop-types description: PropTypes.node.isRequired, + isActive: PropTypes.bool, +}; + +const defaultProps = { + isActive: false, }; /** * Toolbar button that accepts a Carbon react icon as children */ -const TableToolbarSVGButton = ({ onClick, testId, description, renderIcon }) => { +const TableToolbarSVGButton = ({ onClick, testId, className, description, isActive, ...rest }) => { return ( <Button - className={`${iotPrefix}--tooltip-svg-wrapper`} + {...rest} + className={classNames(`${iotPrefix}--tooltip-svg-wrapper`, className, { + [`${iotPrefix}--table-toolbar-button-active`]: isActive, // https://github.com/carbon-design-system/carbon/issues/6160 + })} hasIconOnly - onClick={onClick} kind="ghost" - renderIcon={renderIcon} + onClick={onClick} tooltipAlignment="center" tooltipPosition="top" - onKeyDown={e => { - if (e.keyCode === keyCodes.ENTER) onClick(); - }} iconDescription={description} data-testid={testId} /> @@ -37,5 +41,6 @@ const TableToolbarSVGButton = ({ onClick, testId, description, renderIcon }) => }; TableToolbarSVGButton.propTypes = propTypes; +TableToolbarSVGButton.defaultProps = defaultProps; export default TableToolbarSVGButton; diff --git a/src/components/Table/TableToolbar/_table-toolbar-svg-button.scss b/src/components/Table/TableToolbar/_table-toolbar-svg-button.scss index 2172527a86..ce0300bce9 100644 --- a/src/components/Table/TableToolbar/_table-toolbar-svg-button.scss +++ b/src/components/Table/TableToolbar/_table-toolbar-svg-button.scss @@ -6,4 +6,7 @@ button.#{$iot-prefix}--tooltip-svg-wrapper, } button.bx--btn.#{$iot-prefix}--tooltip-svg-wrapper.#{$prefix}--btn--ghost { border: 0; + &.#{$iot-prefix}--table-toolbar-button-active:not(:hover) { + background-color: $active-ui; + } } diff --git a/src/components/Table/__snapshots__/Table.story.storyshot b/src/components/Table/__snapshots__/Table.story.storyshot index ceb2a9e628..fb808f75d0 100644 --- a/src/components/Table/__snapshots__/Table.story.storyshot +++ b/src/components/Table/__snapshots__/Table.story.storyshot @@ -61,7 +61,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table data-testid="row-edit-button" disabled={false} onClick={[Function]} - onKeyDown={[Function]} tabIndex={0} type="button" > @@ -17488,11 +17487,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table Clear all filters </button> <button - className="iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" + className="iot--tooltip-svg-wrapper iot--table-toolbar-button-active bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" data-testid="filter-button" disabled={false} onClick={[Function]} - onKeyDown={[Function]} tabIndex={0} type="button" > @@ -20166,7 +20164,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table data-testid="column-selection-button" disabled={false} onClick={[Function]} - onKeyDown={[Function]} tabIndex={0} type="button" > @@ -20209,7 +20206,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table data-testid="filter-button" disabled={false} onClick={[Function]} - onKeyDown={[Function]} tabIndex={0} type="button" > @@ -104286,7 +104282,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table data-testid="download-button" disabled={false} onClick={[Function]} - onKeyDown={[Function]} tabIndex={0} type="button" > @@ -104320,7 +104315,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table data-testid="column-selection-button" disabled={false} onClick={[Function]} - onKeyDown={[Function]} tabIndex={0} type="button" > @@ -104359,11 +104353,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table </svg> </button> <button - className="iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" + className="iot--tooltip-svg-wrapper iot--table-toolbar-button-active bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" data-testid="filter-button" disabled={false} onClick={[Function]} - onKeyDown={[Function]} tabIndex={0} type="button" > @@ -104394,7 +104387,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table data-testid="row-edit-button" disabled={false} onClick={[Function]} - onKeyDown={[Function]} tabIndex={0} type="button" > @@ -108603,7 +108595,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table data-testid="column-selection-button" disabled={false} onClick={[Function]} - onKeyDown={[Function]} tabIndex={0} type="button" > @@ -108646,7 +108637,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table data-testid="filter-button" disabled={false} onClick={[Function]} - onKeyDown={[Function]} tabIndex={0} type="button" > @@ -108677,7 +108667,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table data-testid="row-edit-button" disabled={false} onClick={[Function]} - onKeyDown={[Function]} tabIndex={0} type="button" > @@ -129634,11 +129623,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table Clear all filters </button> <button - className="iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" + className="iot--tooltip-svg-wrapper iot--table-toolbar-button-active bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" data-testid="filter-button" disabled={false} onClick={[Function]} - onKeyDown={[Function]} tabIndex={0} type="button" > @@ -132775,11 +132763,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table Clear all filters </button> <button - className="iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" + className="iot--tooltip-svg-wrapper iot--table-toolbar-button-active bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" data-testid="filter-button" disabled={false} onClick={[Function]} - onKeyDown={[Function]} tabIndex={0} type="button" > @@ -136822,11 +136809,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table className="bx--toolbar-content iot--table-toolbar-content" > <button - className="iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" + className="iot--tooltip-svg-wrapper iot--table-toolbar-button-active bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" data-testid="column-selection-button" disabled={false} onClick={[Function]} - onKeyDown={[Function]} tabIndex={0} type="button" > @@ -139792,7 +139778,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table data-testid="filter-button" disabled={false} onClick={[Function]} - onKeyDown={[Function]} tabIndex={0} type="button" > @@ -159760,11 +159745,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table Clear all filters </button> <button - className="iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" + className="iot--tooltip-svg-wrapper iot--table-toolbar-button-active bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" data-testid="filter-button" disabled={false} onClick={[Function]} - onKeyDown={[Function]} tabIndex={0} type="button" > @@ -162523,7 +162507,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table data-testid="column-selection-button" disabled={false} onClick={[Function]} - onKeyDown={[Function]} tabIndex={0} type="button" > @@ -186332,7 +186315,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table data-testid="filter-button" disabled={false} onClick={[Function]} - onKeyDown={[Function]} tabIndex={0} type="button" > @@ -194067,11 +194049,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table Clear all filters </button> <button - className="iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" + className="iot--tooltip-svg-wrapper iot--table-toolbar-button-active bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" data-testid="filter-button" disabled={false} onClick={[Function]} - onKeyDown={[Function]} tabIndex={0} type="button" > @@ -286449,7 +286430,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table data-testid="column-selection-button" disabled={false} onClick={[Function]} - onKeyDown={[Function]} tabIndex={0} type="button" > @@ -370362,7 +370342,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table data-testid="filter-button" disabled={false} onClick={[Function]} - onKeyDown={[Function]} tabIndex={0} type="button" > diff --git a/src/components/TableCard/__snapshots__/TableCard.story.storyshot b/src/components/TableCard/__snapshots__/TableCard.story.storyshot index 8fc249ef4f..bad34627cb 100644 --- a/src/components/TableCard/__snapshots__/TableCard.story.storyshot +++ b/src/components/TableCard/__snapshots__/TableCard.story.storyshot @@ -195,7 +195,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table data-testid="download-button" disabled={false} onClick={[Function]} - onKeyDown={[Function]} tabIndex={0} type="button" > @@ -229,7 +228,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table data-testid="filter-button" disabled={false} onClick={[Function]} - onKeyDown={[Function]} tabIndex={0} type="button" > @@ -2542,7 +2540,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table data-testid="download-button" disabled={false} onClick={[Function]} - onKeyDown={[Function]} tabIndex={0} type="button" > @@ -2576,7 +2573,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table data-testid="filter-button" disabled={false} onClick={[Function]} - onKeyDown={[Function]} tabIndex={0} type="button" > @@ -3682,7 +3678,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table data-testid="download-button" disabled={false} onClick={[Function]} - onKeyDown={[Function]} tabIndex={0} type="button" > @@ -3716,7 +3711,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table data-testid="filter-button" disabled={false} onClick={[Function]} - onKeyDown={[Function]} tabIndex={0} type="button" > @@ -6293,7 +6287,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table data-testid="download-button" disabled={false} onClick={[Function]} - onKeyDown={[Function]} tabIndex={0} type="button" > @@ -6327,7 +6320,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table data-testid="filter-button" disabled={false} onClick={[Function]} - onKeyDown={[Function]} tabIndex={0} type="button" > @@ -7681,7 +7673,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table data-testid="download-button" disabled={false} onClick={[Function]} - onKeyDown={[Function]} tabIndex={0} type="button" > @@ -7715,7 +7706,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table data-testid="filter-button" disabled={false} onClick={[Function]} - onKeyDown={[Function]} tabIndex={0} type="button" > @@ -9382,7 +9372,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table data-testid="download-button" disabled={false} onClick={[Function]} - onKeyDown={[Function]} tabIndex={0} type="button" > @@ -9416,7 +9405,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table data-testid="filter-button" disabled={false} onClick={[Function]} - onKeyDown={[Function]} tabIndex={0} type="button" > @@ -9991,7 +9979,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table data-testid="download-button" disabled={false} onClick={[Function]} - onKeyDown={[Function]} tabIndex={0} type="button" > @@ -10025,7 +10012,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table data-testid="filter-button" disabled={false} onClick={[Function]} - onKeyDown={[Function]} tabIndex={0} type="button" > @@ -12537,7 +12523,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table data-testid="download-button" disabled={false} onClick={[Function]} - onKeyDown={[Function]} tabIndex={0} type="button" > @@ -12571,7 +12556,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table data-testid="filter-button" disabled={false} onClick={[Function]} - onKeyDown={[Function]} tabIndex={0} type="button" > @@ -13954,7 +13938,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table data-testid="download-button" disabled={false} onClick={[Function]} - onKeyDown={[Function]} tabIndex={0} type="button" > @@ -13988,7 +13971,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table data-testid="filter-button" disabled={false} onClick={[Function]} - onKeyDown={[Function]} tabIndex={0} type="button" > @@ -15610,7 +15592,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table data-testid="download-button" disabled={false} onClick={[Function]} - onKeyDown={[Function]} tabIndex={0} type="button" > @@ -15644,7 +15625,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table data-testid="filter-button" disabled={false} onClick={[Function]} - onKeyDown={[Function]} tabIndex={0} type="button" > @@ -17027,7 +17007,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table data-testid="download-button" disabled={false} onClick={[Function]} - onKeyDown={[Function]} tabIndex={0} type="button" > @@ -17061,7 +17040,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table data-testid="filter-button" disabled={false} onClick={[Function]} - onKeyDown={[Function]} tabIndex={0} type="button" > @@ -18998,7 +18976,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table data-testid="download-button" disabled={false} onClick={[Function]} - onKeyDown={[Function]} tabIndex={0} type="button" > @@ -19032,7 +19009,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table data-testid="filter-button" disabled={false} onClick={[Function]} - onKeyDown={[Function]} tabIndex={0} type="button" > @@ -20729,7 +20705,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table data-testid="download-button" disabled={false} onClick={[Function]} - onKeyDown={[Function]} tabIndex={0} type="button" > @@ -20763,7 +20738,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table data-testid="filter-button" disabled={false} onClick={[Function]} - onKeyDown={[Function]} tabIndex={0} type="button" > @@ -22480,7 +22454,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table data-testid="download-button" disabled={false} onClick={[Function]} - onKeyDown={[Function]} tabIndex={0} type="button" > @@ -22514,7 +22487,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table data-testid="filter-button" disabled={false} onClick={[Function]} - onKeyDown={[Function]} tabIndex={0} type="button" > @@ -25027,7 +24999,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table data-testid="download-button" disabled={false} onClick={[Function]} - onKeyDown={[Function]} tabIndex={0} type="button" > @@ -25061,7 +25032,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table data-testid="filter-button" disabled={false} onClick={[Function]} - onKeyDown={[Function]} tabIndex={0} type="button" > @@ -27048,7 +27018,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table data-testid="download-button" disabled={false} onClick={[Function]} - onKeyDown={[Function]} tabIndex={0} type="button" > @@ -27082,7 +27051,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table data-testid="filter-button" disabled={false} onClick={[Function]} - onKeyDown={[Function]} tabIndex={0} type="button" > @@ -29665,7 +29633,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table data-testid="download-button" disabled={false} onClick={[Function]} - onKeyDown={[Function]} tabIndex={0} type="button" > @@ -29699,7 +29666,6 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table data-testid="filter-button" disabled={false} onClick={[Function]} - onKeyDown={[Function]} tabIndex={0} type="button" > From cb2800857863e5e869feb4cc9ce4057ceeb9e0e9 Mon Sep 17 00:00:00 2001 From: Scott Dickerson <swiftfoot@hotmail.com> Date: Thu, 28 May 2020 15:13:43 -0500 Subject: [PATCH 4/8] fix(toolbartooltips): hide the tooltip if the button is active --- .../__snapshots__/Dashboard.story.storyshot | 24 +++--- .../TableToolbar/TableToolbarSVGButton.jsx | 17 ++-- .../Table/TableToolbar/_table-toolbar.scss | 5 ++ .../Table/__snapshots__/Table.story.storyshot | 77 +++++-------------- .../__snapshots__/TableCard.story.storyshot | 68 ++++++++-------- 5 files changed, 83 insertions(+), 108 deletions(-) diff --git a/src/components/Dashboard/__snapshots__/Dashboard.story.storyshot b/src/components/Dashboard/__snapshots__/Dashboard.story.storyshot index 529a4629e1..112f358b73 100644 --- a/src/components/Dashboard/__snapshots__/Dashboard.story.storyshot +++ b/src/components/Dashboard/__snapshots__/Dashboard.story.storyshot @@ -1383,7 +1383,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb </div> </div> <button - className="iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" + className="bx--btn--icon-only iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" data-testid="download-button" disabled={false} onClick={[Function]} @@ -1416,7 +1416,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb </svg> </button> <button - className="iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" + className="bx--btn--icon-only iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" data-testid="filter-button" disabled={false} onClick={[Function]} @@ -3590,7 +3590,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb </div> </div> <button - className="iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" + className="bx--btn--icon-only iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" data-testid="download-button" disabled={false} onClick={[Function]} @@ -3623,7 +3623,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb </svg> </button> <button - className="iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" + className="bx--btn--icon-only iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" data-testid="filter-button" disabled={false} onClick={[Function]} @@ -5829,7 +5829,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb </div> </div> <button - className="iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" + className="bx--btn--icon-only iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" data-testid="download-button" disabled={false} onClick={[Function]} @@ -5862,7 +5862,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb </svg> </button> <button - className="iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" + className="bx--btn--icon-only iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" data-testid="filter-button" disabled={false} onClick={[Function]} @@ -7483,7 +7483,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb </div> </div> <button - className="iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" + className="bx--btn--icon-only iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" data-testid="download-button" disabled={false} onClick={[Function]} @@ -7516,7 +7516,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb </svg> </button> <button - className="iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" + className="bx--btn--icon-only iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" data-testid="filter-button" disabled={false} onClick={[Function]} @@ -10530,7 +10530,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb </div> </div> <button - className="iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" + className="bx--btn--icon-only iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" data-testid="download-button" disabled={false} onClick={[Function]} @@ -10563,7 +10563,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb </svg> </button> <button - className="iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" + className="bx--btn--icon-only iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" data-testid="filter-button" disabled={false} onClick={[Function]} @@ -24861,7 +24861,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb </div> </div> <button - className="iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" + className="bx--btn--icon-only iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" data-testid="download-button" disabled={false} onClick={[Function]} @@ -24894,7 +24894,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb </svg> </button> <button - className="iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" + className="bx--btn--icon-only iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" data-testid="filter-button" disabled={false} onClick={[Function]} diff --git a/src/components/Table/TableToolbar/TableToolbarSVGButton.jsx b/src/components/Table/TableToolbar/TableToolbarSVGButton.jsx index 677e9fa2f2..f45a3d667e 100644 --- a/src/components/Table/TableToolbar/TableToolbarSVGButton.jsx +++ b/src/components/Table/TableToolbar/TableToolbarSVGButton.jsx @@ -5,7 +5,7 @@ import { Button } from 'carbon-components-react'; import { settings } from '../../../constants/Settings'; -const { iotPrefix } = settings; +const { iotPrefix, prefix } = settings; const propTypes = { onClick: PropTypes.func.isRequired, @@ -20,16 +20,21 @@ const defaultProps = { }; /** - * Toolbar button that accepts a Carbon react icon as children + * Toolbar button that renders an icon only button */ const TableToolbarSVGButton = ({ onClick, testId, className, description, isActive, ...rest }) => { return ( <Button {...rest} - className={classNames(`${iotPrefix}--tooltip-svg-wrapper`, className, { - [`${iotPrefix}--table-toolbar-button-active`]: isActive, // https://github.com/carbon-design-system/carbon/issues/6160 - })} - hasIconOnly + className={classNames( + `${prefix}--btn--icon-only`, + `${iotPrefix}--tooltip-svg-wrapper`, + className, + { + [`${iotPrefix}--table-toolbar-button-active`]: isActive, // https://github.com/carbon-design-system/carbon/issues/6160 + } + )} + hasIconOnly={!isActive} // hide the tooltip if the button is active kind="ghost" onClick={onClick} tooltipAlignment="center" diff --git a/src/components/Table/TableToolbar/_table-toolbar.scss b/src/components/Table/TableToolbar/_table-toolbar.scss index 5b48da3bc6..ff76e15c47 100644 --- a/src/components/Table/TableToolbar/_table-toolbar.scss +++ b/src/components/Table/TableToolbar/_table-toolbar.scss @@ -20,6 +20,11 @@ div.#{$prefix}--toolbar-action.#{$prefix}--toolbar-search-container-expandable { padding-top: $spacing-01; } +// small fix to allow tooltips to show outside the toolbar if the batch action isn't active +.#{$prefix}--batch-actions:not(.#{$prefix}--batch-actions--active) ~ .#{$prefix}--toolbar-content { + clip-path: unset; +} + .#{$iot-prefix}--table-toolbar-content { flex: 1; font-size: 0.875rem; diff --git a/src/components/Table/__snapshots__/Table.story.storyshot b/src/components/Table/__snapshots__/Table.story.storyshot index fb808f75d0..0261ba30ba 100644 --- a/src/components/Table/__snapshots__/Table.story.storyshot +++ b/src/components/Table/__snapshots__/Table.story.storyshot @@ -57,7 +57,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table className="bx--toolbar-content iot--table-toolbar-content" > <button - className="iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" + className="bx--btn--icon-only iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" data-testid="row-edit-button" disabled={false} onClick={[Function]} @@ -17487,18 +17487,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table Clear all filters </button> <button - className="iot--tooltip-svg-wrapper iot--table-toolbar-button-active bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" + className="bx--btn--icon-only iot--tooltip-svg-wrapper iot--table-toolbar-button-active bx--btn bx--btn--ghost" data-testid="filter-button" disabled={false} onClick={[Function]} tabIndex={0} type="button" > - <span - className="bx--assistive-text" - > - Filters - </span> <svg aria-hidden="true" aria-label="Filters" @@ -20160,7 +20155,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table className="bx--toolbar-content iot--table-toolbar-content" > <button - className="iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" + className="bx--btn--icon-only iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" data-testid="column-selection-button" disabled={false} onClick={[Function]} @@ -20202,7 +20197,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table </svg> </button> <button - className="iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" + className="bx--btn--icon-only iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" data-testid="filter-button" disabled={false} onClick={[Function]} @@ -104278,7 +104273,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table Clear all filters </button> <button - className="iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" + className="bx--btn--icon-only iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" data-testid="download-button" disabled={false} onClick={[Function]} @@ -104311,7 +104306,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table </svg> </button> <button - className="iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" + className="bx--btn--icon-only iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" data-testid="column-selection-button" disabled={false} onClick={[Function]} @@ -104353,18 +104348,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table </svg> </button> <button - className="iot--tooltip-svg-wrapper iot--table-toolbar-button-active bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" + className="bx--btn--icon-only iot--tooltip-svg-wrapper iot--table-toolbar-button-active bx--btn bx--btn--ghost" data-testid="filter-button" disabled={false} onClick={[Function]} tabIndex={0} type="button" > - <span - className="bx--assistive-text" - > - Filters - </span> <svg aria-hidden="true" aria-label="Filters" @@ -104383,7 +104373,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table </svg> </button> <button - className="iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" + className="bx--btn--icon-only iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" data-testid="row-edit-button" disabled={false} onClick={[Function]} @@ -108591,7 +108581,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table </div> </div> <button - className="iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" + className="bx--btn--icon-only iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" data-testid="column-selection-button" disabled={false} onClick={[Function]} @@ -108633,7 +108623,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table </svg> </button> <button - className="iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" + className="bx--btn--icon-only iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" data-testid="filter-button" disabled={false} onClick={[Function]} @@ -108663,7 +108653,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table </svg> </button> <button - className="iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" + className="bx--btn--icon-only iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" data-testid="row-edit-button" disabled={false} onClick={[Function]} @@ -129623,18 +129613,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table Clear all filters </button> <button - className="iot--tooltip-svg-wrapper iot--table-toolbar-button-active bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" + className="bx--btn--icon-only iot--tooltip-svg-wrapper iot--table-toolbar-button-active bx--btn bx--btn--ghost" data-testid="filter-button" disabled={false} onClick={[Function]} tabIndex={0} type="button" > - <span - className="bx--assistive-text" - > - Filters - </span> <svg aria-hidden="true" aria-label="Filters" @@ -132763,18 +132748,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table Clear all filters </button> <button - className="iot--tooltip-svg-wrapper iot--table-toolbar-button-active bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" + className="bx--btn--icon-only iot--tooltip-svg-wrapper iot--table-toolbar-button-active bx--btn bx--btn--ghost" data-testid="filter-button" disabled={false} onClick={[Function]} tabIndex={0} type="button" > - <span - className="bx--assistive-text" - > - Filters - </span> <svg aria-hidden="true" aria-label="Filters" @@ -136809,18 +136789,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table className="bx--toolbar-content iot--table-toolbar-content" > <button - className="iot--tooltip-svg-wrapper iot--table-toolbar-button-active bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" + className="bx--btn--icon-only iot--tooltip-svg-wrapper iot--table-toolbar-button-active bx--btn bx--btn--ghost" data-testid="column-selection-button" disabled={false} onClick={[Function]} tabIndex={0} type="button" > - <span - className="bx--assistive-text" - > - Column Selection - </span> <svg aria-hidden="true" aria-label="Column Selection" @@ -139774,7 +139749,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table className="bx--toolbar-content iot--table-toolbar-content" > <button - className="iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" + className="bx--btn--icon-only iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" data-testid="filter-button" disabled={false} onClick={[Function]} @@ -159745,18 +159720,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table Clear all filters </button> <button - className="iot--tooltip-svg-wrapper iot--table-toolbar-button-active bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" + className="bx--btn--icon-only iot--tooltip-svg-wrapper iot--table-toolbar-button-active bx--btn bx--btn--ghost" data-testid="filter-button" disabled={false} onClick={[Function]} tabIndex={0} type="button" > - <span - className="bx--assistive-text" - > - Filters - </span> <svg aria-hidden="true" aria-label="Filters" @@ -162503,7 +162473,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table className="bx--toolbar-content iot--table-toolbar-content" > <button - className="iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" + className="bx--btn--icon-only iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" data-testid="column-selection-button" disabled={false} onClick={[Function]} @@ -186311,7 +186281,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table className="bx--toolbar-content iot--table-toolbar-content" > <button - className="iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" + className="bx--btn--icon-only iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" data-testid="filter-button" disabled={false} onClick={[Function]} @@ -194049,18 +194019,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table Clear all filters </button> <button - className="iot--tooltip-svg-wrapper iot--table-toolbar-button-active bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" + className="bx--btn--icon-only iot--tooltip-svg-wrapper iot--table-toolbar-button-active bx--btn bx--btn--ghost" data-testid="filter-button" disabled={false} onClick={[Function]} tabIndex={0} type="button" > - <span - className="bx--assistive-text" - > - Filters - </span> <svg aria-hidden="true" aria-label="Filters" @@ -286426,7 +286391,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table className="bx--toolbar-content iot--table-toolbar-content" > <button - className="iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" + className="bx--btn--icon-only iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" data-testid="column-selection-button" disabled={false} onClick={[Function]} @@ -370338,7 +370303,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table className="bx--toolbar-content iot--table-toolbar-content" > <button - className="iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" + className="bx--btn--icon-only iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" data-testid="filter-button" disabled={false} onClick={[Function]} diff --git a/src/components/TableCard/__snapshots__/TableCard.story.storyshot b/src/components/TableCard/__snapshots__/TableCard.story.storyshot index bad34627cb..cd10ab8877 100644 --- a/src/components/TableCard/__snapshots__/TableCard.story.storyshot +++ b/src/components/TableCard/__snapshots__/TableCard.story.storyshot @@ -191,7 +191,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table </div> </div> <button - className="iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" + className="bx--btn--icon-only iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" data-testid="download-button" disabled={false} onClick={[Function]} @@ -224,7 +224,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table </svg> </button> <button - className="iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" + className="bx--btn--icon-only iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" data-testid="filter-button" disabled={false} onClick={[Function]} @@ -2536,7 +2536,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table </div> </div> <button - className="iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" + className="bx--btn--icon-only iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" data-testid="download-button" disabled={false} onClick={[Function]} @@ -2569,7 +2569,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table </svg> </button> <button - className="iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" + className="bx--btn--icon-only iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" data-testid="filter-button" disabled={false} onClick={[Function]} @@ -3674,7 +3674,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table </div> </div> <button - className="iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" + className="bx--btn--icon-only iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" data-testid="download-button" disabled={false} onClick={[Function]} @@ -3707,7 +3707,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table </svg> </button> <button - className="iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" + className="bx--btn--icon-only iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" data-testid="filter-button" disabled={false} onClick={[Function]} @@ -6283,7 +6283,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table </div> </div> <button - className="iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" + className="bx--btn--icon-only iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" data-testid="download-button" disabled={false} onClick={[Function]} @@ -6316,7 +6316,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table </svg> </button> <button - className="iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" + className="bx--btn--icon-only iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" data-testid="filter-button" disabled={false} onClick={[Function]} @@ -7669,7 +7669,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table </div> </div> <button - className="iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" + className="bx--btn--icon-only iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" data-testid="download-button" disabled={false} onClick={[Function]} @@ -7702,7 +7702,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table </svg> </button> <button - className="iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" + className="bx--btn--icon-only iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" data-testid="filter-button" disabled={false} onClick={[Function]} @@ -9368,7 +9368,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table </div> </div> <button - className="iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" + className="bx--btn--icon-only iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" data-testid="download-button" disabled={false} onClick={[Function]} @@ -9401,7 +9401,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table </svg> </button> <button - className="iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" + className="bx--btn--icon-only iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" data-testid="filter-button" disabled={false} onClick={[Function]} @@ -9975,7 +9975,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table </div> </div> <button - className="iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" + className="bx--btn--icon-only iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" data-testid="download-button" disabled={false} onClick={[Function]} @@ -10008,7 +10008,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table </svg> </button> <button - className="iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" + className="bx--btn--icon-only iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" data-testid="filter-button" disabled={false} onClick={[Function]} @@ -12519,7 +12519,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table </div> </div> <button - className="iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" + className="bx--btn--icon-only iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" data-testid="download-button" disabled={false} onClick={[Function]} @@ -12552,7 +12552,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table </svg> </button> <button - className="iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" + className="bx--btn--icon-only iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" data-testid="filter-button" disabled={false} onClick={[Function]} @@ -13934,7 +13934,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table </div> </div> <button - className="iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" + className="bx--btn--icon-only iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" data-testid="download-button" disabled={false} onClick={[Function]} @@ -13967,7 +13967,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table </svg> </button> <button - className="iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" + className="bx--btn--icon-only iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" data-testid="filter-button" disabled={false} onClick={[Function]} @@ -15588,7 +15588,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table </div> </div> <button - className="iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" + className="bx--btn--icon-only iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" data-testid="download-button" disabled={false} onClick={[Function]} @@ -15621,7 +15621,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table </svg> </button> <button - className="iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" + className="bx--btn--icon-only iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" data-testid="filter-button" disabled={false} onClick={[Function]} @@ -17003,7 +17003,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table </div> </div> <button - className="iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" + className="bx--btn--icon-only iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" data-testid="download-button" disabled={false} onClick={[Function]} @@ -17036,7 +17036,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table </svg> </button> <button - className="iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" + className="bx--btn--icon-only iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" data-testid="filter-button" disabled={false} onClick={[Function]} @@ -18972,7 +18972,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table </div> </div> <button - className="iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" + className="bx--btn--icon-only iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" data-testid="download-button" disabled={false} onClick={[Function]} @@ -19005,7 +19005,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table </svg> </button> <button - className="iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" + className="bx--btn--icon-only iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" data-testid="filter-button" disabled={false} onClick={[Function]} @@ -20701,7 +20701,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table </div> </div> <button - className="iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" + className="bx--btn--icon-only iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" data-testid="download-button" disabled={false} onClick={[Function]} @@ -20734,7 +20734,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table </svg> </button> <button - className="iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" + className="bx--btn--icon-only iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" data-testid="filter-button" disabled={false} onClick={[Function]} @@ -22450,7 +22450,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table </div> </div> <button - className="iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" + className="bx--btn--icon-only iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" data-testid="download-button" disabled={false} onClick={[Function]} @@ -22483,7 +22483,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table </svg> </button> <button - className="iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" + className="bx--btn--icon-only iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" data-testid="filter-button" disabled={false} onClick={[Function]} @@ -24995,7 +24995,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table </div> </div> <button - className="iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" + className="bx--btn--icon-only iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" data-testid="download-button" disabled={false} onClick={[Function]} @@ -25028,7 +25028,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table </svg> </button> <button - className="iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" + className="bx--btn--icon-only iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" data-testid="filter-button" disabled={false} onClick={[Function]} @@ -27014,7 +27014,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table </div> </div> <button - className="iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" + className="bx--btn--icon-only iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" data-testid="download-button" disabled={false} onClick={[Function]} @@ -27047,7 +27047,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table </svg> </button> <button - className="iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" + className="bx--btn--icon-only iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" data-testid="filter-button" disabled={false} onClick={[Function]} @@ -29629,7 +29629,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table </div> </div> <button - className="iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" + className="bx--btn--icon-only iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" data-testid="download-button" disabled={false} onClick={[Function]} @@ -29662,7 +29662,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table </svg> </button> <button - className="iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" + className="bx--btn--icon-only iot--tooltip-svg-wrapper bx--btn bx--btn--ghost bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" data-testid="filter-button" disabled={false} onClick={[Function]} From d4c65b8287597cacdab1add4b563d986eb91a09b Mon Sep 17 00:00:00 2001 From: Scott Dickerson <swiftfoot@hotmail.com> Date: Thu, 28 May 2020 15:35:10 -0500 Subject: [PATCH 5/8] fix(tabletoolbar): allow overflow on top of table --- src/components/Table/Table.story.jsx | 5 ++++- src/components/Table/_table.scss | 1 + 2 files changed, 5 insertions(+), 1 deletion(-) diff --git a/src/components/Table/Table.story.jsx b/src/components/Table/Table.story.jsx index 3ac6e12306..961290f225 100644 --- a/src/components/Table/Table.story.jsx +++ b/src/components/Table/Table.story.jsx @@ -531,7 +531,10 @@ storiesOf('Watson IoT/Table', module) secondaryTitle={text('Secondary Title', `Row count: ${initialState.data.length}`)} actions={{ ...actions, - toolbar: { ...actions.toolbar, onDownloadCSV: csvDownloadHandler }, + toolbar: { + ...actions.toolbar, + onDownloadCSV: () => csvDownloadHandler(initialState.data, 'my table data'), + }, }} isSortable lightweight={boolean('lightweight', false)} diff --git a/src/components/Table/_table.scss b/src/components/Table/_table.scss index 0327172154..aec5acc5db 100644 --- a/src/components/Table/_table.scss +++ b/src/components/Table/_table.scss @@ -22,6 +22,7 @@ table.#{$prefix}--side-nav--data-table { .#{$iot-prefix}--table-container { min-width: unset; padding-top: 0; + overflow: visible; // need to do this to allow tooltips to render above the table .addons-iot-table-container { overflow-x: auto; From 6a8334bb7c67df9e385761ddf008413a78f77aa2 Mon Sep 17 00:00:00 2001 From: Scott Dickerson <swiftfoot@hotmail.com> Date: Thu, 28 May 2020 15:51:00 -0500 Subject: [PATCH 6/8] test(tilegallery): remove expand/collapse i18n no longer used --- src/components/TileGallery/TileGallery.story.jsx | 1 - 1 file changed, 1 deletion(-) diff --git a/src/components/TileGallery/TileGallery.story.jsx b/src/components/TileGallery/TileGallery.story.jsx index 395422bf92..f09e221269 100644 --- a/src/components/TileGallery/TileGallery.story.jsx +++ b/src/components/TileGallery/TileGallery.story.jsx @@ -235,7 +235,6 @@ storiesOf('Watson IoT Experimental/TileGallery', module) listText: text('i18n.listText', '__ListText__'), gridText: text('i18n.gridText', '__GridText__'), descriptionMoreInfo: text('i18n.descriptionMoreInfo', '__DescriptionMoreInfo__'), - arrowIconDescription: text('i18n.arrowIconDescription', '__Expand/Collapse__'), }} /> )); From c24475bf32bfbc22df5f745695e87f188b01ab3a Mon Sep 17 00:00:00 2001 From: Scott Dickerson <6663002+scottdickerson@users.noreply.github.com> Date: Thu, 28 May 2020 16:56:33 -0500 Subject: [PATCH 7/8] Update package.json Co-authored-by: David Conner <david@david-conner.com> --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index 779ec5253c..1eafa554b3 100644 --- a/package.json +++ b/package.json @@ -87,7 +87,7 @@ "@carbon/motion": "10.6.0", "@carbon/themes": "10.10.3", "carbon-components": "^10.12.0", - "carbon-components-react": "^7.12.0", + "carbon-components-react": "7.12.0", "carbon-icons": "7.0.7", "classnames": "^2.2.5", "core-js": "3.6.4", From c79895647eccb529eeb01930de464461eaaa1386 Mon Sep 17 00:00:00 2001 From: Scott Dickerson <swiftfoot@hotmail.com> Date: Fri, 29 May 2020 06:46:18 -0500 Subject: [PATCH 8/8] fix(package): undo heap size --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index 779ec5253c..6bf7f930b6 100644 --- a/package.json +++ b/package.json @@ -35,7 +35,7 @@ "lint:stylelint": "stylelint './src/**/*.scss' --syntax scss --ignorePath .gitignore", "prepare": "yarn build", "publish-npm": "yarn semantic-release", - "start": "yarn test:engines && NODE_OPTIONS='--max-old-space-size=16384' yarn storybook", + "start": "yarn test:engines && yarn storybook", "storybook": "yarn test:engines && start-storybook -p 3000 -s public/development", "test": "yarn test:engines && yarn test:a11y && yarn test:base", "test:base": "yarn test:engines && cross-env NODE_ICU_DATA=node_modules/full-icu TZ=America/Chicago jest --testPathPattern='.*\\.test\\.js(x)?' --coverage",