fix: Replace default props with default function arguments, to prep f…

…or React 19

src/components/AppBarNavigation/RenderLogo/index.tsx

@@ -47,9 +47,4 @@ const RenderLogo: FC<RenderLogoProps> = ({
   return children;
 };
 
-RenderLogo.defaultProps = {
-  LinkComponent: undefined,
-  LinkProps: undefined,
-};
-
 export default RenderLogo;

src/components/AppBarNavigation/RenderNavigationItem/index.tsx

@@ -46,9 +46,4 @@ const RenderNavigationItem: FC<RenderNavigationItemProps> = ({
   );
 };
 
-RenderNavigationItem.defaultProps = {
-  isActive: undefined,
-  LinkComponent: undefined,
-};
-
 export default RenderNavigationItem;

src/components/AppBarNavigation/index.tsx

@@ -55,10 +55,4 @@ export const AppBarNavigation: FC<AppBarNavigationProps> = ({
   </StyledAppBar>
 );
 
-AppBarNavigation.defaultProps = {
-  appBarHeight: undefined,
-  AppBarProps: undefined,
-  headerRightElement: undefined,
-};
-
 export default AppBarNavigation;

src/components/AreaChart/index.tsx

@@ -202,24 +202,4 @@ export const AreaChart: React.FC<AreaChartProps> = (
   );
 };
 
-AreaChart.defaultProps = {
-  areaChartProps: undefined,
-  areaProps: undefined,
-  children: undefined,
-  colors: undefined,
-  height: undefined,
-  legendProps: undefined,
-  responsiveContainerProps: undefined,
-  showLegend: undefined,
-  tooltipProps: undefined,
-  width: undefined,
-  xAxisProps: undefined,
-  xLabel: undefined,
-  xLabelProps: undefined,
-  yAxisProps: undefined,
-  yLabel: undefined,
-  yLabelProps: undefined,
-  yReferenceValue: undefined,
-};
-
 export default AreaChart;

src/components/BarChart/CustomTooltip/index.tsx

@@ -122,16 +122,4 @@ export const CustomTooltip: React.FC<CustomToolTipProps> = (
   return null;
 };
 
-CustomTooltip.defaultProps = {
-  barId: undefined,
-  data: undefined,
-  formatLabel: undefined,
-  formatValue: undefined,
-  formatValueLabel: undefined,
-  renderAdditionalInfo: undefined,
-  showValue: undefined,
-  tooltipColor: undefined,
-  valueLabel: undefined,
-};
-
 export default CustomTooltip;

src/components/BarChart/CustomizedAxisTick/index.tsx

@@ -70,12 +70,4 @@ export const CustomizedAxisTick: React.FC<CustomizedAxisTickProps> = ({
   );
 };
 
-CustomizedAxisTick.defaultProps = {
-  onClick: undefined,
-  payload: undefined,
-  textWidth: undefined,
-  variant: undefined,
-  yAxisLabelTypographyProps: undefined,
-};
-
 export default CustomizedAxisTick;

src/components/BarChart/index.tsx

@@ -354,34 +354,4 @@ export const BarChart: React.FC<BarChartProps> = (
   );
 };
 
-BarChart.defaultProps = {
-  barKeys: undefined,
-  barProps: undefined,
-  cartesianGridProps: undefined,
-  chartProps: undefined,
-  children: undefined,
-  colors: undefined,
-  containerRef: undefined,
-  containerStyles: undefined,
-  customizeBarFillColor: undefined,
-  customizedAxisTickProps: undefined,
-  height: undefined,
-  labelListProps: undefined,
-  maxHeight: undefined,
-  parentHeight: undefined,
-  responsiveContainerProps: undefined,
-  setTooltipBarId: undefined,
-  subLabelProps: undefined,
-  subLabels: undefined,
-  subLabelWidth: undefined,
-  tooltipBarId: undefined,
-  tooltipProps: undefined,
-  UnhoveredTooltipComponent: undefined,
-  variant: undefined,
-  width: undefined,
-  xAxisProps: undefined,
-  yAxisLabelTypographyProps: undefined,
-  yAxisProps: undefined,
-};
-
 export default BarChart;

