carbon-react 119.9.3 → 119.10.1

package/lib/components/modal/modal.style.js

@@ -19,12 +19,10 @@ const StyledModalBackground = _styledComponents.default.div`
   right: 0;
   top: 0;
 
-  ${_ref => {
-  let {
-    transitionName,
-    transitionTime
-  } = _ref;
-  return (0, _styledComponents.css)`
+  ${({
+  transitionName,
+  transitionTime
+}) => (0, _styledComponents.css)`
     &.${transitionName}-enter, .${transitionName}-appear {
       opacity: 0;
     }
@@ -43,25 +41,19 @@ const StyledModalBackground = _styledComponents.default.div`
       opacity: 0;
       transition: opacity ${transitionTime}ms 100ms ease-out;
     }
-  `;
-}};
+  `};
 `;
 exports.StyledModalBackground = StyledModalBackground;
 const StyledModal = _styledComponents.default.div`
   position: absolute;
-  z-index: ${_ref2 => {
-  let {
-    theme
-  } = _ref2;
-  return theme.zIndex.modal;
-}};
+  z-index: ${({
+  theme
+}) => theme.zIndex.modal};
 
-  ${_ref3 => {
-  let {
-    transitionName,
-    transitionTime
-  } = _ref3;
-  return (0, _styledComponents.css)`
+  ${({
+  transitionName,
+  transitionTime
+}) => (0, _styledComponents.css)`
     .${transitionName}-enter, .${transitionName}-appear {
       opacity: 0;
     }
@@ -80,8 +72,7 @@ const StyledModal = _styledComponents.default.div`
       opacity: 0;
       transition: all ${transitionTime}ms ease-out;
     }
-  `;
-}}
+  `}
 `;
 exports.StyledModal = StyledModal;
 StyledModal.defaultProps = {

package/lib/components/multi-action-button/multi-action-button.component.js

@@ -17,21 +17,20 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 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); }
-const MultiActionButton = _ref => {
-  let {
-    align = "left",
-    disabled,
-    buttonType,
-    size,
-    children,
-    text,
-    subtext,
-    width,
-    onClick,
-    "data-element": dataElement,
-    "data-role": dataRole,
-    ...rest
-  } = _ref;
+const MultiActionButton = ({
+  align = "left",
+  disabled,
+  buttonType,
+  size,
+  children,
+  text,
+  subtext,
+  width,
+  onClick,
+  "data-element": dataElement,
+  "data-role": dataRole,
+  ...rest
+}) => {
   const buttonRef = (0, _react.useRef)(null);
   const {
     showAdditionalButtons,

package/lib/components/multi-action-button/multi-action-button.style.js

@@ -20,20 +20,17 @@ const StyledMultiActionButton = _styledComponents.default.div`
   display: inline-block;
   position: relative;
 
-  ${_ref => {
-  let {
-    width
-  } = _ref;
-  return width && (0, _styledComponents.css)`
+  ${({
+  width
+}) => width && (0, _styledComponents.css)`
     ${(0, _width.default)({
-    width
-  })}
+  width
+})}
 
     ${_button.default} {
       width: 100%
       justify-content: space-between;
-    }`;
-}}
+    }`}
 
   & > ${_button.default} {
     margin: 0;
@@ -55,11 +52,9 @@ const StyledMultiActionButton = _styledComponents.default.div`
       }
     }
 
