carbon-react 118.5.1 → 118.6.0

package/esm/components/numeral-date/numeral-date.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, { useContext, useState, useEffect, useRef, useMemo } from "react";
 import PropTypes from "prop-types";
 import invariant from "invariant";
@@ -21,55 +20,51 @@ import Logger from "../../__internal__/utils/logger";
 let deprecateUncontrolledWarnTriggered = false;
 export const ALLOWED_DATE_FORMATS = [["dd", "mm", "yyyy"], ["mm", "dd", "yyyy"], ["dd", "mm"], ["mm", "dd"], ["mm", "yyyy"]];
 const incorrectDateFormatMessage = "Forbidden prop dateFormat supplied to NumeralDate. " + "Only one of these date formats is allowed: " + "['dd', 'mm', 'yyyy'], " + "['mm', 'dd', 'yyyy'], " + "['dd', 'mm'], " + "['mm', 'dd'], " + "['mm', 'yyyy']";
-
 const isDayValid = day => day ? +day > 0 && +day < 32 : true;
-
 const isMonthValid = month => month ? +month > 0 && +month < 13 : true;
-
 const isYearValid = year => year ? +year > 1799 && +year < 2201 : true;
-
 const validations = {
   dd: isDayValid,
   mm: isMonthValid,
   yyyy: isYearValid
 };
