djkato/saleor-dashboard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Reduce bundle size (#1103)

Browse source 
* Add analysis tools

* Use deep imports to reduce bundle size

* Remove tslint config

* Remove unused packages

* Remove lodash-es references

* Use root level mui imports

* Remove mui from restricted imports
This commit is contained in:
Dominik Żegleń 2021-05-14 10:15:15 +02:00 committed by GitHub
parent bd02c1b260
commit 935a6f4542
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
475 changed files with 1564 additions and 1519 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
.eslintrc.json
View file

@ -169,7 +169,13 @@
"space-before-function-paren": "off", "space-before-function-paren": "off",
"spaced-comment": "error", "spaced-comment": "error",
"use-isnan": "error", "use-isnan": "error",
"valid-typeof": "off" "valid-typeof": "off",
"no-restricted-imports": [
"error",
{
"paths": ["lodash"]
}
]
}, },
"ignorePatterns": ["node_modules/", "**/types/**/*"] "ignorePatterns": ["node_modules/", "**/types/**/*"]
} }

156
package-lock.json generated
View file

@ -2807,6 +2807,7 @@
"resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
"integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=",
"dev": true, "dev": true,
"optional": true,
"requires": { "requires": {
"is-extendable": "^0.1.0" "is-extendable": "^0.1.0"
} }
@ -2852,6 +2853,7 @@
"resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz", "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz",
"integrity": "sha1-JP1iAaR4LPUFYcgQJ2r8fRLXEZU=", "integrity": "sha1-JP1iAaR4LPUFYcgQJ2r8fRLXEZU=",
"dev": true, "dev": true,
"optional": true,
"requires": { "requires": {
"kind-of": "^3.0.2" "kind-of": "^3.0.2"
} }
@ -2861,6 +2863,7 @@
"resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
"integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
"dev": true, "dev": true,
"optional": true,
"requires": { "requires": {
"is-buffer": "^1.1.5" "is-buffer": "^1.1.5"
} }
@ -3995,6 +3998,12 @@
"@octokit/openapi-types": "^6.0.0" "@octokit/openapi-types": "^6.0.0"
} }
}, },
"@polka/url": {
"version": "1.0.0-next.12",
"resolved": "https://registry.npmjs.org/@polka/url/-/url-1.0.0-next.12.tgz",
"integrity": "sha512-6RglhutqrGFMO1MNUXp95RBuYIuc8wTnMAV5MUhLmjTOy78ncwOw7RgeQ/HeymkKXRhZd0s2DNrM1rL7unk3MQ==",
"dev": true
},
"@pollyjs/adapter": { "@pollyjs/adapter": {
"version": "5.0.0", "version": "5.0.0",
"resolved": "https://registry.npmjs.org/@pollyjs/adapter/-/adapter-5.0.0.tgz", "resolved": "https://registry.npmjs.org/@pollyjs/adapter/-/adapter-5.0.0.tgz",
@ -20412,6 +20421,12 @@
"integrity": "sha512-8AV/sCtuzUeTo8gQK5qDZzARrulB3egtLzFgteqB2tcT4Mw7B8Kt7JcDHmltjz6FOAHsvTevk70gZEbhM4ZS9Q==", "integrity": "sha512-8AV/sCtuzUeTo8gQK5qDZzARrulB3egtLzFgteqB2tcT4Mw7B8Kt7JcDHmltjz6FOAHsvTevk70gZEbhM4ZS9Q==",
"dev": true "dev": true
}, },
"opener": {
"version": "1.5.2",
"resolved": "https://registry.npmjs.org/opener/-/opener-1.5.2.tgz",
"integrity": "sha512-ur5UIdyw5Y7yEj9wLzhqXiy6GZ3Mwx0yGI+5sMn2r0N0v3cKJvUmFH5yPP+WXh9e0xfyzyJX95D8l088DNFj7A==",
"dev": true
},
"opn": { "opn": {
"version": "5.5.0", "version": "5.5.0",
"resolved": "https://registry.npmjs.org/opn/-/opn-5.5.0.tgz", "resolved": "https://registry.npmjs.org/opn/-/opn-5.5.0.tgz",
@ -25108,6 +25123,25 @@
"simplebar": "^4.2.3" "simplebar": "^4.2.3"
} }
}, },
"sirv": {
"version": "1.0.11",
"resolved": "https://registry.npmjs.org/sirv/-/sirv-1.0.11.tgz",
"integrity": "sha512-SR36i3/LSWja7AJNRBz4fF/Xjpn7lQFI30tZ434dIy+bitLYSP+ZEenHg36i23V2SGEz+kqjksg0uOGZ5LPiqg==",
"dev": true,
"requires": {
"@polka/url": "^1.0.0-next.9",
"mime": "^2.3.1",
"totalist": "^1.0.0"
},
"dependencies": {
"mime": {
"version": "2.5.2",
"resolved": "https://registry.npmjs.org/mime/-/mime-2.5.2.tgz",
"integrity": "sha512-tqkh47FzKeCPD2PUiPB6pkbMzsCasjxAfC62/Wap5qrUWcb+sFasXUC5I3gYM5iBM8v/Qpn4UK0x+j0iHyFPDg==",
"dev": true
}
}
},
"sisteransi": { "sisteransi": {
"version": "1.0.5", "version": "1.0.5",
"resolved": "https://registry.npmjs.org/sisteransi/-/sisteransi-1.0.5.tgz", "resolved": "https://registry.npmjs.org/sisteransi/-/sisteransi-1.0.5.tgz",
@ -25445,6 +25479,42 @@
} }
} }
}, },
"speed-measure-webpack-plugin": {
"version": "1.5.0",
"resolved": "https://registry.npmjs.org/speed-measure-webpack-plugin/-/speed-measure-webpack-plugin-1.5.0.tgz",
"integrity": "sha512-Re0wX5CtM6gW7bZA64ONOfEPEhwbiSF/vz6e2GvadjuaPrQcHTQdRGsD8+BE7iUOysXH8tIenkPCQBEcspXsNg==",
"dev": true,
"requires": {
"chalk": "^4.1.0"
},
"dependencies": {
"chalk": {
"version": "4.1.1",
"resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.1.tgz",
"integrity": "sha512-diHzdDKxcU+bAsUboHLPEDQiw0qEe0qd7SYUn3HgcFlWgbDcfLGswOHYeGrHKzG9z6UYf01d9VFMfZxPM1xZSg==",
"dev": true,
"requires": {
"ansi-styles": "^4.1.0",
"supports-color": "^7.1.0"
}
},
"has-flag": {
"version": "4.0.0",
"resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
"integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
"dev": true
},
"supports-color": {
"version": "7.2.0",
"resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
"integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
"dev": true,
"requires": {
"has-flag": "^4.0.0"
}
}
}
},
"split": { "split": {
"version": "0.3.3", "version": "0.3.3",
"resolved": "https://registry.npmjs.org/split/-/split-0.3.3.tgz", "resolved": "https://registry.npmjs.org/split/-/split-0.3.3.tgz",
@ -26748,6 +26818,12 @@
"integrity": "sha1-LmhELZ9k7HILjMieZEOsbKqVACk=", "integrity": "sha1-LmhELZ9k7HILjMieZEOsbKqVACk=",
"dev": true "dev": true
}, },
"totalist": {
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/totalist/-/totalist-1.1.0.tgz",
"integrity": "sha512-gduQwd1rOdDMGxFG1gEvhV88Oirdo2p+KjoYFU7k2g+i7n6AFFbDQ5kMPUsW0pNbfQsB/cwXvT1i4Bue0s9g5g==",
"dev": true
},
"tough-cookie": { "tough-cookie": {
"version": "2.5.0", "version": "2.5.0",
"resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-2.5.0.tgz", "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-2.5.0.tgz",
@ -27841,6 +27917,7 @@
"resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
"integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=",
"dev": true, "dev": true,
"optional": true,
"requires": { "requires": {
"is-extendable": "^0.1.0" "is-extendable": "^0.1.0"
} }
@ -27886,6 +27963,7 @@
"resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz", "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz",
"integrity": "sha1-JP1iAaR4LPUFYcgQJ2r8fRLXEZU=", "integrity": "sha1-JP1iAaR4LPUFYcgQJ2r8fRLXEZU=",
"dev": true, "dev": true,
"optional": true,
"requires": { "requires": {
"kind-of": "^3.0.2" "kind-of": "^3.0.2"
} }
@ -27895,6 +27973,7 @@
"resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
"integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
"dev": true, "dev": true,
"optional": true,
"requires": { "requires": {
"is-buffer": "^1.1.5" "is-buffer": "^1.1.5"
} }
@ -28121,6 +28200,83 @@
} }
} }
}, },
"webpack-bundle-analyzer": {
"version": "4.4.1",
"resolved": "https://registry.npmjs.org/webpack-bundle-analyzer/-/webpack-bundle-analyzer-4.4.1.tgz",
"integrity": "sha512-j5m7WgytCkiVBoOGavzNokBOqxe6Mma13X1asfVYtKWM3wxBiRRu1u1iG0Iol5+qp9WgyhkMmBAcvjEfJ2bdDw==",
"dev": true,
"requires": {
"acorn": "^8.0.4",
"acorn-walk": "^8.0.0",
"chalk": "^4.1.0",
"commander": "^6.2.0",
"gzip-size": "^6.0.0",
"lodash": "^4.17.20",
"opener": "^1.5.2",
"sirv": "^1.0.7",
"ws": "^7.3.1"
},
"dependencies": {
"acorn": {
"version": "8.2.4",
"resolved": "https://registry.npmjs.org/acorn/-/acorn-8.2.4.tgz",
"integrity": "sha512-Ibt84YwBDDA890eDiDCEqcbwvHlBvzzDkU2cGBBDDI1QWT12jTiXIOn2CIw5KK4i6N5Z2HUxwYjzriDyqaqqZg==",
"dev": true
},
"acorn-walk": {
"version": "8.1.0",
"resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.1.0.tgz",
"integrity": "sha512-mjmzmv12YIG/G8JQdQuz2MUDShEJ6teYpT5bmWA4q7iwoGen8xtt3twF3OvzIUl+Q06aWIjvnwQUKvQ6TtMRjg==",
"dev": true
},
"chalk": {
"version": "4.1.1",
"resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.1.tgz",
"integrity": "sha512-diHzdDKxcU+bAsUboHLPEDQiw0qEe0qd7SYUn3HgcFlWgbDcfLGswOHYeGrHKzG9z6UYf01d9VFMfZxPM1xZSg==",
"dev": true,
"requires": {
"ansi-styles": "^4.1.0",
"supports-color": "^7.1.0"
}
},
"commander": {
"version": "6.2.1",
"resolved": "https://registry.npmjs.org/commander/-/commander-6.2.1.tgz",
"integrity": "sha512-U7VdrJFnJgo4xjrHpTzu0yrHPGImdsmD95ZlgYSEajAn2JKzDhDTPG9kBTefmObL2w/ngeZnilk+OV9CG3d7UA==",
"dev": true
},
"gzip-size": {
"version": "6.0.0",
"resolved": "https://registry.npmjs.org/gzip-size/-/gzip-size-6.0.0.tgz",
"integrity": "sha512-ax7ZYomf6jqPTQ4+XCpUGyXKHk5WweS+e05MBO4/y3WJ5RkmPXNKvX+bx1behVILVwr6JSQvZAku021CHPXG3Q==",
"dev": true,
"requires": {
"duplexer": "^0.1.2"
}
},
"has-flag": {
"version": "4.0.0",
"resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
"integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
"dev": true
},
"supports-color": {
"version": "7.2.0",
"resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
"integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
"dev": true,
"requires": {
"has-flag": "^4.0.0"
}
},
"ws": {
"version": "7.4.5",
"resolved": "https://registry.npmjs.org/ws/-/ws-7.4.5.tgz",
"integrity": "sha512-xzyu3hFvomRfXKH8vOFMU3OguG6oOvhXMo3xsGy3xWExqaM2dxBbVxuD99O7m3ZUFMvvscsZDqxfgMaRr/Nr1g==",
"dev": true
}
}
},
"webpack-cli": { "webpack-cli": {
"version": "3.3.12", "version": "3.3.12",
"resolved": "https://registry.npmjs.org/webpack-cli/-/webpack-cli-3.3.12.tgz", "resolved": "https://registry.npmjs.org/webpack-cli/-/webpack-cli-3.3.12.tgz",

10
package.json
View file

@ -55,7 +55,6 @@
"jss": "^9.8.7", "jss": "^9.8.7",
"keycode": "^2.2.0", "keycode": "^2.2.0",
"lodash": "^4.17.20", "lodash": "^4.17.20",
"lodash-es": "^4.17.14",
"moment-timezone": "^0.5.32", "moment-timezone": "^0.5.32",
"qs": "^6.9.0", "qs": "^6.9.0",
"react": "^16.12.0", "react": "^16.12.0",
@ -161,14 +160,17 @@
"react-intl-translations-manager": "^5.0.3", "react-intl-translations-manager": "^5.0.3",
"react-test-renderer": "^16.12.0", "react-test-renderer": "^16.12.0",
"regenerator-runtime": "^0.11.1", "regenerator-runtime": "^0.11.1",
"register-service-worker": "^1.7.2",
"release-it": "^14.5.0", "release-it": "^14.5.0",
"require-context.macro": "^1.1.1", "require-context.macro": "^1.1.1",
"rimraf": "^3.0.0", "rimraf": "^3.0.0",
"setup-polly-jest": "^0.9.1", "setup-polly-jest": "^0.9.1",
"speed-measure-webpack-plugin": "^1.5.0",
"start-server-and-test": "^1.11.0", "start-server-and-test": "^1.11.0",
"ts-jest": "^24.2.0", "ts-jest": "^24.2.0",
"tsconfig-paths-webpack-plugin": "^3.2.0", "tsconfig-paths-webpack-plugin": "^3.2.0",
"webpack": "^4.35.3", "webpack": "^4.35.3",
"webpack-bundle-analyzer": "^4.4.1",
"webpack-cli": "^3.3.6", "webpack-cli": "^3.3.6",
"webpack-dev-server": "^3.11.0", "webpack-dev-server": "^3.11.0",
"webpack-manifest-plugin": "2.2.0", "webpack-manifest-plugin": "2.2.0",
@ -177,8 +179,7 @@
"workbox-precaching": "^6.1.2", "workbox-precaching": "^6.1.2",
"workbox-routing": "^6.1.2", "workbox-routing": "^6.1.2",
"workbox-strategies": "^6.1.2", "workbox-strategies": "^6.1.2",
"workbox-webpack-plugin": "^6.1.2", "workbox-webpack-plugin": "^6.1.2"
"register-service-worker": "^1.7.2"
}, },
"optionalDependencies": { "optionalDependencies": {
"fsevents": "^1.2.9" "fsevents": "^1.2.9"
@ -204,8 +205,7 @@
"@assets(.*)$": "<rootDir>/assets/$1", "@assets(.*)$": "<rootDir>/assets/$1",
"@locale(.*)$": "<rootDir>/locale/$1", "@locale(.*)$": "<rootDir>/locale/$1",
"@saleor(?!.*macaw)(.*)$": "<rootDir>/src/$1", "@saleor(?!.*macaw)(.*)$": "<rootDir>/src/$1",
"@test/(.*)$": "<rootDir>/testUtils/$1", "@test/(.*)$": "<rootDir>/testUtils/$1"
"^lodash-es(.*)$": "lodash/$1"
} }
}, },
"husky": { "husky": {

2
src/Baseline.tsx
View file

@ -1,4 +1,4 @@
import CssBaseline from "@material-ui/core/CssBaseline"; import { CssBaseline } from "@material-ui/core";
import { fade } from "@material-ui/core/styles/colorManipulator"; import { fade } from "@material-ui/core/styles/colorManipulator";
import { createStyles, SaleorTheme, withStyles } from "@saleor/theme"; import { createStyles, SaleorTheme, withStyles } from "@saleor/theme";
import React from "react"; import React from "react";

2
src/apps/components/AppActivateDialog/AppActivateDialog.tsx
View file

@ -1,4 +1,4 @@
import DialogContentText from "@material-ui/core/DialogContentText"; import { DialogContentText } from "@material-ui/core";
import ActionDialog from "@saleor/components/ActionDialog"; import ActionDialog from "@saleor/components/ActionDialog";
import { ConfirmButtonTransitionState } from "@saleor/components/ConfirmButton"; import { ConfirmButtonTransitionState } from "@saleor/components/ConfirmButton";
import { getStringOrPlaceholder } from "@saleor/misc"; import { getStringOrPlaceholder } from "@saleor/misc";

2
src/apps/components/AppDeactivateDialog/AppDeactivateDialog.tsx
View file

@ -1,4 +1,4 @@
import DialogContentText from "@material-ui/core/DialogContentText"; import { DialogContentText } from "@material-ui/core";
import ActionDialog from "@saleor/components/ActionDialog"; import ActionDialog from "@saleor/components/ActionDialog";
import { ConfirmButtonTransitionState } from "@saleor/components/ConfirmButton"; import { ConfirmButtonTransitionState } from "@saleor/components/ConfirmButton";
import { getStringOrPlaceholder } from "@saleor/misc"; import { getStringOrPlaceholder } from "@saleor/misc";

2
src/apps/components/AppDeleteDialog/AppDeleteDialog.tsx
View file

@ -1,4 +1,4 @@
import DialogContentText from "@material-ui/core/DialogContentText"; import { DialogContentText } from "@material-ui/core";
import ActionDialog from "@saleor/components/ActionDialog"; import ActionDialog from "@saleor/components/ActionDialog";
import { ConfirmButtonTransitionState } from "@saleor/components/ConfirmButton"; import { ConfirmButtonTransitionState } from "@saleor/components/ConfirmButton";
import { getStringOrPlaceholder } from "@saleor/misc"; import { getStringOrPlaceholder } from "@saleor/misc";

5
src/apps/components/AppDetailsPage/AppDetailsPage.tsx
View file

@ -1,7 +1,4 @@
import Button from "@material-ui/core/Button"; import { Button, Card, CardContent, Typography } from "@material-ui/core";
import Card from "@material-ui/core/Card";
import CardContent from "@material-ui/core/CardContent";
import Typography from "@material-ui/core/Typography";
import AppHeader from "@saleor/components/AppHeader"; import AppHeader from "@saleor/components/AppHeader";
import CardSpacer from "@saleor/components/CardSpacer"; import CardSpacer from "@saleor/components/CardSpacer";
import CardTitle from "@saleor/components/CardTitle"; import CardTitle from "@saleor/components/CardTitle";

3
src/apps/components/AppDetailsSettingsPage/AppDetailsSettingsPage.tsx
View file

@ -1,5 +1,4 @@
import Button from "@material-ui/core/Button"; import { Button, Typography } from "@material-ui/core";
import Typography from "@material-ui/core/Typography";
import AppHeader from "@saleor/components/AppHeader"; import AppHeader from "@saleor/components/AppHeader";
import CardSpacer from "@saleor/components/CardSpacer"; import CardSpacer from "@saleor/components/CardSpacer";
import Container from "@saleor/components/Container"; import Container from "@saleor/components/Container";

2
src/apps/components/AppInProgressDeleteDialog/AppInProgressDeleteDialog.tsx
View file

@ -1,4 +1,4 @@
import DialogContentText from "@material-ui/core/DialogContentText"; import { DialogContentText } from "@material-ui/core";
import ActionDialog from "@saleor/components/ActionDialog"; import ActionDialog from "@saleor/components/ActionDialog";
import { ConfirmButtonTransitionState } from "@saleor/components/ConfirmButton"; import { ConfirmButtonTransitionState } from "@saleor/components/ConfirmButton";
import { getStringOrPlaceholder } from "@saleor/misc"; import { getStringOrPlaceholder } from "@saleor/misc";

4
src/apps/components/AppInstallErrorPage/AppInstallErrorPage.tsx
View file

@ -1,7 +1,5 @@
import errorImg from "@assets/images/app-install-error.svg"; import errorImg from "@assets/images/app-install-error.svg";
import Button from "@material-ui/core/Button"; import { Button, Grid, Typography } from "@material-ui/core";
import Grid from "@material-ui/core/Grid";
import Typography from "@material-ui/core/Typography";
import Container from "@saleor/components/Container"; import Container from "@saleor/components/Container";
import React from "react"; import React from "react";
import { FormattedMessage } from "react-intl"; import { FormattedMessage } from "react-intl";

6
src/apps/components/AppInstallPage/AppInstallPage.tsx
View file

@ -1,10 +1,6 @@
import saleorDarkLogoSmall from "@assets/images/logo-dark-small.svg"; import saleorDarkLogoSmall from "@assets/images/logo-dark-small.svg";
import plusIcon from "@assets/images/plus-icon.svg"; import plusIcon from "@assets/images/plus-icon.svg";
import Button from "@material-ui/core/Button"; import { Button, Card, CardContent, Grid, Typography } from "@material-ui/core";
import Card from "@material-ui/core/Card";
import CardContent from "@material-ui/core/CardContent";
import Grid from "@material-ui/core/Grid";
import Typography from "@material-ui/core/Typography";
import CardSpacer from "@saleor/components/CardSpacer"; import CardSpacer from "@saleor/components/CardSpacer";
import CardTitle from "@saleor/components/CardTitle"; import CardTitle from "@saleor/components/CardTitle";
import Container from "@saleor/components/Container"; import Container from "@saleor/components/Container";

18
src/apps/components/AppsInProgress/AppsInProgress.tsx
View file

@ -1,11 +1,13 @@
import Button from "@material-ui/core/Button"; import {
import Progress from "@material-ui/core/CircularProgress"; Button,
import IconButton from "@material-ui/core/IconButton"; CircularProgress as Progress,
import TableBody from "@material-ui/core/TableBody"; IconButton,
import TableCell from "@material-ui/core/TableCell"; TableBody,
import TableRow from "@material-ui/core/TableRow"; TableCell,
import Tooltip from "@material-ui/core/Tooltip"; TableRow,
import Typography from "@material-ui/core/Typography"; Tooltip,
Typography
} from "@material-ui/core";
import DeleteIcon from "@material-ui/icons/Delete"; import DeleteIcon from "@material-ui/icons/Delete";
import ErrorIcon from "@material-ui/icons/Error"; import ErrorIcon from "@material-ui/icons/Error";
import CardTitle from "@saleor/components/CardTitle"; import CardTitle from "@saleor/components/CardTitle";

3
src/apps/components/AppsSkeleton/AppsSkeleton.tsx
View file

@ -1,5 +1,4 @@
import TableCell from "@material-ui/core/TableCell"; import { TableCell, TableRow } from "@material-ui/core";
import TableRow from "@material-ui/core/TableRow";
import Skeleton from "@saleor/components/Skeleton"; import Skeleton from "@saleor/components/Skeleton";
import React from "react"; import React from "react";

3
src/apps/components/CardContainer/CardContainer.tsx
View file

@ -1,5 +1,4 @@
import Card from "@material-ui/core/Card"; import { Card, CardContent } from "@material-ui/core";
import CardContent from "@material-ui/core/CardContent";
import ResponsiveTable from "@saleor/components/ResponsiveTable"; import ResponsiveTable from "@saleor/components/ResponsiveTable";
import React from "react"; import React from "react";

14
src/apps/components/CustomAppDefaultToken/CustomAppDefaultToken.tsx
View file

@ -1,9 +1,11 @@
import Button from "@material-ui/core/Button"; import {
import Card from "@material-ui/core/Card"; Button,
import CardContent from "@material-ui/core/CardContent"; Card,
import IconButton from "@material-ui/core/IconButton"; CardContent,
import Paper from "@material-ui/core/Paper"; IconButton,
import Typography from "@material-ui/core/Typography"; Paper,
Typography
} from "@material-ui/core";
import CloseIcon from "@material-ui/icons/Close"; import CloseIcon from "@material-ui/icons/Close";
import Link from "@saleor/components/Link"; import Link from "@saleor/components/Link";
import useClipboard from "@saleor/hooks/useClipboard"; import useClipboard from "@saleor/hooks/useClipboard";

2
src/apps/components/CustomAppDetailsPage/CustomAppDetailsPage.tsx
View file

@ -1,4 +1,4 @@
import Button from "@material-ui/core/Button"; import { Button } from "@material-ui/core";
import AccountPermissions from "@saleor/components/AccountPermissions"; import AccountPermissions from "@saleor/components/AccountPermissions";
import AppHeader from "@saleor/components/AppHeader"; import AppHeader from "@saleor/components/AppHeader";
import CardSpacer from "@saleor/components/CardSpacer"; import CardSpacer from "@saleor/components/CardSpacer";

4
src/apps/components/CustomAppInformation/CustomAppInformation.tsx
View file

@ -1,6 +1,4 @@
import Card from "@material-ui/core/Card"; import { Card, CardContent, TextField } from "@material-ui/core";
import CardContent from "@material-ui/core/CardContent";
import TextField from "@material-ui/core/TextField";
import CardTitle from "@saleor/components/CardTitle"; import CardTitle from "@saleor/components/CardTitle";
import { AppErrorFragment } from "@saleor/fragments/types/AppErrorFragment"; import { AppErrorFragment } from "@saleor/fragments/types/AppErrorFragment";
import { FormChange } from "@saleor/hooks/useForm"; import { FormChange } from "@saleor/hooks/useForm";

16
src/apps/components/CustomAppTokens/CustomAppTokens.tsx
View file

@ -1,10 +1,12 @@
import Button from "@material-ui/core/Button"; import {
import Card from "@material-ui/core/Card"; Button,
import IconButton from "@material-ui/core/IconButton"; Card,
import TableBody from "@material-ui/core/TableBody"; IconButton,
import TableCell from "@material-ui/core/TableCell"; TableBody,
import TableHead from "@material-ui/core/TableHead"; TableCell,
import TableRow from "@material-ui/core/TableRow"; TableHead,
TableRow
} from "@material-ui/core";
import DeleteIcon from "@material-ui/icons/Delete"; import DeleteIcon from "@material-ui/icons/Delete";
import CardTitle from "@saleor/components/CardTitle"; import CardTitle from "@saleor/components/CardTitle";
import ResponsiveTable from "@saleor/components/ResponsiveTable"; import ResponsiveTable from "@saleor/components/ResponsiveTable";

16
src/apps/components/CustomApps/CustomApps.tsx
View file

@ -1,10 +1,12 @@
import Button from "@material-ui/core/Button"; import {
import CardHeader from "@material-ui/core/CardHeader"; Button,
import IconButton from "@material-ui/core/IconButton"; CardHeader,
import TableBody from "@material-ui/core/TableBody"; IconButton,
import TableCell from "@material-ui/core/TableCell"; TableBody,
import TableRow from "@material-ui/core/TableRow"; TableCell,
import Typography from "@material-ui/core/Typography"; TableRow,
Typography
} from "@material-ui/core";
import DeleteIcon from "@material-ui/icons/Delete"; import DeleteIcon from "@material-ui/icons/Delete";
import { commonMessages } from "@saleor/intl"; import { commonMessages } from "@saleor/intl";
import { renderCollection, stopPropagation } from "@saleor/misc"; import { renderCollection, stopPropagation } from "@saleor/misc";

2
src/apps/components/DeactivatedText/DeactivatedText.tsx
View file

@ -1,4 +1,4 @@
import Typography from "@material-ui/core/Typography"; import { Typography } from "@material-ui/core";
import React from "react"; import React from "react";
import { FormattedMessage } from "react-intl"; import { FormattedMessage } from "react-intl";

2
src/apps/components/HorizontalSpacer/HorizontalSpacer.tsx
View file

@ -1,4 +1,4 @@
import { makeStyles } from "@material-ui/core"; import { makeStyles } from "@saleor/theme";
import React from "react"; import React from "react";
export interface HorizontalSpacerProps { export interface HorizontalSpacerProps {

16
src/apps/components/InstalledApps/InstalledApps.tsx
View file

@ -1,10 +1,12 @@
import Button from "@material-ui/core/Button"; import {
import IconButton from "@material-ui/core/IconButton"; Button,
import TableBody from "@material-ui/core/TableBody"; IconButton,
import TableCell from "@material-ui/core/TableCell"; TableBody,
import TableFooter from "@material-ui/core/TableFooter"; TableCell,
import TableRow from "@material-ui/core/TableRow"; TableFooter,
import Typography from "@material-ui/core/Typography"; TableRow,
Typography
} from "@material-ui/core";
import DeleteIcon from "@material-ui/icons/Delete"; import DeleteIcon from "@material-ui/icons/Delete";
import CardTitle from "@saleor/components/CardTitle"; import CardTitle from "@saleor/components/CardTitle";
import TablePagination from "@saleor/components/TablePagination"; import TablePagination from "@saleor/components/TablePagination";

5
src/apps/components/Marketplace/Marketplace.tsx
View file

@ -1,7 +1,4 @@
import Button from "@material-ui/core/Button"; import { Button, Card, CardContent, Typography } from "@material-ui/core";
import Card from "@material-ui/core/Card";
import CardContent from "@material-ui/core/CardContent";
import Typography from "@material-ui/core/Typography";
import CardTitle from "@saleor/components/CardTitle"; import CardTitle from "@saleor/components/CardTitle";
import React from "react"; import React from "react";
import { FormattedMessage, useIntl } from "react-intl"; import { FormattedMessage, useIntl } from "react-intl";

18
src/apps/components/TokenCreateDialog/TokenCreateDialog.tsx
View file

@ -1,11 +1,13 @@
import Button from "@material-ui/core/Button"; import {
import Dialog from "@material-ui/core/Dialog"; Button,
import DialogActions from "@material-ui/core/DialogActions"; Dialog,
import DialogContent from "@material-ui/core/DialogContent"; DialogActions,
import DialogTitle from "@material-ui/core/DialogTitle"; DialogContent,
import Paper from "@material-ui/core/Paper"; DialogTitle,
import TextField from "@material-ui/core/TextField"; Paper,
import Typography from "@material-ui/core/Typography"; TextField,
Typography
} from "@material-ui/core";
import CardSpacer from "@saleor/components/CardSpacer"; import CardSpacer from "@saleor/components/CardSpacer";
import ConfirmButton, { import ConfirmButton, {
ConfirmButtonTransitionState ConfirmButtonTransitionState

2
src/apps/components/TokenDeleteDialog/TokenDeleteDialog.tsx
View file

@ -1,4 +1,4 @@
import DialogContentText from "@material-ui/core/DialogContentText"; import { DialogContentText } from "@material-ui/core";
import ActionDialog from "@saleor/components/ActionDialog"; import ActionDialog from "@saleor/components/ActionDialog";
import { ConfirmButtonTransitionState } from "@saleor/components/ConfirmButton"; import { ConfirmButtonTransitionState } from "@saleor/components/ConfirmButton";
import React from "react"; import React from "react";

2
src/attributes/components/AttributeBulkDeleteDialog/AttributeBulkDeleteDialog.tsx
View file

@ -1,4 +1,4 @@
import DialogContentText from "@material-ui/core/DialogContentText"; import { DialogContentText } from "@material-ui/core";
import ActionDialog from "@saleor/components/ActionDialog"; import ActionDialog from "@saleor/components/ActionDialog";
import { ConfirmButtonTransitionState } from "@saleor/components/ConfirmButton"; import { ConfirmButtonTransitionState } from "@saleor/components/ConfirmButton";
import React from "react"; import React from "react";

2
src/attributes/components/AttributeDeleteDialog/AttributeDeleteDialog.tsx
View file

@ -1,4 +1,4 @@
import DialogContentText from "@material-ui/core/DialogContentText"; import { DialogContentText } from "@material-ui/core";
import ActionDialog from "@saleor/components/ActionDialog"; import ActionDialog from "@saleor/components/ActionDialog";
import { ConfirmButtonTransitionState } from "@saleor/components/ConfirmButton"; import { ConfirmButtonTransitionState } from "@saleor/components/ConfirmButton";
import React from "react"; import React from "react";

4
src/attributes/components/AttributeDetails/AttributeDetails.tsx
View file

@ -1,6 +1,4 @@
import Card from "@material-ui/core/Card"; import { Card, CardContent, TextField } from "@material-ui/core";
import CardContent from "@material-ui/core/CardContent";
import TextField from "@material-ui/core/TextField";
import { NumericUnits } from "@saleor/attributes/components/AttributeDetails/NumericUnits"; import { NumericUnits } from "@saleor/attributes/components/AttributeDetails/NumericUnits";
import CardTitle from "@saleor/components/CardTitle"; import CardTitle from "@saleor/components/CardTitle";
import ControlledCheckbox from "@saleor/components/ControlledCheckbox"; import ControlledCheckbox from "@saleor/components/ControlledCheckbox";

5
src/attributes/components/AttributeList/AttributeList.tsx
View file

@ -1,7 +1,4 @@
import TableBody from "@material-ui/core/TableBody"; import { TableBody, TableCell, TableFooter, TableRow } from "@material-ui/core";
import TableCell from "@material-ui/core/TableCell";
import TableFooter from "@material-ui/core/TableFooter";
import TableRow from "@material-ui/core/TableRow";
import { AttributeListUrlSortField } from "@saleor/attributes/urls"; import { AttributeListUrlSortField } from "@saleor/attributes/urls";
import Checkbox from "@saleor/components/Checkbox"; import Checkbox from "@saleor/components/Checkbox";
import ResponsiveTable from "@saleor/components/ResponsiveTable"; import ResponsiveTable from "@saleor/components/ResponsiveTable";

3
src/attributes/components/AttributeListPage/AttributeListPage.tsx
View file

@ -1,5 +1,4 @@
import Button from "@material-ui/core/Button"; import { Button, Card } from "@material-ui/core";
import Card from "@material-ui/core/Card";
import { AttributeListUrlSortField } from "@saleor/attributes/urls"; import { AttributeListUrlSortField } from "@saleor/attributes/urls";
import AppHeader from "@saleor/components/AppHeader"; import AppHeader from "@saleor/components/AppHeader";
import FilterBar from "@saleor/components/FilterBar"; import FilterBar from "@saleor/components/FilterBar";

6
src/attributes/components/AttributeOrganization/AttributeOrganization.tsx
View file

@ -1,9 +1,7 @@
import { makeStyles } from "@material-ui/core"; import { Card, CardContent, Typography } from "@material-ui/core";
import Card from "@material-ui/core/Card";
import CardContent from "@material-ui/core/CardContent";
import Typography from "@material-ui/core/Typography";
import CardTitle from "@saleor/components/CardTitle"; import CardTitle from "@saleor/components/CardTitle";
import RadioGroupField from "@saleor/components/RadioGroupField"; import RadioGroupField from "@saleor/components/RadioGroupField";
import { makeStyles } from "@saleor/theme";
import { AttributeTypeEnum } from "@saleor/types/globalTypes"; import { AttributeTypeEnum } from "@saleor/types/globalTypes";
import React from "react"; import React from "react";
import { defineMessages, FormattedMessage, useIntl } from "react-intl"; import { defineMessages, FormattedMessage, useIntl } from "react-intl";

5
src/attributes/components/AttributeProperties/AttributeProperties.tsx
View file

@ -1,7 +1,4 @@
import Card from "@material-ui/core/Card"; import { Card, CardContent, TextField, Typography } from "@material-ui/core";
import CardContent from "@material-ui/core/CardContent";
import TextField from "@material-ui/core/TextField";
import Typography from "@material-ui/core/Typography";
import { ATTRIBUTE_TYPES_WITH_DEDICATED_VALUES } from "@saleor/attributes/utils/data"; import { ATTRIBUTE_TYPES_WITH_DEDICATED_VALUES } from "@saleor/attributes/utils/data";
import CardSpacer from "@saleor/components/CardSpacer"; import CardSpacer from "@saleor/components/CardSpacer";
import CardTitle from "@saleor/components/CardTitle"; import CardTitle from "@saleor/components/CardTitle";

2
src/attributes/components/AttributeValueDeleteDialog/AttributeValueDeleteDialog.tsx
View file

@ -1,4 +1,4 @@
import DialogContentText from "@material-ui/core/DialogContentText"; import { DialogContentText } from "@material-ui/core";
import ActionDialog from "@saleor/components/ActionDialog"; import ActionDialog from "@saleor/components/ActionDialog";
import { ConfirmButtonTransitionState } from "@saleor/components/ConfirmButton"; import { ConfirmButtonTransitionState } from "@saleor/components/ConfirmButton";
import React from "react"; import React from "react";

14
src/attributes/components/AttributeValueEditDialog/AttributeValueEditDialog.tsx
View file

@ -1,9 +1,11 @@
import Button from "@material-ui/core/Button"; import {
import Dialog from "@material-ui/core/Dialog"; Button,
import DialogActions from "@material-ui/core/DialogActions"; Dialog,
import DialogContent from "@material-ui/core/DialogContent"; DialogActions,
import DialogTitle from "@material-ui/core/DialogTitle"; DialogContent,
import TextField from "@material-ui/core/TextField"; DialogTitle,
TextField
} from "@material-ui/core";
import { getAttributeValueErrorMessage } from "@saleor/attributes/errors"; import { getAttributeValueErrorMessage } from "@saleor/attributes/errors";
import ConfirmButton, { import ConfirmButton, {
ConfirmButtonTransitionState ConfirmButtonTransitionState

14
src/attributes/components/AttributeValues/AttributeValues.tsx
View file

@ -1,9 +1,11 @@
import Button from "@material-ui/core/Button"; import {
import Card from "@material-ui/core/Card"; Button,
import IconButton from "@material-ui/core/IconButton"; Card,
import TableCell from "@material-ui/core/TableCell"; IconButton,
import TableHead from "@material-ui/core/TableHead"; TableCell,
import TableRow from "@material-ui/core/TableRow"; TableHead,
TableRow
} from "@material-ui/core";
import DeleteIcon from "@material-ui/icons/Delete"; import DeleteIcon from "@material-ui/icons/Delete";
import CardTitle from "@saleor/components/CardTitle"; import CardTitle from "@saleor/components/CardTitle";
import ResponsiveTable from "@saleor/components/ResponsiveTable"; import ResponsiveTable from "@saleor/components/ResponsiveTable";

2
src/attributes/views/AttributeList/AttributeList.tsx
View file

@ -1,4 +1,4 @@
import IconButton from "@material-ui/core/IconButton"; import { IconButton } from "@material-ui/core";
import DeleteIcon from "@material-ui/icons/Delete"; import DeleteIcon from "@material-ui/icons/Delete";
import { import {
areFiltersApplied, areFiltersApplied,

2
src/auth/components/LoginLoading/LoginLoading.tsx
View file

@ -1,4 +1,4 @@
import CircularProgress from "@material-ui/core/CircularProgress"; import { CircularProgress } from "@material-ui/core";
import { makeStyles } from "@saleor/theme"; import { makeStyles } from "@saleor/theme";
import React from "react"; import React from "react";

1
src/auth/components/LoginPage/LoginPage.stories.tsx
View file

@ -1,4 +1,3 @@
import { Omit } from "@material-ui/core";
import CardDecorator from "@saleor/storybook/CardDecorator"; import CardDecorator from "@saleor/storybook/CardDecorator";
import Decorator from "@saleor/storybook/Decorator"; import Decorator from "@saleor/storybook/Decorator";
import { storiesOf } from "@storybook/react"; import { storiesOf } from "@storybook/react";

12
src/auth/components/LoginPage/LoginPage.tsx
View file

@ -1,8 +1,10 @@
import Button from "@material-ui/core/Button"; import {
import CircularProgress from "@material-ui/core/CircularProgress"; Button,
import Divider from "@material-ui/core/Divider"; CircularProgress,
import TextField from "@material-ui/core/TextField"; Divider,
import Typography from "@material-ui/core/Typography"; TextField,
Typography
} from "@material-ui/core";
import { AvailableExternalAuthentications_shop_availableExternalAuthentications } from "@saleor/auth/types/AvailableExternalAuthentications"; import { AvailableExternalAuthentications_shop_availableExternalAuthentications } from "@saleor/auth/types/AvailableExternalAuthentications";
import { FormSpacer } from "@saleor/components/FormSpacer"; import { FormSpacer } from "@saleor/components/FormSpacer";
import { SubmitPromise } from "@saleor/hooks/useForm"; import { SubmitPromise } from "@saleor/hooks/useForm";

4
src/auth/components/NewPasswordPage/NewPasswordPage.tsx
View file

@ -1,6 +1,4 @@
import Button from "@material-ui/core/Button"; import { Button, TextField, Typography } from "@material-ui/core";
import TextField from "@material-ui/core/TextField";
import Typography from "@material-ui/core/Typography";
import { SetPassword_setPassword_errors } from "@saleor/auth/types/SetPassword"; import { SetPassword_setPassword_errors } from "@saleor/auth/types/SetPassword";
import Form from "@saleor/components/Form"; import Form from "@saleor/components/Form";
import FormSpacer from "@saleor/components/FormSpacer"; import FormSpacer from "@saleor/components/FormSpacer";

4
src/auth/components/ResetPasswordPage/ResetPasswordPage.tsx
View file

@ -1,6 +1,4 @@
import Button from "@material-ui/core/Button"; import { Button, TextField, Typography } from "@material-ui/core";
import TextField from "@material-ui/core/TextField";
import Typography from "@material-ui/core/Typography";
import Form from "@saleor/components/Form"; import Form from "@saleor/components/Form";
import FormSpacer from "@saleor/components/FormSpacer"; import FormSpacer from "@saleor/components/FormSpacer";
import { commonMessages } from "@saleor/intl"; import { commonMessages } from "@saleor/intl";

3
src/auth/components/ResetPasswordSuccessPage/ResetPasswordSuccessPage.tsx
View file

@ -1,5 +1,4 @@
import Button from "@material-ui/core/Button"; import { Button, Typography } from "@material-ui/core";
import Typography from "@material-ui/core/Typography";
import FormSpacer from "@saleor/components/FormSpacer"; import FormSpacer from "@saleor/components/FormSpacer";
import { makeStyles } from "@saleor/theme"; import { makeStyles } from "@saleor/theme";
import React from "react"; import React from "react";

5
src/categories/components/CategoryBackground/CategoryBackground.tsx
View file

@ -1,7 +1,4 @@
import Button from "@material-ui/core/Button"; import { Button, Card, CardContent, TextField } from "@material-ui/core";
import Card from "@material-ui/core/Card";
import CardContent from "@material-ui/core/CardContent";
import TextField from "@material-ui/core/TextField";
import CardTitle from "@saleor/components/CardTitle"; import CardTitle from "@saleor/components/CardTitle";
import Hr from "@saleor/components/Hr"; import Hr from "@saleor/components/Hr";
import ImageUpload from "@saleor/components/ImageUpload"; import ImageUpload from "@saleor/components/ImageUpload";

14
src/categories/components/CategoryDeleteDialog/CategoryDeleteDialog.tsx
View file

@ -1,9 +1,11 @@
import Button from "@material-ui/core/Button"; import {
import Dialog from "@material-ui/core/Dialog"; Button,
import DialogActions from "@material-ui/core/DialogActions"; Dialog,
import DialogContent from "@material-ui/core/DialogContent"; DialogActions,
import DialogContentText from "@material-ui/core/DialogContentText"; DialogContent,
import DialogTitle from "@material-ui/core/DialogTitle"; DialogContentText,
DialogTitle
} from "@material-ui/core";
import { buttonMessages } from "@saleor/intl"; import { buttonMessages } from "@saleor/intl";
import { makeStyles } from "@saleor/theme"; import { makeStyles } from "@saleor/theme";
import React from "react"; import React from "react";

4
src/categories/components/CategoryDetailsForm/CategoryDetailsForm.tsx
View file

@ -1,7 +1,5 @@
import { OutputData } from "@editorjs/editorjs"; import { OutputData } from "@editorjs/editorjs";
import Card from "@material-ui/core/Card"; import { Card, CardContent, TextField } from "@material-ui/core";
import CardContent from "@material-ui/core/CardContent";
import TextField from "@material-ui/core/TextField";
import CardTitle from "@saleor/components/CardTitle"; import CardTitle from "@saleor/components/CardTitle";
import FormSpacer from "@saleor/components/FormSpacer"; import FormSpacer from "@saleor/components/FormSpacer";
import RichTextEditor, { import RichTextEditor, {

5
src/categories/components/CategoryList/CategoryList.tsx
View file

@ -1,7 +1,4 @@
import TableBody from "@material-ui/core/TableBody"; import { TableBody, TableCell, TableFooter, TableRow } from "@material-ui/core";
import TableCell from "@material-ui/core/TableCell";
import TableFooter from "@material-ui/core/TableFooter";
import TableRow from "@material-ui/core/TableRow";
import { CategoryListUrlSortField } from "@saleor/categories/urls"; import { CategoryListUrlSortField } from "@saleor/categories/urls";
import Checkbox from "@saleor/components/Checkbox"; import Checkbox from "@saleor/components/Checkbox";
import ResponsiveTable from "@saleor/components/ResponsiveTable"; import ResponsiveTable from "@saleor/components/ResponsiveTable";

3
src/categories/components/CategoryListPage/CategoryListPage.tsx
View file

@ -1,5 +1,4 @@
import Button from "@material-ui/core/Button"; import { Button, Card } from "@material-ui/core";
import Card from "@material-ui/core/Card";
import { CategoryListUrlSortField } from "@saleor/categories/urls"; import { CategoryListUrlSortField } from "@saleor/categories/urls";
import Container from "@saleor/components/Container"; import Container from "@saleor/components/Container";
import PageHeader from "@saleor/components/PageHeader"; import PageHeader from "@saleor/components/PageHeader";

5
src/categories/components/CategoryProductList/CategoryProductList.tsx
View file

@ -1,7 +1,4 @@
import TableBody from "@material-ui/core/TableBody"; import { TableBody, TableCell, TableFooter, TableRow } from "@material-ui/core";
import TableCell from "@material-ui/core/TableCell";
import TableFooter from "@material-ui/core/TableFooter";
import TableRow from "@material-ui/core/TableRow";
import { ChannelsAvailabilityDropdown } from "@saleor/components/ChannelsAvailabilityDropdown"; import { ChannelsAvailabilityDropdown } from "@saleor/components/ChannelsAvailabilityDropdown";
import Checkbox from "@saleor/components/Checkbox"; import Checkbox from "@saleor/components/Checkbox";
import MoneyRange from "@saleor/components/MoneyRange"; import MoneyRange from "@saleor/components/MoneyRange";

3
src/categories/components/CategoryProducts/CategoryProducts.tsx
View file

@ -1,5 +1,4 @@
import Button from "@material-ui/core/Button"; import { Button, Card } from "@material-ui/core";
import Card from "@material-ui/core/Card";
import CardTitle from "@saleor/components/CardTitle"; import CardTitle from "@saleor/components/CardTitle";
import { SingleAutocompleteChoiceType } from "@saleor/components/SingleAutocompleteSelectField"; import { SingleAutocompleteChoiceType } from "@saleor/components/SingleAutocompleteSelectField";
import React from "react"; import React from "react";

3
src/categories/components/CategoryUpdatePage/CategoryUpdatePage.tsx
View file

@ -1,5 +1,4 @@
import Button from "@material-ui/core/Button"; import { Button, Card } from "@material-ui/core";
import Card from "@material-ui/core/Card";
import AppHeader from "@saleor/components/AppHeader"; import AppHeader from "@saleor/components/AppHeader";
import { CardSpacer } from "@saleor/components/CardSpacer"; import { CardSpacer } from "@saleor/components/CardSpacer";
import CardTitle from "@saleor/components/CardTitle"; import CardTitle from "@saleor/components/CardTitle";

3
src/categories/views/CategoryDetails.tsx
View file

@ -1,5 +1,4 @@
import DialogContentText from "@material-ui/core/DialogContentText"; import { DialogContentText, IconButton } from "@material-ui/core";
import IconButton from "@material-ui/core/IconButton";
import DeleteIcon from "@material-ui/icons/Delete"; import DeleteIcon from "@material-ui/icons/Delete";
import ActionDialog from "@saleor/components/ActionDialog"; import ActionDialog from "@saleor/components/ActionDialog";
import useAppChannel from "@saleor/components/AppLayout/AppChannelContext"; import useAppChannel from "@saleor/components/AppLayout/AppChannelContext";

3
src/categories/views/CategoryList/CategoryList.tsx
View file

@ -1,5 +1,4 @@
import DialogContentText from "@material-ui/core/DialogContentText"; import { DialogContentText, IconButton } from "@material-ui/core";
import IconButton from "@material-ui/core/IconButton";
import DeleteIcon from "@material-ui/icons/Delete"; import DeleteIcon from "@material-ui/icons/Delete";
import ActionDialog from "@saleor/components/ActionDialog"; import ActionDialog from "@saleor/components/ActionDialog";
import DeleteFilterTabDialog from "@saleor/components/DeleteFilterTabDialog"; import DeleteFilterTabDialog from "@saleor/components/DeleteFilterTabDialog";

2
src/channels/ChannelsWithVariantsAvailabilityCard/ChannelWithVariantAvailabilityItemWrapper.tsx
View file

@ -1,7 +1,6 @@
import { import {
ExpansionPanel, ExpansionPanel,
ExpansionPanelSummary, ExpansionPanelSummary,
makeStyles,
Typography Typography
} from "@material-ui/core"; } from "@material-ui/core";
import { ChannelData } from "@saleor/channels/utils"; import { ChannelData } from "@saleor/channels/utils";
@ -12,6 +11,7 @@ import { getById } from "@saleor/orders/components/OrderReturnPage/utils";
import { ProductDetails_product_variants } from "@saleor/products/types/ProductDetails"; import { ProductDetails_product_variants } from "@saleor/products/types/ProductDetails";
import { ChannelsWithVariantsData } from "@saleor/products/views/ProductUpdate/types"; import { ChannelsWithVariantsData } from "@saleor/products/views/ProductUpdate/types";
import { areAllChannelVariantsSelected } from "@saleor/products/views/ProductUpdate/utils"; import { areAllChannelVariantsSelected } from "@saleor/products/views/ProductUpdate/utils";
import { makeStyles } from "@saleor/theme";
import React from "react"; import React from "react";
import { useIntl } from "react-intl"; import { useIntl } from "react-intl";
import { defineMessages } from "react-intl"; import { defineMessages } from "react-intl";

2
src/channels/components/ChannelDeleteDialog/ChannelDeleteDialog.tsx
View file

@ -1,4 +1,4 @@
import Typography from "@material-ui/core/Typography"; import { Typography } from "@material-ui/core";
import ActionDialog from "@saleor/components/ActionDialog"; import ActionDialog from "@saleor/components/ActionDialog";
import { ConfirmButtonTransitionState } from "@saleor/components/ConfirmButton"; import { ConfirmButtonTransitionState } from "@saleor/components/ConfirmButton";
import { import {

12
src/channels/components/ChannelForm/ChannelForm.tsx
View file

@ -1,8 +1,10 @@
import Card from "@material-ui/core/Card"; import {
import CardContent from "@material-ui/core/CardContent"; Card,
import InputAdornment from "@material-ui/core/InputAdornment"; CardContent,
import TextField from "@material-ui/core/TextField"; InputAdornment,
import Typography from "@material-ui/core/Typography"; TextField,
Typography
} from "@material-ui/core";
import CardSpacer from "@saleor/components/CardSpacer"; import CardSpacer from "@saleor/components/CardSpacer";
import CardTitle from "@saleor/components/CardTitle"; import CardTitle from "@saleor/components/CardTitle";
import FormSpacer from "@saleor/components/FormSpacer"; import FormSpacer from "@saleor/components/FormSpacer";

5
src/channels/components/ChannelStatus/ChannelStatus.tsx
View file

@ -1,7 +1,4 @@
import Button from "@material-ui/core/Button"; import { Button, Card, CardContent, Typography } from "@material-ui/core";
import Card from "@material-ui/core/Card";
import CardContent from "@material-ui/core/CardContent";
import Typography from "@material-ui/core/Typography";
import CardTitle from "@saleor/components/CardTitle"; import CardTitle from "@saleor/components/CardTitle";
import React from "react"; import React from "react";
import { FormattedMessage, useIntl } from "react-intl"; import { FormattedMessage, useIntl } from "react-intl";

4
src/channels/components/ChannelsWithVariantsAvailabilityDialog/ChannelsWithVariantsAvailabilityDialogContent.tsx
View file

@ -3,7 +3,6 @@ import {
Divider, Divider,
ExpansionPanel, ExpansionPanel,
ExpansionPanelSummary, ExpansionPanelSummary,
makeStyles,
Typography Typography
} from "@material-ui/core"; } from "@material-ui/core";
import { ChannelData } from "@saleor/channels/utils"; import { ChannelData } from "@saleor/channels/utils";
@ -15,7 +14,8 @@ import { getById } from "@saleor/orders/components/OrderReturnPage/utils";
import { ProductDetails_product_variants } from "@saleor/products/types/ProductDetails"; import { ProductDetails_product_variants } from "@saleor/products/types/ProductDetails";
import { ChannelsWithVariantsData } from "@saleor/products/views/ProductUpdate/types"; import { ChannelsWithVariantsData } from "@saleor/products/views/ProductUpdate/types";
import { areAllChannelVariantsSelected } from "@saleor/products/views/ProductUpdate/utils"; import { areAllChannelVariantsSelected } from "@saleor/products/views/ProductUpdate/utils";
import map from "lodash-es/map"; import { makeStyles } from "@saleor/theme";
import map from "lodash/map";
import React, { ChangeEvent } from "react"; import React, { ChangeEvent } from "react";
import { defineMessages, useIntl } from "react-intl"; import { defineMessages, useIntl } from "react-intl";

4
src/channels/components/ShippingZonesCard/ShippingZonesCard.tsx
View file

@ -2,11 +2,11 @@ import {
Card, Card,
CardContent, CardContent,
Divider, Divider,
makeStyles, ExpansionPanel,
Typography Typography
} from "@material-ui/core"; } from "@material-ui/core";
import ExpansionPanel from "@material-ui/core/ExpansionPanel";
import CardTitle from "@saleor/components/CardTitle"; import CardTitle from "@saleor/components/CardTitle";
import { makeStyles } from "@saleor/theme";
import React from "react"; import React from "react";
import { defineMessages, useIntl } from "react-intl"; import { defineMessages, useIntl } from "react-intl";

2
src/channels/components/ShippingZonesCard/ShippingZonesListHeader.tsx
View file

@ -1,8 +1,8 @@
import { ExpansionPanelSummary, Typography } from "@material-ui/core"; import { ExpansionPanelSummary, Typography } from "@material-ui/core";
import { makeStyles } from "@material-ui/core/styles";
import HorizontalSpacer from "@saleor/apps/components/HorizontalSpacer"; import HorizontalSpacer from "@saleor/apps/components/HorizontalSpacer";
import { ChannelShippingZones } from "@saleor/channels/pages/ChannelDetailsPage/types"; import { ChannelShippingZones } from "@saleor/channels/pages/ChannelDetailsPage/types";
import IconChevronDown from "@saleor/icons/ChevronDown"; import IconChevronDown from "@saleor/icons/ChevronDown";
import { makeStyles } from "@saleor/theme";
import React from "react"; import React from "react";
import { defineMessages, useIntl } from "react-intl"; import { defineMessages, useIntl } from "react-intl";

2
src/channels/pages/ChannelDetailsPage/utils.ts
View file

@ -1,4 +1,4 @@
import uniq from "lodash-es/uniq"; import uniq from "lodash/uniq";
export const getUpdatedIdsWithNewId = (ids: string[], newId: string) => export const getUpdatedIdsWithNewId = (ids: string[], newId: string) =>
uniq([...ids, newId]); uniq([...ids, newId]);

16
src/channels/pages/ChannelsListPage/ChannelsListPage.tsx
View file

@ -1,10 +1,12 @@
import Button from "@material-ui/core/Button"; import {
import Card from "@material-ui/core/Card"; Button,
import IconButton from "@material-ui/core/IconButton"; Card,
import TableBody from "@material-ui/core/TableBody"; IconButton,
import TableCell from "@material-ui/core/TableCell"; TableBody,
import TableHead from "@material-ui/core/TableHead"; TableCell,
import TableRow from "@material-ui/core/TableRow"; TableHead,
TableRow
} from "@material-ui/core";
import DeleteIcon from "@material-ui/icons/Delete"; import DeleteIcon from "@material-ui/icons/Delete";
import Alert from "@saleor/components/Alert/Alert"; import Alert from "@saleor/components/Alert/Alert";
import AppHeader from "@saleor/components/AppHeader"; import AppHeader from "@saleor/components/AppHeader";

2
src/channels/utils.ts
View file

@ -13,7 +13,7 @@ import {
ShippingZone_shippingZone_shippingMethods_channelListings ShippingZone_shippingZone_shippingMethods_channelListings
} from "@saleor/shipping/types/ShippingZone"; } from "@saleor/shipping/types/ShippingZone";
import { mapNodeToChoice } from "@saleor/utils/maps"; import { mapNodeToChoice } from "@saleor/utils/maps";
import uniqBy from "lodash-es/uniqBy"; import uniqBy from "lodash/uniqBy";
export interface Channel { export interface Channel {
id: string; id: string;

4
src/collections/components/CollectionDetails/CollectionDetails.tsx
View file

@ -1,7 +1,5 @@
import { OutputData } from "@editorjs/editorjs"; import { OutputData } from "@editorjs/editorjs";
import Card from "@material-ui/core/Card"; import { Card, CardContent, TextField } from "@material-ui/core";
import CardContent from "@material-ui/core/CardContent";
import TextField from "@material-ui/core/TextField";
import CardTitle from "@saleor/components/CardTitle"; import CardTitle from "@saleor/components/CardTitle";
import FormSpacer from "@saleor/components/FormSpacer"; import FormSpacer from "@saleor/components/FormSpacer";
import RichTextEditor, { import RichTextEditor, {

5
src/collections/components/CollectionImage/CollectionImage.tsx
View file

@ -1,7 +1,4 @@
import Button from "@material-ui/core/Button"; import { Button, Card, CardContent, TextField } from "@material-ui/core";
import Card from "@material-ui/core/Card";
import CardContent from "@material-ui/core/CardContent";
import TextField from "@material-ui/core/TextField";
import CardTitle from "@saleor/components/CardTitle"; import CardTitle from "@saleor/components/CardTitle";
import Hr from "@saleor/components/Hr"; import Hr from "@saleor/components/Hr";
import ImageUpload from "@saleor/components/ImageUpload"; import ImageUpload from "@saleor/components/ImageUpload";

5
src/collections/components/CollectionList/CollectionList.tsx
View file

@ -1,7 +1,4 @@
import TableBody from "@material-ui/core/TableBody"; import { TableBody, TableCell, TableFooter, TableRow } from "@material-ui/core";
import TableCell from "@material-ui/core/TableCell";
import TableFooter from "@material-ui/core/TableFooter";
import TableRow from "@material-ui/core/TableRow";
import { CollectionListUrlSortField } from "@saleor/collections/urls"; import { CollectionListUrlSortField } from "@saleor/collections/urls";
import { ChannelsAvailabilityDropdown } from "@saleor/components/ChannelsAvailabilityDropdown"; import { ChannelsAvailabilityDropdown } from "@saleor/components/ChannelsAvailabilityDropdown";
import Checkbox from "@saleor/components/Checkbox"; import Checkbox from "@saleor/components/Checkbox";

3
src/collections/components/CollectionListPage/CollectionListPage.tsx
View file

@ -1,5 +1,4 @@
import Button from "@material-ui/core/Button"; import { Button, Card } from "@material-ui/core";
import Card from "@material-ui/core/Card";
import { CollectionListUrlSortField } from "@saleor/collections/urls"; import { CollectionListUrlSortField } from "@saleor/collections/urls";
import { Container } from "@saleor/components/Container"; import { Container } from "@saleor/components/Container";
import PageHeader from "@saleor/components/PageHeader"; import PageHeader from "@saleor/components/PageHeader";

16
src/collections/components/CollectionProducts/CollectionProducts.tsx
View file

@ -1,10 +1,12 @@
import Button from "@material-ui/core/Button"; import {
import Card from "@material-ui/core/Card"; Button,
import IconButton from "@material-ui/core/IconButton"; Card,
import TableBody from "@material-ui/core/TableBody"; IconButton,
import TableCell from "@material-ui/core/TableCell"; TableBody,
import TableFooter from "@material-ui/core/TableFooter"; TableCell,
import TableRow from "@material-ui/core/TableRow"; TableFooter,
TableRow
} from "@material-ui/core";
import DeleteIcon from "@material-ui/icons/Delete"; import DeleteIcon from "@material-ui/icons/Delete";
import CardTitle from "@saleor/components/CardTitle"; import CardTitle from "@saleor/components/CardTitle";
import { ChannelsAvailabilityDropdown } from "@saleor/components/ChannelsAvailabilityDropdown"; import { ChannelsAvailabilityDropdown } from "@saleor/components/ChannelsAvailabilityDropdown";

3
src/collections/views/CollectionDetails.tsx
View file

@ -1,5 +1,4 @@
import Button from "@material-ui/core/Button"; import { Button, DialogContentText } from "@material-ui/core";
import DialogContentText from "@material-ui/core/DialogContentText";
import { useChannelsList } from "@saleor/channels/queries"; import { useChannelsList } from "@saleor/channels/queries";
import { import {
createCollectionChannels, createCollectionChannels,

3
src/collections/views/CollectionList/CollectionList.tsx
View file

@ -1,5 +1,4 @@
import DialogContentText from "@material-ui/core/DialogContentText"; import { DialogContentText, IconButton } from "@material-ui/core";
import IconButton from "@material-ui/core/IconButton";
import DeleteIcon from "@material-ui/icons/Delete"; import DeleteIcon from "@material-ui/icons/Delete";
import ActionDialog from "@saleor/components/ActionDialog"; import ActionDialog from "@saleor/components/ActionDialog";
import useAppChannel from "@saleor/components/AppLayout/AppChannelContext"; import useAppChannel from "@saleor/components/AppLayout/AppChannelContext";

3
src/components/Accordion/Accordion.tsx
View file

@ -1,5 +1,4 @@
import IconButton from "@material-ui/core/IconButton"; import { IconButton, Typography } from "@material-ui/core";
import Typography from "@material-ui/core/Typography";
import AddIcon from "@material-ui/icons/Add"; import AddIcon from "@material-ui/icons/Add";
import RemoveIcon from "@material-ui/icons/Remove"; import RemoveIcon from "@material-ui/icons/Remove";
import { makeStyles } from "@saleor/theme"; import { makeStyles } from "@saleor/theme";

2
src/components/AccountPermissionGroups/AccountPermissionGroups.tsx
View file

@ -1,4 +1,4 @@
import Typography from "@material-ui/core/Typography"; import { Typography } from "@material-ui/core";
import { StaffErrorFragment } from "@saleor/fragments/types/StaffErrorFragment"; import { StaffErrorFragment } from "@saleor/fragments/types/StaffErrorFragment";
import { FormChange } from "@saleor/hooks/useForm"; import { FormChange } from "@saleor/hooks/useForm";
import { SearchPermissionGroups_search_edges_node } from "@saleor/searches/types/SearchPermissionGroups"; import { SearchPermissionGroups_search_edges_node } from "@saleor/searches/types/SearchPermissionGroups";

8
src/components/AccountPermissions/AccountPermissions.tsx
View file

@ -1,13 +1,13 @@
import { import {
Card,
CardContent,
Checkbox, Checkbox,
List, List,
ListItem, ListItem,
ListItemIcon, ListItemIcon,
ListItemText ListItemText,
Typography
} from "@material-ui/core"; } from "@material-ui/core";
import Card from "@material-ui/core/Card";
import CardContent from "@material-ui/core/CardContent";
import Typography from "@material-ui/core/Typography";
import CardTitle from "@saleor/components/CardTitle"; import CardTitle from "@saleor/components/CardTitle";
import Skeleton from "@saleor/components/Skeleton"; import Skeleton from "@saleor/components/Skeleton";
import useUser from "@saleor/hooks/useUser"; import useUser from "@saleor/hooks/useUser";

4
src/components/ActionDialog/ActionDialog.tsx
View file

@ -1,6 +1,4 @@
import Dialog from "@material-ui/core/Dialog"; import { Dialog, DialogContent, DialogTitle } from "@material-ui/core";
import DialogContent from "@material-ui/core/DialogContent";
import DialogTitle from "@material-ui/core/DialogTitle";
import { DialogProps } from "@saleor/types"; import { DialogProps } from "@saleor/types";
import React from "react"; import React from "react";

3
src/components/ActionDialog/DialogButtons.tsx
View file

@ -1,5 +1,4 @@
import Button from "@material-ui/core/Button"; import { Button, DialogActions } from "@material-ui/core";
import DialogActions from "@material-ui/core/DialogActions";
import { buttonMessages } from "@saleor/intl"; import { buttonMessages } from "@saleor/intl";
import { makeStyles } from "@saleor/theme"; import { makeStyles } from "@saleor/theme";
import classNames from "classnames"; import classNames from "classnames";

2
src/components/AddressEdit/AddressEdit.tsx
View file

@ -1,4 +1,4 @@
import TextField from "@material-ui/core/TextField"; import { TextField } from "@material-ui/core";
import { AddressTypeInput } from "@saleor/customers/types"; import { AddressTypeInput } from "@saleor/customers/types";
import { AccountErrorFragment } from "@saleor/fragments/types/AccountErrorFragment"; import { AccountErrorFragment } from "@saleor/fragments/types/AccountErrorFragment";
import { OrderErrorFragment } from "@saleor/fragments/types/OrderErrorFragment"; import { OrderErrorFragment } from "@saleor/fragments/types/OrderErrorFragment";

2
src/components/AddressFormatter/AddressFormatter.tsx
View file

@ -1,4 +1,4 @@
import Typography from "@material-ui/core/Typography"; import { Typography } from "@material-ui/core";
import React from "react"; import React from "react";
import { AddressType } from "../../customers/types"; import { AddressType } from "../../customers/types";

5
src/components/Alert/Alert.tsx
View file

@ -1,9 +1,6 @@
import alertIconDark from "@assets/images/alert-dark.svg"; import alertIconDark from "@assets/images/alert-dark.svg";
import alertIcon from "@assets/images/alert.svg"; import alertIcon from "@assets/images/alert.svg";
import Card from "@material-ui/core/Card"; import { Card, CardContent, IconButton, Typography } from "@material-ui/core";
import CardContent from "@material-ui/core/CardContent";
import IconButton from "@material-ui/core/IconButton";
import Typography from "@material-ui/core/Typography";
import CloseIcon from "@material-ui/icons/Close"; import CloseIcon from "@material-ui/icons/Close";
import useStateFromProps from "@saleor/hooks/useStateFromProps"; import useStateFromProps from "@saleor/hooks/useStateFromProps";
import useTheme from "@saleor/hooks/useTheme"; import useTheme from "@saleor/hooks/useTheme";

2
src/components/Alert/InlineAlert.tsx
View file

@ -1,4 +1,4 @@
import Card from "@material-ui/core/Card"; import { Card } from "@material-ui/core";
import { makeStyles } from "@saleor/theme"; import { makeStyles } from "@saleor/theme";
import React from "react"; import React from "react";

3
src/components/AppHeader/AppHeader.tsx
View file

@ -1,5 +1,4 @@
import Portal from "@material-ui/core/Portal"; import { Portal, Typography } from "@material-ui/core";
import Typography from "@material-ui/core/Typography";
import ArrowBackIcon from "@material-ui/icons/ArrowBack"; import ArrowBackIcon from "@material-ui/icons/ArrowBack";
import { makeStyles } from "@saleor/theme"; import { makeStyles } from "@saleor/theme";
import React from "react"; import React from "react";

3
src/components/AppLayout/AppLayout.tsx
View file

@ -1,5 +1,4 @@
import LinearProgress from "@material-ui/core/LinearProgress"; import { LinearProgress, useMediaQuery } from "@material-ui/core";
import useMediaQuery from "@material-ui/core/useMediaQuery";
import { createConfigurationMenu } from "@saleor/configuration"; import { createConfigurationMenu } from "@saleor/configuration";
import useAppState from "@saleor/hooks/useAppState"; import useAppState from "@saleor/hooks/useAppState";
import useNavigator from "@saleor/hooks/useNavigator"; import useNavigator from "@saleor/hooks/useNavigator";

2
src/components/AppLayout/MenuList.tsx
View file

@ -1,5 +1,5 @@
import configureIcon from "@assets/images/menu-configure-icon.svg"; import configureIcon from "@assets/images/menu-configure-icon.svg";
import Typography from "@material-ui/core/Typography"; import { Typography } from "@material-ui/core";
import { User } from "@saleor/fragments/types/User"; import { User } from "@saleor/fragments/types/User";
import useTheme from "@saleor/hooks/useTheme"; import useTheme from "@saleor/hooks/useTheme";
import { sectionNames } from "@saleor/intl"; import { sectionNames } from "@saleor/intl";

3
src/components/AppLayout/MenuNested.tsx
View file

@ -1,6 +1,5 @@
import menuArrowIcon from "@assets/images/menu-arrow-icon.svg"; import menuArrowIcon from "@assets/images/menu-arrow-icon.svg";
import Hidden from "@material-ui/core/Hidden"; import { Hidden, Typography } from "@material-ui/core";
import Typography from "@material-ui/core/Typography";
import useTheme from "@saleor/hooks/useTheme"; import useTheme from "@saleor/hooks/useTheme";
import { createHref } from "@saleor/misc"; import { createHref } from "@saleor/misc";
import { makeStyles } from "@saleor/theme"; import { makeStyles } from "@saleor/theme";

4
src/components/AppStatus/AppStatus.tsx
View file

@ -1,6 +1,4 @@
import Card from "@material-ui/core/Card"; import { Card, CardContent, Typography } from "@material-ui/core";
import CardContent from "@material-ui/core/CardContent";
import Typography from "@material-ui/core/Typography";
import CardTitle from "@saleor/components/CardTitle"; import CardTitle from "@saleor/components/CardTitle";
import { ControlledCheckbox } from "@saleor/components/ControlledCheckbox"; import { ControlledCheckbox } from "@saleor/components/ControlledCheckbox";
import React from "react"; import React from "react";

26
src/components/AssignAttributeDialog/AssignAttributeDialog.tsx
View file

@ -1,15 +1,17 @@
import Button from "@material-ui/core/Button"; import {
import CircularProgress from "@material-ui/core/CircularProgress"; Button,
import Dialog from "@material-ui/core/Dialog"; CircularProgress,
import DialogActions from "@material-ui/core/DialogActions"; Dialog,
import DialogContent from "@material-ui/core/DialogContent"; DialogActions,
import DialogContentText from "@material-ui/core/DialogContentText"; DialogContent,
import DialogTitle from "@material-ui/core/DialogTitle"; DialogContentText,
import TableBody from "@material-ui/core/TableBody"; DialogTitle,
import TableCell from "@material-ui/core/TableCell"; TableBody,
import TableRow from "@material-ui/core/TableRow"; TableCell,
import TextField from "@material-ui/core/TextField"; TableRow,
import Typography from "@material-ui/core/Typography"; TextField,
Typography
} from "@material-ui/core";
import Checkbox from "@saleor/components/Checkbox"; import Checkbox from "@saleor/components/Checkbox";
import ConfirmButton, { import ConfirmButton, {
ConfirmButtonTransitionState ConfirmButtonTransitionState

22
src/components/AssignContainerDialog/AssignContainerDialog.tsx
View file

@ -1,13 +1,15 @@
import Button from "@material-ui/core/Button"; import {
import CircularProgress from "@material-ui/core/CircularProgress"; Button,
import Dialog from "@material-ui/core/Dialog"; CircularProgress,
import DialogActions from "@material-ui/core/DialogActions"; Dialog,
import DialogContent from "@material-ui/core/DialogContent"; DialogActions,
import DialogTitle from "@material-ui/core/DialogTitle"; DialogContent,
import TableBody from "@material-ui/core/TableBody"; DialogTitle,
import TableCell from "@material-ui/core/TableCell"; TableBody,
import TableRow from "@material-ui/core/TableRow"; TableCell,
import TextField from "@material-ui/core/TextField"; TableRow,
TextField
} from "@material-ui/core";
import ResponsiveTable from "@saleor/components/ResponsiveTable"; import ResponsiveTable from "@saleor/components/ResponsiveTable";
import useSearchQuery from "@saleor/hooks/useSearchQuery"; import useSearchQuery from "@saleor/hooks/useSearchQuery";
import { buttonMessages } from "@saleor/intl"; import { buttonMessages } from "@saleor/intl";

22
src/components/AssignProductDialog/AssignProductDialog.tsx
View file

@ -1,13 +1,15 @@
import Button from "@material-ui/core/Button"; import {
import CircularProgress from "@material-ui/core/CircularProgress"; Button,
import Dialog from "@material-ui/core/Dialog"; CircularProgress,
import DialogActions from "@material-ui/core/DialogActions"; Dialog,
import DialogContent from "@material-ui/core/DialogContent"; DialogActions,
import DialogTitle from "@material-ui/core/DialogTitle"; DialogContent,
import TableBody from "@material-ui/core/TableBody"; DialogTitle,
import TableCell from "@material-ui/core/TableCell"; TableBody,
import TableRow from "@material-ui/core/TableRow"; TableCell,
import TextField from "@material-ui/core/TextField"; TableRow,
TextField
} from "@material-ui/core";
import ConfirmButton, { import ConfirmButton, {
ConfirmButtonTransitionState ConfirmButtonTransitionState
} from "@saleor/components/ConfirmButton"; } from "@saleor/components/ConfirmButton";

2
src/components/AttributeUnassignDialog/AttributeUnassignDialog.tsx
View file

@ -1,4 +1,4 @@
import DialogContentText from "@material-ui/core/DialogContentText"; import { DialogContentText } from "@material-ui/core";
import ActionDialog from "@saleor/components/ActionDialog"; import ActionDialog from "@saleor/components/ActionDialog";
import { ConfirmButtonTransitionState } from "@saleor/components/ConfirmButton"; import { ConfirmButtonTransitionState } from "@saleor/components/ConfirmButton";
import React from "react"; import React from "react";

5
src/components/Attributes/Attributes.tsx
View file

@ -1,7 +1,4 @@
import Card from "@material-ui/core/Card"; import { Card, CardContent, IconButton, Typography } from "@material-ui/core";
import CardContent from "@material-ui/core/CardContent";
import IconButton from "@material-ui/core/IconButton";
import Typography from "@material-ui/core/Typography";
import ArrowDropDownIcon from "@material-ui/icons/ArrowDropDown"; import ArrowDropDownIcon from "@material-ui/icons/ArrowDropDown";
import { AttributeReference } from "@saleor/attributes/utils/data"; import { AttributeReference } from "@saleor/attributes/utils/data";
import CardTitle from "@saleor/components/CardTitle"; import CardTitle from "@saleor/components/CardTitle";

2
src/components/Attributes/BasicAttributeRow.tsx
View file

@ -1,4 +1,4 @@
import Typography from "@material-ui/core/Typography"; import { Typography } from "@material-ui/core";
import Grid from "@saleor/components/Grid"; import Grid from "@saleor/components/Grid";
import { makeStyles } from "@saleor/theme"; import { makeStyles } from "@saleor/theme";
import React from "react"; import React from "react";

3
src/components/Attributes/ExtendedAttributeRow.tsx
View file

@ -1,5 +1,4 @@
import Button from "@material-ui/core/Button"; import { Button, Typography } from "@material-ui/core";
import Typography from "@material-ui/core/Typography";
import Grid from "@saleor/components/Grid"; import Grid from "@saleor/components/Grid";
import { makeStyles } from "@saleor/theme"; import { makeStyles } from "@saleor/theme";
import React from "react"; import React from "react";

10
src/components/AutocompleteSelectMenu/AutocompleteSelectMenu.tsx
View file

@ -1,7 +1,9 @@
import CircularProgress from "@material-ui/core/CircularProgress"; import {
import MenuItem from "@material-ui/core/MenuItem"; CircularProgress,
import Paper from "@material-ui/core/Paper"; MenuItem,
import TextField from "@material-ui/core/TextField"; Paper,
TextField
} from "@material-ui/core";
import ArrowBack from "@material-ui/icons/ArrowBack"; import ArrowBack from "@material-ui/icons/ArrowBack";
import { buttonMessages } from "@saleor/intl"; import { buttonMessages } from "@saleor/intl";
import { makeStyles } from "@saleor/theme"; import { makeStyles } from "@saleor/theme";

2
src/components/BulkAttributeUnassignDialog/BulkAttributeUnassignDialog.tsx
View file

@ -1,4 +1,4 @@
import DialogContentText from "@material-ui/core/DialogContentText"; import { DialogContentText } from "@material-ui/core";
import ActionDialog from "@saleor/components/ActionDialog"; import ActionDialog from "@saleor/components/ActionDialog";
import { ConfirmButtonTransitionState } from "@saleor/components/ConfirmButton"; import { ConfirmButtonTransitionState } from "@saleor/components/ConfirmButton";
import React from "react"; import React from "react";

16
src/components/CardMenu/CardMenu.tsx
View file

@ -1,10 +1,12 @@
import ClickAwayListener from "@material-ui/core/ClickAwayListener"; import {
import Grow from "@material-ui/core/Grow"; ClickAwayListener,
import IconButton from "@material-ui/core/IconButton"; Grow,
import MenuItem from "@material-ui/core/MenuItem"; IconButton,
import MenuList from "@material-ui/core/MenuList"; MenuItem,
import Paper from "@material-ui/core/Paper"; MenuList,
import Popper from "@material-ui/core/Popper"; Paper,
Popper
} from "@material-ui/core";
import MoreVertIcon from "@material-ui/icons/MoreVert"; import MoreVertIcon from "@material-ui/icons/MoreVert";
import { makeStyles } from "@saleor/theme"; import { makeStyles } from "@saleor/theme";
import React from "react"; import React from "react";

2
src/components/CardTitle/CardTitle.tsx
View file

@ -1,4 +1,4 @@
import Typography from "@material-ui/core/Typography"; import { Typography } from "@material-ui/core";
import { makeStyles } from "@saleor/theme"; import { makeStyles } from "@saleor/theme";
import classNames from "classnames"; import classNames from "classnames";
import React from "react"; import React from "react";

3
src/components/ChannelsAvailabilityCard/Channel/ChannelAvailabilityItemContent.tsx
View file

@ -1,5 +1,4 @@
import TextField from "@material-ui/core/TextField"; import { TextField, Typography } from "@material-ui/core";
import Typography from "@material-ui/core/Typography";
import { ChannelData } from "@saleor/channels/utils"; import { ChannelData } from "@saleor/channels/utils";
import ControlledCheckbox from "@saleor/components/ControlledCheckbox"; import ControlledCheckbox from "@saleor/components/ControlledCheckbox";
import Hr from "@saleor/components/Hr"; import Hr from "@saleor/components/Hr";

4
src/components/ChannelsAvailabilityCard/Channel/ChannelAvailabilityItemWrapper.tsx
View file

@ -1,11 +1,11 @@
import { import {
ExpansionPanel, ExpansionPanel,
ExpansionPanelSummary, ExpansionPanelSummary,
makeStyles Typography
} from "@material-ui/core"; } from "@material-ui/core";
import Typography from "@material-ui/core/Typography";
import { ChannelData } from "@saleor/channels/utils"; import { ChannelData } from "@saleor/channels/utils";
import IconChevronDown from "@saleor/icons/ChevronDown"; import IconChevronDown from "@saleor/icons/ChevronDown";
import { makeStyles } from "@saleor/theme";
import React from "react"; import React from "react";
import { Messages } from "../types"; import { Messages } from "../types";

2
src/components/ChannelsAvailabilityCard/ChannelsAvailabilityCard.tsx
View file

@ -1,4 +1,4 @@
import Typography from "@material-ui/core/Typography"; import { Typography } from "@material-ui/core";
import { Channel as ChannelList, ChannelData } from "@saleor/channels/utils"; import { Channel as ChannelList, ChannelData } from "@saleor/channels/utils";
import Hr from "@saleor/components/Hr"; import Hr from "@saleor/components/Hr";
import useDateLocalize from "@saleor/hooks/useDateLocalize"; import useDateLocalize from "@saleor/hooks/useDateLocalize";

5
src/components/ChannelsAvailabilityCard/ChannelsAvailabilityCardWrapper.tsx
View file

@ -1,7 +1,4 @@
import Button from "@material-ui/core/Button"; import { Button, Card, CardContent, Typography } from "@material-ui/core";
import Card from "@material-ui/core/Card";
import CardContent from "@material-ui/core/CardContent";
import Typography from "@material-ui/core/Typography";
import CardTitle from "@saleor/components/CardTitle"; import CardTitle from "@saleor/components/CardTitle";
import Hr from "@saleor/components/Hr"; import Hr from "@saleor/components/Hr";
import RequirePermissions from "@saleor/components/RequirePermissions"; import RequirePermissions from "@saleor/components/RequirePermissions";

3
src/components/ChannelsAvailabilityContent/ChannelsAvailabilityContent.tsx
View file

@ -1,5 +1,4 @@
import TextField from "@material-ui/core/TextField"; import { TextField, Typography } from "@material-ui/core";
import Typography from "@material-ui/core/Typography";
import { Channel } from "@saleor/channels/utils"; import { Channel } from "@saleor/channels/utils";
import { ControlledCheckbox } from "@saleor/components/ControlledCheckbox"; import { ControlledCheckbox } from "@saleor/components/ControlledCheckbox";
import Hr from "@saleor/components/Hr"; import Hr from "@saleor/components/Hr";

Some files were not shown because too many files have changed in this diff Show more