carbon-react 118.5.0 → 118.5.2

package/esm/components/pager/__internal__/pager-navigation.component.js

@@ -1,5 +1,4 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React, { useRef } from "react";
 import PropTypes from "prop-types";
 import { StyledPagerNavigation, StyledPagerNavInner, StyledPagerNoSelect, StyledPagerNavLabel } from "../pager.style";
@@ -8,23 +7,23 @@ import Events from "../../../__internal__/utils/helpers/events";
 import createGuid from "../../../__internal__/utils/helpers/guid";
 import PagerNavigationLink from "./pager-navigation-link.component";
 import useLocale from "../../../hooks/__internal__/useLocale";
-
-const PagerNavigation = ({
-  pageSize,
-  currentPage,
-  setCurrentPage,
-  onNext,
-  onPrevious,
-  onFirst,
-  onLast,
-  onPagination,
-  pageCount,
-  showFirstAndLastButtons = true,
-  showPreviousAndNextButtons = true,
-  showPageCount = true,
-  interactivePageNumber = true,
-  hideDisabledElements = false
-}) => {
+const PagerNavigation = _ref => {
+  let {
+    pageSize,
+    currentPage,
+    setCurrentPage,
+    onNext,
+    onPrevious,
+    onFirst,
+    onLast,
+    onPagination,
+    pageCount,
+    showFirstAndLastButtons = true,
+    showPreviousAndNextButtons = true,
+    showPageCount = true,
+    interactivePageNumber = true,
+    hideDisabledElements = false
+  } = _ref;
   const l = useLocale();
   const guid = useRef(createGuid());
   const currentPageId = `Pager_${guid.current}`;
@@ -37,37 +36,30 @@ const PagerNavigation = ({
     pageCount,
     onPagination
   };
-
   const handlePageInputChange = ev => {
     const pageNumber = +ev.target.value;
-
     if (pageCount === 0) {
       setCurrentPage(0);
       onPagination(0, pageSize, "input");
       return 0;
     }
-
     if (pageNumber <= 0 || Number.isNaN(pageNumber)) {
       setCurrentPage(1);
       onPagination(1, pageSize, "input");
       return 1;
     }
-
     if (pageNumber > pageCount) {
       setCurrentPage(pageCount);
       onPagination(pageCount, pageSize, "input");
       return pageCount;
     }
-
     setCurrentPage(pageNumber);
     onPagination(pageNumber, pageSize, "input");
     return pageNumber;
   };
-
   const handleCurrentPageChange = e => {
     setCurrentPage(+e.target.value);
   };
-
   const renderButtonsBeforeCount = () => /*#__PURE__*/React.createElement(React.Fragment, null, !hasTwoPages && showFirstAndLastButtons && /*#__PURE__*/React.createElement(PagerNavigationLink, _extends({
     type: "first",
     hideDisabledElements: hideDisabledElements,
@@ -77,7 +69,6 @@ const PagerNavigation = ({
     hideDisabledElements: hideDisabledElements,
     onClick: onPrevious
   }, pagerNavigationProps)));
-
   const renderButtonsAfterCount = () => /*#__PURE__*/React.createElement(React.Fragment, null, showPreviousAndNextButtons && /*#__PURE__*/React.createElement(PagerNavigationLink, _extends({
     type: "next",
     hideDisabledElements: hideDisabledElements,
@@ -87,7 +78,6 @@ const PagerNavigation = ({
     hideDisabledElements: hideDisabledElements,
     onClick: onLast
   }, pagerNavigationProps)));
-
   return /*#__PURE__*/React.createElement(StyledPagerNavigation, null, !hasOnePage && renderButtonsBeforeCount(), showPageCount && (interactivePageNumber ? /*#__PURE__*/React.createElement(StyledPagerNavInner, null, /*#__PURE__*/React.createElement("label", {
     htmlFor: currentPageId
   }, /*#__PURE__*/React.createElement(StyledPagerNoSelect, null, l.pager.pageX())), /*#__PURE__*/React.createElement(NumberInput, {
@@ -103,21 +93,4 @@ const PagerNavigation = ({
     "aria-live": "polite"
   }, navLabelString)), !hasOnePage && renderButtonsAfterCount());
 };
-
-PagerNavigation.propTypes = {
-  "currentPage": PropTypes.number.isRequired,
-  "hideDisabledElements": PropTypes.bool,
-  "interactivePageNumber": PropTypes.bool,
-  "onFirst": PropTypes.func,
-  "onLast": PropTypes.func,
-  "onNext": PropTypes.func,
-  "onPagination": PropTypes.func.isRequired,
-  "onPrevious": PropTypes.func,
-  "pageCount": PropTypes.number.isRequired,
-  "pageSize": PropTypes.number.isRequired,
-  "setCurrentPage": PropTypes.func.isRequired,
-  "showFirstAndLastButtons": PropTypes.bool,
-  "showPageCount": PropTypes.bool,
-  "showPreviousAndNextButtons": PropTypes.bool
-};
 export default PagerNavigation;

package/esm/components/pager/pager.component.d.ts

@@ -43,5 +43,5 @@ export interface PagerProps {
     /** What variant the Pager background should be */
     variant?: "default" | "alternate";
 }
-export declare const Pager: ({ currentPage, hideDisabledElements, interactivePageNumber, pageSizeSelectionOptions, pageSize, showPageSizeSelection, totalRecords, onPagination, onNext, onFirst, onPrevious, onLast, showPageSizeLabelBefore, showPageSizeLabelAfter, showTotalRecords, showFirstAndLastButtons, showPreviousAndNextButtons, showPageCount, variant, ...rest }: PagerProps) => JSX.Element;
+export declare const Pager: ({ currentPage, hideDisabledElements, interactivePageNumber, pageSizeSelectionOptions, pageSize, showPageSizeSelection, totalRecords, onPagination, onNext, onFirst, onPrevious, onLast, showPageSizeLabelBefore, showPageSizeLabelAfter, showTotalRecords, showFirstAndLastButtons, showPreviousAndNextButtons, showPageCount, variant, ...rest }: PagerProps) => React.JSX.Element;
 export default Pager;

package/esm/components/pager/pager.component.js

@@ -1,5 +1,4 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React, { useState, useCallback, useEffect, useRef } from "react";
 import PropTypes from "prop-types";
 import { Select, Option } from "../select";
@@ -8,41 +7,41 @@ import useLocale from "../../hooks/__internal__/useLocale";
 import createGuid from "../../__internal__/utils/helpers/guid";
 import { StyledPagerContainer, StyledPagerSizeOptions, StyledPagerSummary, StyledPagerSizeOptionsInner, StyledSelectContainer } from "./pager.style";
 import Events from "../../__internal__/utils/helpers/events";
-
-const Pager = ({
-  currentPage = 1,
-  hideDisabledElements = false,
-  interactivePageNumber = true,
-  pageSizeSelectionOptions = [{
-    id: "10",
-    name: 10
-  }, {
-    id: "25",
-    name: 25
-  }, {
-    id: "50",
-    name: 50
-  }, {
-    id: "100",
-    name: 100
-  }],
-  pageSize = 10,
-  showPageSizeSelection = false,
-  totalRecords = 0,
-  onPagination,
-  onNext,
-  onFirst,
-  onPrevious,
-  onLast,
-  showPageSizeLabelBefore = true,
-  showPageSizeLabelAfter = true,
-  showTotalRecords = true,
-  showFirstAndLastButtons = true,
-  showPreviousAndNextButtons = true,
-  showPageCount = true,
-  variant = "default",
-  ...rest
-}) => {
+export const Pager = _ref => {
+  let {
+    currentPage = 1,
+    hideDisabledElements = false,
+    interactivePageNumber = true,
+    pageSizeSelectionOptions = [{
+      id: "10",
+      name: 10
+    }, {
+      id: "25",
+      name: 25
+    }, {
+      id: "50",
+      name: 50
+    }, {
+      id: "100",
+      name: 100
+    }],
+    pageSize = 10,
+    showPageSizeSelection = false,
+    totalRecords = 0,
+    onPagination,
+    onNext,
+    onFirst,
+    onPrevious,
+    onLast,
+    showPageSizeLabelBefore = true,
+    showPageSizeLabelAfter = true,
+    showTotalRecords = true,
+    showFirstAndLastButtons = true,
+    showPreviousAndNextButtons = true,
+    showPageCount = true,
+    variant = "default",
+    ...rest
+  } = _ref;
   const l = useLocale();
   const [page, setPage] = useState(+currentPage);
   const [currentPageSize, setCurrentPageSize] = useState(+pageSize);
@@ -53,7 +52,6 @@ const Pager = ({
     if (+totalRecords < 0 || Number.isNaN(+totalRecords)) {
       return 1;
     }
-
     return Math.ceil(+totalRecords / currentPageSize);
   }, [totalRecords, currentPageSize]);
   const [pageCount, setPageCount] = useState(getPageCount());
@@ -64,7 +62,6 @@ const Pager = ({
   useEffect(() => {
     const maxPage = getPageCount();
     setPageCount(maxPage);
-
     if (+currentPage > maxPage) {
       setPage(maxPage);
     } else {
@@ -73,14 +70,12 @@ const Pager = ({
   }, [currentPageSize, pageCount, currentPage, totalRecords, getPageCount]);
   const handleOnFirst = useCallback(e => {
     setPage(1);
-
     if (onFirst) {
       onFirst(e);
     }
   }, [onFirst]);
   const handleOnLast = useCallback(e => {
     setPage(pageCount);
-
     if (onLast) {
       onLast(e);
     }
@@ -88,7 +83,6 @@ const Pager = ({
   const handleOnNext = useCallback(e => {
     const nextPage = page + 1;
     setPage(nextPage);
-
     if (onNext) {
       onNext(e);
     }
@@ -96,7 +90,6 @@ const Pager = ({
   const handleOnPrevious = useCallback(e => {
     const previousPage = page - 1;
     setPage(previousPage);
-
     if (onPrevious) {
       onPrevious(e);
     }
@@ -107,7 +100,6 @@ const Pager = ({
     onPagination(1, +selectedValue, "page-select");
   }, [onPagination]);
   const handleKeyDown = useCallback(e => Events.isEnterKey(e) && handleOnPagination(e.target.value), [handleOnPagination]);
-
   const sizeSelector = () => {
     return /*#__PURE__*/React.createElement(StyledSelectContainer, null, /*#__PURE__*/React.createElement(Select, {
       value: String(value),
@@ -123,15 +115,12 @@ const Pager = ({
       onClick: handleOnPagination
     }))));
   };
-
   const renderPageSizeOptions = () => {
     return showPageSizeSelection && /*#__PURE__*/React.createElement(StyledPagerSizeOptionsInner, null, showPageSizeLabelBefore && /*#__PURE__*/React.createElement("label", {
       htmlFor: pageSizeSelectId
     }, l.pager.show()), sizeSelector(), showPageSizeLabelAfter && /*#__PURE__*/React.createElement("div", null, l.pager.records(currentPageSize, false)));
   };
-
   const renderTotalRecords = () => showTotalRecords && l.pager.records(totalRecords);
-
   return /*#__PURE__*/React.createElement(StyledPagerContainer, _extends({
     "data-component": "pager",
     variant: variant
@@ -152,30 +141,4 @@ const Pager = ({
     showPageCount: showPageCount
   }), /*#__PURE__*/React.createElement(StyledPagerSummary, null, renderTotalRecords()));
 };
-
-Pager.propTypes = {
-  "currentPage": PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  "hideDisabledElements": PropTypes.bool,
-  "interactivePageNumber": PropTypes.bool,
-  "onFirst": PropTypes.func,
-  "onLast": PropTypes.func,
-  "onNext": PropTypes.func,
-  "onPagination": PropTypes.func.isRequired,
-  "onPrevious": PropTypes.func,
-  "pageSize": PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  "pageSizeSelectionOptions": PropTypes.arrayOf(PropTypes.shape({
-    "id": PropTypes.string.isRequired,
-    "name": PropTypes.number.isRequired
-  })),
-  "showFirstAndLastButtons": PropTypes.bool,
-  "showPageCount": PropTypes.bool,
-  "showPageSizeLabelAfter": PropTypes.bool,
-  "showPageSizeLabelBefore": PropTypes.bool,
-  "showPageSizeSelection": PropTypes.bool,
-  "showPreviousAndNextButtons": PropTypes.bool,
-  "showTotalRecords": PropTypes.bool,
-  "totalRecords": PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  "variant": PropTypes.oneOf(["alternate", "default"])
-};
-export { Pager };
 export default Pager;

package/esm/components/pager/pager.style.js

@@ -25,16 +25,19 @@ const StyledPagerContainer = styled.div`
   border-top: none;
   color: var(--colorsUtilityYin090);
 
-  ${({
-  variant
-}) => css`
+  ${_ref => {
+  let {
+    variant
+  } = _ref;
+  return css`
       border-width: 1px 1px 1px 1px;
       border-style: none solid solid solid;
       border-bottom-left-radius: var(--borderRadius100);
       border-bottom-right-radius: var(--borderRadius100);
       border-color: var(--colorsUtilityMajor100);
       background-color: ${variant === "alternate" ? "var(--colorsUtilityMajor040)" : "var(--colorsUtilityMajor010)"};
-    `}
+    `;
+}}
 `;
 const StyledPagerSizeOptions = styled.div`
   display: flex;
@@ -107,13 +110,16 @@ const StyledPagerLink = styled(Link)`
   margin-left: 7px;
   margin-right: 7px;
 
-  ${({
-  hideDisabledButtons
-}) => hideDisabledButtons && css`
+  ${_ref2 => {
+  let {
+    hideDisabledButtons
+  } = _ref2;
+  return hideDisabledButtons && css`
       & {
         visibility: hidden;
       }
-    `}
+    `;
+}}
 `;
 const StyledPagerNoSelect = styled.div`
   user-select: none;

package/esm/components/pages/page/page.component.d.ts

@@ -11,7 +11,7 @@ export interface PageProps extends PaddingProps {
     transitionName?: () => string;
 }
 declare const Page: {
-    ({ role, title, children, ...rest }: PageProps): JSX.Element;
+    ({ role, title, children, ...rest }: PageProps): React.JSX.Element;
     displayName: string;
 };
 export default Page;

package/esm/components/pages/page/page.component.js

@@ -1,5 +1,4 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React, { useRef } from "react";
 import PropTypes from "prop-types";
 import { CSSTransition } from "react-transition-group";
@@ -8,13 +7,13 @@ import FullScreenHeading from "../../../__internal__/full-screen-heading";
 import Box from "../../box";
 import { StyledPage, StyledPageContent } from "./page.style";
 import { filterStyledSystemPaddingProps } from "../../../style/utils";
-
-const Page = ({
-  role,
-  title,
-  children,
-  ...rest
-}) => {
+const Page = _ref => {
+  let {
+    role,
+    title,
+    children,
+    ...rest
+  } = _ref;
   const styledPageNodeRef = useRef(null);
   const {
     transitionName
@@ -45,166 +44,5 @@ const Page = ({
     margin: "0 auto"
   }, children))));
 };
-
-Page.propTypes = {
-  "children": PropTypes.node,
-  "p": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string]),
-  "padding": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string]),
-  "paddingBottom": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string]),
-  "paddingLeft": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string]),
-  "paddingRight": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string]),
-  "paddingTop": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string]),
-  "paddingX": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string]),
-  "paddingY": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string]),
-  "pb": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string]),
-  "pl": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string]),
-  "pr": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string]),
-  "pt": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string]),
-  "px": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string]),
-  "py": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string]),
-  "role": PropTypes.string,
-  "title": PropTypes.node,
-  "transitionName": PropTypes.func
-};
 Page.displayName = "Page";
 export default Page;

package/esm/components/pages/pages.component.d.ts

@@ -14,7 +14,7 @@ export interface PagesProps {
     theme?: Partial<ThemeObject>;
 }
 declare const Pages: {
-    ({ pageIndex: incomingPageIndex, initialpageIndex, transition, children, ...props }: PagesProps): JSX.Element;
+    ({ pageIndex: incomingPageIndex, initialpageIndex, transition, children, ...props }: PagesProps): React.JSX.Element;
     displayName: string;
 };
 export default Pages;