-    ${_ref2 => {
-  let {
-    displayed
-  } = _ref2;
-  return displayed && (0, _styledComponents.css)`
+    ${({
+  displayed
+}) => displayed && (0, _styledComponents.css)`
         background-color: var(--colorsActionMajor700);
         border-color: var(--colorsActionMajor700);
 
@@ -72,19 +67,16 @@ const StyledMultiActionButton = _styledComponents.default.div`
           border-color: var(--colorsSemanticFocus500);
           margin: 0 -1px;
         }
-      `;
-}}
+      `}
   }
 `;
 exports.StyledMultiActionButton = StyledMultiActionButton;
 const StyledButtonChildrenContainer = _styledComponents.default.div`
-  ${_ref3 => {
-  let {
-    theme,
-    align,
-    minWidth
-  } = _ref3;
-  return (0, _styledComponents.css)`
+  ${({
+  theme,
+  align,
+  minWidth
+}) => (0, _styledComponents.css)`
     background-color: var(--colorsActionMajorYang100);
     min-width: ${minWidth}px;
     white-space: nowrap;
@@ -120,8 +112,7 @@ const StyledButtonChildrenContainer = _styledComponents.default.div`
         margin-top: 3px;
       }
     }
-  `;
-}}
+  `}
 `;
 exports.StyledButtonChildrenContainer = StyledButtonChildrenContainer;
 StyledButtonChildrenContainer.defaultProps = {

package/lib/components/navigation-bar/fixed-navigation-bar.context.js

@@ -10,14 +10,13 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const FixedNavigationBarContext = /*#__PURE__*/(0, _react.createContext)({});
-const FixedNavigationBarContextProvider = _ref => {
-  let {
-    position,
-    orientation,
-    offset,
-    children,
-    navbarElement
-  } = _ref;
+const FixedNavigationBarContextProvider = ({
+  position,
+  orientation,
+  offset,
+  children,
+  navbarElement
+}) => {
   const [navbarHeight, setNavbarHeight] = (0, _react.useState)(navbarElement?.offsetHeight);
   const updateHeight = (0, _react.useCallback)(() => setNavbarHeight(navbarElement?.offsetHeight), [navbarElement]);
   (0, _useResizeObserver.default)({

package/lib/components/navigation-bar/navigation-bar.component.js

@@ -12,18 +12,17 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 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); }
-const NavigationBar = _ref => {
-  let {
-    navigationType = "light",
-    isLoading = false,
-    children,
-    ariaLabel,
-    position,
-    offset = "0",
-    orientation,
-    isGlobal,
-    ...props
-  } = _ref;
+const NavigationBar = ({
+  navigationType = "light",
+  isLoading = false,
+  children,
+  ariaLabel,
+  position,
+  offset = "0",
+  orientation,
+  isGlobal,
+  ...props
+}) => {
   const [navbarElement, setNavbarElement] = (0, _react.useState)(null);
   return /*#__PURE__*/_react.default.createElement(_navigationBar.default, _extends({
     role: "navigation",

package/lib/components/navigation-bar/navigation-bar.style.js

@@ -43,13 +43,11 @@ const StyledNavigationBar = _styledComponents.default.nav`
     margin-right: 10px;
   }
 
-  ${_ref => {
-  let {
-    position,
-    orientation,
-    offset
-  } = _ref;
-  return position && orientation && (0, _styledComponents.css)`
+  ${({
+  position,
+  orientation,
+  offset
+}) => position && orientation && (0, _styledComponents.css)`
       position: ${position};
       ${orientation}: ${offset};
 
@@ -57,16 +55,13 @@ const StyledNavigationBar = _styledComponents.default.nav`
         box-sizing: border-box;
         width: 100%;
       `}
-    `;
-}}
+    `}
 
