react-admin 4.x upgrade

Author: fkowal

demo/package.json

@@ -2,9 +2,7 @@
  "name": "test-ra",
  "version": "1.0.0",
  "scripts": {
- "prestart": "node ./overrides/patch.js",
- "start": "PORT=4455 ../node_modules/.bin/react-scripts start",
- "build": "CI=false ../node_modules/.bin/react-scripts build && cp ./build/index.html ./build/404.html"
+ "start": "PORT=4455 yarn --check-files && ../node_modules/.bin/react-scripts start"
  },
  "homepage": "http://benwinding.github.io/react-admin-import-csv",
  "browserslist": {
@@ -18,5 +16,8 @@
  "last 1 firefox version",
  "last 1 safari version"
  ]
+ },
+ "dependencies": {
+ "react-admin-import-csv": "file:.."
  }
 }

demo/src/App.js

@@ -8,7 +8,7 @@ import englishMessages from "ra-language-english";
 import russianMessages from "ra-language-russian";
 import spanishMessages from "ra-language-spanish";
 import chineseMessages from "ra-language-chinese";
-import {i18n as domainMessages} from "./build-watch";
+import {i18n as domainMessages} from "react-admin-import-csv";
 
 const App = () => {
  const dataProvider = fakeDataProvider({

demo/src/posts.js

@@ -18,7 +18,7 @@ import {
 } from "react-admin";
 
 // Change this import to: from "react-admin-import-csv"
-import { ImportButton } from "./build-watch";
+import { ImportButton } from "react-admin-import-csv";
 import { CreateButton, ExportButton } from "ra-ui-materialui";
 
 const ListActions = (props) => {

package.json

@@ -28,31 +28,31 @@
  "clean": "rimraf dist"
  },
  "peerDependencies": {
- "react-admin": "3.x"
+ "react-admin": "4.x"
  },
  "dependencies": {
  "papaparse": "5.x",
- "ramda": "^0.27.0"
+ "ramda": "^0.28.0",
+ "react-redux": "^8.0.1"
  },
  "devDependencies": {
- "@types/jest": "24.0.11",
- "@types/node": "11.12.0",
- "@types/papaparse": "4.x",
- "@types/ramda": "0.27.34",
- "@types/react": "16.8.10",
- "@types/react-dom": "16.8.3",
- "@types/react-redux": "^7.1.7",
+ "@types/jest": "27.4.1",
+ "@types/node": "17.0.25",
+ "@types/papaparse": "5.x",
+ "@types/ramda": "0.28.11",
+ "@types/react": "^17.0.0",
+ "@types/react-dom": "^17.0.0",
  "jest-coverage-badges": "^1.1.2",
- "ra-data-fakerest": "^3.2.2",
- "ra-language-chinese": "^2.0.5",
+ "ra-data-fakerest": "^4.0.1",
+ "ra-language-chinese": "^2.0.10",
  "ra-language-russian": "^3.13.5",
  "ra-language-spanish": "1.x",
- "react": "16.8.6",
- "react-admin": "3.10.x",
- "react-dom": "16.8.3",
- "react-scripts": "^3.4.3",
- "source-map-loader": "^0.2.4",
- "ts-jest": "^24.x.x",
- "typescript": "3.x"
+ "react": "^17.0.0",
+ "react-admin": "4.0.x",
+ "react-dom": "^17.0.0",
+ "react-scripts": "^5.0.1",
+ "source-map-loader": "^3.0.1",
+ "ts-jest": "^27.x.x",
+ "typescript": "4.x"
  }
 }

src/components/SharedDialogButton.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { Button, ListItem } from "@material-ui/core";
+import { Button, ListItem } from "@mui/material";
 
 export function SharedDialogButton(props: {
  onClick: () => void;

src/components/SharedDialogWrapper.tsx

@@ -4,7 +4,7 @@ import {
 
  DialogContent,
  DialogTitle
-} from "@material-ui/core";
+} from "@mui/material";
 
 export function SharedDialogWrapper(props: {
  open: boolean;

src/components/SharedLoader.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { CircularProgress } from "@material-ui/core";
+import { CircularProgress } from "@mui/material";
 
 export function SharedLoader(props: { loadingTxt: string }) {
  return (

src/components/import-button.tsx

@@ -1,8 +1,8 @@
 import React from "react";
 import { Button as RAButton } from "react-admin";
 
-import { Tooltip } from "@material-ui/core";
-import GetAppIcon from "@material-ui/icons/GetApp";
+import { Tooltip } from "@mui/material";
+import { GetApp as GetAppIcon } from "@mui/icons-material";
 import { translateWrapper } from "../translateWrapper";
 
 interface ImportButtonProps {

src/components/import-csv-dialog-each-item.tsx

@@ -3,8 +3,8 @@ import { SharedDialogButton } from "./SharedDialogButton";
 import { SharedDialogWrapper } from "./SharedDialogWrapper";
 import { SharedLoader } from "./SharedLoader";
 import { translateWrapper } from "../translateWrapper";
-import { List } from "@material-ui/core";
-import { Done, Undo, Clear, Add } from "@material-ui/icons";
+import { List } from "@mui/material";
+import { Done, Undo, Clear, Add } from "@mui/icons-material";
 
 interface ImportCsvDialogEachItemProps {
  disableImportNew: boolean;

src/components/import-csv-dialog-strategy.tsx

@@ -2,8 +2,8 @@ import React, { useEffect } from "react";
 import { SharedDialogWrapper } from "./SharedDialogWrapper";
 import { SharedLoader } from "./SharedLoader";
 import { translateWrapper } from "../translateWrapper";
-import { List } from "@material-ui/core";
-import { Done, Undo, FileCopy } from "@material-ui/icons";
+import { List } from "@mui/material";
+import { Done, Undo, FileCopy } from "@mui/icons-material";
 import { SharedDialogButton } from "./SharedDialogButton";
 
 interface ImportCsvDialogStrategyProps {