@kaizen/components 0.0.0-canary-rollup-20240408071509 → 0.0.0-canary-rollup--tree-shake-20240408080317

package/dist/cjs/Notification/subcomponents/CancelButton/CancelButton.cjs

@@ -3,16 +3,23 @@
 var React = require('react');
 var CloseIcon = require('../../../Icon/CloseIcon.cjs');
 var GenericNotification_module = require('../GenericNotification/GenericNotification.module.scss.cjs');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
 var React__default = /*#__PURE__*/_interopDefault(React);
-
 var CancelButton = function (_a) {
-    var onClick = _a.onClick;
-    return (React__default.default.createElement("button", { className: GenericNotification_module.cancel, type: "button", onClick: onClick, "data-testid": "close-button", "aria-label": "Close notification" },
-        React__default.default.createElement(CloseIcon.CloseIcon, { role: "presentation" })));
+  var onClick = _a.onClick;
+  return React__default.default.createElement("button", {
+    className: GenericNotification_module.cancel,
+    type: "button",
+    onClick: onClick,
+    "data-testid": "close-button",
+    "aria-label": "Close notification"
+  }, React__default.default.createElement(CloseIcon.CloseIcon, {
+    role: "presentation"
+  }));
 };
 CancelButton.displayName = "CancelButton";
-
 exports.CancelButton = CancelButton;

package/dist/cjs/Notification/subcomponents/GenericNotification/GenericNotification.cjs

@@ -7,48 +7,79 @@ var CancelButton = require('../CancelButton/CancelButton.cjs');
 var NotificationHeading = require('../NotificationHeading/NotificationHeading.cjs');
 var NotificationIcon = require('../NotificationIcon/NotificationIcon.cjs');
 var GenericNotification_module = require('./GenericNotification.module.scss.cjs');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
 var React__default = /*#__PURE__*/_interopDefault(React);
 var classnames__default = /*#__PURE__*/_interopDefault(classnames);
