Update imports

src/misc.ts

@@ -1,5 +1,5 @@
 import moment from "moment-timezone";
-import { MutationFn, MutationResult } from "react-apollo";
+import { MutationFunction, MutationResult } from "react-apollo";
 import urlJoin from "url-join";
 
 import { ConfirmButtonTransitionState } from "./components/ConfirmButton/ConfirmButton";
@@ -189,7 +189,7 @@ export function getMutationState(
 }
 
 export function getMutationProviderData<TData, TVariables>(
-  mutateFn: MutationFn<TData, TVariables>,
+  mutateFn: MutationFunction<TData, TVariables>,
   opts: MutationResult<TData>
 ): PartialMutationProviderOutput<TData, TVariables> {
   return {

src/productTypes/containers/ProductTypeOperations.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { MutationFn } from "react-apollo";
+import { MutationFunction } from "react-apollo";
 
 import { AttributeTypeEnum, ReorderInput } from "@saleor/types/globalTypes";
 import { getMutationProviderData } from "../../misc";
@@ -119,7 +119,7 @@ const ProductTypeOperations: React.StatelessComponent<
                         reorderAttributeMutation,
                         reorderAttributeMutationResult
                       ) => {
-                        const reorderAttributeMutationFn: MutationFn<
+                        const reorderAttributeMutationFn: MutationFunction<
                           ProductTypeAttributeReorder,
                           ProductTypeAttributeReorderVariables
                         > = opts => {

src/storybook/config.js

@@ -1,5 +1,5 @@
 /* eslint-disable */
-configure = require("@storybook/react").configure;
+const { configure } = require("@storybook/react");
 
 function loadStories() {
   // Components

src/storybook/stories/categories/CategoryUpdatePage.tsx

@@ -1,7 +1,7 @@
+import placeholderImage from "@assets/images/placeholder255x255.png";
 import { Omit } from "@material-ui/core";
 import { storiesOf } from "@storybook/react";
 import React from "react";
-import placeholderImage from "../@assets/images/placeholder255x255.png";
 
 import { category as categoryFixture } from "../../../categories/fixtures";
 

src/storybook/stories/collections/CollectionDetailsPage.tsx

@@ -2,14 +2,14 @@ import { Omit } from "@material-ui/core";
 import { storiesOf } from "@storybook/react";
 import React from "react";
 
+import placeholderCollectionImage from "@assets/images/block1.jpg";
+import placeholderProductImage from "@assets/images/placeholder60x60.png";
 import CollectionDetailsPage, {
   CollectionDetailsPageProps
 } from "../../../collections/components/CollectionDetailsPage";
 import { collection as collectionFixture } from "../../../collections/fixtures";
 import { listActionsProps, pageListProps } from "../../../fixtures";
 import Decorator from "../../Decorator";
-import placeholderCollectionImage from "../@assets/images/block1.jpg";
-import placeholderProductImage from "../@assets/images/placeholder60x60.png";
 
 const collection = collectionFixture(
   placeholderCollectionImage,

src/storybook/stories/components/AssignProductDialog.tsx

@@ -1,12 +1,12 @@
 import { storiesOf } from "@storybook/react";
 import React from "react";
 
+import placeholderImage from "@assets/images/placeholder60x60.png";
 import AssignProductDialog, {
   AssignProductDialogProps
 } from "@saleor/components/AssignProductDialog";
 import { products } from "@saleor/products/fixtures";
 import Decorator from "../../Decorator";
-import placeholderImage from "../@assets/images/placeholder60x60.png";
 
 const props: AssignProductDialogProps = {
   confirmButtonState: "default",

src/storybook/stories/home/HomePage.tsx

@@ -2,10 +2,10 @@ import { Omit } from "@material-ui/core";
 import { storiesOf } from "@storybook/react";
 import React from "react";
 
+import placeholderImage from "@assets/images/placeholder60x60.png";
 import HomePage, { HomePageProps } from "../../../home/components/HomePage";
 import { shop as shopFixture } from "../../../home/fixtures";
 import Decorator from "../../Decorator";
-import placeholderImage from "../@assets/images/placeholder60x60.png";
 
 const shop = shopFixture(placeholderImage);
 

src/storybook/stories/orders/OrderDetailsPage.tsx

@@ -2,6 +2,7 @@ import { Omit } from "@material-ui/core";
 import { storiesOf } from "@storybook/react";
 import React from "react";
 
+import placeholderImage from "@assets/images/placeholder60x60.png";
 import OrderDetailsPage, {
   OrderDetailsPageProps
 } from "../../../orders/components/OrderDetailsPage";
@@ -12,7 +13,6 @@ import {
   PaymentChargeStatusEnum
 } from "../../../types/globalTypes";
 import Decorator from "../../Decorator";
-import placeholderImage from "../@assets/images/placeholder60x60.png";
 
 const order = orderFixture(placeholderImage);
 

src/storybook/stories/orders/OrderDraftPage.tsx

@@ -2,12 +2,12 @@ import { Omit } from "@material-ui/core";
 import { storiesOf } from "@storybook/react";
 import React from "react";
 
+import placeholderImage from "@assets/images/placeholder60x60.png";
 import OrderDraftPage, {
   OrderDraftPageProps
 } from "../../../orders/components/OrderDraftPage";
 import { clients, countries, draftOrder } from "../../../orders/fixtures";
 import Decorator from "../../Decorator";
-import placeholderImage from "../@assets/images/placeholder60x60.png";
 
 const order = draftOrder(placeholderImage);
 

src/storybook/stories/orders/OrderFulfillmentDialog.tsx

@@ -2,12 +2,12 @@ import { Omit } from "@material-ui/core";
 import { storiesOf } from "@storybook/react";
 import React from "react";
 
+import placeholderImage from "@assets/images/placeholder60x60.png";
 import OrderFulfillmentDialog, {
   OrderFulfillmentDialogProps
 } from "../../../orders/components/OrderFulfillmentDialog";
 import { order as orderFixture } from "../../../orders/fixtures";
 import Decorator from "../../Decorator";
-import placeholderImage from "../@assets/images/placeholder60x60.png";
 
 const order = orderFixture(placeholderImage);
 

src/storybook/stories/orders/OrderProductAddDialog.tsx

@@ -1,10 +1,10 @@
 import { storiesOf } from "@storybook/react";
 import React from "react";
 
+import placeholderImage from "@assets/images/placeholder60x60.png";
 import OrderProductAddDialog from "../../../orders/components/OrderProductAddDialog";
 import { orderLineSearch } from "../../../orders/fixtures";
 import Decorator from "../../Decorator";
-import placeholderImage from "../@assets/images/placeholder60x60.png";
 
 storiesOf("Orders / OrderProductAddDialog", module)
   .addDecorator(Decorator)

src/storybook/stories/products/ProductImagePage.tsx

@@ -1,9 +1,9 @@
 import { storiesOf } from "@storybook/react";
 import React from "react";
 
+import placeholder from "@assets/images/placeholder1080x1080.png";
 import ProductImagePage from "../../../products/components/ProductImagePage";
 import Decorator from "../../Decorator";
-import placeholder from "../@assets/images/placeholder1080x1080.png";
 
 const image = { id: "", url: placeholder, alt: "Lorem ipsum" };
 const images = (Array(8) as any)

src/storybook/stories/products/ProductListPage.tsx

@@ -1,6 +1,7 @@
 import { storiesOf } from "@storybook/react";
 import React from "react";
 
+import placeholderImage from "@assets/images/placeholder255x255.png";
 import { defaultListSettings } from "@saleor/config";
 import { ListViews } from "@saleor/types";
 import { category as categoryFixture } from "../../../categories/fixtures";
@@ -14,7 +15,6 @@ import ProductListPage, {
   ProductListPageProps
 } from "../../../products/components/ProductListPage";
 import Decorator from "../../Decorator";
-import placeholderImage from "../@assets/images/placeholder255x255.png";
 
 const products = categoryFixture(placeholderImage).products.edges.map(
   edge => edge.node

src/storybook/stories/products/ProductUpdatePage.tsx

@@ -1,6 +1,7 @@
 import { storiesOf } from "@storybook/react";
 import React from "react";
 
+import placeholderImage from "@assets/images/placeholder255x255.png";
 import { collections } from "@saleor/collections/fixtures";
 import { listActionsProps } from "@saleor/fixtures";
 import ProductUpdatePage, {
@@ -8,7 +9,6 @@ import ProductUpdatePage, {
 } from "@saleor/products/components/ProductUpdatePage";
 import { product as productFixture } from "@saleor/products/fixtures";
 import Decorator from "../../Decorator";
-import placeholderImage from "../@assets/images/placeholder255x255.png";
 
 const product = productFixture(placeholderImage);
 

src/storybook/stories/products/ProductVariantCreatePage.tsx

@@ -1,11 +1,11 @@
 import { storiesOf } from "@storybook/react";
 import React from "react";
 
+import placeholderImage from "@assets/images/placeholder255x255.png";
 import { formError } from "@saleor/storybook/misc";
 import ProductVariantCreatePage from "../../../products/components/ProductVariantCreatePage";
 import { product as productFixture } from "../../../products/fixtures";
 import Decorator from "../../Decorator";
-import placeholderImage from "../@assets/images/placeholder255x255.png";
 
 const product = productFixture(placeholderImage);
 

src/storybook/stories/products/ProductVariantImageSelectDialog.tsx

@@ -1,12 +1,12 @@
 import { storiesOf } from "@storybook/react";
 import React from "react";
 
+import placeholderImage from "@assets/images/placeholder255x255.png";
 import ProductVariantImageSelectDialog from "../../../products/components/ProductVariantImageSelectDialog";
 import {
   variantImages as variantImagesFixture,
   variantProductImages as variantProductImagesFixture
 } from "../../../products/fixtures";
-import placeholderImage from "../@assets/images/placeholder255x255.png";
 
 const variantImages = variantImagesFixture(placeholderImage);
 const variantProductImages = variantProductImagesFixture(placeholderImage);