Dependencies updates and cleanup

.eslintrc

@@ -1,33 +1,35 @@
 {
-  "parser": "@typescript-eslint/eslint-plugin",
-  "extends": [
-    "standard",
-    "standard-react",
-    "plugin:prettier/recommended",
-    "prettier/standard",
-    "prettier/react"
-  ],
-  "env": {
-    "node": true
-  },
-  "parserOptions": {
-    "ecmaVersion": 2020,
-    "ecmaFeatures": {
-      "legacyDecorators": true,
-      "jsx": true
+    "parser": "@typescript-eslint/eslint-plugin",
+    "extends": [
+        "standard",
+        "standard-react",
+        "plugin:prettier/recommended",
+        "prettier/standard",
+        "prettier/react"
+    ],
+    "env": {
+        "node": true
+    },
+    "parserOptions": {
+        "ecmaVersion": 2020,
+        "ecmaFeatures": {
+            "legacyDecorators": true,
+            "jsx": true
+        }
+    },
+    "settings": {
+        "react": {
+            "version": "16"
+        }
+    },
+    "rules": {
+        "space-before-function-paren": 0,
+        "react/prop-types": 0,
+        "react/jsx-handler-names": 0,
+        "react/jsx-fragments": 0,
+        "react/no-unused-prop-types": 0,
+        "import/export": 0,
+        "no-unused-vars": "off",
+        "@typescript-eslint/no-unused-vars": "error"
     }
-  },
-  "settings": {
-    "react": {
-      "version": "16"
-    }
-  },
-  "rules": {
-    "space-before-function-paren": 0,
-    "react/prop-types": 0,
-    "react/jsx-handler-names": 0,
-    "react/jsx-fragments": 0,
-    "react/no-unused-prop-types": 0,
-    "import/export": 0
-  }
 }

CHANGELOG.md

@@ -1,11 +1,14 @@
 # Change Log
 
-## [0.19.1] - 2020-12-*
+## [0.20.0] - 2020-12-15
 ### Changed
 - Internal refactor of CMSApp.tsx and contexts.
 - [BREAKING] String properties config multiline value can no longer take a number
 and only accepts boolean values. Numbers used to be used to indicate the number
 of rows but TextField now grow automatically based on the content.
+- Refactor of PreviewComponent to display better error messages when values
+are of an unexpected type.
+- Dependencies update and cleanup.
 
 ## [0.19.0] - 2020-12-03
 ### Changed

example/.gitignore

@@ -30,3 +30,5 @@ firebase-debug.log*
 
 .idea
 
+.eslintcache
+

example/tsconfig.json

@@ -1,28 +1,29 @@
 {
-  "compilerOptions": {
-    "target": "es5",
-    "lib": [
-      "dom",
-      "dom.iterable",
-      "esnext"
+    "compilerOptions": {
+        "target": "es5",
+        "lib": [
+            "dom",
+            "dom.iterable",
+            "esnext"
+        ],
+        "allowJs": true,
+        "skipLibCheck": true,
+        "esModuleInterop": true,
+        "allowSyntheticDefaultImports": true,
+        "strict": true,
+        "forceConsistentCasingInFileNames": true,
+        "noFallthroughCasesInSwitch": true,
+        "module": "esnext",
+        "moduleResolution": "node",
+        "resolveJsonModule": true,
+        "isolatedModules": true,
+        "noEmit": true,
+        "jsx": "react-jsx"
+    },
+    "setupFiles": [
+        "core-js"
     ],
-    "allowJs": true,
-    "skipLibCheck": true,
-    "esModuleInterop": true,
-    "allowSyntheticDefaultImports": true,
-    "strict": true,
-    "forceConsistentCasingInFileNames": true,
-    "module": "esnext",
-    "moduleResolution": "node",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "noEmit": true,
-    "jsx": "react"
-  },
-  "setupFiles": [
-    "core-js"
-  ],
-  "include": [
-    "src"
-  ]
+    "include": [
+        "src"
+    ]
 }

package.json

@@ -1,6 +1,6 @@
 {
     "name": "@camberi/firecms",
-    "version": "0.19.0",
+    "version": "0.20.0",
     "description": "Awesome Firestore based CMS",
     "author": "camberi",
     "license": "GPL-3.0",
@@ -58,7 +58,7 @@
         "react-markdown": "^5.0.2",
         "react-measure": "^2.5.2",
         "react-router-dom": "^5.2.0",
-        "react-select": ">=3",
+        "react-transition-group": "^4.4.1",
         "typeface-roboto": "^0.0.75",
         "typeface-rubik": "^0.0.72",
         "typeface-space-mono": "^1.1.13",
@@ -70,7 +70,7 @@
         "firebase": "^7.21.0",
         "react": "^17.0.1",
         "react-dom": "^17.0.1",
-        "react-scripts": "^3.4.3"
+        "react-scripts": "^4.0.1"
     },
     "devDependencies": {
         "@date-io/core": "^1.3.11",
@@ -83,22 +83,12 @@
         "@types/react-dom": "^17.0.0",
         "@types/react-router-dom": "^5.1.6",
         "@types/yup": "^0.29.7",
-        "@typescript-eslint/eslint-plugin": "^4.1.1",
-        "@typescript-eslint/parser": "^4.1.1",
+        "@typescript-eslint/eslint-plugin": "^4.10.0",
+        "@typescript-eslint/parser": "^4.10.0",
         "algoliasearch": "^4.5.1",
         "babel-eslint": "^10.1.0",
         "cross-env": "^7.0.2",
         "date-fns": "^2.10.0",
-        "eslint": "^6.8.0",
-        "eslint-config-prettier": "^6.11.0",
-        "eslint-config-standard": "^14.1.1",
-        "eslint-config-standard-react": "^9.2.0",
-        "eslint-plugin-import": "^2.22.0",
-        "eslint-plugin-node": "^11.1.0",
-        "eslint-plugin-prettier": "^3.1.4",
-        "eslint-plugin-promise": "^4.2.1",
-        "eslint-plugin-react": "^7.20.6",
-        "eslint-plugin-standard": "^4.0.1",
         "firebase": "^7.21.0",
         "firebase-admin": "^9.2.0",
         "formik": "^2.1.5",
@@ -112,8 +102,7 @@
         "react": "^17.0.1",
         "react-dom": "^17.0.1",
         "react-router-dom": "^5.2.0",
-        "react-scripts": "^3.4.3",
-        "react-select": ">=3",
+        "react-scripts": "^4.0.1",
         "typescript": "^4.1.2",
         "yup": "^0.29.3"
     },

src/CMSRouterSwitch.tsx

@@ -15,7 +15,7 @@ export function CMSRouterSwitch({ navigation, additionalViews }: {
     additionalViews?: AdditionalView[];
 }) {
 
-    const location = useLocation();
+    const location:any = useLocation();
     const mainLocation = location.state && location.state["main_location"] ? location.state["main_location"] : location;
 
     const firstCollectionPath = buildCollectionPath(navigation[0].relativePath);

src/components/CMSAppBar.tsx

@@ -62,7 +62,6 @@ export const CMSAppBar: React.FunctionComponent<CMSAppBarProps> = ({
 
         <Slide direction="down" in={true} mountOnEnter unmountOnExit>
             <AppBar position={"relative"} elevation={2}>
-
                 <Toolbar>
                     <IconButton
                         color="inherit"

src/routes/CMSRoute.tsx

@@ -29,7 +29,7 @@ export function CMSRoute<S extends EntitySchema>({
 
     const entityId: string = useParams()["entityId"];
 
-    const location = useLocation();
+    const location:any = useLocation();
     const { path, url } = useRouteMatch();
 
     const thisType = location.state && location.state["main_location"] ? "collection" : type;

src/side_dialog/SelectedEntityContext.tsx

@@ -2,6 +2,7 @@ import { EntitySchema } from "../models";
 import React, { useContext } from "react";
 import { useHistory, useLocation, useRouteMatch } from "react-router-dom";
 import { getEntityPath, getRouterNewEntityPath } from "../routes/navigation";
+import * as H from 'history';
 
 const DEFAULT_SELECTED_ENTITY = {
     sideLocations: [],
@@ -22,7 +23,7 @@ const DEFAULT_SELECTED_ENTITY = {
 
 export type SelectedEntity<S extends EntitySchema> = {
     close: () => void;
-    sideLocations: Location[];
+    sideLocations: H.Location[];
     open: (props: {
         collectionPath: string,
         entityId?: string
@@ -43,7 +44,7 @@ interface SelectedEntityProviderProps {
 
 export const SelectedEntityProvider: React.FC<SelectedEntityProviderProps> = ({ children }) => {
 
-    const location = useLocation();
+    const location:any = useLocation();
     const history = useHistory();
     const { path, url } = useRouteMatch();
 

tsconfig.json

@@ -8,6 +8,7 @@
         ],
         "moduleResolution": "node",
         "jsx": "react",
+        "noFallthroughCasesInSwitch": true,
         "sourceMap": true,
         "declaration": true,
         "esModuleInterop": true,