From a503f085388cefe2570bde94e1f788971c4b20df Mon Sep 17 00:00:00 2001
From: dominik-zeglen <flesz3@o2.pl>
Date: Fri, 10 Jan 2020 17:34:30 +0100
Subject: [PATCH] Update stories

---
 .../__snapshots__/Stories.test.ts.snap        | 252 ++++++++++++++++++
 .../stories/plugins/PluginsListPage.tsx       |  13 +-
 2 files changed, 264 insertions(+), 1 deletion(-)

diff --git a/src/storybook/__snapshots__/Stories.test.ts.snap b/src/storybook/__snapshots__/Stories.test.ts.snap
index 4cfd36ed6..2871c1ac9 100644
--- a/src/storybook/__snapshots__/Stories.test.ts.snap
+++ b/src/storybook/__snapshots__/Stories.test.ts.snap
@@ -80959,6 +80959,90 @@ exports[`Storyshots Views / Plugins / Plugin list default 1`] = `
     <div
       class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
     >
+      <div
+        class="MuiTabs-root-id FilterTabs-tabsRoot-id"
+      >
+        <div
+          class="MuiTabs-scroller-id MuiTabs-fixed-id"
+          style="overflow:hidden"
+        >
+          <div
+            class="MuiTabs-flexContainer-id"
+            role="tablist"
+          >
+            <button
+              class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
+              role="tab"
+              tabindex="0"
+              type="button"
+            >
+              <span
+                class="MuiTab-wrapper-id FilterTab-tabLabel-id FilterTab-selectedTabLabel-id"
+              >
+                All Plugins
+              </span>
+            </button>
+            <button
+              class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
+              role="tab"
+              tabindex="0"
+              type="button"
+            >
+              <span
+                class="MuiTab-wrapper-id FilterTab-tabLabel-id"
+              >
+                Tab X
+              </span>
+            </button>
+          </div>
+        </div>
+      </div>
+      <div
+        class="FilterBar-root-id"
+      >
+        <div>
+          <button
+            class="MuiButtonBase-root-id Filter-filterButton-id Filter-addFilterButton-id"
+            tabindex="0"
+            type="button"
+          >
+            <div
+              class="MuiTypography-root-id Filter-addFilterText-id MuiTypography-body1-id"
+            >
+              Filters
+            </div>
+          </button>
+        </div>
+        <div
+          class="MuiFormControl-root-id MuiTextField-root-id SearchInput-root-id"
+        >
+          <div
+            class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-formControl-id"
+          >
+            <input
+              aria-invalid="false"
+              class="MuiInputBase-input-id MuiOutlinedInput-input-id SearchInput-input-id"
+              placeholder="Search Plugins..."
+              type="text"
+              value=""
+            />
+            <fieldset
+              aria-hidden="true"
+              class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
+              style="padding-left:8px"
+            >
+              <legend
+                class="PrivateNotchedOutline-legend-id"
+                style="width:0.01px"
+              >
+                <span>
+                  ​
+                </span>
+              </legend>
+            </fieldset>
+          </div>
+        </div>
+      </div>
       <div
         class="ResponsiveTable-root-id"
       >
@@ -81244,6 +81328,90 @@ exports[`Storyshots Views / Plugins / Plugin list loading 1`] = `
     <div
       class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
     >
+      <div
+        class="MuiTabs-root-id FilterTabs-tabsRoot-id"
+      >
+        <div
+          class="MuiTabs-scroller-id MuiTabs-fixed-id"
+          style="overflow:hidden"
+        >
+          <div
+            class="MuiTabs-flexContainer-id"
+            role="tablist"
+          >
+            <button
+              class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
+              role="tab"
+              tabindex="0"
+              type="button"
+            >
+              <span
+                class="MuiTab-wrapper-id FilterTab-tabLabel-id FilterTab-selectedTabLabel-id"
+              >
+                All Plugins
+              </span>
+            </button>
+            <button
+              class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
+              role="tab"
+              tabindex="0"
+              type="button"
+            >
+              <span
+                class="MuiTab-wrapper-id FilterTab-tabLabel-id"
+              >
+                Tab X
+              </span>
+            </button>
+          </div>
+        </div>
+      </div>
+      <div
+        class="FilterBar-root-id"
+      >
+        <div>
+          <button
+            class="MuiButtonBase-root-id Filter-filterButton-id Filter-addFilterButton-id"
+            tabindex="0"
+            type="button"
+          >
+            <div
+              class="MuiTypography-root-id Filter-addFilterText-id MuiTypography-body1-id"
+            >
+              Filters
+            </div>
+          </button>
+        </div>
+        <div
+          class="MuiFormControl-root-id MuiTextField-root-id SearchInput-root-id"
+        >
+          <div
+            class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-formControl-id"
+          >
+            <input
+              aria-invalid="false"
+              class="MuiInputBase-input-id MuiOutlinedInput-input-id SearchInput-input-id"
+              placeholder="Search Plugins..."
+              type="text"
+              value=""
+            />
+            <fieldset
+              aria-hidden="true"
+              class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
+              style="padding-left:8px"
+            >
+              <legend
+                class="PrivateNotchedOutline-legend-id"
+                style="width:0.01px"
+              >
+                <span>
+                  ​
+                </span>
+              </legend>
+            </fieldset>
+          </div>
+        </div>
+      </div>
       <div
         class="ResponsiveTable-root-id"
       >
