drop PropTypes

React-Automation-Studio · May 2, 2024 · cd1828d · cd1828d
1 parent fccd071
commit cd1828d
Show file tree

Hide file tree

Showing 27 changed files with 4,115 additions and 2,342 deletions.
diff --git a/ReactApp/src/components/Administrator/AccessControl.jsx b/ReactApp/src/components/Administrator/AccessControl.jsx
@@ -1452,6 +1452,5 @@ const AccessControl = (props) => {
   );
 };
 
-AccessControl.propTypes = {};
 
 export default AccessControl;
diff --git a/ReactApp/src/components/Administrator/Administrator.jsx b/ReactApp/src/components/Administrator/Administrator.jsx
@@ -24,7 +24,6 @@ const Administrator =(props)=>{
   );
 }
 
-Administrator.propTypes = {
-};
+
 
 export default Administrator;
diff --git a/ReactApp/src/components/Administrator/AllUsers.jsx b/ReactApp/src/components/Administrator/AllUsers.jsx
@@ -188,7 +188,4 @@ const AllUsers = (props) => {
   );
 }
 
-AllUsers.propTypes = {
-};
-
 export default AllUsers;
diff --git a/ReactApp/src/components/AlarmHandler/TextUpdateStatus.tsx b/ReactApp/src/components/AlarmHandler/TextUpdateStatus.tsx
@@ -3,7 +3,6 @@ import { alpha } from "@mui/material/styles";
 import withStyles from "@mui/styles/withStyles";
 import Widget from "../SystemComponents/Widgets/Widget";
 import { Typography } from "@mui/material";
-import PropTypes from "prop-types";
 import { grey } from "@mui/material/colors";
 
 const styles = (theme) => ({

diff --git a/ReactApp/src/components/ArchiverDataViewer/ArchiverDataViewer.tsx b/ReactApp/src/components/ArchiverDataViewer/ArchiverDataViewer.tsx
@@ -26,7 +26,6 @@ import { MobileDateTimePicker } from "@mui/x-date-pickers/MobileDateTimePicker";
 import Button from "@mui/material/Button";
 import Plot from "react-plotly.js";
 import Grid from "@mui/material/Grid";
-import PropTypes from "prop-types";
 import { isMobile } from "react-device-detect";
 import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
 import TextField from "@mui/material/TextField";

diff --git a/ReactApp/src/components/BaseComponents/ProgressBar.tsx b/ReactApp/src/components/BaseComponents/ProgressBar.tsx
@@ -1,11 +1,6 @@
 import React, { useEffect, useState, useRef } from "react";
-
-import PropTypes from "prop-types";
-
 import { v4 as uuidv4 } from "uuid";
-
 import Widget from "../SystemComponents/Widgets/Widget";
-
 import { FormControlLabel, useTheme } from "@mui/material";
 import { styled } from "@mui/material/styles";
 import { create, all } from "mathjs";
@@ -73,7 +68,20 @@ function getTickValues(
 
   return ticks;
 }
-
+interface ProgressBarComponentProps {
+  width: number;
+  height: number;
+  units: string;
+  value: number;
+  min: number;
+  max: number;
+  lockAspectRatio: boolean;
+  aspectRatio: number;
+  color: string;
+  showValue: boolean;
+  showTicks: boolean;
+  disabled: boolean;
+}
 const ProgressBarComponent = (props) => {
   const theme = useTheme();
   const gradientId = uuidv4();
@@ -246,11 +254,6 @@ const ProgressBarComponent = (props) => {
   );
 };
 
-ProgressBarComponent.propTypes = {
-  height: PropTypes.number,
-  width: PropTypes.number,
-};
-
 const ProgressBarInternalComponent = (props) => {
   const theme = useTheme();
   const ref = useRef(null);
@@ -354,37 +357,36 @@ const ProgressBarInternalComponent = (props) => {
 /**
  * The Progress Bar is an React-Automation-studio component useful fo displaying levels or progress.
  */
-const ProgressBar = (
-  { debug= false,
-    alarmSensitive= false,
-    min= 0,
-    max= 100,
-    showValue= true,
-    showTicks= true,
-    aspectRatio= 1.75,
-    lockAspectRatio= true,
-    labelPlacement= "top",
-    showTooltip= false,
-    
-    ...props}: ProgressBarProps
-) => {
+const ProgressBar = ({
+  debug = false,
+  alarmSensitive = false,
+  min = 0,
+  max = 100,
+  showValue = true,
+  showTicks = true,
+  aspectRatio = 1.75,
+  lockAspectRatio = true,
+  labelPlacement = "top",
+  showTooltip = false,
+
+  ...props
+}: ProgressBarProps) => {
   return (
-
-  <Widget 
-  {...props} 
-  component={ProgressBarInternalComponent} 
-  debug={debug}
-  alarmSensitive={alarmSensitive}
-  min={min}
-  max={max}
-  showValue={showValue}
-  showTicks={showTicks}
-  aspectRatio={aspectRatio}
-  lockAspectRatio={lockAspectRatio}
-  labelPlacement={labelPlacement}
-  showTooltip={showTooltip}
-  />
-)
+    <Widget
+      {...props}
+      component={ProgressBarInternalComponent}
+      debug={debug}
+      alarmSensitive={alarmSensitive}
+      min={min}
+      max={max}
+      showValue={showValue}
+      showTicks={showTicks}
+      aspectRatio={aspectRatio}
+      lockAspectRatio={lockAspectRatio}
+      labelPlacement={labelPlacement}
+      showTooltip={showTooltip}
+    />
+  );
 };
 
 interface ProgressBarProps {
@@ -478,7 +480,7 @@ interface ProgressBarProps {
   useMetadata?: boolean;
   /** Directive to control location of the label */
   labelPlacement?: "top" | "bottom" | "start" | "end";
-  
+
   /**
    * Directive to use the pv metadata's HOPR and LOPR fields or the minPv and maxPv values
    * to limit the maximum and minimum values
@@ -528,5 +530,4 @@ interface ProgressBarProps {
   tooltipProps?: object;
 }
 
-
 export default ProgressBar;