-  ${_ref2 => {
-  let {
-    navigationType,
-    theme,
-    isGlobal
-  } = _ref2;
-  return (0, _styledComponents.css)`
+  ${({
+  navigationType,
+  theme,
+  isGlobal
+}) => (0, _styledComponents.css)`
     min-height: 40px;
     z-index: ${isGlobal ? theme.zIndex.globalNav : theme.zIndex.nav};
 
@@ -91,8 +86,7 @@ const StyledNavigationBar = _styledComponents.default.nav`
       border-bottom: var(--borderWidth100) solid
         var(--colorsComponentsMenuSummerChildAlt500);
     `}
-  `;
-}}
+  `}
 `;
 StyledNavigationBar.defaultProps = {
   theme: _themes.baseTheme

package/lib/components/note/__internal__/status-icon/status-icon.component.js

@@ -9,11 +9,10 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _statusIcon = _interopRequireDefault(require("./status-icon.style"));
 var _tooltip = _interopRequireDefault(require("../../../tooltip"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const StatusIcon = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
-  let {
-    tooltipMessage,
-    children
-  } = _ref;
+const StatusIcon = /*#__PURE__*/_react.default.forwardRef(({
+  tooltipMessage,
+  children
+}, ref) => {
   return /*#__PURE__*/_react.default.createElement(_tooltip.default, {
     message: tooltipMessage
   }, /*#__PURE__*/_react.default.createElement(_statusIcon.default, {

package/lib/components/note/note.component.js

@@ -19,19 +19,18 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 function hasExpectedDisplayName(child, displayName) {
   return child.type.displayName === displayName;
 }
-const Note = _ref => {
-  let {
-    createdDate,
-    inlineControl,
-    name,
-    noteContent,
-    onLinkAdded,
-    previews,
-    status,
-    title,
-    width = 100,
-    ...rest
-  } = _ref;
+const Note = ({
+  createdDate,
+  inlineControl,
+  name,
+  noteContent,
+  onLinkAdded,
+  previews,
+  status,
+  title,
+  width = 100,
+  ...rest
+}) => {
   !(width > 0) ? process.env.NODE_ENV !== "production" ? (0, _invariant.default)(false, "<Note> width must be greater than 0") : (0, _invariant.default)(false) : void 0;
   !createdDate ? process.env.NODE_ENV !== "production" ? (0, _invariant.default)(false, "<Note> createdDate is required") : (0, _invariant.default)(false) : void 0;
   !noteContent ? process.env.NODE_ENV !== "production" ? (0, _invariant.default)(false, "<Note> noteContent is required") : (0, _invariant.default)(false) : void 0;

package/lib/components/note/note.style.js

@@ -15,11 +15,9 @@ const StyledNoteContent = _styledComponents.default.div`
   position: relative;
   width: 100%;
 
-  ${_ref => {
-  let {
-    hasPreview
-  } = _ref;
-  return (0, _styledComponents.css)`
+  ${({
+  hasPreview
+}) => (0, _styledComponents.css)`
     &:not(:last-of-type) {
       padding-bottom: 24px;
     }
@@ -44,15 +42,11 @@ const StyledNoteContent = _styledComponents.default.div`
     ${hasPreview && `
       margin-top: var(--spacing200);
     `}
-  `;
-}}
-
-  ${_ref2 => {
-  let {
-    hasInlineControl
-  } = _ref2;
-  return hasInlineControl && "margin-right: 24px;";
-}}
+  `}
+
+  ${({
+  hasInlineControl
+}) => hasInlineControl && "margin-right: 24px;"}
 `;
 exports.StyledNoteContent = StyledNoteContent;
 const StyledInlineControl = _styledComponents.default.div`
@@ -68,12 +62,9 @@ const StyledTitle = _styledComponents.default.header`
   line-height: 21px;
   padding-bottom: 16px;
 
-  ${_ref3 => {
-  let {
-    hasInlineControl
-  } = _ref3;
-  return hasInlineControl && "margin-right: 24px;";
-}}
+  ${({
+  hasInlineControl
+}) => hasInlineControl && "margin-right: 24px;"}
 `;
 exports.StyledTitle = StyledTitle;
 const StyledFooterContent = _styledComponents.default.div`
@@ -81,11 +72,9 @@ const StyledFooterContent = _styledComponents.default.div`
   align-items: baseline;
   font-weight: bold;
 
-  ${_ref4 => {
-  let {
-    hasName
-  } = _ref4;
-  return (0, _styledComponents.css)`
+  ${({
+  hasName
+}) => (0, _styledComponents.css)`
     margin-top: var(--spacing200);
 
     ${hasName && (0, _styledComponents.css)`
@@ -120,8 +109,7 @@ const StyledFooterContent = _styledComponents.default.div`
         margin-left: var(--spacing300);
       }
     `}
