Fix keys orders

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==",
+    active: true,
-    name: "Avalara",
     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==",
+    active: false,
-    name: "VatLayer",
     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"
+      label: "Username or account",
-    },
+      name: "Username or account",
-    {
-      __typename: "ConfigurationItem",
-      name: "Password or license",
-      value: "",
       type: ConfigurationTypeFieldEnum.STRING,
-      helpText: "Provide password or license details",
+      value: ""
-      label: "Password or license"
+    },
+    {
+      __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"
 };

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"
 };

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)