components: remove defaultProps

* React 18 deprecates defaultProps on function
  components, spamming the console with deprecation notices.
* Replace `defaultProps` with ES6 default param
  syntax across affected components.

Author: mirekys

src/lib/components/ActiveFilters/ActiveFilters.js

@@ -60,7 +60,12 @@ ActiveFilters.defaultProps = {
   overridableId: "",
 };
 
-const Element = ({ overridableId, filters, removeActiveFilter, getLabel }) => {
+const Element = ({
+  overridableId = "",
+  filters,
+  removeActiveFilter,
+  getLabel,
+}) => {
   const { buildUID } = useContext(AppContext);
 
   return (
@@ -93,8 +98,4 @@ Element.propTypes = {
   overridableId: PropTypes.string,
 };
 
-Element.defaultProps = {
-  overridableId: "",
-};
-
 export default Overridable.component("ActiveFilters", ActiveFilters);

src/lib/components/BucketAggregation/BucketAggregation.js

@@ -99,7 +99,13 @@ BucketAggregation.defaultProps = {
   overridableId: "",
 };
 
-const Element = ({ overridableId, agg, title, containerCmp, updateQueryFilters }) => {
+const Element = ({
+  overridableId = "",
+  agg,
+  title,
+  containerCmp = null,
+  updateQueryFilters,
+}) => {
   const { buildUID } = useContext(AppContext);
 
   return (
@@ -130,9 +136,4 @@ Element.propTypes = {
   updateQueryFilters: PropTypes.func.isRequired,
 };
 
-Element.defaultProps = {
-  containerCmp: null,
-  overridableId: "",
-};
-
 export default Overridable.component("BucketAggregation", BucketAggregation);

src/lib/components/BucketAggregation/BucketAggregationValues.js

@@ -104,7 +104,7 @@ BucketAggregationValues.defaultProps = {
   overridableId: "",
 };
 
-const ContainerElement = ({ valuesCmp, overridableId }) => {
+const ContainerElement = ({ valuesCmp, overridableId = "" }) => {
   const { buildUID } = useContext(AppContext);
 
   return (
@@ -122,16 +122,12 @@ ContainerElement.propTypes = {
   overridableId: PropTypes.string,
 };
 
-ContainerElement.defaultProps = {
-  overridableId: "",
-};
-
 const ValueElement = ({
   bucket,
   isSelected,
   onFilterClicked,
   getChildAggCmps,
-  overridableId,
+  overridableId = "",
   keyField,
 }) => {
   const { buildUID, nextComponentIndex } = useContext(AppContext);
@@ -174,10 +170,6 @@ ValueElement.propTypes = {
   overridableId: PropTypes.string,
 };
 
-ValueElement.defaultProps = {
-  overridableId: "",
-};
-
 export default Overridable.component(
   "BucketAggregationValues",
   BucketAggregationValues

src/lib/components/Count/Count.js

@@ -15,7 +15,7 @@ import { ShouldRender } from "../ShouldRender";
 
 class Count extends Component {
   render() {
-    const { loading, totalResults, label, overridableId } = this.props;
+    const { loading, totalResults, label = (cmp) => cmp, overridableId = "" } = this.props;
     return (
       <ShouldRender condition={!loading && totalResults > 0}>
         {label(<Element totalResults={totalResults} overridableId={overridableId} />)}
@@ -32,12 +32,7 @@ Count.propTypes = {
   totalResults: PropTypes.number.isRequired,
 };
 
-Count.defaultProps = {
-  label: (cmp) => cmp,
-  overridableId: "",
-};
-
-const Element = ({ totalResults, overridableId }) => {
+const Element = ({ totalResults, overridableId = "" }) => {
   const { buildUID } = useContext(AppContext);
   const _overridableId = buildUID("Count.element", overridableId);
 
@@ -53,8 +48,4 @@ Element.propTypes = {
   overridableId: PropTypes.string,
 };
 
-Element.defaultProps = {
-  overridableId: "",
-};
-
 export default Overridable.component("Count", Count);

src/lib/components/EmptyResults/EmptyResults.js

@@ -65,10 +65,10 @@ EmptyResults.defaultProps = {
 };
 
 const Element = ({
-  overridableId,
-  queryString,
+  overridableId = "",
+  queryString = "",
   resetQuery,
-  extraContent,
+  extraContent = null,
   userSelectionFilters,
 }) => {
   const { buildUID } = useContext(AppContext);
@@ -105,10 +105,4 @@ Element.propTypes = {
   userSelectionFilters: PropTypes.array.isRequired,
 };
 
-Element.defaultProps = {
-  queryString: "",
-  extraContent: null,
-  overridableId: "",
-};
-
 export default Overridable.component("EmptyResults", EmptyResults);

src/lib/components/Error/Error.js

@@ -13,7 +13,7 @@ import Overridable from "react-overridable";
 import { AppContext } from "../ReactSearchKit";
 import { ShouldRender } from "../ShouldRender";
 
-function Error({ loading, error, overridableId }) {
+function Error({ loading, error, overridableId = "" }) {
   return (
     <ShouldRender condition={!loading && !_isEmpty(error)}>
       <Element error={error} overridableId={overridableId} />
@@ -28,11 +28,7 @@ Error.propTypes = {
   error: PropTypes.object.isRequired,
 };
 
-Error.defaultProps = {
-  overridableId: "",
-};
-
-const Element = ({ error, overridableId }) => {
+const Element = ({ error, overridableId = "" }) => {
   const { buildUID } = useContext(AppContext);
 
   return (
@@ -48,8 +44,4 @@ Element.propTypes = {
   error: PropTypes.object.isRequired,
 };
 
-Element.defaultProps = {
-  overridableId: "",
-};
-
 export default Overridable.component("Error", Error);

src/lib/components/LayoutSwitcher/LayoutSwitcher.js

@@ -24,7 +24,12 @@ class LayoutSwitcher extends Component {
   };
 
   render() {
-    const { currentLayout, loading, totalResults, overridableId } = this.props;
+    const {
+      currentLayout = null,
+      loading,
+      totalResults,
+      overridableId = "",
+    } = this.props;
     return (
       <ShouldRender condition={currentLayout !== null && !loading && totalResults > 0}>
         <Element
@@ -46,12 +51,11 @@ LayoutSwitcher.propTypes = {
   totalResults: PropTypes.number.isRequired,
 };
 
-LayoutSwitcher.defaultProps = {
-  currentLayout: null,
-  overridableId: "",
-};
-
-const Element = ({ overridableId, currentLayout, onLayoutChange }) => {
+const Element = ({
+  overridableId = "",
+  currentLayout = null,
+  onLayoutChange,
+}) => {
   const { buildUID } = useContext(AppContext);
   return (
     <Overridable
@@ -85,9 +89,4 @@ Element.propTypes = {
   overridableId: PropTypes.string,
 };
 
-Element.defaultProps = {
-  currentLayout: null,
-  overridableId: "",
-};
-
 export default Overridable.component("LayoutSwitcher", LayoutSwitcher);

src/lib/components/Pagination/Pagination.js

@@ -99,13 +99,13 @@ Pagination.defaultProps = {
 };
 
 const Element = ({
-  overridableId,
+  overridableId = "",
   currentPage,
   currentSize,
   totalResults,
   onPageChange,
-  options,
-  maxTotalResults,
+  options = {},
+  maxTotalResults = 10000,
   ...props
 }) => {
   const boundaryRangeCount = options.boundaryRangeCount;
@@ -161,10 +161,4 @@ Element.propTypes = {
   maxTotalResults: PropTypes.number,
 };
 
-Element.defaultProps = {
-  options: {},
-  overridableId: "",
-  maxTotalResults: 10000,
-};
-
 export default Overridable.component("Pagination", Pagination);

src/lib/components/RangeFacet/RangeDefaultFilters.js

@@ -111,9 +111,9 @@ RangeDefaultFilters.defaultProps = {
 
 const RangeDefaultFiltersElement = ({
   ranges,
-  activeLabel,
+  activeLabel = null,
   onToggle,
-  overridableId,
+  overridableId = "",
 }) => {
   const { buildUID } = useContext(AppContext);
 
@@ -150,9 +150,7 @@ RangeDefaultFiltersElement.propTypes = {
   overridableId: PropTypes.string,
 };
 
-RangeDefaultFiltersElement.defaultProps = {
-  activeLabel: null,
-  overridableId: "",
-};
-
-export default Overridable.component("RangeFacet.DefaultFilters", RangeDefaultFilters);
+export default Overridable.component(
+  "RangeFacet.DefaultFilters",
+  RangeDefaultFilters
+);

src/lib/components/RangeFacet/RangeFacet.js

@@ -355,10 +355,10 @@ export default Overridable.component("RangeFacet", withState(RangeFacet));
 
 const RangeFacetElement = ({
   title,
-  containerCmp,
+  containerCmp = null,
   hasActiveFilter,
   onClear,
-  overridableId,
+  overridableId = "",
 }) => {
   const { buildUID } = React.useContext(AppContext);
 
@@ -389,8 +389,3 @@ RangeFacetElement.propTypes = {
   onClear: PropTypes.func.isRequired,
   overridableId: PropTypes.string,
 };
-
-RangeFacetElement.defaultProps = {
-  containerCmp: null,
-  overridableId: "",
-};