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",
"spaced-comment": "error",
"use-isnan": "error",
"valid-typeof": "off"
"valid-typeof": "off",
"no-restricted-imports": [
"error",
{
"paths": ["lodash"]
}
]
},
"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",
"integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=",
"dev": true,
"optional": true,
"requires": {
"is-extendable": "^0.1.0"
}
@ -2852,6 +2853,7 @@
"resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz",
"integrity": "sha1-JP1iAaR4LPUFYcgQJ2r8fRLXEZU=",
"dev": true,
"optional": true,
"requires": {
"kind-of": "^3.0.2"
}
@ -2861,6 +2863,7 @@
"resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
"integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
"dev": true,
"optional": true,
"requires": {
"is-buffer": "^1.1.5"
}
@ -3995,6 +3998,12 @@
"@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": {
"version": "5.0.0",
"resolved": "https://registry.npmjs.org/@pollyjs/adapter/-/adapter-5.0.0.tgz",
@ -20412,6 +20421,12 @@
"integrity": "sha512-8AV/sCtuzUeTo8gQK5qDZzARrulB3egtLzFgteqB2tcT4Mw7B8Kt7JcDHmltjz6FOAHsvTevk70gZEbhM4ZS9Q==",
"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": {
"version": "5.5.0",
"resolved": "https://registry.npmjs.org/opn/-/opn-5.5.0.tgz",
@ -25108,6 +25123,25 @@
"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": {
"version": "1.0.5",
"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": {
"version": "0.3.3",
"resolved": "https://registry.npmjs.org/split/-/split-0.3.3.tgz",
@ -26748,6 +26818,12 @@
"integrity": "sha1-LmhELZ9k7HILjMieZEOsbKqVACk=",
"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": {
"version": "2.5.0",
"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",
"integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=",
"dev": true,
"optional": true,
"requires": {
"is-extendable": "^0.1.0"
}
@ -27886,6 +27963,7 @@
"resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz",
"integrity": "sha1-JP1iAaR4LPUFYcgQJ2r8fRLXEZU=",
"dev": true,
"optional": true,
"requires": {
"kind-of": "^3.0.2"
}
@ -27895,6 +27973,7 @@
"resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
"integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
"dev": true,
"optional": true,
"requires": {
"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": {
"version": "3.3.12",
"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",
"keycode": "^2.2.0",
"lodash": "^4.17.20",
"lodash-es": "^4.17.14",
"moment-timezone": "^0.5.32",
"qs": "^6.9.0",
"react": "^16.12.0",
@ -161,14 +160,17 @@
"react-intl-translations-manager": "^5.0.3",
"react-test-renderer": "^16.12.0",
"regenerator-runtime": "^0.11.1",
"register-service-worker": "^1.7.2",
"release-it": "^14.5.0",
"require-context.macro": "^1.1.1",
"rimraf": "^3.0.0",
"setup-polly-jest": "^0.9.1",
"speed-measure-webpack-plugin": "^1.5.0",
"start-server-and-test": "^1.11.0",
"ts-jest": "^24.2.0",
"tsconfig-paths-webpack-plugin": "^3.2.0",
"webpack": "^4.35.3",
"webpack-bundle-analyzer": "^4.4.1",
"webpack-cli": "^3.3.6",
"webpack-dev-server": "^3.11.0",
"webpack-manifest-plugin": "2.2.0",
@ -177,8 +179,7 @@
"workbox-precaching": "^6.1.2",
"workbox-routing": "^6.1.2",
"workbox-strategies": "^6.1.2",
"workbox-webpack-plugin": "^6.1.2",
"register-service-worker": "^1.7.2"
"workbox-webpack-plugin": "^6.1.2"
},
"optionalDependencies": {
"fsevents": "^1.2.9"
@ -204,8 +205,7 @@
"@assets(.*)$": "<rootDir>/assets/$1",
"@locale(.*)$": "<rootDir>/locale/$1",
"@saleor(?!.*macaw)(.*)$": "<rootDir>/src/$1",
"@test/(.*)$": "<rootDir>/testUtils/$1",
"^lodash-es(.*)$": "lodash/$1"
"@test/(.*)$": "<rootDir>/testUtils/$1"
}
},
"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 { createStyles, SaleorTheme, withStyles } from "@saleor/theme";
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 { ConfirmButtonTransitionState } from "@saleor/components/ConfirmButton";
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 { ConfirmButtonTransitionState } from "@saleor/components/ConfirmButton";
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 { ConfirmButtonTransitionState } from "@saleor/components/ConfirmButton";
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 Card from "@material-ui/core/Card";
import CardContent from "@material-ui/core/CardContent";
import Typography from "@material-ui/core/Typography";
import { Button, Card, CardContent, Typography } from "@material-ui/core";
import AppHeader from "@saleor/components/AppHeader";
import CardSpacer from "@saleor/components/CardSpacer";
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 Typography from "@material-ui/core/Typography";
import { Button, Typography } from "@material-ui/core";
import AppHeader from "@saleor/components/AppHeader";
import CardSpacer from "@saleor/components/CardSpacer";
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 { ConfirmButtonTransitionState } from "@saleor/components/ConfirmButton";
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 Button from "@material-ui/core/Button";
import Grid from "@material-ui/core/Grid";
import Typography from "@material-ui/core/Typography";
import { Button, Grid, Typography } from "@material-ui/core";
import Container from "@saleor/components/Container";
import React from "react";
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 plusIcon from "@assets/images/plus-icon.svg";
import Button from "@material-ui/core/Button";
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 { Button, Card, CardContent, Grid, Typography } from "@material-ui/core";
import CardSpacer from "@saleor/components/CardSpacer";
import CardTitle from "@saleor/components/CardTitle";
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 Progress from "@material-ui/core/CircularProgress";
import IconButton from "@material-ui/core/IconButton";
import TableBody from "@material-ui/core/TableBody";
import TableCell from "@material-ui/core/TableCell";
import TableRow from "@material-ui/core/TableRow";
import Tooltip from "@material-ui/core/Tooltip";
import Typography from "@material-ui/core/Typography";
import {
Button,
CircularProgress as Progress,
IconButton,
TableBody,
TableCell,
TableRow,
Tooltip,
Typography
} from "@material-ui/core";
import DeleteIcon from "@material-ui/icons/Delete";
import ErrorIcon from "@material-ui/icons/Error";
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 TableRow from "@material-ui/core/TableRow";
import { TableCell, TableRow } from "@material-ui/core";
import Skeleton from "@saleor/components/Skeleton";
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 CardContent from "@material-ui/core/CardContent";
import { Card, CardContent } from "@material-ui/core";
import ResponsiveTable from "@saleor/components/ResponsiveTable";
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 Card from "@material-ui/core/Card";
import CardContent from "@material-ui/core/CardContent";
import IconButton from "@material-ui/core/IconButton";
import Paper from "@material-ui/core/Paper";
import Typography from "@material-ui/core/Typography";
import {
Button,
Card,
CardContent,
IconButton,
Paper,
Typography
} from "@material-ui/core";
import CloseIcon from "@material-ui/icons/Close";
import Link from "@saleor/components/Link";
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 AppHeader from "@saleor/components/AppHeader";
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 CardContent from "@material-ui/core/CardContent";
import TextField from "@material-ui/core/TextField";
import { Card, CardContent, TextField } from "@material-ui/core";
import CardTitle from "@saleor/components/CardTitle";
import { AppErrorFragment } from "@saleor/fragments/types/AppErrorFragment";
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 Card from "@material-ui/core/Card";
import IconButton from "@material-ui/core/IconButton";
import TableBody from "@material-ui/core/TableBody";
import TableCell from "@material-ui/core/TableCell";
import TableHead from "@material-ui/core/TableHead";
import TableRow from "@material-ui/core/TableRow";
import {
Button,
Card,
IconButton,
TableBody,
TableCell,
TableHead,
TableRow
} from "@material-ui/core";
import DeleteIcon from "@material-ui/icons/Delete";
import CardTitle from "@saleor/components/CardTitle";
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 CardHeader from "@material-ui/core/CardHeader";
import IconButton from "@material-ui/core/IconButton";
import TableBody from "@material-ui/core/TableBody";
import TableCell from "@material-ui/core/TableCell";
import TableRow from "@material-ui/core/TableRow";
import Typography from "@material-ui/core/Typography";
import {
Button,
CardHeader,
IconButton,
TableBody,
TableCell,
TableRow,
Typography
} from "@material-ui/core";
import DeleteIcon from "@material-ui/icons/Delete";
import { commonMessages } from "@saleor/intl";
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 { 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";
export interface HorizontalSpacerProps {

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

@ -1,10 +1,12 @@
import Button from "@material-ui/core/Button";
import IconButton from "@material-ui/core/IconButton";
import TableBody from "@material-ui/core/TableBody";
import TableCell from "@material-ui/core/TableCell";
import TableFooter from "@material-ui/core/TableFooter";
import TableRow from "@material-ui/core/TableRow";
import Typography from "@material-ui/core/Typography";
import {
Button,
IconButton,
TableBody,
TableCell,
TableFooter,
TableRow,
Typography
} from "@material-ui/core";
import DeleteIcon from "@material-ui/icons/Delete";
import CardTitle from "@saleor/components/CardTitle";
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 Card from "@material-ui/core/Card";
import CardContent from "@material-ui/core/CardContent";
import Typography from "@material-ui/core/Typography";
import { Button, Card, CardContent, Typography } from "@material-ui/core";
import CardTitle from "@saleor/components/CardTitle";
import React from "react";
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 Dialog from "@material-ui/core/Dialog";
import DialogActions from "@material-ui/core/DialogActions";
import DialogContent from "@material-ui/core/DialogContent";
import DialogTitle from "@material-ui/core/DialogTitle";
import Paper from "@material-ui/core/Paper";
import TextField from "@material-ui/core/TextField";
import Typography from "@material-ui/core/Typography";
import {
Button,
Dialog,
DialogActions,
DialogContent,
DialogTitle,
Paper,
TextField,
Typography
} from "@material-ui/core";
import CardSpacer from "@saleor/components/CardSpacer";
import ConfirmButton, {
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 { ConfirmButtonTransitionState } from "@saleor/components/ConfirmButton";
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 { ConfirmButtonTransitionState } from "@saleor/components/ConfirmButton";
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 { ConfirmButtonTransitionState } from "@saleor/components/ConfirmButton";
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 CardContent from "@material-ui/core/CardContent";
import TextField from "@material-ui/core/TextField";
import { Card, CardContent, TextField } from "@material-ui/core";
import { NumericUnits } from "@saleor/attributes/components/AttributeDetails/NumericUnits";
import CardTitle from "@saleor/components/CardTitle";
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 TableCell from "@material-ui/core/TableCell";
import TableFooter from "@material-ui/core/TableFooter";
import TableRow from "@material-ui/core/TableRow";
import { TableBody, TableCell, TableFooter, TableRow } from "@material-ui/core";
import { AttributeListUrlSortField } from "@saleor/attributes/urls";
import Checkbox from "@saleor/components/Checkbox";
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 Card from "@material-ui/core/Card";
import { Button, Card } from "@material-ui/core";
import { AttributeListUrlSortField } from "@saleor/attributes/urls";
import AppHeader from "@saleor/components/AppHeader";
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 from "@material-ui/core/Card";
import CardContent from "@material-ui/core/CardContent";
import Typography from "@material-ui/core/Typography";
import { Card, CardContent, Typography } from "@material-ui/core";
import CardTitle from "@saleor/components/CardTitle";
import RadioGroupField from "@saleor/components/RadioGroupField";
import { makeStyles } from "@saleor/theme";
import { AttributeTypeEnum } from "@saleor/types/globalTypes";
import React from "react";
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 CardContent from "@material-ui/core/CardContent";
import TextField from "@material-ui/core/TextField";
import Typography from "@material-ui/core/Typography";
import { Card, CardContent, TextField, Typography } from "@material-ui/core";
import { ATTRIBUTE_TYPES_WITH_DEDICATED_VALUES } from "@saleor/attributes/utils/data";
import CardSpacer from "@saleor/components/CardSpacer";
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 { ConfirmButtonTransitionState } from "@saleor/components/ConfirmButton";
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 Dialog from "@material-ui/core/Dialog";
import DialogActions from "@material-ui/core/DialogActions";
import DialogContent from "@material-ui/core/DialogContent";
import DialogTitle from "@material-ui/core/DialogTitle";
import TextField from "@material-ui/core/TextField";
import {
Button,
Dialog,
DialogActions,
DialogContent,
DialogTitle,
TextField
} from "@material-ui/core";
import { getAttributeValueErrorMessage } from "@saleor/attributes/errors";
import ConfirmButton, {
ConfirmButtonTransitionState

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

@ -1,9 +1,11 @@
import Button from "@material-ui/core/Button";
import Card from "@material-ui/core/Card";
import IconButton from "@material-ui/core/IconButton";
import TableCell from "@material-ui/core/TableCell";
import TableHead from "@material-ui/core/TableHead";
import TableRow from "@material-ui/core/TableRow";
import {
Button,
Card,
IconButton,
TableCell,
TableHead,
TableRow
} from "@material-ui/core";
import DeleteIcon from "@material-ui/icons/Delete";
import CardTitle from "@saleor/components/CardTitle";
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 {
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 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 Decorator from "@saleor/storybook/Decorator";
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 CircularProgress from "@material-ui/core/CircularProgress";
import Divider from "@material-ui/core/Divider";
import TextField from "@material-ui/core/TextField";
import Typography from "@material-ui/core/Typography";
import {
Button,
CircularProgress,
Divider,
TextField,
Typography
} from "@material-ui/core";
import { AvailableExternalAuthentications_shop_availableExternalAuthentications } from "@saleor/auth/types/AvailableExternalAuthentications";
import { FormSpacer } from "@saleor/components/FormSpacer";
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 TextField from "@material-ui/core/TextField";
import Typography from "@material-ui/core/Typography";
import { Button, TextField, Typography } from "@material-ui/core";
import { SetPassword_setPassword_errors } from "@saleor/auth/types/SetPassword";
import Form from "@saleor/components/Form";
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 TextField from "@material-ui/core/TextField";
import Typography from "@material-ui/core/Typography";
import { Button, TextField, Typography } from "@material-ui/core";
import Form from "@saleor/components/Form";
import FormSpacer from "@saleor/components/FormSpacer";
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 Typography from "@material-ui/core/Typography";
import { Button, Typography } from "@material-ui/core";
import FormSpacer from "@saleor/components/FormSpacer";
import { makeStyles } from "@saleor/theme";
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 Card from "@material-ui/core/Card";
import CardContent from "@material-ui/core/CardContent";
import TextField from "@material-ui/core/TextField";
import { Button, Card, CardContent, TextField } from "@material-ui/core";
import CardTitle from "@saleor/components/CardTitle";
import Hr from "@saleor/components/Hr";
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 Dialog from "@material-ui/core/Dialog";
import DialogActions from "@material-ui/core/DialogActions";
import DialogContent from "@material-ui/core/DialogContent";
import DialogContentText from "@material-ui/core/DialogContentText";
import DialogTitle from "@material-ui/core/DialogTitle";
import {
Button,
Dialog,
DialogActions,
DialogContent,
DialogContentText,
DialogTitle
} from "@material-ui/core";
import { buttonMessages } from "@saleor/intl";
import { makeStyles } from "@saleor/theme";
import React from "react";

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

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

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

@ -1,7 +1,4 @@
import TableBody from "@material-ui/core/TableBody";
import TableCell from "@material-ui/core/TableCell";
import TableFooter from "@material-ui/core/TableFooter";
import TableRow from "@material-ui/core/TableRow";
import { TableBody, TableCell, TableFooter, TableRow } from "@material-ui/core";
import { CategoryListUrlSortField } from "@saleor/categories/urls";
import Checkbox from "@saleor/components/Checkbox";
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 Card from "@material-ui/core/Card";
import { Button, Card } from "@material-ui/core";
import { CategoryListUrlSortField } from "@saleor/categories/urls";
import Container from "@saleor/components/Container";
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 TableCell from "@material-ui/core/TableCell";
import TableFooter from "@material-ui/core/TableFooter";
import TableRow from "@material-ui/core/TableRow";
import { TableBody, TableCell, TableFooter, TableRow } from "@material-ui/core";
import { ChannelsAvailabilityDropdown } from "@saleor/components/ChannelsAvailabilityDropdown";
import Checkbox from "@saleor/components/Checkbox";
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 Card from "@material-ui/core/Card";
import { Button, Card } from "@material-ui/core";
import CardTitle from "@saleor/components/CardTitle";
import { SingleAutocompleteChoiceType } from "@saleor/components/SingleAutocompleteSelectField";
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 Card from "@material-ui/core/Card";
import { Button, Card } from "@material-ui/core";
import AppHeader from "@saleor/components/AppHeader";
import { CardSpacer } from "@saleor/components/CardSpacer";
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 IconButton from "@material-ui/core/IconButton";
import { DialogContentText, IconButton } from "@material-ui/core";
import DeleteIcon from "@material-ui/icons/Delete";
import ActionDialog from "@saleor/components/ActionDialog";
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 IconButton from "@material-ui/core/IconButton";
import { DialogContentText, IconButton } from "@material-ui/core";
import DeleteIcon from "@material-ui/icons/Delete";
import ActionDialog from "@saleor/components/ActionDialog";
import DeleteFilterTabDialog from "@saleor/components/DeleteFilterTabDialog";

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

@ -1,7 +1,6 @@
import {
ExpansionPanel,
ExpansionPanelSummary,
makeStyles,
Typography
} from "@material-ui/core";
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 { ChannelsWithVariantsData } from "@saleor/products/views/ProductUpdate/types";
import { areAllChannelVariantsSelected } from "@saleor/products/views/ProductUpdate/utils";
import { makeStyles } from "@saleor/theme";
import React from "react";
import { useIntl } 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 { ConfirmButtonTransitionState } from "@saleor/components/ConfirmButton";
import {

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

@ -1,8 +1,10 @@
import Card from "@material-ui/core/Card";
import CardContent from "@material-ui/core/CardContent";
import InputAdornment from "@material-ui/core/InputAdornment";
import TextField from "@material-ui/core/TextField";
import Typography from "@material-ui/core/Typography";
import {
Card,
CardContent,
InputAdornment,
TextField,
Typography
} from "@material-ui/core";
import CardSpacer from "@saleor/components/CardSpacer";
import CardTitle from "@saleor/components/CardTitle";
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 Card from "@material-ui/core/Card";
import CardContent from "@material-ui/core/CardContent";
import Typography from "@material-ui/core/Typography";
import { Button, Card, CardContent, Typography } from "@material-ui/core";
import CardTitle from "@saleor/components/CardTitle";
import React from "react";
import { FormattedMessage, useIntl } from "react-intl";

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

@ -3,7 +3,6 @@ import {
Divider,
ExpansionPanel,
ExpansionPanelSummary,
makeStyles,
Typography
} from "@material-ui/core";
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 { ChannelsWithVariantsData } from "@saleor/products/views/ProductUpdate/types";
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 { defineMessages, useIntl } from "react-intl";

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

@ -2,11 +2,11 @@ import {
Card,
CardContent,
Divider,
makeStyles,
ExpansionPanel,
Typography
} from "@material-ui/core";
import ExpansionPanel from "@material-ui/core/ExpansionPanel";
import CardTitle from "@saleor/components/CardTitle";
import { makeStyles } from "@saleor/theme";
import React from "react";
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 { makeStyles } from "@material-ui/core/styles";
import HorizontalSpacer from "@saleor/apps/components/HorizontalSpacer";
import { ChannelShippingZones } from "@saleor/channels/pages/ChannelDetailsPage/types";
import IconChevronDown from "@saleor/icons/ChevronDown";
import { makeStyles } from "@saleor/theme";
import React from "react";
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) =>
uniq([...ids, newId]);

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

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

2
src/channels/utils.ts
View file

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

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

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

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

@ -1,7 +1,4 @@
import Button from "@material-ui/core/Button";
import Card from "@material-ui/core/Card";
import CardContent from "@material-ui/core/CardContent";
import TextField from "@material-ui/core/TextField";
import { Button, Card, CardContent, TextField } from "@material-ui/core";
import CardTitle from "@saleor/components/CardTitle";
import Hr from "@saleor/components/Hr";
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 TableCell from "@material-ui/core/TableCell";
import TableFooter from "@material-ui/core/TableFooter";
import TableRow from "@material-ui/core/TableRow";
import { TableBody, TableCell, TableFooter, TableRow } from "@material-ui/core";
import { CollectionListUrlSortField } from "@saleor/collections/urls";
import { ChannelsAvailabilityDropdown } from "@saleor/components/ChannelsAvailabilityDropdown";
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 Card from "@material-ui/core/Card";
import { Button, Card } from "@material-ui/core";
import { CollectionListUrlSortField } from "@saleor/collections/urls";
import { Container } from "@saleor/components/Container";
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 Card from "@material-ui/core/Card";
import IconButton from "@material-ui/core/IconButton";
import TableBody from "@material-ui/core/TableBody";
import TableCell from "@material-ui/core/TableCell";
import TableFooter from "@material-ui/core/TableFooter";
import TableRow from "@material-ui/core/TableRow";
import {
Button,
Card,
IconButton,
TableBody,
TableCell,
TableFooter,
TableRow
} from "@material-ui/core";
import DeleteIcon from "@material-ui/icons/Delete";
import CardTitle from "@saleor/components/CardTitle";
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 DialogContentText from "@material-ui/core/DialogContentText";
import { Button, DialogContentText } from "@material-ui/core";
import { useChannelsList } from "@saleor/channels/queries";
import {
createCollectionChannels,

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

@ -1,5 +1,4 @@
import DialogContentText from "@material-ui/core/DialogContentText";
import IconButton from "@material-ui/core/IconButton";
import { DialogContentText, IconButton } from "@material-ui/core";
import DeleteIcon from "@material-ui/icons/Delete";
import ActionDialog from "@saleor/components/ActionDialog";
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 Typography from "@material-ui/core/Typography";
import { IconButton, Typography } from "@material-ui/core";
import AddIcon from "@material-ui/icons/Add";
import RemoveIcon from "@material-ui/icons/Remove";
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 { FormChange } from "@saleor/hooks/useForm";
import { SearchPermissionGroups_search_edges_node } from "@saleor/searches/types/SearchPermissionGroups";

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

@ -1,13 +1,13 @@
import {
Card,
CardContent,
Checkbox,
List,
ListItem,
ListItemIcon,
ListItemText
ListItemText,
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 Skeleton from "@saleor/components/Skeleton";
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 DialogContent from "@material-ui/core/DialogContent";
import DialogTitle from "@material-ui/core/DialogTitle";
import { Dialog, DialogContent, DialogTitle } from "@material-ui/core";
import { DialogProps } from "@saleor/types";
import React from "react";

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

@ -1,5 +1,4 @@
import Button from "@material-ui/core/Button";
import DialogActions from "@material-ui/core/DialogActions";
import { Button, DialogActions } from "@material-ui/core";
import { buttonMessages } from "@saleor/intl";
import { makeStyles } from "@saleor/theme";
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 { AccountErrorFragment } from "@saleor/fragments/types/AccountErrorFragment";
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 { 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 alertIcon from "@assets/images/alert.svg";
import Card from "@material-ui/core/Card";
import CardContent from "@material-ui/core/CardContent";
import IconButton from "@material-ui/core/IconButton";
import Typography from "@material-ui/core/Typography";
import { Card, CardContent, IconButton, Typography } from "@material-ui/core";
import CloseIcon from "@material-ui/icons/Close";
import useStateFromProps from "@saleor/hooks/useStateFromProps";
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 React from "react";

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

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

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

@ -1,5 +1,4 @@
import LinearProgress from "@material-ui/core/LinearProgress";
import useMediaQuery from "@material-ui/core/useMediaQuery";
import { LinearProgress, useMediaQuery } from "@material-ui/core";
import { createConfigurationMenu } from "@saleor/configuration";
import useAppState from "@saleor/hooks/useAppState";
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 Typography from "@material-ui/core/Typography";
import { Typography } from "@material-ui/core";
import { User } from "@saleor/fragments/types/User";
import useTheme from "@saleor/hooks/useTheme";
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 Hidden from "@material-ui/core/Hidden";
import Typography from "@material-ui/core/Typography";
import { Hidden, Typography } from "@material-ui/core";
import useTheme from "@saleor/hooks/useTheme";
import { createHref } from "@saleor/misc";
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 CardContent from "@material-ui/core/CardContent";
import Typography from "@material-ui/core/Typography";
import { Card, CardContent, Typography } from "@material-ui/core";
import CardTitle from "@saleor/components/CardTitle";
import { ControlledCheckbox } from "@saleor/components/ControlledCheckbox";
import React from "react";

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

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

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

@ -1,13 +1,15 @@
import Button from "@material-ui/core/Button";
import CircularProgress from "@material-ui/core/CircularProgress";
import Dialog from "@material-ui/core/Dialog";
import DialogActions from "@material-ui/core/DialogActions";
import DialogContent from "@material-ui/core/DialogContent";
import DialogTitle from "@material-ui/core/DialogTitle";
import TableBody from "@material-ui/core/TableBody";
import TableCell from "@material-ui/core/TableCell";
import TableRow from "@material-ui/core/TableRow";
import TextField from "@material-ui/core/TextField";
import {
Button,
CircularProgress,
Dialog,
DialogActions,
DialogContent,
DialogTitle,
TableBody,
TableCell,
TableRow,
TextField
} from "@material-ui/core";
import ResponsiveTable from "@saleor/components/ResponsiveTable";
import useSearchQuery from "@saleor/hooks/useSearchQuery";
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 CircularProgress from "@material-ui/core/CircularProgress";
import Dialog from "@material-ui/core/Dialog";
import DialogActions from "@material-ui/core/DialogActions";
import DialogContent from "@material-ui/core/DialogContent";
import DialogTitle from "@material-ui/core/DialogTitle";
import TableBody from "@material-ui/core/TableBody";
import TableCell from "@material-ui/core/TableCell";
import TableRow from "@material-ui/core/TableRow";
import TextField from "@material-ui/core/TextField";
import {
Button,
CircularProgress,
Dialog,
DialogActions,
DialogContent,
DialogTitle,
TableBody,
TableCell,
TableRow,
TextField
} from "@material-ui/core";
import ConfirmButton, {
ConfirmButtonTransitionState
} 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 { ConfirmButtonTransitionState } from "@saleor/components/ConfirmButton";
import React from "react";

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

@ -1,7 +1,4 @@
import Card from "@material-ui/core/Card";
import CardContent from "@material-ui/core/CardContent";
import IconButton from "@material-ui/core/IconButton";
import Typography from "@material-ui/core/Typography";
import { Card, CardContent, IconButton, Typography } from "@material-ui/core";
import ArrowDropDownIcon from "@material-ui/icons/ArrowDropDown";
import { AttributeReference } from "@saleor/attributes/utils/data";
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 { makeStyles } from "@saleor/theme";
import React from "react";

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

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

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

@ -1,7 +1,9 @@
import CircularProgress from "@material-ui/core/CircularProgress";
import MenuItem from "@material-ui/core/MenuItem";
import Paper from "@material-ui/core/Paper";
import TextField from "@material-ui/core/TextField";
import {
CircularProgress,
MenuItem,
Paper,
TextField
} from "@material-ui/core";
import ArrowBack from "@material-ui/icons/ArrowBack";
import { buttonMessages } from "@saleor/intl";
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 { ConfirmButtonTransitionState } from "@saleor/components/ConfirmButton";
import React from "react";

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

@ -1,10 +1,12 @@
import ClickAwayListener from "@material-ui/core/ClickAwayListener";
import Grow from "@material-ui/core/Grow";
import IconButton from "@material-ui/core/IconButton";
import MenuItem from "@material-ui/core/MenuItem";
import MenuList from "@material-ui/core/MenuList";
import Paper from "@material-ui/core/Paper";
import Popper from "@material-ui/core/Popper";
import {
ClickAwayListener,
Grow,
IconButton,
MenuItem,
MenuList,
Paper,
Popper
} from "@material-ui/core";
import MoreVertIcon from "@material-ui/icons/MoreVert";
import { makeStyles } from "@saleor/theme";
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 classNames from "classnames";
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 Typography from "@material-ui/core/Typography";
import { TextField, Typography } from "@material-ui/core";
import { ChannelData } from "@saleor/channels/utils";
import ControlledCheckbox from "@saleor/components/ControlledCheckbox";
import Hr from "@saleor/components/Hr";

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

@ -1,11 +1,11 @@
import {
ExpansionPanel,
ExpansionPanelSummary,
makeStyles
Typography
} from "@material-ui/core";
import Typography from "@material-ui/core/Typography";
import { ChannelData } from "@saleor/channels/utils";
import IconChevronDown from "@saleor/icons/ChevronDown";
import { makeStyles } from "@saleor/theme";
import React from "react";
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 Hr from "@saleor/components/Hr";
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 Card from "@material-ui/core/Card";
import CardContent from "@material-ui/core/CardContent";
import Typography from "@material-ui/core/Typography";
import { Button, Card, CardContent, Typography } from "@material-ui/core";
import CardTitle from "@saleor/components/CardTitle";
import Hr from "@saleor/components/Hr";
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 Typography from "@material-ui/core/Typography";
import { TextField, Typography } from "@material-ui/core";
import { Channel } from "@saleor/channels/utils";
import { ControlledCheckbox } from "@saleor/components/ControlledCheckbox";
import Hr from "@saleor/components/Hr";

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