@apia/table 4.0.16 → 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

@@ -3,8 +3,8 @@ import React, { useMemo, useRef, useState, memo, useEffect, useCallback, createR
 import { Box, getVariant, Input, Select, useBreakpointIndex, Label, Link, Spinner } from '@apia/theme';
 import { useMount, useUpdateEffect, useUnmount, useThrottleFn } from 'ahooks';
 import uniqueId from 'lodash-es/uniqueId';
-import { createSlice, injectReducers, shallowEqual as shallowEqual$1 } from '@apia/store';
-import { addBoundary, useLatest, useUpdateEffect as useUpdateEffect$1, getSpecificParent, isChild, autoDisconnectMutationObserver, getFocusSelector, cantFocusSelector, globalFocus, scrollParentIntoElement, customEvents, debugDispatcher, persistentStorage, EventEmitter, usePrevious, useIntermediateValue, getLabel, getDateFormat, formatMessage, noNaN, getIndex, downloadUrl, arrayOrArray, useMount as useMount$1 } from '@apia/util';
+import { injectReducers, createSlice, shallowEqual as shallowEqual$1 } from '@apia/store';
+import { addBoundary, useLatest, useUpdateEffect as useUpdateEffect$1, getSpecificParent, isChild, autoDisconnectMutationObserver, getFocusSelector, cantFocusSelector, globalFocus, scrollParentIntoElement, customEvents, persistentStorage, EventEmitter, debugDispatcher, usePrevious, useIntermediateValue, getLabel, formatMessage, getDateFormat, noNaN, getIndex, downloadUrl, arrayOrArray, useMount as useMount$1 } from '@apia/util';
 import { shallowEqual } from 'react-redux';
 import { useOtherTagButton, AutoEllipsis, ApiaFilter, IconButton, AccordionItem, Accordion, RequiredMark, ApiaUtil, SimpleButton } from '@apia/components';
 import { Icon } from '@apia/icons';
@@ -161,7 +161,6 @@ function willHandleKey(ev, state) {
 }
 function handleKey(state, { ev }) {
   const {
-    altKey: isAltPressed,
     ctrlKey: isCtrlPressed,
     key,
     shiftKey: isShiftPressed
@@ -174,7 +173,6 @@ function handleKey(state, { ev }) {
     newFocusedRow,
     ...rest
   }) => setNewFocused(state, {
-    altKey: isAltPressed,
     ctrlKey: isCtrlPressed,
     shiftKey: isShiftPressed,
     newFocusedColumn,
@@ -345,7 +343,6 @@ const responsiveTableSlice = createSlice({
       state[tableName] = { ...state[tableName], ...rest };
       if (handleFocus !== false) {
         setNewFocused(state[tableName], {
-          altKey: false,
           ctrlKey: false,
           shiftKey: false,
           shouldSelectNewFocused: rest.isFocused ?? state[tableName].isFocused
@@ -379,7 +376,6 @@ const responsiveTableSlice = createSlice({
         ...payload.newRows
       );
       setNewFocused(state[payload.tableName], {
-        altKey: false,
         ctrlKey: false,
         shiftKey: false,
         shouldSelectNewFocused: true,
@@ -395,7 +391,6 @@ const responsiveTableSlice = createSlice({
         (_, index) => !payload.rowIndices.includes(index)
       );
       setNewFocused(state[payload.tableName], {
-        altKey: false,
         ctrlKey: false,
         shiftKey: false,
         shouldSelectNewFocused: true,
@@ -2594,7 +2589,7 @@ const Responsive = React.memo(NoMemoResponsive);
 var __defProp$1 = Object.defineProperty;
 var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField$1 = (obj, key, value) => {
-  __defNormalProp$1(obj, typeof key !== "symbol" ? key + "" : key, value);
+  __defNormalProp$1(obj, key + "" , value);
   return value;
 };
 const maximizationPersist = {
@@ -2699,6 +2694,7 @@ const NoMemoPagination = ({
   disabled,
   disableReduced,
   hasMore,
+  hideInfo,
   hideMaximizeButton,
   hideRefreshButton,
   isLoading,
@@ -2782,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(
@@ -2978,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;
   });
@@ -2998,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) {
@@ -3015,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();
               }
             });
@@ -3023,7 +3024,7 @@ function applyFocusAttributes(table, _previousState, state, focus = state.isFocu
       } else {
         focusedCell.tabIndex = 0;
         window.requestAnimationFrame(() => {
-          if (focus) {
+          if (!target && focus) {
             focusedCell.focus();
           }
         });
@@ -3118,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 },
@@ -3345,7 +3352,7 @@ var __privateAdd = (obj, member, value) => {
 };
 var __privateSet = (obj, member, value, setter) => {
   __accessCheck(obj, member, "write to private field");
-  setter ? setter.call(obj, value) : member.set(obj, value);
+  member.set(obj, value);
   return value;
 };
 var _unsubscribe;