-
-const NumeralDate = ({
-  dateFormat = ["dd", "mm", "yyyy"],
-  defaultValue,
-  disabled,
-  error = "",
-  warning = "",
-  "data-component": dataComponent,
-  "data-element": dataElement,
-  "data-role": dataRole,
-  info,
-  id,
-  name,
-  onBlur,
-  onChange,
-  value,
-  validationOnLabel = false,
-  label,
-  labelInline,
-  labelWidth,
-  labelAlign,
-  labelHelp,
-  labelSpacing,
-  fieldHelp,
-  adaptiveLabelBreakpoint,
-  required,
-  readOnly,
-  size,
-  enableInternalError,
-  enableInternalWarning,
-  tooltipPosition,
-  helpAriaLabel,
-  dayRef,
-  monthRef,
-  yearRef,
-  ...rest
-}) => {
+export const NumeralDate = _ref => {
+  let {
+    dateFormat = ["dd", "mm", "yyyy"],
+    defaultValue,
+    disabled,
+    error = "",
+    warning = "",
+    "data-component": dataComponent,
+    "data-element": dataElement,
+    "data-role": dataRole,
+    info,
+    id,
+    name,
+    onBlur,
+    onChange,
+    value,
+    validationOnLabel = false,
+    label,
+    labelInline,
+    labelWidth,
+    labelAlign,
+    labelHelp,
+    labelSpacing,
+    fieldHelp,
+    adaptiveLabelBreakpoint,
+    required,
+    readOnly,
+    size,
+    enableInternalError,
+    enableInternalWarning,
+    tooltipPosition,
+    helpAriaLabel,
+    dayRef,
+    monthRef,
+    yearRef,
+    ...rest
+  } = _ref;
   const l = useLocale();
   const {
     validationRedesignOptIn
@@ -80,7 +75,8 @@ const NumeralDate = ({
   const isControlled = useRef(value !== undefined);
   const initialValue = isControlled.current ? value : defaultValue;
   const refs = useRef(dateFormat.map(() => null));
-  const [internalMessages, setInternalMessages] = useState({ ...Object.fromEntries(dateFormat.map(datePart => [datePart, ""]))
+  const [internalMessages, setInternalMessages] = useState({
+    ...Object.fromEntries(dateFormat.map(datePart => [datePart, ""]))
   });
   const hasCorrectDateFormat = useMemo(() => {
     const isAllowed = !dateFormat || ALLOWED_DATE_FORMATS.find(allowedDateFormat => JSON.stringify(allowedDateFormat) === JSON.stringify(dateFormat));
@@ -96,9 +92,9 @@ const NumeralDate = ({
     mm: l.numeralDate.validation.month(),
     yyyy: l.numeralDate.validation.year()
   };
-  const [dateValue, setDateValue] = useState({ ...(initialValue || Object.fromEntries(dateFormat.map(datePart => [datePart, ""])))
+  const [dateValue, setDateValue] = useState({
+    ...(initialValue || Object.fromEntries(dateFormat.map(datePart => [datePart, ""])))
   });
-
   const createCustomEventObject = newValue => ({
     target: {
       name,
@@ -106,64 +102,55 @@ const NumeralDate = ({
       value: newValue
     }
   });
-
   const onKeyPress = event => {
     const isValidKey = Events.isNumberKey(event) || Events.isTabKey(event) || event.key === "Delete" || event.key === "Backspace";
-
     if (!isValidKey) {
       event.preventDefault();
     }
   };
-
   const handleChange = (event, datePart) => {
     const {
       value: newValue
     } = event.target;
-
     if (newValue.length <= datePart.length) {
-      const newDateValue = { ...dateValue,
+      const newDateValue = {
+        ...dateValue,
         [datePart]: newValue
       };
       setDateValue(newDateValue);
-      /* istanbul ignore else */
 
+      /* istanbul ignore else */
       if (onChange) {
         onChange(createCustomEventObject(newDateValue));
       }
     }
   };
-
   const handleBlur = datePart => {
     const internalValidationEnabled = enableInternalError || enableInternalWarning;
     /* istanbul ignore else */
-
     if (internalValidationEnabled) {
       const newDatePart = dateValue[datePart];
       const errorMessage = validations[datePart](newDatePart) ? "" : validationMessages[datePart];
-      setInternalMessages(prev => ({ ...prev,
+      setInternalMessages(prev => ({
+        ...prev,
         [datePart]: errorMessage
       }));
     }
-
     setTimeout(() => {
       const hasBlurred = !refs.current.find(ref => ref === document.activeElement);
       /* istanbul ignore else */
-
       if (onBlur && hasBlurred) {
         onBlur(createCustomEventObject(dateValue));
       }
     }, 5);
   };
-
   const internalMessage = Object.keys(internalMessages).reduce((combinedMessage, datePart) => internalMessages[datePart] ? `${combinedMessage + internalMessages[datePart]}\n` : combinedMessage, "");
   const internalError = enableInternalError ? internalMessage + error : error;
   const internalWarning = enableInternalWarning ? internalMessage + warning : warning;
-
   if (!deprecateUncontrolledWarnTriggered && !isControlled.current) {
     deprecateUncontrolledWarnTriggered = true;
     Logger.deprecate("Uncontrolled behaviour in `Numeral Date` is deprecated and support will soon be removed. Please make sure all your inputs are controlled.");
   }
-
   return /*#__PURE__*/React.createElement(TooltipProvider, {
     helpAriaLabel: helpAriaLabel
   }, /*#__PURE__*/React.createElement(InputGroupBehaviour, null, /*#__PURE__*/React.createElement(FormField, _extends({
@@ -201,26 +188,20 @@ const NumeralDate = ({
     const isStringValidation = typeof validation === "string";
     const hasValidationIcon = isStringValidation && !!validation.length;
     let inputRef;
-
     switch (datePart.slice(0, 2)) {
       case "dd":
         inputRef = dayRef;
         break;
-
       case "mm":
         inputRef = monthRef;
         break;
-
       case "yy":
         inputRef = yearRef;
         break;
-
       /* istanbul ignore next */
-
       default:
         break;
     }
-
     return /*#__PURE__*/React.createElement(NumeralDateContext.Provider, {
       value: {
         disableErrorBorder: index !== 0
@@ -245,11 +226,9 @@ const NumeralDate = ({
       onChange: e => handleChange(e, datePart),
       ref: element => {
         refs.current[index] = element;
-
         if (!inputRef) {
           return;
         }
-
         if (typeof inputRef === "function") {
           inputRef(element);
         } else {
@@ -272,235 +251,4 @@ const NumeralDate = ({
     })))));
   })))));
 };
-
-NumeralDate.propTypes = {
-  "adaptiveLabelBreakpoint": PropTypes.number,
-  "data-component": PropTypes.string,
-  "data-element": PropTypes.string,
-  "data-role": PropTypes.string,
-  "dateFormat": PropTypes.shape({
-    "__@iterator": PropTypes.func.isRequired,
-    "0": PropTypes.oneOf(["dd"]).isRequired,
-    "1": PropTypes.oneOf(["mm"]).isRequired,
-    "2": PropTypes.oneOf(["yyyy"]).isRequired,
-    "concat": PropTypes.func.isRequired,
-    "entries": PropTypes.func.isRequired,
-    "every": PropTypes.func.isRequired,
-    "filter": PropTypes.func.isRequired,
-    "find": PropTypes.func.isRequired,
-    "findIndex": PropTypes.func.isRequired,
-    "flat": PropTypes.func.isRequired,
-    "flatMap": PropTypes.func.isRequired,
-    "forEach": PropTypes.func.isRequired,
-    "includes": PropTypes.func.isRequired,
-    "indexOf": PropTypes.func.isRequired,
-    "join": PropTypes.func.isRequired,
-    "keys": PropTypes.func.isRequired,
-    "lastIndexOf": PropTypes.func.isRequired,
-    "length": PropTypes.oneOf([3]).isRequired,
-    "map": PropTypes.func.isRequired,
-    "reduce": PropTypes.func.isRequired,
-    "reduceRight": PropTypes.func.isRequired,
-    "slice": PropTypes.func.isRequired,
-    "some": PropTypes.func.isRequired,
-    "toLocaleString": PropTypes.func.isRequired,
-    "toString": PropTypes.func.isRequired,
-    "values": PropTypes.func.isRequired
-  }),
-  "dayRef": PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
-    "current": PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.object]).isRequired
-  })]),
-  "defaultValue": PropTypes.shape({
-    "dd": PropTypes.string.isRequired,
-    "mm": PropTypes.string.isRequired
-  }),
-  "disabled": PropTypes.bool,
-  "enableInternalError": PropTypes.bool,
-  "enableInternalWarning": PropTypes.bool,
-  "error": PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-  "fieldHelp": PropTypes.node,
-  "helpAriaLabel": PropTypes.string,
-  "id": PropTypes.string,
-  "info": PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-  "label": PropTypes.string,
-  "labelAlign": PropTypes.oneOf(["left", "right"]),
-  "labelHelp": PropTypes.node,
-  "labelInline": PropTypes.bool,
-  "labelSpacing": PropTypes.oneOf([1, 2]),
-  "labelWidth": PropTypes.number,
-  "m": 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]),
-  "margin": 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]),
-  "marginBottom": 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]),
-  "marginLeft": 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]),
-  "marginRight": 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]),
-  "marginTop": 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]),
-  "marginX": 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]),
-  "marginY": 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]),
-  "mb": 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]),
-  "ml": 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]),
-  "monthRef": PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
-    "current": PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.object]).isRequired
-  })]),
-  "mr": 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]),
-  "mt": 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]),
-  "mx": 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]),
-  "my": 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]),
-  "name": PropTypes.string,
-  "onBlur": PropTypes.func,
-  "onChange": PropTypes.func,
-  "readOnly": PropTypes.bool,
-  "required": PropTypes.bool,
-  "size": PropTypes.oneOf(["large", "medium", "small"]),
-  "tooltipPosition": PropTypes.oneOf(["bottom", "left", "right", "top"]),
-  "validationOnLabel": PropTypes.bool,
-  "value": PropTypes.shape({
-    "dd": PropTypes.string.isRequired,
-    "mm": PropTypes.string.isRequired
-  }),
-  "warning": PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-  "yearRef": PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
-    "current": PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.object]).isRequired
-  })])
-};
-export { NumeralDate };
 export default NumeralDate;