-  `;
-}}
+  `}
 `;
 exports.StyledFooterContent = StyledFooterContent;
 const StyledFooter = _styledComponents.default.div`
@@ -131,11 +119,9 @@ const StyledFooter = _styledComponents.default.div`
 `;
 exports.StyledFooter = StyledFooter;
 const StyledNote = _styledComponents.default.div`
-  ${_ref5 => {
-  let {
-    width
-  } = _ref5;
-  return (0, _styledComponents.css)`
+  ${({
+  width
+}) => (0, _styledComponents.css)`
     background-color: var(--colorsUtilityYang100);
     border: 1px solid var(--colorsUtilityMajor100);
     border-radius: var(--borderRadius100);
@@ -150,8 +136,7 @@ const StyledNote = _styledComponents.default.div`
       box-sizing: border-box;
       width: auto;
     }
-  `;
-}}
+  `}
 
   ${_linkPreview.StyledLinkPreview} {
     margin: 0px;

package/lib/components/number/number.component.js

@@ -19,14 +19,13 @@ function isValidNumber(value) {
   const result = regex.test(value);
   return result;
 }
-const Number = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
-  let {
-    onChange,
-    onKeyDown,
-    value,
-    inputRef,
-    ...rest
-  } = _ref;
+const Number = /*#__PURE__*/_react.default.forwardRef(({
+  onChange,
+  onKeyDown,
+  value,
+  inputRef,
+  ...rest
+}, ref) => {
   const selectionStart = (0, _react.useRef)(null);
   const selectionEnd = (0, _react.useRef)(null);
   if (!deprecateInputRefWarnTriggered && inputRef) {

package/lib/components/numeral-date/numeral-date.component.js

@@ -38,43 +38,42 @@ const validations = {
   mm: isMonthValid,
   yyyy: isYearValid
 };
-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 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
+}) => {
   const l = (0, _useLocale.default)();
   const {
     validationRedesignOptIn

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

@@ -24,14 +24,13 @@ const StyledNumeralDate = _styledComponents.default.div`
 `;
 exports.StyledNumeralDate = StyledNumeralDate;
 const StyledDateField = _styledComponents.default.div`
-  ${_ref => {
-  let {
-    isStart,
-    isYearInput,
-    isEnd,
-    hasValidationIcon,
-    isMiddle
-  } = _ref;
+  ${({
+  isStart,
+  isYearInput,
+  isEnd,
+  hasValidationIcon,
+  isMiddle
+}) => {
   const yearInputOrError = isYearInput || isEnd && hasValidationIcon;
   return (0, _styledComponents.css)`
       ${_inputPresentation.default} {

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

@@ -11,16 +11,15 @@ var _useLocale = _interopRequireDefault(require("../../../hooks/__internal__/use
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-const PagerNavigationLink = _ref => {
-  let {
-    type,
-    currentPage,
-    pageCount,
-    hideDisabledElements,
-    pageSize,
-    onClick,
-    onPagination
-  } = _ref;
+const PagerNavigationLink = ({
+  type,
+  currentPage,
+  pageCount,
+  hideDisabledElements,
+  pageSize,
+  onClick,
+  onPagination
+}) => {
   const l = (0, _useLocale.default)();
   const linkRef = (0, _react.useRef)(null);
   const navLinkConfig = {

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

@@ -16,23 +16,22 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 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); }
-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 PagerNavigation = ({
+  pageSize,
+  currentPage,
+  setCurrentPage,
+  onNext,
+  onPrevious,
+  onFirst,
+  onLast,
+  onPagination,
+  pageCount,
+  showFirstAndLastButtons = true,
+  showPreviousAndNextButtons = true,
+  showPageCount = true,
+  interactivePageNumber = true,
+  hideDisabledElements = false
+}) => {
   const l = (0, _useLocale.default)();
   const guid = (0, _react.useRef)((0, _guid.default)());
   const currentPageId = `Pager_${guid.current}`;