From c898d9d8cea4cd8d47b775782c178eda007f3640 Mon Sep 17 00:00:00 2001 From: Vio Date: Sun, 27 Feb 2022 21:45:04 +0100 Subject: [PATCH] FIXUP --- .../__snapshots__/storyshots.test.js.snap | 43610 ++ .../summary-item.stories.storyshot | 85 +- .../hover-card.stories.storyshot | 34 +- .../icon/__snapshots__/icon.stories.storyshot | 51 +- .../tag/__snapshots__/tag.stories.storyshot | 34 +- .../ui/build/storybook/storyshots.test.js | 15 +- .../asset-info.stories.storyshot | 305 +- .../__snapshots__/delta.stories.storyshot | 198 +- ...plicate-packages-warning.stories.storyshot | 285 +- .../job-header.stories.storyshot | 405 +- .../__snapshots__/job-meta.stories.storyshot | 76 +- .../__snapshots__/job-name.stories.storyshot | 1608 +- .../jobs-header.stories.storyshot | 807 +- .../__snapshots__/metric.stories.storyshot | 326 +- .../metrics-table-options.stories.storyshot | 2699 +- .../metrics-table-search.stories.storyshot | 50 +- .../metrics-table.stories.storyshot | 5911 +- .../module-info.stories.storyshot | 187 +- .../__snapshots__/summary.stories.storyshot | 15770 +- .../box/__snapshots__/box.stories.storyshot | 235 +- .../flex-stack.stories.storyshot | 352 +- .../__snapshots__/footer.stories.storyshot | 264 +- .../__snapshots__/header.stories.storyshot | 250 +- .../__snapshots__/stack.stories.storyshot | 352 +- .../sub-header.stories.storyshot | 712 +- packages/ui/src/stories/wrapper.jsx | 32 +- .../__snapshots__/alert.stories.storyshot | 1615 +- .../__snapshots__/container.stories.storyshot | 266 +- .../__snapshots__/dropdown.stories.storyshot | 2534 +- .../__snapshots__/empty-set.stories.storyshot | 650 +- .../__snapshots__/file-name.stories.storyshot | 315 +- .../__snapshots__/filters.stories.storyshot | 501635 +++++++-------- .../horizontal-bar-chart.stories.storyshot | 6331 +- .../__snapshots__/input.stories.storyshot | 602 +- .../__snapshots__/loader.stories.storyshot | 594 +- .../logo/__snapshots__/logo.stories.storyshot | 1049 +- .../__snapshots__/panels.stories.storyshot | 341 +- .../__snapshots__/skeleton.stories.storyshot | 295 +- .../sort-dropdown.stories.storyshot | 6001 +- .../__snapshots__/table.stories.storyshot | 5532 +- .../tabs/__snapshots__/tabs.stories.storyshot | 333 +- .../__snapshots__/toolbar.stories.storyshot | 640 +- .../__snapshots__/tooltip.stories.storyshot | 2030 +- 43 files changed, 333221 insertions(+), 272195 deletions(-) create mode 100644 packages/ui/build/storybook/__snapshots__/storyshots.test.js.snap diff --git a/packages/ui/build/storybook/__snapshots__/storyshots.test.js.snap b/packages/ui/build/storybook/__snapshots__/storyshots.test.js.snap new file mode 100644 index 0000000000..26bf47f9d8 --- /dev/null +++ b/packages/ui/build/storybook/__snapshots__/storyshots.test.js.snap @@ -0,0 +1,43610 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`Storyshots Components/AssetInfo default 1`] = ` +
+
+
+
+

+ Job #2 +

+ + static/vendor.abcd1234.js + +
+
+

+ Job #1 +

+ + static/vendor.defg5678.js + +
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots Components/AssetInfo with chunks 1`] = ` +
+
+
+
+

+ Job #2 +

+ + static/vendor.abcd1234.js + + + View chunk modules + +
+
+

+ Job #1 +

+ + static/vendor.defg5678.js + +
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots Components/Delta default 1`] = ` +
+
+ + 20% + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots Components/Delta empty 1`] = ` +
+
+ + 0% + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots Components/Delta inverted 1`] = ` +
+
+ + 1% + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots Components/Delta negative 1`] = ` +
+
+ + 20% + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots Components/Delta slightlyNegative 1`] = ` +
+
+ + 1% + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots Components/Delta slightlyPositive 1`] = ` +
+
+ + 1% + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots Components/DuplicatePackagesWarning multiple jobs 1`] = ` +
+
+
+ Bundle contains + + 2 + + -1 + + duplicate packages. + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots Components/DuplicatePackagesWarning no changes 1`] = ` +
+
+
+ Bundle contains + + 2 + duplicate packages. + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots Components/DuplicatePackagesWarning single job 1`] = ` +
+
+
+ Bundle contains + + 1 + duplicate package. + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots Components/JobHeader default 1`] = ` +
+
+
+

+ + #1 + + +

+
+ + + + + + + + 9 days ago + + + + + + + + + + abcd1234 + + +
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots Components/JobHeader with custom content 1`] = ` +
+
+
+

+ + #1 + + +

+
+ + + + + + + + 9 days ago + + + + + + + + + + abcd1234 + + +
+

+ Lorem ipsum dolor sit amed +

+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots Components/JobHeader with tag 1`] = ` +
+
+
+

+ + #1 + + + current + +

+
+ + + + + + + + 9 days ago + + + + + + + + + + abcd1234 + + +
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots Components/JobMeta default 1`] = ` +
+
+
+
+

+ #123 +

+

+ July 3th +

+
+
+

+ #122 +

+

+ July 4th +

+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots Components/JobName custom component 1`] = ` +
+
+ + Job #10 + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots Components/JobName default 1`] = ` +
+
+ + Job #10 + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots Components/JobName render 1`] = ` +
+
+ + + #10 + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots Components/JobsHeader default 1`] = ` +
+
+
+
+

+ + #1 + + + current + +

+
+ + + + + + + + 9 days ago + + + + + + + + + + abcd1234 + + +
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots Components/JobsHeader multiple equal jobs 1`] = ` +
+
+
+
+

+ + #1 + + + current + +

+
+ + + + + + + + 9 days ago + + + + + + + + + + abcd1234 + + +
+
+
+
+

+ + #2 + + + baseline + +

+
+ + + + + + + + 8 days ago + + + + + + + + + + efgh1234 + + +
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots Components/JobsHeader multiple jobs 1`] = ` +
+
+
+
+

+ + #1 + + + current + +

+
+ + + + + + + + 9 days ago + + + + + + + + + + abcd1234 + + +
+
+
+
+

+ + #2 + + + baseline + +

+
+ + + + + + + + 8 days ago + + + + + + + + + + efgh1234 + + +
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots Components/Metric default 1`] = ` +
+
+ + + + 100ms + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots Components/Metric modifier: anchored 1`] = ` +
+
+ + + + 100ms + + + + + +10% + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots Components/Metric modifier: delta 1`] = ` +
+
+ + + + 100ms + + + + + +10% + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots Components/Metric modifier: enhanced 1`] = ` +
+
+ + + + 100 + + + ms + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots Components/Metric modifier: formatted value 1`] = ` +
+
+ + + + 100KB + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots Components/Metric modifier: inline 1`] = ` +
+
+ + + + 100ms + + + + + +10% + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots Components/MetricsTable default 1`] = ` +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + Job #2 + + +
+ Total Size + + + + + 852.95KB + + + + +
+ Time To First Byte + + + + + 1.231s + + + + +
+ Score + + + + + 80 + + + + +
+ JS + + + + + 336.16KB + + + + +
+ DOM Size + + + + + 80 + + + + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots Components/MetricsTable empty 1`] = ` +
+
+ + + + + + + + + + + + + + +
+ + + + Job #2 + + + + + + + + Job #1 + + + +
+ No entries found. +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots Components/MetricsTable multiple runs 1`] = ` +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + Job #2 + + + + + + + + Job #1 + + + +
+ Total Size + + + + + 852.95KB + + + + + + + +613.98% + + + + + + 119.46KB + + + + +
+ Time To First Byte + + + + + 1s + + + + + + + +2.04% + + + + + + 980ms + + + + +
+ Score + + + + + 80 + + + + + + + +14.29% + + + + + + 70 + + + + +
+ Accessibility score + + + + + 80 + + + + + + + +2.56% + + + + + + 78 + + + + +
+ JS + + + + + 336.16KB + + + + + + + +100% + + + - +
+ DOM Size + + + + + 80 + + + + + + + 0% + + + + + + 80 + + + + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots Components/MetricsTable with header rows 1`] = ` +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + Colspan +
+ + + + Job #2 + + + + + + + + Job #1 + + + +
+ Total Size + + + + + 852.95KB + + + + + + + +613.98% + + + + + + 119.46KB + + + + +
+ Time To First Byte + + + + + 1s + + + + + + + +2.04% + + + + + + 980ms + + + + +
+ Score + + + + + 80 + + + + + + + +14.29% + + + + + + 70 + + + + +
+ Accessibility score + + + + + 80 + + + + + + + +2.56% + + + + + + 78 + + + + +
+ JS + + + + + 336.16KB + + + + + + + +100% + + + - +
+ DOM Size + + + + + 80 + + + + + + + 0% + + + + + + 80 + + + + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots Components/MetricsTableOptions default 1`] = ` +
+
+ +
+ +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots Components/MetricsTableSearch default 1`] = ` +
+
+
+ + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots Components/ModuleInfo default 1`] = ` +
+
+
+
+

+ Job #2 +

+
+ + Chunks: + + + vendors + +
+ + ./node_modules/lodash/fp/_baseConvert.js + +
+
+

+ Job #1 +

+ + ./node_modules/lodash/fp/_baseConvert.js + +
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots Components/Summary custom keys 1`] = ` +
+
+
+
+
+
+

+ + Assets + +
+ + + + + + + +
+ +
+
+

+
+ + + + 19 + + + + + + 0% + + + + + + + 19 + + + + +
+
+ + + + + + + +
+
+
+

+ + Chunks + +
+ + + + + + + +
+ +
+
+

+
+ + + + 4 + + + + + + 0% + + + + + + + 4 + + + + +
+
+ + + + + + + +
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots Components/Summary default 1`] = ` +
+
+
+
+
+
+

+ + Bundle Size + +
+ + + + + + + +
+ +
+
+

+
+ + + + 796.38 + + + KB + + + + + -0.38% + + + + + + + 799.44KB + + + + +
+
+ + + + + + + +
+
+
+

+ + Initial JS + +
+ + + + + + + +
+ +
+
+

+
+ + + + 578.07 + + + KB + + + + + +0.01% + + + + + + + 577.99KB + + + + +
+
+ + + + + + + +
+
+
+

+ + Initial CSS + +
+ + + + + + + +
+ +
+
+

+
+ + + + 21.19 + + + KB + + + + + -12.91% + + + + + + + 24.33KB + + + + +
+
+ + + + + + + +
+
+
+

+ + Cache Invalidation + +
+ + + + + + + +
+ +
+
+

+
+ + + + 75.34 + + + % + + + + + + + + 0% + + + + +
+
+ + + + + + + +
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots Components/Summary loading 1`] = ` +
+
+
+
+
+
+

+ + Bundle Size + +
+ + + + + + + +
+ +
+
+

+
+ + +
+
+
+
+
+

+ + Initial JS + +
+ + + + + + + +
+ +
+
+

+
+ + +
+
+
+
+
+

+ + Initial CSS + +
+ + + + + + + +
+ +
+
+

+
+ + +
+
+
+
+
+

+ + Cache Invalidation + +
+ + + + + + + +
+ +
+
+

+
+ + +
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots Components/Summary single run 1`] = ` +
+
+
+
+
+
+

+ + Bundle Size + +
+ + + + + + + +
+ +
+
+

+
+ + + + 796.38 + + + KB + + + + + + + + 0B + + + + +
+
+ + + + + + + +
+
+
+

+ + Initial JS + +
+ + + + + + + +
+ +
+
+

+
+ + + + 578.07 + + + KB + + + + + + + + 0B + + + + +
+
+ + + + + + + +
+
+
+

+ + Initial CSS + +
+ + + + + + + +
+ +
+
+

+
+ + + + 21.19 + + + KB + + + + + + + + 0B + + + + +
+
+ + + + + + + +
+
+
+

+ + Cache Invalidation + +
+ + + + + + + +
+ +
+
+

+
+ + + + 0 + + + % + + + + + + + + 0% + + + + +
+
+ + + + + + + +
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots Components/Summary with link 1`] = ` +
+
+
+
+
+
+

+ + Bundle Size + +
+ + + + + + + +
+ +
+
+

+
+ + + + 796.38 + + + KB + + + + + -0.38% + + + + + + + 799.44KB + + + + +
+
+ +
+
+
+

+ + Initial JS + +
+ + + + + + + +
+ +
+
+

+
+ + + + 578.07 + + + KB + + + + + +0.01% + + + + + + + 577.99KB + + + + +
+
+ +
+
+
+

+ + Initial CSS + +
+ + + + + + + +
+ +
+
+

+
+ + + + 21.19 + + + KB + + + + + -12.91% + + + + + + + 24.33KB + + + + +
+
+ +
+
+
+

+ + Cache Invalidation + +
+ + + + + + + +
+ +
+
+

+
+ + + + 75.34 + + + % + + + + + + + + 0% + + + + +
+
+ +
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots Components/SummaryItem Loading 1`] = ` +
+
+

+ + Bundle Size + +

+
+ + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots Components/SummaryItem Show Delta False 1`] = ` +
+
+

+ + Bundle Size + +

+
+ + + + 117.19 + + + KB + + + + + + + + 0B + + + + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots Components/SummaryItem Show Metric Description 1`] = ` +
+
+

+ + Bundle Size + +
+ + + + + + + +
+ +
+
+

+
+ + + + 117.19 + + + KB + + + + + +20% + + + + + + + 97.66KB + + + + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots Components/SummaryItem Size Large 1`] = ` +
+
+

+ + Bundle Size + +

+
+ + + + 117.19 + + + KB + + + + + +20% + + + + + + + 97.66KB + + + + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots Components/SummaryItem Standard 1`] = ` +
+
+

+ + Bundle Size + +

+
+ + + + 117.19 + + + KB + + + + + +20% + + + + + + + 97.66KB + + + + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots Layout/Box default 1`] = ` +
+
+
+ Lorem ipsum +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots Layout/Box with horizontal & vertical padding 1`] = ` +
+
+
+ Lorem ipsum +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots Layout/Box with horizontal padding 1`] = ` +
+
+
+ Lorem ipsum +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots Layout/Box with outline 1`] = ` +
+
+
+ Lorem ipsum +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots Layout/Box with padding 1`] = ` +
+
+
+ Lorem ipsum +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots Layout/Box with vertical padding 1`] = ` +
+
+
+ Lorem ipsum +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots Layout/FlexStack default 1`] = ` +
+
+
+
+ Lorem ipsum 1 +
+
+ Lorem ipsum 2 +
+
+ Lorem ipsum 3 +
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots Layout/FlexStack single item 1`] = ` +
+
+
+
+ Lorem ipsum +
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots Layout/FlexStack with custom wrapper 1`] = ` +
+
+
+
+ Lorem ipsum 1 +
+
+ Lorem ipsum 2 +
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots Layout/FlexStack with large space 1`] = ` +
+
+
+
+ Lorem ipsum 1 +
+
+ Lorem ipsum 2 +
+
+ Lorem ipsum 3 +
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots Layout/FlexStack with nested stack 1`] = ` +
+
+
+
+ Lorem ipsum 1 +
+
+ Lorem ipsum 2 +
+
+
+ Lorem ipsum 3.1 +
+
+ Lorem ipsum 3.2 +
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots Layout/Footer default 1`] = ` +
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots Layout/Footer with custom content 1`] = ` +
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots Layout/Header default 1`] = ` +
+
+
+
+ + + + + + + + +
+
+ +
+
+ + + + + +
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots Layout/Header menu on the right 1`] = ` +
+
+
+
+ + + + + + + + +
+
+
+ +
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots Layout/Stack default 1`] = ` +
+
+
+
+ Lorem ipsum 1 +
+
+ Lorem ipsum 2 +
+
+ Lorem ipsum 3 +
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots Layout/Stack single item 1`] = ` +
+
+
+
+ Lorem ipsum +
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots Layout/Stack with custom wrapper 1`] = ` +
+
+
+
+ Lorem ipsum 1 +
+
+ Lorem ipsum 2 +
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots Layout/Stack with large space 1`] = ` +
+
+
+
+ Lorem ipsum 1 +
+
+ Lorem ipsum 2 +
+
+ Lorem ipsum 3 +
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots Layout/Stack with nested stack 1`] = ` +
+
+
+
+ Lorem ipsum 1 +
+
+ Lorem ipsum 2 +
+
+
+ Lorem ipsum 3.1 +
+
+ Lorem ipsum 3.2 +
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots Layout/SubHeader default 1`] = ` +
+
+
+
+
+
+
+ +

+ Webpack +

+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots Layout/SubHeader with children 1`] = ` +
+
+
+
+
+
+
+ + + + + + + +
+
+

+ Tools +

+

+ Webpack +

+ + Visit webpack.js.org + +
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots Layout/SubHeader with icon 1`] = ` +
+
+
+
+
+
+
+ + + + + + + +
+
+

+ Tools +

+

+ Webpack +

+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots Layout/SubHeader with right side links 1`] = ` +
+
+
+
+
+
+
+ + + + + + + +
+
+

+ Tools +

+

+ Webpack +

+ + Visit webpack.js.org + +
+
+ + Read more + +
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots Layout/SubHeader with small size 1`] = ` +
+
+
+
+
+
+
+ + + + + + + +
+
+

+ Tools +

+

+ Webpack +

+ + Visit webpack.js.org + +
+
+ + Read more + +
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots Layout/SubHeader with subtitle 1`] = ` +
+
+
+
+
+
+
+

+ Tools +

+

+ Webpack +

+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots UI/Alert default 1`] = ` +
+
+
+ Lorem ipsum +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots UI/Alert with kind danger 1`] = ` +
+
+
+ Lorem ipsum +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots UI/Alert with kind info 1`] = ` +
+
+
+ Lorem ipsum +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots UI/Alert with kind success 1`] = ` +
+
+
+ Lorem ipsum +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots UI/Alert with kind warning 1`] = ` +
+
+
+ Lorem ipsum +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots UI/Container default 1`] = ` +
+
+
+
+
+ Content +
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots UI/Dropdown default 1`] = ` +
+
+ +
+ +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots UI/Dropdown with render function 1`] = ` +
+
+ +
+ +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots UI/EmptySet default 1`] = ` +
+
+
+

+ No assets found. +

+ + or + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots UI/EmptySet empty 1`] = ` +
+
+
+

+ No assets available. +

+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots UI/Filters default 1`] = ` +
+
+
+
+
+ +
+ +
+ +
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots UI/Filters disable options 1`] = ` +
+
+
+
+
+ +
+
+ +
+ +
+ +
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots UI/Filters overflow 1`] = ` +
+
+
+
+
+ +
+ +
+ +
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots UI/HorizontalBarChart default 1`] = ` +
+
+
+ + + + JS + + + + + + + CSS + + + + + + + IMG + + + + + + + Others + + + + + + + HTML + + + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots UI/HorizontalBarChart empty values 1`] = ` +
+
+
+ + + + JS + + + + + + + CSS + + + + + + + IMG + + + + + + + Others + + + + + + + HTML + + + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots UI/HorizontalBarChart with custom colors 1`] = ` +
+
+
+ + + + JS + + + + + + + CSS + + + + + + + IMG + + + + + + + Others + + + + + + + HTML + + + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots UI/HorizontalBarChart with custom label 1`] = ` +
+
+
+ + + +

+ JS +

+ + + + + + +

+ JS +

+ + + + + + +

+ JS +

+ + + + + + +

+ JS +

+ + + + + + +

+ JS +

+ + + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots UI/HorizontalBarChart with maxValue 1`] = ` +
+
+
+ + + + JS + + + + + + + CSS + + + + + + + IMG + + + + + + + Others + + + + + + + HTML + + + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots UI/HoverCard Default 1`] = ` +
+
+ + main.js + +
+ +
+
+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras in neque ante. Curabitur vehicula, lorem sit amet fringilla dapibus, justo mauris varius elit, ut fermentum leo velit eget risus +

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots UI/HoverCard With Render Fn 1`] = ` +
+
+ + main.js + +
+ +
+
+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras in neque ante. Curabitur vehicula, lorem sit amet fringilla dapibus, justo mauris varius elit, ut fermentum leo velit eget risus +

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots UI/Icon All 1`] = ` +
+
+ + + + + + + arrow + +
+
+ + + + + + + arrow-right-circle + +
+
+ + + + + + + cancel + +
+
+ + + + + + + close + +
+
+ + + + + + + clock + +
+
+ + + + + + + commit + +
+
+ + + + + + + filter + +
+
+ + + + + + + help + +
+
+ + + + + + + menu + +
+
+ + + + + + + sort + +
+
+ + + + + + + warning + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots UI/Icon Custom Size 1`] = ` +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots UI/Icon Standard 1`] = ` +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots UI/Input default 1`] = ` +
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots UI/Input with size 1`] = ` +
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots UI/Loader default 1`] = ` +
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots UI/Loader with size 1`] = ` +
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots UI/Logo default 1`] = ` +
+
+ + + + + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots UI/Logo with custom component 1`] = ` +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots UI/Logo with custom kind 1`] = ` +
+
+ + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots UI/Panels default 1`] = ` +
+
+
+
+ Panel 1 +
+
+ Panel 2 +
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots UI/Skeleton default 1`] = ` +
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots UI/SortDropdown default 1`] = ` +
+
+ +
+ +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots UI/Table compact 1`] = ` +
+
+ + + + + + + + + + + + + + + + + + +
+ a1 + + b1 + + c1 +
+ a2 + + b2 + + c2 +
+ a3 + + b3 + + c3 +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots UI/Table default 1`] = ` +
+
+ + + + + + + + + + + + + + + + + + +
+ a1 + + b1 + + c1 +
+ a2 + + b2 + + c2 +
+ a3 + + b3 + + c3 +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots UI/Table empty 1`] = ` +
+
+
+ No entries found. +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots UI/Table empty with custom element 1`] = ` +
+
+
+

+ No items available +

+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots UI/Table outline 1`] = ` +
+
+ + + + + + + + + + + + + + + + + + +
+ a1 + + b1 + + c1 +
+ a2 + + b2 + + c2 +
+ a3 + + b3 + + c3 +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots UI/Table with custom content and attributes 1`] = ` +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + Col A (right) + + Col B (center) + + Col C(undefiner) +
+ + row 1 + + + a1 + + b1 + + c1 +
+ + row 2 + + + a2 + + b2 + + c2 +
+ + row 3 + + + a3 + + b3 + + c3 +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots UI/Table with headers 1`] = ` +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + +
+ Col A + + Col B + + Col C +
+ a1 + + b1 + + c1 +
+ a2 + + b2 + + c2 +
+ a3 + + b3 + + c3 +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots UI/Table with headers and outline 1`] = ` +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + +
+ Col A + + Col B + + Col C +
+ a1 + + b1 + + c1 +
+ a2 + + b2 + + c2 +
+ a3 + + b3 + + c3 +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots UI/Table with multiple rows header 1`] = ` +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + Colspan +
+ Col A + + Col B + + Col C +
+ a1 + + b1 + + c1 +
+ a2 + + b2 + + c2 +
+ a3 + + b3 + + c3 +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots UI/Table with row headers 1`] = ` +
+
+ + + + + + + + + + + + + + + + + + + + + +
+ row 1 + + a1 + + b1 + + c1 +
+ row 2 + + a2 + + b2 + + c2 +
+ row 3 + + a3 + + b3 + + c3 +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots UI/Tabs default 1`] = ` +
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots UI/Tag Default 1`] = ` +
+ + tag + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots UI/Tag One Letter 1`] = ` +
+ + d + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots UI/Toolbar default 1`] = ` +
+
+
+
+
+ Content +
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots UI/Toolbar with actions 1`] = ` +
+
+
+
+ Content +
+
+
+ Action 1 +
+
+ Action 2 +
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots UI/Tooltip darkMode:false 1`] = ` +
+
+ + Job #100 + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots UI/Tooltip default 1`] = ` +
+
+ + Job #100 + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; + +exports[`Storyshots Ui/FileName default 1`] = ` +
+
+
+ + styles.css + +
+
+ + ./src/components/sources/styles.css + +
+
+ + css ./node_modules/css-loader/dist/cjs.js??ref--6-1!./node_modules/postcss-loader/src!./src/components/sources/source/styles.css + +
+
+ + rreallylongwordreallylongwordreallylongwordreallylongwordreallylongwordreallylongwordreallylongwordreallylongwordreallylongwordreallylongwordeallylongword + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+`; diff --git a/packages/ui/build/storybook/src/components/summary-item/__snapshots__/summary-item.stories.storyshot b/packages/ui/build/storybook/src/components/summary-item/__snapshots__/summary-item.stories.storyshot index 46f573a2ec..c502c03128 100644 --- a/packages/ui/build/storybook/src/components/summary-item/__snapshots__/summary-item.stories.storyshot +++ b/packages/ui/build/storybook/src/components/summary-item/__snapshots__/summary-item.stories.storyshot @@ -1,86 +1,11 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`Storyshots Components/SummaryItem Loading 1`] = ` -
- - -
-`; +exports[`Storyshots Components/SummaryItem Loading 1`] = `null`; -exports[`Storyshots Components/SummaryItem Show Delta False 1`] = ` -
- - -
-`; +exports[`Storyshots Components/SummaryItem Show Delta False 1`] = `null`; -exports[`Storyshots Components/SummaryItem Show Metric Description 1`] = ` -
- - -
-`; +exports[`Storyshots Components/SummaryItem Show Metric Description 1`] = `null`; -exports[`Storyshots Components/SummaryItem Size Large 1`] = ` -
- - -
-`; +exports[`Storyshots Components/SummaryItem Size Large 1`] = `null`; -exports[`Storyshots Components/SummaryItem Standard 1`] = ` -
- - -
-`; +exports[`Storyshots Components/SummaryItem Standard 1`] = `null`; diff --git a/packages/ui/build/storybook/src/ui/hover-card/__snapshots__/hover-card.stories.storyshot b/packages/ui/build/storybook/src/ui/hover-card/__snapshots__/hover-card.stories.storyshot index 369146a2ea..c101518162 100644 --- a/packages/ui/build/storybook/src/ui/hover-card/__snapshots__/hover-card.stories.storyshot +++ b/packages/ui/build/storybook/src/ui/hover-card/__snapshots__/hover-card.stories.storyshot @@ -1,35 +1,5 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`Storyshots UI/HoverCard Default 1`] = ` -
- - -
-`; +exports[`Storyshots UI/HoverCard Default 1`] = `null`; -exports[`Storyshots UI/HoverCard With Render Fn 1`] = ` -
- - -
-`; +exports[`Storyshots UI/HoverCard With Render Fn 1`] = `null`; diff --git a/packages/ui/build/storybook/src/ui/icon/__snapshots__/icon.stories.storyshot b/packages/ui/build/storybook/src/ui/icon/__snapshots__/icon.stories.storyshot index b9e907a28f..59b9529943 100644 --- a/packages/ui/build/storybook/src/ui/icon/__snapshots__/icon.stories.storyshot +++ b/packages/ui/build/storybook/src/ui/icon/__snapshots__/icon.stories.storyshot @@ -1,52 +1,7 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`Storyshots UI/Icon All 1`] = ` -
- - -
-`; +exports[`Storyshots UI/Icon All 1`] = `null`; -exports[`Storyshots UI/Icon Custom Size 1`] = ` -
- - -
-`; +exports[`Storyshots UI/Icon Custom Size 1`] = `null`; -exports[`Storyshots UI/Icon Standard 1`] = ` -
- - -
-`; +exports[`Storyshots UI/Icon Standard 1`] = `null`; diff --git a/packages/ui/build/storybook/src/ui/tag/__snapshots__/tag.stories.storyshot b/packages/ui/build/storybook/src/ui/tag/__snapshots__/tag.stories.storyshot index 7801a71e24..55b5ff0ceb 100644 --- a/packages/ui/build/storybook/src/ui/tag/__snapshots__/tag.stories.storyshot +++ b/packages/ui/build/storybook/src/ui/tag/__snapshots__/tag.stories.storyshot @@ -1,35 +1,5 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`Storyshots UI/Tag Default 1`] = ` -
- - -
-`; +exports[`Storyshots UI/Tag Default 1`] = `null`; -exports[`Storyshots UI/Tag One Letter 1`] = ` -
- - -
-`; +exports[`Storyshots UI/Tag One Letter 1`] = `null`; diff --git a/packages/ui/build/storybook/storyshots.test.js b/packages/ui/build/storybook/storyshots.test.js index 0ef19ed788..863bae242a 100644 --- a/packages/ui/build/storybook/storyshots.test.js +++ b/packages/ui/build/storybook/storyshots.test.js @@ -1,6 +1,5 @@ -import path from 'path'; import initStoryshots, { Stories2SnapsConverter } from '@storybook/addon-storyshots'; -import { configure, mount, shallow } from 'enzyme'; +import { configure, mount } from 'enzyme'; import Adapter from 'enzyme-adapter-react-16'; import toJson from 'enzyme-to-json'; import { advanceTo } from 'jest-date-mock'; @@ -10,19 +9,7 @@ advanceTo(new Date(2019, 0, 10)); configure({ adapter: new Adapter() }); const converter = new Stories2SnapsConverter(); -const UI_PATTERN = new RegExp(path.join(__dirname, '../../src/ui')); - initStoryshots({ framework: 'react', configPath: __dirname, - test: ({ story, context }) => { - const snapshotFileName = converter.getSnapshotFileName(context); - const storyElement = story.render(); - const renderMethod = UI_PATTERN.test(snapshotFileName) ? mount : shallow; - const tree = renderMethod(storyElement); - - if (snapshotFileName) { - expect(toJson(tree)).toMatchSpecificSnapshot(snapshotFileName); - } - }, }); diff --git a/packages/ui/src/components/asset-info/__snapshots__/asset-info.stories.storyshot b/packages/ui/src/components/asset-info/__snapshots__/asset-info.stories.storyshot index 8ff3dea241..6ec6c44baa 100644 --- a/packages/ui/src/components/asset-info/__snapshots__/asset-info.stories.storyshot +++ b/packages/ui/src/components/asset-info/__snapshots__/asset-info.stories.storyshot @@ -1,35 +1,300 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Storyshots Components/AssetInfo default 1`] = ` -
- - + + labels={ + Array [ + "Job #2", + "Job #1", + ] + } + > + +
+ +
+

+ Job #2 +

+ + + static/vendor.abcd1234.js + + + +
+ + +
+

+ Job #1 +

+ + + static/vendor.defg5678.js + + +
+ +
+ +
`; exports[`Storyshots Components/AssetInfo with chunks 1`] = ` -
- - + + labels={ + Array [ + "Job #2", + "Job #1", + ] + } + > + +
+ +
+

+ Job #2 +

+ + + static/vendor.abcd1234.js + + + + + + + + View chunk modules + + + + + +
+ + +
+

+ Job #1 +

+ + + static/vendor.defg5678.js + + +
+ +
+ +
`; diff --git a/packages/ui/src/components/delta/__snapshots__/delta.stories.storyshot b/packages/ui/src/components/delta/__snapshots__/delta.stories.storyshot index d5be27ade1..637bdda7a2 100644 --- a/packages/ui/src/components/delta/__snapshots__/delta.stories.storyshot +++ b/packages/ui/src/components/delta/__snapshots__/delta.stories.storyshot @@ -1,103 +1,157 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Storyshots Components/Delta default 1`] = ` -
- - + } +> + + + 20% + +
`; exports[`Storyshots Components/Delta empty 1`] = ` -
- - + } +> + + + 0% + +
`; exports[`Storyshots Components/Delta inverted 1`] = ` -
- - + } +> + + + 1% + +
`; exports[`Storyshots Components/Delta negative 1`] = ` -
- - + } +> + + + 20% + +
`; exports[`Storyshots Components/Delta slightlyNegative 1`] = ` -
- - + } +> + + + 1% + +
`; exports[`Storyshots Components/Delta slightlyPositive 1`] = ` -
- - + } +> + + + 1% + +
`; diff --git a/packages/ui/src/components/duplicate-packages-warning/__snapshots__/duplicate-packages-warning.stories.storyshot b/packages/ui/src/components/duplicate-packages-warning/__snapshots__/duplicate-packages-warning.stories.storyshot index 1aa7b723b0..d279037b73 100644 --- a/packages/ui/src/components/duplicate-packages-warning/__snapshots__/duplicate-packages-warning.stories.storyshot +++ b/packages/ui/src/components/duplicate-packages-warning/__snapshots__/duplicate-packages-warning.stories.storyshot @@ -1,52 +1,277 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Storyshots Components/DuplicatePackagesWarning multiple jobs 1`] = ` -
- - + + showDelta={true} + > + + +
+ Bundle contains + + + + + 2 + + + -1 + + + duplicate packages. + + + + +
+ + +
`; exports[`Storyshots Components/DuplicatePackagesWarning no changes 1`] = ` -
- - + + showDelta={true} + > + + +
+ Bundle contains + + + + + 2 + duplicate packages. + + + + +
+ + +
`; exports[`Storyshots Components/DuplicatePackagesWarning single job 1`] = ` -
- - + + showDelta={false} + > + + +
+ Bundle contains + + + + + 1 + duplicate package. + + + + +
+ + +
`; diff --git a/packages/ui/src/components/job-header/__snapshots__/job-header.stories.storyshot b/packages/ui/src/components/job-header/__snapshots__/job-header.stories.storyshot index 4c5702e1ec..e5b00e368b 100644 --- a/packages/ui/src/components/job-header/__snapshots__/job-header.stories.storyshot +++ b/packages/ui/src/components/job-header/__snapshots__/job-header.stories.storyshot @@ -1,52 +1,397 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Storyshots Components/JobHeader default 1`] = ` -
- - + + tag="" + > + +
+

