@apia/table 4.0.15 → 4.0.17

package/dist/index.d.ts

@@ -552,6 +552,7 @@ interface IPagination {
     currentPage: number | string;
     disabled?: boolean;
     disableReduced?: boolean;
+    hideInfo?: boolean;
     hideMaximizeButton?: boolean;
     hideRefreshButton?: boolean;
     isLoading?: boolean;
@@ -582,7 +583,7 @@ interface IPagination {
     showMaximizeOnSmallBreakpoints?: boolean;
     variant?: 'primary' | 'secondary' | 'datagrid';
 }
-declare const Pagination: React__default.MemoExoticComponent<({ appliedFilters, areAllFiltersApplied, className, currentPage, disabled, disableReduced, hasMore, hideMaximizeButton, hideRefreshButton, isLoading, isPerforming, listId: outerListId, onDeleteFilters, onPageChange, onRefresh, pageCount, recordsCount: outerRecordsCount, reachedMax, showMaximizeOnSmallBreakpoints, variant, }: IPagination) => React__default.JSX.Element>;
+declare const Pagination: React__default.MemoExoticComponent<({ appliedFilters, areAllFiltersApplied, className, currentPage, disabled, disableReduced, hasMore, hideInfo, hideMaximizeButton, hideRefreshButton, isLoading, isPerforming, listId: outerListId, onDeleteFilters, onPageChange, onRefresh, pageCount, recordsCount: outerRecordsCount, reachedMax, showMaximizeOnSmallBreakpoints, variant, }: IPagination) => React__default.JSX.Element>;
 
 declare function getResponsiveTableContext(tableName: string): TResponsiveTableContext;
 declare function useResponsiveTableContext(tableName?: string): TResponsiveTableContext;

package/dist/index.js

@@ -2694,6 +2694,7 @@ const NoMemoPagination = ({
   disabled,
   disableReduced,
   hasMore,
+  hideInfo,
   hideMaximizeButton,
   hideRefreshButton,
   isLoading,
@@ -2777,28 +2778,30 @@ const NoMemoPagination = ({
               iconSize: "Md"
             }
           ),
-          ((reachedMax || hasMore) && breakPoint > 3 || breakPoint <= 3) && className !== "grid__pagination" ? /* @__PURE__ */ jsx(
-            IconButton,
-            {
-              variant: "icon-primary",
-              icon: "Info",
-              className: `pagination__information ${reachedMax || hasMore ? "pagination__alertInfo" : ""}`,
-              onClick: () => ApiaUtil.instance.tooltips.open(tooltipProps),
-              ref: setInfoButtonRef,
-              iconSize: "Md",
-              "aria-label": window.BTN_FILE_INFO_TOOLTIP,
-              title: window.BTN_FILE_INFO_TOOLTIP
-            }
-          ) : "",
-          breakPoint > 3 && /* @__PURE__ */ jsx(
-            Box,
-            {
-              as: "span",
-              className: "recordsCounter pagination__deleteLabels",
-              title: recordsCountLabel,
-              children: recordsCount !== -1 && `${window.GNR_TOT_RECORDS}: ${recordsCount} `
-            }
-          )
+          !hideInfo && /* @__PURE__ */ jsxs(Fragment, { children: [
+            ((reachedMax || hasMore) && breakPoint > 3 || breakPoint <= 3) && className !== "grid__pagination" ? /* @__PURE__ */ jsx(
+              IconButton,
+              {
+                variant: "icon-primary",
+                icon: "Info",
+                className: `pagination__information ${reachedMax || hasMore ? "pagination__alertInfo" : ""}`,
+                onClick: () => ApiaUtil.instance.tooltips.open(tooltipProps),
+                ref: setInfoButtonRef,
+                iconSize: "Md",
+                "aria-label": window.BTN_FILE_INFO_TOOLTIP,
+                title: window.BTN_FILE_INFO_TOOLTIP
+              }
+            ) : "",
+            breakPoint > 3 && /* @__PURE__ */ jsx(
+              Box,
+              {
+                as: "span",
+                className: "recordsCounter pagination__deleteLabels",
+                title: recordsCountLabel,
+                children: recordsCount !== -1 && `${window.GNR_TOT_RECORDS}: ${recordsCount} `
+              }
+            )
+          ] })
         ] }),
         /* @__PURE__ */ jsx(Box, { className: "pagination__controls", children: (numberPageCount > 0 || disableReduced) && /* @__PURE__ */ jsxs(Fragment, { children: [
           breakPoint > 2 && /* @__PURE__ */ jsx(
@@ -2973,7 +2976,7 @@ const NoMemoPagination = ({
 };
 const Pagination = React.memo(NoMemoPagination);
 
-function applyFocusAttributes(table, _previousState, state, focus = state.isFocused) {
+function applyFocusAttributes(table, _previousState, state, focus = state.isFocused, target) {
   table.querySelectorAll(getFocusSelector()).forEach((e) => {
     e.tabIndex = -1;
   });
@@ -2993,6 +2996,9 @@ function applyFocusAttributes(table, _previousState, state, focus = state.isFocu
     const focusedCell = table.querySelector(
       `tr[data-rowindex="${state.focusedRow}"] td[aria-colindex="${state.focusedColumn}"], tr[data-rowindex="${state.focusedRow}"] th[aria-colindex="${state.focusedColumn}"]`
     );
+    if (target) {
+      target.focus();
+    }
     if (focusedCell instanceof HTMLElement) {
       const widgets = [];
       if (state.isEditionMode) {
@@ -3010,7 +3016,7 @@ function applyFocusAttributes(table, _previousState, state, focus = state.isFocu
           widget.tabIndex = 0;
           if (i === 0)
             window.requestAnimationFrame(() => {
-              if (focus) {
+              if (!target && focus) {
                 widget.focus();
               }
             });
@@ -3018,7 +3024,7 @@ function applyFocusAttributes(table, _previousState, state, focus = state.isFocu
       } else {
         focusedCell.tabIndex = 0;
         window.requestAnimationFrame(() => {
-          if (focus) {
+          if (!target && focus) {
             focusedCell.focus();
           }
         });
@@ -3113,7 +3119,13 @@ function handleMouseDownEvent(ev) {
         state.focusedRow = rowIndex;
         state.isFocused = true;
         applySelectionAttributes(table, this.getState(), state);
-        applyFocusAttributes(table, this.getState(), state);
+        applyFocusAttributes(
+          table,
+          this.getState(),
+          state,
+          state.isFocused,
+          target
+        );
         this.setState(state);
         this.events.onRowClick?.(
           { row: state.rows[state.focusedRow], index: state.focusedRow },