-
 var GenericNotification = function (_a) {
-    var type = _a.type, style = _a.style, children = _a.children, title = _a.title, _b = _a.persistent, persistent = _b === void 0 ? false : _b, onHide = _a.onHide, noBottomMargin = _a.noBottomMargin, forceMultiline = _a.forceMultiline, headingProps = _a.headingProps, classNameOverride = _a.classNameOverride, restProps = tslib.__rest(_a, ["type", "style", "children", "title", "persistent", "onHide", "noBottomMargin", "forceMultiline", "headingProps", "classNameOverride"]);
-    var _c = React.useState(true), isHidden = _c[0], setIsHidden = _c[1];
-    var _d = React.useState(false), isRemoved = _d[0], setIsRemoved = _d[1];
-    var containerRef = React.useRef(null);
-    React.useEffect(function () {
-        requestAnimationFrame(function () {
-            if (containerRef.current) {
-                setIsHidden(false);
-            }
-        });
-    }, []);
-    var getMarginTop = function () {
-        if (isHidden && containerRef.current) {
-            return -containerRef.current.clientHeight + "px";
-        }
-        return "0";
-    };
-    var onTransitionEnd = function (e) {
-        // Be careful: this assumes the final CSS property to be animated is "margin-top".
-        if (isHidden && e.propertyName === "margin-top") {
-            setIsRemoved(true);
-            onHide === null || onHide === void 0 ? void 0 : onHide();
-        }
-    };
-    if (isRemoved) {
-        return null;
+  var type = _a.type,
+    style = _a.style,
+    children = _a.children,
+    title = _a.title,
+    _b = _a.persistent,
+    persistent = _b === void 0 ? false : _b,
+    onHide = _a.onHide,
+    noBottomMargin = _a.noBottomMargin,
+    forceMultiline = _a.forceMultiline,
+    headingProps = _a.headingProps,
+    classNameOverride = _a.classNameOverride,
+    restProps = tslib.__rest(_a, ["type", "style", "children", "title", "persistent", "onHide", "noBottomMargin", "forceMultiline", "headingProps", "classNameOverride"]);
+  var _c = React.useState(true),
+    isHidden = _c[0],
+    setIsHidden = _c[1];
+  var _d = React.useState(false),
+    isRemoved = _d[0],
+    setIsRemoved = _d[1];
+  var containerRef = React.useRef(null);
+  React.useEffect(function () {
+    requestAnimationFrame(function () {
+      if (containerRef.current) {
+        setIsHidden(false);
+      }
+    });
+  }, []);
+  var getMarginTop = function () {
+    if (isHidden && containerRef.current) {
+      return -containerRef.current.clientHeight + "px";
     }
-    return (React__default.default.createElement("div", tslib.__assign({ ref: containerRef, className: classnames__default.default(GenericNotification_module.notification, GenericNotification_module[type], GenericNotification_module[style], isHidden && GenericNotification_module.hidden, noBottomMargin && GenericNotification_module.noBottomMargin, classNameOverride, persistent && GenericNotification_module.persistent), style: { marginTop: getMarginTop() }, onTransitionEnd: onTransitionEnd }, restProps),
-        React__default.default.createElement("div", { className: GenericNotification_module.icon },
-            React__default.default.createElement(NotificationIcon.NotificationIcon, { type: type })),
-        React__default.default.createElement("div", { className: classnames__default.default(GenericNotification_module.textContainer, forceMultiline && GenericNotification_module.forceMultiline) },
-            style !== "global" && (React__default.default.createElement(NotificationHeading.NotificationHeading, { titleProp: title, headingProps: headingProps })),
-            children && React__default.default.createElement("div", { className: GenericNotification_module.text }, children)),
-        !persistent && React__default.default.createElement(CancelButton.CancelButton, { onClick: function () { return setIsHidden(true); } })));
+    return "0";
+  };
+  var onTransitionEnd = function (e) {
+    // Be careful: this assumes the final CSS property to be animated is "margin-top".
+    if (isHidden && e.propertyName === "margin-top") {
+      setIsRemoved(true);
+      onHide === null || onHide === void 0 ? void 0 : onHide();
+    }
+  };
+  if (isRemoved) {
+    return null;
+  }
+  return React__default.default.createElement("div", tslib.__assign({
+    ref: containerRef,
+    className: classnames__default.default(GenericNotification_module.notification, GenericNotification_module[type], GenericNotification_module[style], isHidden && GenericNotification_module.hidden, noBottomMargin && GenericNotification_module.noBottomMargin, classNameOverride, persistent && GenericNotification_module.persistent),
+    style: {
+      marginTop: getMarginTop()
+    },
+    onTransitionEnd: onTransitionEnd
+  }, restProps), React__default.default.createElement("div", {
+    className: GenericNotification_module.icon
+  }, React__default.default.createElement(NotificationIcon.NotificationIcon, {
+    type: type
+  })), React__default.default.createElement("div", {
+    className: classnames__default.default(GenericNotification_module.textContainer, forceMultiline && GenericNotification_module.forceMultiline)
+  }, style !== "global" && React__default.default.createElement(NotificationHeading.NotificationHeading, {
+    titleProp: title,
+    headingProps: headingProps
+  }), children && React__default.default.createElement("div", {
+    className: GenericNotification_module.text
+  }, children)), !persistent && React__default.default.createElement(CancelButton.CancelButton, {
+    onClick: function () {
+      return setIsHidden(true);
+    }
+  }));
 };
 GenericNotification.displayName = "GenericNotification";
-
 exports.GenericNotification = GenericNotification;

package/dist/cjs/Notification/subcomponents/GenericNotification/GenericNotification.module.scss.cjs

@@ -1,5 +1,29 @@
 'use strict';
 
-var styles = {"notification":"GenericNotification-module_notification__-JP1M","inline":"GenericNotification-module_inline__OciO5","toast":"GenericNotification-module_toast__GOVfC","global":"GenericNotification-module_global__Weka-","positive":"GenericNotification-module_positive__U-3HK","informative":"GenericNotification-module_informative__WLimi","cautionary":"GenericNotification-module_cautionary__lneFu","security":"GenericNotification-module_security__QTALa","negative":"GenericNotification-module_negative__lUWhD","hidden":"GenericNotification-module_hidden__WJjct","noBottomMargin":"GenericNotification-module_noBottomMargin__28nF8","persistent":"GenericNotification-module_persistent__O7bgI","subtle":"GenericNotification-module_subtle__kPns9","icon":"GenericNotification-module_icon__SDb8v","textContainer":"GenericNotification-module_textContainer__Avpbk","forceMultiline":"GenericNotification-module_forceMultiline__JcVA4","title":"GenericNotification-module_title__dvQOr","text":"GenericNotification-module_text__X-5ld","cancel":"GenericNotification-module_cancel__c6wky","disabled":"GenericNotification-module_disabled__WGBhD","hover":"GenericNotification-module_hover__hUURd","active":"GenericNotification-module_active__-6ahb","cancelLabel":"GenericNotification-module_cancelLabel__HJzsk","notificationTitle":"GenericNotification-module_notificationTitle__Oaqb8"};
-
+var styles = {
+  "notification": "GenericNotification-module_notification__-JP1M",
+  "inline": "GenericNotification-module_inline__OciO5",
+  "toast": "GenericNotification-module_toast__GOVfC",
+  "global": "GenericNotification-module_global__Weka-",
+  "positive": "GenericNotification-module_positive__U-3HK",
+  "informative": "GenericNotification-module_informative__WLimi",
+  "cautionary": "GenericNotification-module_cautionary__lneFu",
+  "security": "GenericNotification-module_security__QTALa",
+  "negative": "GenericNotification-module_negative__lUWhD",
+  "hidden": "GenericNotification-module_hidden__WJjct",
+  "noBottomMargin": "GenericNotification-module_noBottomMargin__28nF8",
+  "persistent": "GenericNotification-module_persistent__O7bgI",
+  "subtle": "GenericNotification-module_subtle__kPns9",
+  "icon": "GenericNotification-module_icon__SDb8v",
+  "textContainer": "GenericNotification-module_textContainer__Avpbk",
+  "forceMultiline": "GenericNotification-module_forceMultiline__JcVA4",
+  "title": "GenericNotification-module_title__dvQOr",
+  "text": "GenericNotification-module_text__X-5ld",
+  "cancel": "GenericNotification-module_cancel__c6wky",
+  "disabled": "GenericNotification-module_disabled__WGBhD",
+  "hover": "GenericNotification-module_hover__hUURd",
+  "active": "GenericNotification-module_active__-6ahb",
+  "cancelLabel": "GenericNotification-module_cancelLabel__HJzsk",
+  "notificationTitle": "GenericNotification-module_notificationTitle__Oaqb8"
+};
 module.exports = styles;

package/dist/cjs/Notification/subcomponents/NotificationHeading/NotificationHeading.cjs

@@ -3,21 +3,32 @@
 var React = require('react');
 var Heading = require('../../../Heading/Heading.cjs');
 var GenericNotification_module = require('../GenericNotification/GenericNotification.module.scss.cjs');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
 var React__default = /*#__PURE__*/_interopDefault(React);
-
 var NotificationHeading = function (_a) {
-    var titleProp = _a.titleProp, headingProps = _a.headingProps;
-    if (headingProps) {
-        return (React__default.default.createElement(Heading.Heading, { variant: headingProps.variant || "heading-6", tag: headingProps.tag || "div", color: headingProps.color || "dark", classNameOverride: GenericNotification_module.notificationTitle }, headingProps.children));
-    }
-    if (titleProp) {
-        return (React__default.default.createElement(Heading.Heading, { variant: "heading-6", tag: "div", color: "dark", classNameOverride: GenericNotification_module.notificationTitle }, titleProp));
-    }
-    return null;
+  var titleProp = _a.titleProp,
+    headingProps = _a.headingProps;
+  if (headingProps) {
+    return React__default.default.createElement(Heading.Heading, {
+      variant: headingProps.variant || "heading-6",
+      tag: headingProps.tag || "div",
+      color: headingProps.color || "dark",
+      classNameOverride: GenericNotification_module.notificationTitle
+    }, headingProps.children);
+  }
+  if (titleProp) {
+    return React__default.default.createElement(Heading.Heading, {
+      variant: "heading-6",
+      tag: "div",
+      color: "dark",
+      classNameOverride: GenericNotification_module.notificationTitle
+    }, titleProp);
+  }
+  return null;
 };
 NotificationHeading.displayName = "NotificationHeading";
-
 exports.NotificationHeading = NotificationHeading;

package/dist/cjs/Notification/subcomponents/NotificationIcon/NotificationIcon.cjs

@@ -6,28 +6,46 @@ var ExclamationIcon = require('../../../Icon/ExclamationIcon.cjs');
 var InformationIcon = require('../../../Icon/InformationIcon.cjs');
 var SecurityTipIcon = require('../../../Icon/SecurityTipIcon.cjs');
 var SuccessIcon = require('../../../Icon/SuccessIcon.cjs');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
 var React__default = /*#__PURE__*/_interopDefault(React);
-
 var NotificationIcon = function (_a) {
-    var type = _a.type;
-    switch (type) {
-        case "positive":
-            return React__default.default.createElement(SuccessIcon.SuccessIcon, { role: "presentation", inheritSize: true });
-        case "negative":
-            return React__default.default.createElement(ExclamationIcon.ExclamationIcon, { role: "presentation", inheritSize: true });
-        case "cautionary":
-            return React__default.default.createElement(CautionIcon.CautionIcon, { role: "presentation", inheritSize: true });
-        case "informative":
-            return React__default.default.createElement(InformationIcon.InformationIcon, { role: "presentation", inheritSize: true });
-        case "security":
-            return React__default.default.createElement(SecurityTipIcon.SecurityTipIcon, { role: "presentation", inheritSize: true });
-        default:
-            return React__default.default.createElement(InformationIcon.InformationIcon, { role: "presentation", inheritSize: true });
-    }
+  var type = _a.type;
+  switch (type) {
+    case "positive":
+      return React__default.default.createElement(SuccessIcon.SuccessIcon, {
+        role: "presentation",
+        inheritSize: true
+      });
+    case "negative":
+      return React__default.default.createElement(ExclamationIcon.ExclamationIcon, {
+        role: "presentation",
+        inheritSize: true
+      });
+    case "cautionary":
+      return React__default.default.createElement(CautionIcon.CautionIcon, {
+        role: "presentation",
+        inheritSize: true
+      });
+    case "informative":
+      return React__default.default.createElement(InformationIcon.InformationIcon, {
+        role: "presentation",
+        inheritSize: true
+      });
+    case "security":
+      return React__default.default.createElement(SecurityTipIcon.SecurityTipIcon, {
+        role: "presentation",
+        inheritSize: true
+      });
+    default:
+      return React__default.default.createElement(InformationIcon.InformationIcon, {
+        role: "presentation",
+        inheritSize: true
+      });
+  }
 };
 NotificationIcon.displayName = "NotificationIcon";
-
 exports.NotificationIcon = NotificationIcon;

package/dist/cjs/Pagination/Pagination.cjs

@@ -8,9 +8,11 @@ var PaginationLink = require('./subcomponents/PaginationLink/PaginationLink.cjs'
 var TruncateIndicator = require('./subcomponents/TruncateIndicator/TruncateIndicator.cjs');
 var createRange = require('./utils/createRange.cjs');
 var Pagination_module = require('./Pagination.module.scss.cjs');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
 var React__default = /*#__PURE__*/_interopDefault(React);
 var classnames__default = /*#__PURE__*/_interopDefault(classnames);
 
@@ -19,68 +21,102 @@ var classnames__default = /*#__PURE__*/_interopDefault(classnames);
  * {@link https://cultureamp.design/?path=/docs/components-pagination--docs Storybook}
  */
 var Pagination = function (_a) {
-    var _b = _a.currentPage, currentPage = _b === void 0 ? 1 : _b, pageCount = _a.pageCount, ariaLabelNextPage = _a.ariaLabelNextPage, ariaLabelPreviousPage = _a.ariaLabelPreviousPage, ariaLabelPage = _a.ariaLabelPage, onPageChange = _a.onPageChange, classNameOverride = _a.classNameOverride, restProps = tslib.__rest(_a, ["currentPage", "pageCount", "ariaLabelNextPage", "ariaLabelPreviousPage", "ariaLabelPage", "onPageChange", "classNameOverride"]);
-    // Click event for all pagination buttons (next, prev, and the actual numbers)
-    var handleButtonClick = function (newPage) {
-        if (newPage === "prev") {
-            onPageChange(currentPage - 1);
-            return;
-        }
-        if (newPage === "next") {
-            onPageChange(currentPage + 1);
-            return;
-        }
-        onPageChange(newPage);
-    };
-    var paginationIndicator = function (page) { return (React__default.default.createElement(PaginationLink.PaginationLink, { key: page, pageNumber: page, isActive: currentPage === page, "aria-label": "".concat(ariaLabelPage, " ").concat(page), onClick: function () { return handleButtonClick(page); } })); };
-    var pagination = function () {
-        var items = [];
-        var boundaryPagesRange = 1;
-        var siblingPagesRange = 1;
-        // truncateSize is 1 now but could be 0 if we add the ability to hide it.
-        var truncateSize = 1;
-        var showAllPages = 1 + 2 * truncateSize + 2 * siblingPagesRange + 2 * boundaryPagesRange >=
-            pageCount;
-        // Simplify generation of pages if number of available items is equal or greater than total pages to show
-        if (showAllPages) {
-            return createRange.createRange(1, pageCount).map(paginationIndicator);
-        }
-        else {
-            // Calculate group of first pages
-            var firstPagesStart = 1;
-            var firstPagesEnd = boundaryPagesRange;
-            var firstPages = createRange.createRange(firstPagesStart, firstPagesEnd).map(paginationIndicator);
-            // Calculate group of last pages
-            var lastPagesStart = pageCount + 1 - boundaryPagesRange;
-            var lastPagesEnd = pageCount;
-            var lastPages = createRange.createRange(lastPagesStart, lastPagesEnd).map(paginationIndicator);
-            // Calculate group of main pages
-            var mainPagesStart = Math.min(Math.max(currentPage - siblingPagesRange, firstPagesEnd + truncateSize + 1), lastPagesStart - truncateSize - 2 * siblingPagesRange - 1);
-            var mainPagesEnd = mainPagesStart + 2 * siblingPagesRange;
-            var mainPages = createRange.createRange(mainPagesStart, mainPagesEnd).map(paginationIndicator);
-            // Add group of first pages
-            items.push.apply(items, firstPages);
-            // Calculate and add truncate before group of main pages
-            var firstEllipsisPageNumber = mainPagesStart - 1;
-            var showPageInsteadOfFirstEllipsis = firstEllipsisPageNumber === firstPagesEnd + 1;
-            items.push(showPageInsteadOfFirstEllipsis ? (paginationIndicator(firstEllipsisPageNumber)) : (React__default.default.createElement(TruncateIndicator.TruncateIndicator, { key: firstEllipsisPageNumber })));
-            // Add group of main pages
-            items.push.apply(items, mainPages);
-            // Calculate and add truncate after group of main pages
-            var secondEllipsisPageNumber = mainPagesEnd + 1;
-            var showPageInsteadOfSecondEllipsis = secondEllipsisPageNumber === lastPagesStart - 1;
-            items.push(showPageInsteadOfSecondEllipsis ? (paginationIndicator(secondEllipsisPageNumber)) : (React__default.default.createElement(TruncateIndicator.TruncateIndicator, { key: secondEllipsisPageNumber })));
-            // Add group of last pages
-            items.push.apply(items, lastPages);
-        }
-        return items;
-    };
-    var previousPageDisabled = currentPage <= 1;
-    var nextPageDisabled = currentPage >= pageCount;
-    return (React__default.default.createElement("nav", tslib.__assign({ className: classnames__default.default(Pagination_module.container, classNameOverride) }, restProps),
-        React__default.default.createElement(DirectionalLink.DirectionalLink, { label: ariaLabelPreviousPage, direction: "prev", disabled: previousPageDisabled, onClick: function () { return handleButtonClick("prev"); } }),
-        React__default.default.createElement("div", { className: Pagination_module.pagesIndicatorWrapper }, pagination()),
-        React__default.default.createElement(DirectionalLink.DirectionalLink, { label: ariaLabelNextPage, direction: "next", disabled: nextPageDisabled, onClick: function () { return handleButtonClick("next"); } })));
+  var _b = _a.currentPage,
+    currentPage = _b === void 0 ? 1 : _b,
+    pageCount = _a.pageCount,
+    ariaLabelNextPage = _a.ariaLabelNextPage,
+    ariaLabelPreviousPage = _a.ariaLabelPreviousPage,
+    ariaLabelPage = _a.ariaLabelPage,
+    onPageChange = _a.onPageChange,
+    classNameOverride = _a.classNameOverride,
+    restProps = tslib.__rest(_a, ["currentPage", "pageCount", "ariaLabelNextPage", "ariaLabelPreviousPage", "ariaLabelPage", "onPageChange", "classNameOverride"]);
+  // Click event for all pagination buttons (next, prev, and the actual numbers)
+  var handleButtonClick = function (newPage) {
+    if (newPage === "prev") {
+      onPageChange(currentPage - 1);
+      return;
+    }
+    if (newPage === "next") {
+      onPageChange(currentPage + 1);
+      return;
+    }
+    onPageChange(newPage);
+  };
+  var paginationIndicator = function (page) {
+    return React__default.default.createElement(PaginationLink.PaginationLink, {
+      key: page,
+      pageNumber: page,
+      isActive: currentPage === page,
+      "aria-label": "".concat(ariaLabelPage, " ").concat(page),
+      onClick: function () {
+        return handleButtonClick(page);
+      }
+    });
+  };
+  var pagination = function () {
+    var items = [];
+    var boundaryPagesRange = 1;
+    var siblingPagesRange = 1;
+    // truncateSize is 1 now but could be 0 if we add the ability to hide it.
+    var truncateSize = 1;
+    var showAllPages = 1 + 2 * truncateSize + 2 * siblingPagesRange + 2 * boundaryPagesRange >= pageCount;
+    // Simplify generation of pages if number of available items is equal or greater than total pages to show
+    if (showAllPages) {
+      return createRange.createRange(1, pageCount).map(paginationIndicator);
+    } else {
+      // Calculate group of first pages
+      var firstPagesStart = 1;
+      var firstPagesEnd = boundaryPagesRange;
+      var firstPages = createRange.createRange(firstPagesStart, firstPagesEnd).map(paginationIndicator);
+      // Calculate group of last pages
+      var lastPagesStart = pageCount + 1 - boundaryPagesRange;
+      var lastPagesEnd = pageCount;
+      var lastPages = createRange.createRange(lastPagesStart, lastPagesEnd).map(paginationIndicator);
+      // Calculate group of main pages
+      var mainPagesStart = Math.min(Math.max(currentPage - siblingPagesRange, firstPagesEnd + truncateSize + 1), lastPagesStart - truncateSize - 2 * siblingPagesRange - 1);
+      var mainPagesEnd = mainPagesStart + 2 * siblingPagesRange;
+      var mainPages = createRange.createRange(mainPagesStart, mainPagesEnd).map(paginationIndicator);
+      // Add group of first pages
+      items.push.apply(items, firstPages);
+      // Calculate and add truncate before group of main pages
+      var firstEllipsisPageNumber = mainPagesStart - 1;
+      var showPageInsteadOfFirstEllipsis = firstEllipsisPageNumber === firstPagesEnd + 1;
+      items.push(showPageInsteadOfFirstEllipsis ? paginationIndicator(firstEllipsisPageNumber) : React__default.default.createElement(TruncateIndicator.TruncateIndicator, {
+        key: firstEllipsisPageNumber
+      }));
+      // Add group of main pages
+      items.push.apply(items, mainPages);
+      // Calculate and add truncate after group of main pages
+      var secondEllipsisPageNumber = mainPagesEnd + 1;
+      var showPageInsteadOfSecondEllipsis = secondEllipsisPageNumber === lastPagesStart - 1;
+      items.push(showPageInsteadOfSecondEllipsis ? paginationIndicator(secondEllipsisPageNumber) : React__default.default.createElement(TruncateIndicator.TruncateIndicator, {
+        key: secondEllipsisPageNumber
+      }));
+      // Add group of last pages
+      items.push.apply(items, lastPages);
+    }
+    return items;
+  };
+  var previousPageDisabled = currentPage <= 1;
+  var nextPageDisabled = currentPage >= pageCount;
+  return React__default.default.createElement("nav", tslib.__assign({
+    className: classnames__default.default(Pagination_module.container, classNameOverride)
+  }, restProps), React__default.default.createElement(DirectionalLink.DirectionalLink, {
+    label: ariaLabelPreviousPage,
+    direction: "prev",
+    disabled: previousPageDisabled,
+    onClick: function () {
+      return handleButtonClick("prev");
+    }
+  }), React__default.default.createElement("div", {
+    className: Pagination_module.pagesIndicatorWrapper
+  }, pagination()), React__default.default.createElement(DirectionalLink.DirectionalLink, {
+    label: ariaLabelNextPage,
+    direction: "next",
+    disabled: nextPageDisabled,
+    onClick: function () {
+      return handleButtonClick("next");
+    }
+  }));
 };
-
 exports.Pagination = Pagination;

package/dist/cjs/Pagination/Pagination.module.scss.cjs

@@ -1,5 +1,10 @@
 'use strict';
 
-var styles = {"container":"Pagination-module_container__JHnDH","pagesIndicatorWrapper":"Pagination-module_pagesIndicatorWrapper__taluU","arrowIconWrapper":"Pagination-module_arrowIconWrapper__RMTET","pageIndicatorFocusRing":"Pagination-module_pageIndicatorFocusRing__57ku4","truncateIndicatorWrapper":"Pagination-module_truncateIndicatorWrapper__bwywo"};
-
+var styles = {
+  "container": "Pagination-module_container__JHnDH",
+  "pagesIndicatorWrapper": "Pagination-module_pagesIndicatorWrapper__taluU",
+  "arrowIconWrapper": "Pagination-module_arrowIconWrapper__RMTET",
+  "pageIndicatorFocusRing": "Pagination-module_pageIndicatorFocusRing__57ku4",
+  "truncateIndicatorWrapper": "Pagination-module_truncateIndicatorWrapper__bwywo"
+};
 module.exports = styles;

package/dist/cjs/Pagination/subcomponents/DirectionalLink/DirectionalLink.cjs

@@ -8,26 +8,40 @@ var ArrowForwardIcon = require('../../../Icon/ArrowForwardIcon.cjs');
 var EndIcon = require('../../../Icon/EndIcon.cjs');
 var StartIcon = require('../../../Icon/StartIcon.cjs');
 var GenericButton = require('../../../Button/GenericButton/GenericButton.cjs');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
 var React__default = /*#__PURE__*/_interopDefault(React);
-
 var iconMap = {
-    prev: React__default.default.createElement(ArrowBackwardIcon.ArrowBackwardIcon, { role: "presentation" }),
-    next: React__default.default.createElement(ArrowForwardIcon.ArrowForwardIcon, { role: "presentation" }),
-    start: React__default.default.createElement(StartIcon.StartIcon, { role: "presentation" }),
-    end: React__default.default.createElement(EndIcon.EndIcon, { role: "presentation" }),
+  prev: React__default.default.createElement(ArrowBackwardIcon.ArrowBackwardIcon, {
+    role: "presentation"
+  }),
+  next: React__default.default.createElement(ArrowForwardIcon.ArrowForwardIcon, {
+    role: "presentation"
+  }),
+  start: React__default.default.createElement(StartIcon.StartIcon, {
+    role: "presentation"
+  }),
+  end: React__default.default.createElement(EndIcon.EndIcon, {
+    role: "presentation"
+  })
 };
 /**
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082092975/Pagination Guidance} |
  * {@link https://cultureamp.design/?path=/story/components-buttons-directionallink--docs Storybook}
  */
-var DirectionalLink = function (props) { return (React__default.default.createElement(GenericButton.GenericButton, tslib.__assign({}, props, { iconButton: true, directionalLink: true, icon: iconMap[props.direction] }))); };
+var DirectionalLink = function (props) {
+  return React__default.default.createElement(GenericButton.GenericButton, tslib.__assign({}, props, {
+    iconButton: true,
+    directionalLink: true,
+    icon: iconMap[props.direction]
+  }));
+};
 DirectionalLink.defaultProps = {
-    reversed: false,
-    disabled: false,
+  reversed: false,
+  disabled: false
 };
 DirectionalLink.displayName = "DirectionalLink";
-
 exports.DirectionalLink = DirectionalLink;

package/dist/cjs/Pagination/subcomponents/PaginationLink/PaginationLink.cjs

@@ -3,9 +3,11 @@
 var tslib = require('tslib');
 var React = require('react');
 var GenericButton = require('../../../Button/GenericButton/GenericButton.cjs');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
 var React__default = /*#__PURE__*/_interopDefault(React);
 
 /**
@@ -13,13 +15,16 @@ var React__default = /*#__PURE__*/_interopDefault(React);
  * {@link https://cultureamp.design/?path=/story/components-buttons-paginationlink--docs Storybook}
  */
 var PaginationLink = function (_a) {
-    var pageNumber = _a.pageNumber, restProps = tslib.__rest(_a, ["pageNumber"]);
-    return (React__default.default.createElement(GenericButton.GenericButton, tslib.__assign({}, restProps, { paginationLink: true, label: "".concat(pageNumber) })));
+  var pageNumber = _a.pageNumber,
+    restProps = tslib.__rest(_a, ["pageNumber"]);
+  return React__default.default.createElement(GenericButton.GenericButton, tslib.__assign({}, restProps, {
+    paginationLink: true,
+    label: "".concat(pageNumber)
+  }));
 };
 PaginationLink.defaultProps = {
-    reversed: false,
-    isActive: false,
+  reversed: false,
+  isActive: false
 };
 PaginationLink.displayName = "PaginationLink";
-
 exports.PaginationLink = PaginationLink;

package/dist/cjs/Pagination/subcomponents/TruncateIndicator/TruncateIndicator.cjs

@@ -5,12 +5,18 @@ require('tslib');
 require('../../../Icon/subcomponents/SVG/SVG.cjs');
 var EllipsisIcon = require('../../../Icon/EllipsisIcon.cjs');
 var TruncateIndicator_module = require('./TruncateIndicator.module.scss.cjs');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
 var React__default = /*#__PURE__*/_interopDefault(React);
-
-var TruncateIndicator = function () { return (React__default.default.createElement("div", { className: TruncateIndicator_module.truncateIndicatorWrapper, "data-testid": "truncate-indicator" },
-    React__default.default.createElement(EllipsisIcon.EllipsisIcon, { role: "presentation" }))); };
-
+var TruncateIndicator = function () {
+  return React__default.default.createElement("div", {
+    className: TruncateIndicator_module.truncateIndicatorWrapper,
+    "data-testid": "truncate-indicator"
+  }, React__default.default.createElement(EllipsisIcon.EllipsisIcon, {
+    role: "presentation"
+  }));
+};
 exports.TruncateIndicator = TruncateIndicator;

package/dist/cjs/Pagination/subcomponents/TruncateIndicator/TruncateIndicator.module.scss.cjs

@@ -1,5 +1,6 @@
 'use strict';
 
-var styles = {"truncateIndicatorWrapper":"TruncateIndicator-module_truncateIndicatorWrapper__FgApk"};
-
+var styles = {
+  "truncateIndicatorWrapper": "TruncateIndicator-module_truncateIndicatorWrapper__FgApk"
+};
 module.exports = styles;