+ + #1 + +

+ +
+ + + + + + + + + + 9 days ago + + + + + + + + + + + + abcd1234 + + +
+
+ +
+ +
`; exports[`Storyshots Components/JobHeader with custom content 1`] = ` -
- - + + tag="" + > + +
+

+ + #1 + +

+ +
+ + + + + + + + + + 9 days ago + + + + + + + + + + + + abcd1234 + + +
+

+ Lorem ipsum dolor sit amed +

+
+
+ +
+ +
`; exports[`Storyshots Components/JobHeader with tag 1`] = ` -
- - + + tag="current" + > + +
+

+ + #1 + + + current + +

+ +
+ + + + + + + + + + 9 days ago + + + + + + + + + + + + abcd1234 + + +
+
+ +
+ +
`; diff --git a/packages/ui/src/components/job-meta/__snapshots__/job-meta.stories.storyshot b/packages/ui/src/components/job-meta/__snapshots__/job-meta.stories.storyshot index dee0d1c049..08e7f42c9e 100644 --- a/packages/ui/src/components/job-meta/__snapshots__/job-meta.stories.storyshot +++ b/packages/ui/src/components/job-meta/__snapshots__/job-meta.stories.storyshot @@ -1,18 +1,70 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Storyshots Components/JobMeta default 1`] = ` -
- - + } +> + + July 3th +

, + ], + "title": "#123", + }, + Object { + "content": Array [ +

+ July 4th +

, + ], + "title": "#122", + }, + ] + } + > +
+
+

+ #123 +

+

+ July 3th +

+
+
+

+ #122 +

+

+ July 4th +

+
+
+
`; diff --git a/packages/ui/src/components/job-name/__snapshots__/job-name.stories.storyshot b/packages/ui/src/components/job-name/__snapshots__/job-name.stories.storyshot index c5c33162af..f6a59695eb 100644 --- a/packages/ui/src/components/job-name/__snapshots__/job-name.stories.storyshot +++ b/packages/ui/src/components/job-name/__snapshots__/job-name.stories.storyshot @@ -1,52 +1,1588 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Storyshots Components/JobName custom component 1`] = ` -
- - + } +> + + +
, + }, + "contentElement": , + "currentPlacement": "top", + "disclosureRef": Object { + "current": null, + }, + "fixed": false, + "flip": true, + "gutter": 8, + "hide": [Function], + "mounted": false, + "padding": 8, + "placement": "top", + "popoverRef": Object { + "current":
+ +
, + }, + "preventOverflow": true, + "render": [Function], + "renderCallback": undefined, + "setAnchorRect": [Function], + "setContentElement": [Function], + "setVisible": [Function], + "shift": 0, + "show": [Function], + "stopAnimation": [Function], + "timeout": 0, + "toggle": [Function], + "visible": false, + } + } + > + + + Job #10 + + + +
, + }, + "contentElement": , + "currentPlacement": "top", + "disclosureRef": Object { + "current": null, + }, + "fixed": false, + "flip": true, + "gutter": 8, + "hide": [Function], + "mounted": false, + "padding": 8, + "placement": "top", + "popoverRef": Object { + "current":
+ +
, + }, + "preventOverflow": true, + "render": [Function], + "renderCallback": undefined, + "setAnchorRect": [Function], + "setContentElement": [Function], + "setVisible": [Function], + "shift": 0, + "show": [Function], + "stopAnimation": [Function], + "timeout": 0, + "toggle": [Function], + "visible": false, + } + } + > + +
+ +
+
+ } + > +
+ , + }, + "contentElement": , + "currentPlacement": "top", + "disclosureRef": Object { + "current": null, + }, + "fixed": false, + "flip": true, + "gutter": 8, + "hide": [Function], + "mounted": false, + "padding": 8, + "placement": "top", + "popoverRef": Object { + "current":
+ +
, + }, + "preventOverflow": true, + "render": [Function], + "renderCallback": undefined, + "setAnchorRect": [Function], + "setContentElement": [Function], + "setVisible": [Function], + "shift": 0, + "show": [Function], + "stopAnimation": [Function], + "timeout": 0, + "toggle": [Function], + "visible": false, + } + } + > +
+ + + + +
+ + View job details +
+
+ + + +
`; exports[`Storyshots Components/JobName default 1`] = ` -
- - + } +> + + + + Job #10 + , + }, + "animated": false, + "animating": false, + "arrowPadding": 4, + "arrowRef": Object { + "current": , + }, + "contentElement": , + "currentPlacement": "top", + "disclosureRef": Object { + "current": null, + }, + "fixed": false, + "flip": true, + "gutter": 8, + "hide": [Function], + "mounted": false, + "padding": 8, + "placement": "top", + "popoverRef": Object { + "current":
+ +
, + }, + "preventOverflow": true, + "render": [Function], + "renderCallback": undefined, + "setAnchorRect": [Function], + "setContentElement": [Function], + "setVisible": [Function], + "shift": 0, + "show": [Function], + "stopAnimation": [Function], + "timeout": 0, + "toggle": [Function], + "visible": false, + } + } + > + + Job #10 + + + + Job #10 + , + }, + "animated": false, + "animating": false, + "arrowPadding": 4, + "arrowRef": Object { + "current": , + }, + "contentElement": , + "currentPlacement": "top", + "disclosureRef": Object { + "current": null, + }, + "fixed": false, + "flip": true, + "gutter": 8, + "hide": [Function], + "mounted": false, + "padding": 8, + "placement": "top", + "popoverRef": Object { + "current":
+ +
, + }, + "preventOverflow": true, + "render": [Function], + "renderCallback": undefined, + "setAnchorRect": [Function], + "setContentElement": [Function], + "setVisible": [Function], + "shift": 0, + "show": [Function], + "stopAnimation": [Function], + "timeout": 0, + "toggle": [Function], + "visible": false, + } + } + > + +
+ +
+
+ } + > +
+ +
+ + + +
`; exports[`Storyshots Components/JobName render 1`] = ` -
- - + } +> + + + + + #10 + + , + }, + "animated": false, + "animating": false, + "arrowPadding": 4, + "arrowRef": Object { + "current": , + }, + "contentElement": , + "currentPlacement": "top", + "disclosureRef": Object { + "current": null, + }, + "fixed": false, + "flip": true, + "gutter": 8, + "hide": [Function], + "mounted": false, + "padding": 8, + "placement": "top", + "popoverRef": Object { + "current":
+ +
, + }, + "preventOverflow": true, + "render": [Function], + "renderCallback": undefined, + "setAnchorRect": [Function], + "setContentElement": [Function], + "setVisible": [Function], + "shift": 0, + "show": [Function], + "stopAnimation": [Function], + "timeout": 0, + "toggle": [Function], + "visible": false, + } + } + > + + + #10 + + + + + + #10 + + , + }, + "animated": false, + "animating": false, + "arrowPadding": 4, + "arrowRef": Object { + "current": , + }, + "contentElement": , + "currentPlacement": "top", + "disclosureRef": Object { + "current": null, + }, + "fixed": false, + "flip": true, + "gutter": 8, + "hide": [Function], + "mounted": false, + "padding": 8, + "placement": "top", + "popoverRef": Object { + "current":
+ +
, + }, + "preventOverflow": true, + "render": [Function], + "renderCallback": undefined, + "setAnchorRect": [Function], + "setContentElement": [Function], + "setVisible": [Function], + "shift": 0, + "show": [Function], + "stopAnimation": [Function], + "timeout": 0, + "toggle": [Function], + "visible": false, + } + } + > + +
+ +
+
+ } + > +
+ +
+ + + +
`; diff --git a/packages/ui/src/components/jobs-header/__snapshots__/jobs-header.stories.storyshot b/packages/ui/src/components/jobs-header/__snapshots__/jobs-header.stories.storyshot index f9dfcaa197..13572abf19 100644 --- a/packages/ui/src/components/jobs-header/__snapshots__/jobs-header.stories.storyshot +++ b/packages/ui/src/components/jobs-header/__snapshots__/jobs-header.stories.storyshot @@ -1,52 +1,787 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Storyshots Components/JobsHeader default 1`] = ` -
- - + } +> + + +
+ + +
+

+ + #1 + + + current + +

+ +
+ + + + + + + + + + 9 days ago + + + + + + + + + + + + abcd1234 + + +
+
+ +
+ + +
+ +
`; exports[`Storyshots Components/JobsHeader multiple equal jobs 1`] = ` -
- - + + > + +
+ + +
+

+ + #1 + + + current + +

+ +
+ + + + + + + + + + 9 days ago + + + + + + + + + + + + abcd1234 + + +
+
+ +
+ + + + +
+

+ + #2 + + + baseline + +

+ +
+ + + + + + + + + + 8 days ago + + + + + + + + + + + + efgh1234 + + +
+
+ +
+ + +
+ +
`; exports[`Storyshots Components/JobsHeader multiple jobs 1`] = ` -
- - + + > + +
+ + +
+

+ + #1 + + + current + +

+ +
+ + + + + + + + + + 9 days ago + + + + + + + + + + + + abcd1234 + + +
+
+ +
+ + + + +
+

+ + #2 + + + baseline + +

+ +
+ + + + + + + + + + 8 days ago + + + + + + + + + + + + efgh1234 + + +
+
+ +
+ + +
+ +
`; diff --git a/packages/ui/src/components/metric/__snapshots__/metric.stories.storyshot b/packages/ui/src/components/metric/__snapshots__/metric.stories.storyshot index 45ae4f65cf..82899160c3 100644 --- a/packages/ui/src/components/metric/__snapshots__/metric.stories.storyshot +++ b/packages/ui/src/components/metric/__snapshots__/metric.stories.storyshot @@ -1,103 +1,285 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Storyshots Components/Metric default 1`] = ` -
- - + } +> + + + + + 100ms + + + + +
`; exports[`Storyshots Components/Metric modifier: anchored 1`] = ` -
- - + } +> + + + + + 100ms + + + + + + +10% + + + + +
`; exports[`Storyshots Components/Metric modifier: delta 1`] = ` -
- - + } +> + + + + + 100ms + + + + + + +10% + + + + +
`; exports[`Storyshots Components/Metric modifier: enhanced 1`] = ` -
- - + } +> + + + + + 100 + + + ms + + + + +
`; exports[`Storyshots Components/Metric modifier: formatted value 1`] = ` -
- - + } +> + + + + + 100KB + + + + +
`; exports[`Storyshots Components/Metric modifier: inline 1`] = ` -
- - + } +> + + + + + 100ms + + + + + + +10% + + + + +
`; diff --git a/packages/ui/src/components/metrics-table-options/__snapshots__/metrics-table-options.stories.storyshot b/packages/ui/src/components/metrics-table-options/__snapshots__/metrics-table-options.stories.storyshot index 6c75999465..f6165fb697 100644 --- a/packages/ui/src/components/metrics-table-options/__snapshots__/metrics-table-options.stories.storyshot +++ b/packages/ui/src/components/metrics-table-options/__snapshots__/metrics-table-options.stories.storyshot @@ -1,18 +1,2693 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Storyshots Components/MetricsTableOptions default 1`] = ` -
- - + } +> + + + + + +
`; diff --git a/packages/ui/src/components/metrics-table-search/__snapshots__/metrics-table-search.stories.storyshot b/packages/ui/src/components/metrics-table-search/__snapshots__/metrics-table-search.stories.storyshot index 037ab0e8f2..cbbe41d35e 100644 --- a/packages/ui/src/components/metrics-table-search/__snapshots__/metrics-table-search.stories.storyshot +++ b/packages/ui/src/components/metrics-table-search/__snapshots__/metrics-table-search.stories.storyshot @@ -1,18 +1,44 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Storyshots Components/MetricsTableSearch default 1`] = ` -
- - + } +> + + +
+ + + +
+ +
`; diff --git a/packages/ui/src/components/metrics-table/__snapshots__/metrics-table.stories.storyshot b/packages/ui/src/components/metrics-table/__snapshots__/metrics-table.stories.storyshot index 1fadde3098..5297284f20 100644 --- a/packages/ui/src/components/metrics-table/__snapshots__/metrics-table.stories.storyshot +++ b/packages/ui/src/components/metrics-table/__snapshots__/metrics-table.stories.storyshot @@ -1,69 +1,5884 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Storyshots Components/MetricsTable default 1`] = ` -
- - + } +> + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + + + + Job #2 + , + }, + "animated": false, + "animating": false, + "arrowPadding": 4, + "arrowRef": Object { + "current": , + }, + "contentElement": , + "currentPlacement": "top", + "disclosureRef": Object { + "current": null, + }, + "fixed": false, + "flip": true, + "gutter": 8, + "hide": [Function], + "mounted": false, + "padding": 8, + "placement": "top", + "popoverRef": Object { + "current":
+ +
, + }, + "preventOverflow": true, + "render": [Function], + "renderCallback": undefined, + "setAnchorRect": [Function], + "setContentElement": [Function], + "setVisible": [Function], + "shift": 0, + "show": [Function], + "stopAnimation": [Function], + "timeout": 0, + "toggle": [Function], + "visible": false, + } + } + > + + Job #2 + + + + Job #2 + , + }, + "animated": false, + "animating": false, + "arrowPadding": 4, + "arrowRef": Object { + "current": , + }, + "contentElement": , + "currentPlacement": "top", + "disclosureRef": Object { + "current": null, + }, + "fixed": false, + "flip": true, + "gutter": 8, + "hide": [Function], + "mounted": false, + "padding": 8, + "placement": "top", + "popoverRef": Object { + "current":
+ +
, + }, + "preventOverflow": true, + "render": [Function], + "renderCallback": undefined, + "setAnchorRect": [Function], + "setContentElement": [Function], + "setVisible": [Function], + "shift": 0, + "show": [Function], + "stopAnimation": [Function], + "timeout": 0, + "toggle": [Function], + "visible": false, + } + } + > + +
+ +
+ + } + > +
+ +
+ + + + +
+ + Total Size + + + + + + + 852.95KB + + + + + +
+ + Time To First Byte + + + + + + + 1.231s + + + + + +
+ + Score + + + + + + + 80 + + + + + +
+ + JS + + + + + + + 336.16KB + + + + + +
+ + DOM Size + + + + + + + 80 + + + + + +
+ +
`; exports[`Storyshots Components/MetricsTable empty 1`] = ` -
- - + } +> + + Job #1 + , + }, + ] + } + showHeaderSum={false} + title="" + > + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + + + + Job #2 + , + }, + "animated": false, + "animating": false, + "arrowPadding": 4, + "arrowRef": Object { + "current": , + }, + "contentElement": , + "currentPlacement": "top", + "disclosureRef": Object { + "current": null, + }, + "fixed": false, + "flip": true, + "gutter": 8, + "hide": [Function], + "mounted": false, + "padding": 8, + "placement": "top", + "popoverRef": Object { + "current":
+ +
, + }, + "preventOverflow": true, + "render": [Function], + "renderCallback": undefined, + "setAnchorRect": [Function], + "setContentElement": [Function], + "setVisible": [Function], + "shift": 0, + "show": [Function], + "stopAnimation": [Function], + "timeout": 0, + "toggle": [Function], + "visible": false, + } + } + > + + Job #2 + + + + Job #2 + , + }, + "animated": false, + "animating": false, + "arrowPadding": 4, + "arrowRef": Object { + "current": , + }, + "contentElement": , + "currentPlacement": "top", + "disclosureRef": Object { + "current": null, + }, + "fixed": false, + "flip": true, + "gutter": 8, + "hide": [Function], + "mounted": false, + "padding": 8, + "placement": "top", + "popoverRef": Object { + "current":
+ +
, + }, + "preventOverflow": true, + "render": [Function], + "renderCallback": undefined, + "setAnchorRect": [Function], + "setContentElement": [Function], + "setVisible": [Function], + "shift": 0, + "show": [Function], + "stopAnimation": [Function], + "timeout": 0, + "toggle": [Function], + "visible": false, + } + } + > + +
+ +
+ + } + > +
+ +
+ + + + + 		+ + + + + + + + + Job #1 + + , + }, + "animated": false, + "animating": false, + "arrowPadding": 4, + "arrowRef": Object { + "current": , + }, + "contentElement": , + "currentPlacement": "top", + "disclosureRef": Object { + "current": null, + }, + "fixed": false, + "flip": true, + "gutter": 8, + "hide": [Function], + "mounted": false, + "padding": 8, + "placement": "top", + "popoverRef": Object { + "current":
+ +
, + }, + "preventOverflow": true, + "render": [Function], + "renderCallback": undefined, + "setAnchorRect": [Function], + "setContentElement": [Function], + "setVisible": [Function], + "shift": 0, + "show": [Function], + "stopAnimation": [Function], + "timeout": 0, + "toggle": [Function], + "visible": false, + } + } + > + + + Job #1 + + + + + + Job #1 + + , + }, + "animated": false, + "animating": false, + "arrowPadding": 4, + "arrowRef": Object { + "current": , + }, + "contentElement": , + "currentPlacement": "top", + "disclosureRef": Object { + "current": null, + }, + "fixed": false, + "flip": true, + "gutter": 8, + "hide": [Function], + "mounted": false, + "padding": 8, + "placement": "top", + "popoverRef": Object { + "current":
+ +
, + }, + "preventOverflow": true, + "render": [Function], + "renderCallback": undefined, + "setAnchorRect": [Function], + "setContentElement": [Function], + "setVisible": [Function], + "shift": 0, + "show": [Function], + "stopAnimation": [Function], + "timeout": 0, + "toggle": [Function], + "visible": false, + } + } + > + +
+ +
+ + } + > +
+ +
+ + + + +
+ + No entries found. +
+ +
`; exports[`Storyshots Components/MetricsTable multiple runs 1`] = ` -
- - + + renderRowHeader={[Function]} + runs={ + Array [ + Object { + "internalBuildNumber": 2, + "label": "Job #2", + }, + Object { + "internalBuildNumber": 1, + "label": + Job #1 + , + }, + ] + } + showHeaderSum={false} + title="" + > + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + + + + Job #2 + , + }, + "animated": false, + "animating": false, + "arrowPadding": 4, + "arrowRef": Object { + "current": , + }, + "contentElement": , + "currentPlacement": "top", + "disclosureRef": Object { + "current": null, + }, + "fixed": false, + "flip": true, + "gutter": 8, + "hide": [Function], + "mounted": false, + "padding": 8, + "placement": "top", + "popoverRef": Object { + "current":
+ +
, + }, + "preventOverflow": true, + "render": [Function], + "renderCallback": undefined, + "setAnchorRect": [Function], + "setContentElement": [Function], + "setVisible": [Function], + "shift": 0, + "show": [Function], + "stopAnimation": [Function], + "timeout": 0, + "toggle": [Function], + "visible": false, + } + } + > + + Job #2 + + + + Job #2 + , + }, + "animated": false, + "animating": false, + "arrowPadding": 4, + "arrowRef": Object { + "current": , + }, + "contentElement": , + "currentPlacement": "top", + "disclosureRef": Object { + "current": null, + }, + "fixed": false, + "flip": true, + "gutter": 8, + "hide": [Function], + "mounted": false, + "padding": 8, + "placement": "top", + "popoverRef": Object { + "current":
+ +
, + }, + "preventOverflow": true, + "render": [Function], + "renderCallback": undefined, + "setAnchorRect": [Function], + "setContentElement": [Function], + "setVisible": [Function], + "shift": 0, + "show": [Function], + "stopAnimation": [Function], + "timeout": 0, + "toggle": [Function], + "visible": false, + } + } + > + +
+ +
+ + } + > +
+ +
+ + + + + 		+ + + + + + + + + Job #1 + + , + }, + "animated": false, + "animating": false, + "arrowPadding": 4, + "arrowRef": Object { + "current": , + }, + "contentElement": , + "currentPlacement": "top", + "disclosureRef": Object { + "current": null, + }, + "fixed": false, + "flip": true, + "gutter": 8, + "hide": [Function], + "mounted": false, + "padding": 8, + "placement": "top", + "popoverRef": Object { + "current":
+ +
, + }, + "preventOverflow": true, + "render": [Function], + "renderCallback": undefined, + "setAnchorRect": [Function], + "setContentElement": [Function], + "setVisible": [Function], + "shift": 0, + "show": [Function], + "stopAnimation": [Function], + "timeout": 0, + "toggle": [Function], + "visible": false, + } + } + > + + + Job #1 + + + + + + Job #1 + + , + }, + "animated": false, + "animating": false, + "arrowPadding": 4, + "arrowRef": Object { + "current": , + }, + "contentElement": , + "currentPlacement": "top", + "disclosureRef": Object { + "current": null, + }, + "fixed": false, + "flip": true, + "gutter": 8, + "hide": [Function], + "mounted": false, + "padding": 8, + "placement": "top", + "popoverRef": Object { + "current":
+ +
, + }, + "preventOverflow": true, + "render": [Function], + "renderCallback": undefined, + "setAnchorRect": [Function], + "setContentElement": [Function], + "setVisible": [Function], + "shift": 0, + "show": [Function], + "stopAnimation": [Function], + "timeout": 0, + "toggle": [Function], + "visible": false, + } + } + > + +
+ +
+ + } + > +
+ +
+ + + + +
+ + Total Size + + + + + + + 852.95KB + + + + + + + + + + +613.98% + + + + + + + + + 119.46KB + + + + + +
+ + Time To First Byte + + + + + + + 1s + + + + + + + + + + +2.04% + + + + + + + + + 980ms + + + + + +
+ + Score + + + + + + + 80 + + + + + + + + + + +14.29% + + + + + + + + + 70 + + + + + +
+ + Accessibility score + + + + + + + 80 + + + + + + + + + + +2.56% + + + + + + + + + 78 + + + + + +
+ + JS + + + + + + + 336.16KB + + + + + + + + + + +100% + + + + + - +
+ + DOM Size + + + + + + + 80 + + + + + + + + + + 0% + + + + + + + + + 80 + + + + + +
+ +
`; exports[`Storyshots Components/MetricsTable with header rows 1`] = ` -
- - + + Job #1 + , + }, + ] } - width="16" - /> + showHeaderSum={false} + title="" + > + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + Colspan +
+ + + + + + + + Job #2 + , + }, + "animated": false, + "animating": false, + "arrowPadding": 4, + "arrowRef": Object { + "current": , + }, + "contentElement": , + "currentPlacement": "top", + "disclosureRef": Object { + "current": null, + }, + "fixed": false, + "flip": true, + "gutter": 8, + "hide": [Function], + "mounted": false, + "padding": 8, + "placement": "top", + "popoverRef": Object { + "current":
+ +
, + }, + "preventOverflow": true, + "render": [Function], + "renderCallback": undefined, + "setAnchorRect": [Function], + "setContentElement": [Function], + "setVisible": [Function], + "shift": 0, + "show": [Function], + "stopAnimation": [Function], + "timeout": 0, + "toggle": [Function], + "visible": false, + } + } + > + + Job #2 + + + + Job #2 + , + }, + "animated": false, + "animating": false, + "arrowPadding": 4, + "arrowRef": Object { + "current": , + }, + "contentElement": , + "currentPlacement": "top", + "disclosureRef": Object { + "current": null, + }, + "fixed": false, + "flip": true, + "gutter": 8, + "hide": [Function], + "mounted": false, + "padding": 8, + "placement": "top", + "popoverRef": Object { + "current":
+ +
, + }, + "preventOverflow": true, + "render": [Function], + "renderCallback": undefined, + "setAnchorRect": [Function], + "setContentElement": [Function], + "setVisible": [Function], + "shift": 0, + "show": [Function], + "stopAnimation": [Function], + "timeout": 0, + "toggle": [Function], + "visible": false, + } + } + > + +
+ +
+ + } + > +
+ +
+ + + + + 		+ + + + + + + + + Job #1 + + , + }, + "animated": false, + "animating": false, + "arrowPadding": 4, + "arrowRef": Object { + "current": , + }, + "contentElement": , + "currentPlacement": "top", + "disclosureRef": Object { + "current": null, + }, + "fixed": false, + "flip": true, + "gutter": 8, + "hide": [Function], + "mounted": false, + "padding": 8, + "placement": "top", + "popoverRef": Object { + "current":
+ +
, + }, + "preventOverflow": true, + "render": [Function], + "renderCallback": undefined, + "setAnchorRect": [Function], + "setContentElement": [Function], + "setVisible": [Function], + "shift": 0, + "show": [Function], + "stopAnimation": [Function], + "timeout": 0, + "toggle": [Function], + "visible": false, + } + } + > + + + Job #1 + + + + + + Job #1 + + , + }, + "animated": false, + "animating": false, + "arrowPadding": 4, + "arrowRef": Object { + "current": , + }, + "contentElement": , + "currentPlacement": "top", + "disclosureRef": Object { + "current": null, + }, + "fixed": false, + "flip": true, + "gutter": 8, + "hide": [Function], + "mounted": false, + "padding": 8, + "placement": "top", + "popoverRef": Object { + "current":
+ +
, + }, + "preventOverflow": true, + "render": [Function], + "renderCallback": undefined, + "setAnchorRect": [Function], + "setContentElement": [Function], + "setVisible": [Function], + "shift": 0, + "show": [Function], + "stopAnimation": [Function], + "timeout": 0, + "toggle": [Function], + "visible": false, + } + } + > + +
+ +
+ + } + > +
+ +
+ + + + +
+ + Total Size + + + + + + + 852.95KB + + + + + + + + + + +613.98% + + + + + + + + + 119.46KB + + + + + +
+ + Time To First Byte + + + + + + + 1s + + + + + + + + + + +2.04% + + + + + + + + + 980ms + + + + + +
+ + Score + + + + + + + 80 + + + + + + + + + + +14.29% + + + + + + + + + 70 + + + + + +
+ + Accessibility score + + + + + + + 80 + + + + + + + + + + +2.56% + + + + + + + + + 78 + + + + + +
+ + JS + + + + + + + 336.16KB + + + + + + + + + + +100% + + + + + - +
+ + DOM Size + + + + + + + 80 + + + + + + + + + + 0% + + + + + + + + + 80 + + + + + +
+ +
`; diff --git a/packages/ui/src/components/module-info/__snapshots__/module-info.stories.storyshot b/packages/ui/src/components/module-info/__snapshots__/module-info.stories.storyshot index ee8ccd2abf..8076c96190 100644 --- a/packages/ui/src/components/module-info/__snapshots__/module-info.stories.storyshot +++ b/packages/ui/src/components/module-info/__snapshots__/module-info.stories.storyshot @@ -1,18 +1,185 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Storyshots Components/ModuleInfo default 1`] = ` -
- - + + labels={ + Array [ + "Job #2", + "Job #1", + ] + } + onClick={[Function]} + > + +
+ +
+

