From 66cd283d72c279e032112078e8e1f4583a183b77 Mon Sep 17 00:00:00 2001
From: Krzysztof Bialoglowicz <krzysztof@mirumee.com>
Date: Wed, 28 Aug 2019 15:50:03 +0200
Subject: [PATCH] Fix keys orders

---
 src/plugins/fixtures.ts                       | 55 ++++++++++---------
 .../stories/plugins/PluginDetailsPage.tsx     |  2 +-
 .../stories/plugins/PluginsListPage.tsx       |  8 +--
 3 files changed, 33 insertions(+), 32 deletions(-)

diff --git a/src/plugins/fixtures.ts b/src/plugins/fixtures.ts
index b58634c4e..9859b843d 100644
--- a/src/plugins/fixtures.ts
+++ b/src/plugins/fixtures.ts
@@ -1,56 +1,57 @@
+import { ConfigurationTypeFieldEnum } from "@saleor/types/globalTypes";
 import { PluginConfiguration_pluginConfiguration } from "./types/pluginConfiguration";
 import { PluginConfigurations_pluginConfigurations_edges_node } from "./types/pluginConfigurations";
-import { ConfigurationTypeFieldEnum } from "@saleor/types/globalTypes";
 
 export const pluginList: PluginConfigurations_pluginConfigurations_edges_node[] = [
   {
     __typename: "PluginConfiguration",
-    id: "Jzx123sEt==",
-    name: "Avalara",
+    active: true,
     description:
       "Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis. Maecenas malesuada elit lectus felis, malesuada ultricies. Curabitur et ligula. Ut molestie a, ultricies porta urna. Vestibulum commodo volutpat a, convallis ac, laoreet enim. Phasellus fermentum in, dolor. Pellentesque facilisis. Nulla imperdiet sit amet magna.",
-    active: true
+    id: "Jzx123sEt==",
+    name: "Avalara"
   },
   {
     __typename: "PluginConfiguration",
-    id: "Jzx123sEt==",
-    name: "VatLayer",
+    active: false,
     description:
       "Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis. Maecenas malesuada elit lectus felis, malesuada ultricies. Curabitur et ligula. Ut molestie a, ultricies porta urna. Vestibulum commodo volutpat a, convallis ac, laoreet enim. Phasellus fermentum in, dolor. Pellentesque facilisis. Nulla imperdiet sit amet magna.",
-    active: false
+    id: "Jzx123sEt==",
+    name: "VatLayer"
   }
 ];
 export const plugin: PluginConfiguration_pluginConfiguration = {
   __typename: "PluginConfiguration",
-  id: "UGx1Z2luQ29uZmlndXJhdGlvbjoy",
-  name: "Username or account",
-  description:
-    "Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis. Maecenas malesuada elit lectus felis, malesuada ultricies. Curabitur et ligula. Ut molestie a, ultricies porta urna. Vestibulum commodo volutpat a, convallis ac, laoreet enim. Phasellus fermentum in, dolor. Pellentesque facilisis. Nulla imperdiet sit amet magna.",
   active: true,
   configuration: [
     {
       __typename: "ConfigurationItem",
-      name: "Username or account",
-      value: "",
-      type: ConfigurationTypeFieldEnum.STRING,
       helpText: "Provide user or account details",
-      label: "Username or account"
-    },
-    {
-      __typename: "ConfigurationItem",
-      name: "Password or license",
-      value: "",
+      label: "Username or account",
+      name: "Username or account",
       type: ConfigurationTypeFieldEnum.STRING,
-      helpText: "Provide password or license details",
-      label: "Password or license"
+      value: ""
+    },
+    {
+      __typename: "ConfigurationItem",
+      helpText: "Provide password or license details",
+      label: "Password or license",
+      name: "Password or license",
+      type: ConfigurationTypeFieldEnum.STRING,
+      value: ""
     },
     {
       __typename: "ConfigurationItem",
-      name: "Use sandbox",
-      value: "true",
-      type: ConfigurationTypeFieldEnum.BOOLEAN,
       helpText: "Determines if Saleor should use Avatax sandbox API.",
-      label: "Use sandbox"
+      label: "Use sandbox",
+      name: "Use sandbox",
+      type: ConfigurationTypeFieldEnum.BOOLEAN,
+      value: "true"
     }
-  ]
+  ],
+  description:
+    "Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis. Maecenas malesuada elit lectus felis, malesuada ultricies. Curabitur et ligula. Ut molestie a, ultricies porta urna. Vestibulum commodo volutpat a, convallis ac, laoreet enim. Phasellus fermentum in, dolor. Pellentesque facilisis. Nulla imperdiet sit amet magna.",
+
+  id: "UGx1Z2luQ29uZmlndXJhdGlvbjoy",
+  name: "Username or account"
 };
diff --git a/src/storybook/stories/plugins/PluginDetailsPage.tsx b/src/storybook/stories/plugins/PluginDetailsPage.tsx
index 55e9fae65..18aced41b 100644
--- a/src/storybook/stories/plugins/PluginDetailsPage.tsx
+++ b/src/storybook/stories/plugins/PluginDetailsPage.tsx
@@ -12,8 +12,8 @@ import { formError } from "../../misc";
 const props: PluginsDetailsPageProps = {
   disabled: false,
   errors: [],
-  onSubmit: () => undefined,
   onBack: () => undefined,
+  onSubmit: () => undefined,
   plugin,
   saveButtonBarState: "default"
 };
diff --git a/src/storybook/stories/plugins/PluginsListPage.tsx b/src/storybook/stories/plugins/PluginsListPage.tsx
index b94c445b4..673586800 100644
--- a/src/storybook/stories/plugins/PluginsListPage.tsx
+++ b/src/storybook/stories/plugins/PluginsListPage.tsx
@@ -10,12 +10,12 @@ import Decorator from "../../Decorator";
 
 const props: PluginsListPageProps = {
   ...pageListProps.default,
-  toggle: () => undefined,
-  toggleAll: () => undefined,
   isChecked: () => undefined,
-  selected: undefined,
   onBack: () => undefined,
-  plugins: pluginList
+  plugins: pluginList,
+  selected: undefined,
+  toggle: () => undefined,
+  toggleAll: () => undefined
 };
 
 storiesOf("Views / Plugins / Plugin list", module)