src/components/ConfirmDialog/ConfirmDialog.tsx

@@ -104,11 +104,11 @@ export const ConfirmDialog = (props: ConfirmDialogProps): ReactElement => {
     onCancel,
     onConfirm,
     onClose,
-    title,
+    title = 'Confirmation',
     description,
     content,
-    confirmationText,
-    cancellationText,
+    confirmationText = 'Ok',
+    cancellationText = 'Cancel',
     dialogProps,
     confirmationButtonProps,
     cancellationButtonProps,
@@ -156,12 +156,4 @@ export const ConfirmDialog = (props: ConfirmDialogProps): ReactElement => {
   );
 };
 
-ConfirmDialog.defaultProps = {
-  allowClose: true,
-  cancellationText: 'Cancel',
-  confirmationText: 'Ok',
-  isOpen: false,
-  title: 'Confirmation',
-} as ConfirmDialogProps;
-
 export default ConfirmDialog;

src/components/CountyMap/index.tsx

@@ -166,14 +166,4 @@ export const CountyMap: React.FC<CountyMapProps> = ({
   );
 };
 
-CountyMap.defaultProps = {
-  mapPopupProps: undefined,
-  mapProps: undefined,
-  onHoverInfo: undefined,
-  processDataFn: undefined,
-  selectedCounty: undefined,
-  setOnHoverInfo: undefined,
-  tooltipElement: undefined,
-};
-
 export default CountyMap;

src/components/DataTable/TableCellHead/index.tsx