+ Job #2 +

+
+ + Chunks: + + + + + + vendors + + + + +
+ + + ./node_modules/lodash/fp/_baseConvert.js + + +
+ + +
+

+ Job #1 +

+ + + ./node_modules/lodash/fp/_baseConvert.js + + +
+ +
+ +
`; diff --git a/packages/ui/src/components/summary/__snapshots__/summary.stories.storyshot b/packages/ui/src/components/summary/__snapshots__/summary.stories.storyshot index e134a6945c..143e1c5ad7 100644 --- a/packages/ui/src/components/summary/__snapshots__/summary.stories.storyshot +++ b/packages/ui/src/components/summary/__snapshots__/summary.stories.storyshot @@ -1,86 +1,15752 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Storyshots Components/Summary custom keys 1`] = ` -
- - + + keys={ + Array [ + "webpack.assetCount", + "webpack.chunkCount", + ] + } + loading={false} + showSummaryItemDelta={true} + size="" + summaryItemLink={[Function]} + > + +
+ +
+
+ + +
+ +

+ + Assets + + + } + > +
+ + + + + + + , + }, + "animated": false, + "animating": false, + "arrowPadding": 4, + "arrowRef": Object { + "current": , + }, + "autoFocusOnShow": false, + "contentElement": , + "currentPlacement": "bottom", + "disclosureRef": Object { + "current": null, + }, + "disclosureVisible": false, + "fixed": false, + "flip": true, + "gutter": 8, + "hide": [Function], + "hideTimeout": 500, + "mounted": false, + "padding": 8, + "placement": "bottom", + "popoverRef": Object { + "current":
+ +
, + }, + "preventOverflow": true, + "render": [Function], + "renderCallback": undefined, + "setAnchorRect": [Function], + "setAutoFocusOnShow": [Function], + "setContentElement": [Function], + "setDisclosureVisible": [Function], + "setVisible": [Function], + "shift": 0, + "show": [Function], + "showTimeout": 500, + "stopAnimation": [Function], + "timeout": 500, + "toggle": [Function], + "visible": false, + } + } + > + + + + + + + + + + +
+ + +

+ + + + +
+ + + + + 19 + + + + + + 0% + + + + + + + + + + 19 + + + + + +
+ +
+ + + + + + + + + + + + + + + + + +
+
+ + +
+ +

+ + Chunks + + + } + > +
+ + + + + + + , + }, + "animated": false, + "animating": false, + "arrowPadding": 4, + "arrowRef": Object { + "current": , + }, + "autoFocusOnShow": false, + "contentElement": , + "currentPlacement": "bottom", + "disclosureRef": Object { + "current": null, + }, + "disclosureVisible": false, + "fixed": false, + "flip": true, + "gutter": 8, + "hide": [Function], + "hideTimeout": 500, + "mounted": false, + "padding": 8, + "placement": "bottom", + "popoverRef": Object { + "current":
+ +
, + }, + "preventOverflow": true, + "render": [Function], + "renderCallback": undefined, + "setAnchorRect": [Function], + "setAutoFocusOnShow": [Function], + "setContentElement": [Function], + "setDisclosureVisible": [Function], + "setVisible": [Function], + "shift": 0, + "show": [Function], + "showTimeout": 500, + "stopAnimation": [Function], + "timeout": 500, + "toggle": [Function], + "visible": false, + } + } + > + + + + + + + + + + +
+ + +

+ + + + +
+ + + + + 4 + + + + + + 0% + + + + + + + + + + 4 + + + + + +
+ +
+ + + + + + + + + + + + + + + + + +
+
+ +
+ +
`; exports[`Storyshots Components/Summary default 1`] = ` -
- - + + keys={ + Array [ + "webpack.totalSizeByTypeALL", + "webpack.totalInitialSizeJS", + "webpack.totalInitialSizeCSS", + "webpack.cacheInvalidation", + ] + } + loading={false} + showSummaryItemDelta={true} + size="" + summaryItemLink={[Function]} + > + +
+ +
+
+ + +
+ +

+ + Bundle Size + + + } + > +
+ + + + + + + , + }, + "animated": false, + "animating": false, + "arrowPadding": 4, + "arrowRef": Object { + "current": , + }, + "autoFocusOnShow": false, + "contentElement": , + "currentPlacement": "bottom", + "disclosureRef": Object { + "current": null, + }, + "disclosureVisible": false, + "fixed": false, + "flip": true, + "gutter": 8, + "hide": [Function], + "hideTimeout": 500, + "mounted": false, + "padding": 8, + "placement": "bottom", + "popoverRef": Object { + "current":
+ +
, + }, + "preventOverflow": true, + "render": [Function], + "renderCallback": undefined, + "setAnchorRect": [Function], + "setAutoFocusOnShow": [Function], + "setContentElement": [Function], + "setDisclosureVisible": [Function], + "setVisible": [Function], + "shift": 0, + "show": [Function], + "showTimeout": 500, + "stopAnimation": [Function], + "timeout": 500, + "toggle": [Function], + "visible": false, + } + } + > + + + + + + + + + + +
+ + +

+ + + + +
+ + + + + 796.38 + + + KB + + + + + + -0.38% + + + + + + + + + + 799.44KB + + + + + +
+ +
+ + + + + + + + + + + + + + + + + +
+
+ + +
+ +

+ + Initial JS + + + } + > +
+ + + + + + + , + }, + "animated": false, + "animating": false, + "arrowPadding": 4, + "arrowRef": Object { + "current": , + }, + "autoFocusOnShow": false, + "contentElement": , + "currentPlacement": "bottom", + "disclosureRef": Object { + "current": null, + }, + "disclosureVisible": false, + "fixed": false, + "flip": true, + "gutter": 8, + "hide": [Function], + "hideTimeout": 500, + "mounted": false, + "padding": 8, + "placement": "bottom", + "popoverRef": Object { + "current":
+ +
, + }, + "preventOverflow": true, + "render": [Function], + "renderCallback": undefined, + "setAnchorRect": [Function], + "setAutoFocusOnShow": [Function], + "setContentElement": [Function], + "setDisclosureVisible": [Function], + "setVisible": [Function], + "shift": 0, + "show": [Function], + "showTimeout": 500, + "stopAnimation": [Function], + "timeout": 500, + "toggle": [Function], + "visible": false, + } + } + > + + + + + + + + + + +
+ + +

+ + + + +
+ + + + + 578.07 + + + KB + + + + + + +0.01% + + + + + + + + + + 577.99KB + + + + + +
+ +
+ + + + + + + + + + + + + + + + + +
+
+ + +
+ +

+ + Initial CSS + + + } + > +
+ + + + + + + , + }, + "animated": false, + "animating": false, + "arrowPadding": 4, + "arrowRef": Object { + "current": , + }, + "autoFocusOnShow": false, + "contentElement": , + "currentPlacement": "bottom", + "disclosureRef": Object { + "current": null, + }, + "disclosureVisible": false, + "fixed": false, + "flip": true, + "gutter": 8, + "hide": [Function], + "hideTimeout": 500, + "mounted": false, + "padding": 8, + "placement": "bottom", + "popoverRef": Object { + "current":
+ +
, + }, + "preventOverflow": true, + "render": [Function], + "renderCallback": undefined, + "setAnchorRect": [Function], + "setAutoFocusOnShow": [Function], + "setContentElement": [Function], + "setDisclosureVisible": [Function], + "setVisible": [Function], + "shift": 0, + "show": [Function], + "showTimeout": 500, + "stopAnimation": [Function], + "timeout": 500, + "toggle": [Function], + "visible": false, + } + } + > + + + + + + + + + + +
+ + +

+ + + + +
+ + + + + 21.19 + + + KB + + + + + + -12.91% + + + + + + + + + + 24.33KB + + + + + +
+ +
+ + + + + + + + + + + + + + + + + +
+
+ + +
+ +

+ + Cache Invalidation + + + } + > +
+ + + + + + + , + }, + "animated": false, + "animating": false, + "arrowPadding": 4, + "arrowRef": Object { + "current": , + }, + "autoFocusOnShow": false, + "contentElement": , + "currentPlacement": "bottom", + "disclosureRef": Object { + "current": null, + }, + "disclosureVisible": false, + "fixed": false, + "flip": true, + "gutter": 8, + "hide": [Function], + "hideTimeout": 500, + "mounted": false, + "padding": 8, + "placement": "bottom", + "popoverRef": Object { + "current":
+ +
, + }, + "preventOverflow": true, + "render": [Function], + "renderCallback": undefined, + "setAnchorRect": [Function], + "setAutoFocusOnShow": [Function], + "setContentElement": [Function], + "setDisclosureVisible": [Function], + "setVisible": [Function], + "shift": 0, + "show": [Function], + "showTimeout": 500, + "stopAnimation": [Function], + "timeout": 500, + "toggle": [Function], + "visible": false, + } + } + > + + + + + + + + + + +
+ + +

+ + + + +
+ + + + + 75.34 + + + % + + + + + + + + + + 0% + + + + + +
+ +
+ + + + + + + + + + + + + + + + + +
+
+ +
+ +
`; exports[`Storyshots Components/Summary loading 1`] = ` -
- - + } +> + + +
+ +
+
+ + +
+ +

+ + Bundle Size + + + } + > +
+ + + + + + + , + }, + "animated": false, + "animating": false, + "arrowPadding": 4, + "arrowRef": Object { + "current": , + }, + "autoFocusOnShow": false, + "contentElement": , + "currentPlacement": "bottom", + "disclosureRef": Object { + "current": null, + }, + "disclosureVisible": false, + "fixed": false, + "flip": true, + "gutter": 8, + "hide": [Function], + "hideTimeout": 500, + "mounted": false, + "padding": 8, + "placement": "bottom", + "popoverRef": Object { + "current":
+ +
, + }, + "preventOverflow": true, + "render": [Function], + "renderCallback": undefined, + "setAnchorRect": [Function], + "setAutoFocusOnShow": [Function], + "setContentElement": [Function], + "setDisclosureVisible": [Function], + "setVisible": [Function], + "shift": 0, + "show": [Function], + "showTimeout": 500, + "stopAnimation": [Function], + "timeout": 500, + "toggle": [Function], + "visible": false, + } + } + > + + + + + + + + + + +
+ + +

+ + + + +
+ + + + + + +
+ +
+ + +
+
+ + +
+ +

+ + Initial JS + + + } + > +
+ + + + + + + , + }, + "animated": false, + "animating": false, + "arrowPadding": 4, + "arrowRef": Object { + "current": , + }, + "autoFocusOnShow": false, + "contentElement": , + "currentPlacement": "bottom", + "disclosureRef": Object { + "current": null, + }, + "disclosureVisible": false, + "fixed": false, + "flip": true, + "gutter": 8, + "hide": [Function], + "hideTimeout": 500, + "mounted": false, + "padding": 8, + "placement": "bottom", + "popoverRef": Object { + "current":
+ +
, + }, + "preventOverflow": true, + "render": [Function], + "renderCallback": undefined, + "setAnchorRect": [Function], + "setAutoFocusOnShow": [Function], + "setContentElement": [Function], + "setDisclosureVisible": [Function], + "setVisible": [Function], + "shift": 0, + "show": [Function], + "showTimeout": 500, + "stopAnimation": [Function], + "timeout": 500, + "toggle": [Function], + "visible": false, + } + } + > + + + + + + + + + + +
+ + +

+ + + + +
+ + + + + + +
+ +
+ + +
+
+ + +
+ +

+ + Initial CSS + + + } + > +
+ + + + + + + , + }, + "animated": false, + "animating": false, + "arrowPadding": 4, + "arrowRef": Object { + "current": , + }, + "autoFocusOnShow": false, + "contentElement": , + "currentPlacement": "bottom", + "disclosureRef": Object { + "current": null, + }, + "disclosureVisible": false, + "fixed": false, + "flip": true, + "gutter": 8, + "hide": [Function], + "hideTimeout": 500, + "mounted": false, + "padding": 8, + "placement": "bottom", + "popoverRef": Object { + "current":
+ +
, + }, + "preventOverflow": true, + "render": [Function], + "renderCallback": undefined, + "setAnchorRect": [Function], + "setAutoFocusOnShow": [Function], + "setContentElement": [Function], + "setDisclosureVisible": [Function], + "setVisible": [Function], + "shift": 0, + "show": [Function], + "showTimeout": 500, + "stopAnimation": [Function], + "timeout": 500, + "toggle": [Function], + "visible": false, + } + } + > + + + + + + + + + + +
+ + +

+ + + + +
+ + + + + + +
+ +
+ + +
+
+ + +
+ +

+ + Cache Invalidation + + + } + > +
+ + + + + + + , + }, + "animated": false, + "animating": false, + "arrowPadding": 4, + "arrowRef": Object { + "current": , + }, + "autoFocusOnShow": false, + "contentElement": , + "currentPlacement": "bottom", + "disclosureRef": Object { + "current": null, + }, + "disclosureVisible": false, + "fixed": false, + "flip": true, + "gutter": 8, + "hide": [Function], + "hideTimeout": 500, + "mounted": false, + "padding": 8, + "placement": "bottom", + "popoverRef": Object { + "current":
+ +
, + }, + "preventOverflow": true, + "render": [Function], + "renderCallback": undefined, + "setAnchorRect": [Function], + "setAutoFocusOnShow": [Function], + "setContentElement": [Function], + "setDisclosureVisible": [Function], + "setVisible": [Function], + "shift": 0, + "show": [Function], + "showTimeout": 500, + "stopAnimation": [Function], + "timeout": 500, + "toggle": [Function], + "visible": false, + } + } + > + + + + + + + + + + +
+ + +

+ + + + +
+ + + + + + +
+ +
+ + +
+
+ + + + `; exports[`Storyshots Components/Summary single run 1`] = ` -
- - + + keys={ + Array [ + "webpack.totalSizeByTypeALL", + "webpack.totalInitialSizeJS", + "webpack.totalInitialSizeCSS", + "webpack.cacheInvalidation", + ] + } + loading={false} + showSummaryItemDelta={false} + size="" + summaryItemLink={[Function]} + > + +
+ +
+
+ + +
+ +

+ + Bundle Size + + + } + > +
+ + + + + + + , + }, + "animated": false, + "animating": false, + "arrowPadding": 4, + "arrowRef": Object { + "current": , + }, + "autoFocusOnShow": false, + "contentElement": , + "currentPlacement": "bottom", + "disclosureRef": Object { + "current": null, + }, + "disclosureVisible": false, + "fixed": false, + "flip": true, + "gutter": 8, + "hide": [Function], + "hideTimeout": 500, + "mounted": false, + "padding": 8, + "placement": "bottom", + "popoverRef": Object { + "current":
+ +
, + }, + "preventOverflow": true, + "render": [Function], + "renderCallback": undefined, + "setAnchorRect": [Function], + "setAutoFocusOnShow": [Function], + "setContentElement": [Function], + "setDisclosureVisible": [Function], + "setVisible": [Function], + "shift": 0, + "show": [Function], + "showTimeout": 500, + "stopAnimation": [Function], + "timeout": 500, + "toggle": [Function], + "visible": false, + } + } + > + + + + + + + + + + +
+ + +

+ + + + +
+ + + + + 796.38 + + + KB + + + + + + + + + + 0B + + + + + +
+ +
+ + + + + + + + + + + + + + + + + +
+
+ + +
+ +

+ + Initial JS + + + } + > +
+ + + + + + + , + }, + "animated": false, + "animating": false, + "arrowPadding": 4, + "arrowRef": Object { + "current": , + }, + "autoFocusOnShow": false, + "contentElement": , + "currentPlacement": "bottom", + "disclosureRef": Object { + "current": null, + }, + "disclosureVisible": false, + "fixed": false, + "flip": true, + "gutter": 8, + "hide": [Function], + "hideTimeout": 500, + "mounted": false, + "padding": 8, + "placement": "bottom", + "popoverRef": Object { + "current":
+ +
, + }, + "preventOverflow": true, + "render": [Function], + "renderCallback": undefined, + "setAnchorRect": [Function], + "setAutoFocusOnShow": [Function], + "setContentElement": [Function], + "setDisclosureVisible": [Function], + "setVisible": [Function], + "shift": 0, + "show": [Function], + "showTimeout": 500, + "stopAnimation": [Function], + "timeout": 500, + "toggle": [Function], + "visible": false, + } + } + > + + + + + + + + + + +
+ + +

+ + + + +
+ + + + + 578.07 + + + KB + + + + + + + + + + 0B + + + + + +
+ +
+ + + + + + + + + + + + + + + + + +
+
+ + +
+ +

+ + Initial CSS + + + } + > +
+ + + + + + + , + }, + "animated": false, + "animating": false, + "arrowPadding": 4, + "arrowRef": Object { + "current": , + }, + "autoFocusOnShow": false, + "contentElement": , + "currentPlacement": "bottom", + "disclosureRef": Object { + "current": null, + }, + "disclosureVisible": false, + "fixed": false, + "flip": true, + "gutter": 8, + "hide": [Function], + "hideTimeout": 500, + "mounted": false, + "padding": 8, + "placement": "bottom", + "popoverRef": Object { + "current":
+ +
, + }, + "preventOverflow": true, + "render": [Function], + "renderCallback": undefined, + "setAnchorRect": [Function], + "setAutoFocusOnShow": [Function], + "setContentElement": [Function], + "setDisclosureVisible": [Function], + "setVisible": [Function], + "shift": 0, + "show": [Function], + "showTimeout": 500, + "stopAnimation": [Function], + "timeout": 500, + "toggle": [Function], + "visible": false, + } + } + > + + + + + + + + + + +
+ + +

+ + + + +
+ + + + + 21.19 + + + KB + + + + + + + + + + 0B + + + + + +
+ +
+ + + + + + + + + + + + + + + + + +
+
+ + +
+ +

+ + Cache Invalidation + + + } + > +
+ + + + + + + , + }, + "animated": false, + "animating": false, + "arrowPadding": 4, + "arrowRef": Object { + "current": , + }, + "autoFocusOnShow": false, + "contentElement": , + "currentPlacement": "bottom", + "disclosureRef": Object { + "current": null, + }, + "disclosureVisible": false, + "fixed": false, + "flip": true, + "gutter": 8, + "hide": [Function], + "hideTimeout": 500, + "mounted": false, + "padding": 8, + "placement": "bottom", + "popoverRef": Object { + "current":
+ +
, + }, + "preventOverflow": true, + "render": [Function], + "renderCallback": undefined, + "setAnchorRect": [Function], + "setAutoFocusOnShow": [Function], + "setContentElement": [Function], + "setDisclosureVisible": [Function], + "setVisible": [Function], + "shift": 0, + "show": [Function], + "showTimeout": 500, + "stopAnimation": [Function], + "timeout": 500, + "toggle": [Function], + "visible": false, + } + } + > + + + + + + + + + + +
+ + +

+ + + + +
+ + + + + 0 + + + % + + + + + + + + + + 0% + + + + + +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + `; exports[`Storyshots Components/Summary with link 1`] = ` -
- - + + keys={ + Array [ + "webpack.totalSizeByTypeALL", + "webpack.totalInitialSizeJS", + "webpack.totalInitialSizeCSS", + "webpack.cacheInvalidation", + ] + } + loading={false} + showSummaryItemDelta={true} + size="" + summaryItemLink={[Function]} + > + +
+ +
+
+ + +
+ +

+ + Bundle Size + + + } + > +
+ + + + + + + , + }, + "animated": false, + "animating": false, + "arrowPadding": 4, + "arrowRef": Object { + "current": , + }, + "autoFocusOnShow": false, + "contentElement": , + "currentPlacement": "bottom", + "disclosureRef": Object { + "current": null, + }, + "disclosureVisible": false, + "fixed": false, + "flip": true, + "gutter": 8, + "hide": [Function], + "hideTimeout": 500, + "mounted": false, + "padding": 8, + "placement": "bottom", + "popoverRef": Object { + "current":
+ +
, + }, + "preventOverflow": true, + "render": [Function], + "renderCallback": undefined, + "setAnchorRect": [Function], + "setAutoFocusOnShow": [Function], + "setContentElement": [Function], + "setDisclosureVisible": [Function], + "setVisible": [Function], + "shift": 0, + "show": [Function], + "showTimeout": 500, + "stopAnimation": [Function], + "timeout": 500, + "toggle": [Function], + "visible": false, + } + } + > + + + + + + + + + + +
+ + +

+ + + + +
+ + + + + 796.38 + + + KB + + + + + + -0.38% + + + + + + + + + + 799.44KB + + + + + +
+ +
+ + + + + +
+
+ + +
+ +

+ + Initial JS + + + } + > +
+ + + + + + + , + }, + "animated": false, + "animating": false, + "arrowPadding": 4, + "arrowRef": Object { + "current": , + }, + "autoFocusOnShow": false, + "contentElement": , + "currentPlacement": "bottom", + "disclosureRef": Object { + "current": null, + }, + "disclosureVisible": false, + "fixed": false, + "flip": true, + "gutter": 8, + "hide": [Function], + "hideTimeout": 500, + "mounted": false, + "padding": 8, + "placement": "bottom", + "popoverRef": Object { + "current":
+ +
, + }, + "preventOverflow": true, + "render": [Function], + "renderCallback": undefined, + "setAnchorRect": [Function], + "setAutoFocusOnShow": [Function], + "setContentElement": [Function], + "setDisclosureVisible": [Function], + "setVisible": [Function], + "shift": 0, + "show": [Function], + "showTimeout": 500, + "stopAnimation": [Function], + "timeout": 500, + "toggle": [Function], + "visible": false, + } + } + > + + + + + + + + + + +
+ + +

+ + + + +
+ + + + + 578.07 + + + KB + + + + + + +0.01% + + + + + + + + + + 577.99KB + + + + + +
+ +
+ + + + + +
+
+ + +
+ +

+ + Initial CSS + + + } + > +
+ + + + + + + , + }, + "animated": false, + "animating": false, + "arrowPadding": 4, + "arrowRef": Object { + "current": , + }, + "autoFocusOnShow": false, + "contentElement": , + "currentPlacement": "bottom", + "disclosureRef": Object { + "current": null, + }, + "disclosureVisible": false, + "fixed": false, + "flip": true, + "gutter": 8, + "hide": [Function], + "hideTimeout": 500, + "mounted": false, + "padding": 8, + "placement": "bottom", + "popoverRef": Object { + "current":
+ +
, + }, + "preventOverflow": true, + "render": [Function], + "renderCallback": undefined, + "setAnchorRect": [Function], + "setAutoFocusOnShow": [Function], + "setContentElement": [Function], + "setDisclosureVisible": [Function], + "setVisible": [Function], + "shift": 0, + "show": [Function], + "showTimeout": 500, + "stopAnimation": [Function], + "timeout": 500, + "toggle": [Function], + "visible": false, + } + } + > + + + + + + + + + + +
+ + +

+ + + + +
+ + + + + 21.19 + + + KB + + + + + + -12.91% + + + + + + + + + + 24.33KB + + + + + +
+ +
+ + + + + +
+
+ + +
+ +

+ + Cache Invalidation + + + } + > +
+ + + + + + + , + }, + "animated": false, + "animating": false, + "arrowPadding": 4, + "arrowRef": Object { + "current": , + }, + "autoFocusOnShow": false, + "contentElement": , + "currentPlacement": "bottom", + "disclosureRef": Object { + "current": null, + }, + "disclosureVisible": false, + "fixed": false, + "flip": true, + "gutter": 8, + "hide": [Function], + "hideTimeout": 500, + "mounted": false, + "padding": 8, + "placement": "bottom", + "popoverRef": Object { + "current":
+ +
, + }, + "preventOverflow": true, + "render": [Function], + "renderCallback": undefined, + "setAnchorRect": [Function], + "setAutoFocusOnShow": [Function], + "setContentElement": [Function], + "setDisclosureVisible": [Function], + "setVisible": [Function], + "shift": 0, + "show": [Function], + "showTimeout": 500, + "stopAnimation": [Function], + "timeout": 500, + "toggle": [Function], + "visible": false, + } + } + > + + + + + + + + + + +
+ + +

+ + + + +
+ + + + + 75.34 + + + % + + + + + + + + + + 0% + + + + + +
+ +
+ + + + + + + + + + + `; diff --git a/packages/ui/src/layout/box/__snapshots__/box.stories.storyshot b/packages/ui/src/layout/box/__snapshots__/box.stories.storyshot index e382d5099d..be2936d8ec 100644 --- a/packages/ui/src/layout/box/__snapshots__/box.stories.storyshot +++ b/packages/ui/src/layout/box/__snapshots__/box.stories.storyshot @@ -1,103 +1,224 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Storyshots Layout/Box default 1`] = ` -
- - + + verticalPadding="" + > +
+ Lorem ipsum +
+
`; exports[`Storyshots Layout/Box with horizontal & vertical padding 1`] = ` -
- - + + verticalPadding="" + > +
+ Lorem ipsum +
+
`; exports[`Storyshots Layout/Box with horizontal padding 1`] = ` -
- - + + verticalPadding="" + > +
+ Lorem ipsum +
+
`; exports[`Storyshots Layout/Box with outline 1`] = ` -
- - + } +> + +
+ Lorem ipsum +
+
`; exports[`Storyshots Layout/Box with padding 1`] = ` -
- - + + verticalPadding="" + > +
+ Lorem ipsum +
+
`; exports[`Storyshots Layout/Box with vertical padding 1`] = ` -
- - + + verticalPadding="medium" + > +
+ Lorem ipsum +
+
`; diff --git a/packages/ui/src/layout/flex-stack/__snapshots__/flex-stack.stories.storyshot b/packages/ui/src/layout/flex-stack/__snapshots__/flex-stack.stories.storyshot index bf1c4f1300..5a4301f83d 100644 --- a/packages/ui/src/layout/flex-stack/__snapshots__/flex-stack.stories.storyshot +++ b/packages/ui/src/layout/flex-stack/__snapshots__/flex-stack.stories.storyshot @@ -1,86 +1,318 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Storyshots Layout/FlexStack default 1`] = ` -
- - + } +> + +
+ +
+ Lorem ipsum 1 +
+ + +
+ Lorem ipsum 2 +
+ +
+ Lorem ipsum 3 +
+
+
`; exports[`Storyshots Layout/FlexStack single item 1`] = ` -
- - + } +> + +
+ +
+ Lorem ipsum +
+ +
+
`; exports[`Storyshots Layout/FlexStack with custom wrapper 1`] = ` -
- - + } +> + +
+ +
+ Lorem ipsum 1 +
+ + +
+ Lorem ipsum 2 +
+ +
+
`; exports[`Storyshots Layout/FlexStack with large space 1`] = ` -
- - + } +> + +
+ +
+ Lorem ipsum 1 +
+ + +
+ Lorem ipsum 2 +
+ + +
+ Lorem ipsum 3 +
+ +
+
`; exports[`Storyshots Layout/FlexStack with nested stack 1`] = ` -
- - + } +> + +
+ +
+ Lorem ipsum 1 +
+ + +
+ Lorem ipsum 2 +
+ + +
+ +
+ Lorem ipsum 3.1 +
+ + +
+ Lorem ipsum 3.2 +
+ +
+ +
+
`; diff --git a/packages/ui/src/layout/footer/__snapshots__/footer.stories.storyshot b/packages/ui/src/layout/footer/__snapshots__/footer.stories.storyshot index 46d17ab192..6971bca158 100644 --- a/packages/ui/src/layout/footer/__snapshots__/footer.stories.storyshot +++ b/packages/ui/src/layout/footer/__snapshots__/footer.stories.storyshot @@ -1,35 +1,251 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Storyshots Layout/Footer default 1`] = ` -
- - + } +> +
`; exports[`Storyshots Layout/Footer with custom content 1`] = ` -
- - + } +> +
`; diff --git a/packages/ui/src/layout/header/__snapshots__/header.stories.storyshot b/packages/ui/src/layout/header/__snapshots__/header.stories.storyshot index ece0f28618..d3cdebb519 100644 --- a/packages/ui/src/layout/header/__snapshots__/header.stories.storyshot +++ b/packages/ui/src/layout/header/__snapshots__/header.stories.storyshot @@ -1,35 +1,237 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Storyshots Layout/Header default 1`] = ` -
- - + } +> +
+
+
+ + + + + + + + + + + + +
+
+ + + +
+
+ + + + + + + + + +
+
+
`; exports[`Storyshots Layout/Header menu on the right 1`] = ` -
- - + } +> +
+
+
+ + + + + + + + + + + + +
+
+
+ + + +
+
+
`; diff --git a/packages/ui/src/layout/stack/__snapshots__/stack.stories.storyshot b/packages/ui/src/layout/stack/__snapshots__/stack.stories.storyshot index 5d0275dc3d..d097395ae0 100644 --- a/packages/ui/src/layout/stack/__snapshots__/stack.stories.storyshot +++ b/packages/ui/src/layout/stack/__snapshots__/stack.stories.storyshot @@ -1,86 +1,318 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Storyshots Layout/Stack default 1`] = ` -
- - + } +> + +
+ +
+ Lorem ipsum 1 +
+ + +
+ Lorem ipsum 2 +
+ +
+ Lorem ipsum 3 +
+
+
`; exports[`Storyshots Layout/Stack single item 1`] = ` -
- - + } +> + +
+ +
+ Lorem ipsum +
+ +
+
`; exports[`Storyshots Layout/Stack with custom wrapper 1`] = ` -
- - + } +> + +
+ +
+ Lorem ipsum 1 +
+ + +
+ Lorem ipsum 2 +
+ +
+
`; exports[`Storyshots Layout/Stack with large space 1`] = ` -
- - + } +> + +
+ +
+ Lorem ipsum 1 +
+ + +
+ Lorem ipsum 2 +
+ + +
+ Lorem ipsum 3 +
+ +
+
`; exports[`Storyshots Layout/Stack with nested stack 1`] = ` -
- - + } +> + +
+ +
+ Lorem ipsum 1 +
+ + +
+ Lorem ipsum 2 +
+ + +
+ +
+ Lorem ipsum 3.1 +
+ + +
+ Lorem ipsum 3.2 +
+ +
+ +
+
`; diff --git a/packages/ui/src/layout/sub-header/__snapshots__/sub-header.stories.storyshot b/packages/ui/src/layout/sub-header/__snapshots__/sub-header.stories.storyshot index 97766ecc4d..dd901241f0 100644 --- a/packages/ui/src/layout/sub-header/__snapshots__/sub-header.stories.storyshot +++ b/packages/ui/src/layout/sub-header/__snapshots__/sub-header.stories.storyshot @@ -1,103 +1,671 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Storyshots Layout/SubHeader default 1`] = ` -
- - + } +> + + +
+ +
+
+
+
+

+ Webpack +

+
+
+
+
+ +
+ +
`; exports[`Storyshots Layout/SubHeader with children 1`] = ` -
- - + } +> + + } + rightSide={null} + size="default" + subtitle="Tools" + title="Webpack" + > + +
+ +
+
+
+
+ + + + + + + + + + + +
+
+

+ Tools +

+

+ Webpack +

+ + Visit webpack.js.org + +
+
+
+
+ +
+ +
`; exports[`Storyshots Layout/SubHeader with icon 1`] = ` -
- - + } - width="16" - /> + rightSide={null} + size="default" + subtitle="Tools" + title="Webpack" + > + +
+ +
+
+
+
+ + + + + + + + + + + +
+
+

+ Tools +

+

+ Webpack +

+
+
+
+
+ +
+ +
`; exports[`Storyshots Layout/SubHeader with right side links 1`] = ` -
- - + } - width="16" - /> + rightSide={ + + Read more + + } + size="default" + subtitle="Tools" + title="Webpack" + > + +
+ +
+
+
+
+ + + + + + + + + + + +
+
+

+ Tools +

+

+ Webpack +

+ + Visit webpack.js.org + +
+
+ + Read more + +
+
+
+
+ +
+ +
`; exports[`Storyshots Layout/SubHeader with small size 1`] = ` -
- - + + } + rightSide={ + + Read more + } - width="16" - /> + size="small" + subtitle="Tools" + title="Webpack" + > + +
+ +
+
+
+
+ + + + + + + + + + + +
+
+

+ Tools +

+

+ Webpack +

+ + Visit webpack.js.org + +
+
+ + Read more + +
+
+
+
+ +
+ +
`; exports[`Storyshots Layout/SubHeader with subtitle 1`] = ` -
- - + } +> + + +
+ +
+
+
+
+

+ Tools +

+

+ Webpack +

+
+
+
+
+ +
+ +
`; diff --git a/packages/ui/src/stories/wrapper.jsx b/packages/ui/src/stories/wrapper.jsx index e9b76eba16..1753bc480e 100644 --- a/packages/ui/src/stories/wrapper.jsx +++ b/packages/ui/src/stories/wrapper.jsx @@ -1,19 +1,21 @@ import React from 'react'; import { MemoryRouter } from 'react-router-dom'; -export const getWrapperDecorator = (customWrapperStyles = {}) => (storyFn) => { - const wrapperStyles = { - width: '100%', - height: '100%', - padding: '24px', - ...customWrapperStyles, - }; +export const getWrapperDecorator = + (customWrapperStyles = {}) => + (storyFn) => { + const wrapperStyles = { + width: '100%', + height: '100%', + padding: '24px', + ...customWrapperStyles, + }; - return ( - -
- {storyFn()} -
- - ); -}; + return ( + +
+ {storyFn()} +
+ + ); + }; diff --git a/packages/ui/src/ui/alert/__snapshots__/alert.stories.storyshot b/packages/ui/src/ui/alert/__snapshots__/alert.stories.storyshot index 71a4a8302a..004a1643fe 100644 --- a/packages/ui/src/ui/alert/__snapshots__/alert.stories.storyshot +++ b/packages/ui/src/ui/alert/__snapshots__/alert.stories.storyshot @@ -1,1516 +1,191 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Storyshots UI/Alert default 1`] = ` -
- - - -
- - -
- Lorem ipsum -
- - -
- - - - + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + Lorem ipsum +
+ + `; exports[`Storyshots UI/Alert with kind danger 1`] = ` -
- - - -
- - -
- Lorem ipsum -
- - -
- - - - + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + Lorem ipsum +
+ + `; exports[`Storyshots UI/Alert with kind info 1`] = ` -
- - - -
- - -
- Lorem ipsum -
- - -
- - - - + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + Lorem ipsum +
+ + `; exports[`Storyshots UI/Alert with kind success 1`] = ` -
- - - -
- - -
- Lorem ipsum -
- - -
- - - - + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + Lorem ipsum +
+ + `; exports[`Storyshots UI/Alert with kind warning 1`] = ` -
- - - -
- - -
- Lorem ipsum -
- - -
- - - - + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + Lorem ipsum +
+ + `; diff --git a/packages/ui/src/ui/container/__snapshots__/container.stories.storyshot b/packages/ui/src/ui/container/__snapshots__/container.stories.storyshot index f4eae2523f..7547c1ef77 100644 --- a/packages/ui/src/ui/container/__snapshots__/container.stories.storyshot +++ b/packages/ui/src/ui/container/__snapshots__/container.stories.storyshot @@ -1,267 +1,3 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`Storyshots UI/Container default 1`] = ` -
- -
- -
-
-
- Content -
-
-
- -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-`; +exports[`Storyshots UI/Container default 1`] = `null`; diff --git a/packages/ui/src/ui/dropdown/__snapshots__/dropdown.stories.storyshot b/packages/ui/src/ui/dropdown/__snapshots__/dropdown.stories.storyshot index 7f31a671ab..3cbe0daf84 100644 --- a/packages/ui/src/ui/dropdown/__snapshots__/dropdown.stories.storyshot +++ b/packages/ui/src/ui/dropdown/__snapshots__/dropdown.stories.storyshot @@ -1,1581 +1,1051 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Storyshots UI/Dropdown default 1`] = ` -
- - + + + - + + +
+ Toggle +
+
+ , + }, + "animated": false, + "animating": false, + "arrowPadding": 4, + "arrowRef": Object { + "current": null, + }, + "autoFocusOnShow": false, + "baseRef": Object { + "current": `; exports[`Storyshots UI/Dropdown with render function 1`] = ` -
- - + + + - + + +
+ Toggle +
+
+ , + }, + "animated": false, + "animating": false, + "arrowPadding": 4, + "arrowRef": Object { + "current": null, + }, + "autoFocusOnShow": false, + "baseRef": Object { + "current": + + + +
+ Toggle
- - - - - - - - - + , + }, + "disclosureVisible": false, + "down": [Function], + "first": [Function], + "fixed": false, + "flip": true, + "focusLoop": false, + "focusShift": false, + "focusWrap": false, + "gutter": undefined, + "hide": [Function], + "hideAll": [Function], + "hideTimeout": 0, + "includesBaseElement": false, + "initialFocus": "container", + "items": Array [], + "last": [Function], + "mounted": false, + "move": [Function], + "moves": 0, + "next": [Function], + "orientation": "vertical", + "padding": 8, + "placement": "bottom-start", + "popoverRef": Object { + "current":
+ +
, + }, + "preventOverflow": true, + "previous": [Function], + "registerItem": [Function], + "render": [Function], + "renderCallback": undefined, + "rtl": false, + "setActiveId": [Function], + "setAnchorRect": [Function], + "setAutoFocusOnShow": [Function], + "setContentElement": [Function], + "setDisclosureVisible": [Function], + "setInitialFocus": [Function], + "setItems": [Function], + "setMoves": [Function], + "setValue": [Function], + "setValues": [Function], + "setVisible": [Function], + "shift": 0, + "show": [Function], + "showTimeout": 150, + "stopAnimation": [Function], + "timeout": 150, + "toggle": [Function], + "up": [Function], + "values": Object {}, + "virtualFocus": false, + "visible": false, } } - width="16" > - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + +
+ +
+ + + `; diff --git a/packages/ui/src/ui/empty-set/__snapshots__/empty-set.stories.storyshot b/packages/ui/src/ui/empty-set/__snapshots__/empty-set.stories.storyshot index a5406f346b..56caf27baa 100644 --- a/packages/ui/src/ui/empty-set/__snapshots__/empty-set.stories.storyshot +++ b/packages/ui/src/ui/empty-set/__snapshots__/empty-set.stories.storyshot @@ -1,606 +1,76 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Storyshots UI/EmptySet default 1`] = ` -
- - - -
- -
-

