@connectif/ui-components 9.0.2 → 9.0.3

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # Changelog
 
+## [9.0.3] - 2026-06-02
+
+### Added
+
+- Added `maxNavigablePage` prop to `PageSelector` to cap the navigable page range for both buttons and text input.
+- Added a tooltip on the `PageSelector` next button when it is disabled because the user has reached the last navigable page.
+
+### Changed
+
+- Changes the default icon for `success` and `warning` severities of the `Alert` component for the "outlined" versions.
+
 ## [9.0.2] - 2026-05-29
 
 ### Added

package/dist/components/input/PageSelector.d.ts

@@ -24,6 +24,12 @@ export type PageSelectorProps = {
      * @default false
      */
     hideText?: boolean;
+    /**
+     * Optional maximum navigable page. When provided, navigation (buttons and input)
+     * is capped to this value or the last page derived from totalItems/pageSize,
+     * whichever is lower.
+     */
+    maxNavigablePage?: number;
     /**
      * The function to call when the page is changed by the user.
      */

package/dist/i18n/en.d.ts

@@ -183,6 +183,7 @@ export declare const en: {
         START_HOUR: string;
     };
     PAGE_SELECTOR: {
+        LAST_PAGE_REACHED: string;
         SHOWING_ITEMS: string;
     };
     SELECT_POPOVER: {

package/dist/i18n/es.d.ts

@@ -183,6 +183,7 @@ export declare const es: {
         START_HOUR: string;
     };
     PAGE_SELECTOR: {
+        LAST_PAGE_REACHED: string;
         SHOWING_ITEMS: string;
     };
     SELECT_POPOVER: {

package/dist/i18n/fr.d.ts

@@ -183,6 +183,7 @@ export declare const fr: {
         START_HOUR: string;
     };
     PAGE_SELECTOR: {
+        LAST_PAGE_REACHED: string;
         SHOWING_ITEMS: string;
     };
     SELECT_POPOVER: {

package/dist/i18n/it.d.ts

@@ -183,6 +183,7 @@ export declare const it: {
         START_HOUR: string;
     };
     PAGE_SELECTOR: {
+        LAST_PAGE_REACHED: string;
         SHOWING_ITEMS: string;
     };
     SELECT_POPOVER: {

package/dist/i18n/pt.d.ts

@@ -183,6 +183,7 @@ export declare const pt: {
         START_HOUR: string;
     };
     PAGE_SELECTOR: {
+        LAST_PAGE_REACHED: string;
         SHOWING_ITEMS: string;
     };
     SELECT_POPOVER: {

package/dist/index.js

@@ -7742,9 +7742,9 @@ var useCustomTheme = () => useTheme3();
 import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 var icons2 = {
   info: "information-outline",
-  success: "check-circle",
+  success: "check-circle-outline",
   error: "alert-circle-outline",
-  warning: "alert"
+  warning: "alert-outline"
 };
 var getColor = (theme2, severity) => {
   switch (severity) {
@@ -14958,6 +14958,7 @@ var DATE_INTERVAL_PICKER = {
   START_HOUR: "Start hour"
 };
 var PAGE_SELECTOR = {
+  LAST_PAGE_REACHED: "You have reached the last page",
   SHOWING_ITEMS: "Showing <b>{from}-{to}</b> of {total}"
 };
 var SELECT_POPOVER = {
@@ -15249,6 +15250,7 @@ var DATE_INTERVAL_PICKER2 = {
   START_HOUR: "Hora de inicio"
 };
 var PAGE_SELECTOR2 = {
+  LAST_PAGE_REACHED: "Has llegado a la \xFAltima p\xE1gina",
   SHOWING_ITEMS: "Mostrando <b>{from}-{to}</b> de {total}"
 };
 var SELECT_POPOVER2 = {
@@ -15555,6 +15557,7 @@ var DATE_INTERVAL_PICKER3 = {
   START_HOUR: "Heure de d\xE9but"
 };
 var PAGE_SELECTOR3 = {
+  LAST_PAGE_REACHED: "Vous avez atteint la derni\xE8re page",
   SHOWING_ITEMS: "Montrer <b>{from}-{to}</b> de {total}"
 };
 var SELECT_POPOVER3 = {
@@ -15846,6 +15849,7 @@ var DATE_INTERVAL_PICKER4 = {
   START_HOUR: "Ora di inizio"
 };
 var PAGE_SELECTOR4 = {
+  LAST_PAGE_REACHED: "Hai raggiunto l'ultima pagina",
   SHOWING_ITEMS: "Mostra <b>{from}-{to}</b> di {total}"
 };
 var SELECT_POPOVER4 = {
@@ -16122,6 +16126,7 @@ var DATE_INTERVAL_PICKER5 = {
   START_HOUR: "Hora de in\xEDcio"
 };
 var PAGE_SELECTOR5 = {
+  LAST_PAGE_REACHED: "Voc\xEA chegou \xE0 \xFAltima p\xE1gina",
   SHOWING_ITEMS: "Exibindo <b>{from}-{to}</b> de {total}"
 };
 var SELECT_POPOVER5 = {
@@ -26415,18 +26420,24 @@ var PageSelector = ({
   totalItems,
   text,
   hideText = false,
+  maxNavigablePage,
   onPageChange
 }) => {
   const { t } = useTranslation();
   const totalPages = Math.ceil(totalItems / pageSize);
+  const effectiveMaxPage = Math.min(
+    maxNavigablePage ?? totalPages,
+    totalPages
+  );
   const handlePrevious = React86.useCallback(() => {
     if (currentPage > 1) {
       onPageChange(Math.max(1, currentPage - 1));
     }
   }, [currentPage, onPageChange]);
+  const isNextDisabled = currentPage >= effectiveMaxPage;
   const handleNext = React86.useCallback(() => {
-    onPageChange(Math.min(totalPages, currentPage + 1));
-  }, [currentPage, onPageChange, totalPages]);
+    onPageChange(Math.min(effectiveMaxPage, currentPage + 1));
+  }, [currentPage, effectiveMaxPage, onPageChange]);
   const displayText = hideText ? "" : text || t(
     "PAGE_SELECTOR.SHOWING_ITEMS",
     totalItems === 0 ? { from: 0, to: 0, total: 0 } : {
@@ -26470,7 +26481,7 @@ var PageSelector = ({
                 onPageChange(value || 1);
               },
               minValue: 1,
-              maxValue: totalPages,
+              maxValue: effectiveMaxPage,
               "data-testid": "page-selector-input",
               sx: {
                 width: "32px",
@@ -26484,12 +26495,19 @@ var PageSelector = ({
             }
           ),
           /* @__PURE__ */ jsx148(
-            IconButton_default,
+            Tooltip_default,
             {
-              iconId: "chevron-right",
-              onClick: handleNext,
-              disabled: currentPage >= totalPages,
-              "data-test": "page-selector-next"
+              title: isNextDisabled ? t("PAGE_SELECTOR.LAST_PAGE_REACHED") : "",
+              allowDisabled: true,
+              children: /* @__PURE__ */ jsx148(
+                IconButton_default,
+                {
+                  iconId: "chevron-right",
+                  onClick: handleNext,
+                  disabled: isNextDisabled,
+                  "data-test": "page-selector-next"
+                }
+              )
             }
           )
         ] })