marmelab
diff --git a/‎examples/demo/package.json
+1-1 b/‎examples/demo/package.json
+1-1
diff --git a/‎examples/simple/.babelrc
+3 b/‎examples/simple/.babelrc
+3
diff --git a/‎examples/simple/.gitignore
+5 b/‎examples/simple/.gitignore
+5
diff --git a/‎examples/simple/babel.config.js
-24 b/‎examples/simple/babel.config.js
-24
diff --git a/‎examples/simple/src/index.html ‎examples/simple/index-webpack.html
+13-14 b/‎examples/simple/src/index.html ‎examples/simple/index-webpack.html
+13-14
diff --git a/‎examples/simple/index.html
+32 b/‎examples/simple/index.html
+32
diff --git a/‎examples/simple/package.json
+34-47 b/‎examples/simple/package.json
+34-47
diff --git a/‎examples/simple/sandbox.config.json
+9 b/‎examples/simple/sandbox.config.json
+9
diff --git a/‎examples/simple/src/Layout.js ‎examples/simple/src/Layout.tsx b/‎examples/simple/src/Layout.js ‎examples/simple/src/Layout.tsx
diff --git a/‎examples/simple/src/addUploadFeature.js ‎examples/simple/src/addUploadFeature.tsx b/‎examples/simple/src/addUploadFeature.js ‎examples/simple/src/addUploadFeature.tsx
diff --git a/‎examples/simple/src/authProvider.js ‎examples/simple/src/authProvider.tsx b/‎examples/simple/src/authProvider.js ‎examples/simple/src/authProvider.tsx
diff --git a/‎examples/simple/src/comments/CommentCreate.js ‎examples/simple/src/comments/CommentCreate.tsx b/‎examples/simple/src/comments/CommentCreate.js ‎examples/simple/src/comments/CommentCreate.tsx
diff --git a/‎examples/simple/src/comments/CommentEdit.js ‎examples/simple/src/comments/CommentEdit.tsx
+1-2 b/‎examples/simple/src/comments/CommentEdit.js ‎examples/simple/src/comments/CommentEdit.tsx
+1-2
diff --git a/‎examples/simple/src/comments/CommentList.js ‎examples/simple/src/comments/CommentList.tsx b/‎examples/simple/src/comments/CommentList.js ‎examples/simple/src/comments/CommentList.tsx
diff --git a/‎examples/simple/src/comments/CommentShow.js ‎examples/simple/src/comments/CommentShow.tsx b/‎examples/simple/src/comments/CommentShow.js ‎examples/simple/src/comments/CommentShow.tsx
diff --git a/‎examples/simple/src/comments/PostPreview.js ‎examples/simple/src/comments/PostPreview.tsx b/‎examples/simple/src/comments/PostPreview.js ‎examples/simple/src/comments/PostPreview.tsx
diff --git a/‎examples/simple/src/comments/PostQuickCreate.js ‎examples/simple/src/comments/PostQuickCreate.tsx b/‎examples/simple/src/comments/PostQuickCreate.js ‎examples/simple/src/comments/PostQuickCreate.tsx
diff --git a/‎examples/simple/src/comments/PostQuickCreateCancelButton.js ‎examples/simple/src/comments/PostQuickCreateCancelButton.tsx
+1-1 b/‎examples/simple/src/comments/PostQuickCreateCancelButton.js ‎examples/simple/src/comments/PostQuickCreateCancelButton.tsx
+1-1
diff --git a/‎examples/simple/src/comments/PostReferenceInput.js ‎examples/simple/src/comments/PostReferenceInput.tsx
+7-5 b/‎examples/simple/src/comments/PostReferenceInput.js ‎examples/simple/src/comments/PostReferenceInput.tsx
+7-5
diff --git a/‎examples/simple/src/comments/index.js ‎examples/simple/src/comments/index.tsx b/‎examples/simple/src/comments/index.js ‎examples/simple/src/comments/index.tsx
diff --git a/‎examples/simple/src/customRouteLayout.js ‎examples/simple/src/customRouteLayout.tsx b/‎examples/simple/src/customRouteLayout.js ‎examples/simple/src/customRouteLayout.tsx
diff --git a/‎examples/simple/src/customRouteNoLayout.js ‎examples/simple/src/customRouteNoLayout.tsx b/‎examples/simple/src/customRouteNoLayout.js ‎examples/simple/src/customRouteNoLayout.tsx
diff --git a/‎examples/simple/src/data.js ‎examples/simple/src/data.tsx b/‎examples/simple/src/data.js ‎examples/simple/src/data.tsx
diff --git a/‎examples/simple/src/dataProvider.js ‎examples/simple/src/dataProvider.tsx b/‎examples/simple/src/dataProvider.js ‎examples/simple/src/dataProvider.tsx
diff --git a/‎examples/simple/src/i18n/en.js ‎examples/simple/src/i18n/en.ts b/‎examples/simple/src/i18n/en.js ‎examples/simple/src/i18n/en.ts
diff --git a/‎examples/simple/src/i18n/fr.js ‎examples/simple/src/i18n/fr.ts b/‎examples/simple/src/i18n/fr.js ‎examples/simple/src/i18n/fr.ts
diff --git a/‎examples/simple/src/i18n/index.js ‎examples/simple/src/i18n/index.ts b/‎examples/simple/src/i18n/index.js ‎examples/simple/src/i18n/index.ts
diff --git a/‎examples/simple/src/i18nProvider.js ‎examples/simple/src/i18nProvider.tsx
+1-1 b/‎examples/simple/src/i18nProvider.js ‎examples/simple/src/i18nProvider.tsx
+1-1
diff --git a/‎examples/simple/src/index.js ‎examples/simple/src/index.tsx b/‎examples/simple/src/index.js ‎examples/simple/src/index.tsx
diff --git a/‎examples/simple/src/posts/PostCreate.js ‎examples/simple/src/posts/PostCreate.tsx b/‎examples/simple/src/posts/PostCreate.js ‎examples/simple/src/posts/PostCreate.tsx
diff --git a/‎examples/simple/src/posts/PostEdit.js ‎examples/simple/src/posts/PostEdit.tsx b/‎examples/simple/src/posts/PostEdit.js ‎examples/simple/src/posts/PostEdit.tsx
diff --git a/‎examples/simple/src/posts/PostList.js ‎examples/simple/src/posts/PostList.tsx
+1-2 b/‎examples/simple/src/posts/PostList.js ‎examples/simple/src/posts/PostList.tsx
+1-2
diff --git a/‎examples/simple/src/posts/PostShow.js ‎examples/simple/src/posts/PostShow.tsx
+1-1 b/‎examples/simple/src/posts/PostShow.js ‎examples/simple/src/posts/PostShow.tsx
+1-1
diff --git a/‎examples/simple/src/posts/PostTitle.js ‎examples/simple/src/posts/PostTitle.tsx b/‎examples/simple/src/posts/PostTitle.js ‎examples/simple/src/posts/PostTitle.tsx
diff --git a/‎examples/simple/src/posts/ResetViewsButton.js ‎examples/simple/src/posts/ResetViewsButton.tsx b/‎examples/simple/src/posts/ResetViewsButton.js ‎examples/simple/src/posts/ResetViewsButton.tsx
diff --git a/‎examples/simple/src/posts/TagReferenceInput.js ‎examples/simple/src/posts/TagReferenceInput.tsx
+1-1 b/‎examples/simple/src/posts/TagReferenceInput.js ‎examples/simple/src/posts/TagReferenceInput.tsx
+1-1
diff --git a/‎examples/simple/src/posts/index.js ‎examples/simple/src/posts/index.tsx b/‎examples/simple/src/posts/index.js ‎examples/simple/src/posts/index.tsx
diff --git a/‎examples/simple/src/tags/TagCreate.js ‎examples/simple/src/tags/TagCreate.tsx b/‎examples/simple/src/tags/TagCreate.js ‎examples/simple/src/tags/TagCreate.tsx
diff --git a/‎examples/simple/src/tags/TagEdit.js ‎examples/simple/src/tags/TagEdit.tsx b/‎examples/simple/src/tags/TagEdit.js ‎examples/simple/src/tags/TagEdit.tsx
diff --git a/‎examples/simple/src/tags/TagList.js ‎examples/simple/src/tags/TagList.tsx b/‎examples/simple/src/tags/TagList.js ‎examples/simple/src/tags/TagList.tsx
diff --git a/‎examples/simple/src/tags/TagShow.js ‎examples/simple/src/tags/TagShow.tsx b/‎examples/simple/src/tags/TagShow.js ‎examples/simple/src/tags/TagShow.tsx
diff --git a/‎examples/simple/src/tags/index.js ‎examples/simple/src/tags/index.tsx b/‎examples/simple/src/tags/index.js ‎examples/simple/src/tags/index.tsx
diff --git a/‎examples/simple/src/users/Aside.js ‎examples/simple/src/users/Aside.tsx
+1-1 b/‎examples/simple/src/users/Aside.js ‎examples/simple/src/users/Aside.tsx
+1-1
diff --git a/‎examples/simple/src/users/UserCreate.js ‎examples/simple/src/users/UserCreate.tsx b/‎examples/simple/src/users/UserCreate.js ‎examples/simple/src/users/UserCreate.tsx
diff --git a/‎examples/simple/src/users/UserEdit.js ‎examples/simple/src/users/UserEdit.tsx b/‎examples/simple/src/users/UserEdit.js ‎examples/simple/src/users/UserEdit.tsx
diff --git a/‎examples/simple/src/users/UserEditEmbedded.js ‎examples/simple/src/users/UserEditEmbedded.tsx b/‎examples/simple/src/users/UserEditEmbedded.js ‎examples/simple/src/users/UserEditEmbedded.tsx
diff --git a/‎examples/simple/src/users/UserList.js ‎examples/simple/src/users/UserList.tsx b/‎examples/simple/src/users/UserList.js ‎examples/simple/src/users/UserList.tsx
diff --git a/‎examples/simple/src/users/UserShow.js ‎examples/simple/src/users/UserShow.tsx b/‎examples/simple/src/users/UserShow.js ‎examples/simple/src/users/UserShow.tsx
diff --git a/‎examples/simple/src/users/UserTitle.js ‎examples/simple/src/users/UserTitle.tsx b/‎examples/simple/src/users/UserTitle.js ‎examples/simple/src/users/UserTitle.tsx
diff --git a/‎examples/simple/src/users/index.js ‎examples/simple/src/users/index.tsx b/‎examples/simple/src/users/index.js ‎examples/simple/src/users/index.tsx
diff --git a/‎examples/simple/src/validators.js ‎examples/simple/src/validators.tsx b/‎examples/simple/src/validators.js ‎examples/simple/src/validators.tsx
diff --git a/‎examples/simple/tsconfig.json
+20 b/‎examples/simple/tsconfig.json
+20
diff --git a/‎examples/simple/vite.config.js
+35 b/‎examples/simple/vite.config.js
+35
@@ -8,7 +8,7 @@
         "@types/inflection": "^1.5.28",
         "@types/recharts": "^1.8.10",
         "data-generator-retail": "^3.9.0",