- No assets found. -

- - or - -
- -
- - - - + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - +

+ No assets found. +

+ + or + +
+ `; exports[`Storyshots UI/EmptySet empty 1`] = ` -
- - - -
- -
-

- No assets available. -

-
- -
- - - - + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + No assets available. +

+
+ `; diff --git a/packages/ui/src/ui/file-name/__snapshots__/file-name.stories.storyshot b/packages/ui/src/ui/file-name/__snapshots__/file-name.stories.storyshot index e419c4d0d3..f362ab3e78 100644 --- a/packages/ui/src/ui/file-name/__snapshots__/file-name.stories.storyshot +++ b/packages/ui/src/ui/file-name/__snapshots__/file-name.stories.storyshot @@ -1,316 +1,3 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`Storyshots Ui/FileName default 1`] = ` -
- -
-
- - - styles.css - - -
-
- - - ./src/components/sources/styles.css - - -
-
- - - css ./node_modules/css-loader/dist/cjs.js??ref--6-1!./node_modules/postcss-loader/src!./src/components/sources/source/styles.css - - -
-
- - - rreallylongwordreallylongwordreallylongwordreallylongwordreallylongwordreallylongwordreallylongwordreallylongwordreallylongwordreallylongwordeallylongword - - -
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-`; +exports[`Storyshots Ui/FileName default 1`] = `null`; diff --git a/packages/ui/src/ui/filters/__snapshots__/filters.stories.storyshot b/packages/ui/src/ui/filters/__snapshots__/filters.stories.storyshot index f8506bb850..5aef48fd98 100644 --- a/packages/ui/src/ui/filters/__snapshots__/filters.stories.storyshot +++ b/packages/ui/src/ui/filters/__snapshots__/filters.stories.storyshot @@ -1,69 +1,145 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Storyshots UI/Filters default 1`] = ` -
- - + + - -
+
- - +
+ +
+ + + +
+ + - - - -
- + File types: +   + -
+ + } + > +
+
+ +
+
, + "currentPlacement": "bottom-start", + "disclosureRef": Object { + "current": , + }, + "disclosureVisible": false, + "down": [Function], + "first": [Function], + "fixed": false, + "flip": true, + "focusLoop": false, + "focusShift": false, + "focusWrap": false, + "gutter": undefined, + "hide": [Function], + "hideAll": [Function], + "hideTimeout": 0, + "includesBaseElement": false, + "initialFocus": "container", + "items": Array [ Object { - "CSS": Object { - "defaultValue": true, - "label": "CSS", + "disabled": false, + "id": "clear-all", + "ref": Object { + "current": , }, - "HTML": Object { - "defaultValue": true, - "label": "HTML", + "rowId": undefined, + }, + Object { + "disabled": false, + "id": "id-m6doa0", + "ref": Object { + "current": , }, - "JS": Object { - "defaultValue": true, - "label": "JS", + "rowId": undefined, + }, + Object { + "disabled": false, + "id": "id-dso368", + "ref": Object { + "current": , }, - "OTHER": Object { - "defaultValue": true, - "label": "Asset that is not CSS, JS or HTML", + "rowId": undefined, + }, + Object { + "disabled": false, + "id": "id-z2ldat", + "ref": Object { + "current": , }, - "label": "File types", - } - } - groupKey="fileTypes" - key=".$fileTypes" - onCheckboxChange={[Function]} - toggleFilters={[Function]} - values={ + "rowId": undefined, + }, Object { - "changed": true, - "fileTypes.CSS": true, - "fileTypes.HTML": true, - "fileTypes.JS": true, - "fileTypes.OTHER": true, - } - } + "disabled": false, + "id": "id-1fc92q", + "ref": Object { + "current": , + }, + "rowId": undefined, + }, + ], + "last": [Function], + "mounted": false, + "move": [Function], + "moves": 0, + "next": [Function], + "orientation": "vertical", + "padding": 8, + "placement": "bottom-start", + "popoverRef": Object { + "current":
+ +
, + }, + "preventOverflow": true, + "previous": [Function], + "registerItem": [Function], + "render": [Function], + "renderCallback": undefined, + "rtl": false, + "setActiveId": [Function], + "setAnchorRect": [Function], + "setAutoFocusOnShow": [Function], + "setContentElement": [Function], + "setDisclosureVisible": [Function], + "setInitialFocus": [Function], + "setItems": [Function], + "setMoves": [Function], + "setValue": [Function], + "setValues": [Function], + "setVisible": [Function], + "shift": 0, + "show": [Function], + "showTimeout": 150, + "stopAnimation": [Function], + "timeout": 150, + "toggle": [Function], + "up": [Function], + "values": Object {}, + "virtualFocus": false, + "visible": false, + } + } + tabIndex={null} + > + + + - - - - -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-`; - -exports[`Storyshots UI/Filters disable options 1`] = ` -
- - - -
- - -
- -
- -
- - - -
- - -
- - - -
- - - - File types: -   - - all - - - } - > -
+ + +
+
+ +
+
, + } + } + className="menuItem filterGroupItem" + contentElement={ + -
- -
-
, - }, - "contentElement": , - "currentPlacement": "bottom-start", - "disclosureRef": Object { - "current": , - }, - "disclosureVisible": false, - "down": [Function], - "first": [Function], - "fixed": false, - "flip": true, - "focusLoop": false, - "focusShift": false, - "focusWrap": false, - "gutter": undefined, - "hide": [Function], - "hideAll": [Function], - "hideTimeout": 0, - "includesBaseElement": false, - "initialFocus": "container", - "items": Array [ - Object { - "disabled": false, - "id": "clear-all", - "ref": Object { - "current": , - }, - "rowId": undefined, - }, - Object { - "disabled": false, - "id": "id-o1ptxl", - "ref": Object { - "current":
- CSS + JS
- , - }, - "rowId": undefined, - }, - Object { - "disabled": false, - "id": "id-ljrqzo", - "ref": Object { - "current":
+
- JS + HTML
-
, - }, - "rowId": undefined, - }, - Object { - "disabled": false, - "id": "id-2ng8t8", - "ref": Object { - "current":
+
- HTML + Asset that is not CSS, JS or HTML
-
, - }, - "rowId": undefined, - }, - ], - "last": [Function], - "mounted": false, - "move": [Function], - "moves": 0, - "next": [Function], - "orientation": "vertical", - "padding": 8, - "placement": "bottom-start", - "popoverRef": Object { - "current":
+
+ + + } + currentPlacement="bottom-start" + disclosureRef={ + Object { + "current": , + } + } + disclosureVisible={false} + down={[Function]} + first={[Function]} + fixed={false} + flip={true} + focusLoop={false} + focusShift={false} + focusWrap={false} + hide={[Function]} + hideAll={[Function]} + hideTimeout={0} + includesBaseElement={false} + initialFocus="container" + items={ + Array [ + Object { + "disabled": false, + "id": "clear-all", + "ref": Object { + "current": , + }, + "rowId": undefined, + }, + Object { + "disabled": false, + "id": "id-m6doa0", + "ref": Object { + "current":
- -
, + }, + "rowId": undefined, + }, + Object { + "disabled": false, + "id": "id-dso368", + "ref": Object { + "current":
-
-
, + }, + "rowId": undefined, + }, + Object { + "disabled": false, + "id": "id-z2ldat", + "ref": Object { + "current":
-
- -
- -
- - , - }, - "preventOverflow": true, - "previous": [Function], - "registerItem": [Function], - "render": [Function], - "renderCallback": undefined, - "rtl": false, - "setActiveId": [Function], - "setAnchorRect": [Function], - "setAutoFocusOnShow": [Function], - "setContentElement": [Function], - "setDisclosureVisible": [Function], - "setInitialFocus": [Function], - "setItems": [Function], - "setMoves": [Function], - "setValue": [Function], - "setValues": [Function], - "setVisible": [Function], - "shift": 0, - "show": [Function], - "showTimeout": 150, - "stopAnimation": [Function], - "timeout": 150, - "toggle": [Function], - "up": [Function], - "values": Object {}, - "virtualFocus": false, - "visible": false, - } - } - tabIndex={null} - > - - - - -
- +
- +
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -`; - -exports[`Storyshots UI/Filters overflow 1`] = ` -
- - - -
- - - -
- -
- -
- - - -
- - - - Chunks: -   - - none - - - } - > -
, - }, - "animated": false, - "animating": false, - "arrowPadding": 4, - "arrowRef": Object { - "current": null, - }, - "autoFocusOnShow": false, - "baseRef": Object { - "current": +
+ +
+
+
, + } + } + preventOverflow={true} + previous={[Function]} + registerItem={[Function]} + render={[Function]} + rtl={false} + setActiveId={[Function]} + setAnchorRect={[Function]} + setAutoFocusOnShow={[Function]} + setContentElement={[Function]} + setDisclosureVisible={[Function]} + setInitialFocus={[Function]} + setItems={[Function]} + setMoves={[Function]} + setValue={[Function]} + setValues={[Function]} + setVisible={[Function]} + shift={0} + show={[Function]} + showTimeout={150} + stopAnimation={[Function]} + timeout={150} + toggle={[Function]} + up={[Function]} + values={Object {}} + virtualFocus={false} + visible={false} + > + , + } + } + className="menuItem filterGroupItem" + contentElement={ + + + } + currentPlacement="bottom-start" + data-command="" + disclosureRef={ + Object { + "current": - + all + - , + }, + "rowId": undefined, + }, + Object { + "disabled": false, + "id": "id-dso368", + "ref": Object { + "current": - , + }, + "rowId": undefined, + }, + Object { + "disabled": false, + "id": "id-z2ldat", + "ref": Object { + "current": + , + }, + "rowId": undefined, + }, + Object { + "disabled": false, + "id": "id-1fc92q", + "ref": Object { + "current": + + + + , + }, + "rowId": undefined, + }, + ] + } + last={[Function]} + mounted={false} + move={[Function]} + moves={0} + next={[Function]} + onBlur={[Function]} + onBlurCapture={[Function]} + onClick={[Function]} + onClickCapture={[Function]} + onFocus={[Function]} + onFocusCapture={[Function]} + onKeyDown={[Function]} + onKeyDownCapture={[Function]} + onKeyPressCapture={[Function]} + onKeyUp={[Function]} + onMouseDown={[Function]} + onMouseDownCapture={[Function]} + onMouseLeave={[Function]} + onMouseMove={[Function]} + orientation="vertical" + padding={8} + placement="bottom-start" + popoverRef={ + Object { + "current":
+ + +
- - + , + } + } + preventOverflow={true} + previous={[Function]} + registerItem={[Function]} + render={[Function]} + role="menuitem" + rtl={false} + setActiveId={[Function]} + setAnchorRect={[Function]} + setAutoFocusOnShow={[Function]} + setContentElement={[Function]} + setDisclosureVisible={[Function]} + setInitialFocus={[Function]} + setItems={[Function]} + setMoves={[Function]} + setValue={[Function]} + setValues={[Function]} + setVisible={[Function]} + shift={0} + show={[Function]} + showTimeout={150} + stopAnimation={[Function]} + tabIndex={-1} + timeout={150} + toggle={[Function]} + up={[Function]} + values={Object {}} + virtualFocus={false} + visible={false} + > + +
+ + + + +
+ + + + + +
+ + + +
+ + + + + + + + + + + + + +`; + +exports[`Storyshots UI/Filters disable options 1`] = ` +
+ + +
+ +
+ +
+ + + +
+ + +
+ + + +
+ + + + File types: +   + + all + + + } + > + + + + +
+ +
+ + +
+`; + +exports[`Storyshots UI/Filters overflow 1`] = ` +
+ + + +
+ +
+ +
+ + + +
+ + + + Chunks: +   + + none + + + } + > + +
, + }, + "rowId": undefined, }, - "rowId": undefined, - }, - Object { - "disabled": false, - "id": "id-a03mcr", - "ref": Object { - "current": , + + + Chunk 7 + + + +
+ , + }, + "rowId": undefined, }, - "rowId": undefined, - }, - Object { - "disabled": false, - "id": "id-b0o51c", - "ref": Object { - "current": , + + + Chunk 8 + + + + + , + }, + "rowId": undefined, }, - "rowId": undefined, - }, - Object { - "disabled": false, - "id": "id-zdxgh8", - "ref": Object { - "current": , + + + Chunk 9 + + + + + , + }, + "rowId": undefined, }, - "rowId": undefined, - }, - Object { - "disabled": false, - "id": "id-zp1aex", - "ref": Object { - "current": , + + + Chunk 10 + + + + + , + }, + "rowId": undefined, }, - "rowId": undefined, - }, - Object { - "disabled": false, - "id": "id-8vmrlx", - "ref": Object { - "current": , + + + Chunk 11 + + + + + , + }, + "rowId": undefined, }, - "rowId": undefined, - }, - Object { - "disabled": false, - "id": "id-nqz4qw", - "ref": Object { - "current": , + + + Chunk 12 + + + + + , + }, + "rowId": undefined, }, - "rowId": undefined, - }, - Object { - "disabled": false, - "id": "id-amunut", - "ref": Object { - "current": , + }, + "rowId": undefined, + }, + Object { + "disabled": false, + "id": "id-gwh3m5", + "ref": Object { + "current": , + + + + , + }, + "rowId": undefined, }, - "rowId": undefined, - }, - Object { - "disabled": false, - "id": "id-ocutxj", - "ref": Object { - "current": , + only + + + , + }, + "rowId": undefined, }, - "rowId": undefined, - }, - ], - "last": [Function], - "mounted": false, - "move": [Function], - "moves": 0, - "next": [Function], - "orientation": "vertical", - "padding": 8, - "placement": "bottom-start", - "popoverRef": Object { - "current":
- - -
- - + - - - - - - - - - - - - - - - - - - - -
- + +
- - , - }, - "preventOverflow": true, - "previous": [Function], - "registerItem": [Function], - "render": [Function], - "renderCallback": undefined, - "rtl": false, - "setActiveId": [Function], - "setAnchorRect": [Function], - "setAutoFocusOnShow": [Function], - "setContentElement": [Function], - "setDisclosureVisible": [Function], - "setInitialFocus": [Function], - "setItems": [Function], - "setMoves": [Function], - "setValue": [Function], - "setValues": [Function], - "setVisible": [Function], - "shift": 0, - "show": [Function], - "showTimeout": 150, - "stopAnimation": [Function], - "timeout": 150, - "toggle": [Function], - "up": [Function], - "values": Object {}, - "virtualFocus": false, - "visible": false, - } - } - tabIndex={null} - > - - - + + + + + + + + - - - - - - - - - - - + , + } + } + preventOverflow={true} + previous={[Function]} + registerItem={[Function]} + render={[Function]} + role="menuitem" + rtl={false} + setActiveId={[Function]} + setAnchorRect={[Function]} + setAutoFocusOnShow={[Function]} + setContentElement={[Function]} + setDisclosureVisible={[Function]} + setInitialFocus={[Function]} + setItems={[Function]} + setMoves={[Function]} + setValue={[Function]} + setValues={[Function]} + setVisible={[Function]} + shift={0} + show={[Function]} + showTimeout={150} + stopAnimation={[Function]} + tabIndex={-1} + timeout={150} + toggle={[Function]} + up={[Function]} + values={Object {}} + virtualFocus={false} + visible={false} + > +
- + + + - + only +
- + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + +
+ + + +
+ + + + + + + + + + + + `; diff --git a/packages/ui/src/ui/horizontal-bar-chart/__snapshots__/horizontal-bar-chart.stories.storyshot b/packages/ui/src/ui/horizontal-bar-chart/__snapshots__/horizontal-bar-chart.stories.storyshot index 11671e1042..775c59563b 100644 --- a/packages/ui/src/ui/horizontal-bar-chart/__snapshots__/horizontal-bar-chart.stories.storyshot +++ b/packages/ui/src/ui/horizontal-bar-chart/__snapshots__/horizontal-bar-chart.stories.storyshot @@ -1,4096 +1,2771 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Storyshots UI/HorizontalBarChart default 1`] = ` -
- - + +
- -
- -
- - - - - - JS - - , - }, - "animated": false, - "animating": false, - "arrowPadding": 4, - "arrowRef": Object { - "current": null, - }, - "contentElement": null, - "currentPlacement": "top", - "disclosureRef": Object { - "current": null, - }, - "fixed": false, - "flip": true, - "gutter": 8, - "hide": [Function], - "mounted": false, - "padding": 8, - "placement": "top", - "popoverRef": Object { - "current": null, - }, - "preventOverflow": true, - "render": [Function], - "renderCallback": undefined, - "setAnchorRect": [Function], - "setContentElement": [Function], - "setVisible": [Function], - "shift": 0, - "show": [Function], - "stopAnimation": [Function], - "timeout": 0, - "toggle": [Function], - "visible": false, - } - } + tabindex="0" > - - JS - + JS - - - - - , + }, + "animated": false, + "animating": false, + "arrowPadding": 4, + "arrowRef": Object { + "current": null, + }, + "contentElement": null, + "currentPlacement": "top", + "disclosureRef": Object { + "current": null, + }, + "fixed": false, + "flip": true, + "gutter": 8, + "hide": [Function], + "mounted": false, + "padding": 8, + "placement": "top", + "popoverRef": Object { + "current": null, + }, + "preventOverflow": true, + "render": [Function], + "renderCallback": undefined, + "setAnchorRect": [Function], + "setContentElement": [Function], + "setVisible": [Function], + "shift": 0, + "show": [Function], + "stopAnimation": [Function], + "timeout": 0, + "toggle": [Function], + "visible": false, + } + } + > + - - + + + + + + + + + - - CSS - - , - }, - "animated": false, - "animating": false, - "arrowPadding": 4, - "arrowRef": Object { - "current": null, - }, - "contentElement": null, - "currentPlacement": "top", - "disclosureRef": Object { - "current": null, - }, - "fixed": false, - "flip": true, - "gutter": 8, - "hide": [Function], - "mounted": false, - "padding": 8, - "placement": "top", - "popoverRef": Object { - "current": null, - }, - "preventOverflow": true, - "render": [Function], - "renderCallback": undefined, - "setAnchorRect": [Function], - "setContentElement": [Function], - "setVisible": [Function], - "shift": 0, - "show": [Function], - "stopAnimation": [Function], - "timeout": 0, - "toggle": [Function], - "visible": false, - } - } + tabindex="0" > - - CSS - + CSS - - - - - , + }, + "animated": false, + "animating": false, + "arrowPadding": 4, + "arrowRef": Object { + "current": null, + }, + "contentElement": null, + "currentPlacement": "top", + "disclosureRef": Object { + "current": null, + }, + "fixed": false, + "flip": true, + "gutter": 8, + "hide": [Function], + "mounted": false, + "padding": 8, + "placement": "top", + "popoverRef": Object { + "current": null, + }, + "preventOverflow": true, + "render": [Function], + "renderCallback": undefined, + "setAnchorRect": [Function], + "setContentElement": [Function], + "setVisible": [Function], + "shift": 0, + "show": [Function], + "stopAnimation": [Function], + "timeout": 0, + "toggle": [Function], + "visible": false, + } + } + > + - - + + + + + + + + + - - IMG - - , - }, - "animated": false, - "animating": false, - "arrowPadding": 4, - "arrowRef": Object { - "current": null, - }, - "contentElement": null, - "currentPlacement": "top", - "disclosureRef": Object { - "current": null, - }, - "fixed": false, - "flip": true, - "gutter": 8, - "hide": [Function], - "mounted": false, - "padding": 8, - "placement": "top", - "popoverRef": Object { - "current": null, - }, - "preventOverflow": true, - "render": [Function], - "renderCallback": undefined, - "setAnchorRect": [Function], - "setContentElement": [Function], - "setVisible": [Function], - "shift": 0, - "show": [Function], - "stopAnimation": [Function], - "timeout": 0, - "toggle": [Function], - "visible": false, - } - } + tabindex="0" > - - IMG - + IMG - - - - - , + }, + "animated": false, + "animating": false, + "arrowPadding": 4, + "arrowRef": Object { + "current": null, + }, + "contentElement": null, + "currentPlacement": "top", + "disclosureRef": Object { + "current": null, + }, + "fixed": false, + "flip": true, + "gutter": 8, + "hide": [Function], + "mounted": false, + "padding": 8, + "placement": "top", + "popoverRef": Object { + "current": null, + }, + "preventOverflow": true, + "render": [Function], + "renderCallback": undefined, + "setAnchorRect": [Function], + "setContentElement": [Function], + "setVisible": [Function], + "shift": 0, + "show": [Function], + "stopAnimation": [Function], + "timeout": 0, + "toggle": [Function], + "visible": false, + } + } + > + - - + + + + + + + + + - - Others - - , - }, - "animated": false, - "animating": false, - "arrowPadding": 4, - "arrowRef": Object { - "current": null, - }, - "contentElement": null, - "currentPlacement": "top", - "disclosureRef": Object { - "current": null, - }, - "fixed": false, - "flip": true, - "gutter": 8, - "hide": [Function], - "mounted": false, - "padding": 8, - "placement": "top", - "popoverRef": Object { - "current": null, - }, - "preventOverflow": true, - "render": [Function], - "renderCallback": undefined, - "setAnchorRect": [Function], - "setContentElement": [Function], - "setVisible": [Function], - "shift": 0, - "show": [Function], - "stopAnimation": [Function], - "timeout": 0, - "toggle": [Function], - "visible": false, - } - } + tabindex="0" > - - Others - + Others - - - - - , + }, + "animated": false, + "animating": false, + "arrowPadding": 4, + "arrowRef": Object { + "current": null, + }, + "contentElement": null, + "currentPlacement": "top", + "disclosureRef": Object { + "current": null, + }, + "fixed": false, + "flip": true, + "gutter": 8, + "hide": [Function], + "mounted": false, + "padding": 8, + "placement": "top", + "popoverRef": Object { + "current": null, + }, + "preventOverflow": true, + "render": [Function], + "renderCallback": undefined, + "setAnchorRect": [Function], + "setContentElement": [Function], + "setVisible": [Function], + "shift": 0, + "show": [Function], + "stopAnimation": [Function], + "timeout": 0, + "toggle": [Function], + "visible": false, + } + } + > + - - + + + + + + + + + - - HTML - - , - }, - "animated": false, - "animating": false, - "arrowPadding": 4, - "arrowRef": Object { - "current": null, - }, - "contentElement": null, - "currentPlacement": "top", - "disclosureRef": Object { - "current": null, - }, - "fixed": false, - "flip": true, - "gutter": 8, - "hide": [Function], - "mounted": false, - "padding": 8, - "placement": "top", - "popoverRef": Object { - "current": null, - }, - "preventOverflow": true, - "render": [Function], - "renderCallback": undefined, - "setAnchorRect": [Function], - "setContentElement": [Function], - "setVisible": [Function], - "shift": 0, - "show": [Function], - "stopAnimation": [Function], - "timeout": 0, - "toggle": [Function], - "visible": false, - } - } + tabindex="0" > - - HTML - + HTML - - + , + }, + "animated": false, + "animating": false, + "arrowPadding": 4, + "arrowRef": Object { + "current": null, + }, + "contentElement": null, + "currentPlacement": "top", + "disclosureRef": Object { + "current": null, + }, + "fixed": false, + "flip": true, + "gutter": 8, + "hide": [Function], + "mounted": false, + "padding": 8, + "placement": "top", + "popoverRef": Object { + "current": null, + }, + "preventOverflow": true, + "render": [Function], + "renderCallback": undefined, + "setAnchorRect": [Function], + "setContentElement": [Function], + "setVisible": [Function], + "shift": 0, + "show": [Function], + "stopAnimation": [Function], + "timeout": 0, + "toggle": [Function], + "visible": false, + } + } + > + + + HTML - -
- -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + +
+
`; exports[`Storyshots UI/HorizontalBarChart empty values 1`] = ` -
- - + +
- -
- -
- - - - - - JS - - , - }, - "animated": false, - "animating": false, - "arrowPadding": 4, - "arrowRef": Object { - "current": null, - }, - "contentElement": null, - "currentPlacement": "top", - "disclosureRef": Object { - "current": null, - }, - "fixed": false, - "flip": true, - "gutter": 8, - "hide": [Function], - "mounted": false, - "padding": 8, - "placement": "top", - "popoverRef": Object { - "current": null, - }, - "preventOverflow": true, - "render": [Function], - "renderCallback": undefined, - "setAnchorRect": [Function], - "setContentElement": [Function], - "setVisible": [Function], - "shift": 0, - "show": [Function], - "stopAnimation": [Function], - "timeout": 0, - "toggle": [Function], - "visible": false, - } - } + tabindex="0" > - - JS - + JS - - - - - , + }, + "animated": false, + "animating": false, + "arrowPadding": 4, + "arrowRef": Object { + "current": null, + }, + "contentElement": null, + "currentPlacement": "top", + "disclosureRef": Object { + "current": null, + }, + "fixed": false, + "flip": true, + "gutter": 8, + "hide": [Function], + "mounted": false, + "padding": 8, + "placement": "top", + "popoverRef": Object { + "current": null, + }, + "preventOverflow": true, + "render": [Function], + "renderCallback": undefined, + "setAnchorRect": [Function], + "setContentElement": [Function], + "setVisible": [Function], + "shift": 0, + "show": [Function], + "stopAnimation": [Function], + "timeout": 0, + "toggle": [Function], + "visible": false, + } + } + > + - - + + + + + + + + + - - CSS - - , - }, - "animated": false, - "animating": false, - "arrowPadding": 4, - "arrowRef": Object { - "current": null, - }, - "contentElement": null, - "currentPlacement": "top", - "disclosureRef": Object { - "current": null, - }, - "fixed": false, - "flip": true, - "gutter": 8, - "hide": [Function], - "mounted": false, - "padding": 8, - "placement": "top", - "popoverRef": Object { - "current": null, - }, - "preventOverflow": true, - "render": [Function], - "renderCallback": undefined, - "setAnchorRect": [Function], - "setContentElement": [Function], - "setVisible": [Function], - "shift": 0, - "show": [Function], - "stopAnimation": [Function], - "timeout": 0, - "toggle": [Function], - "visible": false, - } - } + tabindex="0" > - - CSS - + CSS - - - - - , + }, + "animated": false, + "animating": false, + "arrowPadding": 4, + "arrowRef": Object { + "current": null, + }, + "contentElement": null, + "currentPlacement": "top", + "disclosureRef": Object { + "current": null, + }, + "fixed": false, + "flip": true, + "gutter": 8, + "hide": [Function], + "mounted": false, + "padding": 8, + "placement": "top", + "popoverRef": Object { + "current": null, + }, + "preventOverflow": true, + "render": [Function], + "renderCallback": undefined, + "setAnchorRect": [Function], + "setContentElement": [Function], + "setVisible": [Function], + "shift": 0, + "show": [Function], + "stopAnimation": [Function], + "timeout": 0, + "toggle": [Function], + "visible": false, + } + } + > + - - + + + + + + + + + - - IMG - - , - }, - "animated": false, - "animating": false, - "arrowPadding": 4, - "arrowRef": Object { - "current": null, - }, - "contentElement": null, - "currentPlacement": "top", - "disclosureRef": Object { - "current": null, - }, - "fixed": false, - "flip": true, - "gutter": 8, - "hide": [Function], - "mounted": false, - "padding": 8, - "placement": "top", - "popoverRef": Object { - "current": null, - }, - "preventOverflow": true, - "render": [Function], - "renderCallback": undefined, - "setAnchorRect": [Function], - "setContentElement": [Function], - "setVisible": [Function], - "shift": 0, - "show": [Function], - "stopAnimation": [Function], - "timeout": 0, - "toggle": [Function], - "visible": false, - } - } + tabindex="0" > - - IMG - + IMG - - - - - , + }, + "animated": false, + "animating": false, + "arrowPadding": 4, + "arrowRef": Object { + "current": null, + }, + "contentElement": null, + "currentPlacement": "top", + "disclosureRef": Object { + "current": null, + }, + "fixed": false, + "flip": true, + "gutter": 8, + "hide": [Function], + "mounted": false, + "padding": 8, + "placement": "top", + "popoverRef": Object { + "current": null, + }, + "preventOverflow": true, + "render": [Function], + "renderCallback": undefined, + "setAnchorRect": [Function], + "setContentElement": [Function], + "setVisible": [Function], + "shift": 0, + "show": [Function], + "stopAnimation": [Function], + "timeout": 0, + "toggle": [Function], + "visible": false, + } + } + > + - - + + + + + + + + + - - Others - - , - }, - "animated": false, - "animating": false, - "arrowPadding": 4, - "arrowRef": Object { - "current": null, - }, - "contentElement": null, - "currentPlacement": "top", - "disclosureRef": Object { - "current": null, - }, - "fixed": false, - "flip": true, - "gutter": 8, - "hide": [Function], - "mounted": false, - "padding": 8, - "placement": "top", - "popoverRef": Object { - "current": null, - }, - "preventOverflow": true, - "render": [Function], - "renderCallback": undefined, - "setAnchorRect": [Function], - "setContentElement": [Function], - "setVisible": [Function], - "shift": 0, - "show": [Function], - "stopAnimation": [Function], - "timeout": 0, - "toggle": [Function], - "visible": false, - } - } + tabindex="0" > - - Others - + Others - - - - - , + }, + "animated": false, + "animating": false, + "arrowPadding": 4, + "arrowRef": Object { + "current": null, + }, + "contentElement": null, + "currentPlacement": "top", + "disclosureRef": Object { + "current": null, + }, + "fixed": false, + "flip": true, + "gutter": 8, + "hide": [Function], + "mounted": false, + "padding": 8, + "placement": "top", + "popoverRef": Object { + "current": null, + }, + "preventOverflow": true, + "render": [Function], + "renderCallback": undefined, + "setAnchorRect": [Function], + "setContentElement": [Function], + "setVisible": [Function], + "shift": 0, + "show": [Function], + "stopAnimation": [Function], + "timeout": 0, + "toggle": [Function], + "visible": false, + } + } + > + - - + + + + + + + + + - - HTML - - , - }, - "animated": false, - "animating": false, - "arrowPadding": 4, - "arrowRef": Object { - "current": null, - }, - "contentElement": null, - "currentPlacement": "top", - "disclosureRef": Object { - "current": null, - }, - "fixed": false, - "flip": true, - "gutter": 8, - "hide": [Function], - "mounted": false, - "padding": 8, - "placement": "top", - "popoverRef": Object { - "current": null, - }, - "preventOverflow": true, - "render": [Function], - "renderCallback": undefined, - "setAnchorRect": [Function], - "setContentElement": [Function], - "setVisible": [Function], - "shift": 0, - "show": [Function], - "stopAnimation": [Function], - "timeout": 0, - "toggle": [Function], - "visible": false, - } - } + tabindex="0" > - - HTML - + HTML - - + , + }, + "animated": false, + "animating": false, + "arrowPadding": 4, + "arrowRef": Object { + "current": null, + }, + "contentElement": null, + "currentPlacement": "top", + "disclosureRef": Object { + "current": null, + }, + "fixed": false, + "flip": true, + "gutter": 8, + "hide": [Function], + "mounted": false, + "padding": 8, + "placement": "top", + "popoverRef": Object { + "current": null, + }, + "preventOverflow": true, + "render": [Function], + "renderCallback": undefined, + "setAnchorRect": [Function], + "setContentElement": [Function], + "setVisible": [Function], + "shift": 0, + "show": [Function], + "stopAnimation": [Function], + "timeout": 0, + "toggle": [Function], + "visible": false, + } + } + > + + + HTML - -
- -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + +
+
`; exports[`Storyshots UI/HorizontalBarChart with custom colors 1`] = ` -
- - + +
- -
- + + + JS + + , }, - Object { - "color": "orange", - "value": 300, + "animated": false, + "animating": false, + "arrowPadding": 4, + "arrowRef": Object { + "current": null, }, - Object { - "color": "blue", - "value": 0, + "contentElement": null, + "currentPlacement": "top", + "disclosureRef": Object { + "current": null, }, - Object { - "color": "pink", - "value": 20, + "fixed": false, + "flip": true, + "gutter": 8, + "hide": [Function], + "mounted": false, + "padding": 8, + "placement": "top", + "popoverRef": Object { + "current": null, }, - ], + "preventOverflow": true, + "render": [Function], + "renderCallback": undefined, + "setAnchorRect": [Function], + "setContentElement": [Function], + "setVisible": [Function], + "shift": 0, + "show": [Function], + "stopAnimation": [Function], + "timeout": 0, + "toggle": [Function], + "visible": false, + } } - } - maxValue={null} - > -
- - - + + + + + + + + + - - JS - - , - }, - "animated": false, - "animating": false, - "arrowPadding": 4, - "arrowRef": Object { - "current": null, - }, - "contentElement": null, - "currentPlacement": "top", - "disclosureRef": Object { - "current": null, - }, - "fixed": false, - "flip": true, - "gutter": 8, - "hide": [Function], - "mounted": false, - "padding": 8, - "placement": "top", - "popoverRef": Object { - "current": null, - }, - "preventOverflow": true, - "render": [Function], - "renderCallback": undefined, - "setAnchorRect": [Function], - "setContentElement": [Function], - "setVisible": [Function], - "shift": 0, - "show": [Function], - "stopAnimation": [Function], - "timeout": 0, - "toggle": [Function], - "visible": false, - } - } + tabindex="0" > - - JS - + CSS - - - - - - - - - - CSS - - , - }, - "animated": false, - "animating": false, - "arrowPadding": 4, - "arrowRef": Object { - "current": null, - }, - "contentElement": null, - "currentPlacement": "top", - "disclosureRef": Object { - "current": null, - }, - "fixed": false, - "flip": true, - "gutter": 8, - "hide": [Function], - "mounted": false, - "padding": 8, - "placement": "top", - "popoverRef": Object { - "current": null, - }, - "preventOverflow": true, - "render": [Function], - "renderCallback": undefined, - "setAnchorRect": [Function], - "setContentElement": [Function], - "setVisible": [Function], - "shift": 0, - "show": [Function], - "stopAnimation": [Function], - "timeout": 0, - "toggle": [Function], - "visible": false, - } - } - > - - - CSS - - - - - - - , + }, + "animated": false, + "animating": false, + "arrowPadding": 4, + "arrowRef": Object { + "current": null, + }, + "contentElement": null, + "currentPlacement": "top", + "disclosureRef": Object { + "current": null, + }, + "fixed": false, + "flip": true, + "gutter": 8, + "hide": [Function], + "mounted": false, + "padding": 8, + "placement": "top", + "popoverRef": Object { + "current": null, + }, + "preventOverflow": true, + "render": [Function], + "renderCallback": undefined, + "setAnchorRect": [Function], + "setContentElement": [Function], + "setVisible": [Function], + "shift": 0, + "show": [Function], + "stopAnimation": [Function], + "timeout": 0, + "toggle": [Function], + "visible": false, + } + } + > + - - + + + + + + + + + - - IMG - - , - }, - "animated": false, - "animating": false, - "arrowPadding": 4, - "arrowRef": Object { - "current": null, - }, - "contentElement": null, - "currentPlacement": "top", - "disclosureRef": Object { - "current": null, - }, - "fixed": false, - "flip": true, - "gutter": 8, - "hide": [Function], - "mounted": false, - "padding": 8, - "placement": "top", - "popoverRef": Object { - "current": null, - }, - "preventOverflow": true, - "render": [Function], - "renderCallback": undefined, - "setAnchorRect": [Function], - "setContentElement": [Function], - "setVisible": [Function], - "shift": 0, - "show": [Function], - "stopAnimation": [Function], - "timeout": 0, - "toggle": [Function], - "visible": false, - } - } + tabindex="0" > - - IMG - + IMG - - - - - , + }, + "animated": false, + "animating": false, + "arrowPadding": 4, + "arrowRef": Object { + "current": null, + }, + "contentElement": null, + "currentPlacement": "top", + "disclosureRef": Object { + "current": null, + }, + "fixed": false, + "flip": true, + "gutter": 8, + "hide": [Function], + "mounted": false, + "padding": 8, + "placement": "top", + "popoverRef": Object { + "current": null, + }, + "preventOverflow": true, + "render": [Function], + "renderCallback": undefined, + "setAnchorRect": [Function], + "setContentElement": [Function], + "setVisible": [Function], + "shift": 0, + "show": [Function], + "stopAnimation": [Function], + "timeout": 0, + "toggle": [Function], + "visible": false, + } + } + > + - - + + + + + + + + + - - Others - - , - }, - "animated": false, - "animating": false, - "arrowPadding": 4, - "arrowRef": Object { - "current": null, - }, - "contentElement": null, - "currentPlacement": "top", - "disclosureRef": Object { - "current": null, - }, - "fixed": false, - "flip": true, - "gutter": 8, - "hide": [Function], - "mounted": false, - "padding": 8, - "placement": "top", - "popoverRef": Object { - "current": null, - }, - "preventOverflow": true, - "render": [Function], - "renderCallback": undefined, - "setAnchorRect": [Function], - "setContentElement": [Function], - "setVisible": [Function], - "shift": 0, - "show": [Function], - "stopAnimation": [Function], - "timeout": 0, - "toggle": [Function], - "visible": false, - } - } + tabindex="0" > - - Others - + Others - - - - - , + }, + "animated": false, + "animating": false, + "arrowPadding": 4, + "arrowRef": Object { + "current": null, + }, + "contentElement": null, + "currentPlacement": "top", + "disclosureRef": Object { + "current": null, + }, + "fixed": false, + "flip": true, + "gutter": 8, + "hide": [Function], + "mounted": false, + "padding": 8, + "placement": "top", + "popoverRef": Object { + "current": null, + }, + "preventOverflow": true, + "render": [Function], + "renderCallback": undefined, + "setAnchorRect": [Function], + "setContentElement": [Function], + "setVisible": [Function], + "shift": 0, + "show": [Function], + "stopAnimation": [Function], + "timeout": 0, + "toggle": [Function], + "visible": false, + } + } + > + - - + + + + + + + + + - - HTML - - , - }, - "animated": false, - "animating": false, - "arrowPadding": 4, - "arrowRef": Object { - "current": null, - }, - "contentElement": null, - "currentPlacement": "top", - "disclosureRef": Object { - "current": null, - }, - "fixed": false, - "flip": true, - "gutter": 8, - "hide": [Function], - "mounted": false, - "padding": 8, - "placement": "top", - "popoverRef": Object { - "current": null, - }, - "preventOverflow": true, - "render": [Function], - "renderCallback": undefined, - "setAnchorRect": [Function], - "setContentElement": [Function], - "setVisible": [Function], - "shift": 0, - "show": [Function], - "stopAnimation": [Function], - "timeout": 0, - "toggle": [Function], - "visible": false, - } - } + tabindex="0" > - - HTML - + HTML - - + , + }, + "animated": false, + "animating": false, + "arrowPadding": 4, + "arrowRef": Object { + "current": null, + }, + "contentElement": null, + "currentPlacement": "top", + "disclosureRef": Object { + "current": null, + }, + "fixed": false, + "flip": true, + "gutter": 8, + "hide": [Function], + "mounted": false, + "padding": 8, + "placement": "top", + "popoverRef": Object { + "current": null, + }, + "preventOverflow": true, + "render": [Function], + "renderCallback": undefined, + "setAnchorRect": [Function], + "setContentElement": [Function], + "setVisible": [Function], + "shift": 0, + "show": [Function], + "stopAnimation": [Function], + "timeout": 0, + "toggle": [Function], + "visible": false, + } + } + > + + + HTML - -
- -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + +
+
`; exports[`Storyshots UI/HorizontalBarChart with custom label 1`] = ` -
- - + + JS + , + "value": 300, }, - ] + Object { + "color": "green", + "label":

+ JS +

, + "value": 200, + }, + Object { + "color": "orange", + "label":

+ JS +

, + "value": 300, + }, + Object { + "color": "blue", + "label":

+ JS +

, + "value": 0, + }, + Object { + "color": "pink", + "label":

+ JS +

, + "value": 20, + }, + ], } + } + maxValue={null} + > +
- + JS + } + width="36.59%" > -
- - JS - , - "value": 300, - }, - Object { - "color": "green", - "label":

- JS -

, - "value": 200, + + + +

+ JS +

+ + , }, - Object { - "color": "orange", - "label":

- JS -

, - "value": 300, + "animated": false, + "animating": false, + "arrowPadding": 4, + "arrowRef": Object { + "current": null, }, - Object { - "color": "blue", - "label":

- JS -

, - "value": 0, + "contentElement": null, + "currentPlacement": "top", + "disclosureRef": Object { + "current": null, }, - Object { - "color": "pink", - "label":

- JS -

, - "value": 20, + "fixed": false, + "flip": true, + "gutter": 8, + "hide": [Function], + "mounted": false, + "padding": 8, + "placement": "top", + "popoverRef": Object { + "current": null, }, - ], + "preventOverflow": true, + "render": [Function], + "renderCallback": undefined, + "setAnchorRect": [Function], + "setContentElement": [Function], + "setVisible": [Function], + "shift": 0, + "show": [Function], + "stopAnimation": [Function], + "timeout": 0, + "toggle": [Function], + "visible": false, + } } - } - maxValue={null} - > -
- - JS - - } - width="36.59%" + - - + JS + + + + + + + + + JS + + } + width="24.39%" + > + + + - -

