4565: Removed prop types

Author: tuj

assets/client/app.jsx

@@ -1,5 +1,4 @@
 import React, { useEffect, useRef, useState } from "react";
-import PropTypes from "prop-types";
 import Screen from "./components/screen.jsx";
 import ContentService from "./service/content-service";
 import ClientConfigLoader from "./util/client-config-loader.js";
@@ -287,9 +286,4 @@ function App({ preview, previewId }) {
   );
 }
 
-App.propTypes = {
-  preview: PropTypes.string,
-  previewId: PropTypes.string,
-};
-
 export default App;

assets/client/components/error-boundary.jsx

@@ -1,5 +1,4 @@
 import React, { Component } from "react";
-import PropTypes from "prop-types";
 import logger from "../logger/logger";
 import fallback from "../assets/fallback.png";
 import "./error-boundary.scss";
@@ -52,9 +51,4 @@ class ErrorBoundary extends Component {
   }
 }
 
-ErrorBoundary.propTypes = {
-  children: PropTypes.node.isRequired,
-  errorHandler: PropTypes.func,
-};
-
 export default ErrorBoundary;

assets/client/components/region.jsx

@@ -1,5 +1,4 @@
 import { React, useEffect, useState, createRef } from "react";
-import PropTypes from "prop-types";
 import "./region.scss";
 import { createGridArea } from "../../shared/grid-generator/grid-generator";
 import { TransitionGroup, CSSTransition } from "react-transition-group";
@@ -206,11 +205,4 @@ function Region({ region }) {
   );
 }
 
-Region.propTypes = {
-  region: PropTypes.shape({
-    "@id": PropTypes.string.isRequired,
-    gridArea: PropTypes.arrayOf(PropTypes.string.isRequired),
-  }).isRequired,
-};
-
 export default Region;

assets/client/components/screen.jsx

@@ -1,5 +1,4 @@
 import { Fragment, React, useEffect, useRef } from "react";
-import PropTypes from "prop-types";
 import SunCalc from "suncalc";
 import { createGrid } from "../../shared/grid-generator/grid-generator";
 import Region from "./region.jsx";
@@ -111,23 +110,4 @@ function Screen({ screen }) {
   );
 }
 
-Screen.propTypes = {
-  screen: PropTypes.shape({
-    "@id": PropTypes.string.isRequired,
-    layoutData: PropTypes.shape({
-      grid: PropTypes.shape({
-        columns: PropTypes.number.isRequired,
-        rows: PropTypes.number.isRequired,
-      }),
-      regions: PropTypes.arrayOf(
-        PropTypes.shape({
-          "@id": PropTypes.string.isRequired,
-          // @TODO: Expand prop type.
-        })
-      ),
-    }).isRequired,
-    enableColorSchemeChange: PropTypes.bool,
-  }).isRequired,
-};
-
 export default Screen;

assets/client/components/touch-region.jsx

@@ -1,5 +1,4 @@
 import { React, useEffect, useState, createRef } from "react";
-import PropTypes from "prop-types";
 import "./touch-region.scss";
 import { createGridArea } from "../../shared/grid-generator/grid-generator";
 import ErrorBoundary from "./error-boundary.jsx";
@@ -191,11 +190,4 @@ function TouchRegion({ region }) {
   );
 }
 
-TouchRegion.propTypes = {
-  region: PropTypes.shape({
-    "@id": PropTypes.string.isRequired,
-    gridArea: PropTypes.arrayOf(PropTypes.string.isRequired),
-  }).isRequired,
-};
-
 export default TouchRegion;

assets/shared/slide-utils/slide-util.jsx

@@ -1,6 +1,5 @@
 import { createGlobalStyle } from "styled-components";
 import React from "react";
-import PropTypes from "prop-types";
 
 /**
  * Get the first media url of a media field.
@@ -67,9 +66,4 @@ function ThemeStyles({ id, css = null }) {
   return <ThemeComponent />;
 }
 
-ThemeStyles.propTypes = {
-  id: PropTypes.string.isRequired,
-  css: PropTypes.string,
-};
-
 export { getAllMediaUrlsFromField, getFirstMediaUrlFromField, ThemeStyles };

assets/template/index.jsx

@@ -12,7 +12,6 @@ import {
   Routes,
   useParams,
 } from "react-router-dom";
-import PropTypes from "prop-types";
 import { renderSlide } from "../shared/slide-utils/templates.js";
 import slideFixtures from "./fixtures/slide-fixtures.js";
 import screenFixtures from "./fixtures/screen-fixtures.js";
@@ -122,10 +121,6 @@ export const Screen = ({screen}) => {
   return <div className="app">{screen && renderScreen(screen)}</div>;
 };
 
-Screen.propTypes = {
-  screen: PropTypes.shape({}).isRequired,
-};
-
 export const Overview = () => {
   return (
     <div style={{margin: "2em"}}>

package-lock.json

@@ -43,7 +43,6 @@
     "lodash.set": "^4.3.2",
     "lodash.uniqwith": "^4.5.0",
     "pino": "^9.1.0",
-    "prop-types": "^15.7.2",
     "qrcode": "^1.5.4",
     "query-string": "^7.1.1",
     "react": "^18.2.0",