@@ -34,7 +34,7 @@ export interface TableCellHeadProps extends TableCellProps {
 export const TableCellHead: FC<TableCellHeadProps> = ({
   classes: classesProp,
   children,
-  color,
+  color = 'default',
   currentSortObject,
   onChangeSort,
   sortBy,
@@ -121,10 +121,4 @@ export const TableCellHead: FC<TableCellHeadProps> = ({
   );
 };
 
-TableCellHead.defaultProps = {
-  color: 'default',
-  sortBy: undefined,
-  style: undefined,
-};
-
 export default TableCellHead;

src/components/DataTable/TableContainer/index.tsx

@@ -23,8 +23,4 @@ const TableContainer: FC<TableContainerProps> = (
   <MuiTableContainer component={Component} {...props} />
 );
 
-TableContainer.defaultProps = {
-  component: undefined,
-};
-
 export default TableContainer;

src/components/DataTable/index.tsx

@@ -47,7 +47,7 @@ export interface DataTableProps<T> {
 }
 
 export const DataTable = <T,>({
-  color,
+  color = 'default',
   columns,
   currentSortObject,
   emptyStateProps,
@@ -144,16 +144,4 @@ export const DataTable = <T,>({
   </TableContainer>
 );
 
-DataTable.defaultProps = {
-  color: 'default',
-  emptyStateProps: undefined,
-  limit: undefined,
-  offset: undefined,
-  onChangeLimit: undefined,
-  onChangeOffset: undefined,
-  rowsPerPageOptions: undefined,
-  RowWrapper: undefined,
-  totalCount: undefined,
-};
-
 export default DataTable;

src/components/Dialog/index.tsx

@@ -65,9 +65,4 @@ export function Dialog({
   );
 }
 
-Dialog.defaultProps = {
-  onClose: undefined,
-  title: undefined,
-};
-
 export default Dialog;

src/components/EmptyState/index.tsx

@@ -109,15 +109,4 @@ export const EmptyState: FC<EmptyStateProps> = ({
   );
 };
 
-EmptyState.defaultProps = {
-  buttonProps: undefined,
-  description: undefined,
-  descriptionTypographyProps: undefined,
-  Icon: undefined,
-  iconProps: undefined,
-  style: undefined,
-  title: undefined,
-  titleTypographyProps: undefined,
-};
-
 export default EmptyState;

src/components/FormCheckbox/index.tsx

@@ -53,11 +53,4 @@ export function FormCheckbox({
   );
 }
 
-FormCheckbox.defaultProps = {
-  formControlProps: undefined,
-  fullWidth: undefined,
-  labelProps: undefined,
-  value: undefined,
-};
-
 export default FormCheckbox;

src/components/FormInput/index.tsx

@@ -69,12 +69,4 @@ export function FormInput({
   );
 }
 
-FormInput.defaultProps = {
-  errorMessage: undefined,
-  formControlProps: undefined,
-  helpText: undefined,
-  label: undefined,
-  labelProps: undefined,
-};
-
 export default FormInput;

src/components/FormRadio/index.tsx

@@ -42,8 +42,4 @@ export function FormRadio({
   );
 }
 
-FormRadio.defaultProps = {
-  labelProps: undefined,
-};
-
 export default FormRadio;

src/components/FormRadioGroup/index.tsx

@@ -51,10 +51,4 @@ export function FormRadioGroup({
   );
 }
 
-FormRadioGroup.defaultProps = {
-  formControlProps: undefined,
-  helpText: undefined,
-  inputLabelProps: undefined,
-};
-
 export default FormRadioGroup;

src/components/FormSelect/index.tsx

@@ -98,14 +98,4 @@ export function FormSelect({
   );
 }
 
-FormSelect.defaultProps = {
-  errorMessage: undefined,
-  formControlProps: undefined,
-  helpText: undefined,
-  labelProps: undefined,
-  options: [],
-  placeholder: undefined,
-  placeholderIsDisabled: undefined,
-};
-
 export default FormSelect;

src/components/FormSwitch/index.tsx

@@ -53,11 +53,4 @@ export function FormSwitch({
   );
 }
 
-FormSwitch.defaultProps = {
-  formControlProps: undefined,
-  fullWidth: undefined,
-  labelProps: undefined,
-  value: undefined,
-};
-
 export default FormSwitch;

src/components/GeomarketMap/index.tsx

@@ -153,14 +153,4 @@ export const GeomarketMap: React.FC<GeomarketMapProps> = ({
   );
 };
 
-GeomarketMap.defaultProps = {
-  mapPopupProps: undefined,
-  mapProps: undefined,
-  onHoverInfo: undefined,
-  processDataFn: undefined,
-  selectedGeomarket: undefined,
-  setOnHoverInfo: undefined,
-  tooltipElement: undefined,
-};
-
 export default GeomarketMap;

src/components/GridGenerator/index.tsx

@@ -54,9 +54,4 @@ export const GridGenerator: FC<GridGeneratorProps> = ({
   </>
 );
 
-GridGenerator.defaultProps = {
-  gridContainerProps: undefined,
-  gridItemProps: undefined,
-};
-
 export default GridGenerator;

src/components/HeatMap/index.tsx

@@ -262,15 +262,4 @@ export const HeatMap: React.FC<HeatMapProps> = (
   );
 };
 
-HeatMap.defaultProps = {
-  color: undefined,
-  data: undefined,
-  mapPopupProps: undefined,
-  mapProps: undefined,
-  onHoverInfo: undefined,
-  setOnHoverInfo: undefined,
-  sourceId: undefined,
-  tooltipElement: undefined,
-};
-
 export default HeatMap;

src/components/IdleTimer/index.tsx

@@ -77,12 +77,4 @@ export const IdleTimer: FC<IdleTimerProps> = ({
   return null;
 };
 
-IdleTimer.defaultProps = {
-  children: undefined,
-  onAction: undefined,
-  onActive: undefined,
-  onIdle: undefined,
-  stopOnIdle: undefined,
-};
-
 export default IdleTimer;

src/components/InputLabel/index.tsx

@@ -44,7 +44,7 @@ export const InputLabel: FC<InputLabelProps> = ({
   children,
   required,
   helpText,
-  helpPlacement,
+  helpPlacement = 'right',
   ...otherProps
 }: InputLabelProps): ReactElement<InputLabelProps> => (
   <StyledInputLabel classes={classesProp} {...otherProps}>
@@ -62,8 +62,4 @@ export const InputLabel: FC<InputLabelProps> = ({
   </StyledInputLabel>
 );
 
-InputLabel.defaultProps = {
-  helpPlacement: 'right',
-} as InputLabelProps;
-
 export default InputLabel;