- JS -

- - , - }, - "animated": false, - "animating": false, - "arrowPadding": 4, - "arrowRef": Object { - "current": null, - }, - "contentElement": null, - "currentPlacement": "top", - "disclosureRef": Object { - "current": null, - }, - "fixed": false, - "flip": true, - "gutter": 8, - "hide": [Function], - "mounted": false, - "padding": 8, - "placement": "top", - "popoverRef": Object { - "current": null, - }, - "preventOverflow": true, - "render": [Function], - "renderCallback": undefined, - "setAnchorRect": [Function], - "setContentElement": [Function], - "setVisible": [Function], - "shift": 0, - "show": [Function], - "stopAnimation": [Function], - "timeout": 0, - "toggle": [Function], - "visible": false, - } - } + tabindex="0" > - -

- JS -

- +

+ JS +

- - - - - - JS - + , + }, + "animated": false, + "animating": false, + "arrowPadding": 4, + "arrowRef": Object { + "current": null, + }, + "contentElement": null, + "currentPlacement": "top", + "disclosureRef": Object { + "current": null, + }, + "fixed": false, + "flip": true, + "gutter": 8, + "hide": [Function], + "mounted": false, + "padding": 8, + "placement": "top", + "popoverRef": Object { + "current": null, + }, + "preventOverflow": true, + "render": [Function], + "renderCallback": undefined, + "setAnchorRect": [Function], + "setContentElement": [Function], + "setVisible": [Function], + "shift": 0, + "show": [Function], + "stopAnimation": [Function], + "timeout": 0, + "toggle": [Function], + "visible": false, } - width="24.39%" + } + > + - - + JS + + + + + + + + + JS + + } + width="36.59%" + > + + + - -

