From 5e3132a4905a3c3c1efad8ad52d54de87d3258ed Mon Sep 17 00:00:00 2001 From: Stephen Stone Date: Fri, 20 Nov 2020 14:35:23 -0600 Subject: [PATCH] feat(card): update breakpoint sizes --- .../BarChartCard.story.storyshot | 22 +- .../Card/__snapshots__/Card.story.storyshot | 26 +- .../CardEditor/CardEditForm/CardEditForm.jsx | 4 + .../CardEditForm/CardEditFormContent.jsx | 14 +- src/components/CardEditor/CardEditor.jsx | 4 + src/components/CardEditor/CardEditor.test.jsx | 2 +- .../__snapshots__/CardEditor.story.storyshot | 2 +- src/components/Dashboard/DashboardGrid.jsx | 10 +- .../Dashboard/DashboardGrid.test.jsx | 24 +- .../__snapshots__/Dashboard.story.storyshot | 698 +++++++++--------- .../DashboardGrid.story.storyshot | 46 +- .../DashboardEditor/DashboardEditor.jsx | 1 + .../DashboardEditor/DashboardEditor.test.jsx | 6 +- .../DashboardEditorHeader.story.storyshot | 8 +- .../DashboardEditor.story.storyshot | 88 ++- .../DateTimePicker.story.storyshot | 12 +- .../__snapshots__/FileDrop.story.storyshot | 8 +- .../__snapshots__/GaugeCard.story.storyshot | 4 +- .../__snapshots__/ImageCard.story.storyshot | 4 +- .../HierarchyList.story.storyshot | 132 ++-- .../__snapshots__/ListCard.story.storyshot | 6 +- .../PieChartCard.story.storyshot | 2 +- .../TimeSeriesCard/TimeSeriesCard.jsx | 24 + .../TimeSeriesCard/TimeSeriesCard.story.jsx | 9 +- .../TimeSeriesCard.story.storyshot | 28 +- .../__snapshots__/ValueCard.story.storyshot | 24 +- src/constants/LayoutConstants.js | 34 +- .../__snapshots__/publicAPI.test.js.snap | 38 +- 28 files changed, 674 insertions(+), 606 deletions(-) diff --git a/src/components/BarChartCard/__snapshots__/BarChartCard.story.storyshot b/src/components/BarChartCard/__snapshots__/BarChartCard.story.storyshot index 2a4f2f9934..7931320d53 100644 --- a/src/components/BarChartCard/__snapshots__/BarChartCard.story.storyshot +++ b/src/components/BarChartCard/__snapshots__/BarChartCard.story.storyshot @@ -16,7 +16,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/BarCh style={ Object { "margin": 20, - "width": "520px", + "width": "1056px", } } > @@ -139,7 +139,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/BarCh style={ Object { "margin": 20, - "width": "520px", + "width": "1056px", } } > @@ -433,7 +433,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/BarCh style={ Object { "margin": 20, - "width": "520px", + "width": "1056px", } } > @@ -556,7 +556,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/BarCh style={ Object { "margin": 20, - "width": "520px", + "width": "1056px", } } > @@ -724,7 +724,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/BarCh style={ Object { "margin": 20, - "width": "520px", + "width": "1056px", } } > @@ -847,7 +847,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/BarCh style={ Object { "margin": 20, - "width": "520px", + "width": "1056px", } } > @@ -970,7 +970,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/BarCh style={ Object { "margin": 20, - "width": "520px", + "width": "1056px", } } > @@ -1138,7 +1138,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/BarCh style={ Object { "margin": 20, - "width": "520px", + "width": "1056px", } } > @@ -1306,7 +1306,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/BarCh style={ Object { "margin": 20, - "width": "520px", + "width": "1056px", } } > @@ -1429,7 +1429,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/BarCh style={ Object { "margin": 20, - "width": "520px", + "width": "1056px", } } > @@ -1519,7 +1519,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/BarCh style={ Object { "margin": 20, - "width": "520px", + "width": "1056px", } } > diff --git a/src/components/Card/__snapshots__/Card.story.storyshot b/src/components/Card/__snapshots__/Card.story.storyshot index 8dc9069669..1f5b33fb86 100644 --- a/src/components/Card/__snapshots__/Card.story.storyshot +++ b/src/components/Card/__snapshots__/Card.story.storyshot @@ -180,7 +180,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Card style={ Object { "margin": 20, - "width": "252px", + "width": "520px", } } > @@ -346,7 +346,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Card style={ Object { "margin": 20, - "width": "252px", + "width": "520px", } } > @@ -831,7 +831,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Card style={ Object { "margin": 20, - "width": "252px", + "width": "520px", } } > @@ -964,7 +964,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Card style={ Object { "margin": 20, - "width": "252px", + "width": "520px", } } > @@ -1079,7 +1079,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Card style={ Object { "margin": 20, - "width": "252px", + "width": "520px", } } > @@ -1254,7 +1254,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Card style={ Object { "margin": 20, - "width": "252px", + "width": "520px", } } > @@ -1466,7 +1466,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Card style={ Object { "margin": 20, - "width": "252px", + "width": "520px", } } > @@ -1572,7 +1572,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Card style={ Object { "margin": 20, - "width": "520px", + "width": "1056px", } } > @@ -2032,7 +2032,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Card style={ Object { "margin": 20, - "width": "252px", + "width": "520px", } } > @@ -2163,7 +2163,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Card style={ Object { "margin": 20, - "width": "252px", + "width": "520px", } } > @@ -2361,7 +2361,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Card style={ Object { "margin": 20, - "width": "252px", + "width": "520px", } } > @@ -2503,7 +2503,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Card style={ Object { "margin": 20, - "width": "252px", + "width": "520px", } } > @@ -2621,7 +2621,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Card style={ Object { "margin": 20, - "width": "252px", + "width": "520px", } } > diff --git a/src/components/CardEditor/CardEditForm/CardEditForm.jsx b/src/components/CardEditor/CardEditForm/CardEditForm.jsx index c74b369583..d8cd5d48f6 100644 --- a/src/components/CardEditor/CardEditForm/CardEditForm.jsx +++ b/src/components/CardEditor/CardEditForm/CardEditForm.jsx @@ -62,6 +62,7 @@ const propTypes = { * @returns Array error strings. return empty array if there is no errors */ onValidateCardJson: PropTypes.func, + currentBreakpoint: PropTypes.string, }; const defaultProps = { @@ -91,6 +92,7 @@ const defaultProps = { getValidTimeRanges: null, dataItems: [], onValidateCardJson: null, + currentBreakpoint: 'xl', }; /** @@ -166,6 +168,7 @@ const CardEditForm = ({ onValidateCardJson, getValidDataItems, getValidTimeRanges, + currentBreakpoint, }) => { const mergedI18n = { ...defaultProps.i18n, ...i18n }; const [showEditor, setShowEditor] = useState(false); @@ -208,6 +211,7 @@ const CardEditForm = ({ dataItems={dataItems} getValidDataItems={getValidDataItems} getValidTimeRanges={getValidTimeRanges} + currentBreakpoint={currentBreakpoint} /> diff --git a/src/components/CardEditor/CardEditForm/CardEditFormContent.jsx b/src/components/CardEditor/CardEditForm/CardEditFormContent.jsx index 6cac8bc92e..fdc58dcc08 100644 --- a/src/components/CardEditor/CardEditForm/CardEditFormContent.jsx +++ b/src/components/CardEditor/CardEditForm/CardEditFormContent.jsx @@ -98,6 +98,7 @@ const propTypes = { * this prop will be ignored if getValidDataItems is defined */ dataItems: DataItemsPropTypes, + currentBreakpoint: PropTypes.string, }; const defaultProps = { @@ -138,6 +139,7 @@ const defaultProps = { getValidDataItems: null, getValidTimeRanges: null, dataItems: [], + currentBreakpoint: 'xl', }; const defaultTimeRangeOptions = [ @@ -158,9 +160,9 @@ const defaultTimeRangeOptions = [ * @param {Object} i18n * @returns {string} */ -export const getCardSizeText = (size, i18n) => { +export const getCardSizeText = (size, i18n, breakpoint) => { const sizeName = i18n[`cardSize_${size}`]; - const sizeDimensions = `(${CARD_DIMENSIONS[size].lg.w}x${CARD_DIMENSIONS[size].lg.h})`; + const sizeDimensions = `(${CARD_DIMENSIONS[size][breakpoint].w}x${CARD_DIMENSIONS[size][breakpoint].h})`; return `${sizeName} ${sizeDimensions}`; }; @@ -171,6 +173,7 @@ const CardEditFormContent = ({ dataItems, getValidDataItems, getValidTimeRanges, + currentBreakpoint, }) => { const { title, description, size, type, id } = cardConfig; const mergedI18n = { ...defaultProps.i18n, ...i18n }; @@ -217,11 +220,14 @@ const CardEditFormContent = ({ ).map((cardSize) => { return { id: cardSize, - text: getCardSizeText(cardSize, mergedI18n), + text: getCardSizeText(cardSize, mergedI18n, currentBreakpoint), }; })} light - selectedItem={{ id: size, text: getCardSizeText(size, mergedI18n) }} + selectedItem={{ + id: size, + text: getCardSizeText(size, mergedI18n, currentBreakpoint), + }} onChange={({ selectedItem }) => { onChange({ ...cardConfig, size: selectedItem.id }); }} diff --git a/src/components/CardEditor/CardEditor.jsx b/src/components/CardEditor/CardEditor.jsx index d1af6163a5..12584dbe2a 100644 --- a/src/components/CardEditor/CardEditor.jsx +++ b/src/components/CardEditor/CardEditor.jsx @@ -73,6 +73,7 @@ const propTypes = { addCardButton: PropTypes.string, searchPlaceholderText: PropTypes.string, }), + currentBreakpoint: PropTypes.string, }; const defaultProps = { @@ -90,6 +91,7 @@ const defaultProps = { dataItems: [], supportedCardTypes: Object.keys(DASHBOARD_EDITOR_CARD_TYPES), onValidateCardJson: null, + currentBreakpoint: 'xl', }; const baseClassName = `${iotPrefix}--card-editor`; @@ -105,6 +107,7 @@ const CardEditor = ({ onValidateCardJson, supportedCardTypes, i18n, + currentBreakpoint, }) => { const mergedI18n = { ...defaultProps.i18n, ...i18n }; @@ -141,6 +144,7 @@ const CardEditor = ({ getValidTimeRanges={getValidTimeRanges} onValidateCardJson={onValidateCardJson} i18n={mergedI18n} + currentBreakpoint={currentBreakpoint} /> )} diff --git a/src/components/CardEditor/CardEditor.test.jsx b/src/components/CardEditor/CardEditor.test.jsx index 45d7973650..596f1fcb9b 100644 --- a/src/components/CardEditor/CardEditor.test.jsx +++ b/src/components/CardEditor/CardEditor.test.jsx @@ -54,7 +54,7 @@ describe('CardEditor', () => { userEvent.click( screen.getByRole('button', { name: `Size Small (4x1) Open menu` }) ); - userEvent.click(screen.getByText('Medium wide (8x2)')); + userEvent.click(screen.getByText('Medium wide (16x2)')); expect(actions.onChange).toHaveBeenCalledWith({ ...defaultCard, size: 'MEDIUMWIDE', diff --git a/src/components/CardEditor/__snapshots__/CardEditor.story.storyshot b/src/components/CardEditor/__snapshots__/CardEditor.story.storyshot index 0224b0bb80..440ccc1f29 100644 --- a/src/components/CardEditor/__snapshots__/CardEditor.story.storyshot +++ b/src/components/CardEditor/__snapshots__/CardEditor.story.storyshot @@ -723,7 +723,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT Exper - Medium wide (8x2) + Medium wide (16x2)
{ const layoutWithResizableItems = layout.map((cardFromLayout) => { const matchingCard = find(cards, { id: cardFromLayout.i }); - return { ...cardFromLayout, isResizable: matchingCard.isResizable }; + return { + ...cardFromLayout, + // only add resizable attribute if it exists + ...(matchingCard.isResizable + ? { + isResizable: matchingCard.isResizable, + } + : {}), + }; }); return { diff --git a/src/components/Dashboard/DashboardGrid.test.jsx b/src/components/Dashboard/DashboardGrid.test.jsx index 6bb25c01e5..2458d4a495 100644 --- a/src/components/Dashboard/DashboardGrid.test.jsx +++ b/src/components/Dashboard/DashboardGrid.test.jsx @@ -26,10 +26,10 @@ import DashboardGrid, { describe('DashboardGrid', () => { describe('findLayoutOrGenerate', () => { const layouts = { - max: [{ i: 'mycard', x: 0, y: 0, w: 4, h: 2 }], - xl: [{ i: 'mycard', x: 0, y: 0, w: 4, h: 2 }], - lg: [{ i: 'mycard', x: 0, y: 0, w: 4, h: 2 }], - md: [{ i: 'mycard', x: 0, y: 0, w: 4, h: 2 }], + max: [{ i: 'mycard', x: 0, y: 0, w: 8, h: 2 }], + xl: [{ i: 'mycard', x: 0, y: 0, w: 8, h: 2 }], + lg: [{ i: 'mycard', x: 0, y: 0, w: 8, h: 2 }], + md: [{ i: 'mycard', x: 0, y: 0, w: 8, h: 2 }], sm: [{ i: 'mycard', x: 0, y: 0, w: 4, h: 2 }], xs: [{ i: 'mycard', x: 0, y: 0, w: 4, h: 2 }], }; @@ -91,9 +91,9 @@ describe('DashboardGrid', () => { ['xl', 'lg', 'md'] ); expect(regenerated).toEqual({ - xl: [{ i: 'mycard', x: 0, y: 0, w: 4, h: 2 }], - lg: [{ i: 'mycard', x: 0, y: 0, w: 4, h: 2 }], - md: [{ i: 'mycard', x: 0, y: 0, w: 4, h: 2 }], + xl: [{ i: 'mycard', x: 0, y: 0, w: 8, h: 2 }], + lg: [{ i: 'mycard', x: 0, y: 0, w: 8, h: 2 }], + md: [{ i: 'mycard', x: 0, y: 0, w: 8, h: 2 }], }); }); }); @@ -372,22 +372,22 @@ describe('DashboardGrid', () => { expect(sizeA.name).toEqual(CARD_SIZES.SMALL); const sizeB = getMatchingCardSize({ w: 3, h: 1 }, breakpointSizes); - expect(sizeB.name).toEqual(CARD_SIZES.SMALLWIDE); + expect(sizeB.name).toEqual(CARD_SIZES.SMALL); const sizeC = getMatchingCardSize({ w: 4, h: 1 }, breakpointSizes); - expect(sizeC.name).toEqual(CARD_SIZES.SMALLWIDE); + expect(sizeC.name).toEqual(CARD_SIZES.SMALL); const sizeD = getMatchingCardSize({ w: 4, h: 2 }, breakpointSizes); - expect(sizeD.name).toEqual(CARD_SIZES.MEDIUM); + expect(sizeD.name).toEqual(CARD_SIZES.MEDIUMTHIN); const sizeE = getMatchingCardSize({ w: 3, h: 2 }, breakpointSizes); - expect(sizeE.name).toEqual(CARD_SIZES.MEDIUM); + expect(sizeE.name).toEqual(CARD_SIZES.MEDIUMTHIN); const sizeF = getMatchingCardSize({ w: 2, h: 2 }, breakpointSizes); expect(sizeF.name).toEqual(CARD_SIZES.MEDIUMTHIN); const sizeG = getMatchingCardSize({ w: 5, h: 2 }, breakpointSizes); - expect(sizeG.name).toEqual(CARD_SIZES.MEDIUMWIDE); + expect(sizeG.name).toEqual(CARD_SIZES.MEDIUM); const sizeH = getMatchingCardSize({ w: 18, h: 5 }, breakpointSizes); expect(sizeH.name).toEqual(CARD_SIZES.LARGEWIDE); diff --git a/src/components/Dashboard/__snapshots__/Dashboard.story.storyshot b/src/components/Dashboard/__snapshots__/Dashboard.story.storyshot index 4a9df50597..9f14813a51 100644 --- a/src/components/Dashboard/__snapshots__/Dashboard.story.storyshot +++ b/src/components/Dashboard/__snapshots__/Dashboard.story.storyshot @@ -60,7 +60,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb onDrop={[Function]} style={ Object { - "height": "1584px", + "height": "2064px", } } > @@ -79,7 +79,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb "left": "0%", "position": "absolute", "top": "0px", - "width": "24.0625%", + "width": "49.375%", } } type="VALUE" @@ -266,10 +266,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "304px", "height": "304px", - "left": "25.3125%", + "left": "0%", "position": "absolute", - "top": "0px", - "width": "49.375%", + "top": "320px", + "width": "100%", } } type="BAR" @@ -350,9 +350,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "75.9375%", + "left": "0%", "position": "absolute", - "top": "0px", + "top": "640px", "width": "24.0625%", } } @@ -439,9 +439,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "75.9375%", + "left": "25.3125%", "position": "absolute", - "top": "160px", + "top": "640px", "width": "24.0625%", } } @@ -528,10 +528,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "0%", + "left": "50.625%", "position": "absolute", - "top": "320px", - "width": "24.0625%", + "top": "640px", + "width": "49.375%", } } type="CUSTOM" @@ -567,9 +567,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "25.3125%", + "left": "0%", "position": "absolute", - "top": "320px", + "top": "800px", "width": "24.0625%", } } @@ -659,9 +659,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "50.625%", + "left": "25.3125%", "position": "absolute", - "top": "320px", + "top": "800px", "width": "24.0625%", } } @@ -751,9 +751,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "75.9375%", + "left": "50.625%", "position": "absolute", - "top": "320px", + "top": "800px", "width": "24.0625%", } } @@ -865,9 +865,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "0%", + "left": "75.9375%", "position": "absolute", - "top": "480px", + "top": "800px", "width": "24.0625%", } } @@ -954,9 +954,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "25.3125%", + "left": "0%", "position": "absolute", - "top": "480px", + "top": "960px", "width": "24.0625%", } } @@ -1105,10 +1105,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "50.625%", + "left": "25.3125%", "position": "absolute", - "top": "480px", - "width": "24.0625%", + "top": "960px", + "width": "49.375%", } } type="VALUE" @@ -1224,10 +1224,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "304px", "height": "304px", - "left": "75.9375%", + "left": "0%", "position": "absolute", - "top": "480px", - "width": "24.0625%", + "top": "1120px", + "width": "49.375%", } } type="TIMESERIES" @@ -1353,9 +1353,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "624px", "height": "624px", - "left": "0%", + "left": "50.625%", "position": "absolute", - "top": "640px", + "top": "1120px", "width": "49.375%", } } @@ -1896,9 +1896,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "624px", "height": "624px", - "left": "50.625%", + "left": "0%", "position": "absolute", - "top": "800px", + "top": "1440px", "width": "49.375%", } } @@ -2026,10 +2026,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "304px", "height": "304px", - "left": "0%", + "left": "50.625%", "position": "absolute", - "top": "1280px", - "width": "24.0625%", + "top": "1760px", + "width": "49.375%", } } type="IMAGE" @@ -2476,7 +2476,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb onDrop={[Function]} style={ Object { - "height": "1584px", + "height": "2064px", } } > @@ -2495,7 +2495,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb "left": "0%", "position": "absolute", "top": "0px", - "width": "24.0625%", + "width": "49.375%", } } type="VALUE" @@ -2682,10 +2682,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "304px", "height": "304px", - "left": "25.3125%", + "left": "0%", "position": "absolute", - "top": "0px", - "width": "49.375%", + "top": "320px", + "width": "100%", } } type="BAR" @@ -2766,9 +2766,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "75.9375%", + "left": "0%", "position": "absolute", - "top": "0px", + "top": "640px", "width": "24.0625%", } } @@ -2855,9 +2855,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "75.9375%", + "left": "25.3125%", "position": "absolute", - "top": "160px", + "top": "640px", "width": "24.0625%", } } @@ -2944,10 +2944,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "0%", + "left": "50.625%", "position": "absolute", - "top": "320px", - "width": "24.0625%", + "top": "640px", + "width": "49.375%", } } type="CUSTOM" @@ -2983,9 +2983,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "25.3125%", + "left": "0%", "position": "absolute", - "top": "320px", + "top": "800px", "width": "24.0625%", } } @@ -3075,9 +3075,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "50.625%", + "left": "25.3125%", "position": "absolute", - "top": "320px", + "top": "800px", "width": "24.0625%", } } @@ -3167,9 +3167,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "75.9375%", + "left": "50.625%", "position": "absolute", - "top": "320px", + "top": "800px", "width": "24.0625%", } } @@ -3281,9 +3281,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "0%", + "left": "75.9375%", "position": "absolute", - "top": "480px", + "top": "800px", "width": "24.0625%", } } @@ -3370,9 +3370,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "25.3125%", + "left": "0%", "position": "absolute", - "top": "480px", + "top": "960px", "width": "24.0625%", } } @@ -3521,10 +3521,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "50.625%", + "left": "25.3125%", "position": "absolute", - "top": "480px", - "width": "24.0625%", + "top": "960px", + "width": "49.375%", } } type="VALUE" @@ -3640,10 +3640,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "304px", "height": "304px", - "left": "75.9375%", + "left": "0%", "position": "absolute", - "top": "480px", - "width": "24.0625%", + "top": "1120px", + "width": "49.375%", } } type="TIMESERIES" @@ -3769,9 +3769,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "624px", "height": "624px", - "left": "0%", + "left": "50.625%", "position": "absolute", - "top": "640px", + "top": "1120px", "width": "49.375%", } } @@ -4312,9 +4312,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "624px", "height": "624px", - "left": "50.625%", + "left": "0%", "position": "absolute", - "top": "800px", + "top": "1440px", "width": "49.375%", } } @@ -4442,10 +4442,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "304px", "height": "304px", - "left": "0%", + "left": "50.625%", "position": "absolute", - "top": "1280px", - "width": "24.0625%", + "top": "1760px", + "width": "49.375%", } } type="IMAGE" @@ -4920,7 +4920,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb onDrop={[Function]} style={ Object { - "height": "1584px", + "height": "2064px", } } > @@ -4939,7 +4939,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb "left": "0%", "position": "absolute", "top": "0px", - "width": "24.0625%", + "width": "49.375%", } } type="VALUE" @@ -5126,10 +5126,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "304px", "height": "304px", - "left": "25.3125%", + "left": "0%", "position": "absolute", - "top": "0px", - "width": "49.375%", + "top": "320px", + "width": "100%", } } type="BAR" @@ -5210,9 +5210,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "75.9375%", + "left": "0%", "position": "absolute", - "top": "0px", + "top": "640px", "width": "24.0625%", } } @@ -5299,9 +5299,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "75.9375%", + "left": "25.3125%", "position": "absolute", - "top": "160px", + "top": "640px", "width": "24.0625%", } } @@ -5388,10 +5388,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "0%", + "left": "50.625%", "position": "absolute", - "top": "320px", - "width": "24.0625%", + "top": "640px", + "width": "49.375%", } } type="CUSTOM" @@ -5427,9 +5427,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "25.3125%", + "left": "0%", "position": "absolute", - "top": "320px", + "top": "800px", "width": "24.0625%", } } @@ -5519,9 +5519,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "50.625%", + "left": "25.3125%", "position": "absolute", - "top": "320px", + "top": "800px", "width": "24.0625%", } } @@ -5611,9 +5611,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "75.9375%", + "left": "50.625%", "position": "absolute", - "top": "320px", + "top": "800px", "width": "24.0625%", } } @@ -5725,9 +5725,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "0%", + "left": "75.9375%", "position": "absolute", - "top": "480px", + "top": "800px", "width": "24.0625%", } } @@ -5814,9 +5814,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "25.3125%", + "left": "0%", "position": "absolute", - "top": "480px", + "top": "960px", "width": "24.0625%", } } @@ -5965,10 +5965,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "50.625%", + "left": "25.3125%", "position": "absolute", - "top": "480px", - "width": "24.0625%", + "top": "960px", + "width": "49.375%", } } type="VALUE" @@ -6084,10 +6084,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "304px", "height": "304px", - "left": "75.9375%", + "left": "0%", "position": "absolute", - "top": "480px", - "width": "24.0625%", + "top": "1120px", + "width": "49.375%", } } type="TIMESERIES" @@ -6213,9 +6213,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "624px", "height": "624px", - "left": "0%", + "left": "50.625%", "position": "absolute", - "top": "640px", + "top": "1120px", "width": "49.375%", } } @@ -6756,9 +6756,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "624px", "height": "624px", - "left": "50.625%", + "left": "0%", "position": "absolute", - "top": "800px", + "top": "1440px", "width": "49.375%", } } @@ -6886,10 +6886,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "304px", "height": "304px", - "left": "0%", + "left": "50.625%", "position": "absolute", - "top": "1280px", - "width": "24.0625%", + "top": "1760px", + "width": "49.375%", } } type="IMAGE" @@ -9938,7 +9938,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb onDrop={[Function]} style={ Object { - "height": "1584px", + "height": "2064px", } } > @@ -9957,7 +9957,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb "left": "0%", "position": "absolute", "top": "0px", - "width": "24.0625%", + "width": "49.375%", } } type="VALUE" @@ -10144,10 +10144,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "304px", "height": "304px", - "left": "25.3125%", + "left": "0%", "position": "absolute", - "top": "0px", - "width": "49.375%", + "top": "320px", + "width": "100%", } } type="BAR" @@ -10228,9 +10228,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "75.9375%", + "left": "0%", "position": "absolute", - "top": "0px", + "top": "640px", "width": "24.0625%", } } @@ -10317,9 +10317,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "75.9375%", + "left": "25.3125%", "position": "absolute", - "top": "160px", + "top": "640px", "width": "24.0625%", } } @@ -10406,10 +10406,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "0%", + "left": "50.625%", "position": "absolute", - "top": "320px", - "width": "24.0625%", + "top": "640px", + "width": "49.375%", } } type="CUSTOM" @@ -10445,9 +10445,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "25.3125%", + "left": "0%", "position": "absolute", - "top": "320px", + "top": "800px", "width": "24.0625%", } } @@ -10537,9 +10537,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "50.625%", + "left": "25.3125%", "position": "absolute", - "top": "320px", + "top": "800px", "width": "24.0625%", } } @@ -10629,9 +10629,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "75.9375%", + "left": "50.625%", "position": "absolute", - "top": "320px", + "top": "800px", "width": "24.0625%", } } @@ -10743,9 +10743,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "0%", + "left": "75.9375%", "position": "absolute", - "top": "480px", + "top": "800px", "width": "24.0625%", } } @@ -10832,9 +10832,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "25.3125%", + "left": "0%", "position": "absolute", - "top": "480px", + "top": "960px", "width": "24.0625%", } } @@ -10983,10 +10983,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "50.625%", + "left": "25.3125%", "position": "absolute", - "top": "480px", - "width": "24.0625%", + "top": "960px", + "width": "49.375%", } } type="VALUE" @@ -11102,10 +11102,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "304px", "height": "304px", - "left": "75.9375%", + "left": "0%", "position": "absolute", - "top": "480px", - "width": "24.0625%", + "top": "1120px", + "width": "49.375%", } } type="TIMESERIES" @@ -11231,9 +11231,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "624px", "height": "624px", - "left": "0%", + "left": "50.625%", "position": "absolute", - "top": "640px", + "top": "1120px", "width": "49.375%", } } @@ -11774,9 +11774,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "624px", "height": "624px", - "left": "50.625%", + "left": "0%", "position": "absolute", - "top": "800px", + "top": "1440px", "width": "49.375%", } } @@ -11904,10 +11904,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "304px", "height": "304px", - "left": "0%", + "left": "50.625%", "position": "absolute", - "top": "1280px", - "width": "24.0625%", + "top": "1760px", + "width": "49.375%", } } type="IMAGE" @@ -16771,7 +16771,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb onDrop={[Function]} style={ Object { - "height": "784px", + "height": "1584px", } } > @@ -16790,7 +16790,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb "left": "0%", "position": "absolute", "top": "0px", - "width": "24.0625%", + "width": "49.375%", } } type="VALUE" @@ -16871,10 +16871,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "25.3125%", + "left": "50.625%", "position": "absolute", "top": "0px", - "width": "24.0625%", + "width": "49.375%", } } type="VALUE" @@ -16957,10 +16957,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "50.625%", + "left": "0%", "position": "absolute", - "top": "0px", - "width": "24.0625%", + "top": "160px", + "width": "49.375%", } } type="VALUE" @@ -17043,10 +17043,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "75.9375%", + "left": "50.625%", "position": "absolute", - "top": "0px", - "width": "24.0625%", + "top": "160px", + "width": "49.375%", } } type="VALUE" @@ -17131,8 +17131,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb "height": "144px", "left": "0%", "position": "absolute", - "top": "160px", - "width": "24.0625%", + "top": "320px", + "width": "49.375%", } } type="VALUE" @@ -17215,10 +17215,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "25.3125%", + "left": "50.625%", "position": "absolute", - "top": "160px", - "width": "24.0625%", + "top": "320px", + "width": "49.375%", } } type="VALUE" @@ -17303,10 +17303,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "50.625%", + "left": "0%", "position": "absolute", - "top": "160px", - "width": "24.0625%", + "top": "480px", + "width": "49.375%", } } type="VALUE" @@ -17391,10 +17391,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "75.9375%", + "left": "50.625%", "position": "absolute", - "top": "160px", - "width": "24.0625%", + "top": "480px", + "width": "49.375%", } } type="VALUE" @@ -17479,8 +17479,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb "height": "144px", "left": "0%", "position": "absolute", - "top": "320px", - "width": "24.0625%", + "top": "640px", + "width": "49.375%", } } type="VALUE" @@ -17566,10 +17566,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "25.3125%", + "left": "50.625%", "position": "absolute", - "top": "320px", - "width": "24.0625%", + "top": "640px", + "width": "49.375%", } } type="VALUE" @@ -17652,10 +17652,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "50.625%", + "left": "0%", "position": "absolute", - "top": "320px", - "width": "24.0625%", + "top": "800px", + "width": "49.375%", } } type="VALUE" @@ -17741,10 +17741,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "75.9375%", + "left": "50.625%", "position": "absolute", - "top": "320px", - "width": "24.0625%", + "top": "800px", + "width": "49.375%", } } type="VALUE" @@ -17854,8 +17854,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb "height": "144px", "left": "0%", "position": "absolute", - "top": "480px", - "width": "24.0625%", + "top": "960px", + "width": "49.375%", } } type="VALUE" @@ -17968,10 +17968,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "25.3125%", + "left": "50.625%", "position": "absolute", - "top": "480px", - "width": "24.0625%", + "top": "960px", + "width": "49.375%", } } type="VALUE" @@ -18084,10 +18084,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "50.625%", + "left": "0%", "position": "absolute", - "top": "480px", - "width": "24.0625%", + "top": "1120px", + "width": "49.375%", } } type="VALUE" @@ -18195,10 +18195,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "75.9375%", + "left": "50.625%", "position": "absolute", - "top": "480px", - "width": "24.0625%", + "top": "1120px", + "width": "49.375%", } } type="VALUE" @@ -18283,8 +18283,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb "height": "144px", "left": "0%", "position": "absolute", - "top": "640px", - "width": "24.0625%", + "top": "1280px", + "width": "49.375%", } } type="VALUE" @@ -18367,10 +18367,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "25.3125%", + "left": "50.625%", "position": "absolute", - "top": "640px", - "width": "24.0625%", + "top": "1280px", + "width": "49.375%", } } type="VALUE" @@ -18453,10 +18453,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "50.625%", + "left": "0%", "position": "absolute", - "top": "640px", - "width": "24.0625%", + "top": "1440px", + "width": "49.375%", } } type="VALUE" @@ -18539,10 +18539,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "75.9375%", + "left": "50.625%", "position": "absolute", - "top": "640px", - "width": "24.0625%", + "top": "1440px", + "width": "49.375%", } } type="VALUE" @@ -18678,7 +18678,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb onDrop={[Function]} style={ Object { - "height": "784px", + "height": "1584px", } } > @@ -18697,7 +18697,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb "left": "0%", "position": "absolute", "top": "0px", - "width": "24.0625%", + "width": "49.375%", } } type="VALUE" @@ -18778,10 +18778,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "25.3125%", + "left": "50.625%", "position": "absolute", "top": "0px", - "width": "24.0625%", + "width": "49.375%", } } type="VALUE" @@ -18864,10 +18864,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "50.625%", + "left": "0%", "position": "absolute", - "top": "0px", - "width": "24.0625%", + "top": "160px", + "width": "49.375%", } } type="VALUE" @@ -18950,10 +18950,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "75.9375%", + "left": "50.625%", "position": "absolute", - "top": "0px", - "width": "24.0625%", + "top": "160px", + "width": "49.375%", } } type="VALUE" @@ -19038,8 +19038,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb "height": "144px", "left": "0%", "position": "absolute", - "top": "160px", - "width": "24.0625%", + "top": "320px", + "width": "49.375%", } } type="VALUE" @@ -19122,10 +19122,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "25.3125%", + "left": "50.625%", "position": "absolute", - "top": "160px", - "width": "24.0625%", + "top": "320px", + "width": "49.375%", } } type="VALUE" @@ -19210,10 +19210,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "50.625%", + "left": "0%", "position": "absolute", - "top": "160px", - "width": "24.0625%", + "top": "480px", + "width": "49.375%", } } type="VALUE" @@ -19298,10 +19298,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "75.9375%", + "left": "50.625%", "position": "absolute", - "top": "160px", - "width": "24.0625%", + "top": "480px", + "width": "49.375%", } } type="VALUE" @@ -19386,8 +19386,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb "height": "144px", "left": "0%", "position": "absolute", - "top": "320px", - "width": "24.0625%", + "top": "640px", + "width": "49.375%", } } type="VALUE" @@ -19473,10 +19473,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "25.3125%", + "left": "50.625%", "position": "absolute", - "top": "320px", - "width": "24.0625%", + "top": "640px", + "width": "49.375%", } } type="VALUE" @@ -19559,10 +19559,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "50.625%", + "left": "0%", "position": "absolute", - "top": "320px", - "width": "24.0625%", + "top": "800px", + "width": "49.375%", } } type="VALUE" @@ -19648,10 +19648,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "75.9375%", + "left": "50.625%", "position": "absolute", - "top": "320px", - "width": "24.0625%", + "top": "800px", + "width": "49.375%", } } type="VALUE" @@ -19761,8 +19761,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb "height": "144px", "left": "0%", "position": "absolute", - "top": "480px", - "width": "24.0625%", + "top": "960px", + "width": "49.375%", } } type="VALUE" @@ -19875,10 +19875,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "25.3125%", + "left": "50.625%", "position": "absolute", - "top": "480px", - "width": "24.0625%", + "top": "960px", + "width": "49.375%", } } type="VALUE" @@ -19991,10 +19991,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "50.625%", + "left": "0%", "position": "absolute", - "top": "480px", - "width": "24.0625%", + "top": "1120px", + "width": "49.375%", } } type="VALUE" @@ -20102,10 +20102,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "75.9375%", + "left": "50.625%", "position": "absolute", - "top": "480px", - "width": "24.0625%", + "top": "1120px", + "width": "49.375%", } } type="VALUE" @@ -20190,8 +20190,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb "height": "144px", "left": "0%", "position": "absolute", - "top": "640px", - "width": "24.0625%", + "top": "1280px", + "width": "49.375%", } } type="VALUE" @@ -20274,10 +20274,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "25.3125%", + "left": "50.625%", "position": "absolute", - "top": "640px", - "width": "24.0625%", + "top": "1280px", + "width": "49.375%", } } type="VALUE" @@ -20360,10 +20360,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "50.625%", + "left": "0%", "position": "absolute", - "top": "640px", - "width": "24.0625%", + "top": "1440px", + "width": "49.375%", } } type="VALUE" @@ -20446,10 +20446,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "75.9375%", + "left": "50.625%", "position": "absolute", - "top": "640px", - "width": "24.0625%", + "top": "1440px", + "width": "49.375%", } } type="VALUE" @@ -20585,7 +20585,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb onDrop={[Function]} style={ Object { - "height": "144px", + "height": "304px", } } > @@ -20604,7 +20604,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb "left": "0%", "position": "absolute", "top": "0px", - "width": "24.0625%", + "width": "49.375%", } } type="VALUE" @@ -20731,10 +20731,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "25.3125%", + "left": "50.625%", "position": "absolute", "top": "0px", - "width": "24.0625%", + "width": "49.375%", } } type="VALUE" @@ -20859,10 +20859,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "50.625%", + "left": "0%", "position": "absolute", - "top": "0px", - "width": "24.0625%", + "top": "160px", + "width": "49.375%", } } type="VALUE" @@ -21042,7 +21042,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb onDrop={[Function]} style={ Object { - "height": "144px", + "height": "304px", } } > @@ -21061,7 +21061,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb "left": "0%", "position": "absolute", "top": "0px", - "width": "24.0625%", + "width": "49.375%", } } type="VALUE" @@ -21188,10 +21188,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "25.3125%", + "left": "50.625%", "position": "absolute", "top": "0px", - "width": "24.0625%", + "width": "49.375%", } } type="VALUE" @@ -21316,10 +21316,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "50.625%", + "left": "0%", "position": "absolute", - "top": "0px", - "width": "24.0625%", + "top": "160px", + "width": "49.375%", } } type="VALUE" @@ -21499,7 +21499,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb onDrop={[Function]} style={ Object { - "height": "144px", + "height": "304px", } } > @@ -21518,7 +21518,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb "left": "0%", "position": "absolute", "top": "0px", - "width": "24.0625%", + "width": "49.375%", } } type="VALUE" @@ -21645,10 +21645,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "25.3125%", + "left": "50.625%", "position": "absolute", "top": "0px", - "width": "24.0625%", + "width": "49.375%", } } type="VALUE" @@ -21773,10 +21773,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "50.625%", + "left": "0%", "position": "absolute", - "top": "0px", - "width": "24.0625%", + "top": "160px", + "width": "49.375%", } } type="VALUE" @@ -21956,7 +21956,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb onDrop={[Function]} style={ Object { - "height": "144px", + "height": "304px", } } > @@ -21975,7 +21975,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb "left": "0%", "position": "absolute", "top": "0px", - "width": "24.0625%", + "width": "49.375%", } } type="VALUE" @@ -22102,10 +22102,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "25.3125%", + "left": "50.625%", "position": "absolute", "top": "0px", - "width": "24.0625%", + "width": "49.375%", } } type="VALUE" @@ -22230,10 +22230,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "50.625%", + "left": "0%", "position": "absolute", - "top": "0px", - "width": "24.0625%", + "top": "160px", + "width": "49.375%", } } type="VALUE" @@ -22432,7 +22432,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb "left": "0%", "position": "absolute", "top": "0px", - "width": "24.0625%", + "width": "49.375%", } } type="VALUE" @@ -22614,10 +22614,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "25.3125%", + "left": "50.625%", "position": "absolute", "top": "0px", - "width": "24.0625%", + "width": "49.375%", } } type="VALUE" @@ -22871,7 +22871,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb "left": "0%", "position": "absolute", "top": "0px", - "width": "24.0625%", + "width": "49.375%", } } type="VALUE" @@ -23053,10 +23053,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "25.3125%", + "left": "50.625%", "position": "absolute", "top": "0px", - "width": "24.0625%", + "width": "49.375%", } } type="VALUE" @@ -23291,7 +23291,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb onDrop={[Function]} style={ Object { - "height": "304px", + "height": "624px", } } > @@ -23310,7 +23310,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb "left": "0%", "position": "absolute", "top": "0px", - "width": "24.0625%", + "width": "49.375%", } } type="VALUE" @@ -23494,10 +23494,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "304px", "height": "304px", - "left": "25.3125%", + "left": "50.625%", "position": "absolute", "top": "0px", - "width": "24.0625%", + "width": "49.375%", } } type="VALUE" @@ -23675,10 +23675,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "304px", "height": "304px", - "left": "50.625%", + "left": "0%", "position": "absolute", - "top": "0px", - "width": "24.0625%", + "top": "320px", + "width": "49.375%", } } type="VALUE" @@ -23994,7 +23994,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb onDrop={[Function]} style={ Object { - "height": "304px", + "height": "624px", } } > @@ -24013,7 +24013,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb "left": "0%", "position": "absolute", "top": "0px", - "width": "24.0625%", + "width": "49.375%", } } type="VALUE" @@ -24197,10 +24197,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "304px", "height": "304px", - "left": "25.3125%", + "left": "50.625%", "position": "absolute", "top": "0px", - "width": "24.0625%", + "width": "49.375%", } } type="VALUE" @@ -24378,10 +24378,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "304px", "height": "304px", - "left": "50.625%", + "left": "0%", "position": "absolute", - "top": "0px", - "width": "24.0625%", + "top": "320px", + "width": "49.375%", } } type="VALUE" @@ -24757,7 +24757,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb onDrop={[Function]} style={ Object { - "height": "1584px", + "height": "2064px", } } > @@ -24776,7 +24776,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb "left": "0%", "position": "absolute", "top": "0px", - "width": "24.0625%", + "width": "49.375%", } } type="VALUE" @@ -24963,10 +24963,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "304px", "height": "304px", - "left": "25.3125%", + "left": "0%", "position": "absolute", - "top": "0px", - "width": "49.375%", + "top": "320px", + "width": "100%", } } type="BAR" @@ -25047,9 +25047,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "75.9375%", + "left": "0%", "position": "absolute", - "top": "0px", + "top": "640px", "width": "24.0625%", } } @@ -25136,9 +25136,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "75.9375%", + "left": "25.3125%", "position": "absolute", - "top": "160px", + "top": "640px", "width": "24.0625%", } } @@ -25225,10 +25225,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "0%", + "left": "50.625%", "position": "absolute", - "top": "320px", - "width": "24.0625%", + "top": "640px", + "width": "49.375%", } } type="CUSTOM" @@ -25264,9 +25264,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "25.3125%", + "left": "0%", "position": "absolute", - "top": "320px", + "top": "800px", "width": "24.0625%", } } @@ -25356,9 +25356,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "50.625%", + "left": "25.3125%", "position": "absolute", - "top": "320px", + "top": "800px", "width": "24.0625%", } } @@ -25448,9 +25448,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "75.9375%", + "left": "50.625%", "position": "absolute", - "top": "320px", + "top": "800px", "width": "24.0625%", } } @@ -25562,9 +25562,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "0%", + "left": "75.9375%", "position": "absolute", - "top": "480px", + "top": "800px", "width": "24.0625%", } } @@ -25651,9 +25651,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "25.3125%", + "left": "0%", "position": "absolute", - "top": "480px", + "top": "960px", "width": "24.0625%", } } @@ -25802,10 +25802,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "50.625%", + "left": "25.3125%", "position": "absolute", - "top": "480px", - "width": "24.0625%", + "top": "960px", + "width": "49.375%", } } type="VALUE" @@ -25921,10 +25921,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "304px", "height": "304px", - "left": "75.9375%", + "left": "0%", "position": "absolute", - "top": "480px", - "width": "24.0625%", + "top": "1120px", + "width": "49.375%", } } type="TIMESERIES" @@ -26050,9 +26050,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "624px", "height": "624px", - "left": "0%", + "left": "50.625%", "position": "absolute", - "top": "640px", + "top": "1120px", "width": "49.375%", } } @@ -26593,9 +26593,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "624px", "height": "624px", - "left": "50.625%", + "left": "0%", "position": "absolute", - "top": "800px", + "top": "1440px", "width": "49.375%", } } @@ -26723,10 +26723,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "304px", "height": "304px", - "left": "0%", + "left": "50.625%", "position": "absolute", - "top": "1280px", - "width": "24.0625%", + "top": "1760px", + "width": "49.375%", } } type="IMAGE" @@ -27163,7 +27163,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb onDrop={[Function]} style={ Object { - "height": "624px", + "height": "1264px", } } > @@ -27182,7 +27182,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb "left": "0%", "position": "absolute", "top": "0px", - "width": "24.0625%", + "width": "49.375%", } } type="CUSTOM" @@ -27325,10 +27325,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "304px", "height": "304px", - "left": "25.3125%", + "left": "50.625%", "position": "absolute", "top": "0px", - "width": "24.0625%", + "width": "49.375%", } } type="CUSTOM" @@ -27767,10 +27767,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "304px", "height": "304px", - "left": "50.625%", + "left": "0%", "position": "absolute", - "top": "0px", - "width": "24.0625%", + "top": "320px", + "width": "49.375%", } } type="CUSTOM" @@ -28498,10 +28498,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "75.9375%", + "left": "50.625%", "position": "absolute", - "top": "0px", - "width": "24.0625%", + "top": "320px", + "width": "49.375%", } } type="CUSTOM" @@ -28567,10 +28567,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "75.9375%", + "left": "50.625%", "position": "absolute", - "top": "160px", - "width": "24.0625%", + "top": "480px", + "width": "49.375%", } } type="CUSTOM" @@ -28670,8 +28670,8 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb "height": "304px", "left": "0%", "position": "absolute", - "top": "320px", - "width": "49.375%", + "top": "640px", + "width": "100%", } } type="LIST" @@ -28855,10 +28855,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "304px", "height": "304px", - "left": "50.625%", + "left": "0%", "position": "absolute", - "top": "320px", - "width": "49.375%", + "top": "960px", + "width": "100%", } } type="LIST" diff --git a/src/components/Dashboard/__snapshots__/DashboardGrid.story.storyshot b/src/components/Dashboard/__snapshots__/DashboardGrid.story.storyshot index e0f31594ba..ac03734d33 100644 --- a/src/components/Dashboard/__snapshots__/DashboardGrid.story.storyshot +++ b/src/components/Dashboard/__snapshots__/DashboardGrid.story.storyshot @@ -35,7 +35,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb onDrop={[Function]} style={ Object { - "height": "1744px", + "height": "2064px", } } > @@ -113,7 +113,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb "left": "25.3125%", "position": "absolute", "top": "0px", - "width": "24.0625%", + "width": "49.375%", } } type="VALUE" @@ -231,7 +231,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb "left": "25.3125%", "position": "absolute", "top": "160px", - "width": "24.0625%", + "width": "49.375%", } } type="VALUE" @@ -287,10 +287,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "304px", "height": "304px", - "left": "50.625%", + "left": "0%", "position": "absolute", - "top": "0px", - "width": "49.375%", + "top": "480px", + "width": "100%", } } type="VALUE" @@ -348,7 +348,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb "height": "624px", "left": "0%", "position": "absolute", - "top": "480px", + "top": "800px", "width": "24.0625%", } } @@ -407,7 +407,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb "height": "624px", "left": "25.3125%", "position": "absolute", - "top": "480px", + "top": "800px", "width": "49.375%", } } @@ -466,7 +466,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb "height": "624px", "left": "0%", "position": "absolute", - "top": "1120px", + "top": "1440px", "width": "100%", } } @@ -578,7 +578,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb onDrop={[Function]} style={ Object { - "height": "2544px", + "height": "3024px", } } > @@ -670,7 +670,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb "left": "25.3125%", "position": "absolute", "top": "0px", - "width": "24.0625%", + "width": "49.375%", } } > @@ -941,7 +941,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb "left": "25.3125%", "position": "absolute", "top": "160px", - "width": "24.0625%", + "width": "49.375%", } } > @@ -1014,7 +1014,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb "height": "624px", "left": "25.3125%", "position": "absolute", - "top": "640px", + "top": "1120px", "width": "49.375%", } } @@ -2410,7 +2410,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb "height": "624px", "left": "50.625%", "position": "absolute", - "top": "0px", + "top": "480px", "width": "49.375%", } } @@ -2700,7 +2700,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb "height": "624px", "left": "25.3125%", "position": "absolute", - "top": "1280px", + "top": "1760px", "width": "24.0625%", } } @@ -2931,7 +2931,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb "height": "624px", "left": "0%", "position": "absolute", - "top": "1920px", + "top": "2400px", "width": "100%", } } @@ -3064,7 +3064,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb "left": "25.3125%", "position": "absolute", "top": "320px", - "width": "24.0625%", + "width": "49.375%", } } type="VALUE" @@ -3313,7 +3313,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb "left": "0%", "position": "absolute", "top": "0px", - "width": "24.0625%", + "width": "49.375%", } } type="VALUE" @@ -3370,7 +3370,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "25.3125%", + "left": "50.625%", "position": "absolute", "top": "0px", "width": "24.0625%", @@ -3430,7 +3430,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "50.625%", + "left": "75.9375%", "position": "absolute", "top": "0px", "width": "24.0625%", @@ -3562,7 +3562,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb "left": "0%", "position": "absolute", "top": "0px", - "width": "24.0625%", + "width": "49.375%", } } type="VALUE" @@ -3619,7 +3619,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "25.3125%", + "left": "50.625%", "position": "absolute", "top": "0px", "width": "24.0625%", @@ -3679,7 +3679,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb Object { "--card-default-height": "144px", "height": "144px", - "left": "50.625%", + "left": "75.9375%", "position": "absolute", "top": "0px", "width": "24.0625%", diff --git a/src/components/DashboardEditor/DashboardEditor.jsx b/src/components/DashboardEditor/DashboardEditor.jsx index e7fb3e2fad..36b3a9a4ae 100644 --- a/src/components/DashboardEditor/DashboardEditor.jsx +++ b/src/components/DashboardEditor/DashboardEditor.jsx @@ -446,6 +446,7 @@ const DashboardEditor = ({ onValidateCardJson={onValidateCardJson} supportedCardTypes={supportedCardTypes} i18n={mergedI18n} + currentBreakpoint={currentBreakpoint} />
diff --git a/src/components/DashboardEditor/DashboardEditor.test.jsx b/src/components/DashboardEditor/DashboardEditor.test.jsx index cd219e92bb..42c5784bd3 100644 --- a/src/components/DashboardEditor/DashboardEditor.test.jsx +++ b/src/components/DashboardEditor/DashboardEditor.test.jsx @@ -73,7 +73,7 @@ describe('DashboardEditor', () => { const addCardBtn = screen.getByText('Add card'); expect(addCardBtn).toBeInTheDocument(); - const cardSizeFormInput = screen.getByText('Medium (4x2)'); + const cardSizeFormInput = screen.getByText('Medium (8x2)'); expect(cardSizeFormInput).toBeInTheDocument(); }); @@ -96,7 +96,7 @@ describe('DashboardEditor', () => { const addCardBtn = screen.getByText('Add card'); expect(addCardBtn).toBeInTheDocument(); - const cardSizeFormInput = screen.getByText('Medium (4x2)'); + const cardSizeFormInput = screen.getByText('Medium (8x2)'); expect(cardSizeFormInput).toBeInTheDocument(); }); @@ -119,7 +119,7 @@ describe('DashboardEditor', () => { const addCardBtn = screen.getByText('Add card'); expect(addCardBtn).toBeInTheDocument(); - const cardSizeFormInput = screen.getByText('Medium (4x2)'); + const cardSizeFormInput = screen.getByText('Medium (8x2)'); expect(cardSizeFormInput).toBeInTheDocument(); }); diff --git a/src/components/DashboardEditor/DashboardEditorHeader/__snapshots__/DashboardEditorHeader.story.storyshot b/src/components/DashboardEditor/DashboardEditorHeader/__snapshots__/DashboardEditorHeader.story.storyshot index 458547d651..abe9aab53f 100644 --- a/src/components/DashboardEditor/DashboardEditorHeader/__snapshots__/DashboardEditorHeader.story.storyshot +++ b/src/components/DashboardEditor/DashboardEditorHeader/__snapshots__/DashboardEditorHeader.story.storyshot @@ -85,7 +85,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT Exper className="iot--dashboard-editor-header--bottom" >