-        "fakerest": "^2.2.0",
+        "fakerest": "^3.0.0",
         "fetch-mock": "~6.3.0",
         "json-graphql-server": "~2.1.3",
         "proxy-polyfill": "^0.3.0",
 
@@ -0,0 +1,3 @@
+{
+    "presets": ["@babel/preset-react"]
+}
@@ -0,0 +1,5 @@
+node_modules
+.DS_Store
+dist
+dist-ssr
+*.local
@@ -1,19 +1,19 @@
 <!DOCTYPE html>
-<html>
-
-<head>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>React Admin</title>
     <style>
-        body {
-            margin: 0;
-        }
+      body {
+        margin: 0;
+      }
     </style>
-    <meta name="viewport" content="minimum-scale=1, initial-scale=1, width=device-width, shrink-to-fit=no" />
-</head>
-
-<body>
-    <div id="root">
-    </div>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script>window.global = window</script>
+    <script src="/bundle.js"></script>
     <!-- This script adds the Roboto font to our project. For more detail go to this site:  http://www.google.com/fonts#UsePlace:use/Collection:Roboto:400,300,500 -->
     <script>
         var WebFontConfig = {
@@ -28,6 +28,5 @@
             s.parentNode.insertBefore(wf, s);
         })();
     </script>
-</body>
-
+  </body>
 </html>
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>React Admin</title>
+    <style>
+      body {
+        margin: 0;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script>window.global = window</script>
+    <script type="module" src="/src/index.tsx"></script>
+    <!-- This script adds the Roboto font to our project. For more detail go to this site:  http://www.google.com/fonts#UsePlace:use/Collection:Roboto:400,300,500 -->
+    <script>
+        var WebFontConfig = {
+            google: { families: ['Roboto:300,400,500,700:latin'] }
+        };
+        (function () {
+            var wf = document.createElement('script');
+            wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
+            wf.type = 'text/javascript';
+            wf.async = 'true';
+            var s = document.getElementsByTagName('script')[0];
+            s.parentNode.insertBefore(wf, s);
+        })();
+    </script>
+  </body>
+</html>
@@ -1,49 +1,36 @@
 {
-    "name": "simple",
-    "private": true,
-    "version": "3.0.0",
-    "description": "",
-    "main": "index.html",
-    "scripts": {
-        "dev": "./node_modules/.bin/webpack-dev-server --progress --color --hot --watch --mode development",
-        "start": "USE_ALIAS=true ./node_modules/.bin/webpack-dev-server --progress --color --hot --watch --mode development",
-        "serve": "./node_modules/.bin/serve --listen 8080 ./dist",
-        "build": "./node_modules/.bin/webpack-cli --color --mode development --hide-modules true"
-    },
-    "author": "",
-    "license": "MIT",
-    "devDependencies": {
-        "@babel/cli": "^7.10.5",
-        "@babel/core": "^7.11.4",
-        "@babel/plugin-proposal-class-properties": "^7.10.4",
-        "@babel/plugin-proposal-object-rest-spread": "^7.11.0",
-        "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-        "@babel/preset-env": "^7.11.0",
-        "@babel/preset-react": "^7.10.4",
-        "@babel/preset-typescript": "^7.10.4",
-        "babel-loader": "^8.0.4",
-        "html-loader": "~1.3.0",
-        "html-webpack-plugin": "~4.3.0",
-        "ignore-not-found-export-plugin": "^1.0.1",
-        "serve": "^10.1.2",
-        "style-loader": "~1.2.1",
-        "wait-on": "^3.2.0",
-        "webpack": "~4.5.0",
-        "webpack-bundle-analyzer": "^3.3.2",
-        "webpack-cli": "~2.0.13",
-        "webpack-dev-server": "~3.1.11"
-    },
-    "dependencies": {
-        "@babel/polyfill": "^7.10.4",
-        "@material-ui/core": "^4.11.2",
-        "@material-ui/icons": "^4.11.2",
-        "ra-data-fakerest": "^3.9.0",
-        "ra-i18n-polyglot": "^3.9.0",
-        "ra-input-rich-text": "^3.9.0",
-        "ra-language-english": "^3.9.0",
-        "ra-language-french": "^3.9.0",
-        "react": "^17.0.0",
-        "react-admin": "^3.9.0",
-        "react-dom": "^17.0.0"
-    }
+  "name": "simple",
+  "version": "0.0.0",
+  "scripts": {
+    "dev": "./node_modules/.bin/webpack-dev-server --progress --color --hot --watch --mode development",
+    "start": "vite",
+    "build": "vite build",
+    "serve": "vite preview"
+  },
+  "dependencies": {
+    "@material-ui/core": "^4.11.2",
+    "@material-ui/icons": "^4.11.2",
+    "ra-data-fakerest": "^3.9.0",
+    "ra-i18n-polyglot": "^3.9.0",
+    "ra-input-rich-text": "^3.9.0",
+    "ra-language-english": "^3.9.0",
+    "ra-language-french": "^3.9.0",
+    "react": "^17.0.0",
+    "react-admin": "^3.9.0",
+    "react-dom": "^17.0.0"
+  },
+  "devDependencies": {
+    "@babel/preset-react": "^7.12.10",
+    "@vitejs/plugin-react-refresh": "^1.2.2",
+    "ts-loader": "^8.0.14",
+    "html-loader": "~1.3.0",
+    "html-webpack-plugin": "~4.3.0",	
+    "ignore-not-found-export-plugin": "^1.0.1",
+    "style-loader": "~1.2.1",
+    "typescript": "^4.1.3",
+    "vite": "^2.0.0-beta.62",
+    "webpack": "~4.5.0",
+    "webpack-cli": "~2.0.13",
+    "webpack-dev-server": "~3.1.11"
+  }
 }
@@ -0,0 +1,9 @@
+{
+  "infiniteLoopProtection": true,
+  "hardReloadOnChange": false,
+  "view": "browser",
+  "template": "node",
+  "container": {
+    "node": "14"
+  }
+}
@@ -1,5 +1,4 @@
-import Card from '@material-ui/core/Card';
-import Typography from '@material-ui/core/Typography';
+import { Card, Typography } from '@material-ui/core';
 import { makeStyles } from '@material-ui/core/styles';
 import * as React from 'react';
 import {
 
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import PropTypes from 'prop-types';
 
-import Button from '@material-ui/core/Button';
+import { Button } from '@material-ui/core';
 import IconCancel from '@material-ui/icons/Cancel';
 import { makeStyles } from '@material-ui/core/styles';
 
 
@@ -3,11 +3,13 @@ import { Fragment, useState, useCallback } from 'react';
 import { FormSpy, useForm } from 'react-final-form';
 
 import { makeStyles } from '@material-ui/core/styles';
-import Button from '@material-ui/core/Button';
-import Dialog from '@material-ui/core/Dialog';
-import DialogTitle from '@material-ui/core/DialogTitle';
-import DialogContent from '@material-ui/core/DialogContent';
-import DialogActions from '@material-ui/core/DialogActions';
+import {
+    Button,
+    Dialog,
+    DialogTitle,
+    DialogContent,
+    DialogActions,
+} from '@material-ui/core';
 
 import { ReferenceInput, SelectInput, useTranslate } from 'react-admin'; // eslint-disable-line import/no-unresolved
 
 
@@ -2,7 +2,7 @@ import polyglotI18nProvider from 'ra-i18n-polyglot';
 import englishMessages from './i18n/en';
 
 const messages = {
-    fr: () => import('./i18n/fr.js').then(messages => messages.default),
+    fr: () => import('./i18n/fr').then(messages => messages.default),
 };
 
 export default polyglotI18nProvider(locale => {
 
@@ -1,8 +1,7 @@
 import * as React from 'react';
 import { Children, Fragment, cloneElement, memo } from 'react';
 import BookIcon from '@material-ui/icons/Book';
-import Chip from '@material-ui/core/Chip';
-import { useMediaQuery } from '@material-ui/core';
+import { Chip, useMediaQuery } from '@material-ui/core';
 import { makeStyles } from '@material-ui/core/styles';
 import lodashGet from 'lodash/get';
 import jsonExport from 'jsonexport/dist';
 
@@ -23,7 +23,7 @@ import {
     useLocale,
 } from 'react-admin';
 import { Link } from 'react-router-dom';
-import Button from '@material-ui/core/Button';
+import { Button } from '@material-ui/core';
 import PostTitle from './PostTitle';
 
 const CreateRelatedComment = ({ record }) => (
 
@@ -2,7 +2,7 @@ import * as React from 'react';
 import { useState } from 'react';
 import { useForm } from 'react-final-form';
 import { AutocompleteArrayInput, ReferenceArrayInput } from 'react-admin';
-import Button from '@material-ui/core/Button';
+import { Button } from '@material-ui/core';
 import { makeStyles } from '@material-ui/core/styles';
 
 const useStyles = makeStyles({
 
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import Typography from '@material-ui/core/Typography';
+import { Typography } from '@material-ui/core';
 import { makeStyles } from '@material-ui/core/styles';
 
 const useStyles = makeStyles(theme => ({
 
@@ -0,0 +1,20 @@
+{
+    "compilerOptions": {
+        "baseUrl": ".",
+        "outDir": "lib",
+        "rootDir": "src",
+        "declaration": true,
+        "allowJs": false,
+        "jsx": "react",
+        "lib": [
+            "es2017",
+            "dom"
+        ],
+        "moduleResolution": "node",
+        "allowSyntheticDefaultImports": true,
+        "esModuleInterop": true,
+        "skipLibCheck": true
+    },
+    "exclude": ["**/*.spec.ts", "**/*.spec.tsx", "**/*.spec.js"],
+    "include": ["src"]
+}
@@ -0,0 +1,35 @@
+import reactRefresh from '@vitejs/plugin-react-refresh';
+import path from 'path';
+
+/**
+ * https://vitejs.dev/config/
+ * @type { import('vite').UserConfig }
+ */
+export default {
+    plugins: [reactRefresh()],
+    alias: [
+        {
+            find: /^react-admin$/,
+            replacement: path.resolve(
+                __dirname,
+                '../../packages/react-admin/src'
+            ),
+        },
+        {
+            find: /^ra-(.*)$/,
+            replacement: path.resolve(__dirname, '../../packages/ra-$1/src'),
+        },
+        {
+            find: /^@material-ui\/icons\/(.*)/,
+            replacement: '@material-ui/icons/esm/$1',
+        },
+        {
+            find: /^@material-ui\/core\/(.+)/,
+            replacement: '@material-ui/core/es/$1',
+        },
+        {
+            find: /^@material-ui\/core$/,
+            replacement: '@material-ui/core/es',
+        },
+    ],
+};
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+{`
	`2`	`+ "presets": ["@babel/preset-react"]`
	`3`	`+}`