- JS -

- - , - }, - "animated": false, - "animating": false, - "arrowPadding": 4, - "arrowRef": Object { - "current": null, - }, - "contentElement": null, - "currentPlacement": "top", - "disclosureRef": Object { - "current": null, - }, - "fixed": false, - "flip": true, - "gutter": 8, - "hide": [Function], - "mounted": false, - "padding": 8, - "placement": "top", - "popoverRef": Object { - "current": null, - }, - "preventOverflow": true, - "render": [Function], - "renderCallback": undefined, - "setAnchorRect": [Function], - "setContentElement": [Function], - "setVisible": [Function], - "shift": 0, - "show": [Function], - "stopAnimation": [Function], - "timeout": 0, - "toggle": [Function], - "visible": false, - } - } + tabindex="0" > - -

- JS -

- +

+ JS +

- - - - - - JS - + , + }, + "animated": false, + "animating": false, + "arrowPadding": 4, + "arrowRef": Object { + "current": null, + }, + "contentElement": null, + "currentPlacement": "top", + "disclosureRef": Object { + "current": null, + }, + "fixed": false, + "flip": true, + "gutter": 8, + "hide": [Function], + "mounted": false, + "padding": 8, + "placement": "top", + "popoverRef": Object { + "current": null, + }, + "preventOverflow": true, + "render": [Function], + "renderCallback": undefined, + "setAnchorRect": [Function], + "setContentElement": [Function], + "setVisible": [Function], + "shift": 0, + "show": [Function], + "stopAnimation": [Function], + "timeout": 0, + "toggle": [Function], + "visible": false, } - width="36.59%" + } + > + - - + JS + + + + + + + + + JS + + } + width="0%" + > + + + - -

