{title &&
{title}
}
@@ -21,10 +21,4 @@ Card.propTypes = {
children: PropTypes.node.isRequired,
};
-Card.defaultProps = {
- width: 4,
- title: null,
- children: null,
-};
-
export default Card;
diff --git a/src/Views/Components/ListTable/Pagination/index.tsx b/src/Views/Components/ListTable/Pagination/index.tsx
index fef67b3345..afa1d5f4fd 100644
--- a/src/Views/Components/ListTable/Pagination/index.tsx
+++ b/src/Views/Components/ListTable/Pagination/index.tsx
@@ -4,14 +4,16 @@ import styles from './Pagination.module.scss';
import cx from 'classnames';
import {__, sprintf} from '@wordpress/i18n';
-const Pagination = ({currentPage, totalPages, totalItems = -1, disabled, setPage, singleName, pluralName}) => {
+const Pagination = ({currentPage = 1, totalPages = 0, totalItems = -1, disabled = false, setPage = (n) => {}, singleName, pluralName}) => {
const [pageInput, setPageInput] = useState(1);
useEffect(() => {
setPageInput(currentPage);
}, [currentPage]);
+ // @ts-ignore
const nextPage = parseInt(currentPage) + 1;
+ // @ts-ignore
const previousPage = parseInt(currentPage) - 1;
return (
@@ -42,6 +44,7 @@ const Pagination = ({currentPage, totalPages, totalItems = -1, disabled, setPage
aria-label={__('previous page')}
onClick={(e) => {
if (e.currentTarget.getAttribute('aria-disabled') === 'false') {
+ // @ts-ignore
setPage(parseInt(currentPage) - 1);
}
}}
@@ -80,6 +83,7 @@ const Pagination = ({currentPage, totalPages, totalItems = -1, disabled, setPage
aria-label={__('next page')}
onClick={(e) => {
if (e.currentTarget.getAttribute('aria-disabled') === 'false') {
+ // @ts-ignore
setPage(parseInt(currentPage) + 1);
}
}}
@@ -117,11 +121,4 @@ Pagination.propTypes = {
disabled: PropTypes.bool.isRequired,
};
-Pagination.defaultProps = {
- currentPage: 1,
- totalPages: 0,
- setPage: () => {},
- disabled: false,
-};
-
export default Pagination;
diff --git a/src/Views/Components/Modal/index.js b/src/Views/Components/Modal/index.js
index aece6874f7..fdeffd7cbe 100644
--- a/src/Views/Components/Modal/index.js
+++ b/src/Views/Components/Modal/index.js
@@ -7,7 +7,7 @@ import styles from './styles.module.scss';
import {__} from '@wordpress/i18n';
-const Modal = ({visible, type, children, isLoading, handleClose, ...rest}) => {
+const Modal = ({visible = true, type = 'notice', children = {}, isLoading = false, handleClose = () => {}, ...rest}) => {
const closeModal = useCallback((event) => {
if (event.keyCode === 27 && typeof handleClose === 'function') {
handleClose();
@@ -156,12 +156,4 @@ Modal.AdditionalContext.propTypes = {
context: PropTypes.any.isRequired,
};
-Modal.defaultProps = {
- visible: true,
- isLoading: false,
- type: 'notice',
- children: {},
- handleClose: () => {},
-};
-
export default Modal;
diff --git a/src/Views/Components/Pagination/index.js b/src/Views/Components/Pagination/index.js
index 8edaeca2d7..9be6bc49e1 100644
--- a/src/Views/Components/Pagination/index.js
+++ b/src/Views/Components/Pagination/index.js
@@ -2,7 +2,7 @@ import PropTypes from 'prop-types';
import { __ } from '@wordpress/i18n'
-const Pagination = ({currentPage, totalPages, disabled, setPage}) => {
+const Pagination = ({currentPage = 1, totalPages = 0, disabled = false, setPage = () => {}}) => {
if (1 >= totalPages) {
return false;
}
@@ -100,11 +100,4 @@ Pagination.propTypes = {
disabled: PropTypes.bool.isRequired,
};
-Pagination.defaultProps = {
- currentPage: 1,
- totalPages: 0,
- setPage: () => {},
- disabled: false,
-};
-
export default Pagination;
diff --git a/src/Views/Components/PeriodSelector/index.js b/src/Views/Components/PeriodSelector/index.js
index 95c30ddaf2..6822e87467 100644
--- a/src/Views/Components/PeriodSelector/index.js
+++ b/src/Views/Components/PeriodSelector/index.js
@@ -9,7 +9,7 @@ import 'react-dates/lib/css/_datepicker.css';
import styles from './style.module.scss';
-const PeriodSelector = ({period, setDates}) => {
+const PeriodSelector = ({period = {startDate: null, endDate: null}, setDates = () => {}}) => {
const [focusedInput, setFocusedInput] = useState(null);
const icon = (
@@ -59,12 +59,4 @@ PeriodSelector.propTypes = {
setDates: PropTypes.func.isRequired,
};
-PeriodSelector.defaultProps = {
- period: {
- startDate: null,
- endDate: null,
- },
- setDates: () => {},
-};
-
export default PeriodSelector;
diff --git a/src/Views/Components/Spinner/index.js b/src/Views/Components/Spinner/index.js
index 66bda80094..c149a28da6 100644
--- a/src/Views/Components/Spinner/index.js
+++ b/src/Views/Components/Spinner/index.js
@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
import styles from './style.module.scss';
-const Spinner = ({size, ...rest}) => {
+const Spinner = ({size = 'small', ...rest}) => {
const spinnerClasses = classNames({
[styles.spinner]: true,
[styles.large]: size === 'large',
@@ -24,8 +24,4 @@ Spinner.propTypes = {
size: PropTypes.string,
};
-Spinner.defaultProps = {
- size: 'small',
-};
-
export default Spinner;
diff --git a/src/Views/Components/Table/index.js b/src/Views/Components/Table/index.js
index c41bb2f598..7547d6010c 100644
--- a/src/Views/Components/Table/index.js
+++ b/src/Views/Components/Table/index.js
@@ -7,7 +7,7 @@ import styles from './style.module.scss';
import {__} from '@wordpress/i18n';
-const Table = ({title, columns, data, columnFilters, stripped, isLoading, isSorting, ...rest}) => {
+const Table = ({title = null, columns = [], data = [], columnFilters = {}, stripped = false, isLoading = false, isSorting, ...rest}) => {
const [state, setState] = useState({});
const [cachedData, setCachedData] = useState([]);
@@ -161,13 +161,4 @@ Table.propTypes = {
isLoading: PropTypes.bool,
};
-Table.defaultProps = {
- title: null,
- columns: [],
- data: [],
- columnFilters: {},
- stripped: true,
- isLoading: false,
-};
-
export default Table;