@@ -81499,6 +81667,90 @@ exports[`Storyshots Views / Plugins / Plugin list no data 1`] = `
     <div
       class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id"
     >
+      <div
+        class="MuiTabs-root-id FilterTabs-tabsRoot-id"
+      >
+        <div
+          class="MuiTabs-scroller-id MuiTabs-fixed-id"
+          style="overflow:hidden"
+        >
+          <div
+            class="MuiTabs-flexContainer-id"
+            role="tablist"
+          >
+            <button
+              class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
+              role="tab"
+              tabindex="0"
+              type="button"
+            >
+              <span
+                class="MuiTab-wrapper-id FilterTab-tabLabel-id FilterTab-selectedTabLabel-id"
+              >
+                All Plugins
+              </span>
+            </button>
+            <button
+              class="MuiButtonBase-root-id MuiTab-root-id FilterTab-tabRoot-id MuiTab-textColorInherit-id"
+              role="tab"
+              tabindex="0"
+              type="button"
+            >
+              <span
+                class="MuiTab-wrapper-id FilterTab-tabLabel-id"
+              >
+                Tab X
+              </span>
+            </button>
+          </div>
+        </div>
+      </div>
+      <div
+        class="FilterBar-root-id"
+      >
+        <div>
+          <button
+            class="MuiButtonBase-root-id Filter-filterButton-id Filter-addFilterButton-id"
+            tabindex="0"
+            type="button"
+          >
+            <div
+              class="MuiTypography-root-id Filter-addFilterText-id MuiTypography-body1-id"
+            >
+              Filters
+            </div>
+          </button>
+        </div>
+        <div
+          class="MuiFormControl-root-id MuiTextField-root-id SearchInput-root-id"
+        >
+          <div
+            class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-formControl-id"
+          >
+            <input
+              aria-invalid="false"
+              class="MuiInputBase-input-id MuiOutlinedInput-input-id SearchInput-input-id"
+              placeholder="Search Plugins..."
+              type="text"
+              value=""
+            />
+            <fieldset
+              aria-hidden="true"
+              class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
+              style="padding-left:8px"
+            >
+              <legend
+                class="PrivateNotchedOutline-legend-id"
+                style="width:0.01px"
+              >
+                <span>
+                  ​
+                </span>
+              </legend>
+            </fieldset>
+          </div>
+        </div>
+      </div>
       <div
         class="ResponsiveTable-root-id"
       >
diff --git a/src/storybook/stories/plugins/PluginsListPage.tsx b/src/storybook/stories/plugins/PluginsListPage.tsx
index cf874005f..c53139c68 100644
--- a/src/storybook/stories/plugins/PluginsListPage.tsx
+++ b/src/storybook/stories/plugins/PluginsListPage.tsx
@@ -2,7 +2,11 @@ import { storiesOf } from "@storybook/react";
 import React from "react";
 
 import { PluginListUrlSortField } from "@saleor/plugins/urls";
-import { pageListProps, sortPageProps } from "../../../fixtures";
+import {
+  pageListProps,
+  sortPageProps,
+  filterPageProps
+} from "../../../fixtures";
 import PluginsListPage, {
   PluginsListPageProps
 } from "../../../plugins/components/PluginsListPage";
@@ -12,6 +16,13 @@ import Decorator from "../../Decorator";
 const props: PluginsListPageProps = {
   ...pageListProps.default,
   ...sortPageProps,
+  ...filterPageProps,
+  filterOpts: {
+    isActive: {
+      active: false,
+      value: true
+    }
+  },
   onBack: () => undefined,
   plugins: pluginList,
   sort: {