- JS -

- - , - }, - "animated": false, - "animating": false, - "arrowPadding": 4, - "arrowRef": Object { - "current": null, - }, - "contentElement": null, - "currentPlacement": "top", - "disclosureRef": Object { - "current": null, - }, - "fixed": false, - "flip": true, - "gutter": 8, - "hide": [Function], - "mounted": false, - "padding": 8, - "placement": "top", - "popoverRef": Object { - "current": null, - }, - "preventOverflow": true, - "render": [Function], - "renderCallback": undefined, - "setAnchorRect": [Function], - "setContentElement": [Function], - "setVisible": [Function], - "shift": 0, - "show": [Function], - "stopAnimation": [Function], - "timeout": 0, - "toggle": [Function], - "visible": false, - } - } + tabindex="0" > - -

- JS -

- +

+ JS +

- - - - - - JS - + , + }, + "animated": false, + "animating": false, + "arrowPadding": 4, + "arrowRef": Object { + "current": null, + }, + "contentElement": null, + "currentPlacement": "top", + "disclosureRef": Object { + "current": null, + }, + "fixed": false, + "flip": true, + "gutter": 8, + "hide": [Function], + "mounted": false, + "padding": 8, + "placement": "top", + "popoverRef": Object { + "current": null, + }, + "preventOverflow": true, + "render": [Function], + "renderCallback": undefined, + "setAnchorRect": [Function], + "setContentElement": [Function], + "setVisible": [Function], + "shift": 0, + "show": [Function], + "stopAnimation": [Function], + "timeout": 0, + "toggle": [Function], + "visible": false, } - width="0%" + } + > + - - + JS + + + + + + + + + JS + + } + width="2.44%" + > + + + - -

- JS -

- - , - }, - "animated": false, - "animating": false, - "arrowPadding": 4, - "arrowRef": Object { - "current": null, - }, - "contentElement": null, - "currentPlacement": "top", - "disclosureRef": Object { - "current": null, - }, - "fixed": false, - "flip": true, - "gutter": 8, - "hide": [Function], - "mounted": false, - "padding": 8, - "placement": "top", - "popoverRef": Object { - "current": null, - }, - "preventOverflow": true, - "render": [Function], - "renderCallback": undefined, - "setAnchorRect": [Function], - "setContentElement": [Function], - "setVisible": [Function], - "shift": 0, - "show": [Function], - "stopAnimation": [Function], - "timeout": 0, - "toggle": [Function], - "visible": false, - } - } + tabindex="0" > - -

- JS -

- +

+ JS +

- - - - - - JS - + , + }, + "animated": false, + "animating": false, + "arrowPadding": 4, + "arrowRef": Object { + "current": null, + }, + "contentElement": null, + "currentPlacement": "top", + "disclosureRef": Object { + "current": null, + }, + "fixed": false, + "flip": true, + "gutter": 8, + "hide": [Function], + "mounted": false, + "padding": 8, + "placement": "top", + "popoverRef": Object { + "current": null, + }, + "preventOverflow": true, + "render": [Function], + "renderCallback": undefined, + "setAnchorRect": [Function], + "setContentElement": [Function], + "setVisible": [Function], + "shift": 0, + "show": [Function], + "stopAnimation": [Function], + "timeout": 0, + "toggle": [Function], + "visible": false, } - width="2.44%" + } + > + - - - -

- JS -

- - , - }, - "animated": false, - "animating": false, - "arrowPadding": 4, - "arrowRef": Object { - "current": null, - }, - "contentElement": null, - "currentPlacement": "top", - "disclosureRef": Object { - "current": null, - }, - "fixed": false, - "flip": true, - "gutter": 8, - "hide": [Function], - "mounted": false, - "padding": 8, - "placement": "top", - "popoverRef": Object { - "current": null, - }, - "preventOverflow": true, - "render": [Function], - "renderCallback": undefined, - "setAnchorRect": [Function], - "setContentElement": [Function], - "setVisible": [Function], - "shift": 0, - "show": [Function], - "stopAnimation": [Function], - "timeout": 0, - "toggle": [Function], - "visible": false, - } - } - > - - -

- JS -

- - - - +

+ JS +