package/esm/components/numeral-date/numeral-date.style.js

@@ -17,13 +17,14 @@ export const StyledNumeralDate = styled.div`
   }
 `;
 export const StyledDateField = styled.div`
-  ${({
-  isStart,
-  isYearInput,
-  isEnd,
-  hasValidationIcon,
-  isMiddle
-}) => {
+  ${_ref => {
+  let {
+    isStart,
+    isYearInput,
+    isEnd,
+    hasValidationIcon,
+    isMiddle
+  } = _ref;
   const yearInputOrError = isYearInput || isEnd && hasValidationIcon;
   return css`
       ${StyledInputPresentantion} {

package/esm/components/pager/__internal__/pager-navigation-link.component.d.ts

@@ -15,5 +15,5 @@ interface PagerNavigationLinkProps {
     /** onPagination Callback to process pagination  */
     onPagination?: (pageSize: number, currentPage: number, origin: string) => void;
 }
-declare const PagerNavigationLink: ({ type, currentPage, pageCount, hideDisabledElements, pageSize, onClick, onPagination, }: PagerNavigationLinkProps) => JSX.Element;
+declare const PagerNavigationLink: ({ type, currentPage, pageCount, hideDisabledElements, pageSize, onClick, onPagination, }: PagerNavigationLinkProps) => React.JSX.Element;
 export default PagerNavigationLink;

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

@@ -2,16 +2,16 @@ import React, { useRef, useEffect, useCallback } from "react";
 import PropTypes from "prop-types";
 import { StyledPagerLink } from "../pager.style";
 import useLocale from "../../../hooks/__internal__/useLocale";
-
-const PagerNavigationLink = ({
-  type,
-  currentPage,
-  pageCount,
-  hideDisabledElements,
-  pageSize,
-  onClick,
-  onPagination
-}) => {
+const PagerNavigationLink = _ref => {
+  let {
+    type,
+    currentPage,
+    pageCount,
+    hideDisabledElements,
+    pageSize,
+    onClick,
+    onPagination
+  } = _ref;
   const l = useLocale();
   const linkRef = useRef(null);
   const navLinkConfig = {
@@ -36,11 +36,9 @@ const PagerNavigationLink = ({
     if (currentPage === 1) {
       return type === "previous" || type === "first";
     }
-
     if (currentPage === pageCount) {
       return type === "next" || type === "last";
     }
-
     return false;
   }, [pageCount, currentPage, type]);
   useEffect(() => {
@@ -48,12 +46,10 @@ const PagerNavigationLink = ({
       linkRef.current.blur();
     }
   }, [disabled]);
-
   const handleOnClick = ev => {
-    onClick === null || onClick === void 0 ? void 0 : onClick(ev);
-    onPagination === null || onPagination === void 0 ? void 0 : onPagination(navLinkConfig[type].destination, pageSize, type);
+    onClick?.(ev);
+    onPagination?.(navLinkConfig[type].destination, pageSize, type);
   };
-
   const {
     text
   } = navLinkConfig[type];
@@ -62,20 +58,11 @@ const PagerNavigationLink = ({
     hideDisabledButtons: hideDisabledButtons,
     "data-element": `pager-link-${type}`,
     disabled: disabled(),
-    onClick: // Type assertion due to the fact that StyledPagerLink
+    onClick:
+    // Type assertion due to the fact that StyledPagerLink
     // will always return a button element
     handleOnClick,
     ref: linkRef
   }, text);
 };
-
-PagerNavigationLink.propTypes = {
-  "currentPage": PropTypes.number.isRequired,
-  "hideDisabledElements": PropTypes.bool,
-  "onClick": PropTypes.func,
-  "onPagination": PropTypes.func,
-  "pageCount": PropTypes.number.isRequired,
-  "pageSize": PropTypes.number.isRequired,
-  "type": PropTypes.oneOf(["first", "last", "next", "previous"]).isRequired
-};
 export default PagerNavigationLink;

package/esm/components/pager/__internal__/pager-navigation.component.d.ts

@@ -28,5 +28,5 @@ export interface PagerNavigationProps {
     /** If true, sets css property visibility: hidden on all disabled elements  */
     hideDisabledElements?: boolean;
 }
-declare const PagerNavigation: ({ pageSize, currentPage, setCurrentPage, onNext, onPrevious, onFirst, onLast, onPagination, pageCount, showFirstAndLastButtons, showPreviousAndNextButtons, showPageCount, interactivePageNumber, hideDisabledElements, }: PagerNavigationProps) => JSX.Element;
+declare const PagerNavigation: ({ pageSize, currentPage, setCurrentPage, onNext, onPrevious, onFirst, onLast, onPagination, pageCount, showFirstAndLastButtons, showPreviousAndNextButtons, showPageCount, interactivePageNumber, hideDisabledElements, }: PagerNavigationProps) => React.JSX.Element;
 export default PagerNavigation;