diff --git a/CHANGELOG.md b/CHANGELOG.md index 51fe534536..5ca730c668 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -3,6 +3,34 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# [2.146.0-next.183](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.146.0-next.182...v2.146.0-next.183) (2021-09-13) + + +### Bug Fixes + +* **table:** fix crash if hasMultisort:true without sortable columns ([ea72ce2](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/ea72ce252e96eec01e9a202c47021dcdb3b40678)) +* **table:** remove padding from checkbox at small sizes ([94837bf](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/94837bfee982519dc3f68c2ea17d32fed1167b45)) + + +### Features + +* **table:** enable size prop to be used in header/footer ([83672b2](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/83672b2c68a482a6e60c3efbd1bd46986a0f043a)) + + + + + +# [2.146.0-next.182](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.146.0-next.181...v2.146.0-next.182) (2021-09-10) + + +### Bug Fixes + +* **combocharthelpers:** removed non functional zoom code ([db8e581](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/db8e581de230501144cf447746df5fa743b571fc)) + + + + + # [2.146.0-next.181](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.146.0-next.180...v2.146.0-next.181) (2021-09-08) diff --git a/lerna.json b/lerna.json index 0e87d66b57..25879139e9 100644 --- a/lerna.json +++ b/lerna.json @@ -3,6 +3,6 @@ "packages/*" ], "useWorkspaces": true, - "version": "2.146.0-next.181", + "version": "2.146.0-next.183", "npmClient": "yarn" } diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md index 860ebcd040..cbf9e3168c 100644 --- a/packages/react/CHANGELOG.md +++ b/packages/react/CHANGELOG.md @@ -3,6 +3,34 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# [2.146.0-next.183](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.146.0-next.182...v2.146.0-next.183) (2021-09-13) + + +### Bug Fixes + +* **table:** fix crash if hasMultisort:true without sortable columns ([ea72ce2](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/ea72ce252e96eec01e9a202c47021dcdb3b40678)) +* **table:** remove padding from checkbox at small sizes ([94837bf](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/94837bfee982519dc3f68c2ea17d32fed1167b45)) + + +### Features + +* **table:** enable size prop to be used in header/footer ([83672b2](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/83672b2c68a482a6e60c3efbd1bd46986a0f043a)) + + + + + +# [2.146.0-next.182](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.146.0-next.181...v2.146.0-next.182) (2021-09-10) + + +### Bug Fixes + +* **combocharthelpers:** removed non functional zoom code ([db8e581](https://github.com/carbon-design-system/carbon-addons-iot-react/commit/db8e581de230501144cf447746df5fa743b571fc)) + + + + + # [2.146.0-next.181](https://github.com/carbon-design-system/carbon-addons-iot-react/compare/v2.146.0-next.180...v2.146.0-next.181) (2021-09-08) diff --git a/packages/react/jest.config.js b/packages/react/jest.config.js index dcd074bd7b..eef8f753b5 100644 --- a/packages/react/jest.config.js +++ b/packages/react/jest.config.js @@ -72,6 +72,7 @@ module.exports = { './src/components/TileCatalog/CatalogContent.jsx': all90Covered, './src/components/CardEditor/CardEditForm/CardEditFormItems/ThresholdsFormItem.jsx': all90Covered, './src/components/ImageCard/ImageUploader.jsx': all90Covered, + './src/components/ComboChartCard/comboChartHelpers.js': all90Covered, './src/components/DashboardEditor/DashboardEditor.jsx': { branches: 65, functions: 71 }, './src/components/BarChartCard/BarChartCard.jsx': { // TODO: Add tests for tooltip interaction and formatting when below issue is solved diff --git a/packages/react/package.json b/packages/react/package.json index 63bd307cb0..ebdb250a66 100644 --- a/packages/react/package.json +++ b/packages/react/package.json @@ -154,7 +154,6 @@ "src/components/Dashboard/CardRenderer.jsx", "src/components/MapCard/storyFiles/*.jsx", "src/components/BarChartCard/barChartUtils.js", - "src/components/ComboChartCard/comboChartHelpers.js", "src/components/Table/Table.test.helpers.js", "src/components/Table/TablePropTypes.js" ], @@ -341,7 +340,7 @@ "whatwg-fetch": "^3.0.0" }, "sideEffects": false, - "version": "2.146.0-next.181", + "version": "2.146.0-next.183", "resolutions": { "chokidar": "3.3.1", "react-grid-layout": "1.2.2", diff --git a/packages/react/src/components/ComboChartCard/comboChartHelpers.js b/packages/react/src/components/ComboChartCard/comboChartHelpers.js index 27be618ece..9084706d2a 100644 --- a/packages/react/src/components/ComboChartCard/comboChartHelpers.js +++ b/packages/react/src/components/ComboChartCard/comboChartHelpers.js @@ -13,11 +13,7 @@ import { } from '../../utils/cardUtilityFunctions'; import { CHART_COLORS } from '../../constants/CardPropTypes'; import { formatGraphTick } from '../TimeSeriesCard/timeSeriesUtils'; -import { - CARD_SIZES, - TIME_SERIES_TYPES, - ZOOM_BAR_ENABLED_CARD_SIZES, -} from '../../constants/LayoutConstants'; +import { CARD_SIZES, TIME_SERIES_TYPES } from '../../constants/LayoutConstants'; import dayjs from '../../utils/dayjs'; /** @@ -65,7 +61,7 @@ const configureAxes = (content) => { /** * * timestamp of current value * index of current value - * ticks: array of current ticks + * ticks: array of current ticks or a single string with part of the date, e.g. month or year & month */ const formatTick = (timestamp, index, ticks) => { const previousTimestamp = previousTick.current; @@ -190,7 +186,6 @@ export const useChartOptions = (content) => { decimalPrecision, i18n, isEditable, - isExpanded, isLoading, locale, series, @@ -200,7 +195,6 @@ export const useChartOptions = (content) => { tooltipDateFormatPattern, unit, values, - zoomBar, } = content; const options = { @@ -228,20 +222,6 @@ export const useChartOptions = (content) => { groupLabel: i18n.tooltipGroupLabel, totalLabel: i18n.tooltipTotalLabel, }, - // zoomBar should only be enabled for time-based charts - ...(zoomBar?.enabled && - timeDataSourceId && - (ZOOM_BAR_ENABLED_CARD_SIZES.includes(size) || isExpanded) - ? { - zoomBar: { - top: { - enabled: zoomBar.enabled, - initialZoomDomain: zoomBar.initialZoomDomain, - type: zoomBar.view || 'slider_view', // default to slider view - }, - }, - } - : {}), toolbar: { enabled: false, }, diff --git a/packages/react/src/components/ComboChartCard/comboChartHelpers.test.js b/packages/react/src/components/ComboChartCard/comboChartHelpers.test.js new file mode 100644 index 0000000000..5212a972a0 --- /dev/null +++ b/packages/react/src/components/ComboChartCard/comboChartHelpers.test.js @@ -0,0 +1,249 @@ +import { renderHook } from '@testing-library/react-hooks'; + +import { CARD_SIZES, TIME_SERIES_TYPES } from '../../constants/LayoutConstants'; +import { handleTooltip } from '../../utils/cardUtilityFunctions'; +import dayjs from '../../utils/dayjs'; + +import { useChartData, useChartOptions } from './comboChartHelpers'; + +jest.mock('../../utils/cardUtilityFunctions', () => { + const originalModule = jest.requireActual('../../utils/cardUtilityFunctions'); + + return { + __esModule: true, + ...originalModule, + handleTooltip: jest.fn(() => 'mocked handleTooltip'), + }; +}); + +const getChartOptionsParams = () => ({ + size: 'WIDE', // Old size that gets translated + addSpaceOnEdges: 0, + chartTitle: undefined, + comboChartTypes: [], + curve: 'curveNatural', + decimalPrecision: 0, + i18n: {}, + includeZeroOnXaxis: true, + includeZeroOnYaxis: true, + interval: undefined, + isEditable: false, + isLoading: false, + legend: { position: 'top' }, + previousTick: { current: 'Sat Dec 01 2018 00:00:00' }, + series: [], + showLegend: true, + showTimeInGMT: false, + thresholds: [], + timeDataSourceId: 'date-id', + tooltipDateFormatPattern: 'L HH:mm:ss', + values: [], + xLabel: 'Date', + yLabel: 'Score', +}); + +describe('comboChartHelpers', () => { + describe('useChartOptions - axes', () => { + it('creates a ticks formatter function for the bottom axis ', () => { + const { result } = renderHook(() => useChartOptions(getChartOptionsParams())); + expect( + result.current.axes.bottom.ticks.formatter('Wed Jan 02 2019 00:00:00', 0, 'Jan 2019') + ).toEqual('Jan 02 2019'); + }); + + it('sets max ticks to the bottom axis depending on size', () => { + let params = { ...getChartOptionsParams(), size: CARD_SIZES.MEDIUMTHIN }; + let wrappedResult = renderHook(() => useChartOptions(params)); + expect(wrappedResult.result.current.axes.bottom.ticks.max).toEqual(2); + + params = { ...getChartOptionsParams(), size: CARD_SIZES.MEDIUM }; + wrappedResult = renderHook(() => useChartOptions(params)); + expect(wrappedResult.result.current.axes.bottom.ticks.max).toEqual(4); + + params = { ...getChartOptionsParams(), size: CARD_SIZES.MEDIUMWIDE }; + wrappedResult = renderHook(() => useChartOptions(params)); + expect(wrappedResult.result.current.axes.bottom.ticks.max).toEqual(6); + + params = { ...getChartOptionsParams(), size: CARD_SIZES.LARGE }; + wrappedResult = renderHook(() => useChartOptions(params)); + expect(wrappedResult.result.current.axes.bottom.ticks.max).toEqual(6); + + params = { ...getChartOptionsParams(), size: CARD_SIZES.LARGEWIDE }; + wrappedResult = renderHook(() => useChartOptions(params)); + expect(wrappedResult.result.current.axes.bottom.ticks.max).toEqual(14); + + params = { ...getChartOptionsParams(), size: undefined }; + wrappedResult = renderHook(() => useChartOptions(params)); + expect(wrappedResult.result.current.axes.bottom.ticks.max).toEqual(10); + }); + + it('sets a domain range to the bottom axis if present', () => { + const domainRange = [ + new Date('Tue Jan 01 2019 00:00:00'), + new Date('Sat Dec 01 2018 00:00:00'), + ]; + const params = { ...getChartOptionsParams(), domainRange }; + const { result } = renderHook(() => useChartOptions(params)); + expect(result.current.axes.bottom.domain).toEqual(domainRange); + }); + + it('sets a unit to the left axis title if present', () => { + const params = { ...getChartOptionsParams(), unit: 'my unit' }; + const { result } = renderHook(() => useChartOptions(params)); + expect(result.current.axes.left.title).toEqual('Score (my unit)'); + }); + + it('stacks the left axis for BAR with multiple series', () => { + const params = { + ...getChartOptionsParams(), + chartType: TIME_SERIES_TYPES.BAR, + series: [ + { dataSourceId: 'health', label: 'Health' }, + { dataSourceId: 'age', label: 'Age' }, + ], + }; + const { result } = renderHook(() => useChartOptions(params)); + expect(result.current.axes.left.stacked).toEqual(true); + }); + }); + describe('useChartOptions - tooltip', () => { + it('creates a tooltip value formatter function', () => { + let params = { + ...getChartOptionsParams(), + decimalPrecision: 4, + locale: 'fr', + size: CARD_SIZES.LARGE, + unit: 'My unit', + }; + let wrappedResult = renderHook(() => useChartOptions(params)); + expect(wrappedResult.result.current.tooltip.valueFormatter(10.4567898)).toEqual( + '10,4568 My unit' + ); + + params = { + ...getChartOptionsParams(), + decimalPrecision: 3, + locale: 'us', + size: CARD_SIZES.MEDIUMTHIN, + }; + wrappedResult = renderHook(() => useChartOptions(params)); + expect(wrappedResult.result.current.tooltip.valueFormatter(10.4567898)).toEqual('10.457'); + + params = { + ...getChartOptionsParams(), + decimalPrecision: 3, + locale: 'us', + size: CARD_SIZES.MEDIUMTHIN, + }; + wrappedResult = renderHook(() => useChartOptions(params)); + expect(wrappedResult.result.current.tooltip.valueFormatter(null)).toEqual('--'); + }); + + it('creates a custom tooltip HTML function based on handleTooltip', () => { + const dateValue = new Date(1500000000000); + let params = { ...getChartOptionsParams() }; + let wrappedResult = renderHook(() => useChartOptions(params)); + wrappedResult.result.current.tooltip.customHTML(dateValue); + expect(handleTooltip).toHaveBeenCalledWith( + dateValue, + 'date-id', + false, + 'L HH:mm:ss', + undefined + ); + + params = { + ...getChartOptionsParams(), + locale: 'fr', + showTimeInGMT: true, + tooltipDateFormatPattern: 'L HH:mm', + }; + wrappedResult = renderHook(() => useChartOptions(params)); + wrappedResult.result.current.tooltip.customHTML(dateValue); + expect(handleTooltip).toHaveBeenCalledWith(dateValue, 'date-id', true, 'L HH:mm', 'fr'); + }); + }); + describe('useChartData', () => { + it('it returns dates as data type Date when input is data type Date', () => { + const { result } = renderHook(() => + useChartData( + [ + { date: new Date('2018-12-01T00:00:00'), health: 85, age: 78, condition: 97, rul: 93 }, + { date: new Date('2018-12-15T00:00:00'), health: 83, age: 77, condition: 95, rul: 92 }, + { date: new Date('2019-01-01T00:00:00'), health: 83, age: 77, condition: 94, rul: 92 }, + ], + { + series: [ + { dataSourceId: 'health', label: 'Health' }, + { dataSourceId: 'age', label: 'Age' }, + { dataSourceId: 'condition', label: 'Condition' }, + { dataSourceId: 'rul', label: 'RUL' }, + ], + timeDataSourceId: 'date', + } + ) + ); + expect(result.current.length).toEqual(12); + expect(result.current[0]).toEqual({ + date: new Date('2018-12-01T00:00:00'), + group: 'Health', + value: 85, + }); + }); + + it('it returns dates as dayjs objects when input is date strings', () => { + const { result } = renderHook(() => + useChartData( + [ + { date: '2018-12-01T00:00:00', health: 85, age: 78, condition: 97, rul: 93 }, + { date: '2018-12-15T00:00:00', health: 83, age: 77, condition: 95, rul: 92 }, + { date: '2019-01-01T00:00:00', health: 83, age: 77, condition: 94, rul: 92 }, + ], + { + series: [ + { dataSourceId: 'health', label: 'Health' }, + { dataSourceId: 'age', label: 'Age' }, + { dataSourceId: 'condition', label: 'Condition' }, + { dataSourceId: 'rul', label: 'RUL' }, + ], + timeDataSourceId: 'date', + } + ) + ); + expect(result.current.length).toEqual(12); + expect(result.current[0]).toEqual({ + date: dayjs('2018-12-01T00:00:00'), + group: 'Health', + value: 85, + }); + }); + + it('it returns dates in dayjs utc object when input is date strings and showTimeInGMT is true', () => { + const { result } = renderHook(() => + useChartData( + [ + { date: '2018-12-01T00:00:00', health: 85, age: 78, condition: 97, rul: 93 }, + { date: '2018-12-15T00:00:00', health: 83, age: 77, condition: 95, rul: 92 }, + { date: '2019-01-01T00:00:00', health: 83, age: 77, condition: 94, rul: 92 }, + ], + { + series: [ + { dataSourceId: 'health', label: 'Health' }, + { dataSourceId: 'age', label: 'Age' }, + { dataSourceId: 'condition', label: 'Condition' }, + { dataSourceId: 'rul', label: 'RUL' }, + ], + timeDataSourceId: 'date', + showTimeInGMT: true, + } + ) + ); + expect(result.current.length).toEqual(12); + expect(result.current[0]).toEqual({ + date: dayjs.utc('2018-12-01T00:00:00'), + group: 'Health', + value: 85, + }); + }); + }); +}); diff --git a/packages/react/src/components/DataTable/_data-table.scss b/packages/react/src/components/DataTable/_data-table.scss index f3dfc807c0..6c7b57b3f6 100644 --- a/packages/react/src/components/DataTable/_data-table.scss +++ b/packages/react/src/components/DataTable/_data-table.scss @@ -79,16 +79,32 @@ html[dir='rtl'] { padding-right: 0; } } -} -.#{$prefix}--data-table .#{$prefix}--checkbox-table-cell { - padding-bottom: $spacing-03; - padding-top: $spacing-03; - width: 2.5rem; + // override padding on chexkbox cells, so that it aligns with cell content in tables with xl size prop + &.#{$prefix}--data-table--xl { + .#{$prefix}--checkbox-table-cell { + padding-top: $spacing-05; + } + } + + &.#{$prefix}--data-table--xs, + &.#{$prefix}--data-table--sm, + &.#{$prefix}--data-table--md { + .#{$prefix}--checkbox-table-cell { + padding-top: $spacing-01; + padding-bottom: $spacing-01; + } + } - /* Added to undo carbon component. this needs to be removed when we redo this table */ - &::after { - background-color: transparent !important; + .#{$prefix}--checkbox-table-cell { + padding-bottom: $spacing-03; + padding-top: $spacing-03; + width: 2.5rem; + + /* Added to undo carbon component. this needs to be removed when we redo this table */ + &::after { + background-color: transparent !important; + } } } diff --git a/packages/react/src/components/SuiteHeader/IdleLogoutConfirmationModal/IdleLogoutConfirmationModal.test.jsx b/packages/react/src/components/SuiteHeader/IdleLogoutConfirmationModal/IdleLogoutConfirmationModal.test.jsx index a2d2dd7102..26137f3f6b 100644 --- a/packages/react/src/components/SuiteHeader/IdleLogoutConfirmationModal/IdleLogoutConfirmationModal.test.jsx +++ b/packages/react/src/components/SuiteHeader/IdleLogoutConfirmationModal/IdleLogoutConfirmationModal.test.jsx @@ -161,4 +161,49 @@ describe('IdleLogoutConfirmationModal', () => { }); expect(window.location.href).not.toBe(commonProps.routes.logoutInactivity); }); + + it("user clicks 'Stay logged in' on the idle logout confirmation dialog", async () => { + jest.spyOn(IdleLogoutConfirmationModal.defaultProps, 'onStayLoggedIn'); + render( false} />); + // Simulate a timestamp cookie that is in the past + Object.defineProperty(window.document, 'cookie', { + writable: true, + value: `${commonProps.idleTimeoutData.cookieName}=${Date.now() - 1000}`, + }); + act(() => { + jest.runOnlyPendingTimers(); + }); + const modalStayLoggedInButton = within( + screen.getByTestId('idle-logout-confirmation') + ).getByText(SuiteHeaderI18N.en.sessionTimeoutModalStayLoggedInButton); + await userEvent.click(modalStayLoggedInButton); + expect(IdleLogoutConfirmationModal.defaultProps.onStayLoggedIn).toHaveBeenCalled(); + jest.restoreAllMocks(); + }); + + it('should restart the timer when cookie changes', async () => { + jest.spyOn(IdleLogoutConfirmationModal.defaultProps, 'onStayLoggedIn'); + render( false} />); + // Simulate a timestamp cookie that is in the past + Object.defineProperty(window.document, 'cookie', { + writable: true, + value: `${commonProps.idleTimeoutData.cookieName}=${Date.now() - 1000}`, + }); + act(() => { + jest.runOnlyPendingTimers(); + }); + expect(IdleLogoutConfirmationModal.defaultProps.onStayLoggedIn).not.toHaveBeenCalled(); + + // Simulate a timestamp cookie that is in the future (another tab could have updated it) + Object.defineProperty(window.document, 'cookie', { + writable: true, + value: `${commonProps.idleTimeoutData.cookieName}=${Date.now() + 1000}`, + }); + act(() => { + jest.runOnlyPendingTimers(); + }); + + expect(IdleLogoutConfirmationModal.defaultProps.onStayLoggedIn).toHaveBeenCalled(); + jest.restoreAllMocks(); + }); }); diff --git a/packages/react/src/components/Table/StatefulTable.story.jsx b/packages/react/src/components/Table/StatefulTable.story.jsx index 034e5cceb3..356b7246f3 100644 --- a/packages/react/src/components/Table/StatefulTable.story.jsx +++ b/packages/react/src/components/Table/StatefulTable.story.jsx @@ -32,6 +32,8 @@ import TableViewDropdown from './TableViewDropdown/TableViewDropdown'; import TableSaveViewModal from './TableSaveViewModal/TableSaveViewModal'; export const StatefulTableWithNestedRowItems = (props) => { + const selectedTableType = select('Type of Table', ['Table', 'StatefulTable'], 'StatefulTable'); + const MyTable = selectedTableType === 'StatefulTable' ? StatefulTable : Table; const tableData = initialState.data.map((i, idx) => ({ ...i, children: @@ -65,18 +67,30 @@ export const StatefulTableWithNestedRowItems = (props) => { })); return (
- { }, }} actions={tableActions} - lightweight={boolean('lightweight', false)} + lightweight={boolean('Show an alternate header style (lightweight)', false)} {...props} />
@@ -113,67 +127,110 @@ export default { ], }; -export const SimpleStatefulExample = () => ( - { - if (column.filter) { - return { - ...column, - filter: { - ...column.filter, - isMultiselect: !!column.filter?.options, - }, - }; - } - return column; - })} - style={{ maxWidth: select('table width', ['auto', '300px'], 'auto') }} - lightweight={boolean('lightweight', false)} - options={{ - hasRowSelection: select('options.hasRowSelection', ['multi', 'single'], 'multi'), - hasRowExpansion: boolean('options.hasRowExpansion', false), - hasRowNesting: boolean('options.hasRowNesting', false), - wrapCellText: select('options.wrapCellText', selectTextWrapping, 'always'), - hasSearch: boolean('options.hasSearch', false), - hasFilter: boolean('options.hasFilter', false), - hasAggregations: boolean('options.hasAggregations', false), - hasPagination: boolean('options.hasPagination', false), - hasSort: boolean('options.hasSort', false), - hasMultiSort: boolean('options.hasMultiSort', false), - hasResize: boolean('options.hasResize', false), - useAutoTableLayoutForResize: boolean('options.useAutoTableLayoutForResize', false), - hasColumnSelection: boolean('options.hasColumnSelection', false), - }} - view={{ - aggregations: { - label: text('view.aggregations.label', 'Total:'), - columns: [ - object('view.aggregations.columns[0]', { - id: 'number', - align: 'start', - isSortable: false, - }), - ], - }, - table: { - selectedIds: array('selectedIds', []), - }, - toolbar: { - batchActions: [ - { - iconDescription: 'Delete Item', - id: 'delete', - labelText: 'Delete', - renderIcon: TrashCan16, - }, - ], - }, - }} - /> -); +export const SimpleStatefulExample = () => { + const selectedTableType = select('Type of Table', ['Table', 'StatefulTable'], 'StatefulTable'); + const MyTable = selectedTableType === 'StatefulTable' ? StatefulTable : Table; + return ( + { + if (column.filter) { + return { + ...column, + filter: { + ...column.filter, + isMultiselect: !!column.filter?.options, + }, + }; + } + return column; + })} + style={{ maxWidth: select('table width', ['auto', '300px'], 'auto') }} + useZebraStyles={boolean('Alternate colors in table rows (useZebraStyles)', false)} + lightweight={boolean('Show an alternate header style (lightweight)', false)} + size={select( + 'Sets the height of the table rows (size)', + ['xs', 'sm', 'md', 'lg', 'xl'], + 'lg' + )} + options={{ + hasAggregations: boolean( + 'Aggregates column values and displays in a footer row (options.hasAggregations)', + false + ), + hasColumnSelection: boolean( + 'Enables choosing which columns are available (options.hasColumnSelection)', + false + ), + hasFilter: boolean('Enables filtering columns by value (options.hasFilter)', false), + hasMultiSort: boolean( + 'Enables sorting the table by multiple dimentions (options.hasMultiSort)', + false + ), + hasPagination: boolean('Enables pagination for the table (options.hasPagination)', false), + hasResize: boolean('Enables resizing of column widths (options.hasResize)', false), + hasRowExpansion: boolean( + 'Enables expanding rows to show additional content (options.hasRowExpansion)', + false + ), + hasRowNesting: boolean( + 'Enables rows to have nested rows within (options.hasRowNesting)', + false + ), + hasRowSelection: select( + 'Enable or Disable selecting single, multiple, or no rows (options.hasRowSelection)', + ['multi', 'single', false], + 'multi' + ), + hasSearch: boolean('Enable searching on the table values (options.hasSearch)', false), + hasSort: boolean('Enable sorting columns by a single dimension (options.hasSort)', false), + preserveColumnWidths: boolean( + 'Preserve column widths when resizing (options.preserveColumnWidths)', + false + ), + useAutoTableLayoutForResize: boolean( + 'Removes table-layout:fixed to allow resizable tables (options.useAutoTableLayoutForResize)', + false + ), + wrapCellText: select( + 'Choose how text should wrap witin columns (options.wrapCellText)', + selectTextWrapping, + 'always' + ), + }} + view={{ + aggregations: { + label: text('The label used in the aggregation row (view.aggregations.label)', 'Total:'), + columns: [ + object( + 'An example column object to demonstrate which columns should aggregate (view.aggregations.columns[0])', + { + id: 'number', + align: 'start', + isSortable: false, + } + ), + ], + }, + table: { + selectedIds: array('An array of selected table ids (view.table.selectedIds)', []), + }, + toolbar: { + batchActions: [ + { + iconDescription: 'Delete Item', + id: 'delete', + labelText: 'Delete', + renderIcon: TrashCan16, + }, + ], + }, + }} + /> + ); +}; SimpleStatefulExample.storyName = 'simple stateful table'; @@ -191,7 +248,7 @@ export const StatefulExampleWithRowNestingAndFixedColumns = () => ( ); StatefulExampleWithRowNestingAndFixedColumns.storyName = - 'Stateful Example with row nesting and resizable columns with initial width'; + 'with row nesting and resizable columns with initial width'; StatefulExampleWithRowNestingAndFixedColumns.parameters = { info: { @@ -241,18 +298,29 @@ StatefulExampleWithRowNestingAndFixedColumns.parameters = { }; export const StatefulExampleWithSingleNestedHierarchy = () => { + const selectedTableType = select('Type of Table', ['Table', 'StatefulTable'], 'StatefulTable'); + const MyTable = selectedTableType === 'StatefulTable' ? StatefulTable : Table; + const tableData = initialState.data.map((i, idx) => ({ ...i, children: [getNewRow(idx, 'A', true), getNewRow(idx, 'B', true)], })); return (
- { true ), }, - wrapCellText: select('wrapCellText', selectTextWrapping, 'always'), + wrapCellText: select( + 'Choose how text should wrap witin columns (options.wrapCellText)', + selectTextWrapping, + 'always' + ), }} actions={tableActions} - lightweight={boolean('lightweight', false)} + lightweight={boolean('Show an alternate header style (lightweight)', false)} />
); }; -StatefulExampleWithSingleNestedHierarchy.storyName = - 'Stateful Example with single nested hierarchy'; +StatefulExampleWithSingleNestedHierarchy.storyName = 'with single nested hierarchy'; StatefulExampleWithSingleNestedHierarchy.parameters = { info: { @@ -324,37 +395,63 @@ StatefulExampleWithSingleNestedHierarchy.parameters = { }, }; -export const SimpleStatefulExampleWithColumnOverflowMenu = () => ( - - - -); +export const SimpleStatefulExampleWithColumnOverflowMenu = () => { + const selectedTableType = select('Type of Table', ['Table', 'StatefulTable'], 'StatefulTable'); + const MyTable = selectedTableType === 'StatefulTable' ? StatefulTable : Table; + return ( + + ({ + ...c, + width: '150px', + }))} + actions={tableActions} + lightweight={boolean('Show an alternate header style (lightweight)', false)} + size={select( + 'Sets the height of the table rows (size)', + ['xs', 'sm', 'md', 'lg', 'xl'], + 'lg' + )} + options={{ + hasAggregations: true, + hasPagination: boolean('Enables pagination for the table (options.hasPagination)', true), + hasRowSelection: select( + 'Enable or Disable selecting single, multiple, or no rows (options.hasRowSelection)', + ['multi', 'single'], + 'multi' + ), + hasRowExpansion: false, + hasResize: true, + wrapCellText: select( + 'Choose how text should wrap witin columns (options.wrapCellText)', + selectTextWrapping, + 'always' + ), + preserveColumnWidths: true, + }} + view={{ + aggregations: { + label: 'Total', + columns: [ + { + id: 'number', + align: 'end', + }, + ], + }, + table: { + selectedIds: array( + 'An array of currently selected rowIds (view.table.selectedIds)', + [] + ), + }, + }} + /> + + ); +}; SimpleStatefulExampleWithColumnOverflowMenu.storyName = 'with column overflow menu and aggregate column values'; @@ -362,130 +459,195 @@ SimpleStatefulExampleWithColumnOverflowMenu.storyName = SimpleStatefulExampleWithColumnOverflowMenu.parameters = { info: { text: - 'This is an example of the component that implements the overflow menu in the column header. Refer to the source files under /src/components/Table/TableHead for details. ', + 'This is an example of the component that implements the overflow menu in the column header. Refer to the source files under /src/components/Table/TableHead for details. ', + propTables: [Table], + propTablesExclude: [StatefulTable], + }, +}; + +export const SimpleStatefulExampleWithAlignment = () => { + const selectedTableType = select('Type of Table', ['Table', 'StatefulTable'], 'StatefulTable'); + const MyTable = selectedTableType === 'StatefulTable' ? StatefulTable : Table; + return ( + + ({ + ...c, + width: idx % 2 === 0 ? '100px' : '200px', + tooltip: c.id === 'select' ? 'Select an option' : undefined, + }))} + data={initialState.data.map((eachRow, index) => ({ + ...eachRow, + isSelectable: index % 3 !== 0, + }))} + size={select( + 'Sets the height of the table rows (size)', + ['xs', 'sm', 'md', 'lg', 'xl'], + 'lg' + )} + actions={tableActions} + lightweight={boolean('Show an alternate header style (lightweight)', false)} + options={{ + hasRowSelection: select( + 'Enable or Disable selecting single, multiple, or no rows (options.hasRowSelection)', + ['multi', 'single', false], + 'multi' + ), + hasRowExpansion: boolean( + 'Enables expanding rows to show additional content (options.hasRowExpansion)', + false + ), + }} + view={{ + table: { + selectedIds: array( + 'An array of currently selected rowIds (view.table.selectedIds)', + [] + ), + }, + }} + /> + + ); +}; + +SimpleStatefulExampleWithAlignment.storyName = 'with alignment and column tooltip'; + +SimpleStatefulExampleWithAlignment.parameters = { + info: { + text: + 'This is an example of the component that uses local state to handle all the table actions. This is produced by wrapping the in a container component and managing the state associated with features such the toolbar, filters, row select, etc. For more robust documentation on the prop model and source, see the other "with function" stories.', propTables: [Table], propTablesExclude: [StatefulTable], }, }; -export const SimpleStatefulExampleWithAlignment = () => ( - - { + const selectedTableType = select('Type of Table', ['Table', 'StatefulTable'], 'StatefulTable'); + const MyTable = selectedTableType === 'StatefulTable' ? StatefulTable : Table; + return ( + ({ - ...c, - width: idx % 2 === 0 ? '100px' : '200px', - tooltip: c.id === 'select' ? 'Select an option' : undefined, - }))} + secondaryTitle={text( + 'Title shown in bar above header row (secondaryTitle)', + `Row count: ${initialState.data.length}` + )} data={initialState.data.map((eachRow, index) => ({ ...eachRow, isSelectable: index % 3 !== 0, }))} actions={tableActions} - lightweight={boolean('lightweight', false)} + lightweight={boolean('Show an alternate header style (lightweight)', false)} + size={select( + 'Sets the height of the table rows (size)', + ['xs', 'sm', 'md', 'lg', 'xl'], + 'lg' + )} options={{ - hasRowSelection: select('options.hasRowSelection', ['multi', 'single'], 'multi'), - hasRowExpansion: boolean('options.hasRowExpansion', false), + hasRowSelection: select( + 'Enable or Disable selecting single, multiple, or no rows (options.hasRowSelection)', + ['multi', 'single', false], + 'multi' + ), + hasRowExpansion: false, + }} + view={{ + table: { + selectedIds: array('An array of currently selected rowIds (view.table.selectedIds)', []), + }, }} - view={{ table: { selectedIds: array('selectedIds', []) } }} /> - -); - -SimpleStatefulExampleWithAlignment.storyName = 'Simple Stateful Example with alignment'; - -SimpleStatefulExampleWithAlignment.parameters = { - info: { - text: - 'This is an example of the component that uses local state to handle all the table actions. This is produced by wrapping the
in a container component and managing the state associated with features such the toolbar, filters, row select, etc. For more robust documentation on the prop model and source, see the other "with function" stories.', - propTables: [Table], - propTablesExclude: [StatefulTable], - }, + ); }; -export const StatefulExampleWithEveryThirdRowUnselectable = () => ( - ({ - ...eachRow, - isSelectable: index % 3 !== 0, - }))} - actions={tableActions} - lightweight={boolean('lightweight', false)} - options={{ - hasRowSelection: select('hasRowSelection', ['multi', 'single'], 'multi'), - hasRowExpansion: false, - }} - view={{ table: { selectedIds: array('selectedIds', []) } }} - /> -); - -StatefulExampleWithEveryThirdRowUnselectable.storyName = - 'Stateful Example with every third row unselectable'; +StatefulExampleWithEveryThirdRowUnselectable.storyName = 'with every third row unselectable'; StatefulExampleWithEveryThirdRowUnselectable.parameters = { info: { text: - 'This is an example of the component that uses local state to handle all the table actions. This is produced by wrapping the
in a container component and managing the state associated with features such the toolbar, filters, row select, etc. For more robust documentation on the prop model and source, see the other "with function" stories.', + 'This is an example of the component that uses local state to handle all the table actions. This is produced by wrapping the
in a container component and managing the state associated with features such the toolbar, filters, row select, etc. For more robust documentation on the prop model and source, see the other "with function" stories.', propTables: [Table], propTablesExclude: [StatefulTable], }, }; -export const StatefulExampleWithExpansionMaxPagesAndColumnResize = () => ( - - - Example Flyout Content - +export const StatefulExampleWithExpansionMaxPagesAndColumnResize = () => { + const selectedTableType = select('Type of Table', ['Table', 'StatefulTable'], 'StatefulTable'); + const MyTable = selectedTableType === 'StatefulTable' ? StatefulTable : Table; + return ( + + + Example Flyout Content + + ), + }, + }} + secondaryTitle={text( + 'Title shown in bar above header row (secondaryTitle)', + `Row count: ${initialState.data.length}` + )} + actions={{ + ...tableActions, + toolbar: { + ...tableActions.toolbar, + onDownloadCSV: (filteredData) => csvDownloadHandler(filteredData, 'my table data'), + }, + }} + lightweight={boolean('Show an alternate header style (lightweight)', false)} + size={select( + 'Sets the height of the table rows (size)', + ['xs', 'sm', 'md', 'lg', 'xl'], + 'lg' + )} + options={{ + ...initialState.options, + hasResize: true, + hasFilter: select( + 'Enables filtering columns by value (options.hasFilter)', + ['onKeyPress', 'onEnterAndBlur', true, false], + 'onKeyPress' ), - }, - }} - secondaryTitle={text('Secondary Title', `Row count: ${initialState.data.length}`)} - actions={{ - ...tableActions, - toolbar: { - ...tableActions.toolbar, - onDownloadCSV: (filteredData) => csvDownloadHandler(filteredData, 'my table data'), - }, - }} - lightweight={boolean('lightweight', false)} - options={{ - ...initialState.options, - hasResize: true, - hasFilter: select('hasFilter', ['onKeyPress', 'onEnterAndBlur'], 'onKeyPress'), - wrapCellText: select('wrapCellText', selectTextWrapping, 'always'), - hasSingleRowEdit: true, - }} - /> - -); + wrapCellText: select( + 'Choose how text should wrap witin columns (options.wrapCellText)', + selectTextWrapping, + 'always' + ), + hasSingleRowEdit: true, + }} + /> + + ); +}; StatefulExampleWithExpansionMaxPagesAndColumnResize.storyName = - 'Stateful Example with expansion, maxPages, and column resize'; + 'with expansion, maxPages, and column resize'; StatefulExampleWithExpansionMaxPagesAndColumnResize.parameters = { info: { @@ -524,6 +686,8 @@ StatefulExampleWithExpansionMaxPagesAndColumnResize.parameters = { }; export const StatefulExampleWithCreateSaveViews = () => { + const selectedTableType = select('Type of Table', ['Table', 'StatefulTable'], 'StatefulTable'); + const MyTable = selectedTableType === 'StatefulTable' ? StatefulTable : Table; // The initial default state for this story is one with no active filters // and no default search value etc, i.e. a view all scenario. const defaultState = { @@ -753,12 +917,12 @@ export const StatefulExampleWithCreateSaveViews = () => { setViewToSave(viewToEdit); }, onDelete, - onClearError: action('onClearManageViewsModalError'), + onClearError: action('TableManageViewsModal: onClearManageViewsModalError'), onClose: () => setManageViewsModalOpen(false), }} defaultViewId={defaultViewId} - error={select('error', [undefined, 'My error msg'], undefined)} - isLoading={boolean('isLoading', false)} + error={select('TableManageViewsModal: error', [undefined, 'My error msg'], undefined)} + isLoading={boolean('TableManageViewsModal: isLoading', false)} open={manageViewsModalOpen} views={manageViewsCurrentPageItems} pagination={{ @@ -876,14 +1040,14 @@ export const StatefulExampleWithCreateSaveViews = () => { onClose: () => { setViewToSave(undefined); }, - onClearError: action('onClearError'), - onChange: action('onChange'), + onClearError: action('TableSaveViewModal: onClearError'), + onChange: action('TableSaveViewModal: onChange'), }} - sendingData={boolean('sendingData', false)} - error={select('error', [undefined, 'My error msg'], undefined)} + sendingData={boolean('TableSaveViewModal: sendingData', false)} + error={select('TableSaveViewModal: error', [undefined, 'My error msg'], undefined)} open - titleInputInvalid={boolean('titleInputInvalid', false)} - titleInputInvalidText={text('titleInputInvalidText', undefined)} + titleInputInvalid={boolean('TableSaveViewModal: titleInputInvalid', false)} + titleInputInvalidText={text('TableSaveViewModal: titleInputInvalidText', undefined)} viewDescription={getDescription(viewToSave.props.view)} initialFormValues={{ title: viewToSave.title, @@ -922,7 +1086,7 @@ export const StatefulExampleWithCreateSaveViews = () => { {renderManageViewsModal()} {renderSaveViewModal()} - { ...tableActions, onUserViewModified, }} - lightweight={boolean('lightweight', false)} + lightweight={boolean('Show an alternate header style (lightweight)', false)} + size={select( + 'Sets the height of the table rows (size)', + ['xs', 'sm', 'md', 'lg', 'xl'], + 'lg' + )} options={{ ...defaultState.options, hasResize: true, - hasFilter: select('hasFilter', ['onKeyPress', 'onEnterAndBlur'], 'onKeyPress'), - wrapCellText: select('wrapCellText', selectTextWrapping, 'always'), + hasFilter: select( + 'Enables filtering columns by value (options.hasFilter)', + ['onKeyPress', 'onEnterAndBlur', true, false], + 'onKeyPress' + ), + wrapCellText: select( + 'Choose how text should wrap witin columns (options.wrapCellText)', + selectTextWrapping, + 'always' + ), // Enables the behaviour in StatefulTable and Table required // to fully implement Create and Save Views hasUserViewManagement: true, @@ -955,7 +1132,7 @@ export const StatefulExampleWithCreateSaveViews = () => { ); }; -StatefulExampleWithCreateSaveViews.storyName = 'Stateful Example with Create & Save Views'; +StatefulExampleWithCreateSaveViews.storyName = 'with create & save view management'; StatefulExampleWithCreateSaveViews.decorators = [createElement]; StatefulExampleWithCreateSaveViews.parameters = { @@ -971,6 +1148,8 @@ StatefulExampleWithCreateSaveViews.parameters = { }; export const WithPreFilledSearch = () => { + const selectedTableType = select('Type of Table', ['Table', 'StatefulTable'], 'StatefulTable'); + const MyTable = selectedTableType === 'StatefulTable' ? StatefulTable : Table; const [defaultValue, setDefaultValue] = useState('toyota'); const sampleDefaultValues = ['whiteboard', 'scott', 'helping']; return ( @@ -998,9 +1177,12 @@ export const WithPreFilledSearch = () => { > Reset defaultValue prop to empty string - { hasPagination: true, hasRowSelection: 'single', }} + size={select( + 'Sets the height of the table rows (size)', + ['xs', 'sm', 'md', 'lg', 'xl'], + 'lg' + )} view={{ toolbar: { search: { @@ -1018,7 +1205,10 @@ export const WithPreFilledSearch = () => { }, }} i18n={{ - emptyButtonLabelWithFilters: text('i18n.emptyButtonLabel', '__Clear all filters__'), + emptyButtonLabelWithFilters: text( + 'i18n strings for translation (i18n.emptyButtonLabel)', + '__Clear all filters__' + ), }} /> @@ -1041,7 +1231,7 @@ export const StatefulTableWithAdvancedFilters = () => { { filterId: 'story-filter', /** Text for main tilte of page */ - filterTitleText: 'Story Filter', + filterTitleText: 'date CONTAINS 19, boolean=true', /** Text for metadata for the filter */ filterMetaText: `last updated: 2021-03-11 15:34:01`, /** tags associated with particular filter */ @@ -1128,7 +1318,7 @@ export const StatefulTableWithAdvancedFilters = () => { { filterId: 'next-filter', /** Text for main tilte of page */ - filterTitleText: 'Next Filter', + filterTitleText: 'select=Option c, boolean=false', /** Text for metadata for the filter */ filterMetaText: `last updated: 2021-03-11 15:34:01`, /** tags associated with particular filter */ @@ -1237,6 +1427,11 @@ export const StatefulTableWithAdvancedFilters = () => { hasRowSelection: 'multi', hasAdvancedFilter: true, }} + size={select( + 'Sets the height of the table rows (size)', + ['xs', 'sm', 'md', 'lg', 'xl'], + 'lg' + )} view={{ filters: [ { @@ -1292,23 +1487,32 @@ StatefulTableWithAdvancedFilters.storyName = '☢️ with advanced filters'; StatefulTableWithAdvancedFilters.decorators = [createElement]; export const WithMultiSorting = () => { + const selectedTableType = select('Type of Table', ['Table', 'StatefulTable'], 'StatefulTable'); + const MyTable = selectedTableType === 'StatefulTable' ? StatefulTable : Table; return ( - ({ ...i, + width: '200px', isSortable: idx !== 1, align: i.id === 'number' ? 'end' : i.id === 'string' ? 'center' : 'start', }))} data={tableData} actions={tableActions} + size={select( + 'Sets the height of the table rows (size)', + ['xs', 'sm', 'md', 'lg', 'xl'], + 'lg' + )} options={{ hasFilter: false, hasPagination: true, hasRowSelection: 'multi', - hasAggregations: true, + hasAggregations: false, hasMultiSort: true, hasResize: true, hasColumnSelection: true, + preserveColumnWidths: true, }} view={{ filters: [], diff --git a/packages/react/src/components/Table/Table.jsx b/packages/react/src/components/Table/Table.jsx index 6894bb6a31..85e565b9db 100644 --- a/packages/react/src/components/Table/Table.jsx +++ b/packages/react/src/components/Table/Table.jsx @@ -12,6 +12,7 @@ import { defaultFunction } from '../../utils/componentUtilityFunctions'; import { settings } from '../../constants/Settings'; import FilterTags from '../FilterTags/FilterTags'; import { RuleGroupPropType } from '../RuleBuilder/RuleBuilderPropTypes'; +import experimental from '../../internal/experimental'; import { TableColumnsPropTypes, @@ -53,6 +54,9 @@ const propTypes = { data: TableRowPropTypes.isRequired, /** Expanded data for the table details */ expandedData: ExpandedRowsPropTypes, + + /** Experimental: Turns on the carbon sticky-header feature. */ + stickyHeader: experimental('stickyHeader'), /** Optional properties to customize how the table should be rendered */ options: PropTypes.shape({ /** If true allows the table to aggregate values of columns in a special row */ @@ -112,6 +116,9 @@ const propTypes = { wrapCellText: PropTypes.oneOf(['always', 'never', 'auto', 'alwaysTruncate']), }), + /** Size prop from Carbon to shrink row height (and header height in some instances) */ + size: PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl']), + /** Initial state of the table, should be updated via a local state wrapper component implementation or via a central store/redux see StatefulTable component for an example */ view: PropTypes.shape({ aggregations: PropTypes.shape({ @@ -314,6 +321,7 @@ export const defaultProps = (baseProps) => ({ shouldLazyRender: false, wrapCellText: 'always', }, + size: undefined, view: { aggregations: { columns: [] }, pagination: { diff --git a/packages/react/src/components/Table/Table.story.jsx b/packages/react/src/components/Table/Table.story.jsx index 0b4d43063a..ec8e761506 100644 --- a/packages/react/src/components/Table/Table.story.jsx +++ b/packages/react/src/components/Table/Table.story.jsx @@ -1,11 +1,4 @@ -import React, { - useState, - useLayoutEffect, - useMemo, - useEffect, - useCallback, - createElement, -} from 'react'; +import React, { useState, useMemo, useEffect, useCallback, createElement } from 'react'; import { action } from '@storybook/addon-actions'; import { boolean, text, number, select, array, object } from '@storybook/addon-knobs'; import Arrow from '@carbon/icons-react/lib/arrow--right/16'; @@ -18,15 +11,7 @@ import assign from 'lodash/assign'; import isEqual from 'lodash/isEqual'; import { firstBy } from 'thenby'; -import { - Tooltip, - TextInput, - Checkbox, - ToastNotification, - Button, - FormGroup, - Form, -} from '../../index'; +import { TextInput, Checkbox, ToastNotification, Button, FormGroup, Form } from '../../index'; import { getSortedData } from '../../utils/componentUtilityFunctions'; import FullWidthWrapper from '../../internal/FullWidthWrapper'; import StoryNotice from '../../internal/StoryNotice'; @@ -168,7 +153,6 @@ export const tableColumns = [ { id: 'object', name: 'Object Id', - isSortable: true, renderDataFunction: ({ value }) => { return value?.id; }, @@ -517,7 +501,11 @@ export const initialState = { hasColumnSelection: true, shouldExpandOnRowClick: false, hasRowEdit: true, - wrapCellText: select('wrapCellText', selectTextWrapping, 'always'), + wrapCellText: select( + 'Choose how text should wrap witin columns (options.wrapCellText)', + selectTextWrapping, + 'always' + ), }, view: { filters: [ @@ -588,44 +576,148 @@ export default { ], }; -export const BasicDumbTable = () => ( -
Now with custom tooltip content!} - columns={tableColumns} - data={tableData} - actions={tableActions} - options={{ - hasAggregations: boolean('hasAggregations', true), - hasSearch: boolean('hasSearch', false), - hasFilter: boolean('hasFilter', false), - hasPagination: boolean('hasPagination', false), - hasRowEdit: boolean('hasRowEdit', false), - }} - view={{ - aggregations: { - label: 'Total:', - columns: [ - { - id: 'number', - align: 'start', - isSortable: false, +export const BasicDumbTable = () => { + const selectedTableType = select('Type of Table', ['Table', 'StatefulTable'], 'Table'); + const MyTable = selectedTableType === 'StatefulTable' ? StatefulTable : Table; + + const secondaryTitle = text( + 'Title shown in bar above header row (secondaryTitle)', + 'Basic `dumb` table' + ); + const useZebraStyles = boolean('Alternate colors in table rows (useZebraStyles)', false); + const lightweight = boolean('Show an alternate header style (lightweight)', false); + const hasColumnSelection = boolean( + 'Enables choosing which columns are visible or drag-and-drop reorder them (options.hasColumnSelection)', + false + ); + + const hasColumnSelectionConfig = boolean( + 'Enables choosing which columns are visible or drag-and-drop reorder them and adds callback to manage which columns are available to the table (options.hasColumnSelectionConfig)', + false + ); + + const hasMultiSort = boolean( + 'Enables sorting the table by multiple dimentions (options.hasMultiSort)', + false + ); + return ( + Now with custom tooltip content!} + columns={ + hasMultiSort + ? tableColumns.map((c, i) => ({ + ...c, + isSortable: i !== 1, + })) + : tableColumns + } + data={tableData} + actions={tableActions} + size={select( + 'Sets the height of the table rows (size)', + ['xs', 'sm', 'md', 'lg', 'xl'], + 'lg' + )} + options={{ + hasAggregations: boolean( + 'Aggregates column values and displays in a footer row (options.hasAggregations)', + true + ), + hasColumnSelection, + hasColumnSelectionConfig, + hasFilter: select( + 'Enables filtering columns by value (options.hasFilter)', + ['onKeyPress', 'onEnterAndBlur', true, false], + true + ), + hasMultiSort, + hasPagination: boolean('Enables pagination for the table (options.hasPagination)', false), + hasResize: boolean('Enables resizing of column widths (options.hasResize)', false), + hasRowExpansion: boolean( + 'Enables expanding rows to show additional content (options.hasRowExpansion)', + false + ), + hasRowNesting: boolean( + 'Enables rows to have nested rows within (options.hasRowNesting)', + false + ), + hasRowSelection: select( + 'Enable or Disable selecting single, multiple, or no rows (options.hasRowSelection)', + ['multi', 'single', false], + 'multi' + ), + hasSearch: boolean('Enable searching on the table values (options.hasSearch)', false), + hasSort: boolean('Enable sorting columns by a single dimension (options.hasSort)', false), + preserveColumnWidths: boolean( + 'Preserve column widths when resizing (options.preserveColumnWidths)', + false + ), + useAutoTableLayoutForResize: boolean( + 'Removes table-layout:fixed to allow resizable tables (options.useAutoTableLayoutForResize)', + false + ), + wrapCellText: select( + 'Choose how text should wrap witin columns (options.wrapCellText)', + selectTextWrapping, + 'always' + ), + }} + view={{ + aggregations: { + label: 'Total:', + columns: [ + { + id: 'number', + align: 'start', + isSortable: false, + }, + ], + }, + toolbar: { + activeBar: hasColumnSelection || hasColumnSelectionConfig ? 'column' : undefined, + }, + table: { + loadingState: { + isLoading: boolean( + 'Show the loading state for the table (view.table.loadingState.isLoading)', + false + ), + rowCount: number( + 'The number of skeleton rows to be included in the loading state (view.table.loadingState.rowCount)', + 7 + ), + columnCount: number( + 'The number of skeleton columns to be included in the loading state (view.table.loadingState.columnCount)', + 6 + ), }, - ], - }, - table: { - loadingState: { - isLoading: boolean('isLoading', false), - rowCount: number('rowCount', 7), - columnCount: number('columnCount', 6), + sort: hasMultiSort + ? [ + { + columnId: 'select', + direction: 'ASC', + }, + { + columnId: 'string', + direction: 'ASC', + }, + ] + : { + columnId: 'string', + direction: 'ASC', + }, }, - }, - }} - /> -); + }} + i18n={{ + columnSelectionConfig: text('i18n.columnSelectionConfig', '__Manage columns__'), + }} + /> + ); +}; BasicDumbTable.storyName = 'basic `dumb` table'; @@ -669,6 +761,9 @@ BasicDumbTable.parameters = { }; export const TableExampleWithCreateSaveViews = () => { + const selectedTableType = select('Type of Table', ['Table', 'StatefulTable'], 'Table'); + const MyTable = selectedTableType === 'StatefulTable' ? StatefulTable : Table; + // The initial default state for this story is one with no active filters // and no default search value etc, i.e. a view all scenario. const baseState = { @@ -879,12 +974,12 @@ export const TableExampleWithCreateSaveViews = () => { setViewToSave(viewToEdit); }, onDelete, - onClearError: action('onClearManageViewsModalError'), + onClearError: action('TableManageViewsModal: onClearManageViewsModalError'), onClose: () => setManageViewsModalOpen(false), }} defaultViewId={defaultViewId} - error={select('error', [undefined, 'My error msg'], undefined)} - isLoading={boolean('isLoading', false)} + error={select('TableManageViewsModal: error', [undefined, 'My error msg'], undefined)} + isLoading={boolean('TableManageViewsModal: isLoading', false)} open={manageViewsModalOpen} views={manageViewsCurrentPageItems} pagination={{ @@ -999,14 +1094,14 @@ export const TableExampleWithCreateSaveViews = () => { onClose: () => { setViewToSave(undefined); }, - onClearError: action('onClearError'), - onChange: action('onChange'), + onClearError: action('TableSaveViewModal: onClearError'), + onChange: action('TableSaveViewModal: onChange'), }} - sendingData={boolean('sendingData', false)} - error={select('error', [undefined, 'My error msg'], undefined)} + sendingData={boolean('TableSaveViewModal: sendingData', false)} + error={select('TableSaveViewModal: error', [undefined, 'My error msg'], undefined)} open - titleInputInvalid={boolean('titleInputInvalid', false)} - titleInputInvalidText={text('titleInputInvalidText', undefined)} + titleInputInvalid={boolean('TableSaveViewModal: titleInputInvalid', false)} + titleInputInvalidText={text('TableSaveViewModal: titleInputInvalidText', undefined)} viewDescription={getDescription(viewToSave.props.view)} initialFormValues={{ title: viewToSave.title, @@ -1025,11 +1120,16 @@ export const TableExampleWithCreateSaveViews = () => { {renderManageViewsModal()} {renderSaveViewModal()} -
{ }, }} isSortable - lightweight={boolean('lightweight', false)} + lightweight={boolean('Show an alternate header style (lightweight)', false)} options={{ ...baseState.options, hasResize: true, - hasFilter: select('hasFilter', ['onKeyPress', 'onEnterAndBlur'], 'onKeyPress'), - wrapCellText: select('wrapCellText', selectTextWrapping, 'always'), + hasFilter: select( + 'hasFilter', + ['onKeyPress', 'onEnterAndBlur', true, false], + 'onKeyPress' + ), + wrapCellText: select( + 'Choose how text should wrap witin columns (options.wrapCellText)', + selectTextWrapping, + 'always' + ), // Enables the behaviour in Table required // to fully implement Create and Save Views hasUserViewManagement: true, @@ -1117,7 +1225,7 @@ export const TableExampleWithCreateSaveViews = () => { ); }; -TableExampleWithCreateSaveViews.storyName = 'Table Example with Create & Save Views'; +TableExampleWithCreateSaveViews.storyName = 'with create & save view management'; TableExampleWithCreateSaveViews.decorators = [createElement]; TableExampleWithCreateSaveViews.parameters = { @@ -1272,6 +1380,11 @@ export const BasicTableWithFullRowEditExample = () => {
{ toolbar: { onShowRowEdit: onShowMultiRowEdit }, }} options={{ - hasRowEdit: boolean('hasRowEdit', true), - hasSingleRowEdit: boolean('hasSingleRowEdit', true), + hasRowEdit: boolean( + 'Enables row editing for the entire table (options.hasRowEdit)', + true + ), + hasSingleRowEdit: boolean( + 'Enables row editing for a single row (options.hasSingleRowEdit)', + true + ), hasRowActions: true, hasPagination: true, }} @@ -1299,7 +1418,7 @@ export const BasicTableWithFullRowEditExample = () => { ); }; -BasicTableWithFullRowEditExample.storyName = 'Basic table with full rowEdit example'; +BasicTableWithFullRowEditExample.storyName = 'with full rowEdit example'; BasicTableWithFullRowEditExample.decorators = [createElement]; BasicTableWithFullRowEditExample.parameters = { @@ -1366,15 +1485,27 @@ BasicTableWithFullRowEditExample.parameters = { export const RowSelectionAndBatchActions = () => { const selectedTableType = select('Type of Table', ['Table', 'StatefulTable'], 'Table'); const MyTable = selectedTableType === 'StatefulTable' ? StatefulTable : Table; - const hasRowSelection = select('options.hasRowSelection', ['single', 'multi'], 'multi'); + const hasRowSelection = select( + 'Enable or Disable selecting single, multiple, or no rows (options.hasRowSelection)', + ['multi', 'single', false], + 'multi' + ); const selectedIds = hasRowSelection === 'multi' - ? array('view.table.selectedIds', ['row-3', 'row-4', 'row-6', 'row-7']) - : array('view.table.selectedIds', ['row-3']); + ? array('An array of currently selected rowIds (view.table.selectedIds)', [ + 'row-3', + 'row-4', + 'row-6', + 'row-7', + ]) + : array('An array of currently selected rowIds (view.table.selectedIds)', ['row-3']); return ( ({ ...i, @@ -1397,12 +1528,27 @@ export const RowSelectionAndBatchActions = () => { : undefined, }))} actions={tableActions} + size={select( + 'Sets the height of the table rows (size)', + ['xs', 'sm', 'md', 'lg', 'xl'], + 'lg' + )} options={{ - hasFilter: boolean('options.hasFilter', true), - hasPagination: boolean('options.hasPagination', true), + hasFilter: select( + 'Enables filtering columns by value (options.hasFilter)', + ['onKeyPress', 'onEnterAndBlur', true, false], + 'onKeyPress' + ), + hasPagination: boolean('Enables pagination for the table (options.hasPagination)', true), hasRowSelection, - hasRowExpansion: boolean('options.hasRowExpansion', true), - hasRowNesting: boolean('options.hasRowNesting', true), + hasRowExpansion: boolean( + 'Enables expanding rows to show additional content (options.hasRowExpansion)', + true + ), + hasRowNesting: boolean( + 'Enables rows to have nested rows within (options.hasRowNesting)', + true + ), }} view={{ filters: [], @@ -1418,13 +1564,21 @@ export const RowSelectionAndBatchActions = () => { }, table: { ordering: defaultOrdering, - isSelectAllSelected: select('isSelectAllSelected', [undefined, true, false], undefined), + isSelectAllSelected: select( + 'Manages the state of the Select All checkbox (view.table.isSelectAllSelected)', + [undefined, true, false], + undefined + ), isSelectAllIndeterminate: select( - 'isSelectAllIndeterminate', + 'Is the Select All checkbox in in indeterminate state? (view.table.isSelectAllIndeterminate)', [undefined, true, false], undefined ), - expandedIds: array('view.table.expandedIds', ['row-3', 'row-7', 'row-7_B']), + expandedIds: array('An array of current expanded rowIds (view.table.expandedIds)', [ + 'row-3', + 'row-7', + 'row-7_B', + ]), selectedIds, }, }} @@ -1432,15 +1586,18 @@ export const RowSelectionAndBatchActions = () => { ); }; -RowSelectionAndBatchActions.storyName = - 'with row selection: single or multi-select and batch actions'; +RowSelectionAndBatchActions.storyName = 'with row selection and batch actions'; export const WithRowExpansionAndActions = () => { + const selectedTableType = select('Type of Table', ['Table', 'StatefulTable'], 'Table'); + const MyTable = selectedTableType === 'StatefulTable' ? StatefulTable : Table; + const renderDataFunction = ({ value }) => (
{value}
); + return ( -
({ ...c, @@ -1481,6 +1638,11 @@ export const WithRowExpansionAndActions = () => { hasRowExpansion: true, hasRowActions: true, }} + size={select( + 'Sets the height of the table rows (size)', + ['xs', 'sm', 'md', 'lg', 'xl'], + 'lg' + )} view={{ filters: [], table: { @@ -1514,7 +1676,7 @@ export const WithRowExpansionAndActions = () => { ); }; -WithRowExpansionAndActions.storyName = 'row expansion: with actions'; +WithRowExpansionAndActions.storyName = 'with row expansion, custom cell renderer, and actions'; WithRowExpansionAndActions.parameters = { info: { @@ -1599,15 +1761,19 @@ WithRowExpansionAndActions.parameters = { export const WithSorting = () => { const selectedTableType = select('Type of Table', ['Table', 'StatefulTable'], 'Table'); const MyTable = selectedTableType === 'StatefulTable' ? StatefulTable : Table; - const hasMultiSort = boolean('options.hasMultiSort', false); + const hasMultiSort = boolean( + 'Enables sorting the table by multiple dimentions (options.hasMultiSort)', + false + ); - const sortedData = hasMultiSort - ? tableData.slice(0, 10).sort( - firstBy((row) => row.values.select).thenBy((row) => { - return row.values.string; - }) - ) - : getSortedData(tableData, 'string', 'ASC'); + const sortedData = + hasMultiSort && selectedTableType === 'Table' + ? tableData.slice(0, 10).sort( + firstBy((row) => row.values.select).thenBy((row) => { + return row.values.string; + }) + ) + : getSortedData(tableData, 'string', 'ASC'); return ( @@ -1621,10 +1787,20 @@ export const WithSorting = () => { data={sortedData} actions={tableActions} options={{ - hasFilter: boolean('options.hasFilter', false), - hasPagination: boolean('options.hasPagination', true), - hasRowSelection: boolean('options.hasRowSelection', 'multi'), - hasAggregations: boolean('options.hasAggregations', true), + hasFilter: boolean('Enables filtering columns by value (options.hasFilter)', false), + hasPagination: boolean( + 'Enables pagination for the table (options.hasPagination)', + false + ), + hasRowSelection: select( + 'Enable or Disable selecting single, multiple, or no rows (options.hasRowSelection)', + ['multi', 'single', false], + 'multi' + ), + hasAggregations: boolean( + 'Aggregates column values and displays in a footer row (options.hasAggregations)', + true + ), hasMultiSort, }} view={{ @@ -1672,16 +1848,19 @@ export const WithFilters = () => { 'instructions', "By changing the value in a filter to a value that doesn't it exist will show the no results screen" ); - const filters = object('view.filters', [ - { - columnId: 'string', - value: 'whiteboard', - }, - { - columnId: 'select', - value: 'option-B', - }, - ]); + const filters = object( + 'An array of filter objects for the columns to be filtered by (view.filters)', + [ + { + columnId: 'string', + value: 'whiteboard', + }, + { + columnId: 'select', + value: 'option-B', + }, + ] + ); const filteredData = tableData.filter(({ values }) => // return false if a value doesn't match a valid filter @@ -1690,8 +1869,11 @@ export const WithFilters = () => { true ) ); + + const selectedTableType = select('Type of Table', ['Table', 'StatefulTable'], 'Table'); + const MyTable = selectedTableType === 'StatefulTable' ? StatefulTable : Table; return ( -
{ hasPagination: true, hasRowSelection: 'multi', }} + size={select( + 'Sets the height of the table rows (size)', + ['xs', 'sm', 'md', 'lg', 'xl'], + 'lg' + )} view={{ filters, pagination: { @@ -1940,6 +2127,11 @@ export const WithAdvancedFilters = () => { hasRowSelection: 'multi', hasAdvancedFilter: true, }} + size={select( + 'Sets the height of the table rows (size)', + ['xs', 'sm', 'md', 'lg', 'xl'], + 'lg' + )} view={{ filters: [ { @@ -1971,6 +2163,9 @@ export const WithAdvancedFilters = () => { WithAdvancedFilters.storyName = '☢️ with advanced filtering'; export const WithTableStates = () => { + const selectedTableType = select('Type of Table', ['Table', 'StatefulTable'], 'Table'); + const MyTable = selectedTableType === 'StatefulTable' ? StatefulTable : Table; + const emptyState = (

Custom empty state

@@ -1982,7 +2177,7 @@ export const WithTableStates = () => { { /> ); - const loadingState = object('loadingState', { - isLoading: false, - rowCount: 7, - }); - const showErrorState = boolean('Show Custom Error State', false); return ( -
{ { - const selectedTableType = select('Type of Table', ['Table', 'StatefulTable'], 'Table'); - const MyTable = selectedTableType === 'StatefulTable' ? StatefulTable : Table; - - // Initial render is an empty columns array, which is updated after the first render - const [columns, setColumns] = useState([]); - useLayoutEffect(() => { - setColumns( - tableColumns.map((i, idx) => ({ - width: idx % 2 === 0 ? '100px' : '100px', - ...i, - })) - ); - }, []); - - const hasColumnSelectionConfig = boolean('options.hasColumnSelectionConfig', false); - return ( - - ); -}; - -WithResizeAndNoInitialColumns.storyName = 'with resize on no initial columns and column selection'; -WithResizeAndNoInitialColumns.decorators = [createElement]; - export const HorizontalScrollCustomWidth = () => { const tableColumnsConcat = [ { id: 'test2', name: 'Test 2' }, @@ -2272,25 +2452,44 @@ export const HorizontalScrollCustomWidth = () => { id="table" columns={tableColumns.concat(tableColumnsConcat)} options={{ - hasFilter: boolean('options.hasFilter', true), - hasPagination: boolean('options.hasPagination', true), - wrapCellText: select('options.wrapCellText', selectTextWrapping, 'always'), - hasOnlyPageData: boolean('options.hasOnlyPageData', true), + hasFilter: select( + 'Enables filtering columns by value (options.hasFilter)', + ['onKeyPress', 'onEnterAndBlur', true, false], + 'onKeyPress' + ), + hasPagination: boolean('Enables pagination for the table (options.hasPagination)', true), + wrapCellText: select( + 'Choose how text should wrap witin columns (options.wrapCellText)', + selectTextWrapping, + 'always' + ), + hasOnlyPageData: boolean( + 'Change pagination behavior to assume data prop only contains data necessary for the current page (options.hasOnlyPageData)', + true + ), }} data={tableData.slice(25, 45)} actions={tableActions} + size={select( + 'Sets the height of the table rows (size)', + ['xs', 'sm', 'md', 'lg', 'xl'], + 'lg' + )} view={{ filters: [ { columnId: 'string', value: 'whiteboard' }, { columnId: 'select', value: 'option-B' }, ], toolbar: { activeBar: 'filter' }, - pagination: object('view.pagination', { - pageSize: 10, - pageSizes: [10, 20, 30], - page: 8267, - totalItems: 97532, - }), + pagination: object( + 'An object representing the pagination props for the table (view.pagination)', + { + pageSize: 10, + pageSizes: [10, 20, 30], + page: 8267, + totalItems: 97532, + } + ), }} /> @@ -2304,74 +2503,16 @@ export const FilteredSortedPaginatedTableWithAsynchronousDataSource = () => { return ; }; -FilteredSortedPaginatedTableWithAsynchronousDataSource.storyName = - 'Filtered/Sorted/Paginated table with asynchronous data source'; +FilteredSortedPaginatedTableWithAsynchronousDataSource.storyName = 'with asynchronous data source'; FilteredSortedPaginatedTableWithAsynchronousDataSource.parameters = { info: { text: - 'This is an example of how to use the
component to present data fetched asynchronously from an HTTP API supporting pagination, filtering and sorting. Refer to the source files under /src/components/Table/AsyncTable for details. ', + 'This is an example of how to use the component to present data fetched asynchronously from an HTTP API supporting pagination, filtering and sorting. Refer to the source files under /src/components/Table/AsyncTable for details. ', source: false, }, }; -export const WithStickyHeaderExperimentalAndCellTooltipCalculation = () => { - const renderDataFunction = ({ value }) => ( -
- {value} - -

This scroll with the table body

- -
- ); - return ( -
-
({ - ...i, - renderDataFunction: i.renderDataFunction || renderDataFunction, - }))} - data={tableData} - actions={tableActions} - stickyHeader - options={{ - hasFilter: true, - hasPagination: true, - hasRowSelection: 'multi', - }} - view={{ - filters: [], - table: { - ordering: defaultOrdering, - sort: { - columnId: 'string', - direction: 'ASC', - }, - }, - }} - /> - - ); -}; - -WithStickyHeaderExperimentalAndCellTooltipCalculation.storyName = - 'with sticky header (experimental) and cell tooltip calculation'; - -WithStickyHeaderExperimentalAndCellTooltipCalculation.parameters = { - centered: { disable: true }, - info: { - text: `StickyHeader is experimental. To properly render a tooltip in a table with sticky headers you need to pass a menuOffset or menuOffsetFlip calculation to `, - }, -}; - export const AsyncColumnLoading = () => { const selectedTableType = select('Type of Table', ['Table', 'StatefulTable'], 'Table'); const MyTable = selectedTableType === 'StatefulTable' ? StatefulTable : Table; @@ -2381,11 +2522,13 @@ export const AsyncColumnLoading = () => { const [isLoading, setIsLoading] = useState(true); useEffect(() => { - setTimeout(() => { + const timer = setTimeout(() => { setColumns(tableColumns); setData(tableData); setIsLoading(false); }, 3000); + + return () => clearTimeout(timer); }, []); return ( @@ -2394,12 +2537,23 @@ export const AsyncColumnLoading = () => { columns={columns} data={data} options={{ - hasAggregations: boolean('hasAggregations', true), - hasSearch: boolean('hasSearch', true), - hasFilter: boolean('hasFilter', true), - hasPagination: boolean('hasPagination', true), - hasRowEdit: boolean('hasRowEdit', false), + hasAggregations: boolean( + 'Aggregates column values and displays in a footer row (options.hasAggregations)', + true + ), + hasSearch: boolean('Enable searching on the table values (options.hasSearch)', true), + hasFilter: select( + 'Enables filtering columns by value (options.hasFilter)', + ['onKeyPress', 'onEnterAndBlur', true, false], + 'onKeyPress' + ), + hasPagination: boolean('Enables pagination for the table (options.hasPagination)', true), }} + size={select( + 'Sets the height of the table rows (size)', + ['xs', 'sm', 'md', 'lg', 'xl'], + 'lg' + )} view={{ aggregations: { label: 'Total:', @@ -2414,8 +2568,14 @@ export const AsyncColumnLoading = () => { table: { loadingState: { isLoading, - rowCount: number('rowCount', 10), - columnCount: number('columnCount', 9), + rowCount: number( + 'The number of skeleton rows to be included in the loading state (view.table.loadingState.rowCount)', + 10 + ), + columnCount: number( + 'The number of skeleton columns to be included in the loading state (view.table.loadingState.columnCount)', + 9 + ), }, }, }} diff --git a/packages/react/src/components/Table/Table.test.jsx b/packages/react/src/components/Table/Table.test.jsx index 45281b3875..4c99e4850e 100644 --- a/packages/react/src/components/Table/Table.test.jsx +++ b/packages/react/src/components/Table/Table.test.jsx @@ -181,11 +181,24 @@ describe('Table', () => { const { rerender } = render(
); @@ -199,15 +212,34 @@ describe('Table', () => { expect(screen.getByTestId('__table__-table-head-column-string')).toBeDefined(); expect(screen.getByTestId('__table__-table-body')).toBeDefined(); expect(screen.getByTestId('__table__-table-head-row-expansion-column')).toBeDefined(); - + expect(screen.getByTestId('table-head--overflow')).toBeDefined(); + userEvent.click(screen.getByTestId('table-head--overflow')); + expect( + screen.getByTestId(`__table__-table-toolbar-toolbar-overflow-menu-item-aggregations`) + ).toBeDefined(); + // close menu + userEvent.click(screen.getByTestId('table-head--overflow')); rerender(
); @@ -222,6 +254,11 @@ describe('Table', () => { expect(screen.getByTestId('__TABLE__-table-head-column-string')).toBeDefined(); expect(screen.getByTestId('__TABLE__-table-body')).toBeDefined(); expect(screen.getByTestId('__TABLE__-table-head-row-expansion-column')).toBeDefined(); + expect(screen.getByTestId('table-head--overflow')).toBeDefined(); + userEvent.click(screen.getByTestId('table-head--overflow')); + expect( + screen.getByTestId(`__TABLE__-table-toolbar-toolbar-overflow-menu-item-aggregations`) + ).toBeDefined(); }); it('limits the number of pagination select options', () => { diff --git a/packages/react/src/components/Table/TableBody/RowActionsCell/RowActionsCell.jsx b/packages/react/src/components/Table/TableBody/RowActionsCell/RowActionsCell.jsx index b604d71f62..232898758c 100644 --- a/packages/react/src/components/Table/TableBody/RowActionsCell/RowActionsCell.jsx +++ b/packages/react/src/components/Table/TableBody/RowActionsCell/RowActionsCell.jsx @@ -188,6 +188,7 @@ class RowActionsCell extends React.Component { [`${iotPrefix}--action-overflow-item--initialFocus`]: actionIndex === firstSelectableItemIndex, })} + data-testid={`${tableId}-${id}-row-actions-cell-overflow-menu-item-${action.id}`} key={`${id}-row-actions-button-${action.id}`} onClick={(e) => onClick(e, id, action.id, onApplyRowAction)} requireTitle={!action.renderIcon} diff --git a/packages/react/src/components/Table/TableBody/RowActionsCell/RowActionsCell.test.jsx b/packages/react/src/components/Table/TableBody/RowActionsCell/RowActionsCell.test.jsx index 8f3ee720fa..3c908aa3fc 100644 --- a/packages/react/src/components/Table/TableBody/RowActionsCell/RowActionsCell.test.jsx +++ b/packages/react/src/components/Table/TableBody/RowActionsCell/RowActionsCell.test.jsx @@ -325,6 +325,9 @@ describe('RowActionsCell', () => { ); expect(screen.getByLabelText('Edit icon label', { selector: 'svg' })).toBeVisible(); + expect( + screen.getByTestId('tableId-rowId-row-actions-cell-overflow-menu-item-edit') + ).toBeVisible(); }); }); }); diff --git a/packages/react/src/components/Table/TableCellRenderer/TableCellRenderer.jsx b/packages/react/src/components/Table/TableCellRenderer/TableCellRenderer.jsx index ac65957e99..666f3df072 100644 --- a/packages/react/src/components/Table/TableCellRenderer/TableCellRenderer.jsx +++ b/packages/react/src/components/Table/TableCellRenderer/TableCellRenderer.jsx @@ -78,7 +78,6 @@ const TableCellRenderer = ({ const withTooltip = (element, tooltipForExtraInformation) => { return tooltip ? ( ( handleOverflowItemClick(e, menuItem)} @@ -525,6 +526,7 @@ const TableHead = ({ ))} {hasMultiSort && ( handleOverflowItemClick(e, { id: 'multi-sort' })} diff --git a/packages/react/src/components/Table/TableHead/TableHead.test.jsx b/packages/react/src/components/Table/TableHead/TableHead.test.jsx index b3baf8e956..05f9c18a97 100644 --- a/packages/react/src/components/Table/TableHead/TableHead.test.jsx +++ b/packages/react/src/components/Table/TableHead/TableHead.test.jsx @@ -43,16 +43,36 @@ jest.mock('lodash/debounce', () => (fn) => fn); describe('TableHead', () => { it('be selectable by testID or testId', () => { - const { rerender } = render(, { - container: document.body.appendChild(document.createElement('table')), - }); + const columns = commonTableHeadProps.columns.map((c) => ({ + ...c, + overflowMenuItems: [ + { + id: '1', + text: 'one', + }, + { + id: '2', + text: 'two', + }, + ], + })); + const { rerender } = render( + , + { + container: document.body.appendChild(document.createElement('table')), + } + ); expect(screen.getByTestId('TABLE_HEAD')).toBeDefined(); expect(screen.getByTestId('TABLE_HEAD-column-col1')).toBeDefined(); expect(screen.getByTestId('TABLE_HEAD-column-col2')).toBeDefined(); expect(screen.getByTestId('TABLE_HEAD-column-col3')).toBeDefined(); + expect(screen.getAllByTestId('table-head--overflow')).toHaveLength(3); + userEvent.click(screen.getAllByRole('button', { name: 'open and close list of options' })[1]); + expect(screen.getByTestId('TABLE_HEAD-column-overflow-menu-item-1')).toBeDefined(); + expect(screen.getByTestId('TABLE_HEAD-column-overflow-menu-item-2')).toBeDefined(); - rerender(, { + rerender(, { container: document.body.appendChild(document.createElement('table')), }); @@ -60,6 +80,10 @@ describe('TableHead', () => { expect(screen.getByTestId('table_head-column-col1')).toBeDefined(); expect(screen.getByTestId('table_head-column-col2')).toBeDefined(); expect(screen.getByTestId('table_head-column-col3')).toBeDefined(); + expect(screen.getAllByTestId('table-head--overflow')).toHaveLength(3); + userEvent.click(screen.getAllByRole('button', { name: 'open and close list of options' })[0]); + expect(screen.getByTestId('table_head-column-overflow-menu-item-1')).toBeDefined(); + expect(screen.getByTestId('table_head-column-overflow-menu-item-2')).toBeDefined(); }); it('columns should render', () => { const wrapper = mount(, { diff --git a/packages/react/src/components/Table/TableHead/_table-head.scss b/packages/react/src/components/Table/TableHead/_table-head.scss index 74a060ec38..f70526db1b 100644 --- a/packages/react/src/components/Table/TableHead/_table-head.scss +++ b/packages/react/src/components/Table/TableHead/_table-head.scss @@ -6,10 +6,55 @@ .#{$prefix}--data-table { th { - height: 3rem; + height: $spacing-09; border-top: none; border-bottom: none; position: relative; + + // always vertically align headers to middle--even with xl size prop + &.#{$iot-prefix}--table-head--table-header { + vertical-align: middle; + } + } + + // override sort icons, so they stay in the middle, at xl size, too. + &--xl { + .#{$prefix}--table-sort__icon-unsorted, + .#{$prefix}--table-sort__icon { + margin-top: 0; + } + + // fix positioning of order number when in multi-sort + span.#{$iot-prefix}--table-header-label__sort-order { + bottom: $spacing-06; + } + + // fix sort icon missing at xl sizes + &.#{$prefix}--data-table--sort th .#{$prefix}--table-sort { + display: flex; + } + + th { + height: $spacing-10; + } + } + + &--md { + th { + height: $spacing-08; + } + } + + &--sm { + th { + height: $spacing-07; + } + } + + &--xs { + th { + height: $spacing-06; + } } th:last-of-type { diff --git a/packages/react/src/components/Table/TableManageViewsModal/TableManageViewsList.jsx b/packages/react/src/components/Table/TableManageViewsModal/TableManageViewsList.jsx index d8bd18672c..57cc22ad60 100644 --- a/packages/react/src/components/Table/TableManageViewsModal/TableManageViewsList.jsx +++ b/packages/react/src/components/Table/TableManageViewsModal/TableManageViewsList.jsx @@ -133,7 +133,7 @@ const TableManageViewsList = ({ const { id } = view; return { content: { - rowActions: rowActionsRenderer(view, { ...props, i18n, testID }), + rowActions: () => rowActionsRenderer(view, { ...props, i18n, testID }), secondaryValue: rowDescriptionInterpolation(view), tags: rowTagsRenderer(view, { ...props, defaultViewId, i18n }), value: rowTitleInterpolation(view, publicLabelText, privateLabelText), diff --git a/packages/react/src/components/Table/TableMultiSortModal/TableMultiSortModal.jsx b/packages/react/src/components/Table/TableMultiSortModal/TableMultiSortModal.jsx index dc54b715ac..b8f7755b49 100644 --- a/packages/react/src/components/Table/TableMultiSortModal/TableMultiSortModal.jsx +++ b/packages/react/src/components/Table/TableMultiSortModal/TableMultiSortModal.jsx @@ -268,7 +268,7 @@ const TableMultiSortModal = ({ ? i18n.multiSortSelectColumnSortByTitle : i18n.multiSortSelectColumnThenByTitle } - defaultValue={defaultColumn.id} + defaultValue={defaultColumn?.id} > {multiSortColumns.map((col) => ( - - - -
-
-
-
- - - - + - + - + - + - + - - - - - - - + + + + - - - + + + + + - + - + - + - + - + + - + + - - + + + + - + - + - + - + - + - - - + + - - + - + - + - + + + - - - + + + + + - + - + - + - + - + - + - - - + - + - + + + - + - + - + - + - - + + - + + - + + - + + + - + - + - - - + + - + - + - + - + - + - + - - + + + + - + - + - + - + - + - + - - + + - + - + - + + + - + - + - - - + + - + - + - + + - - + - + - - + + + + - + - + - + - + - + - + - - + + - + - + - + + + - + - + - - - + + - + - + - + - + - + - + - - + + + + - + - + - - + - + - + - - + + + - + + - + + + - + - + - + - + - - + Q0u8gYkG6G + + + + - + - + - + - + - + + + - + - - + + - + - + - + - + - + - + + - - + + + + + - + - + - + - + - + + - + + - - + sySKa + + + + + + - + - + - + - + - + - + - - + + - + + - + + + - + - + - + - + - - + + - + - + - + + - + + + - + - - - + + - + - + - + - + + - + - + - - + + + + - + - + - + - + - + - + - - + + - + + - + + + - + - + - + - + - - + 0OKoqQYESE + + + + - + - + - + - + - + + + - + - - + + - + - + - + - + + - + - + - - + + + + - + - + - + - + - + - - - + + - + - + - + - + + + - + - + - - + + - + - + - + - + - + - + - - + + + + - + - + - + - + - + - - - + + + - + + - + + + - + - + - + - + - - + + - + - + - + - + - + + + - + - - + + - + - + - + - + - + - + + - - + MIyOY + + + + + + + - + - + - + - + - + + - + + - - + + + + - + - + - + - + - + - + - - + + - + - + - + + + - + - + - + - - + option-C + + + + - + - + - + - + + - + + + - + - - + + - + - + - + - + + - + - + - - + + + + - + - + - + - + - + - + - - + 784 + + + + - + + - + + + - + - + - + - + - - + + - + - + - + - + - + + + - + - - + + - + - + - + - + + - + - + - - + wgO4i + + + + + + - + - + - + - - + - + - - + + - + - + - + - + + + - + - + - - + + - + - + - + - + - + - + - - + OewGc + + + + + + - + - + - + - + - + - + + - - + + - + - + + + - + - + - + - + - - + + - + - + - + - + - + + + - + - - + bottle toyota bottle 35 + + + + - + - + - + - + - + - + + - - + + + + - + - + - + - + - + - + + - - + + - - + - + + + - + - + - - - + + - + - + - + - + - + - + - - + + + + - + - + - + - + - + - + - - + + - + + - + + + - + - + - + - - - + + - + - + + - + - + - + + + - + - - + + - + - + - + - + - + - + + - - + + + + - + - + - + - + - + - - - + + - + - + - + - + + + - - + - - + + - + - + - + - + + - + - + - - + + + + - + - + - + - + - + - + - - + 1849 + + + + - + + - + + + - + - + - + - + - - + + - + - + - + - + - + + + - + - - + + - + - + - + - + + - + - + - - + Kw0WU + + + + + + - + - + - + - + - + - + - - + + - + - + - + + + - + - + - + - - + + - + - + - + - + - + - - - + + + + - + - + - + - + - + - + + - - + + - + - + + + - + - + - + - + - - + + - + - + - + - + - + + + - + - - + toyota toyota toyota 50 + + + + - + - + - + - + - + - + + - - + + + + - + - + - + - + - - + - - + + + - + - + - + + + - + - + - - - + + - + - + - + - + - + - + - - + + + + - + - + - + - + - + - + - - + + - + - + - + + + - - + - - - + + - + - + - + - + + - + - + - - + + + + - + - + - + - + - + - + - - + + - + - + - + + + - + - + - + - - + option-C + + + + - + - + - + - + + - + + + - + - - + + - + - + - + - + + - + - + - - + + + + - + - + - + - + - + - - - + + - + - + + - + + + - + - + - + - - + + - + - + - + - + + - + + + - + - - + + - + - + - + - + + - + - + - - + iCcyG + + + + + + - + - + - + - + - + - + - - + + - + - + - + + + - + - + - + - - + + - + - + - + - + - + - - - + + + + - + - + - + - + - + - + + - - + + - + - + + + - + - + - + - + - - + + - + - + - + - - + - - - + + + + - + - + - + - + - + - + - - + + - + - + - + + + - + - + - + - - + + - + - + + - + - + - + + + - - - + + + + + - + - + - + - + - + - + - - + + - + - + + + - + - + - + - + - - + + - + - + - + - + - + + + - - - + + + + + - + - + - + - + - + + - + + - - + + + + + - + - + - + - + - + - + - - + + + + + + - + - + - + - + - + - - - -
+ + - -
+
- - 		+ + + + + - + + + + + + + + + - - + + + - Select an option + Select - + + + + + + + + + + + + + + + + - -
- + + -
- - -
- - 		+ + + + + + + + + + + + + + + +
+ - - + - - - -
- -
- - -
+ toyota toyota toyota 0 - 		+ + - - helping whiteboard as 1 - + 1973-03-03T09:46:40.000Z - + + - - 1973-03-14T23:33:20.000Z - + option-A - + + - - option-B - + AAAAAAAAAA - + + - - OewGc0QsMs - + + - + + + + - - - - - + true - + + + + + + + + - - 1 - + AAAAA -
- - -
+
- - 		+ + + + + - - whiteboard can eat 2 - + helping whiteboard as 1 - + + - - 1973-04-18T16:53:20.000Z - + 1973-03-14T23:33:20.000Z - + + - - option-C - + option-B - + + - - c8iM4qgaYa - + OewGc0QsMs - + + - - - - - + + - - - - 4 - - -
- - -
- - -
- - 		- - as eat scott 3 - + 1 - + + - - 1973-06-15T13:46:40.000Z - + false - + + - - - option-A - - - + + + + - - qcUSWgwIkI - + OewGc - +
+ - - + - - - -
- -
- - -
+ whiteboard can eat 2 - 		+ + - - can pinocchio whiteboard 4 - + 1973-04-18T16:53:20.000Z - + + - - 1973-09-04T14:13:20.000Z - + option-C - + + - - option-B - + c8iM4qgaYa - + + - - 46GYyWC0w0 - + + - + + - - - - - + 4 - + + - - 16 - + true -
+ + - -
- - -
- - 		+ + + + - - bottle toyota bottle 5 - + c8iM4 - +
+ - - + - - + Select row + + + + + + - - option-C - + as eat scott 3 - + + - - Ia2eQMSi8i - + 1973-06-15T13:46:40.000Z - + + - - - - - + option-A - + + - - 25 - + qcUSWgwIkI -
- -
- - -
+ - 		+ + + + - - eat whiteboard pinocchio 6 - + false - + + + + + + + + - - 1974-04-24T01:46:40.000Z - + qcUSW - +
+ - - + - - + Select row + + + + + + - - W4oksCiQKQ - + can pinocchio whiteboard 4 - + + - - - - - + 1973-09-04T14:13:20.000Z - - -
- -
- - -
+ option-B - 		+ + - - chocolate can helping 7 - + 46GYyWC0w0 - + + - - 1974-09-21T12:53:20.000Z - + + - + + - - option-B - + 16 - + + - - kYaqK2y8W8 - + true - + + - - - - - - - - + + + + - - 49 - + 46GYy -
- - -
+
- - 		+ + + + + - - pinocchio eat can 8 - + bottle toyota bottle 5 - + + - - 1975-03-14T03:33:20.000Z - + 1973-12-17T18:13:20.000Z - + + - - option-C - + option-C - + + - - y2MwmsEqiq - + Ia2eQMSi8i - + + - - - - - + + - + + - - 64 - + 25 -
- -
- - -
+ false - 		+ + - - - scott pinocchio chocolate 9 - - - + + + + - - 1975-09-26T21:46:40.000Z - + Ia2eQ - +
+ - - + - - + Select row + + + + + + - - CW82EiUYuY - + eat whiteboard pinocchio 6 - + + - - - - - + 1974-04-24T01:46:40.000Z - - -
- -
- - -
+ option-A - 		+ + - - toyota toyota toyota 10 - + W4oksCiQKQ - + + - - 1976-05-03T19:33:20.000Z - + + - + + + + - - option-B - + true - - - - Q0u8gYkG6G - - - + + - - - - - - - - + + + + - - 100 - + W4oks -
- - -
+
- - 		+ + + + + - - helping whiteboard as 11 - + chocolate can helping 7 - + + - - 1977-01-01T20:53:20.000Z - + 1974-09-21T12:53:20.000Z - + + - - option-C - + option-B - + + - - eUgE8O0yIy - + kYaqK2y8W8 - + + - - - - - + + - + + - - 121 - + 49 -
- -
- - -
+ false - 		+ + - - - whiteboard can eat 12 - - - + + + + - - 1977-09-25T01:46:40.000Z - + kYaqK - +
+ - - - option-A - - - + + + + + - - sySKaEGgUg - + pinocchio eat can 8 - + + - - - - - + 1975-03-14T03:33:20.000Z - - -
- -
- - -
+ option-C - 		+ + - - as eat scott 13 - + y2MwmsEqiq - + + - - 1978-07-11T10:13:20.000Z - + + - + + - - option-B - + 64 - + + - - 6SEQ24WOgO - + true - + + - - - - - - - - + + + + - - 169 - + y2Mwm -
- - -
+
- - 		+ + + + + - - can pinocchio whiteboard 14 - + scott pinocchio chocolate 9 - + + - - 1979-05-19T22:13:20.000Z - + 1975-09-26T21:46:40.000Z - - - - option-C - - - + + - - Kw0WUum6s6 - + option-A - + + - - - - - + CW82EiUYuY - + + - - 196 - + + -
- + + -
- - -
+ false - 		+ + + + + + + + - - bottle toyota bottle 15 - + CW82E - +
+ - - + - - + Select row + + + + + + - - option-A - + toyota toyota toyota 10 - + + - - YQmcwk2o4o - + 1976-05-03T19:33:20.000Z - + + - - - - - + option-B - + + -
- -
- - -
+ - 		+ + - - eat whiteboard pinocchio 16 - + 100 - + + - - 1981-04-13T08:53:20.000Z - + true - + + - - - option-B - - - + + + + - - muYiOaIWGW - + Q0u8g - +
+ - - + - - + + + + + - - 256 - + helping whiteboard as 11 -
- -
- - -
+ 1977-01-01T20:53:20.000Z - 		+ + - - chocolate can helping 17 - + option-C - + + - - 1982-04-30T07:33:20.000Z - + eUgE8O0yIy - + + - - option-C - + + - + + - - 0OKoqQYESE - + 121 - + + - - - - - + false - + + + + + + + + - - 289 - + eUgE8 -
- - -
+
+ Select row + + + + + 		+ + + whiteboard can eat 12 - + + - - pinocchio eat can 18 - + 1977-09-25T01:46:40.000Z - + + - - 1983-06-09T09:46:40.000Z - + option-A - + + - - option-A - + sySKaEGgUg - + + - - Es6uIGowew - + + - + + + + - - - - - + true - + + + + + + + + -
- - -
+
- - 		+ + + + + - - scott pinocchio chocolate 19 - + as eat scott 13 - + + - - 1984-08-10T15:33:20.000Z - + 1978-07-11T10:13:20.000Z - + + - - option-B - + option-B - + + - - SMs0k64eqe - + 6SEQ24WOgO - + + - - - - - + + - + + - - 361 - + 169 -
- -
- - -
+ false - 		+ + + + + + + + - - toyota toyota toyota 20 - + 6SEQ2 - +
+ - - + - - + Select row + + + + + + - - option-C - + can pinocchio whiteboard 14 - + + - - gqe6CwKM2M - + 1979-05-19T22:13:20.000Z - + + - - - - - + option-C - + + - - 400 - + Kw0WUum6s6 -
- -
- - -
+ - 		+ + - - helping whiteboard as 21 - + 196 - + + - - 1987-02-22T13:46:40.000Z - + true - + + + + + + + + - - option-A - + Kw0WU - +
+ - - + - - + Select row + + + + + + - - - - - + bottle toyota bottle 15 - - -
- -
- - -
+ 1980-04-19T13:46:40.000Z - 		+ + - - whiteboard can eat 22 - + option-A - + + - - 1988-07-04T06:13:20.000Z - + YQmcwk2o4o - + + - - option-B - + + - + + + + - - 8oCI6cqmQm - + false - + + - - - - - - - - + + + + - - 484 - + YQmcw -
- - -
+
- - 		+ + + + + - - as eat scott 23 - + eat whiteboard pinocchio 16 - + + - - 1989-12-07T02:13:20.000Z - + 1981-04-13T08:53:20.000Z - + + - - option-C - + option-B - + + - - MIyOYS6UcU - + muYiOaIWGW - + + - - - - - + + - + + - - 529 - + 256 -
- -
- - -
+ true - 		+ + + + + + + + - - can pinocchio whiteboard 24 - + muYiO - +
+ - - + - - + Select row + + + + + + - - option-A - + chocolate can helping 17 - + + - - amkU0IMCoC - + 1982-04-30T07:33:20.000Z - + + - - - - - + option-C - + + -
- -
- - -
+ - 		+ + - - bottle toyota bottle 25 - + 289 - + + - - 1992-12-22T04:53:20.000Z - + false - + + - - - option-B - - - + + + + - - oGWaS8cu0u - + 0OKoq - +
+ - - + - - + + + + + - - 625 - + pinocchio eat can 18 -
- -
- - -
+ 1983-06-09T09:46:40.000Z - 		+ + - - eat whiteboard pinocchio 26 - + option-A - + + - - 1994-08-04T11:33:20.000Z - + Es6uIGowew - + + - - option-C - + + - + + + + - - 2kIguyscCc - + true - + + - - - - - - - - + + + + - - 676 - + Es6uI -
- - -
+
- - 		+ + + + + - - chocolate can helping 27 - + scott pinocchio chocolate 19 - + + - - 1996-04-08T21:46:40.000Z - + 1984-08-10T15:33:20.000Z - + + - - option-A - + option-B - + + - - GE4mMo8KOK - + SMs0k64eqe - + + - - - - - + + - - -
- -
- - -
+ 361 - 		+ + - - pinocchio eat can 28 - + false - + + - - - 1998-01-05T11:33:20.000Z - - - + + + + - - option-B - + SMs0k - +
+ - - + - - + Select row + + + + + + - - - - - + toyota toyota toyota 20 - + + - - 784 - + 1985-11-05T00:53:20.000Z -
- -
- - -
+ className="" + title="option-C" + > + option-C - 		+ + - - scott pinocchio chocolate 29 - + gqe6CwKM2M - + + - - 1999-10-27T04:53:20.000Z - + + - + + - - option-C - + 400 - + + - - iCcyGUekmk - + true - + + - - - - - - - - + + + + - - 841 - + gqe6C -
- - -
+
- - 		+ + + + + - - toyota toyota toyota 30 - + helping whiteboard as 21 - + + - - 2001-09-09T01:46:40.000Z - + 1987-02-22T13:46:40.000Z - + + - - option-A - + option-A - + + - - wgO4iKuSyS - + uKQCema4E4 - + + - - - - - + + - - -
- + + -
- - -
+ false - 		+ + + + + + + + - - helping whiteboard as 31 - + uKQCe - +
+ - - + - - + Select row + + + + + + - - option-B - + whiteboard can eat 22 - + + - - AAAAAAAAAA - + 1988-07-04T06:13:20.000Z - + + - - - - - + option-B - + + - - 961 - + 8oCI6cqmQm -
- -
- - -
+ - 		+ + - - whiteboard can eat 32 - + 484 - + + - - 2005-08-14T06:13:20.000Z - + true - + + - - - option-C - - - + + + + - - OewGc0QsMs - + 8oCI6 - +
+ - - - + - + + + + + - - 1024 - + as eat scott 23 -
- -
- - -
+ 1989-12-07T02:13:20.000Z - 		+ + - - as eat scott 33 - + option-C - + + - - 2007-09-05T13:46:40.000Z - + MIyOYS6UcU - + + - - option-A - + + - + + - - c8iM4qgaYa - + 529 - + + - - - - - + false - + + + + + + + + -
- - -
+
+ Select row + + + + + 		+ + + can pinocchio whiteboard 24 - + + - - can pinocchio whiteboard 34 - + 1991-06-04T01:46:40.000Z - + + - - 2009-10-20T00:53:20.000Z - + option-A - + + - - option-B - + amkU0IMCoC - + + - - qcUSWgwIkI - + + - + + + + - - - - - + true - + + + + + + + + - - 1156 - + amkU0 -
- - -
+
- - 		+ + + + + - - bottle toyota bottle 35 - + bottle toyota bottle 25 - + + - - 2011-12-27T15:33:20.000Z - + 1992-12-22T04:53:20.000Z - + + - - option-C - + option-B - + + - - 46GYyWC0w0 - + oGWaS8cu0u - + + - - - - - + + - + + - - 1225 - + 625 -
- -
- - -
+ false - 		+ + - - - eat whiteboard pinocchio 36 - - - + + + + - - 2014-03-28T09:46:40.000Z - + oGWaS - +
+ - - + - - + Select row + + + + + + - - Ia2eQMSi8i - + eat whiteboard pinocchio 26 - + + - - - - - + 1994-08-04T11:33:20.000Z - + + -
- -
- - -
+ 2kIguyscCc - 		+ + - - chocolate can helping 37 - + + - + + - - 2016-07-20T07:33:20.000Z - + 676 - + + - - option-B - + true - + + + + + + + + - - W4oksCiQKQ - + 2kIgu - +
+ - - + - - + + + + + - - 1369 - + chocolate can helping 27 -
- -
- - -
+ 1996-04-08T21:46:40.000Z - 		+ + - - pinocchio eat can 38 - + option-A - + + - - 2018-12-05T08:53:20.000Z - + GE4mMo8KOK - + + - - option-C - + + - + + + + - - kYaqK2y8W8 - + false - + + - - - - - - - - + + + + - - 1444 - + GE4mM -
- - -
+
- - 		+ + + + + - - scott pinocchio chocolate 39 - + pinocchio eat can 28 - + + - - 2021-05-14T13:46:40.000Z - + 1998-01-05T11:33:20.000Z - + + - - option-A - + option-B - + + - - y2MwmsEqiq - + UiqsoeO2a2 - + + - - - - - + + - + + -
- -
- - -
+ true - 		+ + + + + + + + - - toyota toyota toyota 40 - + Uiqso - +
+ - - + - - + Select row + + + + + + - - option-B - + scott pinocchio chocolate 29 - + + - - CW82EiUYuY - + 1999-10-27T04:53:20.000Z - + + - - - - - + option-C - + + - - 1600 - + iCcyGUekmk -
- -
- - -
+ - 		+ + - - helping whiteboard as 41 - + 841 - + + - - 2026-06-09T10:13:20.000Z - + false - + + - - - option-C - - - + + + + - - Q0u8gYkG6G - + iCcyG - +
+ - - + - - + + + + + - - 1681 - + toyota toyota toyota 30 -
- -
- - -
+ 2001-09-09T01:46:40.000Z - 		+ + - - whiteboard can eat 42 - + option-A - + + - - 2029-01-25T01:46:40.000Z - + wgO4iKuSyS - + + - - option-A - + + - + + + + - - eUgE8O0yIy - + true - + + - - - - - - - - + + + + -
- - -
+
- - 		+ + + + + - - as eat scott 43 - + helping whiteboard as 31 - + + - - 2031-10-05T20:53:20.000Z - + 2003-08-16T02:13:20.000Z - + + - - option-B - + option-B - - - - sySKaEGgUg - - - + + - - - - - + AAAAAAAAAA - + + - - 1849 - + + -
- -
- - -
+ 961 - 		+ + - - can pinocchio whiteboard 44 - + false - + + - - - 2034-07-08T19:33:20.000Z - - - + + + + - - option-C - + AAAAA - +
+ - - + - - + Select row + + + + + + - - - - - + whiteboard can eat 32 - + + - - 1936 - + 2005-08-14T06:13:20.000Z -
- -
- - -
+ option-C - 		+ + - - bottle toyota bottle 45 - + OewGc0QsMs - + + - - 2037-05-03T21:46:40.000Z - + + - + + - - option-A - + 1024 - + + - - Kw0WUum6s6 - + true - + + - - - - - - - - + + + + -
- - -
+
- - 		+ + + + + - - eat whiteboard pinocchio 46 - + as eat scott 33 - + + - - 2040-03-22T03:33:20.000Z - + 2007-09-05T13:46:40.000Z - + + - - option-B - + option-A - + + - - YQmcwk2o4o - + c8iM4qgaYa - + + - - - - - + + - + + + + - - 2116 - + false -
- - -
- - -
- - 		+ + + + - - chocolate can helping 47 - + c8iM4 - +
+ - - + - - + Select row + + + + + + - - option-C - + can pinocchio whiteboard 34 - + + - - muYiOaIWGW - + 2009-10-20T00:53:20.000Z - + + - - - - - + option-B - + + - - 2209 - + qcUSWgwIkI -
- -
- - -
+ - 		+ + - - pinocchio eat can 48 - + 1156 - + + - - 2046-03-07T01:46:40.000Z - + true - + + - - - option-A - - - + + + + - - 0OKoqQYESE - + qcUSW - +
+ - - + - - + + + + + -
- -
- - -
+ 2011-12-27T15:33:20.000Z - 		+ + - - scott pinocchio chocolate 49 - + option-C - + + - - 2049-04-02T18:13:20.000Z - + 46GYyWC0w0 - + + - - option-B - + + - + + - - Es6uIGowew - + 1225 - + + - - - - - + false - + + + + + + + + - - 2401 - + 46GYy -
- - -
+
- - 		+ + + + + - - toyota toyota toyota 50 - + eat whiteboard pinocchio 36 - + + - - 2052-05-22T14:13:20.000Z - + 2014-03-28T09:46:40.000Z - + + - - option-C - + option-A - + + - - SMs0k64eqe - + Ia2eQMSi8i - + + - - - - - + + - + + + + - - 2500 - + true -
- - -
- - -
- - 		- - - helping whiteboard as 51 - - - + + + + - - 2055-08-04T13:46:40.000Z - + Ia2eQ - +
+ - - + - - + Select row + + + + + + - - gqe6CwKM2M - + chocolate can helping 37 - + + - - - - - + 2016-07-20T07:33:20.000Z - - -
- -
- - -
+ option-B - 		+ + - - whiteboard can eat 52 - + W4oksCiQKQ - + + - - 2058-11-08T16:53:20.000Z - + + - + + - - option-B - + 1369 - + + - - uKQCema4E4 - + false - + + - - - - - - - - + + + + - - 2704 - + W4oks -
- - -
+
- - 		+ + + + + - - as eat scott 53 - + pinocchio eat can 38 - + + - - 2062-03-07T23:33:20.000Z - + 2018-12-05T08:53:20.000Z - + + - - option-C - + option-C - + + - - 8oCI6cqmQm - + kYaqK2y8W8 - + + - - - - - + + - + + - - 2809 - + 1444 -
- -
- - -
+ true - 		+ + + + + + + + - - can pinocchio whiteboard 54 - + kYaqK - +
+ - - + - - + Select row + + + + + + - - option-A - + scott pinocchio chocolate 39 - + + - - MIyOYS6UcU - + 2021-05-14T13:46:40.000Z - + + - - - - - + option-A - - -
- -
- - -
+ y2MwmsEqiq - 		+ + - - bottle toyota bottle 55 - + + - + + + + - - 2069-01-09T23:33:20.000Z - + false - + + - - - option-B - - - + + + + - - amkU0IMCoC - + y2Mwm - +
+ - - + - - + + + + + - - 3025 - + toyota toyota toyota 40 -
- -
- - -
+ 2023-11-14T22:13:20.000Z - 		+ + - - eat whiteboard pinocchio 56 - + option-B - + + - - 2072-07-17T16:53:20.000Z - + CW82EiUYuY - + + - - option-C - + + - + + - - oGWaS8cu0u - + 1600 - + + - - - - - + true - + + + + + + + + - - 3136 - + CW82E -
- - -
+
- - 		+ + + + + - - chocolate can helping 57 - + helping whiteboard as 41 - + + - - 2076-02-15T13:46:40.000Z - + 2026-06-09T10:13:20.000Z - + + - - option-A - + option-C - + + - - 2kIguyscCc - + Q0u8gYkG6G - + + - - - - - + + - - -
- -
- - -
+ 1681 - 		+ + - - pinocchio eat can 58 - + false - + + - - - 2079-10-08T14:13:20.000Z - - - + + + + - - option-B - + Q0u8g - +
+ - - - GE4mMo8KOK - - - - - + - - + + + + + - - 3364 - + whiteboard can eat 42 -
- -
- - -
+ 2029-01-25T01:46:40.000Z - 		+ + - - scott pinocchio chocolate 59 - + option-A - + + - - 2083-06-23T18:13:20.000Z - + eUgE8O0yIy - + + - - option-C - + + - + + + + - - UiqsoeO2a2 - + true - + + - - - - - - - - + + + + - - 3481 - + eUgE8 -
- - -
+
- - 		+ + + + + - - toyota toyota toyota 60 - + as eat scott 43 - + + - - 2087-04-01T01:46:40.000Z - + 2031-10-05T20:53:20.000Z - + + - - option-A - + option-B - + + - - iCcyGUekmk - + sySKaEGgUg - + + - - - - - + + - + + -
- -
- - -
+ false - 		+ + + + + + + + - - helping whiteboard as 61 - + sySKa - +
+ - - + - - + Select row + + + + + + - - option-B - + can pinocchio whiteboard 44 - + + - - wgO4iKuSyS - + 2034-07-08T19:33:20.000Z - + + - - - - - + option-C - + + - - 3721 - + 6SEQ24WOgO -
- -
- - -
+ - 		+ + - - whiteboard can eat 62 - + 1936 - + + - - 2094-12-24T03:33:20.000Z - + true - + + - - - option-C - - - + + + + - - AAAAAAAAAA - + 6SEQ2 - +
+ - - + - - + + + + + - - 3844 - + bottle toyota bottle 45 -
- -
- - -
+ 2037-05-03T21:46:40.000Z - 		+ + - - as eat scott 63 - + option-A - + + - - 2098-12-09T21:46:40.000Z - + Kw0WUum6s6 - + + - - option-A - + + - + + + + - - OewGc0QsMs - + false - + + - - - - - - - - + + + + -
- - -
+
- - 		+ + + + + - - can pinocchio whiteboard 64 - + eat whiteboard pinocchio 46 - + + - - 2102-12-19T19:33:20.000Z - + 2040-03-22T03:33:20.000Z - + + - - option-B - + option-B - + + - - c8iM4qgaYa - + YQmcwk2o4o - + + - - - - - + + - + + - - 4096 - + 2116 -
- -
- - -
+ true - 		+ + - - - bottle toyota bottle 65 - - - + + + + - - 2107-01-20T20:53:20.000Z - + YQmcw - +
+ - - + - - + Select row + + + + + + - - qcUSWgwIkI - + chocolate can helping 47 - + + - - - - - + 2043-03-03T12:53:20.000Z - + + - - 4225 - + option-C -
- -
- - -
+ muYiOaIWGW - 		+ + - - eat whiteboard pinocchio 66 - + + - + + - - 2111-03-17T01:46:40.000Z - + 2209 - + + - - option-A - + false - + + - - - 46GYyWC0w0 - - - + + + + - - - - - + muYiO - - -
- - -
+
- - 		+ + + + + - - chocolate can helping 67 - + pinocchio eat can 48 - + + - - 2115-06-03T10:13:20.000Z - + 2046-03-07T01:46:40.000Z - + + - - option-B - + option-A - + + - - Ia2eQMSi8i - + 0OKoqQYESE - + + - - - - - + + - + + + + - - 4489 - + true -
- - -
- - -
- - 		+ + + + - - pinocchio eat can 68 - + 0OKoq - +
+ - - + - - + Select row + + + + + + - - option-C - + scott pinocchio chocolate 49 - + + - - W4oksCiQKQ - + 2049-04-02T18:13:20.000Z - + + - - - - - + option-B - + + - - 4624 - + Es6uIGowew -
- -
- - -
+ - 		+ + - - scott pinocchio chocolate 69 - + 2401 - + + - - 2124-01-15T13:46:40.000Z - + false - + + - - - option-A - - - + + + + - - kYaqK2y8W8 - + Es6uI - +
+ - - + - - + + + + + -
- -
- - -
+ 2052-05-22T14:13:20.000Z - 		+ + - - toyota toyota toyota 70 - + option-C - + + - - 2128-06-11T08:53:20.000Z - + SMs0k64eqe - + + - - option-B - + + - + + - - y2MwmsEqiq - + 2500 - + + - - - - - + true - + + + + + + + + - - 4900 - + SMs0k -
- - -
+
- - 		+ + + + + - - helping whiteboard as 71 - + helping whiteboard as 51 - + + - - 2132-11-29T07:33:20.000Z - + 2055-08-04T13:46:40.000Z - + + - - option-C - + option-A - + + - - CW82EiUYuY - + gqe6CwKM2M - - - - - - - - - + + - - 5041 - + + -
- + + -
- - -
+ false - 		+ + - - - whiteboard can eat 72 - - - + + + + - - 2137-06-11T09:46:40.000Z - + gqe6C - +
+ - - + - - + Select row + + + + + + - - Q0u8gYkG6G - + whiteboard can eat 52 - + + - - - - - + 2058-11-08T16:53:20.000Z - - -
- -
- - -
+ option-B - 		+ + - - as eat scott 73 - + uKQCema4E4 - + + - - 2142-01-14T15:33:20.000Z - + + - + + - - option-B - + 2704 - + + - - eUgE8O0yIy - + true - + + - - - - - - - - + + + + - - 5329 - + uKQCe -
- - -
+
- - 		+ + + + + - - can pinocchio whiteboard 74 - + as eat scott 53 - + + - - 2146-09-12T00:53:20.000Z - + 2062-03-07T23:33:20.000Z - + + - - option-C - + option-C - + + - - sySKaEGgUg - + 8oCI6cqmQm - + + - - - - - + + - + + - - 5476 - + 2809 -
- -
- - -
+ false - 		+ + - - - bottle toyota bottle 75 - - - + + + + - - 2151-06-02T13:46:40.000Z - + 8oCI6 - +
+ - - - option-A - - - - - + - - + Select row + + + + + + - - - - - + can pinocchio whiteboard 54 - - -
- -
- - -
+ 2065-07-28T09:46:40.000Z - 		+ + - - eat whiteboard pinocchio 76 - + option-A - + + - - 2156-03-15T06:13:20.000Z - + MIyOYS6UcU - + + - - option-B - + + - + + + + - - Kw0WUum6s6 - + true - + + - - - - - - - - + + + + - - 5776 - + MIyOY -
- - -
+
- - 		+ + + + + - - chocolate can helping 77 - + bottle toyota bottle 55 - + + - - 2161-01-19T02:13:20.000Z - + 2069-01-09T23:33:20.000Z - + + - - option-C - + option-B - + + - - YQmcwk2o4o - + amkU0IMCoC - + + - - - - - + + - + + - - 5929 - + 3025 -
- -
- - -
+ false - 		+ + - - - pinocchio eat can 78 - - - + + + + - - 2165-12-18T01:46:40.000Z - + amkU0 - +
+ - - + - - + Select row + + + + + + - - muYiOaIWGW - + eat whiteboard pinocchio 56 - + + - - - - - + 2072-07-17T16:53:20.000Z - + + -
- -
- - -
+ oGWaS8cu0u - 		+ + - - scott pinocchio chocolate 79 - + + - + + - - 2170-12-09T04:53:20.000Z - + 3136 - + + - - option-B - + true - + + + + + + + + - - 0OKoqQYESE - + oGWaS - +
+ - - + - - + + + + + - - 6241 - + chocolate can helping 57 -
- -
- - -
+ 2076-02-15T13:46:40.000Z - 		+ + - - toyota toyota toyota 80 - + option-A - + + - - 2175-12-23T11:33:20.000Z - + 2kIguyscCc - + + - - option-C - + + - + + + + - - Es6uIGowew - + false - + + - - - - - - - - + + + + - - 6400 - + 2kIgu -
- - -
+
- - 		+ + + + + - - helping whiteboard as 81 - + pinocchio eat can 58 - + + - - 2181-01-28T21:46:40.000Z - + 2079-10-08T14:13:20.000Z - + + - - option-A - + option-B - + + - - SMs0k64eqe - + GE4mMo8KOK - + + - - - - - + + - - -
- -
- - -
+ 3364 - 		+ + - - whiteboard can eat 82 - + true - + + + + + + + + - - 2186-03-30T11:33:20.000Z - + GE4mM - +
+ - - + - - + Select row + + + + + + - - gqe6CwKM2M - + scott pinocchio chocolate 59 - + + - - - - - + 2083-06-23T18:13:20.000Z - + + - - 6724 - + option-C -
- -
- - -
+ UiqsoeO2a2 - 		+ + - - as eat scott 83 - + + - + + - - 2191-06-22T04:53:20.000Z - + 3481 - + + - - option-C - + false - + + + + + + + + - - uKQCema4E4 - + Uiqso - +
+ - - + - - + + + + + - - 6889 - + toyota toyota toyota 60 -
- -
- - -
+ 2087-04-01T01:46:40.000Z - 		+ + - - can pinocchio whiteboard 84 - + option-A - + + - - 2196-10-06T01:46:40.000Z - + iCcyGUekmk - + + - - option-A - + + - + + + + - - 8oCI6cqmQm - + true - + + - - - - - - - - + + + + -
- - -
+
- - 		+ + + + + - - bottle toyota bottle 85 - + helping whiteboard as 61 - + + - - 2202-02-14T02:13:20.000Z - + 2091-01-30T12:53:20.000Z - + + - - option-B - + option-B - + + - - MIyOYS6UcU - + wgO4iKuSyS - + + - - - - - + + - + + - - 7225 - + 3721 -
- -
- - -
+ false - 		+ + - - - eat whiteboard pinocchio 86 - - - + + + + - - 2207-07-17T06:13:20.000Z - + wgO4i - +
+ - - + - - + Select row + + + + + + - - amkU0IMCoC - + whiteboard can eat 62 - + + - - - - - + 2094-12-24T03:33:20.000Z - + + - - 7396 - + option-C -
- -
- - -
+ AAAAAAAAAA - 		+ + - - chocolate can helping 87 - + + - + + - - 2213-01-08T13:46:40.000Z - + 3844 - + + - - option-A - + true - + + - - - oGWaS8cu0u - - - + + + + - - - - - + AAAAA - - -
- - -
+
- - 		+ + + + + - - pinocchio eat can 88 - + as eat scott 63 - + + - - 2218-07-27T00:53:20.000Z - + 2098-12-09T21:46:40.000Z - + + - - option-B - + option-A - + + - - 2kIguyscCc - + OewGc0QsMs - + + - - - - - + + - + + + + - - 7744 - + false -
- - -
- - -
- - 		+ + + + - - scott pinocchio chocolate 89 - + OewGc - +
+ - - + - - + Select row + + + + + + - - option-C - + can pinocchio whiteboard 64 - + + - - GE4mMo8KOK - + 2102-12-19T19:33:20.000Z - + + - - - - - + option-B - + + - - 7921 - + c8iM4qgaYa -
- -
- - -
+ - 		+ + - - toyota toyota toyota 90 - + 4096 - + + - - 2229-11-06T09:46:40.000Z - + true - + + - - - option-A - - - - - - UiqsoeO2a2 - - - + + + + - - - - - + c8iM4 - - -
- - -
+
- - 		+ + + + + - - helping whiteboard as 91 - + bottle toyota bottle 65 - + + - - 2235-08-02T07:33:20.000Z - + 2107-01-20T20:53:20.000Z - + + - - option-B - + option-C - + + - - iCcyGUekmk - + qcUSWgwIkI - + + - - - - - + + - + + - - 8281 - + 4225 -
- -
- - -
+ false - 		+ + - - - whiteboard can eat 92 - - - + + + + - - 2241-05-20T08:53:20.000Z - + qcUSW - +
+ - - + - - + Select row + + + + + + - - wgO4iKuSyS - + eat whiteboard pinocchio 66 - + + - - - - - + 2111-03-17T01:46:40.000Z - + + - - 8464 - + option-A -
- -
- - -
+ 46GYyWC0w0 - 		+ + - - as eat scott 93 - + + - + + + + - - 2247-03-31T13:46:40.000Z - + true - + + - - - option-A - - - + + + + - - AAAAAAAAAA - + 46GYy - +
+ - - + - - - -
- -
- - -
+ chocolate can helping 67 - 		+ + - - can pinocchio whiteboard 94 - + 2115-06-03T10:13:20.000Z - + + - - 2253-03-03T22:13:20.000Z - + option-B - + + - - option-B - + Ia2eQMSi8i - + + - - OewGc0QsMs - + + - + + - - - - - + 4489 - + + - - 8836 - + false -
- - -
- - -
- - 		+ + + + - - bottle toyota bottle 95 - + Ia2eQ - +
+ - - + - - + Select row + + + + + + - - option-C - + pinocchio eat can 68 - + + - - c8iM4qgaYa - + 2119-09-12T22:13:20.000Z - + + - - - - - + option-C - + + - - 9025 - + W4oksCiQKQ -
- -
- - -
+ - 		+ + - - eat whiteboard pinocchio 96 - + 4624 - + + - - 2265-03-19T01:46:40.000Z - + true - + + - - - option-A - - - + + + + - - qcUSWgwIkI - + W4oks - +
+ - - + - - - -
- -
- - -
+ scott pinocchio chocolate 69 - 		+ + - - chocolate can helping 97 - + 2124-01-15T13:46:40.000Z - + + - - 2271-04-30T20:53:20.000Z - + option-A - + + - - option-B - + kYaqK2y8W8 - + + - - 46GYyWC0w0 - + + - + + + + - - - - - + false - + + + + + + + + - - 9409 - + kYaqK -
- - -
+
+ Select row + + + + + 		+ + + toyota toyota toyota 70 - + + - - pinocchio eat can 98 - + 2128-06-11T08:53:20.000Z - + + - - 2277-07-04T19:33:20.000Z - + option-B - + + - - option-C - + y2MwmsEqiq - + + - - Ia2eQMSi8i - + + - + + - - - - - + 4900 - + + - - 9604 - + true -
- + + + + + + -
+ +
+ +
+ +
- - 		+ + + + + - - scott pinocchio chocolate 99 - + helping whiteboard as 71 - + + - - 2283-10-01T21:46:40.000Z - + 2132-11-29T07:33:20.000Z - + + - - option-A - + option-C - + + - - W4oksCiQKQ - + CW82EiUYuY - + + - - - - - + + - - -
- - - - - -`; - -exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/Table/StatefulTable Stateful Example with Create & Save Views 1`] = ` -
-
-
- - Focus sentinel - -
-
-

- Manage views -

- -
-
-
-
-
+ + - - - -
- - - -
-
- - -
-
-
-
-
+ -
- Available Views -
-
-
-
-
+ CW82E + + + + + -
-
-
+
+ Select row + +
-
-
-
+ + -
-
-
-
-
- My view 2 (Private) -
-
-
- - - default - -
-
-
- - -
-
-
- Columns: 7, Filters: 1, Search: -
-
-
-
-
-
-
-
+ + + -
- Page 1 + 2137-06-11T09:46:40.000Z -
-
-
-
-
-
- - Focus sentinel - -
-
-
-
-
-

- - 0 items selected - -

-
-
- -
-
- -
-
-
- - - -
- - - -
- - - - -
-
- -
+ + option-A + + + + - -
+ + + + -
-
-
-
-
-
-
- - - - + + + + + + + + + + + + + + - + + - + + - - - - + + + - + + - + + - + + + - + - + - + - + - + - + - + - - + + + - + - + + + - + - + - + - + - + - + - + - + - - + + + + - + + + - + - + - + - + - + - + + - + - + - + + + - - + + - - + - + - + - + - + - + - + - + - + + + - - + + - - + - + - + - + - + - + - + - + - + + + - - + + - + - + - + - + - + + - + + - + + + - + - + - + - - + + + + - + - + - + + - + + + + - + - + - + - + - + - + - - + + + - + - + + + - + - + - + - + - + - + + - + + - + + + - - + + - - + - + - + - + - + - + - + - + - + + + - - + + - - + - + - + - + - + - + - + - + - - - -
- + + -
- - -
+ true - - 		+ + + - + + + Q0u8g + + +
+ +
+ +
+ + + as eat scott 73 + + + + + + 2142-01-14T15:33:20.000Z + + + + + + option-B + + + + + + eUgE8O0yIy + + + + + - - - - + + + + - - Date - -
+ +
+ + + false + + + + + + + + + + + + eUgE8 - - + +
+ - - - + + + + + - - - + + + + - - - + + + + - - - + + + + - - - + + + + - - - + + + + - + 5476 - - + + + - + true - -
- - - -
-
-
- -
-
- -
-
-
-
- - - -
-
-
- 		+ + + + + -
-
-
- -
-
- -
-
-
-
-
- - 		+ + +
+
-
+
- -
-
-
+ Select row + +
-
+ + + -
-
-
- -
-
- -
-
-
-
-
- - 		+ + + + -
-
-
- -
-
- -
-
-
-
-
- - 		+ + + + -
-
-
- -
+ + + + -
-
-
- -
-
- -
-
-
-
-
- - 		- -
- - - + + + + + -
- - -
+ false - 		+ + + + + + + + - - helping whiteboard as 11 - + 6SEQ2 - +
+ - - + - - + Select row + + + + + + - - option-C - + eat whiteboard pinocchio 76 - + + - - - - - + 2156-03-15T06:13:20.000Z - + + - - 121 - + option-B - + + - - false - + Kw0WUum6s6 - + + - - + + - - eUgE8 - + 5776 - - + + -
-
- - -
-
-
- - - + + + + -
- - -
+ Kw0WU - 		+
+ - - + - - + Select row + + + + + + - - 1982-04-30T07:33:20.000Z - + chocolate can helping 77 - + + - - option-C - + 2161-01-19T02:13:20.000Z - + + - - - - - + option-C - + + - - 289 - + YQmcwk2o4o - + + - - false - + + - + + - - - + 5929 - + + - - 0OKoq - + false - - + + -
-
- - -
-
-
- - - + +
+ - -
+
- - 		+ + + + + - - helping whiteboard as 41 - + pinocchio eat can 78 - + + - - 2026-06-09T10:13:20.000Z - + 2165-12-18T01:46:40.000Z - + + - - option-C - + option-A - + + - - - - - + muYiOaIWGW - + + - - 1681 - + + - + + + + - - false - + true - + + - - - - - - + + + + - - Q0u8g - + muYiO - - +
+
-
+
+ Select row + +
-
- - - -
- - -
+ scott pinocchio chocolate 79 - 		+ + - - chocolate can helping 47 - + 2170-12-09T04:53:20.000Z - + + - - 2043-03-03T12:53:20.000Z - + option-B - + + - - option-C - + 0OKoqQYESE - + + - - - - - + + - + + - - 2209 - + 6241 - + + - - false - + false - + + - - - - - - + + + + - - muYiO - + 0OKoq - - +
+
-
+
+ Select row + +
-
- - - -
- - -
+ toyota toyota toyota 80 - 		+ + - - helping whiteboard as 71 - + 2175-12-23T11:33:20.000Z - + + - - 2132-11-29T07:33:20.000Z - + option-C - + + - - option-C - + Es6uIGowew - + + - - - - - + + - + + - - 5041 - + 6400 - + + - - false - + true - + + - - - - - - + + + + - - CW82E - + Es6uI - - +
+
-
+
+ Select row + +
-
- - - + + + -
- - -
+ 2181-01-28T21:46:40.000Z - 		+ + - - chocolate can helping 77 - + option-A - + + - - 2161-01-19T02:13:20.000Z - + SMs0k64eqe - + + - - option-C - + + - + + + + - - - - - + false - + + + + + + + + - - 5929 - + SMs0k - +
+ - - + - - + Select row + + + + + + - - - + whiteboard can eat 82 - + + - - YQmcw - + 2186-03-30T11:33:20.000Z - - + + -
-
- - -
-
-
- - + + - - - + + + -
- - -
+ 6724 - 		+ + - - helping whiteboard as 1 - + true - + + + + + + + + - - 1973-03-14T23:33:20.000Z - + gqe6C - +
+ - - + + + Select row + + + + + + + + as eat scott 83 - + + - - - - - + 2191-06-22T04:53:20.000Z - + + - - 1 - + option-C - + + - - false - + uKQCema4E4 - + + - - + + - - OewGc - + 6889 - - + + -
-
- - -
-
-
- - - + + + + -
- - -
+ uKQCe - 		+
+ - - + - - + Select row + + + + + + - - 1974-09-21T12:53:20.000Z - + can pinocchio whiteboard 84 - + + - - option-B - + 2196-10-06T01:46:40.000Z - + + - - - - - + option-A - + + - - 49 - + 8oCI6cqmQm - + + - - false - + + - + + + + - - - + true - + + + + + + + + - - kYaqK - + 8oCI6 - - +
+
-
+
+ Select row + +
-
- - - -
- - -
+ bottle toyota bottle 85 - 		+ + - - helping whiteboard as 31 - + 2202-02-14T02:13:20.000Z - + + - - 2003-08-16T02:13:20.000Z - + option-B - + + - - option-B - + MIyOYS6UcU - + + - - - - - + + - + + - - 961 - + 7225 - + + - - false - + false - + + - - - - - - + + + + - - AAAAA - + MIyOY - - +
+
-
+
+ Select row + +
-
- - - -
- - -
+ eat whiteboard pinocchio 86 - 		+ + - - chocolate can helping 37 - + 2207-07-17T06:13:20.000Z - + + - - 2016-07-20T07:33:20.000Z - + option-C - + + - - option-B - + amkU0IMCoC - + + - - - - - + + - + + - - 1369 - + 7396 - + + - - false - + true - + + - - - - - - + + + + - - W4oks - + amkU0 - - -
-
- - -
-
-
-
-
-
-
- -
-
-
-
- - - - -
-
-
-
- - 1–10 of 20 items - -
-
-
-
- -
-
- - - - -
-
-
-
- - 1 of 2 pages - -
- - -
-
-
-
-
-
-`; - -exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/Table/StatefulTable Stateful Example with every third row unselectable 1`] = ` -
-
-
-
-
-

- - 0 items selected - -

-
-
- -
-
- -
-
-
-
- - - - - + + + + + + + + + + + + + + - - - - @@ -23385,7 +20743,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-0-date" + id="cell-table-row-89-date" offset={0} > - 1973-03-03T09:46:40.000Z + 2224-03-05T15:33:20.000Z @@ -23404,7 +20762,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="select" data-offset={0} - id="cell-table-row-0-select" + id="cell-table-row-89-select" offset={0} > - option-A + option-C @@ -23423,7 +20781,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="secretField" data-offset={0} - id="cell-table-row-0-secretField" + id="cell-table-row-89-secretField" offset={0} > - AAAAAAAAAA + GE4mMo8KOK @@ -23442,7 +20800,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="status" data-offset={0} - id="cell-table-row-0-status" + id="cell-table-row-89-status" offset={0} > + > + + 7921 + + @@ -23503,7 +20868,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="node" data-offset={0} - id="cell-table-row-0-node" + id="cell-table-row-89-node" offset={0} > - AAAAA + GE4mM @@ -23564,13 +20929,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T checked={false} className="bx--checkbox" disabled={false} - id="select-row-table-row-1" + id="select-row-table-row-90" onChange={[Function]} type="checkbox" /> @@ -23731,7 +21089,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="node" data-offset={0} - id="cell-table-row-1-node" + id="cell-table-row-90-node" offset={0} > - OewGc + Uiqso @@ -23792,13 +21150,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T checked={false} className="bx--checkbox" disabled={false} - id="select-row-table-row-2" + id="select-row-table-row-91" onChange={[Function]} type="checkbox" /> @@ -24062,7 +21420,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-3-date" + id="cell-table-row-92-date" offset={0} > - 1973-06-15T13:46:40.000Z + 2241-05-20T08:53:20.000Z @@ -24081,7 +21439,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="select" data-offset={0} - id="cell-table-row-3-select" + id="cell-table-row-92-select" offset={0} > - option-A + option-C @@ -24100,7 +21458,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="secretField" data-offset={0} - id="cell-table-row-3-secretField" + id="cell-table-row-92-secretField" offset={0} > - qcUSWgwIkI + wgO4iKuSyS @@ -24119,7 +21477,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="status" data-offset={0} - id="cell-table-row-3-status" + id="cell-table-row-92-status" offset={0} > + > + + 8464 + + @@ -24180,7 +21545,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="node" data-offset={0} - id="cell-table-row-3-node" + id="cell-table-row-92-node" offset={0} > - qcUSW + wgO4i @@ -24241,13 +21606,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T checked={false} className="bx--checkbox" disabled={false} - id="select-row-table-row-4" + id="select-row-table-row-93" onChange={[Function]} type="checkbox" /> @@ -24408,7 +21766,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="node" data-offset={0} - id="cell-table-row-4-node" + id="cell-table-row-93-node" offset={0} > - 46GYy + AAAAA @@ -24469,13 +21827,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T checked={false} className="bx--checkbox" disabled={false} - id="select-row-table-row-5" + id="select-row-table-row-94" onChange={[Function]} type="checkbox" /> @@ -24739,7 +22097,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-6-date" + id="cell-table-row-95-date" offset={0} > - 1974-04-24T01:46:40.000Z + 2259-02-28T10:13:20.000Z @@ -24758,7 +22116,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="select" data-offset={0} - id="cell-table-row-6-select" + id="cell-table-row-95-select" offset={0} > - option-A + option-C @@ -24777,7 +22135,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="secretField" data-offset={0} - id="cell-table-row-6-secretField" + id="cell-table-row-95-secretField" offset={0} > - W4oksCiQKQ + c8iM4qgaYa @@ -24796,7 +22154,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="status" data-offset={0} - id="cell-table-row-6-status" + id="cell-table-row-95-status" offset={0} > + > + + 9025 + + @@ -24857,7 +22222,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="node" data-offset={0} - id="cell-table-row-6-node" + id="cell-table-row-95-node" offset={0} > - W4oks + c8iM4 @@ -24918,13 +22283,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T checked={false} className="bx--checkbox" disabled={false} - id="select-row-table-row-7" + id="select-row-table-row-96" onChange={[Function]} type="checkbox" /> @@ -25085,7 +22443,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="node" data-offset={0} - id="cell-table-row-7-node" + id="cell-table-row-96-node" offset={0} > - kYaqK + qcUSW @@ -25146,13 +22504,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T checked={false} className="bx--checkbox" disabled={false} - id="select-row-table-row-8" + id="select-row-table-row-97" onChange={[Function]} type="checkbox" /> - - - - - - - - - - - @@ -25595,13 +22732,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T checked={false} className="bx--checkbox" disabled={false} - id="select-row-table-row-10" + id="select-row-table-row-98" onChange={[Function]} type="checkbox" /> - +
- 		+ - + + - - - + + + + - - - - - + + + - Date + oGWaS8cu0u - - + - + + + + - - + false + + + + - - - + + -
+ +
- - - + + Select row + + +
+ + 		+ + - - - - - + + + - + + - - - + + + + - - - - - + + + - + + + 7744 + + + + + + true + + + - - - - - - - - - - + + - - + +
- true + false - false + true
- false + true - true + false
- true + false - false + true
- -
- - -
- - 		- - - scott pinocchio chocolate 9 - - - - - - 1975-09-26T21:46:40.000Z - - - - - - option-A - - - - - - CW82EiUYuY - - - - - - - - - - - - - - - - false - - - - - - - - - - CW82E + 46GYy - eUgE8 + W4oks
+
+
+
+
+`; + +exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/Table/StatefulTable with alignment and column tooltip 1`] = ` +
+
+
+
+
+
+

+ + 0 items selected + +

+
+
+
+
+ +
+
+
+
+ + + + + - + + + - - true +
+ + +
- - - - + - - - - + - - + + - - option-B +
+ + +
- - - - - - - - + - - - + - -
- - -
- - - + - - - - - - + - - true +
+ + +
- - - - - - - - + - - - - + + - - - - + + - - - - - - - - - - + - - - - + - - - - + + - - - - - - + - - - - + - + - - 1982-04-30T07:33:20.000Z +
+ + +
- - - - - - - - - - - - + + - -
- - -
- - - - - - - - - - - + - - - + - -
- - -
- - - + - - - - - - + - - false +
+ + +
- - - - + - - - - + - - + + - - option-C +
+ + +
- - - - - - - - + - - - + - -
- - -
- - - + - - - - - - - - + - - uKQCe +
+ + +
- - - - - - + - - - - + + - - - - + + - - - - - + - + - - - - + - + - - 1989-12-07T02:13:20.000Z +
+ + +
- - - - - - - - - - - - + - -
- - -
- - - - - - - - - - - - - - + + - -
- - -
- - - - - - - - - + - + - - - - - - - + - - - - + - - - - + - - - - + + - - - - - - + - - - - + - + + - - 1996-04-08T21:46:40.000Z +
+ + +
- - - - - - - - - + - - - + - -
- - -
- - - + - - - + - - - + - - true +
+ + +
- - - - - - - - + - - - + + - - iCcyGUekmk +
+ + +
- - - - - - - - - - - + - + - - 2001-09-09T01:46:40.000Z +
+ + +
- - - - - - - - - + - - - + - -
- - -
- - - + - - - - - - + + - - false +
+ + +
- - - - + - - - - + - - - + - - OewGc0QsMs +
+ + +
- - - - - - - - - - - + - + - - 2007-09-05T13:46:40.000Z +
+ + +
- - - - - - - - - + - - - + + - -
- - -
- - - + - - - - - - + - - true +
+ + +
- - - - + - - - - + - + - - + - - 46GYyWC0w0 +
+ + +
- - - - - - - + - - - + + - -
- - -
- - - + - - - - - - - + - - - - - - - + - - - - + - - - - + - - - - + + - - - - - - + - - - - + - + + - - 2018-12-05T08:53:20.000Z +
+ + +
- - - - - - - - - - - - + - -
- - -
- - - + - - - - - - - - - - - + - -
- - -
- - - + - - - - - + + - - 1600 - - - - + - - + - - - - + - - + - - option-C +
+ + +
- - - - - - - - + - - - + + - -
- - -
- - - - - - - - - - - - - - + + - -
- - -
- - - + - - - - - - + - - false +
+ + +
- - - - - - - - + - - - - + - - - - + + - - - - - - - - - - + - - + + - - option-A +
+ + +
- - - - - - - - - - - - - - + - - option-B +
+ + +
- - - - - - - - + - - - + - -
- - -
- - - + - - - - - - + + - - false +
+ + +
- - - - - - - - + - - - - + - - - - + + - - - - - - + - - - - + - - + - - option-B +
+ + +
- - - - - - - - - - - + + - -
- - -
- - - - - - - - - - + - - - - - - - + - - - - + - - - - + - - - - + + - - - - - - - - - - + - - - - + + - - - - + + - - - - - - + - - - - + - + - - 2062-03-07T23:33:20.000Z - - - - + - - - - - - - - - + - -
- - -
- - - - - - - - - - - + - - - + + - -
- - -
- - - + - - - - - - + - - false +
+ + +
- - - - + - - - - + - - - + - - oGWaS8cu0u +
+ + +
- - - - - - - + - - - + + - -
- - -
- - - + - - - - - - - + - - - - - - - + - - - - + - - - - + - - - - + + - - - - - + - + - - - - + - + + - - 2083-06-23T18:13:20.000Z +
+ + +
- - - - - - - - - - - - + - -
- - -
- - - - - - - - - - - - - - + - -
- - -
- - - - - - - - - + - + + - - - - - - - + - - - - + - - - - + - - - - + + - - - - - - - - - - + - - + - - option-A +
+ + +
- - - - - - - - + - - - + + - -
- - -
- - - + - - - + - - - + - - true +
+ + +
- - - - + - - - - + - - - + - - qcUSWgwIkI +
+ + +
- - - - - - - - - - - + - + + - - 2111-03-17T01:46:40.000Z +
+ + +
- - - - - - - - - + - - - + - -
- - -
- - - + - - - - - - + - - false +
+ + +
- - - - - - - - + - - - + + - - W4oksCiQKQ - - - - - - - - + - - - - + - + - - 2124-01-15T13:46:40.000Z +
+ + +
- - - - - - - - - + - - - + - -
- - -
- - - + - - - - - - + + - - true +
+ + +
- - - - + - - - - + - - - + - - CW82EiUYuY +
+ + +
- - - - - - - - - - - + - + - - 2137-06-11T09:46:40.000Z +
+ + +
- - - - - - - - - - - - + + - -
- - -
- - - + - - - - - - + - - false +
+ + +
- - - - - - - - + - - - - + - - - - + + - - - - - - - - - - + - - + + - - option-A - - - - + - - - - - - - - - + - + - - 2156-03-15T06:13:20.000Z +
+ + +
- - - - - - - - - - - - + - -
- - -
- - - + - - - - + + + - - - - + + - - - - - - + - - - - + - + - - 2165-12-18T01:46:40.000Z +
+ + +
- - - - - - - - - + - - - + - -
- - -
- - - + - - - - + - - + + - - false +
+ + +
- - - - + - - - - + - - - + - - Es6uIGowew +
+ + +
- - - - - - - - - - - + - + - - 2181-01-28T21:46:40.000Z +
+ + +
- - - - - - - - - - - - + + - -
- - -
- - - + - - - - - - + - - true +
+ + +
- - - - - - - - + - - - - + - - - - - - - - + - - - + - - - + + + - -
- - -
- - - + - - - - - - - + - - - - - - - + - - - - + - - - - + - - - - + + - - - - - - - - - - + - - + + - - option-C +
+ + +
- - - - - - - - + - - - + - -
- - -
- - - + - - - - - - - - - - - - - - + - - option-B +
+ + +
- - - - - - - - - - - - - - - + + +
-
- - -
- - - 		- + Select all items + + + + + + - - whiteboard can eat 12 - - - - - + + String + + + + + + + + + + + + + - 1977-09-25T01:46:40.000Z + + + Select an option + - - - - + - option-A + + Secret Information + - - - - + - sySKaEGgUg + + Status + - - - - + - + + + Number + + - - - - - - -
- + - - - - - - + toyota toyota toyota 0 + + + - sySKa + + 1973-03-03T09:46:40.000Z + - -
- + -
- - -
- - 		- + + - as eat scott 13 + + AAAAAAAAAA + - - - + - 1978-07-11T10:13:20.000Z + + + + + - - + + +
- + - 6SEQ24WOgO + + helping whiteboard as 1 + - - - + - - - + 1973-03-14T23:33:20.000Z + - - - + - 169 + + option-B + - - - + - false + + OewGc0QsMs + - - - + - - - - - - + + + + + + - 6SEQ2 + + 1 + - -
+
- + Select row + + + + + - can pinocchio whiteboard 14 + + whiteboard can eat 2 + - - - + - 1979-05-19T22:13:20.000Z + + 1973-04-18T16:53:20.000Z + - - - + - option-C + + option-C + - - - + - Kw0WUum6s6 + + c8iM4qgaYa + - - - + - - - + + + + - - - + - 196 + + 4 + - - +
- - - - - - - + - Kw0WU + + as eat scott 3 + - -
- + -
- - -
- - 		- + + - bottle toyota bottle 15 + + option-A + - - - + - 1980-04-19T13:46:40.000Z + + qcUSWgwIkI + - - - + - option-A + + + + + - - - + - YQmcwk2o4o - - - +
- - - + - false + + can pinocchio whiteboard 4 + - - - - - - - - - + - YQmcw - - -
- -
- - -
- - 		- + + - eat whiteboard pinocchio 16 + + option-B + - - - + - 1981-04-13T08:53:20.000Z + + 46GYyWC0w0 + - - - + - option-B + + + + + - - - + - muYiOaIWGW + + 16 + - - +
- + - 256 + + bottle toyota bottle 5 + - - - + - true + + 1973-12-17T18:13:20.000Z + - - - + - - - - - - + option-C + + + - muYiO + + Ia2eQMSi8i + - -
- + -
- - -
- - 		- + + + + - chocolate can helping 17 + + 25 + - - +
- + - option-C + + eat whiteboard pinocchio 6 + - - - + - 0OKoqQYESE + + 1974-04-24T01:46:40.000Z + - - - + - - - + option-A + - - - + - 289 + + W4oksCiQKQ + - - - + - false + + + + + - - - - - - - - - + - 0OKoq - - -
+
- - - pinocchio eat can 18 + + Select row + + + - - - + - 1983-06-09T09:46:40.000Z + + chocolate can helping 7 + - - - + - option-A + + 1974-09-21T12:53:20.000Z + - - - + - Es6uIGowew + + option-B + - - - + - - - + kYaqK2y8W8 + - - - - - + - true - - - - - - - - - - + + + + + + - Es6uI + + 49 + - -
+
- + Select row + + + + + - scott pinocchio chocolate 19 + + pinocchio eat can 8 + - - - + - 1984-08-10T15:33:20.000Z + + 1975-03-14T03:33:20.000Z + - - - + - option-B + + option-C + - - - + - SMs0k64eqe + + y2MwmsEqiq + - - - + - - - + + + + - - - + - 361 + + 64 + - - +
- + - - - - - - + scott pinocchio chocolate 9 + + + - SMs0k + + 1975-09-26T21:46:40.000Z + - -
- + -
- - -
- - 		- + + - toyota toyota toyota 20 + + CW82EiUYuY + - - - + - 1985-11-05T00:53:20.000Z + + + + + - - + + +
- + - gqe6CwKM2M + + toyota toyota toyota 10 + - - - + - - - + 1976-05-03T19:33:20.000Z + - - - + - 400 + + option-B + - - - + - true + + Q0u8gYkG6G + - - - + - - - - - - + + + + + + - gqe6C + + 100 + - -
+
- + Select row + + + + + - helping whiteboard as 21 + + helping whiteboard as 11 + - - - + - 1987-02-22T13:46:40.000Z + + 1977-01-01T20:53:20.000Z + - - - + - option-A + + option-C + - - - + - uKQCema4E4 + + eUgE8O0yIy + - - - + - - - + + + + - - - - - + - false + + 121 + - - - - - - - - +
- + -
- - -
- - 		- + + - whiteboard can eat 22 + + 1977-09-25T01:46:40.000Z + - - - + - 1988-07-04T06:13:20.000Z + + option-A + - - - + - option-B + + sySKaEGgUg + - - - + - 8oCI6cqmQm + + + + + - - + + +
- + - 484 + + as eat scott 13 + - - - + - true - - - - + 1978-07-11T10:13:20.000Z + + + - - - - - - + option-B + + + - 8oCI6 + + 6SEQ24WOgO + - -
- + -
- - -
- - 		- + + + + - as eat scott 23 + + 169 + - - +
- + - option-C + + can pinocchio whiteboard 14 + - - - + - MIyOYS6UcU + + 1979-05-19T22:13:20.000Z + - - - + - - - + option-C + - - - + - 529 + + Kw0WUum6s6 + - - - + - false + + + + + - - - - - - - - - + - MIyOY + + 196 + - -
+
- - - can pinocchio whiteboard 24 + + Select row + + + - - - + - 1991-06-04T01:46:40.000Z + + bottle toyota bottle 15 + - - - + - option-A + + 1980-04-19T13:46:40.000Z + - - - + - amkU0IMCoC + + option-A + - - - + - - - + YQmcwk2o4o + - - - - - + - true + + + + + - - - - - - - - - + - amkU0 - - -
+
- - - bottle toyota bottle 25 + + Select row + + + - - - + - 1992-12-22T04:53:20.000Z + + eat whiteboard pinocchio 16 + - - - + - option-B + + 1981-04-13T08:53:20.000Z + - - - + - oGWaS8cu0u + + option-B + - - - + - - - + muYiOaIWGW + - - - + - 625 - - - - + + + + + + - false + + 256 + - - +
- + + + + + - oGWaS + + chocolate can helping 17 + - -
- + -
- - -
- - 		- + + - eat whiteboard pinocchio 26 + + option-C + - - - + - 1994-08-04T11:33:20.000Z + + 0OKoqQYESE + - - - + - option-C + + + + + - - - + - 2kIguyscCc + + 289 + - - +
- + - 676 + + pinocchio eat can 18 + - - - + - true + + 1983-06-09T09:46:40.000Z + - - - + - - - - - - + option-A + + + - 2kIgu + + Es6uIGowew + - -
- + -
- - -
- - 		- + + + + - chocolate can helping 27 - - - +
- + - option-A + + scott pinocchio chocolate 19 + - - - + - GE4mMo8KOK + + 1984-08-10T15:33:20.000Z + - - - + - - - + option-B + - - - - - + - false + + SMs0k64eqe + - - - + - - - - - - + + + + + + - GE4mM + + 361 + - -
+
- + Select row + + + + + - pinocchio eat can 28 + + toyota toyota toyota 20 + - - - + - 1998-01-05T11:33:20.000Z + + 1985-11-05T00:53:20.000Z + - - - + - option-B - - - - + option-C + + + - UiqsoeO2a2 + + gqe6CwKM2M + - - - + - - - + + + + - - - + - 784 + + 400 + - - +
- - - - - - - + - Uiqso + + helping whiteboard as 21 + - -
- + -
- - -
- - 		- + + - scott pinocchio chocolate 29 + + option-A + - - - + - 1999-10-27T04:53:20.000Z + + uKQCema4E4 + - - - + - option-C + + + + + - - + + +
- + - - - + whiteboard can eat 22 + - - - + - 841 + + 1988-07-04T06:13:20.000Z + - - - + - false + + option-B + - - - - - - - - - + - iCcyG + + 8oCI6cqmQm + - -
- + -
- - -
- - 		- + + + + - toyota toyota toyota 30 + + 484 + - - +
- + - option-A + + as eat scott 23 + - - - + - wgO4iKuSyS + + 1989-12-07T02:13:20.000Z + - - - + - - - + option-C + - - - - - + - true + + MIyOYS6UcU + - - - + - - - - - - + + + + + + - wgO4i + + 529 + - -
+
- + Select row + + + + + - helping whiteboard as 31 + + can pinocchio whiteboard 24 + - - - + - 2003-08-16T02:13:20.000Z + + 1991-06-04T01:46:40.000Z + - - - + - option-B + + option-A + - - - + - AAAAAAAAAA + + amkU0IMCoC + - - - + - - - + + + + - - - + - 961 - - - +
- + - - - - - - + bottle toyota bottle 25 + + + - AAAAA + + 1992-12-22T04:53:20.000Z + - -
- + -
- - -
- - 		- + + - whiteboard can eat 32 + + oGWaS8cu0u + - - - + - 2005-08-14T06:13:20.000Z + + + + + - - - + - option-C + + 625 + - - +
- + - - - + eat whiteboard pinocchio 26 + - - - + - 1024 + + 1994-08-04T11:33:20.000Z + - - - + - true + + option-C + - - - - - - - - - + - OewGc + + 2kIguyscCc + - -
- + -
- - -
- - 		- + + + + - as eat scott 33 + + 676 + - - +
- + - option-A + + chocolate can helping 27 + - - - + - c8iM4qgaYa + + 1996-04-08T21:46:40.000Z + - - - + - - - + option-A + - - - - - + - false + + GE4mMo8KOK + - - - + - - - - - - + + + + + + - c8iM4 - - -
+
- + Select row + + + + + - can pinocchio whiteboard 34 + + pinocchio eat can 28 + - - - + - 2009-10-20T00:53:20.000Z + + 1998-01-05T11:33:20.000Z + - - - + - option-B + + option-B + - - - + - qcUSWgwIkI + + UiqsoeO2a2 + - - - + - - - + + + + - - - + - 1156 + + 784 + - - +
- + - - - - - - + scott pinocchio chocolate 29 + + + - qcUSW + + 1999-10-27T04:53:20.000Z + - -
- + -
- - -
- - 		- + + - bottle toyota bottle 35 - - - - + iCcyGUekmk + + + - 2011-12-27T15:33:20.000Z + + + + + - - - + - option-C + + 841 + - - +
- + - - - + toyota toyota toyota 30 + - - - + - 1225 + + 2001-09-09T01:46:40.000Z + - - - + - false + + option-A + - - - + - - - - - - + wgO4iKuSyS + + + - 46GYy + + + + + - -
+ + +
- + Select row + + + + + - eat whiteboard pinocchio 36 + + helping whiteboard as 31 + - - - + - 2014-03-28T09:46:40.000Z + + 2003-08-16T02:13:20.000Z + - - - + - option-A + + option-B + - - - + - Ia2eQMSi8i + + AAAAAAAAAA + - - - + - - - + + + + - - - - - + - true + + 961 + - - +
- + + + + + - Ia2eQ + + whiteboard can eat 32 + - -
- + -
- - -
- - 		- + + - chocolate can helping 37 + + option-C + - - - + - 2016-07-20T07:33:20.000Z + + OewGc0QsMs + - - - + - option-B + + + + + - - - + - W4oksCiQKQ + + 1024 + - - +
- + - 1369 + + as eat scott 33 + - - - + - false + + 2007-09-05T13:46:40.000Z + - - - + - - - - - - + option-A + + + - W4oks + + c8iM4qgaYa + - -
- + -
- - -
- - 		- + + + + - pinocchio eat can 38 - - - +
- + - option-C + + can pinocchio whiteboard 34 + - - - + - kYaqK2y8W8 + + 2009-10-20T00:53:20.000Z + - - - + - - - + option-B + - - - + - 1444 + + qcUSWgwIkI + - - - + - true + + + + + - - - - - - - - - + - kYaqK + + 1156 + - -
+
- + Select row + + + + + - scott pinocchio chocolate 39 + + bottle toyota bottle 35 + - - - - - 2021-05-14T13:46:40.000Z - - - - + - option-A + + 2011-12-27T15:33:20.000Z + - - - + - y2MwmsEqiq + + option-C + - - - + - - - + 46GYyWC0w0 + - - - - - + - false + + + + + - - - - - - - - - + - y2Mwm + + 1225 + - -
+
- + Select row + + + + + - toyota toyota toyota 40 + + eat whiteboard pinocchio 36 + - - - + - 2023-11-14T22:13:20.000Z + + 2014-03-28T09:46:40.000Z + - - - + - option-B + + option-A + - - - + - CW82EiUYuY + + Ia2eQMSi8i + - - - + - - - + + + + - - + + +
- + + + + + - true + + chocolate can helping 37 + - - - + - - - - - - + 2016-07-20T07:33:20.000Z + + + - CW82E + + option-B + - -
- + -
- - -
- - 		- + + - helping whiteboard as 41 + + + + + - - - + - 2026-06-09T10:13:20.000Z + + 1369 + - - +
- + - Q0u8gYkG6G + + pinocchio eat can 38 + - - - + - - - + 2018-12-05T08:53:20.000Z + - - - + - 1681 + + option-C + - - - + - false + + kYaqK2y8W8 + - - - + - - - - - - + + + + + + - Q0u8g - - -
+ 1444 + + +
- - - whiteboard can eat 42 + + Select row + + + - - - + - 2029-01-25T01:46:40.000Z + + scott pinocchio chocolate 39 + - - - + - option-A + + 2021-05-14T13:46:40.000Z + - - - + - eUgE8O0yIy + + option-A + - - - + - - - + y2MwmsEqiq + - - - - - + - true + + + + + - - - - - - - - - + - eUgE8 - - -
+
- + Select row + + + + + - as eat scott 43 + + toyota toyota toyota 40 + - - - + - 2031-10-05T20:53:20.000Z + + 2023-11-14T22:13:20.000Z + - - - + - option-B + + option-B + - - - + - sySKaEGgUg + + CW82EiUYuY + - - - + - - - + + + + - - - + - 1849 + + 1600 + - - +
- - - - - - - + - sySKa + + helping whiteboard as 41 + - -
- + -
- - -
- - 		- + + - can pinocchio whiteboard 44 + + option-C + - - - + - 2034-07-08T19:33:20.000Z + + Q0u8gYkG6G + - - - + - option-C + + + + + - - - + - 6SEQ24WOgO + + 1681 + - - +
- + - 1936 + + whiteboard can eat 42 + - - - + - true + + 2029-01-25T01:46:40.000Z + - - - - - - - - - + - 6SEQ2 + + option-A + - -
- + -
- - -
- - 		- + + - bottle toyota bottle 45 + + + + + - - - + - 2037-05-03T21:46:40.000Z - - - +
- + - Kw0WUum6s6 + + as eat scott 43 + - - - + - - - + 2031-10-05T20:53:20.000Z + - - - - - + - false + + option-B + - - - - - - - - - + - Kw0WU + + sySKaEGgUg + - -
- + -
- - -
- - 		- - - eat whiteboard pinocchio 46 + + + - - - + - 2040-03-22T03:33:20.000Z + + 1849 + - - +
- + - YQmcwk2o4o + + can pinocchio whiteboard 44 + - - - + - - - + 2034-07-08T19:33:20.000Z + - - - + - 2116 + + option-C + - - - + - true + + 6SEQ24WOgO + - - - + - - - - - - + + + + + + - YQmcw + + 1936 + - -
+
- + Select row + + + + + - chocolate can helping 47 + + bottle toyota bottle 45 + - - - + - 2043-03-03T12:53:20.000Z + + 2037-05-03T21:46:40.000Z + - - - + - option-C + + option-A + - - - + - muYiOaIWGW + + Kw0WUum6s6 + - - - + - - - + + + + - - - + - 2209 - - - +
- - - - - - - + - muYiO + + eat whiteboard pinocchio 46 + - -
- + -
- - -
- - 		- + + - pinocchio eat can 48 + + option-B + - - - + - 2046-03-07T01:46:40.000Z + + YQmcwk2o4o + - - - + - option-A + + + + + - - - + - 0OKoqQYESE + + 2116 + - - +
- - - + - true + + chocolate can helping 47 + - - - + - - - - - - + 2043-03-03T12:53:20.000Z + + + - 0OKoq + + option-C + - -
- + -
- - -
- - 		- + + - scott pinocchio chocolate 49 + + + + + - - - + - 2049-04-02T18:13:20.000Z + + 2209 + - - +
- + - Es6uIGowew + + pinocchio eat can 48 + - - - + - - - + 2046-03-07T01:46:40.000Z + - - - + - 2401 + + option-A + - - - + - false + + 0OKoqQYESE + - - - - - - - - - + - Es6uI + + + + + - -
+ + +
- - - toyota toyota toyota 50 + + Select row + + + - - - + - 2052-05-22T14:13:20.000Z + + scott pinocchio chocolate 49 + - - - + - option-C + + 2049-04-02T18:13:20.000Z + - - - + - SMs0k64eqe + + option-B + - - - + - - - + Es6uIGowew + - - - + - 2500 + + + + + - - - + - true + + 2401 + - - +
- + + + + + - SMs0k + + toyota toyota toyota 50 + - -
- + -
- - -
- - 		- + + - helping whiteboard as 51 + + option-C + - - - + - 2055-08-04T13:46:40.000Z + + SMs0k64eqe + - - - + - option-A + + + + + - - - + - gqe6CwKM2M + + 2500 + - - +
- - - + - false + + helping whiteboard as 51 + - - - - - - - - - + - gqe6C - - -
- -
- - -
- - 		- + + - whiteboard can eat 52 + + option-A + - - - + - 2058-11-08T16:53:20.000Z + + gqe6CwKM2M + - - - + - option-B + + + + + - - - + - uKQCema4E4 - - - +
- + - 2704 + + whiteboard can eat 52 + - - - + - true + + 2058-11-08T16:53:20.000Z + - - - + - - - - - - + option-B + + + - uKQCe + + uKQCema4E4 + - -
- + -
- - -
- - 		- + + + + - as eat scott 53 + + 2704 + - - +
- + + + + + - option-C + + as eat scott 53 + - - - + - 8oCI6cqmQm + + 2062-03-07T23:33:20.000Z + - - - + - - - + option-C + - - - + - 2809 + + 8oCI6cqmQm + - - - + - false + + + + + - - - - - - - - - + - 8oCI6 + + 2809 + - -
+
- - - can pinocchio whiteboard 54 + + Select row + + + - - - + - 2065-07-28T09:46:40.000Z + + can pinocchio whiteboard 54 + - - - + - option-A + + 2065-07-28T09:46:40.000Z + - - - + - MIyOYS6UcU + + option-A + - - - + - - - + MIyOYS6UcU + - - - - - + - true - - - - - - - - - - + + + + + + - MIyOY - - -
+
- + Select row + + + + + - bottle toyota bottle 55 + + bottle toyota bottle 55 + - - - + - 2069-01-09T23:33:20.000Z + + 2069-01-09T23:33:20.000Z + - - - + - option-B + + option-B + - - - + - amkU0IMCoC + + amkU0IMCoC + - - - + - - - + + + + - - - + - 3025 + + 3025 + - - +
- + - - - - - - + eat whiteboard pinocchio 56 + + + - amkU0 + + 2072-07-17T16:53:20.000Z + - -
- + -
- - -
- - 		- + + - eat whiteboard pinocchio 56 + + oGWaS8cu0u + - - - + - 2072-07-17T16:53:20.000Z + + + + + - - - + - option-C + + 3136 + - - +
- + - - - + chocolate can helping 57 + - - - + - 3136 + + 2076-02-15T13:46:40.000Z + - - - + - true + + option-A + - - - + - - - - - - + 2kIguyscCc + + + - oGWaS + + + + + - -
+ + +
- + Select row + + + + + - chocolate can helping 57 + + pinocchio eat can 58 + - - - + - 2076-02-15T13:46:40.000Z + + 2079-10-08T14:13:20.000Z + - - - + - option-A + + option-B + - - - + - 2kIguyscCc + + GE4mMo8KOK + - - - + - - - + + + + - - - - - + - false + + 3364 + - - +
- + + + + + - 2kIgu + + scott pinocchio chocolate 59 + - -
- + -
- - -
- - 		- + + - pinocchio eat can 58 + + option-C + - - - + - 2079-10-08T14:13:20.000Z + + UiqsoeO2a2 + - - - + - option-B + + + + + - - - + - GE4mMo8KOK + + 3481 + - - +
- + - 3364 + + toyota toyota toyota 60 + - - - + - true - - - - + 2087-04-01T01:46:40.000Z + + + - - - - - - + option-A + + + - GE4mM + + iCcyGUekmk + - -
- + -
- - -
- - 		- + + + + - scott pinocchio chocolate 59 - - - +
- + - option-C + + helping whiteboard as 61 + - - - + - UiqsoeO2a2 + + 2091-01-30T12:53:20.000Z + - - - + - - - + option-B + - - - + - 3481 + + wgO4iKuSyS + - - - + - false + + + + + - - - - - - - - - + - Uiqso + + 3721 + - -
+
- - - toyota toyota toyota 60 + + Select row + + + - - - + - 2087-04-01T01:46:40.000Z + + whiteboard can eat 62 + - - - + - option-A + + 2094-12-24T03:33:20.000Z + - - - + - iCcyGUekmk + + option-C + - - - + - - - + AAAAAAAAAA + - - - - - + - true + + + + + - - - - - - - - - + - iCcyG + + 3844 + - -
+
- - - helping whiteboard as 61 + + Select row + + + - - - + - 2091-01-30T12:53:20.000Z + + as eat scott 63 + - - - + - option-B + + 2098-12-09T21:46:40.000Z + - - - + - wgO4iKuSyS + + option-A + - - - + - - - + OewGc0QsMs + - - - + - 3721 - - - - + + + + + + - false - - - +
- + + + + + - wgO4i + + can pinocchio whiteboard 64 + - -
- + -
- - -
- - 		- + + - whiteboard can eat 62 + + option-B + - - - + - 2094-12-24T03:33:20.000Z + + c8iM4qgaYa + - - - + - option-C + + + + + - - - + - AAAAAAAAAA + + 4096 + - - +
- + - 3844 + + bottle toyota bottle 65 + - - - + - true + + 2107-01-20T20:53:20.000Z + - - - - - - - - - + - AAAAA + + option-C + - -
- + -
- - -
- - 		- + + - as eat scott 63 + + + + + - - - + - 2098-12-09T21:46:40.000Z + + 4225 + - - +
- + - OewGc0QsMs + + eat whiteboard pinocchio 66 + - - - + - - - + 2111-03-17T01:46:40.000Z + - - - - - + - false + + option-A + - - - + - - - - - - + 46GYyWC0w0 + + + - OewGc + + + + + - -
+ + +
- + Select row + + + + + - can pinocchio whiteboard 64 + + chocolate can helping 67 + - - - + - 2102-12-19T19:33:20.000Z + + 2115-06-03T10:13:20.000Z + - - - + - option-B - - - - + option-B + + + - c8iM4qgaYa + + Ia2eQMSi8i + - - - + - - - + + + + - - - + - 4096 + + 4489 + - - +
- + - - - - - - + pinocchio eat can 68 + + + - c8iM4 + + 2119-09-12T22:13:20.000Z + - -
- + -
- - -
- - 		- + + - bottle toyota bottle 65 + + W4oksCiQKQ + - - - + - 2107-01-20T20:53:20.000Z + + + + + - - - + - option-C + + 4624 + - - +
- + - - - + scott pinocchio chocolate 69 + - - - + - 4225 + + 2124-01-15T13:46:40.000Z + - - - + - false + + option-A + - - - - - - - - - + - qcUSW + + kYaqK2y8W8 + - -
- + -
- - -
- - 		- + + + + - eat whiteboard pinocchio 66 - - - +
- + - option-A + + toyota toyota toyota 70 + - - - + - 46GYyWC0w0 + + 2128-06-11T08:53:20.000Z + - - - + - - - + option-B + - - - - - + - true + + y2MwmsEqiq + - - - + - - - - - - + + + + + + - 46GYy + + 4900 + - -
+
- + Select row + + + + + - chocolate can helping 67 + + helping whiteboard as 71 + - - - + - 2115-06-03T10:13:20.000Z + + 2132-11-29T07:33:20.000Z + - - - + - option-B + + option-C + - - - + - Ia2eQMSi8i + + CW82EiUYuY + - - - + - - - + + + + - - - + - 4489 + + 5041 + - - +
- - - - - - - + - Ia2eQ + + whiteboard can eat 72 + - -
- + -
- - -
- - 		- + + - pinocchio eat can 68 + + option-A + - - - + - 2119-09-12T22:13:20.000Z + + Q0u8gYkG6G + - - - + - option-C + + + + + - - + + +
- - - - - + + - - - + - 4624 + + as eat scott 73 + - - - + - true + + 2142-01-14T15:33:20.000Z + - - - + - - - - - - + option-B + + + - W4oks + + eUgE8O0yIy + - -
- + -
- - -
- - 		- + + + + - scott pinocchio chocolate 69 + + 5329 + - - +
- + - option-A + + can pinocchio whiteboard 74 + - - - + - kYaqK2y8W8 + + 2146-09-12T00:53:20.000Z + - - - + - - - + option-C + - - - - - + - false + + sySKaEGgUg + - - - + - - - - - - + + + + + + - kYaqK + + 5476 + - -
+
- + Select row + + + + + - toyota toyota toyota 70 + + bottle toyota bottle 75 + - - - + - 2128-06-11T08:53:20.000Z + + 2151-06-02T13:46:40.000Z + - - - + - option-B + + option-A + - - - + - y2MwmsEqiq + + 6SEQ24WOgO + - - - + - - - + + + + - - - + - 4900 - - - +
- + - - - - - - + eat whiteboard pinocchio 76 + + + - y2Mwm + + 2156-03-15T06:13:20.000Z + - -
- + -
- - -
- - 		- + + - helping whiteboard as 71 + + Kw0WUum6s6 + - - - + - 2132-11-29T07:33:20.000Z + + + + + - - - + - option-C + + 5776 + - - +
- + - - - + chocolate can helping 77 + - - - + - 5041 + + 2161-01-19T02:13:20.000Z + - - - + - false + + option-C + - - - - - - - - - + - CW82E + + YQmcwk2o4o + - -
- + -
- - -
- - 		- + + + + - whiteboard can eat 72 + + 5929 + - - +
- + - option-A + + pinocchio eat can 78 + - - - + - Q0u8gYkG6G + + 2165-12-18T01:46:40.000Z + - - - + - - - + option-A + - - - - - + - true + + muYiOaIWGW + - - - - - - - - - + - Q0u8g + + + + + - -
+ + +
- + Select row + + + + + - as eat scott 73 + + scott pinocchio chocolate 79 + - - - + - 2142-01-14T15:33:20.000Z + + 2170-12-09T04:53:20.000Z + - - - + - option-B + + option-B + - - - + - eUgE8O0yIy + + 0OKoqQYESE + - - - + - - - + + + + - - - + - 5329 + + 6241 + - - +
- - - - - - - + - eUgE8 + + toyota toyota toyota 80 + - -
- + -
- - -
- - 		- + + - can pinocchio whiteboard 74 + + option-C + - - - + - 2146-09-12T00:53:20.000Z + + Es6uIGowew + - - - + - option-C + + + + + - - - + - sySKaEGgUg + + 6400 + - - +
- + - 5476 + + helping whiteboard as 81 + - - - + - true + + 2181-01-28T21:46:40.000Z + - - - - - - - - - + - sySKa + + option-A + - -
- + -
- - -
- - 		- + + - bottle toyota bottle 75 + + + + + - - - + - 2151-06-02T13:46:40.000Z - - - +
- + + + + + - 6SEQ24WOgO + + whiteboard can eat 82 + - - - + - - - + 2186-03-30T11:33:20.000Z + - - - - - + - false + + option-B + - - - - - - - - - + - 6SEQ2 + + gqe6CwKM2M + - -
- + -
- - -
- - 		- + + + + - eat whiteboard pinocchio 76 + + 6724 + - - +
- + - option-B + + as eat scott 83 + - - - + - Kw0WUum6s6 + + 2191-06-22T04:53:20.000Z + - - - + - - - + option-C + - - - + - 5776 + + uKQCema4E4 + - - - + - true + + + + + - - - - - - - - - + - Kw0WU + + 6889 + - -
+
- + Select row + + + + + - chocolate can helping 77 + + can pinocchio whiteboard 84 + - - - + - 2161-01-19T02:13:20.000Z + + 2196-10-06T01:46:40.000Z + - - - + - option-C + + option-A + - - - + - YQmcwk2o4o + + 8oCI6cqmQm + - - + + + + + + + + + + +
- + - 5929 + + bottle toyota bottle 85 + - - - + - false + + 2202-02-14T02:13:20.000Z + - - - + - - - - - - + option-B + + + - YQmcw + + MIyOYS6UcU + - -
- + -
- - -
- - 		- + + + + - pinocchio eat can 78 + + 7225 + - - +
- + - option-A + + eat whiteboard pinocchio 86 + - - - + - muYiOaIWGW + + 2207-07-17T06:13:20.000Z + - - - + - - - + option-C + - - - - - + - true + + amkU0IMCoC + - - - + - - - - - - + + + + + + - muYiO + + 7396 + - -
+
- + Select row + + + + + - scott pinocchio chocolate 79 + + chocolate can helping 87 + - - - + - 2170-12-09T04:53:20.000Z + + 2213-01-08T13:46:40.000Z + - - - + - option-B + + option-A + - - - + - 0OKoqQYESE - - - - + oGWaS8cu0u + + + - - - + + + + - - - + - 6241 - - - +
- + - - - - - - + pinocchio eat can 88 + + + - 0OKoq + + 2218-07-27T00:53:20.000Z + - -
- + -
- - -
- - 		- + + - toyota toyota toyota 80 + + 2kIguyscCc + - - - + - 2175-12-23T11:33:20.000Z + + + + + - - - + - option-C + + 7744 + - - +
- + - - - + scott pinocchio chocolate 89 + - - - + - 6400 + + 2224-03-05T15:33:20.000Z + - - - + - true + + option-C + - - - - - - - - - + - Es6uI + + GE4mMo8KOK + - -
- + -
- - -
- - 		- + + + + - helping whiteboard as 81 + + 7921 + - - +
- + - option-A + + toyota toyota toyota 90 + - - - + - SMs0k64eqe + + 2229-11-06T09:46:40.000Z + - - - + - - - + option-A + - - - - - + - false + + UiqsoeO2a2 + - - - - - - - - - + - SMs0k + + + + + - -
+ + +
- + Select row + + + + + - whiteboard can eat 82 + + helping whiteboard as 91 + - - - + - 2186-03-30T11:33:20.000Z + + 2235-08-02T07:33:20.000Z + - - - + - option-B + + option-B + - - - + - gqe6CwKM2M + + iCcyGUekmk + - - - + - - - + + + + - - - + - 6724 + + 8281 + - - +
- - - - - - - + - gqe6C + + whiteboard can eat 92 + - -
- + -
- - -
- - 		- + + - as eat scott 83 + + option-C + - - - + - 2191-06-22T04:53:20.000Z + + wgO4iKuSyS + - - - + - option-C + + + + + - - - + - uKQCema4E4 + + 8464 + - - +
- + + + + - 6889 + + as eat scott 93 + - - - + - false + + 2247-03-31T13:46:40.000Z + - - - + - - - - - - + option-A + + + - uKQCe + + AAAAAAAAAA + - -
+ + + + + + + + + + +
- + Select row + + + + + - can pinocchio whiteboard 84 + + can pinocchio whiteboard 94 + - - - + - 2196-10-06T01:46:40.000Z + + 2253-03-03T22:13:20.000Z + - - - + - option-A + + option-B + - - - + - 8oCI6cqmQm + + OewGc0QsMs + - - - + - - - + + + + - - - - - + - true + + 8836 + - - +
- + + + + + - 8oCI6 + + bottle toyota bottle 95 + - -
- + -
- - -
- - 		- + + - bottle toyota bottle 85 + + option-C + - - - + - 2202-02-14T02:13:20.000Z + + c8iM4qgaYa + - - - + - option-B + + + + + - - - + - MIyOYS6UcU + + 9025 + - - +
- + - 7225 + + eat whiteboard pinocchio 96 + - - - + - false + + 2265-03-19T01:46:40.000Z + - - - - - - - - - + - MIyOY - - -
- -
- - -
- - 		- + + - eat whiteboard pinocchio 86 + + qcUSWgwIkI + - - - + - 2207-07-17T06:13:20.000Z + + + + + - - + + +
- + - amkU0IMCoC + + chocolate can helping 97 + - - - + - - - + 2271-04-30T20:53:20.000Z + - - - + - 7396 + + option-B + - - - + - true + + 46GYyWC0w0 + - - - + - - - - - - + + + + + + - amkU0 + + 9409 + - -
+
- + Select row + + + + + - chocolate can helping 87 + + pinocchio eat can 98 + - - - + - 2213-01-08T13:46:40.000Z + + 2277-07-04T19:33:20.000Z + - - - + - option-A + + option-C + - - - + - oGWaS8cu0u + + Ia2eQMSi8i + - - - + - - - - - - - - - - - false - - - - - - - - - - - - oGWaS - - -
- -
- - -
- - 		- - - pinocchio eat can 88 + + + - - - + - 2218-07-27T00:53:20.000Z + + 9604 + - - +
- + - 2kIguyscCc + + scott pinocchio chocolate 99 + - - - + - - - + 2283-10-01T21:46:40.000Z + - - - + - 7744 + + option-A + - - - + - true + + W4oksCiQKQ + - - - - - - - - - + - 2kIgu - - -
- -
- - -
- - 		- - - scott pinocchio chocolate 89 + + + - - - + - 2224-03-05T15:33:20.000Z - - - - - - option-C - - - - +
+
+
+
+
+
+`; + +exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/Table/StatefulTable with column overflow menu and aggregate column values 1`] = ` +
+
+
+
+
+
+

+ + 0 items selected + +

+
+
+ +
+
+
+ +
+
+
+
+ + + + - - - - - - - - - + + + - - + - - - - - - + - - - - - + - -
- - -
- - - + - - - - - - - - - - - + - -
- - -
- - - - - - - - - - - + - - - + + - -
- - -
- - - + - - - - - + - - + + - - - - - - - + - - - - + - - - - + - + - - 9025 +
+ + +
- - - - - + - - - - - - - - - - - - - - - + - -
- - -
- - - + - - - - - + - - + - - - - - - - + - - - - + - - - - + - + - - 9604 +
+ + +
- - - - - - - - - + - - - - - - + - - false +
+ + +
- - - - + - - -
- GE4mMo8KOK +
+ + +
- - - 		- + - + + + String + + +
+ - - - - -
- + + + + + - 7921 + + Date + + +
- - -
- + - false + + Select + +
- - -
- - - - - - - + - GE4mM - - - -
- -
- -
- - 		- - - toyota toyota toyota 90 + + + + + open and close list of options + + + +
- -
- + - 2229-11-06T09:46:40.000Z + + Status + + +
- - -
- + - option-A + + Number + + +
- - -
- + - UiqsoeO2a2 + + Boolean + + +
- - -
- + - - - - - - - - - - - - true - - - - - - + +
- - -
- + + - Uiqso + - - -
- -
- - -
- - 		- + Select row + + + + + - helping whiteboard as 91 + + toyota toyota toyota 0 + - - - + - 2235-08-02T07:33:20.000Z + + 1973-03-03T09:46:40.000Z + - - - + - option-B + + option-A + - - - + - iCcyGUekmk + + AAAAAAAAAA + - - - + - - - + + + + - - - + - 8281 - - - - + - false + + true + - - - - - - - - - + - iCcyG + + + - -
+ +
- + Select row + + + + + - whiteboard can eat 92 + + helping whiteboard as 1 + - - - + - 2241-05-20T08:53:20.000Z + + 1973-03-14T23:33:20.000Z + - - - + - option-C + + option-B + - - - + - wgO4iKuSyS + + OewGc0QsMs + - - - + - - - + + + + - - - + - 8464 + + 1 + - - - + - true + + false + - - - - - - - - - + - wgO4i + + + - -
+ +
- - - as eat scott 93 + + Select row + + + - - - + - 2247-03-31T13:46:40.000Z + + whiteboard can eat 2 + - - - + - option-A + + 1973-04-18T16:53:20.000Z + - - - + - AAAAAAAAAA + + option-C + - - - + - - - + c8iM4qgaYa + - - - - - + - false + + + + + - - - + - - - - - - + 4 + + + - AAAAA + + true + - -
+ + + + + + + +
- + Select row + + + + + - can pinocchio whiteboard 94 + + as eat scott 3 + - - - + - 2253-03-03T22:13:20.000Z + + 1973-06-15T13:46:40.000Z + - - - + - option-B + + option-A + - - - + - OewGc0QsMs + + qcUSWgwIkI + - - - + - - - + + + + - - - + + + - 8836 + + false + - - - + - true - - - + + + + +
- + + + + + - OewGc + + can pinocchio whiteboard 4 + - -
- + -
- - -
- - 		- + + - bottle toyota bottle 95 + + option-B + - - - + - 2259-02-28T10:13:20.000Z + + 46GYyWC0w0 + - - - + - option-C + + + + + - - - + - c8iM4qgaYa + + 16 + - - - + + + true + + + + - - - + +
- + - false + + bottle toyota bottle 5 + - - - + - - - - - - + 1973-12-17T18:13:20.000Z + + + - c8iM4 + + option-C + - -
- -
- - -
- - 		- + - eat whiteboard pinocchio 96 + + Ia2eQMSi8i + - - - + - 2265-03-19T01:46:40.000Z + + + + + - - - + - option-A + + 25 + - - - + - qcUSWgwIkI + + false + - - - + - - - - - - - - true - - - - - - - - - - - - qcUSW - - -
+ +
- + Select row + + + + + - chocolate can helping 97 + + eat whiteboard pinocchio 6 + - - - + - 2271-04-30T20:53:20.000Z + + 1974-04-24T01:46:40.000Z + - - - + - option-B + + option-A + - - - + - 46GYyWC0w0 + + W4oksCiQKQ + - - - + - - - + + + + - - - + + + - 9409 + + true + - - - + - false + + + - - + +
- + + + + + - 46GYy + + chocolate can helping 7 + - -
- + -
- - -
- - 		- + + - pinocchio eat can 98 + + option-B + - - - + - 2277-07-04T19:33:20.000Z + + kYaqK2y8W8 + - - - + - option-C + + + + + - - - + - Ia2eQMSi8i + + 49 + - - - + + + false + + + + - - - + +
- + - true + + pinocchio eat can 8 + - - - - - - - - - + - Ia2eQ + + 1975-03-14T03:33:20.000Z + - -
- + -
- - -
- - 		- + + - scott pinocchio chocolate 99 + + y2MwmsEqiq + - - - + - 2283-10-01T21:46:40.000Z + + + + + - - - + - option-A + + 64 + - - - + - W4oksCiQKQ + + true + - - - + - - - - - + +
- + - - - - - - + scott pinocchio chocolate 9 + + + - W4oks + + 1975-09-26T21:46:40.000Z + - -
-
-
-
-
-`; - -exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/Table/StatefulTable Stateful Example with expansion, maxPages, and column resize 1`] = ` -
-
-
-
-
-
-

- - 0 items selected - -

-
-
- -
-
- -
-
-
- + + + + option-A + + + + + + + CW82EiUYuY + + + + + + + + + + + + + + + + + + + false + + + + + + + + + + + + + + + + + + Total + + +   + + +   + + +   + + +   + + + 215589 + + +   + + +   + + + + + +
+
+
+
+ +
+
+
+
+ + + + +
+
+
+
+ + 1–10 of 100 items + +
+
+
+
+ +
+
+ + + + +
+
+
+
+ + 1 of 10 pages + +
+
- - +
- - - -
+
+
+
+`; + +exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/Table/StatefulTable with create & save view management 1`] = ` +
+
+
+ + Focus sentinel + +
+
+

- - + Manage views +

+
+
- + Search + + + +
-
+
-
- -
-
- - - - - - - - - - - - - - + + + + + 1–10 of 14 items + + +
+
+
-
- - - - - - - - - - - - - - - - - - + + + + + + + 1–10 of 100 items + + +
+
+
+ +
+
-
- - - - - - - - - - + + + + + + + + + + + + 1 of 10 pages + +
+ + +
+ + +
+ + Focus sentinel + +
+
+

+ Select columns to sort +

+ +
+
+
+
+
- - - - - - - - - - + + +
-
- - - - - - - - - - + + + + + + + +
-
- + + +
+
+ Available Views +
+
-
+ +
+
+
-
- - + My view 1 (Public) +
+
+ + +
+
+
+ Columns: 7, Filters: 0, Search: pinoc +
- -
+ + +
+
- + +
+
- - + Columns: 7, Filters: 1, Search: +
+ + + + + +
+
+
+ + Page 1 + +
+
+
+ + + + + Focus sentinel + + +
+
+
+
+

+ + 0 items selected + +

+
+
+ +
+
+ +
+
+
+ + + +
+ + + +
+ + + + +
+
+ +
+ -
+ +
+
+ + + + +
+
+ + + + + + + + + + + + -
- Next page -
-
+ + +
+ + + + + + + + -
- Next page -
- - - - - - - - -`; - -exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/Table/StatefulTable simple stateful table 1`] = ` -
-
-
-
-
+ + +
+ + +
+ + 		+ + @@ -46419,7 +44601,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
@@ -46993,15 +45176,16 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
- +
@@ -47159,15 +45321,16 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
`; -exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/Table/StatefulTable Stateful Example with row nesting and resizable columns with initial width 1`] = ` +exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/Table/StatefulTable with every third row unselectable 1`] = `
-
-
-
-

- - 0 items selected - -

-
-
- -
+ + 0 items selected + +

-
-
-
- - - -
- - - -
- -
-
+
+
+ +
+
-
- - - - - + - + - + + - + - + - + - + - - - + - - - + + + + + + + + + + + - - - - - + - + - + - - + - + - + + - + - - + + + + + - + + + - + - + - + - + - + - + - + - + + - + + + - - + + - - + - + - + - + - + - + - + - + - + + + - - + + - + - + - + - + - + + - + - + - + + + + - + - + - - + + + + - + - + - + + - + + + + - + - + - + - + - + - - - + + - - + + - + + + - + - + - + - + - + - + + - + - - - - + - + + + - + - + - + - - + - + - + - + - - + + + - + + + + - + - + - + - + - + - + - + - + + - + + + - - + + - - - + - + - + - + - + + - + - + - + + + - - + + - + - + - + - + - + - + - + + + + + + - + - + - + - - -
- + + - -
+
- - 		+ + + + + - - - Date long text should get truncated - -
+ + + + + +
+ + + Date - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - + + - - - + + + +
- - - -
+
- - 		- - - toyota toyota toyota 0 - - - + + + + + - - 1973-03-03T09:46:40.000Z - + toyota toyota toyota 0 - + + - - option-A - + 1973-03-03T09:46:40.000Z - + + - - - - - + option-A - - - + + - - true - + AAAAAAAAAA - + + - - + + + + - - AAAAA - + true - - + + -
-
- -
-
-
- - - + +
+ - -
+
- - 		+ + + + + - - helping whiteboard as 1 - + helping whiteboard as 1 - + + - - 1973-03-14T23:33:20.000Z - + 1973-03-14T23:33:20.000Z - + + - - option-B - + option-B - + + - - - - - + OewGc0QsMs - + + - - 1 - + + - + + - - false - + 1 - + + - - - + false - + + + + + + + + - - OewGc - + OewGc - - +
+
-
- - -
+ Select row + +
-
- - - -
- - -
+ whiteboard can eat 2 - 		+ + - - whiteboard can eat 2 - + 1973-04-18T16:53:20.000Z - + + - - 1973-04-18T16:53:20.000Z - + option-C - + + - - option-C - + c8iM4qgaYa - + + - - - - - + + - + + - - 4 - + 4 - + + - - true - + true - + + - - - - - - + + + + - - c8iM4 - + c8iM4 - - +
+
-
+
+ Select row + +
-
- - - + + + -
- - -
+ 1973-06-15T13:46:40.000Z - 		+ + - - as eat scott 3 - + option-A - + + - - 1973-06-15T13:46:40.000Z - + qcUSWgwIkI - + + - - option-A - + + - + + + + - - - - - + false - + + - - + + + + + - - false - + qcUSW - +
+ - - + + + + + + + can pinocchio whiteboard 4 - + + - - qcUSW - + 1973-09-04T14:13:20.000Z - - + + -
-
- - -
-
-
- - + + - - - + + + -
- - -
+ 16 - 		+ + - - can pinocchio whiteboard 4 - + true - + + + + + + + + - - 1973-09-04T14:13:20.000Z - + 46GYy - +
+ - - + + + Select row + + + + + + + + bottle toyota bottle 5 - + + - - - - - + 1973-12-17T18:13:20.000Z - + + - - 16 - + option-C - + + - - true - + Ia2eQMSi8i - + + - - + + - - 46GYy - + 25 - - -
-
- -
-
-
- - - -
- - -
+ false - 		+ + + + + + + + - - bottle toyota bottle 5 - + Ia2eQ - +
+ - - + - - + Select row + + + + + + - - option-C - + eat whiteboard pinocchio 6 - + + - - - - - + 1974-04-24T01:46:40.000Z - + + - - 25 - + option-A - + + - - false - + W4oksCiQKQ - + + - - + + + + - - Ia2eQ - + true - - + + -
-
- - -
-
-
- - + + + + -
- - -
+ W4oks - 		+
+ - - + - - + Select row + + + + + + - - 1974-04-24T01:46:40.000Z - + chocolate can helping 7 - + + - - option-A - + 1974-09-21T12:53:20.000Z - + + - - - - - + option-B - - - + + - - true - + kYaqK2y8W8 - + + - - + + - - W4oks - + 49 - - + + -
-
- - -
-
-
- - - + + + + -
+ +
+ +
+ +
- - 		+ + + + + - - chocolate can helping 7 - + pinocchio eat can 8 - + + - - 1974-09-21T12:53:20.000Z - + 1975-03-14T03:33:20.000Z - + + - - option-B - + option-C - + + - - - - - + y2MwmsEqiq - + + - - 49 - + + - + + - - false - + 64 - + + - - - + true - + + + + + + + + - - kYaqK - + y2Mwm - - +
+
-
- - -
+ Select row + +
-
- - - - -
- - -
- - 		- - pinocchio eat can 8 - + scott pinocchio chocolate 9 - + + - - 1975-03-14T03:33:20.000Z - + 1975-09-26T21:46:40.000Z - + + - - option-C - + option-A - + + - - - - - + CW82EiUYuY - + + - - 64 - + + - + + + + - - true - + false - + + - - - - - - + + + + - - y2Mwm - + CW82E - - +
+
-
+
+ Select row + +
-
- - - + + + -
- - -
+ 1976-05-03T19:33:20.000Z - 		+ + - - scott pinocchio chocolate 9 - + option-B - + + - - 1975-09-26T21:46:40.000Z - + Q0u8gYkG6G - + + - - option-A - + + - + + - - - - - + 100 - + + - + true + + + + + + + + + + - + +
+ +
+ + +
+ + 		+ + + helping whiteboard as 11 - + + - - - + 1977-01-01T20:53:20.000Z - + + - - CW82E - + option-C - - + + -
-
- - -
-
-
-
-
-
-
- -
-
-
+ + +
-
- - - - -
- - - - - 1–10 of 100 items - - -
-
-
-
- Page number, of 10 pages - -
+ + 121 + + +
-
- + false + + +
+ - - - - - - 1 of 10 pages - -
-
- - - -
- - - - - - - - - -`; - -exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/Table/StatefulTable Stateful Example with single nested hierarchy 1`] = ` -
-
-
-
-
-
-

- - 0 items selected - -

-
-
- - -
-
- -
-
-
- - - -
- - -
- - - - - - - - - - -
-
- - - - - + + + + + + + - + + - + + + + - - - - - + + + - - + - + - + + - + + + - + - + - + - + - - - + + - - + + - + - + - + + + - + - + - + - + - - - + + - + - + - + - + - + + + - + - + - + - + - - - + + - + - + - + - + - + + + - + - + - + - + - - - + + - - + + - + - + - + + + - + - + - + - + - - - + + - + - + - + - + - + + + - + - + - + - + - - - + + - + - + - + - + - + + + + - + - + - + + - + + - - - + + - + - + + + - + - + - + - + - + - - + - - - + + - - + + - + + + - + - + - + - + - + - + - - - + + - - + + - + + + - + - + - + - + - + - + + - - - -
- -
- - -
+ 1977-09-25T01:46:40.000Z - 		+ + + - - String - + option-A - - + + + - - Date - + sySKaEGgUg - - + + + - - Select - + + - - + + + + + - - Status - + true - - + + + + + + + + + - + +
+ +
+ + +
+ + 		+ + + as eat scott 13 - - + + + - - Boolean - + 1978-07-11T10:13:20.000Z - - + + + - - React Node - + option-B - - + + + - + + - - - Object Id - - - - - - - - - + + + + - + 169 - -
- - - -
-
-
- -
-
- -
-
-
-
- - - -
-
-
- 		+ + + + + + + + + + + + 6SEQ2 + + +
+
-
+
-
- - 		-
-
-
-
- - - -
-
-
-
-
-
-
-
+ Select row + +
-
+ + + -
-
-
- -
-
- -
-
-
-
-
- - 		+ + + + -
-
-
- -
-
- -
-
-
-
-
- - 		+ + + + -
-
-
- -
+ + + + -
-
-
- -
-
- -
-
-
-
-
- - 		-
- - - - -
- - -
- 		+ + - - helping whiteboard as 1 - + 196 - + + - - 1973-03-14T23:33:20.000Z - + true - + + + + + + + + - - option-B - + Kw0WU - +
+ - - + - - + + + + + - - 1 - + bottle toyota bottle 15 - + + - - false - + 1980-04-19T13:46:40.000Z - + + - - - + option-A - + + - - OewGc - + YQmcwk2o4o - -
-
- - -
-
-
- - - - -
- - -
- 		+ + + + - - can pinocchio whiteboard 4 - + false - - + + + - - 1973-09-04T14:13:20.000Z - - - + + + + - - option-B - + YQmcw - +
+ - - + - - + + + + + - - 16 - + eat whiteboard pinocchio 16 - + + - - true - + 1981-04-13T08:53:20.000Z - + + - - - + option-B - + + - - 46GYy - + muYiOaIWGW - -
-
- -
-
-
- - - + + + -
- - -
+ 256 - 		+ + - - eat whiteboard pinocchio 16 - + true - + + - - - 1981-04-13T08:53:20.000Z - - - + + + + - - option-B - + muYiO - +
+ - - + - - + + + + + - - 256 - + chocolate can helping 17 - + + - - true - + 1982-04-30T07:33:20.000Z - + + - - - + option-C - + + - - muYiO - + 0OKoqQYESE - -
-
- -
-
-
- - - + + + -
- - -
+ 289 - 		+ + - - whiteboard can eat 22 - + false - + + - - - 1988-07-04T06:13:20.000Z - - - + + + + - - option-B - + 0OKoq - +
+ - - + - - + + + + + - - 484 - + pinocchio eat can 18 - + + - - true - + 1983-06-09T09:46:40.000Z - + + - - - + option-A - + + - - 8oCI6 - + Es6uIGowew - -
-
- - -
-
-
- - - - -
- - -
- 		+ + + + - - helping whiteboard as 31 - + true - + + - - - 2003-08-16T02:13:20.000Z - - - + + + + - - option-B - + Es6uI - +
+ - - + - - + + + + + - - 961 - + scott pinocchio chocolate 19 - + + - - false - + 1984-08-10T15:33:20.000Z - + + - - - + option-B - + + - - AAAAA - + SMs0k64eqe - -
-
- - -
-
-
- - - + + + -
- - -
+ 361 - 		+ + - - can pinocchio whiteboard 34 - + false - + + - - - 2009-10-20T00:53:20.000Z - - - + + + + - - option-B - + SMs0k - +
+ - - + - - + + + + + - - 1156 - + toyota toyota toyota 20 - + + - - true - + 1985-11-05T00:53:20.000Z - + + - - - + option-C - + + - - qcUSW - + gqe6CwKM2M - -
-
- - -
-
-
- - - + + + -
- - -
+ 400 - 		+ + - - eat whiteboard pinocchio 46 - + true - + + - - - 2040-03-22T03:33:20.000Z - - - + + + + - - option-B - + gqe6C - +
+ - - + + Select row + + + + + + + + helping whiteboard as 21 - + + - - 2116 - + 1987-02-22T13:46:40.000Z - + + - - true - + option-A - + + + uKQCema4E4 + + + + + - - + + + + - - YQmcw - + false - -
-
- - -
-
-
- - - + + + + -
- - -
+ uKQCe - 		+
+ - - + - - + Select row + + + + + + - - 2058-11-08T16:53:20.000Z - + whiteboard can eat 22 - + + - - option-B - + 1988-07-04T06:13:20.000Z - + + - - - - - + option-B - + + - - 2704 - + 8oCI6cqmQm - + + - - true - - - - - - - + + - - uKQCe - + 484 - -
-
- -
-
-
- - - -
- - -
+ true - 		+ + + + + + + + - - helping whiteboard as 61 - + 8oCI6 - +
+ - - + - - + Select row + + + + + + - - option-B - + as eat scott 23 - + + - - - - - + 1989-12-07T02:13:20.000Z - + + - - 3721 - + option-C - + + - - false - + MIyOYS6UcU - + + - - + + - - wgO4i - + 529 - -
-
- - -
-
-
- - - -
- - -
+ false - 		+ + + + + + + + - - can pinocchio whiteboard 64 - + MIyOY - +
+ - - + - - + Select row + + + + + + - - option-B - + can pinocchio whiteboard 24 - + + - - - - - + 1991-06-04T01:46:40.000Z - + + - - 4096 - + option-A - + + - - true - + amkU0IMCoC - + + - - + + + + - - c8iM4 - + true - -
-
- -
-
-
-
-
-
-
- -
-
-
+
-
- -
- - - - - 1–10 of 14 items - - -
-
-
- -
+
-
- - - - -
- - - - - 1 of 2 pages - -
- -
- - - - - - @@ -60531,7 +56014,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-1-date" + id="cell-table-row-27-date" offset={0} > - 1973-03-14T23:33:20.000Z + 1996-04-08T21:46:40.000Z @@ -60550,7 +56033,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="select" data-offset={0} - id="cell-table-row-1-select" + id="cell-table-row-27-select" offset={0} > - option-B + option-A @@ -60569,7 +56052,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="secretField" data-offset={0} - id="cell-table-row-1-secretField" + id="cell-table-row-27-secretField" offset={0} > - OewGc0QsMs + GE4mMo8KOK @@ -60588,7 +56071,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="status" data-offset={0} - id="cell-table-row-1-status" + id="cell-table-row-27-status" offset={0} > - - 1 - - + /> @@ -60717,13 +56193,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T checked={false} className="bx--checkbox" disabled={false} - id="select-row-table-row-2" + id="select-row-table-row-28" onChange={[Function]} type="checkbox" /> @@ -61208,7 +56691,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-4-date" + id="cell-table-row-30-date" offset={0} > - 1973-09-04T14:13:20.000Z + 2001-09-09T01:46:40.000Z @@ -61227,7 +56710,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="select" data-offset={0} - id="cell-table-row-4-select" + id="cell-table-row-30-select" offset={0} > - option-B + option-A @@ -61246,7 +56729,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="secretField" data-offset={0} - id="cell-table-row-4-secretField" + id="cell-table-row-30-secretField" offset={0} > - 46GYyWC0w0 + wgO4iKuSyS @@ -61265,7 +56748,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="status" data-offset={0} - id="cell-table-row-4-status" + id="cell-table-row-30-status" offset={0} > - - 16 - - + /> @@ -61394,13 +56870,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T checked={false} className="bx--checkbox" disabled={false} - id="select-row-table-row-5" + id="select-row-table-row-31" onChange={[Function]} type="checkbox" /> @@ -61885,7 +57368,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-7-date" + id="cell-table-row-33-date" offset={0} > - 1974-09-21T12:53:20.000Z + 2007-09-05T13:46:40.000Z @@ -61904,7 +57387,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="select" data-offset={0} - id="cell-table-row-7-select" + id="cell-table-row-33-select" offset={0} > - option-B + option-A @@ -61923,7 +57406,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="secretField" data-offset={0} - id="cell-table-row-7-secretField" + id="cell-table-row-33-secretField" offset={0} > - kYaqK2y8W8 + c8iM4qgaYa @@ -61942,7 +57425,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="status" data-offset={0} - id="cell-table-row-7-status" + id="cell-table-row-33-status" offset={0} > - - 49 - - + /> @@ -62071,13 +57547,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T checked={false} className="bx--checkbox" disabled={false} - id="select-row-table-row-8" + id="select-row-table-row-34" onChange={[Function]} type="checkbox" /> @@ -62562,7 +58045,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-10-date" + id="cell-table-row-36-date" offset={0} > - 1976-05-03T19:33:20.000Z + 2014-03-28T09:46:40.000Z @@ -62581,7 +58064,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="select" data-offset={0} - id="cell-table-row-10-select" + id="cell-table-row-36-select" offset={0} > - option-B + option-A @@ -62600,7 +58083,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="secretField" data-offset={0} - id="cell-table-row-10-secretField" + id="cell-table-row-36-secretField" offset={0} > - Q0u8gYkG6G + Ia2eQMSi8i @@ -62619,7 +58102,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="status" data-offset={0} - id="cell-table-row-10-status" + id="cell-table-row-36-status" offset={0} > - - 100 - - + /> @@ -62748,13 +58224,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T checked={false} className="bx--checkbox" disabled={false} - id="select-row-table-row-11" + id="select-row-table-row-37" onChange={[Function]} type="checkbox" /> @@ -63239,7 +58722,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-13-date" + id="cell-table-row-39-date" offset={0} > - 1978-07-11T10:13:20.000Z + 2021-05-14T13:46:40.000Z @@ -63258,7 +58741,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="select" data-offset={0} - id="cell-table-row-13-select" + id="cell-table-row-39-select" offset={0} > - option-B + option-A @@ -63277,7 +58760,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="secretField" data-offset={0} - id="cell-table-row-13-secretField" + id="cell-table-row-39-secretField" offset={0} > - 6SEQ24WOgO + y2MwmsEqiq @@ -63296,7 +58779,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="status" data-offset={0} - id="cell-table-row-13-status" + id="cell-table-row-39-status" offset={0} > - - 169 - - + /> @@ -63425,13 +58901,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T checked={false} className="bx--checkbox" disabled={false} - id="select-row-table-row-14" + id="select-row-table-row-40" onChange={[Function]} type="checkbox" /> @@ -63916,7 +59399,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-16-date" + id="cell-table-row-42-date" offset={0} > - 1981-04-13T08:53:20.000Z + 2029-01-25T01:46:40.000Z @@ -63935,7 +59418,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="select" data-offset={0} - id="cell-table-row-16-select" + id="cell-table-row-42-select" offset={0} > - option-B + option-A @@ -63954,7 +59437,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="secretField" data-offset={0} - id="cell-table-row-16-secretField" + id="cell-table-row-42-secretField" offset={0} > - muYiOaIWGW + eUgE8O0yIy @@ -63973,7 +59456,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="status" data-offset={0} - id="cell-table-row-16-status" + id="cell-table-row-42-status" offset={0} > - - 256 - - + /> @@ -64102,13 +59578,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T checked={false} className="bx--checkbox" disabled={false} - id="select-row-table-row-17" + id="select-row-table-row-43" onChange={[Function]} type="checkbox" /> @@ -64593,7 +60076,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-19-date" + id="cell-table-row-45-date" offset={0} > - 1984-08-10T15:33:20.000Z + 2037-05-03T21:46:40.000Z @@ -64612,7 +60095,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="select" data-offset={0} - id="cell-table-row-19-select" + id="cell-table-row-45-select" offset={0} > - option-B + option-A @@ -64631,7 +60114,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="secretField" data-offset={0} - id="cell-table-row-19-secretField" + id="cell-table-row-45-secretField" offset={0} > - SMs0k64eqe + Kw0WUum6s6 @@ -64650,7 +60133,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="status" data-offset={0} - id="cell-table-row-19-status" + id="cell-table-row-45-status" offset={0} > - - 361 - - + /> @@ -64779,13 +60255,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T checked={false} className="bx--checkbox" disabled={false} - id="select-row-table-row-20" + id="select-row-table-row-46" onChange={[Function]} type="checkbox" /> @@ -65270,7 +60753,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-22-date" + id="cell-table-row-48-date" offset={0} > - 1988-07-04T06:13:20.000Z + 2046-03-07T01:46:40.000Z @@ -65289,7 +60772,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="select" data-offset={0} - id="cell-table-row-22-select" + id="cell-table-row-48-select" offset={0} > - option-B + option-A @@ -65308,7 +60791,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="secretField" data-offset={0} - id="cell-table-row-22-secretField" + id="cell-table-row-48-secretField" offset={0} > - 8oCI6cqmQm + 0OKoqQYESE @@ -65327,7 +60810,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="status" data-offset={0} - id="cell-table-row-22-status" + id="cell-table-row-48-status" offset={0} > - - 484 - - + /> @@ -65456,13 +60932,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T checked={false} className="bx--checkbox" disabled={false} - id="select-row-table-row-23" + id="select-row-table-row-49" onChange={[Function]} type="checkbox" /> @@ -65947,7 +61430,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-25-date" + id="cell-table-row-51-date" offset={0} > - 1992-12-22T04:53:20.000Z + 2055-08-04T13:46:40.000Z @@ -65966,7 +61449,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="select" data-offset={0} - id="cell-table-row-25-select" + id="cell-table-row-51-select" offset={0} > - option-B + option-A @@ -65985,7 +61468,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="secretField" data-offset={0} - id="cell-table-row-25-secretField" + id="cell-table-row-51-secretField" offset={0} > - oGWaS8cu0u + gqe6CwKM2M @@ -66004,7 +61487,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="status" data-offset={0} - id="cell-table-row-25-status" + id="cell-table-row-51-status" offset={0} > - - 625 - - + /> @@ -66133,13 +61609,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T checked={false} className="bx--checkbox" disabled={false} - id="select-row-table-row-26" + id="select-row-table-row-52" onChange={[Function]} type="checkbox" /> @@ -66624,7 +62107,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-28-date" + id="cell-table-row-54-date" offset={0} > - 1998-01-05T11:33:20.000Z + 2065-07-28T09:46:40.000Z @@ -66643,7 +62126,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="select" data-offset={0} - id="cell-table-row-28-select" + id="cell-table-row-54-select" offset={0} > - option-B + option-A @@ -66662,7 +62145,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="secretField" data-offset={0} - id="cell-table-row-28-secretField" + id="cell-table-row-54-secretField" offset={0} > - UiqsoeO2a2 + MIyOYS6UcU @@ -66681,7 +62164,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="status" data-offset={0} - id="cell-table-row-28-status" + id="cell-table-row-54-status" offset={0} > - - 784 - - + /> @@ -66810,13 +62286,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T checked={false} className="bx--checkbox" disabled={false} - id="select-row-table-row-29" + id="select-row-table-row-55" onChange={[Function]} type="checkbox" /> @@ -67301,7 +62784,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-31-date" + id="cell-table-row-57-date" offset={0} > - 2003-08-16T02:13:20.000Z + 2076-02-15T13:46:40.000Z @@ -67320,7 +62803,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="select" data-offset={0} - id="cell-table-row-31-select" + id="cell-table-row-57-select" offset={0} > - option-B + option-A @@ -67339,7 +62822,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="secretField" data-offset={0} - id="cell-table-row-31-secretField" + id="cell-table-row-57-secretField" offset={0} > - AAAAAAAAAA + 2kIguyscCc @@ -67358,7 +62841,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="status" data-offset={0} - id="cell-table-row-31-status" + id="cell-table-row-57-status" offset={0} > - - 961 - - + /> @@ -67487,13 +62963,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T checked={false} className="bx--checkbox" disabled={false} - id="select-row-table-row-32" + id="select-row-table-row-58" onChange={[Function]} type="checkbox" /> @@ -67978,7 +63461,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-34-date" + id="cell-table-row-60-date" offset={0} > - 2009-10-20T00:53:20.000Z + 2087-04-01T01:46:40.000Z @@ -67997,7 +63480,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="select" data-offset={0} - id="cell-table-row-34-select" + id="cell-table-row-60-select" offset={0} > - option-B + option-A @@ -68016,7 +63499,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="secretField" data-offset={0} - id="cell-table-row-34-secretField" + id="cell-table-row-60-secretField" offset={0} > - qcUSWgwIkI + iCcyGUekmk @@ -68035,7 +63518,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="status" data-offset={0} - id="cell-table-row-34-status" + id="cell-table-row-60-status" offset={0} > - - 1156 - - + /> @@ -68164,13 +63640,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T checked={false} className="bx--checkbox" disabled={false} - id="select-row-table-row-35" + id="select-row-table-row-61" onChange={[Function]} type="checkbox" /> @@ -68655,7 +64138,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-37-date" + id="cell-table-row-63-date" offset={0} > - 2016-07-20T07:33:20.000Z + 2098-12-09T21:46:40.000Z @@ -68674,7 +64157,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="select" data-offset={0} - id="cell-table-row-37-select" + id="cell-table-row-63-select" offset={0} > - option-B + option-A @@ -68693,7 +64176,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="secretField" data-offset={0} - id="cell-table-row-37-secretField" + id="cell-table-row-63-secretField" offset={0} > - W4oksCiQKQ + OewGc0QsMs @@ -68712,7 +64195,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="status" data-offset={0} - id="cell-table-row-37-status" + id="cell-table-row-63-status" offset={0} > - - 1369 - - + /> @@ -68841,13 +64317,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T checked={false} className="bx--checkbox" disabled={false} - id="select-row-table-row-38" + id="select-row-table-row-64" onChange={[Function]} type="checkbox" /> @@ -69332,7 +64815,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-40-date" + id="cell-table-row-66-date" offset={0} > - 2023-11-14T22:13:20.000Z + 2111-03-17T01:46:40.000Z @@ -69351,7 +64834,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="select" data-offset={0} - id="cell-table-row-40-select" + id="cell-table-row-66-select" offset={0} > - option-B + option-A @@ -69370,7 +64853,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="secretField" data-offset={0} - id="cell-table-row-40-secretField" + id="cell-table-row-66-secretField" offset={0} > - CW82EiUYuY + 46GYyWC0w0 @@ -69389,7 +64872,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="status" data-offset={0} - id="cell-table-row-40-status" + id="cell-table-row-66-status" offset={0} > - - 1600 - - + /> @@ -69518,13 +64994,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T checked={false} className="bx--checkbox" disabled={false} - id="select-row-table-row-41" + id="select-row-table-row-67" onChange={[Function]} type="checkbox" /> @@ -70009,7 +65492,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-43-date" + id="cell-table-row-69-date" offset={0} > - 2031-10-05T20:53:20.000Z + 2124-01-15T13:46:40.000Z @@ -70028,7 +65511,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="select" data-offset={0} - id="cell-table-row-43-select" + id="cell-table-row-69-select" offset={0} > - option-B + option-A @@ -70047,7 +65530,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="secretField" data-offset={0} - id="cell-table-row-43-secretField" + id="cell-table-row-69-secretField" offset={0} > - sySKaEGgUg + kYaqK2y8W8 @@ -70066,7 +65549,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="status" data-offset={0} - id="cell-table-row-43-status" + id="cell-table-row-69-status" offset={0} > - - 1849 - - + /> @@ -70195,13 +65671,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T checked={false} className="bx--checkbox" disabled={false} - id="select-row-table-row-44" + id="select-row-table-row-70" onChange={[Function]} type="checkbox" /> @@ -70686,7 +66169,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-46-date" + id="cell-table-row-72-date" offset={0} > - 2040-03-22T03:33:20.000Z + 2137-06-11T09:46:40.000Z @@ -70705,7 +66188,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="select" data-offset={0} - id="cell-table-row-46-select" + id="cell-table-row-72-select" offset={0} > - option-B + option-A @@ -70724,7 +66207,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="secretField" data-offset={0} - id="cell-table-row-46-secretField" + id="cell-table-row-72-secretField" offset={0} > - YQmcwk2o4o + Q0u8gYkG6G @@ -70743,7 +66226,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="status" data-offset={0} - id="cell-table-row-46-status" + id="cell-table-row-72-status" offset={0} > - - 2116 - - + /> @@ -70872,13 +66348,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T checked={false} className="bx--checkbox" disabled={false} - id="select-row-table-row-47" + id="select-row-table-row-73" onChange={[Function]} type="checkbox" /> @@ -71363,7 +66846,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-49-date" + id="cell-table-row-75-date" offset={0} > - 2049-04-02T18:13:20.000Z + 2151-06-02T13:46:40.000Z @@ -71382,7 +66865,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="select" data-offset={0} - id="cell-table-row-49-select" + id="cell-table-row-75-select" offset={0} > - option-B + option-A @@ -71401,7 +66884,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="secretField" data-offset={0} - id="cell-table-row-49-secretField" + id="cell-table-row-75-secretField" offset={0} > - Es6uIGowew + 6SEQ24WOgO @@ -71420,7 +66903,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="status" data-offset={0} - id="cell-table-row-49-status" + id="cell-table-row-75-status" offset={0} > - - 2401 - - + /> @@ -71549,13 +67025,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T checked={false} className="bx--checkbox" disabled={false} - id="select-row-table-row-50" + id="select-row-table-row-76" onChange={[Function]} type="checkbox" /> @@ -72040,7 +67523,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-52-date" + id="cell-table-row-78-date" offset={0} > - 2058-11-08T16:53:20.000Z + 2165-12-18T01:46:40.000Z @@ -72059,7 +67542,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="select" data-offset={0} - id="cell-table-row-52-select" + id="cell-table-row-78-select" offset={0} > - option-B + option-A @@ -72078,7 +67561,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="secretField" data-offset={0} - id="cell-table-row-52-secretField" + id="cell-table-row-78-secretField" offset={0} > - uKQCema4E4 + muYiOaIWGW @@ -72097,7 +67580,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="status" data-offset={0} - id="cell-table-row-52-status" + id="cell-table-row-78-status" offset={0} > - - 2704 - - + /> @@ -72226,13 +67702,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T checked={false} className="bx--checkbox" disabled={false} - id="select-row-table-row-53" + id="select-row-table-row-79" onChange={[Function]} type="checkbox" /> @@ -72717,7 +68200,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-55-date" + id="cell-table-row-81-date" offset={0} > - 2069-01-09T23:33:20.000Z + 2181-01-28T21:46:40.000Z @@ -72736,7 +68219,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="select" data-offset={0} - id="cell-table-row-55-select" + id="cell-table-row-81-select" offset={0} > - option-B + option-A @@ -72755,7 +68238,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="secretField" data-offset={0} - id="cell-table-row-55-secretField" + id="cell-table-row-81-secretField" offset={0} > - amkU0IMCoC + SMs0k64eqe @@ -72774,7 +68257,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="status" data-offset={0} - id="cell-table-row-55-status" + id="cell-table-row-81-status" offset={0} > - - 3025 - - + /> @@ -72903,13 +68379,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T checked={false} className="bx--checkbox" disabled={false} - id="select-row-table-row-56" + id="select-row-table-row-82" onChange={[Function]} type="checkbox" /> @@ -73394,7 +68877,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-58-date" + id="cell-table-row-84-date" offset={0} > - 2079-10-08T14:13:20.000Z + 2196-10-06T01:46:40.000Z @@ -73413,7 +68896,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="select" data-offset={0} - id="cell-table-row-58-select" + id="cell-table-row-84-select" offset={0} > - option-B + option-A @@ -73432,7 +68915,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="secretField" data-offset={0} - id="cell-table-row-58-secretField" + id="cell-table-row-84-secretField" offset={0} > - GE4mMo8KOK + 8oCI6cqmQm @@ -73451,7 +68934,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="status" data-offset={0} - id="cell-table-row-58-status" + id="cell-table-row-84-status" offset={0} > - - 3364 - - + /> @@ -73580,13 +69056,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T checked={false} className="bx--checkbox" disabled={false} - id="select-row-table-row-59" + id="select-row-table-row-85" onChange={[Function]} type="checkbox" /> @@ -74071,7 +69554,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-61-date" + id="cell-table-row-87-date" offset={0} > - 2091-01-30T12:53:20.000Z + 2213-01-08T13:46:40.000Z @@ -74090,7 +69573,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="select" data-offset={0} - id="cell-table-row-61-select" + id="cell-table-row-87-select" offset={0} > - option-B + option-A @@ -74109,7 +69592,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="secretField" data-offset={0} - id="cell-table-row-61-secretField" + id="cell-table-row-87-secretField" offset={0} > - wgO4iKuSyS + oGWaS8cu0u @@ -74128,7 +69611,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="status" data-offset={0} - id="cell-table-row-61-status" + id="cell-table-row-87-status" offset={0} > - - 3721 - - + /> @@ -74257,13 +69733,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T checked={false} className="bx--checkbox" disabled={false} - id="select-row-table-row-62" + id="select-row-table-row-88" onChange={[Function]} type="checkbox" /> @@ -74748,7 +70231,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-64-date" + id="cell-table-row-90-date" offset={0} > - 2102-12-19T19:33:20.000Z + 2229-11-06T09:46:40.000Z @@ -74767,7 +70250,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="select" data-offset={0} - id="cell-table-row-64-select" + id="cell-table-row-90-select" offset={0} > - option-B + option-A @@ -74786,7 +70269,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="secretField" data-offset={0} - id="cell-table-row-64-secretField" + id="cell-table-row-90-secretField" offset={0} > - c8iM4qgaYa + UiqsoeO2a2 @@ -74805,7 +70288,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="status" data-offset={0} - id="cell-table-row-64-status" + id="cell-table-row-90-status" offset={0} > - - 4096 - - + /> @@ -74934,13 +70410,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T checked={false} className="bx--checkbox" disabled={false} - id="select-row-table-row-65" + id="select-row-table-row-91" onChange={[Function]} type="checkbox" /> @@ -75425,7 +70908,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-67-date" + id="cell-table-row-93-date" offset={0} > - 2115-06-03T10:13:20.000Z + 2247-03-31T13:46:40.000Z @@ -75444,7 +70927,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="select" data-offset={0} - id="cell-table-row-67-select" + id="cell-table-row-93-select" offset={0} > - option-B + option-A @@ -75463,7 +70946,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="secretField" data-offset={0} - id="cell-table-row-67-secretField" + id="cell-table-row-93-secretField" offset={0} > - Ia2eQMSi8i + AAAAAAAAAA @@ -75482,7 +70965,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="status" data-offset={0} - id="cell-table-row-67-status" + id="cell-table-row-93-status" offset={0} > - - 4489 - - + /> @@ -75611,13 +71087,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T checked={false} className="bx--checkbox" disabled={false} - id="select-row-table-row-68" + id="select-row-table-row-94" onChange={[Function]} type="checkbox" /> @@ -76102,7 +71585,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-70-date" + id="cell-table-row-96-date" offset={0} > - 2128-06-11T08:53:20.000Z + 2265-03-19T01:46:40.000Z @@ -76121,7 +71604,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="select" data-offset={0} - id="cell-table-row-70-select" + id="cell-table-row-96-select" offset={0} > - option-B + option-A @@ -76140,7 +71623,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="secretField" data-offset={0} - id="cell-table-row-70-secretField" + id="cell-table-row-96-secretField" offset={0} > - y2MwmsEqiq + qcUSWgwIkI @@ -76159,7 +71642,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="status" data-offset={0} - id="cell-table-row-70-status" + id="cell-table-row-96-status" offset={0} > - - 4900 - - + /> @@ -76288,13 +71764,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T checked={false} className="bx--checkbox" disabled={false} - id="select-row-table-row-71" + id="select-row-table-row-97" onChange={[Function]} type="checkbox" /> - - - - - - - - - - - @@ -76737,13 +71992,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T checked={false} className="bx--checkbox" disabled={false} - id="select-row-table-row-73" + id="select-row-table-row-98" onChange={[Function]} type="checkbox" /> @@ -77007,7 +72262,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-74-date" + id="cell-table-row-99-date" offset={0} > - 2146-09-12T00:53:20.000Z + 2283-10-01T21:46:40.000Z @@ -77026,7 +72281,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="select" data-offset={0} - id="cell-table-row-74-select" + id="cell-table-row-99-select" offset={0} > - option-C + option-A @@ -77045,7 +72300,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="secretField" data-offset={0} - id="cell-table-row-74-secretField" + id="cell-table-row-99-secretField" offset={0} > - sySKaEGgUg + W4oksCiQKQ @@ -77064,7 +72319,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="status" data-offset={0} - id="cell-table-row-74-status" + id="cell-table-row-99-status" offset={0} > - - 5476 - - + /> @@ -77132,7 +72380,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="node" data-offset={0} - id="cell-table-row-74-node" + id="cell-table-row-99-node" offset={0} > - sySKa + W4oks - +
- 		+ - - - + + - Date + 1992-12-22T04:53:20.000Z - - + - - - + + - - - + + - - - + + - - - + + - - - + + - - - + + - - + +
- AAAAA + 2kIgu
- OewGc + GE4mM - qcUSW + iCcyG
- 46GYy + wgO4i - W4oks + OewGc
- kYaqK + c8iM4 - CW82E + 46GYy
- Q0u8g + Ia2eQ - sySKa + kYaqK
- 6SEQ2 + y2Mwm - YQmcw + Q0u8g
- muYiO + eUgE8 - Es6uI + 6SEQ2
- SMs0k + Kw0WU - uKQCe + muYiO
- 8oCI6 + 0OKoq - amkU0 + SMs0k
- oGWaS + gqe6C - GE4mM + 8oCI6
- Uiqso + MIyOY - wgO4i + oGWaS
- AAAAA + 2kIgu - c8iM4 + Uiqso
- qcUSW + iCcyG - Ia2eQ + AAAAA
- W4oks + OewGc - y2Mwm + qcUSW
- CW82E + 46GYy - eUgE8 + W4oks
- sySKa + kYaqK - Kw0WU + CW82E
- YQmcw + Q0u8g - 0OKoq + sySKa
- Es6uI + 6SEQ2 - gqe6C + YQmcw
- uKQCe + muYiO - MIyOY + Es6uI
- amkU0 + SMs0k - 2kIgu + uKQCe
- GE4mM + 8oCI6 - iCcyG + amkU0
- wgO4i + oGWaS - OewGc + GE4mM
- c8iM4 + Uiqso - 46GYy + wgO4i
- Ia2eQ + AAAAA - kYaqK + c8iM4
- y2Mwm + qcUSW - - - CW82E - - -
- -
- - -
- - 		- - - whiteboard can eat 72 - - - - - - 2137-06-11T09:46:40.000Z - - - - - - option-A - - - - - - Q0u8gYkG6G - - - - - - - - - - - - - - - - true - - - - Q0u8g + 46GYy
- true + false
+
+
+ + +`; + +exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/Table/StatefulTable with expansion, maxPages, and column resize 1`] = ` +
+
+
+
+
+
+

+ + 0 items selected + +

+
+
+
+ + + +
+
+
+ - -
- - -
- -
- - - bottle toyota bottle 75 - - - + + + + + + + + + + + + + +
+
+ + + +
+
+
+
+ + +
+
+ + + + - - - - - - - - - - - - - - - - - - - - - + - + - - - - - - - - - + + + - - - - - - - + - - - - - - - + - - - - - - - + + - - - - - - - + - - - - + - - - - - - - - - - - - + - - - whiteboard can eat 82 - - - - + - - - - - - - + - - - + + - + - + + + - - - - - - - - + - - - - + - - - can pinocchio whiteboard 84 - - - - + - - - - - - - - - - - + - - - - + + - - - - - - - + - - - + - - - - + - - - - + + + - - - - - - - + - - - - - - - + - - - - - - - - + + - + + + - - - - + - - - - - - - - - - - - + - + + + - - - - - - - - + - - - - + - - - toyota toyota toyota 90 - - - - + - - - - - - - + - - - - + - - - - - - + + +
+ - 6SEQ24WOgO +
+ + +
- - - 		- + - + + + String + +
+ - - - - -
- - - - - false - - - - - - - - - - + + + + + - 6SEQ2 + + Date + +
- - -
- + -
- - -
- - - 		- - - eat whiteboard pinocchio 76 - - - - - - 2156-03-15T06:13:20.000Z - - - - - - option-B - - - - - - Kw0WUum6s6 - - - - - +
+ - - - -
- - - 5776 - - - - - - true - - - - - - - - - - - - Kw0WU - - -
- + + + + + -
- - -
- - - 		- + + + + + + + + + + - - chocolate can helping 77 - - - - - - - 2161-01-19T02:13:20.000Z - - - - - - option-C - - - - + + Number + +
+ + + + + + + + + +
- - YQmcwk2o4o - - - - - + + Boolean + +
+ + + + + + + + + +
- + + + React Node + +
+ - - - - -
- + + + + + - - 5929 - - - - - + + Object Id + +
+ + + + + + + + + +
- false + - - - - - - - - - - + - YQmcw + - - -
+
+
- - -
- - - 		- - - pinocchio eat can 78 - - - - - - 2165-12-18T01:46:40.000Z - - - - - - option-A - - - - - - muYiOaIWGW - - - - + string + +
+
+ +
+
+ +
+ + + +
+ + + + 		- - - - - - - - - - - - - true - - - - + +
+
+ +
+
+ + + + + 		- - - - - - - +
+
+ + + +
+
+
+
+ + + 		- - muYiO - - - -
- + + +
- - + +
+
+ +
+
+
+ - - - 		- - - scott pinocchio chocolate 79 - - - - + - - 2170-12-09T04:53:20.000Z - - - - - +
+ +
+
+ +
+
+
+ + + + 		- - option-B - - - - - + + + - - 0OKoqQYESE - - - - +
+ +
+
+ +
+
+
+ + + + 		+ +
- + - 6241 +
+ + +
- - 		- + - false + + helping whiteboard as 1 + - - - - - - - - - + - 0OKoq + + 1973-03-14T23:33:20.000Z + - -
- + -
- - -
- - 		- + + - toyota toyota toyota 80 + + + + + - - - + - 2175-12-23T11:33:20.000Z + + 1 + - - - + - option-C + + false + - - - + - Es6uIGowew - - - - - - - - - + - 6400 + + OewGc + - - - + + - - true - - - + + + + +
- + + + + - Es6uI +
+ + +
- -
- + -
- - -
- - 		- + + - helping whiteboard as 81 + + 1973-09-04T14:13:20.000Z + - - - + - 2181-01-28T21:46:40.000Z + + option-B + - - - + - option-A + + + + + - - - + - SMs0k64eqe + + 16 + - - - + - - - + true + - - - - - + - false + + + - - - - - - - - - + - SMs0k + + 46GYy + - -
- + +
- - + + + + + + More actions + + + +
- - 		+
- + + + + - 2186-03-30T11:33:20.000Z +
+ + +
- - 		- + - option-B + + eat whiteboard pinocchio 16 + - - - + - gqe6CwKM2M + + 1981-04-13T08:53:20.000Z + - - - + - - - + option-B + - - - + - 6724 + + + + + - - - + - true + + 256 + - - - + - - - - - - + true + + + - gqe6C - - -
- + + + + + + + muYiO + + + +
- - + + + + + + More actions + + + +
- - 		+
- as eat scott 83 +
+ + +
- - 		- + - 2191-06-22T04:53:20.000Z + + whiteboard can eat 22 + - - - + - option-C + + 1988-07-04T06:13:20.000Z + - - - + - uKQCema4E4 + + option-B + - - - + - - - + + + + - - - + - 6889 + + 484 + - - - + - false + + true + - - - + - - - - - - + + + + - uKQCe + + 8oCI6 + - -
- + +
- - + Drill in to find out more after observing + + + +
- - 		+
- + + + + - 2196-10-06T01:46:40.000Z +
+ + +
- - 		- + - option-A + + helping whiteboard as 31 + - - - + - 8oCI6cqmQm + + 2003-08-16T02:13:20.000Z + - - - + - - - + option-B + - - - - - + - true + + + + + - - - - - - - - - + - 8oCI6 + + 961 + - -
- + -
- - -
- - 		- + + - bottle toyota bottle 85 + + + - - - + - 2202-02-14T02:13:20.000Z + + AAAAA + - - - - - option-B - - - - + + - - MIyOYS6UcU - - - + + + + +
- + - 7225 +
+ + +
- - 		- + - false + + can pinocchio whiteboard 34 + - - - + - - - - - - + 2009-10-20T00:53:20.000Z + + + - MIyOY + + option-B + - -
- + -
- - -
- - 		- + + + + - eat whiteboard pinocchio 86 + + 1156 + - - - + - 2207-07-17T06:13:20.000Z + + true + - - - + - option-C + + + - - - + - amkU0IMCoC - - - + qcUSW + + + + +
+
+ + +
+
+
- + - 7396 +
+ + +
- - 		- + - true + + eat whiteboard pinocchio 46 + - - - - - - - - - + - amkU0 - - -
- -
- - -
- - 		- + + - chocolate can helping 87 + + option-B + - - - + - 2213-01-08T13:46:40.000Z + + + + + - - - + - option-A + + 2116 + - - - + - oGWaS8cu0u + + true + - - - + - - - - - - + - false + + YQmcw + - - - + + - - - - - + + + + +
- oGWaS +
+ + +
- -
- + -
- - -
- - 		- + + - pinocchio eat can 88 + + 2058-11-08T16:53:20.000Z + - - - + - 2218-07-27T00:53:20.000Z + + option-B + - - - + - option-B + + + + + - - - + - 2kIguyscCc + + 2704 + - - - + - - - + true + - - - + - 7744 + + + - - - + - true + + uKQCe + - - - - - - - - - - - 2kIgu - - -
- + +
- - + + + + + + More actions + + + +
- - 		+
- scott pinocchio chocolate 89 +
+ + +
- - 		- + - 2224-03-05T15:33:20.000Z + + helping whiteboard as 61 + - - - + - option-C + + 2091-01-30T12:53:20.000Z + - - - + - GE4mMo8KOK + + option-B + - - - + - - - + + + + - - - + - 7921 + + 3721 + - - - + - false + + false + - - - + - - - - - - + + + + - GE4mM + + wgO4i + - -
- + +
- - + Drill in to find out more after observing + + + +
- - 		+
- + + + + - 2229-11-06T09:46:40.000Z +
+ + +
- - 		- + - option-A + + can pinocchio whiteboard 64 + - - - + - UiqsoeO2a2 + + 2102-12-19T19:33:20.000Z + - - - + - - - + option-B + - - - - - + - true + + + + + - - - + - - - - - - + 4096 + + + - Uiqso + + true + - -
- + -
- - -
- - 		- + + + - helping whiteboard as 91 + + c8iM4 + - - - - - 2235-08-02T07:33:20.000Z - - - - - - option-B - - - - - - iCcyGUekmk - - - - + + - - - - - - - - - - 8281 - - - + + + + + + More actions + + + + + +
+
+
+
+
+ +
+
+
- - - false - - -
- + + + + - - - - - iCcyG - - -
- +
+
-
- - -
- -
- - + + + - whiteboard can eat 92 - - - + + + + + + + 1 of 2 pages + +
+
+ - - option-C - - - + + + - - - - - - - - - - - 8464 - - - - - - true - - - - - - - - - + - - wgO4i - - -
+ + + + + + + + +`; + +exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/Table/StatefulTable with multi-sorting 1`] = ` +
+
+
+
+
+

+ + 0 items selected + +

+
+
+ +
+
+
+ +
+
+
+
+ + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + @@ -82195,17 +78522,18 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-97-date" + id="cell-table-27-row-3-date" offset={0} + width="200px" > - 2271-04-30T20:53:20.000Z + 1973-06-15T13:46:40.000Z @@ -82214,36 +78542,18 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="select" data-offset={0} - id="cell-table-row-97-select" - offset={0} - > - - - option-B - - - - @@ -82252,8 +78562,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="status" data-offset={0} - id="cell-table-row-97-status" + id="cell-table-27-row-3-status" offset={0} + width="200px" > + @@ -82423,17 +78733,18 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-98-date" + id="cell-table-27-row-33-date" offset={0} + width="200px" > - 2277-07-04T19:33:20.000Z + 2007-09-05T13:46:40.000Z @@ -82442,36 +78753,18 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="select" data-offset={0} - id="cell-table-row-98-select" - offset={0} - > - - - option-C - - - - @@ -82480,8 +78773,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="status" data-offset={0} - id="cell-table-row-98-status" + id="cell-table-27-row-33-status" offset={0} + width="200px" > @@ -82548,8 +78837,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="node" data-offset={0} - id="cell-table-row-98-node" + id="cell-table-27-row-33-node" offset={0} + width="200px" > - Ia2eQ + c8iM4 + @@ -82651,17 +78944,18 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-99-date" + id="cell-table-27-row-63-date" offset={0} + width="200px" > - 2283-10-01T21:46:40.000Z + 2098-12-09T21:46:40.000Z @@ -82670,8 +78964,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="select" data-offset={0} - id="cell-table-row-99-select" + id="cell-table-27-row-63-select" offset={0} + width="200px" > - W4oksCiQKQ + + + + + + + + + + + + + + + + @@ -82708,8 +79195,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="status" data-offset={0} - id="cell-table-row-99-status" + id="cell-table-27-row-93-status" offset={0} + width="200px" > + - -
- - 		+ - - as eat scott 93 + + String + + + + 2 + +
- - -
- - - 2247-03-31T13:46:40.000Z - - - - - + + - option-A - - - + + + + - AAAAAAAAAA + Date +
- -
+ - - - - - - - - - - - - - false + Select + + + + 1 + +
- -
- - - - - - AAAAA - - -
- -
- - -
- - 		- - - can pinocchio whiteboard 94 - - - - - - 2253-03-03T22:13:20.000Z - - - - - - option-B - - - - - - OewGc0QsMs - - - + + + - - - - - - - - - - - 8836 + Status + + +
- -
- - - true - - - - + + - - + + - - OewGc - - - -
- -
- - -
- - 		- - - bottle toyota bottle 95 - - - - - - 2259-02-28T10:13:20.000Z - - - - - - option-C - - - - - - c8iM4qgaYa - - - - - - + - - - - - - 9025 - - - - - - false + + + + + + open and close list of options + + + +
- -
- - - - - - c8iM4 - - -
- -
- - -
- - 		- - - eat whiteboard pinocchio 96 - - - - - - 2265-03-19T01:46:40.000Z - - - - - - option-A - - - - - - qcUSWgwIkI - - - - - - - - - - - - - - - - true - - - - - - + + - - qcUSW - - - -
- + Boolean + + +
+ + + + + + + + + +
+ + + + React Node + + + + + + + Object Id + + + + + + +
+
- chocolate can helping 97 + as eat scott 3 - 46GYyWC0w0 + option-A - - 9409 - - + /> - 46GYy + qcUSW
- pinocchio eat can 98 + as eat scott 33 - Ia2eQMSi8i + option-A - - 9604 - - + /> - true + false
- scott pinocchio chocolate 99 + as eat scott 63 + + + + + false + + + + + + + + + + + + OewGc + + + +
+ +
+ + +
+ + 		+ + + as eat scott 93 + + + + + + 2247-03-31T13:46:40.000Z + + + + + + option-A - W4oks + AAAAA
-
-
-
-
-`; - -exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/Table/StatefulTable with column overflow menu and aggregate column values 1`] = ` -
-
-
-
-
-
-

- - 0 items selected - -

-
-
- -
-
-
- -
-
-
-
- - - - + + + + + + + + + - - + + + - - - + - + - + - + - + + - - + - + - - + + + + - + - + - + - + - + + - + - + - + + + - - + Select row + + + + + + - + - + - + - + + - + + + + + - + - + - + - - + + - + + - + - + - + + +
+ - -
+
+ Select row + + + + + + 		+ + + bottle toyota bottle 15 - - + + + - + 1980-04-19T13:46:40.000Z + + + + + + option-A + + + + + - - - String - - -
- - - - - - - -
+ + + + + + - - Date - - -
+ false - -
+ + + - - - Select - -
- - -
+ + + + - - Secret Information - - +
+ +
+ +
+ + + bottle toyota bottle 45 - - + + + - - Status - - -
+ 2037-05-03T21:46:40.000Z - -
+ + + - - Number - - -
+ option-A - -
+ + + - - Boolean - - -
+ + - -
+ + + + + - - React Node - - -
+ false - -
+ + + + + + + + + - + Kw0WU - -
+
- -
+
- - 		+ + + + + - - toyota toyota toyota 0 - + bottle toyota bottle 75 - + + - - 1973-03-03T09:46:40.000Z - + className="" + title="2151-06-02T13:46:40.000Z" + > + 2151-06-02T13:46:40.000Z - + + - - option-A - + option-A - + + - - AAAAAAAAAA - + + - + + + + - - - - - + false - - - + + - - - true - - - + + + + - - - + 6SEQ2 - -
+
- - -
+
- - 		+ + + + + - - helping whiteboard as 1 - + can pinocchio whiteboard 24 - + + - - 1973-03-14T23:33:20.000Z - + 1991-06-04T01:46:40.000Z - + + - - option-B - + option-A - + + - - OewGc0QsMs - + + - + + + + - - - - - + true - + + - - - 1 - - - + + + + - - false - + amkU0 - + +
+ - - + - -
- -
- - -
+ can pinocchio whiteboard 54 - 		+ + - - whiteboard can eat 2 - + 2065-07-28T09:46:40.000Z - + + - - 1973-04-18T16:53:20.000Z - + option-A - + + - - option-C - + + - + + + + - - c8iM4qgaYa - + true - + + + + + + + + - + + +
+ +
+ +
+ + + + + - - 4 - + can pinocchio whiteboard 84 - + + - - true - + 2196-10-06T01:46:40.000Z - + + - - - + option-A - -
- -
- - -
+ - 		+ + + + - - as eat scott 3 - + true - + + - - - 1973-06-15T13:46:40.000Z - - - + + + + - - option-A - + 8oCI6 - + +
+
+
+
+
+ +
+
+
+
+
- + - - - - + - + + - - - - - - -
- -
- - -
- - 		- - - + - - + - - + - - + - - + - - + - - + - -
+
+ - -
- - 		- - - + - - + - - + - - + - - + - - + - + + - - - - - - -
+ + +
+
+ +
+ - -
- -
- + - + + - - - 1974-04-24T01:46:40.000Z - - - + + +
+ Select a direction +
+ + + + +
+
+ +
+
- + - - + - - - - + - - + - -
+ + +
+
+ +
+ - -
- -
-
+
+
+
-
-
- - + -
+ 20 + + + + + +
- - 1–10 of 100 items -
+ + 1–10 of 20 items + +
+
+
-
-
- - + -
+ 2 + + + + +
- + + 1 of 2 pages + +
+ + +
+
+
+
+
+`; + +exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/Table/StatefulTable with row nesting and resizable columns with initial width 1`] = ` +
+
+
+
+
+

+ + 0 items selected + +

+
+
+
+
+ +
+
+
- -
-
-
-
-
-
-`; - -exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/Table/StatefulTable with multi-sorting 1`] = ` -
-
-
-
-
-

- - 0 items selected - -

-
-
+ + +
-
+
- - -
- -
-
- - - - + - + - - + - - - - - + - + + + + - - - - - - - - - - - + - - - - - - - - - - - - + - - - - - - - - - + - - - as eat scott 63 - - - - + - - - - - - - - - - + - - - + + - - - - - - - - + - - + - - - - + - - - - - - - + + - + + + - - - - + - - - + + - - - - + + - - - Kw0WU - - - - - - + - + - - - - - - - + - - - + - + - - - can pinocchio whiteboard 24 - - - - + - - - - - - - - - - + - - - - - - - + + - - - MIyOY - - - - - - + - + - - - - - + - - + - - - - - - - - - - - - - - -
- +
+ -
- - -
- - 		- + Select all items + + + + + - String - - - - 2 + String long text should get truncated
- - - - - - - -
+ - - Date - -
+ Date long text should get truncated + +
- -
- + + - Select - - - - 1 + Select long text should get truncated
- - - - - - - -
- + - Status + Status long text should get truncated -
- - - - - - - -
- + - Number + Number long text should get truncated -
- - - - - - - -
- + - Boolean + Boolean long text should get truncated -
- - - - - - - -
- + - React Node + React Node long text should get truncated -
- - - - - - - -
- + - Object Id + Object Id long text should get truncated -
- + + - - - +
+ - - - - +
- -
- - -
- - 		- - - as eat scott 3 - - - - + + + - 1973-06-15T13:46:40.000Z +
+ + +
- - 		- + - option-A + + toyota toyota toyota 0 + - - - + - - - + 1973-03-03T09:46:40.000Z + - - - - - + - false + + option-A + - - - - - - - - - + - qcUSW - - - -
- -
- - -
- - 		- - - as eat scott 33 + + + - - - + - 2007-09-05T13:46:40.000Z - - - - + - option-A + + true + - - - + - - - - - - + - false + + AAAAA + - - - - - - - - - - - c8iM4 - - - -
- + +
- - + + + + + + More actions + + + +
- - 		+
- + + + + - 2098-12-09T21:46:40.000Z +
+ + +
- - 		- + - option-A + + helping whiteboard as 1 + - - - + - - - + 1973-03-14T23:33:20.000Z + - - - - - + - false + + option-B + - - - - - - - - - + - OewGc + + + + + - - -
- + -
- - -
- - 		- + + - as eat scott 93 + + false + - - - + - 2247-03-31T13:46:40.000Z + + + - - - + - option-A + + OewGc + - - + + +
+
+ + +
+
+
- - - + - false +
+ + +
- - 		- + - - - - - - + whiteboard can eat 2 + + + - AAAAA + + 1973-04-18T16:53:20.000Z + - - -
- + -
- - -
- - 		- + + - bottle toyota bottle 15 + + + + + - - - + - 1980-04-19T13:46:40.000Z + + 4 + - - - + - option-A + + true + - - - + - - - - - - + - false + + c8iM4 + - - - + + - - - - - + + + + +
- YQmcw +
+ + +
- - 		-
- + -
- - -
- - 		- + + - bottle toyota bottle 45 + + 1973-06-15T13:46:40.000Z + - - - + - 2037-05-03T21:46:40.000Z + + option-A + - - - + - option-A + + + + + - - - + + + + + false + + + + - - - - - - + - false + + qcUSW + - - - + + - - - - - + + + + +
-
- + + + + -
- - -
- - 		- + Select row + + + + + - bottle toyota bottle 75 + + can pinocchio whiteboard 4 + - - - + - 2151-06-02T13:46:40.000Z + + 1973-09-04T14:13:20.000Z + - - - + - option-A + + option-B + - - - + - - - + + + + - - - - - + - false + + 16 + - - - + - - - - - - + true + + + - 6SEQ2 + + + - - -
- + + + + 46GYy + + + +
- - + + + + + + More actions + + + +
- - 		+
- + + + + - 1991-06-04T01:46:40.000Z +
+ + +
- - 		- + - option-A + + bottle toyota bottle 5 + - - - + - - - + 1973-12-17T18:13:20.000Z + - - - - - + - true + + option-C + - - - - - - - - - + - amkU0 - - - -
- -
- - -
- - 		- + + + + - can pinocchio whiteboard 54 + + 25 + - - - + - 2065-07-28T09:46:40.000Z + + false + - - - + - option-A - - - - - - - - - - - + - true + + Ia2eQ + - - - + + - - - - - + + + + +
-
- + + + + -
- - -
- - 		- + Select row + + + + + - can pinocchio whiteboard 84 + + eat whiteboard pinocchio 6 + - - - + - 2196-10-06T01:46:40.000Z + + 1974-04-24T01:46:40.000Z + - - - + - option-A + + option-A + - - - + - - - + + + + - - - - - + + + - true + + true + - - - + - - - - - - + + + + - 8oCI6 + + W4oks + - - -
- - Total - -   - -   - -   - - 215589 - -   - -   - -   - -
-
-
-
-
- -
-
-
-
- - - - -
-
-
-
- - 1–10 of 100 items - -
-
-
-
- -
-
+ + +
+
+ + + - + +
+ + + + - 5 - - + + + + - 6 - - + + + + - 7 - - + + + + - 8 - - - - - - - -
-
-
-
- - 1 of 10 pages - -
- - -
-
-
-
- - Focus sentinel - -
-
-

- Select columns to sort -

- -
-
-
-
- -
- - + kYaqK + + + + + - - -
-
- Select a column -
-
-
-
-
- -
+
+ + +
+
+ + + - - - - -
-
- Select a direction -
-
-
- - -
-
- -
- + +
+ + + + - Status - - + + + + - Number - - + + + + - Boolean - - + + + + - React Node - - + + + + - Object Id - - - + 64 + + + + - - -
-
- Select a column -
-
-
-
-
- -
- - + y2Mwm + + + + + - - -
-
- Select a direction -
-
-
- - +
+
+ +
+
+ + + + + + + + +
+ + +
+ + + + + + scott pinocchio chocolate 9 + + + + + + + 1975-09-26T21:46:40.000Z + + + + + + + option-A + + + + + + + + + + + + + + + + + + + false + + + + + + + + + + + + + + CW82E + + + + + +
+
+ + +
+
+ + + +
+
+
+
- -
- - -
-
-
- - Focus sentinel - +
+
+ + + + +
+
+
+
+ + 1–10 of 100 items + +
+
+
+
+ +
+
+ + + + +
+
+
+
+ + 1 of 10 pages + +
+ + +
+
+
`; -exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/Table/StatefulTable with pre-filled search 1`] = ` +exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/Table/StatefulTable with single nested hierarchy 1`] = `
-

- Click the button below to demonstrate updating the pre-filled search (defaultValue) via state/props -

- - -
-
+
-
-

- - 0 items selected - -

+

+ + 0 items selected + +

+
+
+ + +
+
+
+
+ + + +
+ + + +
-
-
- -
-
-
-
- - +
-
-
-
+
- - - - + + + + + + + + + + + + - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - - - + + - + + + - - - - - - - - - - - - - - - - + - - - - + + - + + + - - - - - - - - - - - - - - - - - - -
+
+ + +
+ + +
+ + 		+ + + String + + + + + + Date + + + + + + Select + + + + + + Status + + + + + + Number + + + + + + Boolean + + + + + + React Node + + + + + + Object Id + + + + + + +
+ +
+
+
+ +
+
+ +
+
+
+
+ + + +
+
+
+ 		+
+
+
+ +
+
+ +
+
+
+
+
+ 		+
+
+
+
+ + + +
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+ +
+
+
+
+
+ 		+
+
+
+ +
+
+ +
+
+
+
+
+ 		+
+
+
+
+
+
+
+ +
+
+ +
+
+
+
+
+ 		+
+ + + +
+ + +
+ + 		+ + + helping whiteboard as 1 + + + + + + 1973-03-14T23:33:20.000Z + + + + + + option-B + + + + + + + + + + + + + + 1 + + + + + + false + + + + + + + + + + + + OewGc + + + +
+
+ + +
+
+
+ + + +
+ + +
+ + 		+ + + can pinocchio whiteboard 4 + + + + + + 1973-09-04T14:13:20.000Z + + + + + + option-B + + + + + + + + + + + + + + 16 + + + + + + true + + + + + + + + + + + + 46GYy + + + +
+
+ +
+
+
+ + + +
+ + +
+ + 		+ + + eat whiteboard pinocchio 16 + + + + + + 1981-04-13T08:53:20.000Z + + + + + + option-B + + + + + + + + + + + + + + 256 + + + + + + true + + + + + + + + + + + + muYiO + + + +
+
+ +
+
+
+ + + +
+ + +
+ + 		+ + + whiteboard can eat 22 + + + + + + 1988-07-04T06:13:20.000Z + + + + + + option-B + + + + + + + + + + + + + + 484 + + + + + + true + + + + + + + + + + + + 8oCI6 + + + +
+
+ + +
+
+
+ + + +
+ + +
+ + 		+ + + helping whiteboard as 31 + + + + + + 2003-08-16T02:13:20.000Z + + + + + + option-B + + + + + + + + + + + + + + 961 + + + + + + false + + + + + + + + + + + + AAAAA + + + +
+
+ + +
+
+
+ + + +
+ + +
+ + 		+ + + can pinocchio whiteboard 34 + + + + + + 2009-10-20T00:53:20.000Z + + + + + + option-B + + + + + + + + + + + + + + 1156 + + + + + + true + + + + + + + + + + + + qcUSW + + + +
+
+ + +
+
+
+ + + +
+ + +
+ + 		+ + + eat whiteboard pinocchio 46 + + + + + + 2040-03-22T03:33:20.000Z + + + + + + option-B + + + + + + + + + + + + + + 2116 + + + + + + true + + + + + + + + + + + + YQmcw + + + +
+
+ + +
+
+
+ + + +
+ + +
+ + 		+ + + whiteboard can eat 52 + + + + + + 2058-11-08T16:53:20.000Z + + + + + + option-B + + + + + + + + + + + + + + 2704 + + + - String + + true + - - - - + - Date + + + - - -
- + - toyota toyota toyota 0 + + uKQCe + - - + +
+
+ +
+
+
- 1973-03-03T09:46:40.000Z +
+ + +
- -
- + - bottle toyota bottle 5 + + helping whiteboard as 61 + - - - + - 1973-12-17T18:13:20.000Z + + 2091-01-30T12:53:20.000Z + - -
- + - toyota toyota toyota 10 + + option-B + - - - + - 1976-05-03T19:33:20.000Z + + + + + - -
- + - bottle toyota bottle 15 + + 3721 + - - - + - 1980-04-19T13:46:40.000Z + + false + - -
- + - toyota toyota toyota 20 - - - - + + + + - 1985-11-05T00:53:20.000Z + + wgO4i + - -
- + - - bottle toyota bottle 25 - - - + + + + +
- 1992-12-22T04:53:20.000Z +
+ + +
- -
- + - toyota toyota toyota 30 + + can pinocchio whiteboard 64 + - - - + - 2001-09-09T01:46:40.000Z + + 2102-12-19T19:33:20.000Z + - -
- + - bottle toyota bottle 35 + + option-B + - - - + - 2011-12-27T15:33:20.000Z + + + + + - -
- + - toyota toyota toyota 40 + + 4096 + - - - + - 2023-11-14T22:13:20.000Z + + true + - -
- + - bottle toyota bottle 45 + + + - - - + - 2037-05-03T21:46:40.000Z + + c8iM4 + - -
+ + +
+
+ +
+
+ + + + +
-
-
-
+
- + - 30 - - - - - + + +
+ + 1–10 of 14 items +
- - 1–10 of 20 items - -
-
-
+
- + - 2 - - - - - + + +
-
- - 1 of 2 pages - -
- - + +
+ Next page +
+ + +
@@ -91379,22 +91362,22 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T onChange={null} >
- Story Filter + date CONTAINS 19, boolean=true
+ + + +`; + +exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/Table/Table with async column loading 1`] = ` +
+
+
+
+
+

+ + 0 items selected + +

+
+
+ +
+
+
+
+
+ + + +
+ + + +
+ + +
+
+
+
+ + + + - - - - - + + + - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + +
+

- - - - - - - + +

- - - 4225 - - + +

- - - false - - + +

- - - - - + +

- - - qcUSW - - + +

+

+

+

+

+

+

- - - bottle toyota bottle 95 - - + +

- - - 2259-02-28T10:13:20.000Z - - + +

- - - option-C - - + +

- - - c8iM4qgaYa - - + +

- - - - - - - + +

- - - 9025 - - + +

+

+

+

+

+

+

+ + + + + + + + +
+ + + + + + + + +
+ + + + + + + + +
+ + + + + + + + +
+ + + + + + + + +
+ + + + + + + + +
+ + + + + + + + +
+ + + + + + + + +
+
+
+
+
+`; + +exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/Table/Table with asynchronous data source 1`] = ` +
+
+
+
+
+

+ + 0 items selected + +

+
+
+ +
+
+
+ + +
+
+
+
+ + + + - - - - - - - - - - - - - - - - - - - - - - + + + + - - - - - - - - - - + + + + + + + + + + + + + + + + + +
- - false + + First Name + - - - - - - - - - c8iM4 - - -
+ + + + - - can pinocchio whiteboard 14 + + Last Name + - - - - - - 1979-05-19T22:13:20.000Z - - - - - - option-C - - - - - - Kw0WUum6s6 - - - - - - - - - - - - - - 196 - - - - - - true - - - - - - - - - Kw0WU - - -
- - - can pinocchio whiteboard 44 - - - - - - 2034-07-08T19:33:20.000Z - - - - - - option-C - - - - - - 6SEQ24WOgO - - - - - - - - - - - - - - 1936 - - - - - - true - - - - - - - - - 6SEQ2 - - -
- - - can pinocchio whiteboard 74 - - - - - - 2146-09-12T00:53:20.000Z - - - - - - option-C - - - - - - sySKaEGgUg - - - - - - - - - - + +

- - - 5476 - - - - - - true - - - - - - - - - - - - sySKa - - + +

+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+
+
+
+
+`; + +exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/Table/Table with create & save view management 1`] = ` +
+
+
+ + Focus sentinel + +
+
+

+ Manage views +

+ +
+
+
+
+
- - - chocolate can helping 17 - - - - + +
+
+
+ +
+
+
+
+
- - - 0OKoqQYESE - - - - +
+
+
+
+
- - - - - - - - - +
+ Search view (Public) +
+
+ + +
+
+
+ Columns: 7, Filters: 0, Search: pinoc +
+
+
+
+
+
- - - 289 - - - - +
+
+ Filters and search view (Private) +
+
+
+ + + default + +
+
+
+ + +
+
+
+ Columns: 7, Filters: 1, Search: +
+
+
+
+
+
+
+
- - false + Page 1 - - - - - - - - - - +
+
+ + + + + Focus sentinel + + +
+
+
+
+

+ + 0 items selected + +

+
+
+ +
+
+ +
+
+
+ - - - 0OKoq - - - - - + +
+ + + +
+ + + + +
+
+ +
- - 2043-03-03T12:53:20.000Z - - - - - - - option-C - - - - - - - muYiOaIWGW +
+ + + + + + + View: + + + + Filters and search view + + - Edited + + +
- - - - - - + + Open menu + - - - - - - - 2209 - - - - - - - false - - - - - - - - - - - - - - muYiO - - - - - + +
+
+
+
+
+
+
+
+ + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + - + - - - - - - +
+ +
+
+ +
+
+
+ + + + + + - - + - - - - - - - + - - - - - - - + + - - - - - - - + - - - - - - - - - - - - - + + + - + - - - - - - - - - - - - - - - - - - + + - - - - - - - + - - - - - - - - - + - - - + + - + + + - - + - - - - - - - - - - - + + - - - iCcyG - - - - - - + - - - - - - - - - - - - - - - + + - - - - - - - + - - - - - - - - - + - - - + + + - + + + - - + - - - - - - - - - - - + + - - - SMs0k - - - - - - + - - - - - - - - - - - - - - - + + - - - - - - - + - - - - - - - - - + - - - - + + +
- - - chocolate can helping 77 - - - - - - 2161-01-19T02:13:20.000Z - - - - - - option-C - - - - + + - YQmcwk2o4o +
+ + +
- - - 		- + - + + + String + +
+ - - - - -
- + + + + + - 5929 + + Date + +
- - -
- + - - false - - - - - - - - - - - - - YQmcw - - -
- - - eat whiteboard pinocchio 26 - - - - - - 1994-08-04T11:33:20.000Z - - - - - - option-C - - - - - - 2kIguyscCc - - - - - + + + Select + +
+ - - - -
- - - 676 - - - - - - true - - - - - - - - - - - - 2kIgu - - -
- - - eat whiteboard pinocchio 56 - - - - - - 2072-07-17T16:53:20.000Z - - - - - - option-C - - - - - - oGWaS8cu0u - - - - - - - - - - + + - - 3136 - - - - - + + Status + +
+ + + + + + + + + +
- - true - - - - - - - - - - - - - oGWaS - - -
- - - eat whiteboard pinocchio 86 - - - - - - 2207-07-17T06:13:20.000Z - - - - + + Number + +
+ + + + + + + + + +
- - option-C - - - - - + + Boolean + +
+ + + + + + + + + +
- - amkU0IMCoC - - - - - + + React Node + +
+ + + + + + + + + +
- + + + Object Id + +
+ - - - - -
- + + + + + - 7396 + - - - - + - true + - - - +
+ - - - - - - - - - amkU0 - - -
- +
+ +
+
+ +
+
+
+
+ + + +
+ + + + 		- - helping whiteboard as 11 - - - - - +
+ +
+
+ +
+
+
+ + + + 		- - 1977-01-01T20:53:20.000Z - - - - - +
+
+ + + +
+
+
+
+ + + 		- - option-C - - - - - + + + - - eUgE8O0yIy - - - - - +
+ +
+
+ +
+
+
+ + + + 		- - - - - - - - - + +
+
+ +
+
+ + + + + 		- - 121 - - - - - + + + - - false - - - - - - - - - - - - - eUgE8 - - -
+ +
- - - helping whiteboard as 41 - - - - + + + + - 2026-06-09T10:13:20.000Z +
+ + +
- - 		- + - option-C + + toyota toyota toyota 0 + - - - + - Q0u8gYkG6G + + 1973-03-03T09:46:40.000Z + - - - + - - - + option-A + - - - + - 1681 + + + + + - - - + - false - - - - - - - - - - + - Q0u8g + + true + - -
- + - helping whiteboard as 71 + + + - - - + - 2132-11-29T07:33:20.000Z + + AAAAA + - - - + + - - option-C - - - - - - CW82EiUYuY - - - + + + +
- + - 5041 +
+ + +
- - 		- + - false + + helping whiteboard as 1 + - - - - - - - - - + - CW82E + + 1973-03-14T23:33:20.000Z + - -
- + - pinocchio eat can 38 + + option-B + - - - + - 2018-12-05T08:53:20.000Z + + + + + - - - + - option-C + + 1 + - - - + - kYaqK2y8W8 + + false + - - - + - - - - + - 1444 + + OewGc + - - - + + - - true - - - - + + + + +
- - - - - - + + + + - kYaqK +
+ + +
- -
- + - pinocchio eat can 68 + + whiteboard can eat 2 + - - - + - 2119-09-12T22:13:20.000Z + + 1973-04-18T16:53:20.000Z + - - - + - option-C + + option-C + - - - + - W4oksCiQKQ + + + + + - - - + - - - + 4 + - - - + - 4624 + + true + - - - + - true + + + - - - - - - - - - + - W4oks + + c8iM4 + - -
- + + - - pinocchio eat can 8 - - - - - - 1975-03-14T03:33:20.000Z - - - - - - option-C - - - - - - y2MwmsEqiq - - - + + + + +
- + - 64 +
+ + +
- - 		- + - true + + as eat scott 3 + - - - - - - - - - + - y2Mwm + + 1973-06-15T13:46:40.000Z + - -
- + - pinocchio eat can 98 + + option-A + - - - + - 2277-07-04T19:33:20.000Z + + + + + - - - + - option-C - - - - + - Ia2eQMSi8i + + false + - - - + - - - - + - 9604 + + qcUSW + - - + + +
+
+ + +
+
+
- true +
+ + +
- - 		- + - - - - - - + can pinocchio whiteboard 4 + + + - Ia2eQ + + 1973-09-04T14:13:20.000Z + - -
- + - scott pinocchio chocolate 29 + + option-B + - - - + - 1999-10-27T04:53:20.000Z + + + + + - - - + - option-C + + 16 + - - - + - iCcyGUekmk + + true + - - - + - - - - + - 841 + + 46GYy + - - - + + - - false - - - - - - - - - + + + +
- + + + + - scott pinocchio chocolate 59 +
+ + +
- - 		- + - 2083-06-23T18:13:20.000Z + + bottle toyota bottle 5 + - - - + - option-C + + 1973-12-17T18:13:20.000Z + - - - + - UiqsoeO2a2 + + option-C + - - - + - - - + + + + - - - + - 3481 + + 25 + - - - + - false + + false + - - - - - - - - - + - Uiqso + + + - -
- + - scott pinocchio chocolate 89 + + Ia2eQ + - - - + + - - 2224-03-05T15:33:20.000Z - - - - - - option-C - - - - - - GE4mMo8KOK - - - + + + + +
- + - 7921 +
+ + +
- - 		- + - false + + eat whiteboard pinocchio 6 + - - - - - - - - - + - GE4mM + + 1974-04-24T01:46:40.000Z + - -
- + - toyota toyota toyota 20 + + option-A + - - - + - 1985-11-05T00:53:20.000Z + + + + + - - - + - option-C - - - - + - gqe6CwKM2M + + true + - - - + - - - - + - 400 - - - + W4oks + + + + +
+
+ + +
+
+
- true +
+ + +
- - 		- + - - - - - - + chocolate can helping 7 + + + - gqe6C + + 1974-09-21T12:53:20.000Z + - -
- + - toyota toyota toyota 50 + + option-B + - - - + - 2052-05-22T14:13:20.000Z + + + + + - - - + - option-C + + 49 + - - - + - SMs0k64eqe + + false + - - - + - - - - + - 2500 + + kYaqK + - - - + + - - true - - - - - - - - - + + + + +
- + + + + - toyota toyota toyota 80 +
+ + +
- - 		- + - 2175-12-23T11:33:20.000Z + + pinocchio eat can 8 + - - - + - option-C + + 1975-03-14T03:33:20.000Z + - - - + - Es6uIGowew + + option-C + - - - + - - - + + + + - - - + - 6400 + + 64 + - - - + - true + + true + - - - - - - - - - + - Es6uI + + + - -
- + - whiteboard can eat 2 + + y2Mwm + - - - - - 1973-04-18T16:53:20.000Z - - - - - - option-C - - - - + + - - c8iM4qgaYa - - - + + + +
- + - 4 +
+ + +
- - 		- + - true + + scott pinocchio chocolate 9 + - - - - - - - - - + - c8iM4 + + 1975-09-26T21:46:40.000Z + - -
- + - whiteboard can eat 32 + + option-A + - - - + - 2005-08-14T06:13:20.000Z + + + + + - - - + - option-C - - - - + - OewGc0QsMs + + false + - - - + - - - - + - 1024 + + CW82E + - - - + + - - true - - - + + + + +
+
+
+
+
+ +
+
+
- + - - - +
+
+
+ + 1–10 of 100 items + +
+
+
+
+
+
+ + 1 of 10 pages + +
+
+ + + +
+
+
+ + + +`; + +exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/Table/Table with custom states states: no data, custom empty, error, and loading 1`] = ` +
+
+
+
+ + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- whiteboard can eat 62 + String - - + - 2094-12-24T03:33:20.000Z + Date - - + - - option-C - - - - - - - AAAAAAAAAA - - - - - - - - - - - - - - 3844 - - - - - - true - - - - - - - - - - - - AAAAA - - -
- - - whiteboard can eat 92 - - - - - - 2241-05-20T08:53:20.000Z - - - - - - option-C - - - - - - wgO4iKuSyS - - - - - - - - - - - - - - 8464 - - - - - - true - - - - - - - - - - - - wgO4i - - -
- Total: - -   - -   - -   - -   - - 215589 - -   - -   - -   -
-
-
-
-
-`; - -exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/Table/Table row expansion: with actions 1`] = ` -
-
-
-
- - - - - - - - - - - - - - - - - -
- - - - String - - - - - - Date - - - - - - - -
- - - - -
- as eat scott 3 -
- - - 		- - -
- 1973-06-15T13:46:40.000Z -
- - - 		- - -
- option-A -
- - - 		- - - - - - - - - - -
- - -
- - -
- - -
- - -
- - - -
- - - 		- - - qcUSW - - -
- -
- + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - -
+ + + + + + + + + + + + + + + +

+ There is no data +

+

+ +

+
+ +
- - Action failed -
+
+
+
+
+
+`; + +exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/Table/Table with filtering and custom toolbar content 1`] = ` +
+
+
+
+
+

+ + 0 items selected + +

+
+
+ +
+
+
+ + +
+ custom content +
+
+
+
+
+ + + + + + - - - - - + + @@ -30183,7 +30919,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-93-date" + id="cell-table-row-34-date" offset={0} > -
- 2247-03-31T13:46:40.000Z -
+ 2009-10-20T00:53:20.000Z @@ -30209,7 +30938,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-93-select" + id="cell-table-row-34-select" offset={0} > -
- option-A -
+ option-B @@ -30235,7 +30957,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-93-status" + id="cell-table-row-34-status" offset={0} > -
+ 1156 @@ -30289,7 +31006,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="boolean" data-offset={0} - id="cell-table-row-93-boolean" + id="cell-table-row-34-boolean" offset={0} > -
+ true @@ -30313,46 +31025,34 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-93-node" + id="cell-table-row-34-node" offset={0} > - -
- - - -
- + +
+ + - - - @@ -30528,7 +31128,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-15-date" + id="cell-table-row-4-date" offset={0} > -
- 1980-04-19T13:46:40.000Z -
+ 1973-09-04T14:13:20.000Z @@ -30554,7 +31147,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-15-select" + id="cell-table-row-4-select" offset={0} > -
- option-A -
+ option-B @@ -30580,7 +31166,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-15-status" + id="cell-table-row-4-status" offset={0} > -
+ 16 @@ -30634,7 +31215,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="boolean" data-offset={0} - id="cell-table-row-15-boolean" + id="cell-table-row-4-boolean" offset={0} > -
+ true @@ -30658,46 +31234,34 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-15-node" + id="cell-table-row-4-node" offset={0} > - -
- - - -
- + +
- @@ -30792,7 +31337,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-45-date" + id="cell-table-row-64-date" offset={0} > -
- 2037-05-03T21:46:40.000Z -
+ 2102-12-19T19:33:20.000Z @@ -30818,7 +31356,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-45-select" + id="cell-table-row-64-select" offset={0} > -
- option-A -
+ option-B @@ -30844,7 +31375,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-45-status" + id="cell-table-row-64-status" offset={0} > -
+ 4096 @@ -30898,7 +31424,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="boolean" data-offset={0} - id="cell-table-row-45-boolean" + id="cell-table-row-64-boolean" offset={0} > -
+ true @@ -30922,46 +31443,34 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-45-node" + id="cell-table-row-64-node" offset={0} > - -
- - - -
- + +
+ + - - - @@ -31137,7 +31546,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-75-date" + id="cell-table-row-94-date" offset={0} > -
- 2151-06-02T13:46:40.000Z -
+ 2253-03-03T22:13:20.000Z @@ -31163,7 +31565,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-75-select" + id="cell-table-row-94-select" offset={0} > -
- option-A -
+ option-B @@ -31189,7 +31584,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-75-status" + id="cell-table-row-94-status" offset={0} > -
+ 8836 @@ -31243,7 +31633,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="boolean" data-offset={0} - id="cell-table-row-75-boolean" + id="cell-table-row-94-boolean" offset={0} > -
+ true @@ -31267,46 +31652,34 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-75-node" + id="cell-table-row-94-node" offset={0} > - -
- - - -
- + +
- @@ -31482,7 +31755,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-24-date" + id="cell-table-row-16-date" offset={0} > -
- 1991-06-04T01:46:40.000Z -
+ 1981-04-13T08:53:20.000Z @@ -31508,7 +31774,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-24-select" + id="cell-table-row-16-select" offset={0} > -
- option-A -
+ option-B @@ -31534,7 +31793,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-24-status" + id="cell-table-row-16-status" offset={0} > -
+ 256 @@ -31588,7 +31842,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="boolean" data-offset={0} - id="cell-table-row-24-boolean" + id="cell-table-row-16-boolean" offset={0} > -
+ true @@ -31612,46 +31861,34 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-24-node" + id="cell-table-row-16-node" offset={0} > - -
- - - -
- + +
+ + - - - @@ -31827,7 +31964,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-54-date" + id="cell-table-row-46-date" offset={0} > -
- 2065-07-28T09:46:40.000Z -
+ 2040-03-22T03:33:20.000Z @@ -31853,7 +31983,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-54-select" + id="cell-table-row-46-select" offset={0} > -
- option-A -
+ option-B @@ -31879,7 +32002,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-54-status" + id="cell-table-row-46-status" offset={0} > -
+ 2116 @@ -31933,7 +32051,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="boolean" data-offset={0} - id="cell-table-row-54-boolean" + id="cell-table-row-46-boolean" offset={0} > -
+ true @@ -31957,46 +32070,34 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-54-node" + id="cell-table-row-46-node" offset={0} > - -
- - - -
- + +
- @@ -32091,7 +32173,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-84-date" + id="cell-table-row-76-date" offset={0} > -
- 2196-10-06T01:46:40.000Z -
+ 2156-03-15T06:13:20.000Z @@ -32117,7 +32192,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-84-select" + id="cell-table-row-76-select" offset={0} > -
- option-A -
+ option-B @@ -32143,7 +32211,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-84-status" + id="cell-table-row-76-status" offset={0} > -
+ 5776 @@ -32197,7 +32260,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="boolean" data-offset={0} - id="cell-table-row-84-boolean" + id="cell-table-row-76-boolean" offset={0} > -
+ true @@ -32221,46 +32279,34 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-84-node" + id="cell-table-row-76-node" offset={0} > - -
- - - -
- + +
- @@ -32436,7 +32382,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-27-date" + id="cell-table-row-1-date" offset={0} > -
- 1996-04-08T21:46:40.000Z -
+ 1973-03-14T23:33:20.000Z @@ -32462,7 +32401,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-27-select" + id="cell-table-row-1-select" offset={0} > -
- option-A -
+ option-B @@ -32488,7 +32420,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-27-status" + id="cell-table-row-1-status" offset={0} > -
+ 1 @@ -32542,7 +32469,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="boolean" data-offset={0} - id="cell-table-row-27-boolean" + id="cell-table-row-1-boolean" offset={0} > -
+ false @@ -32566,46 +32488,34 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-27-node" + id="cell-table-row-1-node" offset={0} > - -
- - - -
- + +
- @@ -32781,7 +32591,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-57-date" + id="cell-table-row-31-date" offset={0} > -
- 2076-02-15T13:46:40.000Z -
+ 2003-08-16T02:13:20.000Z @@ -32807,7 +32610,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-57-select" + id="cell-table-row-31-select" offset={0} > -
- option-A -
+ option-B @@ -32833,7 +32629,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-57-status" + id="cell-table-row-31-status" offset={0} > -
+ 961 @@ -32887,7 +32678,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="boolean" data-offset={0} - id="cell-table-row-57-boolean" + id="cell-table-row-31-boolean" offset={0} > -
+ false @@ -32911,46 +32697,34 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-57-node" + id="cell-table-row-31-node" offset={0} > - -
- - - -
- + +
- @@ -33126,7 +32800,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-87-date" + id="cell-table-row-61-date" offset={0} > -
- 2213-01-08T13:46:40.000Z -
+ 2091-01-30T12:53:20.000Z @@ -33152,7 +32819,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-87-select" + id="cell-table-row-61-select" offset={0} > -
- option-A -
+ option-B @@ -33178,7 +32838,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-87-status" + id="cell-table-row-61-status" offset={0} > -
+ 3721 @@ -33232,7 +32887,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="boolean" data-offset={0} - id="cell-table-row-87-boolean" + id="cell-table-row-61-boolean" offset={0} > -
+ false @@ -33256,141 +32906,34 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-87-node" - offset={0} - > - - -
- - - -
- - - -
- - - - - - +
- - - + + Select all items + + + + + + -
- as eat scott 33 -
+ String - - 		+ -
- 2007-09-05T13:46:40.000Z -
+ Date - - 		+ -
- option-A -
+ Select - - 		+ - - - + Status - - + -
+ Number - -
+ -
+ Boolean - -
+ -
- - - -
+ React Node - - 		+ - c8iM4 + Object Id - - +
+
- -
+
- - - - - More actions - - +
- -
- - - - -
- as eat scott 63 -
- - - 		+ - -
- 2098-12-09T21:46:40.000Z + +
+
+ +
+
- - - - 		+ + + - -
- option-A +
+ + + +
+
- - - -
+ + + - - - - - - - - - + + + - -
- - - -
- - -
- - -
+ +
+
+ +
+
+ + + + + 		- -
- - - + boolean + +
+
+ +
+
- - - - 		+ + + - - - OewGc - - - - + + +
- - +
+ +
+
+
- +
- + + + -
- as eat scott 93 -
+ can pinocchio whiteboard 34 		- AAAAA + qcUSW
-
- - + Select row + +
-
-
- + -
- bottle toyota bottle 15 -
+ can pinocchio whiteboard 4 		- YQmcw + 46GYy -
-
-
-
- + + + -
- bottle toyota bottle 45 -
+ can pinocchio whiteboard 64 		- Kw0WU + c8iM4
-
- - + Select row + +
-
+
- - -
- bottle toyota bottle 75 -
+ can pinocchio whiteboard 94 		- 6SEQ2 + OewGc -
-
- - -
-
-
- + + + -
- can pinocchio whiteboard 24 -
+ eat whiteboard pinocchio 16 		- amkU0 + muYiO
-
- - + Select row + +
-
-
- + -
- can pinocchio whiteboard 54 -
+ eat whiteboard pinocchio 46 		- MIyOY + YQmcw -
-
-
-
- + + + -
- can pinocchio whiteboard 84 -
+ eat whiteboard pinocchio 76 		- 8oCI6 + Kw0WU -
-
- - -
-
-
- + + + -
- chocolate can helping 27 -
+ helping whiteboard as 1 		- GE4mM + OewGc -
-
- - -
-
-
- + + + -
- chocolate can helping 57 -
+ helping whiteboard as 31 		- 2kIgu + AAAAA -
-
- - -
-
-
- + + + -
- chocolate can helping 87 -
+ helping whiteboard as 61 		- - oGWaS - - - -
-
-
-
- - - - -
- eat whiteboard pinocchio 36 -
- 		-
- 2014-03-28T09:46:40.000Z -
+ wgO4i 		+
+
+
+
+
+ +
+
+
+
- - - - - - - + - - - - - +
+
+ + 1–10 of 14 items + +
+
+
+
+ +
+
- - - - - - - + - - - -
+ + -
- - -
-
- - - + +
+
+
+
+ + 1 of 2 pages + +
+ + +
+
+
+
+
+`; + +exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/Table/Table with full rowEdit example 1`] = ` +
+
+
+
+
+
+

+ + 0 items selected + +

+
+
+ - - - +
+
+ +
+ +
+
+
+
+ + + + - - - - + + + - -
- option-A -
+ as eat scott 3 + - - - - - - - - + - - - + - + - - + + - -
- option-A -
+ as eat scott 33 + - - - - - - - - - - - - + - + - + + - -
- option-A -
+ as eat scott 63 + - - - - - - - + - + + - - - - + - -
- helping whiteboard as 51 -
+ as eat scott 93 + - - - - - - - + - - - - - - - + - -
- helping whiteboard as 81 -
+ bottle toyota bottle 15 + - - - - - - - + - - - - - - - + - -
- pinocchio eat can 18 -
+ bottle toyota bottle 45 + - - - - - - - - - - - - - - - - + - - + + - -
+ + bottle toyota bottle 75 + - - -
- - - - - - + - + - - - - + + - -
+ + can pinocchio whiteboard 24 + - - -
- - - - - - + - + - - - - + + - -
+ + can pinocchio whiteboard 54 + - - -
- - - - - - + - + - - - - - + + - -
+ + can pinocchio whiteboard 84 + - - -
- - - - - - - - + - - - - - - + + +
-
- eat whiteboard pinocchio 6 -
+ String + - - - 		- + -
- 1974-04-24T01:46:40.000Z -
+ Date + - - - 		- + -
- option-A -
+ Select + - - - 		- + - - - + Secret Information + - - - - + -
+ + Status + - - -
- + -
+ + Number + - - -
- + -
- - - -
+ Boolean + - - - 		- + - W4oks - - - - -
-
- - -
-
-
- - - + + + -
- eat whiteboard pinocchio 66 -
+ Object Id + - - - 		- + -
- 2111-03-17T01:46:40.000Z -
+ - - - 		+
- + - - - + 1973-06-15T13:46:40.000Z + - - - + -
+ + option-A + - -
- + -
+ + qcUSWgwIkI + - -
- + -
- -
+ - - 		- + - 46GYy - - - -
+
-
- - -
- -
- - - - - - - + + + + -
- eat whiteboard pinocchio 96 -
+ qcUSW + - - 		- + -
- 2265-03-19T01:46:40.000Z +
- - - 		+
- + - - - + 2007-09-05T13:46:40.000Z + - - - + -
+ + option-A + - -
- + -
+ + c8iM4qgaYa + - -
- + -
- -
+ - - 		- - - qcUSW - - - -
+
-
-
-
- - - - - - - + false + + + -
- helping whiteboard as 21 -
+ + - - 		- + + + c8iM4 + + + +
- 1987-02-22T13:46:40.000Z +
- - -
+
- + - - - + 2098-12-09T21:46:40.000Z + - - - + -
+ + option-A + - -
- + -
+ + OewGc0QsMs + - -
- + -
- -
+ - - 		- + + + - uKQCe + + false + - - -
+
-
- -
+ + - + + +
+
+ + + + + + + More actions + + + +
- -
- - +
- + -
- 2055-08-04T13:46:40.000Z -
+ 2247-03-31T13:46:40.000Z + - - 		- + -
option-A -
+ - - 		- + - - - + AAAAAAAAAA + - - - + -
+ + + + + - -
- + + + -
+ + false + - -
- + -
- - - -
+ + - - 		- + - gqe6C + + AAAAA + - - -
+
- - + + + + + + More actions + + + +
- -
- - +
- + -
- 2181-01-28T21:46:40.000Z -
+ 1980-04-19T13:46:40.000Z + - - 		- + -
option-A -
+ - - 		- + - - - + YQmcwk2o4o + - - - + -
+ + + + + - -
- + + + -
+ + false + - -
- + -
- - - -
+ + - - 		- + - SMs0k + + YQmcw + - - -
+
- - + + + + + + More actions + + + +
- -
- - +
- + -
- 1983-06-09T09:46:40.000Z -
+ 2037-05-03T21:46:40.000Z + - - 		- + -
option-A -
+ - - 		- + - - - - - - - - -
- - -
- - -
+ Kw0WUum6s6 + - -
- + -
- -
+ - - 		- + - Es6uI - - - -
-
-
-
- - - + -
- pinocchio eat can 48 -
+ false + - - 		- + -
- 2046-03-07T01:46:40.000Z -
- - - 		- + + + + -
- option-A -
+ Kw0WU + - - 		- + - - - - - - - + + + + + + More actions + + + + + +
- + -
+ + 2151-06-02T13:46:40.000Z + - -
- + -
- - - -
+ option-A + - - 		- + - 0OKoq + + 6SEQ24WOgO + - - -
+
-
- - -
- -
- - - - - - - + -
- pinocchio eat can 78 -
+ false + - - 		- + -
- 2165-12-18T01:46:40.000Z -
+ + - - 		- + -
- option-A -
+ 6SEQ2 + - - 		- + - - - - - - - + + + + + + More actions + + + + + +
- + -
+ + 1991-06-04T01:46:40.000Z + - -
- + -
- - - -
+ option-A + - - 		- + - muYiO + + amkU0IMCoC + - - -
+
-
- - -
- -
- - - - - - - + -
- scott pinocchio chocolate 39 -
+ true + - - 		- + -
- 2021-05-14T13:46:40.000Z -
+ + - - 		- + -
- option-A -
+ amkU0 + - - 		- + - - - - - - - + + + + + + More actions + + + + + +
- + -
+ + 2065-07-28T09:46:40.000Z + - -
- + -
- - - -
+ option-A + - - 		- + - y2Mwm + + MIyOYS6UcU + - - -
+
-
- - -
- -
- - - - - - - + -
- scott pinocchio chocolate 69 -
+ true + - - 		- + -
- 2124-01-15T13:46:40.000Z -
+ + - - 		- - -
- option-A -
- - - 		- + - - - + MIyOY + - - - + -
- - -
+ + + +
- + -
- - - -
+ 2196-10-06T01:46:40.000Z + - - 		- + - kYaqK + + option-A + - - -
-
-
-
- - - + -
- scott pinocchio chocolate 9 -
+ 8oCI6cqmQm + - - 		- + -
- 1975-09-26T21:46:40.000Z -
+ + + + - - 		- + + + -
- option-A -
+ true + - - 		- + - - - - + -
+ + 8oCI6 + - -
- + - -
- - -
- -
- - - + + + + + + More actions + + +
- - - 		- - - CW82E - - - +
+
+
+
+
+ +
+
+
-
- - -
-
- - - - - - - +
+
+
+ + 1–10 of 100 items + +
+
+
+
+
+
+
+
+
+`; + +exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/Table/Table with horizontal scroll and hasOnlyPageData 1`] = ` +
+
+
+
+
+
+

+ + 0 items selected + +

+
+
+ +
+
+
+ + +
+
+
+
+ + + + - - - - + - -
- - - -
- - - + + + + + + + - - - - + scott pinocchio chocolate 9 + - - - - - + - + - - - - + - + + + + + - -
- toyota toyota toyota 90 -
+ scott pinocchio chocolate 99 + - - - - - - - + - - - + + + + -
-
- -
- - - + - + - - + - - - - + + + + - -
- - - -
+ toyota toyota toyota 30 + - - - - + + - - - + + - + - - + + + + - -
- option-A -
+ toyota toyota toyota 60 + - - - - - - - - - - - - + - - + + + + - -
- option-A -
+ toyota toyota toyota 90 + - - - - - - - + - - - - + - + + + + + - -
- as eat scott 13 -
+ whiteboard can eat 12 + - - - - - - - + - - - + + + + -
-
- -
- - - + - + - - + - - - + + + + - -
+ + whiteboard can eat 72 + - - -
- - + - - - + + - + - - + + + + - -
- option-B -
+ as eat scott 13 + - - - - - - - - - - - + - + - - + + + + - -
- option-B -
+ as eat scott 43 + - - - - - - - - + - - - + - + + + + + - -
- bottle toyota bottle 55 -
+ as eat scott 73 + - - - - - - - - - - - - - + - + + + + - -
- bottle toyota bottle 85 -
+ bottle toyota bottle 25 + - - - - - - - - - - + + + + + -
-
- -
- - - + - + - - - + - - + + + + - -
+ + bottle toyota bottle 85 + - - -
- - - - - - + - - - - - + + + + - -
+ + can pinocchio whiteboard 34 + - - -
- - + - - - + - + - - - + + + + - - - - + can pinocchio whiteboard 4 + - - - - - + - - + - - - + - + + + + + - -
- can pinocchio whiteboard 94 -
+ can pinocchio whiteboard 64 + - - - - - - - - - - - - - + - + - + - + + - -
- option-B -
+ can pinocchio whiteboard 94 + - - - - - - - - - - - - + - - - + - + + + - -
- 4489 -
+ chocolate can helping 37 + - - - - - - - - - - - - - - - - + - + - + + +
-
- toyota toyota toyota 0 -
+ String + - - - 		- + -
- 1973-03-03T09:46:40.000Z -
+ Date + - - - 		- + -
- option-A -
+ Select + - - - 		- + - - - + Secret Information + - - - - + -
+ + Status + - - -
- + -
+ + Number + - - -
- + -
- - - -
+ Boolean + - - - 		- + - AAAAA - - - - -
-
- - -
-
-
- - - + + + -
- toyota toyota toyota 30 -
+ Object Id + - - - 		- + -
- 2001-09-09T01:46:40.000Z -
+ Test 2 + - - - 		- + -
- option-A -
+ Test 3 + - - - 		- + - - - + Test 4 + - - - +
- +
+ +
+
+ +
+
+
+
+ + + +
+ + + + 		-
- - - -
- +
+ +
+
+ +
+
+
+ + + + 		-
- - + + + +
+
- +
- - - - 		- + + - - wgO4i - - - - -
+
+ +
-
- -
- - - + + + -
- toyota toyota toyota 60 +
+ +
+
+ +
+
+
- - - - 		- + + -
- 2087-04-01T01:46:40.000Z +
+ +
+
+ +
+
+
- - - - 		- + + - +
+
+ 		+
- option-A +
+ +
+
+ +
+
+
- - - -
+ + +
+
+
+
+
+
+
+
+
+
+
+
- + -
+ + 1975-09-26T21:46:40.000Z + - -
- + -
+ + option-A + - -
- + -
+ CW82EiUYuY + + +
+ + - - + - - - + + + - iCcyG + + false + - - -
+
-
- - -
- -
- - - - - - + CW82E + + + + + + + + +
- + -
- 2229-11-06T09:46:40.000Z -
+ 2283-10-01T21:46:40.000Z + - - 		- + -
option-A -
+ - - 		- + - - - + W4oksCiQKQ + - - - + -
+ + + + + - -
- + + + -
+ + false + - -
- + -
- - - -
+ + - - 		- + - Uiqso + + W4oks + - - + + + + + + +
+ + - - - - - - More actions - - - - - -
- - - - - - - + option-A + + + -
- whiteboard can eat 12 -
+ AAAAAAAAAA + - - 		- + -
- 1977-09-25T01:46:40.000Z -
+ + + + - - 		- + + + -
- option-A -
+ true + - - 		- + - - - - + -
+ + AAAAA + - -
- + -
- - -
+ + + + +
- + - sySKa + + 2001-09-09T01:46:40.000Z + - - -
+
-
- -
+ + + wgO4iKuSyS + + + + + - - - - More actions - - - - -
- - + + - - - - - + true + + + -
- whiteboard can eat 42 -
+ + - - 		- + -
- 2029-01-25T01:46:40.000Z -
+ wgO4i + - - 		+ + + + + + +
- + - - - + 2087-04-01T01:46:40.000Z + - - - + -
+ + option-A + - -
- + -
+ + iCcyGUekmk + - -
- + -
- -
+ - - 		- + - eUgE8 - - - -
-
-
-
- - - - - - - + true + + + -
- whiteboard can eat 72 -
+ + - - 		- + -
- 2137-06-11T09:46:40.000Z -
+ iCcyG + - - 		+ + + + + + +
- + - - - + 2229-11-06T09:46:40.000Z + - - - + -
+ + option-A + - -
- + -
+ + UiqsoeO2a2 + - -
- + -
- -
+ - - 		- + + + - Q0u8g + + true + - - -
+
-
- - -
- -
- - - - - - + Uiqso + + + + + + + + +
- + -
- 1978-07-11T10:13:20.000Z -
+ 1977-09-25T01:46:40.000Z + - - 		- + -
- option-B -
+ option-A + - - 		- + - - - + sySKaEGgUg + - - - + -
- 169 -
+ + + + - - 		- + + + -
+ + true + - -
- + -
- - - -
+ + - - 		- + - 6SEQ2 + + sySKa + - - + + + + + + +
+ + - - - - - - More actions - - - - - -
- - - - - - - + option-A + + + -
- as eat scott 43 -
+ eUgE8O0yIy + - - 		- + -
- 2031-10-05T20:53:20.000Z -
+ + + + - - 		- + + + -
- option-B -
+ true + - - 		- + - - - - + -
- 1849 -
+ eUgE8 + - - 		+ + + + + + +
- + -
- - - -
+ 2137-06-11T09:46:40.000Z + - - 		- + - sySKa + + option-A + - - -
+
-
- -
+ + - - - - More actions - - - - -
- - + + - - - - - + true + + + -
- as eat scott 73 -
+ + - - 		- + -
- 2142-01-14T15:33:20.000Z -
+ Q0u8g + - - 		+ + + + + + +
- + - - - + 1978-07-11T10:13:20.000Z + - - - + -
- 5329 -
+ option-B + - - 		- + -
+ + 6SEQ24WOgO + - -
- + -
- -
+ - - 		- + - eUgE8 - - - -
-
-
-
- - - - - - - + false + + + -
- bottle toyota bottle 25 -
+ + - - 		- + -
- 1992-12-22T04:53:20.000Z -
+ 6SEQ2 + - - 		+ + + + + + +
- + - - - + 2031-10-05T20:53:20.000Z + - - - + -
- 625 -
+ option-B + - - 		- + -
+ + sySKaEGgUg + - -
- + -
- -
+ - - 		- + - oGWaS + + 1849 + - - -
+
-
- -
+ + - - - - - - More actions - - - - - -
- - - - - - + sySKa + + + + + + + + +
- + -
- 2069-01-09T23:33:20.000Z -
+ 2142-01-14T15:33:20.000Z + - - 		- + -
option-B -
+ - - 		- + - - - + eUgE8O0yIy + - - - + -
- 3025 -
+ + + + - - 		- + -
+ + 5329 + - -
- + -
- - - -
+ false + - - 		- + - amkU0 + + + - - -
+
-
- - -
- -
- - - - - - + + + + +
- + -
- 2202-02-14T02:13:20.000Z -
+ 1992-12-22T04:53:20.000Z + - - 		- + -
option-B -
+ - - 		- + - - - + oGWaS8cu0u + - - - + -
- 7225 -
+ + + + - - 		- + -
+ + 625 + - -
- + -
- - - -
+ false + - - 		- + - MIyOY + + + - - + + + + oGWaS + + + + + + + + +
+ + - - - - - - More actions - - - - - -
- - - - - - - + option-B + + + -
- can pinocchio whiteboard 34 -
+ amkU0IMCoC + - - 		- + -
- 2009-10-20T00:53:20.000Z -
+ + + + - - 		- + -
- option-B -
+ 3025 + - - 		- + + + false + + + + - - - - + -
- 1156 -
+ amkU0 + - - 		+ + + + + + +
- + -
- - - -
+ 2202-02-14T02:13:20.000Z + - - 		- + - qcUSW + + option-B + - - -
+
-
-
-
- - - + MIyOYS6UcU + + + -
- can pinocchio whiteboard 4 -
+ + + + - - 		- + -
- 1973-09-04T14:13:20.000Z -
+ 7225 + - - 		- + -
- option-B -
+ false + - - 		- + - - - - + -
- 16 -
+ MIyOY + - - 		+ + + + + + +
- + -
- - - -
+ 2009-10-20T00:53:20.000Z + - - 		- + - 46GYy + + option-B + - - -
+
-
- -
+ + - - - - More actions - - - - -
- - - - - - - + 1156 + + + -
- can pinocchio whiteboard 64 -
+ true + - - 		- + -
- 2102-12-19T19:33:20.000Z -
+ + - - 		- + -
- option-B -
+ qcUSW + - - 		+ + + + + + +
- + -
- 4096 -
+ 1973-09-04T14:13:20.000Z + - - 		- + -
+ + option-B + - -
- + -
+ 46GYyWC0w0 + + +
+ + - - + - - - + - c8iM4 + + 16 + - - -
+
-
- -
+ + - - - - - - More actions - - - - - -
- - - - - - + 46GYy + + + + + + + + +
- + -
- 2253-03-03T22:13:20.000Z -
+ 2102-12-19T19:33:20.000Z + - - 		- + -
option-B -
+ - - 		- + - - - + c8iM4qgaYa + - - - + -
- 8836 -
+ + + + - - 		- + -
+ + 4096 + - -
- + -
- - - -
+ true + - - 		- + - OewGc + + + - - -
+
-
- - -
- -
- - - - - - - + -
- chocolate can helping 37 -
- - - 		- + -
- 2016-07-20T07:33:20.000Z -
- - - 		+
- + - - - + 2253-03-03T22:13:20.000Z + - - - + -
- 1369 -
+ option-B + - - 		- + -
+ + OewGc0QsMs + - -
- + -
- -
+ - - 		- + - W4oks + + 8836 + - - -
-
-
-
- - - - - - - + true + + + -
- chocolate can helping 67 -
+ + - - 		- + -
- 2115-06-03T10:13:20.000Z -
+ OewGc + - - 		- + -
- option-B -
- - - 		- + - - - - - - + + +
- + -
+ + 2016-07-20T07:33:20.000Z + - -
- + -
- - - -
+ option-B + - - 		- + - Ia2eQ + + W4oksCiQKQ + - - -
+
-
- - -
- -
- - - - -
- chocolate can helping 7 -
+ - - 		- + -
- 1974-09-21T12:53:20.000Z -
+ 1369 + - - 		- + -
- option-B -
+ false + - - 		- + - - - - + -
- 49 -
+ W4oks + - - 		- + -
- - -
- + -
- - - -
- - - 		- + - kYaqK - - - +
+
+
+
+
+ +
+
+
-
- - -
-
- - - - - - - +
+
+
+ + 1000–1000 of 1000 items + +
+
+
+
+
-`; - -exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/Table/Table with options to explore column settings 1`] = ` -
-
-
- -
- -
-
- -
-
-
-
- - - -
- - -
-
-
- -
-
- -
-
-
- - -
-
-
-

- COLUMNS prop -

- - [{"id":"string","name":"String","width":"100px"},{"id":"date","name":"Date","width":"100px"},{"id":"select","name":"Select","width":"100px"},{"id":"secretField","name":"Secret Information","width":"100px"},{"id":"status","name":"Status","width":"100px"},{"id":"number","name":"Number","width":"100px"},{"id":"boolean","name":"Boolean","width":"100px"},{"id":"node","name":"React Node","width":"100px"},{"id":"object","name":"Object Id","isSortable":true,"width":"100px"},{"id":"longName","name":"Testing a really long column name that will occupy a lot of space","width":"100px"}] - -
-
-

- ORDERING prop -

- - [{"columnId":"string","isHidden":false},{"columnId":"date","isHidden":false},{"columnId":"select","isHidden":false},{"columnId":"secretField","isHidden":true},{"columnId":"status","isHidden":false},{"columnId":"number","isHidden":false},{"columnId":"boolean","isHidden":false},{"columnId":"node","isHidden":false},{"columnId":"object","isHidden":false},{"columnId":"longName","isHidden":false}] - -
-
-
- -
- -
-
- -
-
-
- - -
-
-
-
-
-
-
-

- - 0 items selected - -

-
-
- -
-
-
- -
-
-
-
- - - - - + + + + + + - - - + + - + - + - - + + + - + - + - + - - - + + - + - + - + - - + - + + + + + - + - + - - +
+ option-C +
+ + + + - + - + - + - - + - + - - - - + + + + + More actions + + + + + + + + + - - + - + - - + - + - + - - - + + - + - + - - + - + + + + - + - + - - - + + - + - + - + - - - + - + - - - - - - - - + + + - + - + - + - - - + + - + - + - + - + - + - + + + + - + - + - - +
+ option-C +
+ + + + - + - + - + - - + - + - + + + + - - - + + - + - + - + - - + - + - + - + - - -
- - String -
+ > + option-C +
- 		+ + + - - Date - + + + + + + +
+ > + 5476 +
- - 		+ + + - - Select -
- -
- - - Status - + + + + +
+ > + + + +
- - 		+ + + + sySKa + + + +
+
+
+
+ + + + - - Number -
+ > + chocolate can helping 17 +
- - 		+ + + - - Boolean -
+ > + 1982-04-30T07:33:20.000Z +
- - 		+ + + - - React Node -
+ > + option-C +
- - 		+ + + - - - + + + + - - Testing a really long column name that will occupy a lot of space -
+ > + 289 +
- - 		+ + + - +
- -
- - - as eat scott 3 - + + + + - + + - - 1973-06-15T13:46:40.000Z - + 0OKoq - + +
- - - option-A - - -
- - + + +
+ + - - false - + chocolate can helping 47 + - + + - - - + 2043-03-03T12:53:20.000Z + - + + - - qcUSW - + option-C + - - - -
- - - as eat scott 33 - + + - + + - - 2007-09-05T13:46:40.000Z - + 2209 + - + + - - option-A - +
-
+ + - - - + - - - + + - - false - + muYiO - + +
+
+ + +
+
+
+ + + - - - + chocolate can helping 77 + - + + - - c8iM4 - + 2161-01-19T02:13:20.000Z + - + + - -
- - - as eat scott 63 - + + - + + - - 2098-12-09T21:46:40.000Z - + 5929 + - + + - - option-A - +
-
+ + - - - + - - - + + - - false - + YQmcw - + +
- - - - - -
- - - - -
- - - - as eat scott 93 - - - - - - 2247-03-31T13:46:40.000Z - - - + + + + - - option-A - + eat whiteboard pinocchio 26 + - + + - - - - - + 1994-08-04T11:33:20.000Z + - - - + + - - false - + option-C + - + + - - + + - - AAAAA - + 676 + - - - -
- - - bottle toyota bottle 15 - +
-
+ + - - 1980-04-19T13:46:40.000Z - + + + + - + + - - option-A - - - - - - - - - + 2kIgu - + +
- -
+
+ + + - - false - + eat whiteboard pinocchio 56 + - + + - - - + 2072-07-17T16:53:20.000Z + - + + - - YQmcw - + option-C + - - - -
- - - bottle toyota bottle 45 - + + - + + - - 2037-05-03T21:46:40.000Z - + 3136 + - + + - - option-A - +
-
+ + - - - - - - - - - - false - + - + + - - - + oGWaS - + +
- - - Kw0WU - - -
- - -
- - - bottle toyota bottle 75 - - - - - - 2151-06-02T13:46:40.000Z - - - - - - option-A - - - - - + + +
+ + - - false - + eat whiteboard pinocchio 86 + - + + - - - + 2207-07-17T06:13:20.000Z + - + + - - 6SEQ2 - + option-C + - - - -
- - - can pinocchio whiteboard 24 - + + - + + - - 1991-06-04T01:46:40.000Z - + 7396 + - + + - - option-A - +
-
+ + - - - + - + + - + amkU0 + + + +
- - - true - - -
+ + + - - - + helping whiteboard as 11 + - + + - - amkU0 - + 1977-01-01T20:53:20.000Z + - + + - -
- - - can pinocchio whiteboard 54 - + + - + + - - 2065-07-28T09:46:40.000Z - + 121 + - + + - - option-A - +
-
+ + - - - + - - - + + - - true - + eUgE8 - + +
- - + - -
+ + + - - MIyOY - + helping whiteboard as 41 + - - - -
- - - can pinocchio whiteboard 84 - + 2026-06-09T10:13:20.000Z + - + + - - 2196-10-06T01:46:40.000Z - + option-C + - + + - - option-A - + + - + + - - - - - + 1681 + - - - + + - - true - +
-
+ + - - - + + + + - + + - - 8oCI6 - + Q0u8g - + +
- -
-
-
-
-
-
- -
-
-
-
- - - -
-
-
-
- - 1–10 of 100 items - -
-
-
-
+ + - -
-
- -
-
-
-
- - 1 of 10 pages - -
- - -
-
-
-
-
-
-`; - -exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/Table/Table with resize on no initial columns and column selection 1`] = ` -
-
-
-
- - - - + + + - - - - + @@ -76010,18 +74095,24 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-3-date" + id="cell-table-row-38-date" offset={0} - width="100px" > - 1973-06-15T13:46:40.000Z +
+ 2018-12-05T08:53:20.000Z +
@@ -76030,38 +74121,24 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-3-select" - offset={0} - width="100px" - > - - - option-A - - - - @@ -76070,9 +74147,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-3-status" + id="cell-table-row-38-status" offset={0} - width="100px" > - - - - - - + + + + + + + + + + @@ -76268,9 +74494,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-33-status" + id="cell-table-row-68-status" offset={0} - width="100px" > + > + +
+ 4624 +
+ + @@ -76332,132 +74574,265 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-33-node" + id="cell-table-row-68-node" offset={0} - width="100px" > - - - +
+ + + +
+ - @@ -76466,9 +74841,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-63-status" + id="cell-table-row-8-status" offset={0} - width="100px" > - - - - - + + + + @@ -76664,9 +75107,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-93-status" + id="cell-table-row-98-status" offset={0} - width="100px" > + > + +
+ 9604 +
+ + @@ -76728,132 +75187,265 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-93-node" + id="cell-table-row-98-node" offset={0} - width="100px" > - - - +
+ + + +
+ - @@ -76862,9 +75454,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-15-status" + id="cell-table-row-29-status" offset={0} - width="100px" > - - - - - - + + + + + @@ -77060,9 +75801,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-45-status" + id="cell-table-row-59-status" offset={0} - width="100px" > + > + +
+ 3481 +
+ + @@ -77124,132 +75881,265 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-45-node" + id="cell-table-row-59-node" offset={0} - width="100px" > - - - +
+ + + +
+ - @@ -77258,9 +76148,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-75-status" + id="cell-table-row-89-status" offset={0} - width="100px" > - - - - - + + + + @@ -77456,9 +76414,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-24-status" + id="cell-table-row-20-status" offset={0} - width="100px" > + > + +
+ 400 +
+ + @@ -77520,132 +76494,265 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-24-node" + id="cell-table-row-20-node" offset={0} - width="100px" > - - - +
+ + + +
+ - @@ -77654,9 +76761,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-54-status" + id="cell-table-row-50-status" offset={0} - width="100px" > - - - - - - + + + + + @@ -77852,9 +77108,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-84-status" + id="cell-table-row-80-status" offset={0} - width="100px" > + > + +
+ 6400 +
+ + @@ -77916,132 +77188,265 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-84-node" + id="cell-table-row-80-node" offset={0} - width="100px" > - - - +
+ + + +
+ - @@ -78050,9 +77455,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-27-status" + id="cell-table-row-2-status" offset={0} - width="100px" > - - - - - + + + + @@ -78248,9 +77721,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-57-status" + id="cell-table-row-32-status" offset={0} - width="100px" > + > + +
+ 1024 +
+ + @@ -78312,132 +77801,265 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-57-node" + id="cell-table-row-32-node" offset={0} - width="100px" > - - - +
+ + + +
+ - @@ -78446,9 +78068,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-87-status" + id="cell-table-row-62-status" offset={0} - width="100px" > - - - - - - - - - - + + - - - @@ -78782,18 +78363,24 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-6-date" + id="cell-table-row-92-date" offset={0} - width="100px" > - 1974-04-24T01:46:40.000Z +
+ 2241-05-20T08:53:20.000Z +
@@ -78802,38 +78389,24 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-6-select" - offset={0} - width="100px" - > - - - option-A - - - - @@ -78842,9 +78415,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-6-status" + id="cell-table-row-92-status" offset={0} - width="100px" > - - - - - - - - - - - +
+ + - String - -
+ > + helping whiteboard as 71 +
+ - - 		+ - Date - -
+ > + 2132-11-29T07:33:20.000Z +
+ - - 		+ - Select - -
+ > + option-C +
+ - - 		+ - Secret Information + + + -
- -
+ - Status - -
+
+ 5041 +
+ - -
+ - Number - -
+ /> + - -
+ - Boolean - -
+ > + + + +
+ - - 		+ - React Node + CW82E -
- -
+ - + + + +
+ - - - - - -
- as eat scott 3 +
+ pinocchio eat can 38 +
- qcUSWgwIkI +
+ option-C +
- false +
+ 1444 +
- - - - - - - qcUSW +
-
- as eat scott 33 +
+ + + +
- 2007-09-05T13:46:40.000Z + kYaqK - - - option-A - - -
+ + - c8iM4qgaYa +
+ pinocchio eat can 68 +
+ + + 		+ + +
+ 2119-09-12T22:13:20.000Z +
+ + + 		+ + +
+ option-C +
- false +
- c8iM4 + W4oks + +
+
+ + +
+
+
- - - as eat scott 63 - - + + + - 2098-12-09T21:46:40.000Z +
+ pinocchio eat can 8 +
- option-A +
+ 1975-03-14T03:33:20.000Z +
- OewGc0QsMs +
+ option-C +
- false +
+ 64 +
- - - + - OewGc +
+ + + +
-
- as eat scott 93 + y2Mwm +
+
+
+
+ + - 2247-03-31T13:46:40.000Z +
+ pinocchio eat can 98 +
- option-A +
+ 2277-07-04T19:33:20.000Z +
- AAAAAAAAAA +
+ option-C +
- false +
- AAAAA + Ia2eQ + +
+
+ + +
+
+
- - - bottle toyota bottle 15 - - + + + - 1980-04-19T13:46:40.000Z +
+ scott pinocchio chocolate 29 +
- option-A +
+ 1999-10-27T04:53:20.000Z +
- YQmcwk2o4o +
+ option-C +
- false +
+ 841 +
- - - - - - - YQmcw +
-
- bottle toyota bottle 45 +
+ + + +
- 2037-05-03T21:46:40.000Z + iCcyG - +
+ + +
+ +
+ + + - option-A +
+ scott pinocchio chocolate 59 +
- Kw0WUum6s6 +
+ 2083-06-23T18:13:20.000Z +
+ + + 		+ + +
+ option-C +
- false +
- Kw0WU + Uiqso + +
+
+ + +
+
+
- - - bottle toyota bottle 75 - - + + + - 2151-06-02T13:46:40.000Z +
+ scott pinocchio chocolate 89 +
- option-A +
+ 2224-03-05T15:33:20.000Z +
- 6SEQ24WOgO +
+ option-C +
- false +
+ 7921 +
- - - + - 6SEQ2 +
+ + + +
-
- can pinocchio whiteboard 24 + GE4mM +
+
+
+
+ + - 1991-06-04T01:46:40.000Z +
+ toyota toyota toyota 20 +
- option-A +
+ 1985-11-05T00:53:20.000Z +
- amkU0IMCoC +
+ option-C +
- true +
- amkU0 + gqe6C + +
+
+ + +
+
+
- - - can pinocchio whiteboard 54 - - + + + - 2065-07-28T09:46:40.000Z +
+ toyota toyota toyota 50 +
- option-A +
+ 2052-05-22T14:13:20.000Z +
- MIyOYS6UcU +
+ option-C +
- true +
+ 2500 +
- - - - - - - MIyOY +
-
- can pinocchio whiteboard 84 +
+ + + +
- 2196-10-06T01:46:40.000Z + SMs0k +
+
+ + +
+
+
+ + - option-A +
+ toyota toyota toyota 80 +
- 8oCI6cqmQm +
+ 2175-12-23T11:33:20.000Z +
+ + + 		+ + +
+ option-C +
- true +
- 8oCI6 + Es6uI + +
+
+ + +
+
+
- - - chocolate can helping 27 - - + + + - 1996-04-08T21:46:40.000Z +
+ whiteboard can eat 2 +
- option-A +
+ 1973-04-18T16:53:20.000Z +
- GE4mMo8KOK +
+ option-C +
- false +
+ 4 +
- - - + - GE4mM +
+ + + +
-
- chocolate can helping 57 + c8iM4 +
+
+
+
+ + - 2076-02-15T13:46:40.000Z +
+ whiteboard can eat 32 +
- option-A +
+ 2005-08-14T06:13:20.000Z +
- 2kIguyscCc +
+ option-C +
- false +
- 2kIgu + OewGc + +
+
+ + +
+
+
- - - chocolate can helping 87 - - + + + - 2213-01-08T13:46:40.000Z +
+ whiteboard can eat 62 +
- option-A +
+ 2094-12-24T03:33:20.000Z +
- oGWaS8cu0u +
+ option-C +
- false +
+ 3844 +
- - - - - - - oGWaS +
-
- eat whiteboard pinocchio 36 +
+ + + +
- 2014-03-28T09:46:40.000Z + AAAAA - - - option-A - - - - - - Ia2eQMSi8i - - - - - - - - - - - - - - - - true - - + See more + + + + +
- - - - - - Ia2eQ - - + -
- eat whiteboard pinocchio 6 +
+ whiteboard can eat 92 +
- W4oksCiQKQ +
+ option-C +
- - - true - - - - - - - - - - - - W4oks - - - -
- eat whiteboard pinocchio 66 +
+ 8464 +
- 2111-03-17T01:46:40.000Z +
- option-A +
+ + + +
- 46GYyWC0w0 + wgO4i - - - - - - - - - - - - - true - - + See more + + + + + +
+
+
+
+
+`; + +exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/Table/Table with row selection and batch actions 1`] = ` +
+
+
+
+
+

+ + 4 items selected + +

+
+
+ + +
+
+ +
+ +
+
+
+
+ + + + - - - + + + + + - - @@ -79376,18 +79135,17 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-21-date" + id="cell-table-row-3-date" offset={0} - width="100px" > - 1987-02-22T13:46:40.000Z + 1973-06-15T13:46:40.000Z @@ -79396,9 +79154,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-21-select" + id="cell-table-row-3-select" offset={0} - width="100px" > - - + @@ -79634,9 +79408,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-51-status" + id="cell-table-row-33-status" offset={0} - width="100px" > - + @@ -79832,9 +79643,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-81-status" + id="cell-table-row-63-status" offset={0} - width="100px" > - + @@ -80030,9 +79878,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-18-status" + id="cell-table-row-93-status" offset={0} - width="100px" > - true + false @@ -80094,9 +79939,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-18-node" + id="cell-table-row-93-node" offset={0} - width="100px" > - + @@ -80228,9 +80113,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-48-status" + id="cell-table-row-15-status" offset={0} - width="100px" > - true + false @@ -80292,9 +80174,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-48-node" + id="cell-table-row-15-node" offset={0} - width="100px" > - + @@ -80426,9 +80348,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-78-status" + id="cell-table-row-45-status" offset={0} - width="100px" > - true + false @@ -80490,9 +80409,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-78-node" + id="cell-table-row-45-node" offset={0} - width="100px" > - + @@ -80624,9 +80583,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-39-status" + id="cell-table-row-75-status" offset={0} - width="100px" > - + @@ -80822,9 +80818,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="status" data-offset={0} - id="cell-table-row-69-status" + id="cell-table-row-24-status" offset={0} - width="100px" > - false + true @@ -80886,9 +80879,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-69-node" + id="cell-table-row-24-node" offset={0} - width="100px" > - + + @@ -80960,18 +81015,17 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-9-date" + id="cell-table-row-54-date" offset={0} - width="100px" > - 1975-09-26T21:46:40.000Z + 2065-07-28T09:46:40.000Z @@ -80980,9 +81034,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-9-select" + id="cell-table-row-54-select" offset={0} - width="100px" > - - - CW82EiUYuY - - - - @@ -81084,9 +81114,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="node" data-offset={0} - id="cell-table-row-9-node" + id="cell-table-row-54-node" offset={0} - width="100px" > - - - - - - - - - - @@ -81356,18 +81250,17 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-0-date" + id="cell-table-row-84-date" offset={0} - width="100px" > - 1973-03-03T09:46:40.000Z + 2196-10-06T01:46:40.000Z @@ -81376,9 +81269,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="select" data-offset={0} - id="cell-table-row-0-select" + id="cell-table-row-84-select" offset={0} - width="100px" > - - - +
+ - - - + + - - + - 46GYy + String - - -
+ - eat whiteboard pinocchio 96 + Date - - + - 2265-03-19T01:46:40.000Z + Select - - + - option-A + Status - - + - qcUSWgwIkI + Number - - + - - - + Boolean - - - - + - true + React Node - - + - + Object Id + + +
+ - - qcUSW - + + + -
- helping whiteboard as 21 + as eat scott 3 - - - uKQCema4E4 - - - - uKQCe + qcUSW
+ + - - helping whiteboard as 51 - + + + - 2055-08-04T13:46:40.000Z + as eat scott 33 - option-A + 2007-09-05T13:46:40.000Z - gqe6CwKM2M + option-A - gqe6C + c8iM4
+ + - - helping whiteboard as 81 - + + + - 2181-01-28T21:46:40.000Z + as eat scott 63 - option-A + 2098-12-09T21:46:40.000Z - SMs0k64eqe + option-A - SMs0k + OewGc
+ + - - pinocchio eat can 18 - + + + - 1983-06-09T09:46:40.000Z + as eat scott 93 - option-A + 2247-03-31T13:46:40.000Z - Es6uIGowew + option-A - Es6uI + AAAAA
- - - pinocchio eat can 48 - - + + + + + +
+ + +
+ 		- 2046-03-07T01:46:40.000Z + bottle toyota bottle 15 - option-A + 1980-04-19T13:46:40.000Z - 0OKoqQYESE + option-A - 0OKoq + YQmcw
+ + - - pinocchio eat can 78 - + + + - 2165-12-18T01:46:40.000Z + bottle toyota bottle 45 - option-A + 2037-05-03T21:46:40.000Z - muYiOaIWGW + option-A - muYiO + Kw0WU
+ + - - scott pinocchio chocolate 39 - + + + - 2021-05-14T13:46:40.000Z + bottle toyota bottle 75 - option-A + 2151-06-02T13:46:40.000Z - y2MwmsEqiq + option-A - y2Mwm + 6SEQ2
+ + - - scott pinocchio chocolate 69 - + + + - 2124-01-15T13:46:40.000Z + can pinocchio whiteboard 24 - option-A + 1991-06-04T01:46:40.000Z - kYaqK2y8W8 + option-A - kYaqK + amkU0
+ + + +
+ + +
+ + 		- scott pinocchio chocolate 9 + can pinocchio whiteboard 54 - false + true - CW82E + MIyOY
- - - scott pinocchio chocolate 99 - - - - - - 2283-10-01T21:46:40.000Z - - - - - - option-A - - - - - - W4oksCiQKQ - - - - - - - - - - - - - - - - false - - - - - + - - W4oks - + + + -
- toyota toyota toyota 0 + can pinocchio whiteboard 84 - - - AAAAAAAAAA - - - - AAAAA + 8oCI6
+
+
+
+
+ +
+
+
- - - - - - - - + - - - - - + - - - - + + - - wgO4iKuSyS - - - - + +
+
+
+
+ + 1–10 of 10 items + +
+
+
+
+ +
+
- - - - - - - - - + + - - true - - - - + +
+
+
+
+ + 1 of 1 pages + +
+ + +
+
+
+
+
+`; + +exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/Table/Table with sorting and custom row height 1`] = ` +
+
+ +
+
+
+
+
+

- - - - + + 0 items selected - - +

+
+
+
+
+ +
+
+
+
+ + - - + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + - - - - - - - - - + - + - + - + - - - + - + - + - + - + + - - - - - - - - + - + - + - + - - - + - + - + - + - + + - - - - - - - - + - + - + - + - - - + - + - + - + - + + - - - - - - - - + - + - + - + - - - + - + - + - + - + + - - - - - - - - + - + - + - + - - - + - + - + - + - + + - - - - - - - - + - + + - + - + - - - + - + - + - + + - - YQmcwk2o4o - - - - + - + - + - + + - - - - + - + - + + - - option-B - - - - + - + - + - + - + - + - - - + - + - + + - - option-B - - - - + - + - + - + - + - + - - - + - + - + + - - option-B - - - - + - + - + - + - + - - - - + - + - + + - - option-B - - - - + - + - + - + - + - - - - + + - + + - - 2235-08-02T07:33:20.000Z - - - - + - + - + - + - + - + - + - - - + - + + - - 1998-01-05T11:33:20.000Z - - - - + - + + + - + - + - + - + - + + - - Uiqso - - - - - - + - + - + - + - + + - + - + - + + - - - - - - + - - - + - + - + - + - + - + - + - + + - - - - - - + - - - + + - + - + - + - + - + - + + - - false - - - - + - + - - - + - + - + - + - + - + - + + - - false - - - - + - + - - - + - + - + - + - + - + - + + - - false - - - - + - + - - - + - + - + - + - + - + - + + - - true - - - - + - + - - - + - + + + - + - + - + + - - - - - - - - + - + - + - + - - - + - + - + - + - + + - + +
+ + +
+ + + - + - + - + + - - - - + - + - + + - - option-B - - - - + - + - + - + + + + - + - + + - - 8oCI6 - - - - - - + - + - + - + - + - + - + - + - + + - - uKQCe - - - - - - + + - + - + - + - + - + - + - + + - - - - - - + - - - + - + - + - + - + - + - + - + + - - - - - - + - - - + - + - + - + - + - + - + - + + - + +
+ + +
+ + + - + - - - + - + - + - + - + - + - + + - - false - - - - + - + - - - + - + + - + - + - + - + + - - 1225 - - - - + - + - + - - - + - + - + - + - + - + + - - 25 - - - - + - + - + - - - + - + - + - + - + - + + - - 4225 - - - - + - + - + + - - - + - + - + - + - + + - - - - - - - - + - + - + - + - - - + - + - + - + - + + - - - - - - - - + - + - + - + - - - + - + - + - + - + + - - - - - - - - + - + + - + + - - - - + - + - + + - - option-C - - - - + - + - + - + - + - + + + - - - + + - - chocolate can helping 17 - - - - + - + - + - + - + - + - + - + - - - + + - - chocolate can helping 47 - - - - + - + + + - + - + - + - + - + + - - - - - - + - - - + - + - + - + - + - + - + - + + - - - - - - + - - - + - + - + - + - + - + - + - + + - - - - - - + - - - + - + - + - + - + - + - + - + + - - - - - - + - - - + - + - + - + - + - + - + - + + - - - - - - + - - - + - + - + - + - + - + - + - + + - + +
+ + +
+ + + - + - - - + - + - + - + - + - + - + + - - false - - - - + - + - - - + - + - + - + - + - + - + + - - false - - - - + - + - - - + - + - + - + - + - + - + + - - true - - - - + - + - - - + - + - + - + - + - + - + + - - true - - - - + - + - - - + + - + - + - + - + - + + - - 64 - - - - + - + - + - - - + - + - + - + - + - - + + - - true - - - - + - + - - - + - + - + - + - + - + - + + - - false - - - - + - + - - - + - + - + - + - + - + - + + - - false - - - - + - + - - - + - + - + + - + - + - + + - - 7921 - - - - + - + - + - - - + - + - + - + - + - + + - + +
+ + +
+ + + - + - + - + - - - + - + - + - + - + + - - - - - - - - + - + - + - + - - - + - + - + - + - + + - - - - - - - - + - + - + - + - - - + - + - + - + - + + - - - - - - - - + - + - + - + - - - + - + - + - + - + + - - - - - - - - + - + - + + - + - - - + - + - + - + + - - AAAAAAAAAA - - - - + - + - + - + + - - - - + - + - + + - - option-C - - - - + - + - + - + - + - + - - -
- option-A - - - - - - +
+ + +
+ + + 		- iCcyGUekmk - - - - - - + + + String + + + + + + + + + + + - - - - - - - - - - - - true - - - - - - - - - - - + Date + + + + - iCcyG - - - - -
- - + + + Select + + + + + + + + + + + - toyota toyota toyota 90 - - - - - - + + + Status + + + + + + + + + + + - 2229-11-06T09:46:40.000Z - - - - - - + + + Number + + + + + + + + + + + - option-A - - - - - - + + + Boolean + + + + + + + + + + + - UiqsoeO2a2 - - - - - - + + + React Node + + + + + + + + + + + - - - - - - - - - - - - true - - - - - - - - - - - - Uiqso - - - -
- - - whiteboard can eat 12 - - - - - - 1977-09-25T01:46:40.000Z - - - - - - option-A - - - - - - sySKaEGgUg - - - - - - - - - - - - - - - - true - - - - - - - - - - - - sySKa - - - -
- - - whiteboard can eat 42 - - - - - - 2029-01-25T01:46:40.000Z - - - - - - option-A - - - - - - eUgE8O0yIy - - - - - - - - - - - - - - - - true - - - - - - - - - - - - eUgE8 - - - -
- - - whiteboard can eat 72 - - - - - - 2137-06-11T09:46:40.000Z - - - - - - option-A - - - - - - Q0u8gYkG6G - - - - - - - - - - - - - - - - true - - - - - - - - - - - - Q0u8g - - - -
- - - as eat scott 13 - - - - - - 1978-07-11T10:13:20.000Z - - - - - - option-B - - - - - - 6SEQ24WOgO - - - - - - - - - - - - - - 169 - - - - - - false - - - - - - - - - - - - 6SEQ2 - - - -
- - - as eat scott 43 - - - - - - 2031-10-05T20:53:20.000Z - - - - - - option-B - - - - - - sySKaEGgUg - - - - - - - - - - - - - - 1849 - - - - - - false - - - - - - - - - - - - sySKa - - - -
- - - as eat scott 73 - - - - - - 2142-01-14T15:33:20.000Z - - - - - - option-B - - - - - - eUgE8O0yIy - - - - - - - - - - - - - - 5329 - - - - - - false - - - - - - - - - - - - eUgE8 - - - -
- - - bottle toyota bottle 25 - - - - - - 1992-12-22T04:53:20.000Z - - - - - - option-B - - - - - - oGWaS8cu0u - - - - - - - - - - - - - - 625 - - - - - - false - - - - - - - - - - - - oGWaS - - - -
- - - bottle toyota bottle 55 - - - - - - 2069-01-09T23:33:20.000Z - - - - - - option-B - - - - - - amkU0IMCoC - - - - - - - - - - - - - - 3025 - - - - - - false - - - - - - - - - - - - amkU0 - - - -
- - - bottle toyota bottle 85 - - - - - - 2202-02-14T02:13:20.000Z - - - - - - option-B - - - - - - MIyOYS6UcU - - - - - - - - - - - - - - 7225 - - - - - - false - - - - - - - - - - - - MIyOY - - - -
- - - can pinocchio whiteboard 34 - - - - - - 2009-10-20T00:53:20.000Z - - - - - - option-B - - - - - - qcUSWgwIkI - - - - - - - - - - - - - - 1156 - - - - - - true - - - - - - - - - - - - qcUSW - - - -
- - - can pinocchio whiteboard 4 - - - - - - 1973-09-04T14:13:20.000Z - - - - - - option-B - - - - - - 46GYyWC0w0 - - - - - - - - - - - - - - 16 - - - - - - true - - - - - - - - - - - - 46GYy - - - -
- - - can pinocchio whiteboard 64 - - - - - - 2102-12-19T19:33:20.000Z - - - - - - option-B - - - - - - c8iM4qgaYa - - - - - - - - - - - - - - 4096 - - - - - - true - - - - - - - - - - - - c8iM4 - - - -
- - - can pinocchio whiteboard 94 - - - - - - 2253-03-03T22:13:20.000Z - - - - - - option-B - - - - - - OewGc0QsMs - - - + + Object Id + + + + + + + + + + +
- - + + + + + - 8836 - - - - - + + as eat scott 13 + + + - true - - - - - + + 1978-07-11T10:13:20.000Z + + + - - - - - - + + option-B + + + - OewGc - - - -
- - + + + + + + + - chocolate can helping 37 - - - - - + + 169 + + + - 2016-07-20T07:33:20.000Z - - - - - + + false + + + - option-B - - - - - + + + + + - W4oksCiQKQ - - - - + + 6SEQ2 + + +
- - + + + + + - 1369 - - - - - + + as eat scott 23 + + + - false - - - - - + + 1989-12-07T02:13:20.000Z + + + - - - - - - + + option-C + + + - W4oks - - - -
- - + + + + + + + - chocolate can helping 67 - - - - - + + 529 + + + - 2115-06-03T10:13:20.000Z - - - - - + + false + + + - option-B - - - - - + + + + + - Ia2eQMSi8i - - - - + + MIyOY + + +
- - + + + + + - 4489 - - - - - + + as eat scott 3 + + + - false - - - - - + + 1973-06-15T13:46:40.000Z + + + - - - - - - + + option-A + + + - Ia2eQ - - - -
- - + + + + + + + - chocolate can helping 7 - - - - - + - 1974-09-21T12:53:20.000Z - - - - - + + false + + + - option-B - - - - - + + + + + - kYaqK2y8W8 - - - - + + qcUSW + + +
- - + + + + + - 49 - - - - - + + as eat scott 33 + + + - false - - - - - + + 2007-09-05T13:46:40.000Z + + + - - - - - - + + option-A + + + - kYaqK - - - -
- - + + + + + + + - chocolate can helping 97 - - - - - + - 2271-04-30T20:53:20.000Z - - - - - + + false + + + - option-B - - - - - + + + + + - 46GYyWC0w0 - - - - + + c8iM4 + + +
- - + + + + + - 9409 - - - - - + + as eat scott 43 + + + - false - - - - - + + 2031-10-05T20:53:20.000Z + + + - - - - - - + + option-B + + + - 46GYy - - - -
- - + + + + + + + - eat whiteboard pinocchio 16 - - - - - + + 1849 + + + - 1981-04-13T08:53:20.000Z - - - - - + + false + + + - option-B - - - - - + + + + + - muYiOaIWGW - - - - + + sySKa + + +
- - + + + + + - 256 - - - - - + + as eat scott 53 + + + + + + 2062-03-07T23:33:20.000Z + + + - true - - - - - + + option-C + + + - - - - - - + + + + + + + - muYiO - - - -
- - + + 2809 + + + - eat whiteboard pinocchio 46 - - - - - + + false + + + - 2040-03-22T03:33:20.000Z - - - - - + + + + + - option-B - - - - + + 8oCI6 + + +
- - +
+ + +
+ + 		- - - - - - - - + as eat scott 63 + + + - 2116 - - - - - + + 2098-12-09T21:46:40.000Z + + + - true - - - - - + + option-A + + + - + + + + + + + + - - - - - + - YQmcw - - - -
- - + + false + + + - eat whiteboard pinocchio 76 - - - - - + + + + + - 2156-03-15T06:13:20.000Z - - - - + + OewGc + + +
- - +
+ + +
+ + 		- Kw0WUum6s6 - - - - - + + as eat scott 73 + + + - - - - - - - - + 2142-01-14T15:33:20.000Z + + + - 5776 - - - - - + + option-B + + + - true - - - - - + + + + + + + - - - - - - + + 5329 + + + - Kw0WU - - - -
- - + + false + + + - helping whiteboard as 1 - - - - - + + + + + - 1973-03-14T23:33:20.000Z - - - - + + eUgE8 + + +
- - +
+ + +
+ + 		- OewGc0QsMs - - - - - + + as eat scott 83 + + + - - - - - - - - + 2191-06-22T04:53:20.000Z + + + - 1 - - - - - + + option-C + + + - false - - - - - + + + + + + + - - - - - - + + 6889 + + + - OewGc - - - -
- - + + false + + + - helping whiteboard as 31 - - - - - + + + + + - 2003-08-16T02:13:20.000Z - - - - + + uKQCe + + +
- - +
+ + +
+ + 		- AAAAAAAAAA - - - - - + + as eat scott 93 + + + - - - - - - - - + 2247-03-31T13:46:40.000Z + + + - 961 - - - - - + + option-A + + + - false - - - - - + + + + + + + - - - - - - + - AAAAA - - - -
- - + + false + + + - helping whiteboard as 61 - - - - - + + + + + - 2091-01-30T12:53:20.000Z - - - - + + AAAAA + + +
- - +
+ + +
+ + 		- wgO4iKuSyS - - - - - + + bottle toyota bottle 15 + + + - - - - - - - - + 1980-04-19T13:46:40.000Z + + + - 3721 - - - - - + + option-A + + + - false - - - - - + + + + + + + - - - - - - + - wgO4i - - - -
- - + + false + + + + + + + + + - helping whiteboard as 91 - - - - + + YQmcw + + +
- - +
+ + +
+ + 		- option-B - - - - - + + bottle toyota bottle 25 + + + - iCcyGUekmk - - - - - + + 1992-12-22T04:53:20.000Z + + + - - - - - - - - + option-B + + + - 8281 - - - - - + + + + + + + - false - - - - - + + 625 + + + - - - - - - + + false + + + - iCcyG - - - -
- - + + + + + - pinocchio eat can 28 - - - - + + oGWaS + + +
- - +
+ + +
+ + 		- option-B - - - - - + + bottle toyota bottle 35 + + + + + + 2011-12-27T15:33:20.000Z + + + + + + option-C + + + - UiqsoeO2a2 - - - - - + + + + + + + - - - - - - - - + 1225 + + + - 784 - - - - - + + false + + + - true - - - - - + + + + + - - - - - + + 46GYy + + +
-
- - +
+ + +
+ + 		- pinocchio eat can 58 - - - - - + + bottle toyota bottle 45 + + + - 2079-10-08T14:13:20.000Z - - - - - + + 2037-05-03T21:46:40.000Z + + + - option-B - - - - - + + option-A + + + - GE4mMo8KOK - - - - - + + + + + + + - + + - - - - - - - + false + + + - 3364 - - - - - + + + + + - true - - - - + + Kw0WU + + +
- - +
+ + +
+ + 		- GE4mM - - - -
- - + + bottle toyota bottle 5 + + + - pinocchio eat can 88 - - - - - + + 1973-12-17T18:13:20.000Z + + + - 2218-07-27T00:53:20.000Z - - - - - + + option-C + + + - option-B - - - - - + + + + + + + - 2kIguyscCc - - - - - + + 25 + + + - - - - - - - - + false + + + - 7744 - - - - - + + + + + - true - - - - + + Ia2eQ + + +
- - +
+ + +
+ + 		- 2kIgu - - - -
- - + + bottle toyota bottle 55 + + + + + + 2069-01-09T23:33:20.000Z + + + - scott pinocchio chocolate 19 - - - - - + + option-B + + + - 1984-08-10T15:33:20.000Z - - - - - + + + + + + + - option-B - - - - - + + 3025 + + + - SMs0k64eqe - - - - - + + false + + + - - - - - - - - + + + + - 361 - - - - + + amkU0 + + +
- - +
+ + +
+ + 		- - - - - - + + bottle toyota bottle 65 + + + - SMs0k - - - -
- - + + 2107-01-20T20:53:20.000Z + + + - scott pinocchio chocolate 49 - - - - - + + option-C + + + - 2049-04-02T18:13:20.000Z - - - - - + + + + + + + - option-B - - - - - + + 4225 + + + - Es6uIGowew - - - - - + + false + + + - - - - - - - - + + + + - 2401 - - - - + + qcUSW + + +
- - +
+ + +
+ + 		- - - - - - + + bottle toyota bottle 75 + + + - Es6uI - - - -
- - + + 2151-06-02T13:46:40.000Z + + + - scott pinocchio chocolate 79 - - - - - + + option-A + + + - 2170-12-09T04:53:20.000Z - - - - - + + + + + + + - option-B - - - - - + - 0OKoqQYESE - - - - - + + false + + + - - - - - - - - + + + + - 6241 - - - - + + 6SEQ2 + + +
- - +
+ + +
+ + 		- - - - - - + + bottle toyota bottle 85 + + + - 0OKoq - - - -
- - + + 2202-02-14T02:13:20.000Z + + + - toyota toyota toyota 10 - - - - - + + option-B + + + - 1976-05-03T19:33:20.000Z - - - - - + + + + + + + - option-B - - - - - + + 7225 + + + - Q0u8gYkG6G - - - - - + + false + + + - - - - - - - - + + + + - 100 - - - - + + MIyOY + + +
- - +
+ + +
+ + 		- - - - - - + + bottle toyota bottle 95 + + + - Q0u8g - - - -
- - + + 2259-02-28T10:13:20.000Z + + + - toyota toyota toyota 40 - - - - - + + option-C + + + + + + + + + + + + + + 9025 + + + - 2023-11-14T22:13:20.000Z - - - - - + + false + + + - option-B - - - - - + + + + + - CW82EiUYuY - - - - + + c8iM4 + + +
- - + + + + + - 1600 - - - - - + + can pinocchio whiteboard 14 + + + - true - - - - - + + 1979-05-19T22:13:20.000Z + + + - - - - - - + + option-C + + + - CW82E - - - -
- - + + + + + + + - toyota toyota toyota 70 - - - - - + + 196 + + + - 2128-06-11T08:53:20.000Z - - - - - + + true + + + - option-B - - - - - + + + + + - y2MwmsEqiq - - - - + + Kw0WU + + +
- - - - - - - - + can pinocchio whiteboard 24 + + + - 4900 - - - - - + + 1991-06-04T01:46:40.000Z + + + - true - - - - - + + option-A + + + - + + + + + + + + - - - - - + - y2Mwm - - - -
- - + + true + + + - whiteboard can eat 22 - - - - - + + + + + - 1988-07-04T06:13:20.000Z - - - - + + amkU0 + + +
- - +
+ + +
+ + 		- 8oCI6cqmQm - - - - - + + can pinocchio whiteboard 34 + + + - - - - - - - - + 2009-10-20T00:53:20.000Z + + + - 484 - - - - - + + option-B + + + + + + + + + + + + + + 1156 + + + + + + true + + + - true - - - - - + + + + + - - - - - + + qcUSW + + +
-
- - +
+ + +
+ + 		- whiteboard can eat 52 - - - - - + + can pinocchio whiteboard 4 + + + - 2058-11-08T16:53:20.000Z - - - - - + + 1973-09-04T14:13:20.000Z + + + - option-B - - - - - + + option-B + + + - uKQCema4E4 - - - - - + + + + + + + - - - - - - - - + 16 + + + - 2704 - - - - - + + true + + + - true - - - - - + + + + + - - - - - + + 46GYy + + +
-
- - +
+ + +
+ + 		+ + + can pinocchio whiteboard 44 + + + - whiteboard can eat 82 - - - - - + + 2034-07-08T19:33:20.000Z + + + - 2186-03-30T11:33:20.000Z - - - - - + + option-C + + + - option-B - - - - - + + + + + + + - gqe6CwKM2M - - - - - + + 1936 + + + - - - - - - - - + true + + + - 6724 - - - - - + + + + + - true - - - - + + 6SEQ2 + + +
- - +
+ + +
+ + 		- gqe6C - - - -
- - + + can pinocchio whiteboard 54 + + + - as eat scott 23 - - - - - + + 2065-07-28T09:46:40.000Z + + + - 1989-12-07T02:13:20.000Z - - - - - + + option-A + + + - option-C - - - - - + + + + + + + - MIyOYS6UcU - - - - - + - - - - - - - - + true + + + - 529 - - - - - + + + + + - false - - - - + + MIyOY + + +
- - +
+ + +
+ + 		- MIyOY - - - -
- - + + can pinocchio whiteboard 64 + + + - as eat scott 53 - - - - - + + 2102-12-19T19:33:20.000Z + + + - 2062-03-07T23:33:20.000Z - - - - - + + option-B + + + - option-C - - - - - + + + + + + + - 8oCI6cqmQm - - - - - + + 4096 + + + - - - - - - - - + true + + + - 2809 - - - - - + + + + + - false - - - - + + c8iM4 + + +
- - - - - - + + can pinocchio whiteboard 74 + + + - 8oCI6 - - - -
- - + + 2146-09-12T00:53:20.000Z + + + - as eat scott 83 - - - - - + + option-C + + + - 2191-06-22T04:53:20.000Z - - - - - + + + + + + + - option-C - - - - - + + 5476 + + + - uKQCema4E4 - - - - - + + true + + + - - - - - - - - + + + + - 6889 - - - - + + sySKa + + +
- - +
+ + +
+ + 		- - - - - - + + can pinocchio whiteboard 84 + + + - uKQCe - - - -
- - + + 2196-10-06T01:46:40.000Z + + + - bottle toyota bottle 35 - - - - - + + option-A + + + + + + + + + + + - 2011-12-27T15:33:20.000Z - - - - - + - option-C - - - - - + + true + + + - 46GYyWC0w0 - - - - - + + + + + - - - - - - - + 8oCI6 + + +
- - +
+ + +
+ + 		- false - - - - - + + can pinocchio whiteboard 94 + + + - - - - - - + + 2253-03-03T22:13:20.000Z + + + - 46GYy - - - -
- - + + option-B + + + - bottle toyota bottle 5 - - - - - + + + + + + + - 1973-12-17T18:13:20.000Z - - - - - + + 8836 + + + - option-C - - - - - + + true + + + - Ia2eQMSi8i - - - - - + + + + + - - - - - - - + OewGc + + +
- - +
+ + +
+ + 		- false - - - - - + + chocolate can helping 17 + + + - - - - - - + + 1982-04-30T07:33:20.000Z + + + - Ia2eQ - - - -
- - + + option-C + + + - bottle toyota bottle 65 - - - - - + + + + + + + - 2107-01-20T20:53:20.000Z - - - - - + + 289 + + + - option-C - - - - - + + false + + + - qcUSWgwIkI - - - - - + + + + + - - - - - - - + 0OKoq + + +
- - +
+ + +
+ + 		- false - - - - - + + chocolate can helping 27 + + + - - - - - - + + 1996-04-08T21:46:40.000Z + + + + + + option-A + + + - qcUSW - - - -
- - + + + + + + + - bottle toyota bottle 95 - - - - - + - 2259-02-28T10:13:20.000Z - - - - - + + false + + + - option-C - - - - - + + + + + - c8iM4qgaYa - - - - + + GE4mM + + +
- - + + + + + - 9025 - - - - - + + chocolate can helping 37 + + + - false - - - - - + + 2016-07-20T07:33:20.000Z + + + - - - - - - + + option-B + + + - c8iM4 - - - -
- - + + + + + + + - can pinocchio whiteboard 14 - - - - - + + 1369 + + + - 1979-05-19T22:13:20.000Z - - - - - + + false + + + - option-C - - - - - + + + + + - Kw0WUum6s6 - - - - + + W4oks + + +
- - + + + + + - 196 - - - - - + + chocolate can helping 47 + + + - true - - - - - + + 2043-03-03T12:53:20.000Z + + + - - - - - - + + option-C + + + - Kw0WU - - - -
- - + + + + + + + - can pinocchio whiteboard 44 - - - - - + + 2209 + + + - 2034-07-08T19:33:20.000Z - - - - - + + false + + + - option-C - - - - - + + + + + - 6SEQ24WOgO - - - - + + muYiO + + +
- - + + + + + - 1936 - - - - - + + chocolate can helping 57 + + + + + + 2076-02-15T13:46:40.000Z + + + - true - - - - - + + option-A + + + - + + + + + + + + - - - - - + - 6SEQ2 - - - -
- - + + false + + + - can pinocchio whiteboard 74 - - - - - + + + + + - 2146-09-12T00:53:20.000Z - - - - + + 2kIgu + + +
- - +
+ + +
+ + 		- sySKaEGgUg - - - - - + + chocolate can helping 67 + + + - - - - - - - - + 2115-06-03T10:13:20.000Z + + + - 5476 - - - - - + + option-B + + + - true - - - - - + + + + + + + - - - - - - + + 4489 + + + + + + false + + + + + + + + + - sySKa - - - -
- + + Ia2eQ + + +
- - +
+ + +
+ + 		- 1982-04-30T07:33:20.000Z - - - - - + + chocolate can helping 7 + + + - option-C - - - - - + + 1974-09-21T12:53:20.000Z + + + - 0OKoqQYESE - - - - - + + option-B + + + - - - - - - - - + + + + + + - 289 - - - - - + + 49 + + + - false - - - - - + + false + + + - - - - - - + + + + + - 0OKoq - - - -
- + + kYaqK + + +
- - +
+ + +
+ + 		- 2043-03-03T12:53:20.000Z - - - - - + + chocolate can helping 77 + + + + + + 2161-01-19T02:13:20.000Z + + + + + + option-C + + + - option-C - - - - - + + + + + + + - muYiOaIWGW - - - - - + + 5929 + + + - - - - - - - - + false + + + - 2209 - - - - - + + + + + - false - - - - + + YQmcw + + +
- - +
+ + +
+ + 		- muYiO - - - -
- - + + chocolate can helping 87 + + + - chocolate can helping 77 - - - - - + + 2213-01-08T13:46:40.000Z + + + - 2161-01-19T02:13:20.000Z - - - - - + + option-A + + + - option-C - - - - - + + + + + + + - YQmcwk2o4o - - - - - + - - - - - - - - + false + + + - 5929 - - - - - + + + + + - false - - - - + + oGWaS + + +
- - +
+ + +
+ + 		- YQmcw - - - -
- - + + chocolate can helping 97 + + + - eat whiteboard pinocchio 26 - - - - - + + 2271-04-30T20:53:20.000Z + + + - 1994-08-04T11:33:20.000Z - - - - - + + option-B + + + - option-C - - - - - + + + + + + + - 2kIguyscCc - - - - - + + 9409 + + + - - - - - - - - + false + + + - 676 - - - - - + + + + + - true - - - - + + 46GYy + + +
- - +
+ + +
+ + 		- 2kIgu - - - -
- - + + eat whiteboard pinocchio 16 + + + - eat whiteboard pinocchio 56 - - - - - + + 1981-04-13T08:53:20.000Z + + + - 2072-07-17T16:53:20.000Z - - - - - + + option-B + + + - option-C - - - - - + + + + + + + - oGWaS8cu0u - - - - - + + 256 + + + - - - - - - - - + true + + + - 3136 - - - - - + + + + + - true - - - - + + muYiO + + +
- - +
+ + +
+ + 		- oGWaS - - - -
- - + + eat whiteboard pinocchio 26 + + + - eat whiteboard pinocchio 86 - - - - - + + 1994-08-04T11:33:20.000Z + + + - 2207-07-17T06:13:20.000Z - - - - - + + option-C + + + - option-C - - - - - + + + + + + + - amkU0IMCoC - - - - - + + 676 + + + - - - - - - - - + true + + + - 7396 - - - - - + + + + + - true - - - - + + 2kIgu + + +
- - +
+ + +
+ + 		- amkU0 - - - -
- - + + eat whiteboard pinocchio 36 + + + - helping whiteboard as 11 - - - - - + + 2014-03-28T09:46:40.000Z + + + - 1977-01-01T20:53:20.000Z - - - - - + + option-A + + + - option-C - - - - - + + + + + + + - eUgE8O0yIy - - - - - + - - - - - - - - + true + + + - 121 - - - - - + + + + + - false - - - - + + Ia2eQ + + +
- - - - - - + + eat whiteboard pinocchio 46 + + + - eUgE8 - - - -
- - + + 2040-03-22T03:33:20.000Z + + + - helping whiteboard as 41 - - - - - + + option-B + + + - 2026-06-09T10:13:20.000Z - - - - - + + + + + + + - option-C - - - - - + + 2116 + + + - Q0u8gYkG6G - - - - - + + true + + + - - - - - - - - + + + + - 1681 - - - - + + YQmcw + + +
- - +
+ + +
+ + 		- - - - - - + + eat whiteboard pinocchio 56 + + + - Q0u8g - - - -
- - + + 2072-07-17T16:53:20.000Z + + + - helping whiteboard as 71 - - - - - + + option-C + + + - 2132-11-29T07:33:20.000Z - - - - - + + + + + + + - option-C - - - - - + + 3136 + + + - CW82EiUYuY - - - - - + + true + + + - - - - - - - - + + + + - 5041 - - - - + + oGWaS + + +
- - +
+ + +
+ + 		- - - - - - + + eat whiteboard pinocchio 6 + + + - CW82E - - - -
- - + + 1974-04-24T01:46:40.000Z + + + - pinocchio eat can 38 - - - - - + + option-A + + + - 2018-12-05T08:53:20.000Z - - - - - + + + + + + + - option-C - - - - - + - kYaqK2y8W8 - - - - - + + true + + + - - - - - - - - + + + + - 1444 - - - - + + W4oks + + +
- - +
+ + +
+ + 		- - - - - - + + eat whiteboard pinocchio 66 + + + - kYaqK - - - -
- - + + 2111-03-17T01:46:40.000Z + + + - pinocchio eat can 68 - - - - - + + option-A + + + - 2119-09-12T22:13:20.000Z - - - - - + + + + + + + - option-C - - - - - + - W4oksCiQKQ - - - - - + + true + + + - - - - - - - - + + + + - 4624 - - - - + + 46GYy + + +
- - +
+ + +
+ + 		- - - - - - + + eat whiteboard pinocchio 76 + + + - W4oks - - - -
- - + + 2156-03-15T06:13:20.000Z + + + + + + option-B + + + - pinocchio eat can 8 - - - - - + + + + + + + - 1975-03-14T03:33:20.000Z - - - - - + + 5776 + + + - option-C - - - - - + + true + + + - y2MwmsEqiq - - - - - + + + + + - - - - - - - + Kw0WU + + +
- - +
+ + +
+ + 		- true - - - - - + + eat whiteboard pinocchio 86 + + + - - - - - - + + 2207-07-17T06:13:20.000Z + + + - y2Mwm - - - -
- - + + option-C + + + - pinocchio eat can 98 - - - - - + + + + + + + - 2277-07-04T19:33:20.000Z - - - - - + + 7396 + + + - option-C - - - - - + + true + + + - Ia2eQMSi8i - - - - - + + + + + - - - - - - - - - 9604 - - - - + amkU0 + + +
- - +
+ + +
+ + 		- - - - - - + + eat whiteboard pinocchio 96 + + + - Ia2eQ - - - -
- - + + 2265-03-19T01:46:40.000Z + + + - scott pinocchio chocolate 29 - - - - - + + option-A + + + - 1999-10-27T04:53:20.000Z - - - - - + + + + + + + - option-C - - - - - + - iCcyGUekmk - - - - - + + true + + + - - - - - - - - + + + + - 841 - - - - + + qcUSW + + +
- - +
+ + +
+ + 		- - - - - - + + helping whiteboard as 1 + + + - iCcyG - - - -
- - + + 1973-03-14T23:33:20.000Z + + + - scott pinocchio chocolate 59 - - - - - + + option-B + + + - 2083-06-23T18:13:20.000Z - - - - - + + + + + + + - option-C - - - - - + + 1 + + + - UiqsoeO2a2 - - - - - + + false + + + - - - - - - - - + + + + - 3481 - - - - + + OewGc + + +
- - +
+ + +
+ + 		- - - - - - + + helping whiteboard as 11 + + + - Uiqso - - - -
- - + + 1977-01-01T20:53:20.000Z + + + - scott pinocchio chocolate 89 - - - - - + + option-C + + + - 2224-03-05T15:33:20.000Z - - - - - + + + + + + + + + + 121 + + + - option-C - - - - - + + false + + + - GE4mMo8KOK - - - - - + + + + + - - - - - - - + eUgE8 + + +
- - +
+ + +
+ + 		- false - - - - - + + helping whiteboard as 21 + + + - - - - - - + + 1987-02-22T13:46:40.000Z + + + - GE4mM - - - -
- - + + option-A + + + - toyota toyota toyota 20 - - - - - + + + + + + + - 1985-11-05T00:53:20.000Z - - - - - + - option-C - - - - - + + false + + + - gqe6CwKM2M - - - - - + + + + + - - - - - - - + uKQCe + + +
- 400 - - - - - + + helping whiteboard as 31 + + + - true - - - - - + + 2003-08-16T02:13:20.000Z + + + - - - - - - + + option-B + + + - gqe6C - - - -
- - + + + + + + + - toyota toyota toyota 50 - - - - - + + 961 + + + - 2052-05-22T14:13:20.000Z - - - - - + + false + + + - option-C - - - - - + + + + + - SMs0k64eqe - - - - + + AAAAA + + +
- - + + + + + - 2500 - - - - - + + helping whiteboard as 41 + + + - true - - - - - + + 2026-06-09T10:13:20.000Z + + + - - - - - - + + option-C + + + - SMs0k - - - -
- - + + + + + + + - toyota toyota toyota 80 - - - - - + + 1681 + + + - 2175-12-23T11:33:20.000Z - - - - - + + false + + + - option-C - - - - - + + + + + - Es6uIGowew - - - - + + Q0u8g + + +
- - + + + + + - 6400 - - - - - + + helping whiteboard as 51 + + + - true - - - - - + + 2055-08-04T13:46:40.000Z + + + - - - - - - + + option-A + + + - Es6uI - - - -
- - + + + + + + + - whiteboard can eat 2 - - - - - + - 1973-04-18T16:53:20.000Z - - - - - + + false + + + - option-C - - - - - + + + + + - c8iM4qgaYa - - - - + + gqe6C + + +
- - + + + + + - 4 - - - - - + + helping whiteboard as 61 + + + - true - - - - - + + 2091-01-30T12:53:20.000Z + + + - - - - - - + + option-B + + + - c8iM4 - - - -
- - + + + + + + + - whiteboard can eat 32 - - - - - + + 3721 + + + - 2005-08-14T06:13:20.000Z - - - - - + + false + + + - option-C - - - - - + + + + + - OewGc0QsMs - - - - + + wgO4i + + +
- - + + + + + - 1024 - - - - - + + helping whiteboard as 71 + + + - true - - - - - + + 2132-11-29T07:33:20.000Z + + + + + + option-C + + + - - - - - - + + + + + + + - OewGc - - - -
- - + + 5041 + + + - whiteboard can eat 62 - - - - - + + false + + + - 2094-12-24T03:33:20.000Z - - - - - + + + + + - option-C - - - - + + CW82E + + +
- - +
+ + +
+ + 		- - - - - - - - + helping whiteboard as 81 + + + - 3844 - - - - - + + 2181-01-28T21:46:40.000Z + + + - true - - - - - + + option-A + + + - + + + + + + + + - - - - - + - AAAAA - - - -
- - + + false + + + - whiteboard can eat 92 - - - - - + + + + + - 2241-05-20T08:53:20.000Z - - - - + + SMs0k + + +
- - +
+ + +
+ + 		- wgO4iKuSyS - - - - - + + helping whiteboard as 91 + + + - - - - - - - - + 2235-08-02T07:33:20.000Z + + + - 8464 - - - - - + + option-B + + + - true - - - - - + + + + + + + - - - - - - + + 8281 + + + - wgO4i - - - -
-
-
-
-
-`; - -exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/Table/Table with row selection: single or multi-select and batch actions 1`] = ` -
-
-
-
-
-

- - 4 items selected - -

-
-
- - -
-
- -
- -
-
-
-
- - - - + + + -
- +
+ + +
+ + +
+ + + + + - - Select - - - - + + + + + - - Object Id +
+ + +
- - + - - - + + pinocchio eat can 38 + + + + - - - - + - + - + - + - + - + - - + + - + +
+ + +
+ + + + + + - + - - - - + + + + - - - - - - + - + - + - + - + - - + - + - + - - - + + - - - - - - + - + - + - + - + - - + - + - + - - - + + - - - - - - + + - + - + - + - + - - - + - + - - - + + - - - - - - + - + - + - + - + - - + - + - + - - - + + - - - - - - + - - + - + - + - - + - + - + - - - + + + - - - - - - + - + - + - + - + - - + - + - + - - - + + - - - - - - + - + - + - + - + - - + - + - + - - - + + - - - - - - + + + + + + - - - - + - - - - + - - - + + - - - - - - + - - - + - + - - + - + - - - -
- - + + false + + + + + + + + + + + + + iCcyG + + +
+ + + pinocchio eat can 18 + + + + + + 1983-06-09T09:46:40.000Z + + + + + + option-A + + + + + + + + + + + + - + - Select all items + true - - - - - - - + + - String - - - - - - + + + + + + - Date - - - - - + + Es6uI + + + +
- - +
+ + +
+ + + 		- Status - - - - - - + + pinocchio eat can 28 + + + + - Number - - - - - - + + 1998-01-05T11:33:20.000Z + + + + - Boolean - - - - - - + + option-B + + + + + + + + + + + + + + + 784 + + + + + + true + + + + + + + + + - React Node - - - - -
- - - - -
- - - - - - -
+ + option-C + + +
- - - - - - - + - as eat scott 3 - - - - - + + 1444 + + + - 1973-06-15T13:46:40.000Z - - - - - + + true + + + - option-A - - - - - + + + + + - - - - - - - - - + kYaqK + + +
+ + + pinocchio eat can 48 + + + + + + 2046-03-07T01:46:40.000Z + + + + + + option-A + + + - false - - - - - + + + + + + + - - - - - - + - qcUSW - - -
- + + + + + + + + + 0OKoq + + +
- -
+
+ + +
+ +
- - - - - - - + - as eat scott 33 - - - - - + + 2079-10-08T14:13:20.000Z + + + - 2007-09-05T13:46:40.000Z - - - - - + + option-B + + + - option-A - - - - - + + + + + + + - - - - - - - - - - + 3364 + + + - false - - - - - + + true + + + - - - - - - + + + + + - c8iM4 - - -
-
- -
+
+ + +
+ +
- - - - - - - + - as eat scott 63 - - - - - + + 2119-09-12T22:13:20.000Z + + + - 2098-12-09T21:46:40.000Z - - - - - + + option-C + + + - option-A - - - - - + + + + + + + - - - - - - - - - - + 4624 + + + - false - - - - - + + true + + + - - - - - - + + + + + - OewGc - - -
-
- -
+
+ + +
+ +
+ + + pinocchio eat can 78 + + + - - - - - - - + - as eat scott 93 - - - - - + + option-A + + + - 2247-03-31T13:46:40.000Z - - - - - + + + + + + + - option-A - - - - - + - - - - - - - - - - - false - - - - - + true + + + - - - - - - + + + + + - AAAAA - - -
-
- -
+
+ + +
+ +
- - - - - - - + - bottle toyota bottle 15 - - - - - + + 1975-03-14T03:33:20.000Z + + + - 1980-04-19T13:46:40.000Z - - - - - + + option-C + + + - option-A - - - - - + + + + + + + - - - - - - - - - - + 64 + + + - false - - - - - + + true + + + - - - - - - + + + + + - YQmcw - - -
-
- -
+
+ + +
+ +
- - - - - - - - bottle toyota bottle 45 - - - - - + - 2037-05-03T21:46:40.000Z - - - - - + + 2218-07-27T00:53:20.000Z + + + - option-A - - - - - + + option-B + + + - - - - - - - - - - + + + + + + - false - - - - - + + 7744 + + + - - - - - - + + true + + + - Kw0WU - - -
- + + + 2kIgu + + +
- -
+
+ + +
+ +
- - - - - - - + - bottle toyota bottle 75 - - - - - + + 2277-07-04T19:33:20.000Z + + + - 2151-06-02T13:46:40.000Z - - - - - + + option-C + + + - option-A - - - - - + + + + + + + - - - - - - - - - - + 9604 + + + - false - - - - - + + true + + + - - - - - - + + + + + - 6SEQ2 - - -
-
- -
+
+ + +
+ +
- - - - - - - + - can pinocchio whiteboard 24 - - - - - + + 1984-08-10T15:33:20.000Z + + + - 1991-06-04T01:46:40.000Z - - - - - + + option-B + + + - option-A - - - - - + + + + + + + - - - - - - - - - - + 361 + + + - true - - - - - + + false + + + - - - - - - + + + + + - amkU0 - - -
-
- -
+
+ + +
+ +
- - + + + 1999-10-27T04:53:20.000Z + + + + + + option-C + + + + + + + + + + + + + + 841 + + + + - Select row + false - - - - - - - can pinocchio whiteboard 54 - - - - - - 2065-07-28T09:46:40.000Z - - - - - - option-A - - - - - + - - - - - - - - - - - true - - - - - - - - - - - + + + + - MIyOY - - -
-
- -
+
+ + +
+ +
- - - - - - - - can pinocchio whiteboard 84 - - - - - - 2196-10-06T01:46:40.000Z - - - - - + - option-A - - - - - + + 2021-05-14T13:46:40.000Z + + + - - - - - - - - - - + option-A + + + - true - - - - - + + + + + + + - - - - - - - 8oCI6 - - -
-
-
-
-
- -
-
-
-
- - - - -
-
-
-
- - 1–10 of 10 items - -
-
-
-
- -
-
- - - - -
-
-
-
- - 1 of 1 pages - -
- - -
-
-
-
-
-`; - -exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/Table/Table with sorting and custom row height 1`] = ` -
-
- -
-
-
-
-
-

- - 0 items selected - -

-
-
- -
-
-
- -
-
-
-
- - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - @@ -100340,13 +98612,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T checked={false} className="bx--checkbox" disabled={false} - id="select-row-table-33-row-3" + id="select-row-table-33-row-99" onChange={[Function]} type="checkbox" /> + + + + + + + + + + @@ -101033,7 +99514,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="status" data-offset={0} - id="cell-table-33-row-53-status" + id="cell-table-33-row-30-status" offset={0} > - - 2809 - - + /> @@ -101101,7 +99575,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="node" data-offset={0} - id="cell-table-33-row-53-node" + id="cell-table-33-row-30-node" offset={0} > - 8oCI6 + wgO4i @@ -101162,13 +99636,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T checked={false} className="bx--checkbox" disabled={false} - id="select-row-table-33-row-63" + id="select-row-table-33-row-40" onChange={[Function]} type="checkbox" /> @@ -101303,7 +99784,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="node" data-offset={0} - id="cell-table-33-row-63-node" + id="cell-table-33-row-40-node" offset={0} > - OewGc + CW82E @@ -101364,13 +99845,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T checked={false} className="bx--checkbox" disabled={false} - id="select-row-table-33-row-73" + id="select-row-table-33-row-50" onChange={[Function]} type="checkbox" /> @@ -101721,7 +100195,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start iot--table__cell--sortable" data-column="node" data-offset={0} - id="cell-table-33-row-83-node" + id="cell-table-33-row-60-node" offset={0} > - uKQCe + iCcyG @@ -101782,13 +100256,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T checked={false} className="bx--checkbox" disabled={false} - id="select-row-table-33-row-93" + id="select-row-table-33-row-70" onChange={[Function]} type="checkbox" /> - - - - - - - - - - - - - - -
+
+ + +
+ + + 		+ + + scott pinocchio chocolate 49 + + + + + 2049-04-02T18:13:20.000Z + + + + + + option-B + + + + + + + + + + + + + + 2401 + + + + + + false + + + + + + + + + + + + Es6uI + + +
+
- - 		+ - + + + 2083-06-23T18:13:20.000Z + + + + + + option-C + + + + + + - String - + + + + + + + + 3481 + + + + + + false + + + - + + + - + +
+ +
+ - - - -
+ + Select row + + + + + + + + + scott pinocchio chocolate 69 + + + - Date + 2124-01-15T13:46:40.000Z - - + - + + - - - - - + + + + + + - + - - Status - + false + + + - - - - - - + + -
+ +
- - - - -
+ + Select row + + + + + + - + + - - - + + + + - - - - - + + + - + + - - - - - + + + - + - + + + - - - - + 0OKoq + + +
- MIyOY + CW82E + + + + + + + + + + + 400 + + + + + + true + + + + + + + + + + + + gqe6C + + +
+ +
+ + +
+ + 		+ + + toyota toyota toyota 30 + + + + + + 2001-09-09T01:46:40.000Z + + + - option-C + option-A - false + true - false + true - false + true - false + 4900 - - - + true + - - AAAAA - - -
- - Total - -   - -   - -   - - 215589 - -   - -   - -   -
-
-
-
-
- -
-
-
-
- - - - -
-
-
-
- - 1–10 of 100 items - -
-
-
-
- -
-
- - - - -
-
-
-
- - 1 of 10 pages - -
- - -
-
-
-
-
-
-
-`; - -exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/Table/Table with sticky header (experimental) and cell tooltip calculation 1`] = ` -
-
-
-
-
-
-

- - 0 items selected - -

-
-
- -
-
-
- -
-
-
-
-
- - - - + + + + Es6uI + + + - - @@ -102820,7 +100716,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-3-date" + id="cell-table-33-row-90-date" offset={0} > -
+ + +
+ + + + + + + + + + @@ -103220,13 +101078,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T checked={false} className="bx--checkbox" disabled={false} - id="select-row-table-row-33" + id="select-row-table-33-row-2" onChange={[Function]} type="checkbox" /> @@ -103308,7 +101120,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-33-date" + id="cell-table-33-row-2-date" offset={0} > -
- 2007-09-05T13:46:40.000Z -
- -
- - - - -
-
-
+ 1973-04-18T16:53:20.000Z @@ -103796,7 +101329,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-63-date" + id="cell-table-33-row-22-date" offset={0} > -
- 2098-12-09T21:46:40.000Z -
- -
- - - - -
-
-
+ 1988-07-04T06:13:20.000Z @@ -104196,13 +101496,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T checked={false} className="bx--checkbox" disabled={false} - id="select-row-table-row-93" + id="select-row-table-33-row-32" onChange={[Function]} type="checkbox" /> @@ -104284,7 +101538,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-93-date" + id="cell-table-33-row-32-date" offset={0} > -
- 2247-03-31T13:46:40.000Z -
- -
- - - - -
-
-
+ 2005-08-14T06:13:20.000Z @@ -104684,13 +101705,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T checked={false} className="bx--checkbox" disabled={false} - id="select-row-table-row-15" + id="select-row-table-33-row-42" onChange={[Function]} type="checkbox" /> @@ -104772,7 +101747,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-15-date" + id="cell-table-33-row-42-date" offset={0} > -
- 1980-04-19T13:46:40.000Z -
- -
- - - - -
-
-
+ 2029-01-25T01:46:40.000Z @@ -105172,13 +101907,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T checked={false} className="bx--checkbox" disabled={false} - id="select-row-table-row-45" + id="select-row-table-33-row-52" onChange={[Function]} type="checkbox" /> @@ -105260,7 +101949,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-45-date" + id="cell-table-33-row-52-date" offset={0} > -
- 2037-05-03T21:46:40.000Z -
- -
- - - - -
-
-
+ 2058-11-08T16:53:20.000Z @@ -105660,13 +102116,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T checked={false} className="bx--checkbox" disabled={false} - id="select-row-table-row-75" + id="select-row-table-33-row-62" onChange={[Function]} type="checkbox" /> @@ -105748,7 +102158,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-75-date" + id="cell-table-33-row-62-date" offset={0} > -
- 2151-06-02T13:46:40.000Z -
- -
- - - - -
-
-
+ 2094-12-24T03:33:20.000Z @@ -106148,13 +102325,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T checked={false} className="bx--checkbox" disabled={false} - id="select-row-table-row-24" + id="select-row-table-33-row-72" onChange={[Function]} type="checkbox" /> @@ -106236,72 +102367,26 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-24-date" - offset={0} - > - - -
- 1991-06-04T01:46:40.000Z -
- -
- - - - -
-
-
+ id="cell-table-33-row-72-date" + offset={0} + > + + + 2137-06-11T09:46:40.000Z @@ -106636,13 +102527,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T checked={false} className="bx--checkbox" disabled={false} - id="select-row-table-row-54" + id="select-row-table-33-row-82" onChange={[Function]} type="checkbox" /> @@ -106724,7 +102569,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-54-date" + id="cell-table-33-row-82-date" offset={0} > -
- 2065-07-28T09:46:40.000Z -
- -
- - - - -
-
-
+ 2186-03-30T11:33:20.000Z @@ -107124,13 +102736,13 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T checked={false} className="bx--checkbox" disabled={false} - id="select-row-table-row-84" + id="select-row-table-33-row-92" onChange={[Function]} type="checkbox" /> @@ -107212,7 +102778,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="data-table-start" data-column="date" data-offset={0} - id="cell-table-row-84-date" + id="cell-table-33-row-92-date" offset={0} > -
- 2196-10-06T01:46:40.000Z -
- -
- - - - -
-
-
+ 2241-05-20T08:53:20.000Z - + -
- + + + + + + + + + y2Mwm + + +
+
- - 		+ - String + toyota toyota toyota 80 - - + - Date + 2175-12-23T11:33:20.000Z - - + - Select + option-C - - + - Status + + + - - + - Number + 6400 - - + - Boolean + true - - + - - React Node - - - - - -
-
- as eat scott 3 -
- -
- - - - -
-
-
+ toyota toyota toyota 90 		+ + + option-A + + + + + + - 1973-06-15T13:46:40.000Z -
+ + + +
+ + + + + true + + + + + + + + + + + + Uiqso + + +
+ +
+ +
- + Select row + + + + + 		+ + + whiteboard can eat 12 + + + + + + 1977-09-25T01:46:40.000Z -
- option-A -
- -
- - - - -
-
-
+ option-A 		- -
-
- -
- - - - -
-
-
- - + /> 		-
-
- -
- - - - -
-
-
+ true 		- -
- - - -
- -
- - - - -
-
-
- + + 		- qcUSW + sySKa -
- as eat scott 33 -
- -
- - - - -
-
-
+ whiteboard can eat 2 		-
- option-A -
- -
- - - - -
-
-
+ option-C 		-
-
- -
- - - - -
-
-
+ 4 		-
-
- -
- - - - -
-
-
+ true 		- -
- - - -
- -
- - - - -
-
-
- + + 		-
- as eat scott 63 -
- -
- - - - -
-
-
+ whiteboard can eat 22 		-
- option-A -
- -
- - - - -
-
-
+ option-B 		- - -
-
- -
- - - - -
-
-
+ + + 484 		-
-
- -
- - - - -
-
-
+ true 		- -
- - - -
- -
- - - - -
-
-
- + + 		- OewGc + 8oCI6 -
- as eat scott 93 -
- -
- - - - -
-
-
+ whiteboard can eat 32 		-
- option-A -
- -
- - - - -
-
-
+ option-C 		-
-
- -
- - - - -
-
-
+ 1024 		-
-
- -
- - - - -
-
-
+ true 		- -
- - - -
- -
- - - - -
-
-
- + + 		- AAAAA + OewGc -
- bottle toyota bottle 15 -
- -
- - - - -
-
-
+ whiteboard can eat 42 		-
- option-A -
- -
- - - - -
-
-
+ option-A 		- -
-
- -
- - - - -
-
-
- - + /> 		-
-
- -
- - - - -
-
-
+ true 		- -
- - - -
- -
- - - - -
-
-
- + className="TableBodyRow__StyledNestedSpan-sc-103itxu-5 YBqdC" + > + + + 		- YQmcw + eUgE8 -
- bottle toyota bottle 45 -
- -
- - - - -
-
-
+ whiteboard can eat 52 		-
- option-A -
- -
- - - - -
-
-
+ option-B 		-
-
- -
- - - - -
-
-
+ 2704 		-
-
- -
- - - - -
-
-
+ true 		- -
- - - -
- -
- - - - -
-
-
- + + 		- Kw0WU + uKQCe -
- bottle toyota bottle 75 -
- -
- - - - -
-
-
+ whiteboard can eat 62 		-
- option-A -
- -
- - - - -
-
-
+ option-C 		-
-
- -
- - - - -
-
-
+ 3844 		-
-
- -
- - - - -
-
-
+ true 		- -
- - - -
- -
- - - - -
-
-
- + + 		- 6SEQ2 + AAAAA -
- can pinocchio whiteboard 24 -
- -
- - - - -
-
-
+ whiteboard can eat 72 		-
- option-A -
- -
- - - - -
-
-
+ option-A 		- -
-
- -
- - - - -
-
-
- - + /> 		-
-
- -
- - - - -
-
-
+ true 		- -
- - - -
- -
- - - - -
-
-
- + + 		- amkU0 + Q0u8g -
- can pinocchio whiteboard 54 -
- -
- - - - -
-
-
+ whiteboard can eat 82 		-
- option-A -
- -
- - - - -
-
-
+ option-B 		-
-
- -
- - - - -
-
-
+ 6724 		-
-
- -
- - - - -
-
-
+ true 		- -
- - - -
- -
- - - - -
-
-
- + + 		- MIyOY + gqe6C -
- can pinocchio whiteboard 84 -
- -
- - - - -
-
-
+ whiteboard can eat 92 		-
- option-A -
- -
- - - - -
-
-
+ option-C 		- - - - -
-
- -
- - - - -
-
-
+ + 		+ + + 8464 -
-
- -
- - - - -
-
-
+ true 		- -
- - - -
- -
- - - - -
-
-
- + + 		- 8oCI6 + wgO4i
-
-
-
-
-
- -
-
-
-
- - + - - -
-
-
-
- - 1–10 of 100 items - -
-
-
-
- -
-
- - + - - -
-
-
-
- - 1 of 10 pages - -
- - +   + + + 215589 + + +   + + +   + + +   + + + +
@@ -108798,7 +103883,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T className="bx--data-table-content" > @@ -109271,7 +104318,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T
- +
@@ -111166,7 +106213,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T > diff --git a/packages/react/src/components/TableCard/__snapshots__/TableCard.story.storyshot b/packages/react/src/components/TableCard/__snapshots__/TableCard.story.storyshot index e0fa4eec68..bd7a8db347 100644 --- a/packages/react/src/components/TableCard/__snapshots__/TableCard.story.storyshot +++ b/packages/react/src/components/TableCard/__snapshots__/TableCard.story.storyshot @@ -1134,8 +1134,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T > @@ -1154,7 +1154,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T > @@ -2669,8 +2669,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T > @@ -2689,7 +2689,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T > @@ -4369,8 +4369,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T > @@ -4389,7 +4389,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T > @@ -5277,8 +5277,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T > @@ -5297,7 +5297,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T > @@ -6499,8 +6499,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T > @@ -6519,7 +6519,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T > @@ -8951,8 +8951,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T > @@ -8971,7 +8971,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T > @@ -11237,8 +11237,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T > @@ -11257,7 +11257,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T > @@ -13043,8 +13043,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T > @@ -13063,7 +13063,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T > @@ -15188,8 +15188,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T > @@ -15208,7 +15208,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T > @@ -17921,8 +17921,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T > @@ -17941,7 +17941,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T > diff --git a/packages/react/src/components/TileGallery/__snapshots__/TileGallery.story.storyshot b/packages/react/src/components/TileGallery/__snapshots__/TileGallery.story.storyshot index f2b8e3eca8..5ee82f3606 100644 --- a/packages/react/src/components/TileGallery/__snapshots__/TileGallery.story.storyshot +++ b/packages/react/src/components/TileGallery/__snapshots__/TileGallery.story.storyshot @@ -200,7 +200,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 1 - Watson IoT/T onAnimationEnd={[Function]} >