- -
- -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + +
+
`; exports[`Storyshots UI/HorizontalBarChart with maxValue 1`] = ` -
- - + +
- -
- -
- - - - - - JS - - , - }, - "animated": false, - "animating": false, - "arrowPadding": 4, - "arrowRef": Object { - "current": null, - }, - "contentElement": null, - "currentPlacement": "top", - "disclosureRef": Object { - "current": null, - }, - "fixed": false, - "flip": true, - "gutter": 8, - "hide": [Function], - "mounted": false, - "padding": 8, - "placement": "top", - "popoverRef": Object { - "current": null, - }, - "preventOverflow": true, - "render": [Function], - "renderCallback": undefined, - "setAnchorRect": [Function], - "setContentElement": [Function], - "setVisible": [Function], - "shift": 0, - "show": [Function], - "stopAnimation": [Function], - "timeout": 0, - "toggle": [Function], - "visible": false, - } - } + tabindex="0" > - - JS - + JS - - - - - , + }, + "animated": false, + "animating": false, + "arrowPadding": 4, + "arrowRef": Object { + "current": null, + }, + "contentElement": null, + "currentPlacement": "top", + "disclosureRef": Object { + "current": null, + }, + "fixed": false, + "flip": true, + "gutter": 8, + "hide": [Function], + "mounted": false, + "padding": 8, + "placement": "top", + "popoverRef": Object { + "current": null, + }, + "preventOverflow": true, + "render": [Function], + "renderCallback": undefined, + "setAnchorRect": [Function], + "setContentElement": [Function], + "setVisible": [Function], + "shift": 0, + "show": [Function], + "stopAnimation": [Function], + "timeout": 0, + "toggle": [Function], + "visible": false, + } + } + > + - - + + + + + + + + + - - CSS - - , - }, - "animated": false, - "animating": false, - "arrowPadding": 4, - "arrowRef": Object { - "current": null, - }, - "contentElement": null, - "currentPlacement": "top", - "disclosureRef": Object { - "current": null, - }, - "fixed": false, - "flip": true, - "gutter": 8, - "hide": [Function], - "mounted": false, - "padding": 8, - "placement": "top", - "popoverRef": Object { - "current": null, - }, - "preventOverflow": true, - "render": [Function], - "renderCallback": undefined, - "setAnchorRect": [Function], - "setContentElement": [Function], - "setVisible": [Function], - "shift": 0, - "show": [Function], - "stopAnimation": [Function], - "timeout": 0, - "toggle": [Function], - "visible": false, - } - } + tabindex="0" > - - CSS - + CSS - - - - - , + }, + "animated": false, + "animating": false, + "arrowPadding": 4, + "arrowRef": Object { + "current": null, + }, + "contentElement": null, + "currentPlacement": "top", + "disclosureRef": Object { + "current": null, + }, + "fixed": false, + "flip": true, + "gutter": 8, + "hide": [Function], + "mounted": false, + "padding": 8, + "placement": "top", + "popoverRef": Object { + "current": null, + }, + "preventOverflow": true, + "render": [Function], + "renderCallback": undefined, + "setAnchorRect": [Function], + "setContentElement": [Function], + "setVisible": [Function], + "shift": 0, + "show": [Function], + "stopAnimation": [Function], + "timeout": 0, + "toggle": [Function], + "visible": false, + } + } + > + - - + + + + + + + + + - - IMG - - , - }, - "animated": false, - "animating": false, - "arrowPadding": 4, - "arrowRef": Object { - "current": null, - }, - "contentElement": null, - "currentPlacement": "top", - "disclosureRef": Object { - "current": null, - }, - "fixed": false, - "flip": true, - "gutter": 8, - "hide": [Function], - "mounted": false, - "padding": 8, - "placement": "top", - "popoverRef": Object { - "current": null, - }, - "preventOverflow": true, - "render": [Function], - "renderCallback": undefined, - "setAnchorRect": [Function], - "setContentElement": [Function], - "setVisible": [Function], - "shift": 0, - "show": [Function], - "stopAnimation": [Function], - "timeout": 0, - "toggle": [Function], - "visible": false, - } - } + tabindex="0" > - - IMG - + IMG - - - - - , + }, + "animated": false, + "animating": false, + "arrowPadding": 4, + "arrowRef": Object { + "current": null, + }, + "contentElement": null, + "currentPlacement": "top", + "disclosureRef": Object { + "current": null, + }, + "fixed": false, + "flip": true, + "gutter": 8, + "hide": [Function], + "mounted": false, + "padding": 8, + "placement": "top", + "popoverRef": Object { + "current": null, + }, + "preventOverflow": true, + "render": [Function], + "renderCallback": undefined, + "setAnchorRect": [Function], + "setContentElement": [Function], + "setVisible": [Function], + "shift": 0, + "show": [Function], + "stopAnimation": [Function], + "timeout": 0, + "toggle": [Function], + "visible": false, + } + } + > + - - + + + + + + + + + - - Others - - , - }, - "animated": false, - "animating": false, - "arrowPadding": 4, - "arrowRef": Object { - "current": null, - }, - "contentElement": null, - "currentPlacement": "top", - "disclosureRef": Object { - "current": null, - }, - "fixed": false, - "flip": true, - "gutter": 8, - "hide": [Function], - "mounted": false, - "padding": 8, - "placement": "top", - "popoverRef": Object { - "current": null, - }, - "preventOverflow": true, - "render": [Function], - "renderCallback": undefined, - "setAnchorRect": [Function], - "setContentElement": [Function], - "setVisible": [Function], - "shift": 0, - "show": [Function], - "stopAnimation": [Function], - "timeout": 0, - "toggle": [Function], - "visible": false, - } - } + tabindex="0" > - - Others - + Others - - - - - , + }, + "animated": false, + "animating": false, + "arrowPadding": 4, + "arrowRef": Object { + "current": null, + }, + "contentElement": null, + "currentPlacement": "top", + "disclosureRef": Object { + "current": null, + }, + "fixed": false, + "flip": true, + "gutter": 8, + "hide": [Function], + "mounted": false, + "padding": 8, + "placement": "top", + "popoverRef": Object { + "current": null, + }, + "preventOverflow": true, + "render": [Function], + "renderCallback": undefined, + "setAnchorRect": [Function], + "setContentElement": [Function], + "setVisible": [Function], + "shift": 0, + "show": [Function], + "stopAnimation": [Function], + "timeout": 0, + "toggle": [Function], + "visible": false, + } + } + > + - - + + + + + + + + + - - HTML - - , - }, - "animated": false, - "animating": false, - "arrowPadding": 4, - "arrowRef": Object { - "current": null, - }, - "contentElement": null, - "currentPlacement": "top", - "disclosureRef": Object { - "current": null, - }, - "fixed": false, - "flip": true, - "gutter": 8, - "hide": [Function], - "mounted": false, - "padding": 8, - "placement": "top", - "popoverRef": Object { - "current": null, - }, - "preventOverflow": true, - "render": [Function], - "renderCallback": undefined, - "setAnchorRect": [Function], - "setContentElement": [Function], - "setVisible": [Function], - "shift": 0, - "show": [Function], - "stopAnimation": [Function], - "timeout": 0, - "toggle": [Function], - "visible": false, - } - } + tabindex="0" > - - HTML - + HTML - - + , + }, + "animated": false, + "animating": false, + "arrowPadding": 4, + "arrowRef": Object { + "current": null, + }, + "contentElement": null, + "currentPlacement": "top", + "disclosureRef": Object { + "current": null, + }, + "fixed": false, + "flip": true, + "gutter": 8, + "hide": [Function], + "mounted": false, + "padding": 8, + "placement": "top", + "popoverRef": Object { + "current": null, + }, + "preventOverflow": true, + "render": [Function], + "renderCallback": undefined, + "setAnchorRect": [Function], + "setContentElement": [Function], + "setVisible": [Function], + "shift": 0, + "show": [Function], + "stopAnimation": [Function], + "timeout": 0, + "toggle": [Function], + "visible": false, + } + } + > + + + HTML - -
- -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + +
+
`; diff --git a/packages/ui/src/ui/input/__snapshots__/input.stories.storyshot b/packages/ui/src/ui/input/__snapshots__/input.stories.storyshot index c074bb559b..4e5ffc3a03 100644 --- a/packages/ui/src/ui/input/__snapshots__/input.stories.storyshot +++ b/packages/ui/src/ui/input/__snapshots__/input.stories.storyshot @@ -1,579 +1,49 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Storyshots UI/Input default 1`] = ` -
- - - -
- - - -
- - - - + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + +
`; exports[`Storyshots UI/Input with size 1`] = ` -
- - - -
- - - -
- - - - + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + +
`; diff --git a/packages/ui/src/ui/loader/__snapshots__/loader.stories.storyshot b/packages/ui/src/ui/loader/__snapshots__/loader.stories.storyshot index cf277702a2..4fbc2d53e4 100644 --- a/packages/ui/src/ui/loader/__snapshots__/loader.stories.storyshot +++ b/packages/ui/src/ui/loader/__snapshots__/loader.stories.storyshot @@ -1,575 +1,45 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Storyshots UI/Loader default 1`] = ` -
- - - -
- - - -
- - - - + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + +
`; exports[`Storyshots UI/Loader with size 1`] = ` -
- - - -
- - - -
- - - - + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + +
`; diff --git a/packages/ui/src/ui/logo/__snapshots__/logo.stories.storyshot b/packages/ui/src/ui/logo/__snapshots__/logo.stories.storyshot index 8b4e7961d2..cf44a61351 100644 --- a/packages/ui/src/ui/logo/__snapshots__/logo.stories.storyshot +++ b/packages/ui/src/ui/logo/__snapshots__/logo.stories.storyshot @@ -1,949 +1,154 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Storyshots UI/Logo default 1`] = ` -
- - - -
- - - - - - - - - - - - -
- - - - + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + +
`; exports[`Storyshots UI/Logo with custom component 1`] = ` -
- - - - - - - - + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + +
`; exports[`Storyshots UI/Logo with custom kind 1`] = ` -
- - - -
- - - - - - - - - -
- - - - + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + +
`; diff --git a/packages/ui/src/ui/panels/__snapshots__/panels.stories.storyshot b/packages/ui/src/ui/panels/__snapshots__/panels.stories.storyshot index 302fadd378..7cc051ed9f 100644 --- a/packages/ui/src/ui/panels/__snapshots__/panels.stories.storyshot +++ b/packages/ui/src/ui/panels/__snapshots__/panels.stories.storyshot @@ -1,320 +1,55 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Storyshots UI/Panels default 1`] = ` -
- - - -
- -
-
- Panel 1 -
-
- Panel 2 -
-
- -
- - - - + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - +
- - - - + Panel 2 +
+
+ `; diff --git a/packages/ui/src/ui/skeleton/__snapshots__/skeleton.stories.storyshot b/packages/ui/src/ui/skeleton/__snapshots__/skeleton.stories.storyshot index 96b56c2fef..dcef96b487 100644 --- a/packages/ui/src/ui/skeleton/__snapshots__/skeleton.stories.storyshot +++ b/packages/ui/src/ui/skeleton/__snapshots__/skeleton.stories.storyshot @@ -1,287 +1,22 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Storyshots UI/Skeleton default 1`] = ` -
- - - -
- - - -
- - - - + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + +
`; diff --git a/packages/ui/src/ui/sort-dropdown/__snapshots__/sort-dropdown.stories.storyshot b/packages/ui/src/ui/sort-dropdown/__snapshots__/sort-dropdown.stories.storyshot index 239fe85991..72e4cd172b 100644 --- a/packages/ui/src/ui/sort-dropdown/__snapshots__/sort-dropdown.stories.storyshot +++ b/packages/ui/src/ui/sort-dropdown/__snapshots__/sort-dropdown.stories.storyshot @@ -1,93 +1,1277 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Storyshots UI/SortDropdown default 1`] = ` -
- - + + -
+ } + currentPlacement="bottom-start" + disclosureRef={ + Object { "current": , - }, - "disclosureVisible": false, - "down": [Function], - "first": [Function], - "fixed": false, - "flip": true, - "focusLoop": false, - "focusShift": false, - "focusWrap": false, - "gutter": undefined, - "hide": [Function], - "hideAll": [Function], - "hideTimeout": 0, - "includesBaseElement": false, - "initialFocus": "container", - "items": Array [ + } + } + disclosureVisible={false} + down={[Function]} + first={[Function]} + fixed={false} + flip={true} + focusLoop={false} + focusShift={false} + focusWrap={false} + hide={[Function]} + hideAll={[Function]} + hideTimeout={0} + includesBaseElement={false} + initialFocus="container" + items={ + Array [ Object { "disabled": false, - "id": "id-o82333", + "id": "id-pce5x8", "ref": Object { "current": , - }, - "preventOverflow": true, - "previous": [Function], - "registerItem": [Function], - "render": [Function], - "renderCallback": undefined, - "rtl": false, - "setActiveId": [Function], - "setAnchorRect": [Function], - "setAutoFocusOnShow": [Function], - "setContentElement": [Function], - "setDisclosureVisible": [Function], - "setInitialFocus": [Function], - "setItems": [Function], - "setMoves": [Function], - "setValue": [Function], - "setValues": [Function], - "setVisible": [Function], - "shift": 0, - "show": [Function], - "showTimeout": 150, - "stopAnimation": [Function], - "timeout": 150, - "toggle": [Function], - "up": [Function], - "values": Object {}, - "virtualFocus": false, - "visible": false, + } } - } - tabIndex={null} - > - - - + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + `; diff --git a/packages/ui/src/ui/table/__snapshots__/table.stories.storyshot b/packages/ui/src/ui/table/__snapshots__/table.stories.storyshot index 750de7efc2..4f8a79428b 100644 --- a/packages/ui/src/ui/table/__snapshots__/table.stories.storyshot +++ b/packages/ui/src/ui/table/__snapshots__/table.stories.storyshot @@ -1,4180 +1,1530 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Storyshots UI/Table compact 1`] = ` -
- - + +
- -
-
+ + -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - a1 - - - b1 - - - c1 -
- - a2 - - - b2 - - - c2 -
- - a3 - - - b3 - - - c3 -
- -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + a1 + + + + + b1 + + + + + c1 + + + + + + + + + a2 + + + + + b2 + + + + + c2 + + + + + + + + + a3 + + + + + b3 + + + + + c3 + + + + + + + + `; exports[`Storyshots UI/Table default 1`] = ` -
- - + +
- -
-
+ + + + + + + + + + + + + + + + + + + + + + -
+ + a1 + + + b1 + + + c1 +
+ + a2 + + + b2 + + + c2 +
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - a1 - - - b1 - - - c1 -
- - a2 - - - b2 - - - c2 -
- - a3 - - - b3 - - - c3 -
- -
- - - - + + a3 + + + + + b3 + + + + + c3 + + + + + + + + + +`; + +exports[`Storyshots UI/Table empty 1`] = ` +
+ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + No entries found. + +
`; -exports[`Storyshots UI/Table empty 1`] = ` -
- - + + No items available +

+ } + outline={false} + > +
- -
-
-
- No entries found. -
-
-
- - - - + + + +`; + +exports[`Storyshots UI/Table outline 1`] = ` +
+ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + a1 + + + b1 + + + c1 +
+ + a2 + + + b2 + + + c2 +
+ + a3 + + + b3 + + + c3 +
+
`; -exports[`Storyshots UI/Table empty with custom element 1`] = ` -
- - + +
- -
-
+ + + + + + + + + + + + + + + + + + -
-

+

+ +
+ + + - No items available -

- } - outline={false} + 		+ Col A (right) + + + Col B (center) + + + Col C(undefiner) +
+ + row 1 + + - No items available -

- -
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -`; - -exports[`Storyshots UI/Table outline 1`] = ` -
- - - + a1 + + + + + b1 + + + + + c1 + + + + + -
- -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - a1 - - - b1 - - - c1 -
- - a2 - - - b2 - - - c2 -
- - a3 - - - b3 - - - c3 -
- -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-`; - -exports[`Storyshots UI/Table with custom content and attributes 1`] = ` -
- - - -
- + + + + + + + + + + + -
+ + row 2 + + + + a2 + + + b2 + + + c2 +
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - Col A (right) - - - Col B (center) - - - Col C(undefiner) -
- - - row 1 - - - - a1 - - - b1 - - - c1 -
+ + row 3 + + + -
- - - row 2 - - - - a2 - - - b2 - - - c2 -
- - - row 3 - - - - a3 - - - b3 - - - c3 -
- -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + } + > + a3 + + + + + b3 + + + + + c3 + + + + + + + +
`; exports[`Storyshots UI/Table with headers 1`] = ` -
- - + +
- -
-
+ + -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - Col A - - - Col B - - - Col C -
- - a1 - - - b1 - - - c1 -
- - a2 - - - b2 - - - c2 -
- - a3 - - - b3 - - - c3 -
- -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + Col A + + + + + Col B + + + + + Col C + + + + + + + + + + + + + a1 + + + + + b1 + + + + + c1 + + + + + + + + + a2 + + + + + b2 + + + + + c2 + + + + + + + + + a3 + + + + + b3 + + + + + c3 + + + + + + + + `; exports[`Storyshots UI/Table with headers and outline 1`] = ` -
- - + +
- -
-
+ + -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - Col A - - - Col B - - - Col C -
- - a1 - - - b1 - - - c1 -
- - a2 - - - b2 - - - c2 -
- - a3 - - - b3 - - - c3 -
- -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + Col A + + + + + Col B + + + + + Col C + + + + + + + + + + + + + a1 + + + + + b1 + + + + + c1 + + + + + + + + + a2 + + + + + b2 + + + + + c2 + + + + + + + + + a3 + + + + + b3 + + + + + c3 + + + + + + + + `; exports[`Storyshots UI/Table with multiple rows header 1`] = ` -
- - + +
- -
-
+ + -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - Colspan -
- - Col A - - - Col B - - - Col C -
- - a1 - - - b1 - - - c1 -
- - a2 - - - b2 - - - c2 -
- - a3 - - - b3 - - - c3 -
- -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + Colspan + + + + + + + + + Col A + + + + + Col B + + + + + Col C + + + + + + + + + + + + + a1 + + + + + b1 + + + + + c1 + + + + + + + + + a2 + + + + + b2 + + + + + c2 + + + + + + + + + a3 + + + + + b3 + + + + + c3 + + + + + + + + `; exports[`Storyshots UI/Table with row headers 1`] = ` -
- - + +
- -
-
+ + -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - row 1 - - - a1 - - - b1 - - - c1 -
- - row 2 - - - a2 - - - b2 - - - c2 -
- - row 3 - - - a3 - - - b3 - - - c3 -
- -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + row 1 + + + + + a1 + + + + + b1 + + + + + c1 + + + + + + + + + row 2 + + + + + a2 + + + + + b2 + + + + + c2 + + + + + + + + + row 3 + + + + + a3 + + + + + b3 + + + + + c3 + + + + + + + + `; diff --git a/packages/ui/src/ui/tabs/__snapshots__/tabs.stories.storyshot b/packages/ui/src/ui/tabs/__snapshots__/tabs.stories.storyshot index d39ac3039e..e390f3a319 100644 --- a/packages/ui/src/ui/tabs/__snapshots__/tabs.stories.storyshot +++ b/packages/ui/src/ui/tabs/__snapshots__/tabs.stories.storyshot @@ -1,307 +1,42 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Storyshots UI/Tabs default 1`] = ` -
- - - -
- - - -
- - - - + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + Option A + + + Option B + + + Option C + + +
`; diff --git a/packages/ui/src/ui/toolbar/__snapshots__/toolbar.stories.storyshot b/packages/ui/src/ui/toolbar/__snapshots__/toolbar.stories.storyshot index b42367a81f..8764d6d811 100644 --- a/packages/ui/src/ui/toolbar/__snapshots__/toolbar.stories.storyshot +++ b/packages/ui/src/ui/toolbar/__snapshots__/toolbar.stories.storyshot @@ -1,603 +1,73 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Storyshots UI/Toolbar default 1`] = ` -
- - - -
- -
-
-
- Content -
-
-
- -
- - - - + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - +
+ Content +
+
+ + `; exports[`Storyshots UI/Toolbar with actions 1`] = ` -
- - - -
- -
-
- Content -
-
-
- Action 1 -
-
- Action 2 -
-
-
- -
- - - - + - - - - - - - - - - - - - - - - - - - - - - - - - - - - +
- - - - - - - - - - - - - - - +
+ Action 1 +
+
+ Action 2 +
+
+
+ `; diff --git a/packages/ui/src/ui/tooltip/__snapshots__/tooltip.stories.storyshot b/packages/ui/src/ui/tooltip/__snapshots__/tooltip.stories.storyshot index 9378ecc2d9..2ee4fb245c 100644 --- a/packages/ui/src/ui/tooltip/__snapshots__/tooltip.stories.storyshot +++ b/packages/ui/src/ui/tooltip/__snapshots__/tooltip.stories.storyshot @@ -1,214 +1,357 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Storyshots UI/Tooltip darkMode:false 1`] = ` -
- - + + + Job #100 + , + }, + "animated": false, + "animating": false, + "arrowPadding": 4, + "arrowRef": Object { + "current": , + }, + "contentElement": , + "currentPlacement": "top", + "disclosureRef": Object { + "current": null, + }, + "fixed": false, + "flip": true, + "gutter": 8, + "hide": [Function], + "mounted": false, + "padding": 8, + "placement": "top", + "popoverRef": Object { + "current":
+ +
, }, - ] + "preventOverflow": true, + "render": [Function], + "renderCallback": undefined, + "setAnchorRect": [Function], + "setContentElement": [Function], + "setVisible": [Function], + "shift": 0, + "show": [Function], + "stopAnimation": [Function], + "timeout": 0, + "toggle": [Function], + "visible": false, + } } > - -
- - + + - Job #100 - , - }, - "animated": false, - "animating": false, - "arrowPadding": 4, - "arrowRef": Object { - "current": , - }, - "contentElement": , + }, + "preventOverflow": true, + "render": [Function], + "renderCallback": undefined, + "setAnchorRect": [Function], + "setContentElement": [Function], + "setVisible": [Function], + "shift": 0, + "show": [Function], + "stopAnimation": [Function], + "timeout": 0, + "toggle": [Function], + "visible": false, + } + } + > + +
- - + + View job #100 +
+
+
+ } + > +
+ +
-
- -
- + + + + +
- + View job #100 +
- - - - + + + +`; + +exports[`Storyshots UI/Tooltip default 1`] = ` +
+ - + Job #100 + , + }, + "animated": false, + "animating": false, + "arrowPadding": 4, + "arrowRef": Object { + "current": , + }, + "contentElement": , + "currentPlacement": "top", + "disclosureRef": Object { + "current": null, + }, + "fixed": false, + "flip": true, + "gutter": 8, + "hide": [Function], + "mounted": false, + "padding": 8, + "placement": "top", + "popoverRef": Object { + "current":
+ +
, + }, + "preventOverflow": true, + "render": [Function], + "renderCallback": undefined, + "setAnchorRect": [Function], + "setContentElement": [Function], + "setVisible": [Function], + "shift": 0, + "show": [Function], + "stopAnimation": [Function], + "timeout": 0, + "toggle": [Function], + "visible": false, } } - width="16" > - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-`; - -exports[`Storyshots UI/Tooltip default 1`] = ` -
- - + + + Job #100 + , + }, + "animated": false, + "animating": false, + "arrowPadding": 4, + "arrowRef": Object { + "current": , + }, + "contentElement": , + "currentPlacement": "top", + "disclosureRef": Object { + "current": null, + }, + "fixed": false, + "flip": true, + "gutter": 8, + "hide": [Function], + "mounted": false, + "padding": 8, + "placement": "top", + "popoverRef": Object { + "current":
+ +
, }, - ] + "preventOverflow": true, + "render": [Function], + "renderCallback": undefined, + "setAnchorRect": [Function], + "setContentElement": [Function], + "setVisible": [Function], + "shift": 0, + "show": [Function], + "stopAnimation": [Function], + "timeout": 0, + "toggle": [Function], + "visible": false, + } } > - +
+ +
+
} > -
+ +
-
- -
- + + + + +
- + View job #100 +
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + `;