@apia/table 4.0.16 → 4.0.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.ts CHANGED
@@ -3,9 +3,11 @@ import React__default, { FunctionComponent, ReactNode, FC } from 'react';
3
3
  import { BoxProps } from '@apia/theme';
4
4
  import { IconType } from '@meronex/icons';
5
5
  import * as _apia_util from '@apia/util';
6
- import { TApiaFilter, TModify, TId, EventEmitter } from '@apia/util';
6
+ import { TApiaFilter, TModify, TId, TRequireOnlyOne, EventEmitter } from '@apia/util';
7
7
  import * as _reduxjs_toolkit from '@reduxjs/toolkit';
8
8
  import { PayloadAction } from '@reduxjs/toolkit';
9
+ import * as _apia_store from '@apia/store';
10
+ import { PayloadAction as PayloadAction$1 } from '@apia/store';
9
11
  import * as immer_dist_internal from 'immer/dist/internal';
10
12
  import * as _reduxjs_toolkit_dist_configureStore from '@reduxjs/toolkit/dist/configureStore';
11
13
  import * as redux_thunk from 'redux-thunk';
@@ -531,15 +533,15 @@ type TKeyHandlerProps = BoxProps & {
531
533
  declare const ResponsiveTable: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<BoxProps & React__default.RefAttributes<HTMLDivElement>>>;
532
534
 
533
535
  declare const Sort: React__default.MemoExoticComponent<({ tableName }: {
534
- tableName?: string | undefined;
536
+ tableName?: string;
535
537
  }) => React__default.JSX.Element>;
536
538
 
537
539
  declare const Additional: React__default.MemoExoticComponent<({ tableName }: {
538
- tableName?: string | undefined;
540
+ tableName?: string;
539
541
  }) => React__default.JSX.Element>;
540
542
 
541
543
  declare const Responsive: React__default.MemoExoticComponent<({ tableName }: {
542
- tableName?: string | undefined;
544
+ tableName?: string;
543
545
  }) => React__default.JSX.Element>;
544
546
 
545
547
  interface IPagination {
@@ -552,6 +554,7 @@ interface IPagination {
552
554
  currentPage: number | string;
553
555
  disabled?: boolean;
554
556
  disableReduced?: boolean;
557
+ hideInfo?: boolean;
555
558
  hideMaximizeButton?: boolean;
556
559
  hideRefreshButton?: boolean;
557
560
  isLoading?: boolean;
@@ -582,12 +585,30 @@ interface IPagination {
582
585
  showMaximizeOnSmallBreakpoints?: boolean;
583
586
  variant?: 'primary' | 'secondary' | 'datagrid';
584
587
  }
585
- 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>;
588
+ 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>;
586
589
 
587
590
  declare function getResponsiveTableContext(tableName: string): TResponsiveTableContext;
588
591
  declare function useResponsiveTableContext(tableName?: string): TResponsiveTableContext;
589
592
  declare const ResponsiveTableContext: React__default.MemoExoticComponent<({ allowEdition, allowRowsKeyboardSorting, avoidAutoEllipsis, allowSelection, allowSorting, avoidReparseSelectionOnRowChange, children, className, currentBreakPoint, customLabels, columns, filters, FiltersRenderer, rows, label, isMultiple, name, onChangeSelection, onFilterBlur, onFilterChange, onFilterPressEnter, onRowClick, onSelectRows, onSortChange, reserveColumnsForStates, SelectionHandler, variant, }: TResponsiveTableContextProps) => React__default.JSX.Element>;
590
593
 
594
+ type TPayloadWithId$1<P = Record<string, unknown>, T extends string = string, M = never, E = never> = PayloadAction$1<P & {
595
+ id: string;
596
+ }, T, M, E>;
597
+ type THandleKeyPayload = TPayloadWithId$1<THandleKey>;
598
+ type TSelectionStateUpdatePayload = TPayloadWithId$1<Partial<ISelectableState>>;
599
+ type TSetNewFocusedPayload = TPayloadWithId$1<INewFocus>;
600
+ type TUpdateByClickPayload = TPayloadWithId$1<TRequireOnlyOne<{
601
+ ariaRowIndex: number;
602
+ rowIndex: number;
603
+ }> & TRequireOnlyOne<{
604
+ ariaColIndex?: number;
605
+ colIndex: number;
606
+ }> & Pick<INewFocus, 'altKey' | 'ctrlKey' | 'shiftKey' | 'isFocused'>>;
607
+
608
+ type TPayloadWithId<P = Record<string, unknown>, T extends string = string, M = never, E = never> = PayloadAction$1<P & {
609
+ tableName: string;
610
+ }, T, M, E>;
611
+
591
612
  type TypedUseSelectorHook<TState> = <TSelected>(selector: (state: TState) => TSelected, equalityFn?: (a: TSelected, b: TSelected) => boolean) => TSelected;
592
613
  declare const responsiveTableStore: _reduxjs_toolkit_dist_configureStore.ToolkitStore<{
593
614
  responsiveTableSlice: TResponsiveTableSlice;
@@ -599,51 +620,15 @@ declare const useResponsiveTable: TypedUseSelectorHook<{
599
620
  }>;
600
621
 
601
622
  declare const responsiveTableActions: _reduxjs_toolkit.CaseReducerActions<{
602
- controller2UpdateSelectionState(state: immer_dist_internal.WritableDraft<TResponsiveTableSlice>, { payload: { tableName, ...payload }, }: {
603
- payload: Partial<TResponsiveTableState> & {
604
- tableName: string;
605
- };
606
- type: string;
607
- }): void;
608
- handleKey(state: immer_dist_internal.WritableDraft<Record<string, ISelectableState<IBasicColumn, IBasicFilter, string | TBasicRow>>>, { payload }: {
609
- payload: THandleKey & {
610
- id: string;
611
- };
612
- type: string;
613
- }): void;
614
- selectionStateUpdate(state: immer_dist_internal.WritableDraft<Record<string, ISelectableState<IBasicColumn, IBasicFilter, string | TBasicRow>>>, { payload: { id, ...payload } }: {
615
- payload: Partial<ISelectableState<IBasicColumn, IBasicFilter, string | TBasicRow>> & {
616
- id: string;
617
- };
618
- type: string;
619
- }): void;
620
- setNewFocused(state: immer_dist_internal.WritableDraft<Record<string, ISelectableState<IBasicColumn, IBasicFilter, string | TBasicRow>>>, { payload: { id, ...payload } }: {
621
- payload: INewFocus & {
622
- id: string;
623
- };
624
- type: string;
625
- }): void;
626
- updateByClick(state: immer_dist_internal.WritableDraft<Record<string, ISelectableState<IBasicColumn, IBasicFilter, string | TBasicRow>>>, { payload: { id, colIndex, rowIndex, ariaColIndex, ariaRowIndex, isFocused, ...payload }, }: {
627
- payload: (_apia_util.TRequireOnlyOne<{
628
- ariaRowIndex: number;
629
- rowIndex: number;
630
- }> & _apia_util.TRequireOnlyOne<{
631
- ariaColIndex?: number | undefined;
632
- colIndex: number;
633
- }> & Pick<INewFocus, "isFocused" | "altKey" | "ctrlKey" | "shiftKey">) & {
634
- id: string;
635
- };
636
- type: string;
637
- }): void;
638
- update(state: immer_dist_internal.WritableDraft<TResponsiveTableSlice>, { payload: { tableName, handleFocus, ...rest }, }: {
639
- payload: Partial<TResponsiveTableState> & {
640
- isFocused?: boolean | undefined;
641
- handleFocus?: boolean | undefined;
642
- } & {
643
- tableName: string;
644
- };
645
- type: string;
646
- }): void;
623
+ controller2UpdateSelectionState(state: _apia_store.Draft<TResponsiveTableSlice>, { payload: { tableName, ...payload }, }: TPayloadWithId<Partial<TResponsiveTableState>>): void;
624
+ handleKey(state: immer_dist_internal.WritableDraft<Record<string, ISelectableState<IBasicColumn, IBasicFilter, string | TBasicRow>>>, { payload }: THandleKeyPayload): void;
625
+ selectionStateUpdate(state: immer_dist_internal.WritableDraft<Record<string, ISelectableState<IBasicColumn, IBasicFilter, string | TBasicRow>>>, { payload: { id, ...payload } }: TSelectionStateUpdatePayload): void;
626
+ setNewFocused(state: immer_dist_internal.WritableDraft<Record<string, ISelectableState<IBasicColumn, IBasicFilter, string | TBasicRow>>>, { payload: { id, ...payload } }: TSetNewFocusedPayload): void;
627
+ updateByClick(state: immer_dist_internal.WritableDraft<Record<string, ISelectableState<IBasicColumn, IBasicFilter, string | TBasicRow>>>, { payload: { id, colIndex, rowIndex, ariaColIndex, ariaRowIndex, isFocused, ...payload }, }: TUpdateByClickPayload): void;
628
+ update(state: immer_dist_internal.WritableDraft<TResponsiveTableSlice>, { payload: { tableName, handleFocus, ...rest }, }: TResponsiveTableAction<Partial<TResponsiveTableState> & {
629
+ isFocused?: boolean;
630
+ handleFocus?: boolean;
631
+ }>): void;
647
632
  addRows(state: immer_dist_internal.WritableDraft<TResponsiveTableSlice>, { payload }: TResponsiveTableAction<{
648
633
  newRows: TResponsiveTableRow[];
649
634
  }>): void;
@@ -651,14 +636,9 @@ declare const responsiveTableActions: _reduxjs_toolkit.CaseReducerActions<{
651
636
  rowIndices: number[];
652
637
  }>): void;
653
638
  destroy(state: immer_dist_internal.WritableDraft<TResponsiveTableSlice>, { payload: { tableName } }: TResponsiveTableAction): void;
654
- swapFocusedRow(state: immer_dist_internal.WritableDraft<TResponsiveTableSlice>, { payload: { newIndex, tableName }, }: {
655
- payload: {
656
- newIndex: number;
657
- } & {
658
- tableName: string;
659
- };
660
- type: string;
661
- }): void;
639
+ swapFocusedRow(state: immer_dist_internal.WritableDraft<TResponsiveTableSlice>, { payload: { newIndex, tableName }, }: TResponsiveTableAction<{
640
+ newIndex: number;
641
+ }>): void;
662
642
  }, "responsiveTableSlice">;
663
643
 
664
644
  /**
@@ -671,12 +651,9 @@ declare class Controller2 {
671
651
  readonly tableName: string;
672
652
  constructor(tableName: string);
673
653
  events: EventEmitter<{
674
- onRowClick: [row: {
675
- index: number;
676
- row: TResponsiveTableRow<Record<string, unknown>>;
677
- }, focusedIndex: number];
678
- onSelectRows: [newRows: TResponsiveTableRowsSelectionEvent, focusedIndex: number];
679
- onChangeSelection: Parameters<NonNullable<TKeyHandlerProps['onChangeSelection']>>;
654
+ onRowClick: Parameters<NonNullable<TKeyHandlerProps["onRowClick"]>>;
655
+ onSelectRows: Parameters<NonNullable<TKeyHandlerProps["onSelectRows"]>>;
656
+ onChangeSelection: Parameters<NonNullable<TKeyHandlerProps["onChangeSelection"]>>;
680
657
  }>;
681
658
  setResponsiveTableContextEvents(evs: Pick<TKeyHandlerProps, 'onRowClick' | 'onSelectRows' | 'onChangeSelection'>): void;
682
659
  private unsubscribe;
@@ -689,25 +666,25 @@ declare class Controller2 {
689
666
  * Returns a copy of the current state object
690
667
  */
691
668
  getState(): {
692
- allowSorting?: boolean | undefined;
693
- isMultiple?: boolean | undefined;
694
669
  label?: string | undefined;
670
+ allowSorting?: boolean | undefined;
671
+ isMultiple?: boolean;
695
672
  reserveColumnsForStates?: number | undefined;
696
- allowEdition?: boolean | undefined;
697
- allowRowsKeyboardSorting?: boolean | undefined;
698
- allowSelection?: boolean | undefined;
673
+ allowEdition?: boolean;
674
+ allowRowsKeyboardSorting?: boolean;
675
+ allowSelection?: boolean;
699
676
  columns: TResponsiveTableColumn[];
700
- draggingRow?: number | undefined;
677
+ draggingRow?: number;
701
678
  expandedRows: number[];
702
679
  filters: _apia_util.TApiaFilter[];
703
680
  focusedRow: number;
704
681
  focusedColumn: number;
705
682
  hasNonAdditionalFilters: boolean;
706
- isEditionMode?: boolean | undefined;
683
+ isEditionMode?: boolean;
707
684
  isFocused: boolean;
708
685
  nonAdditionalColumnsCount: number;
709
686
  rows: TResponsiveTableRow<any>[];
710
- scrollIntoViewRow?: number | undefined;
687
+ scrollIntoViewRow?: number;
711
688
  selectedRows: number[];
712
689
  statesColumns: number;
713
690
  accordionIndexColumns: TResponsiveTableIndexColumns;
@@ -721,8 +698,8 @@ declare function makeController2(tableName: string): [Controller2, FC<TKeyHandle
721
698
 
722
699
  declare const RangeFilter: ({ filter, tableName, className, }: {
723
700
  filter: TApiaFilter;
724
- tableName?: string | undefined;
725
- className?: string | undefined;
701
+ tableName?: string;
702
+ className?: string;
726
703
  }) => React.JSX.Element;
727
704
 
728
705
  declare const TableContextReproducer: ({ children, tableName, }: {
@@ -760,7 +737,7 @@ declare const AdditionalColumnDefaultRenderer: React__default.MemoExoticComponen
760
737
  declare const DefaultCellRenderer: React__default.ForwardRefExoticComponent<{
761
738
  cell: TResponsiveTableCell<Record<string, unknown>>;
762
739
  column: TResponsiveTableColumn;
763
- row: TResponsiveTableRow<Record<string, unknown>>;
740
+ row: TResponsiveTableRow;
764
741
  } & React__default.AllHTMLAttributes<HTMLTableCellElement> & React__default.RefAttributes<HTMLTableCellElement>>;
765
742
 
766
743
  declare const DefaultRowRenderer: TResponsiveTableRowRenderer;
@@ -785,7 +762,7 @@ declare function makeAsyncRenderer(additionalInfoGetter: (row: TResponsiveTableR
785
762
  declare const NoEllipsisCellRenderer: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<{
786
763
  cell: TResponsiveTableCell<Record<string, unknown>>;
787
764
  column: TResponsiveTableColumn;
788
- row: TResponsiveTableRow<Record<string, unknown>>;
765
+ row: TResponsiveTableRow;
789
766
  } & React__default.AllHTMLAttributes<HTMLTableCellElement> & React__default.RefAttributes<HTMLTableCellElement>>>;
790
767
 
791
768
  declare const NoRegistersRenderer: () => React.JSX.Element;
@@ -809,7 +786,7 @@ declare const StatusRenderer: TResponsiveTableCellRenderer<{
809
786
  }>;
810
787
 
811
788
  declare const TableRenderer: React__default.MemoExoticComponent<({ variant }: {
812
- variant?: string | undefined;
789
+ variant?: string;
813
790
  }) => React__default.JSX.Element>;
814
791
 
815
792
  export { AccordionCell, AccordionDocNameCellRenderer, AccordionElement, AccordionHTMLCellRenderer, AccordionRenderer, Additional, AdditionalColumnDefaultRenderer, Controller2, DefaultCellRenderer, DefaultRowRenderer, DocNameCellRenderer, HTMLCellRenderer, type IAccordionElement, IsLoadingRenderer, NoEllipsisCellRenderer, NoRegistersRenderer, Pagination, PriorityAccordionRenderer, PriorityRenderer, RangeFilter, Responsive, ResponsiveTable, ResponsiveTableContext, RowStatesRenderer, Sort, StatusAccordionRenderer, StatusRenderer, type TAccordionCellRenderer, type TAccordionCellRendererProps, type TColoredElement, type TDocNameCellRenderer, type TDocNameCellRendererProps, type TResponsiveTableCell, type TResponsiveTableCellRenderer, type TResponsiveTableCellRendererProps, type TResponsiveTableColumn, type TResponsiveTableContext, type TResponsiveTableContextProps, type TResponsiveTableRow, type TResponsiveTableRowRenderer, type TResponsiveTableRowRendererProps, type TResponsiveTableRowState, type TResponsiveTableRowsSelectionEvent, type TResponsiveTableSortChangeEvent, type TResponsiveTableSortValue, type TResponsiveTableStoreProps, type TResponsiveTableWithRendererElement, TableContextReproducer, TableRenderer, defaultLabels, getPriorityHandler, getResponsiveTableContext, getStatusRendererClassName, makeAccordionAsyncRenderer, makeAsyncRenderer, makeController2, responsiveTableActions, responsiveTableStore, useResponsiveTable, useResponsiveTableContext };
package/dist/index.js CHANGED
@@ -3,8 +3,8 @@ import React, { useMemo, useRef, useState, memo, useEffect, useCallback, createR
3
3
  import { Box, getVariant, Input, Select, useBreakpointIndex, Label, Link, Spinner } from '@apia/theme';
4
4
  import { useMount, useUpdateEffect, useUnmount, useThrottleFn } from 'ahooks';
5
5
  import uniqueId from 'lodash-es/uniqueId';
6
- import { createSlice, injectReducers, shallowEqual as shallowEqual$1 } from '@apia/store';
7
- 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';
6
+ import { injectReducers, createSlice, shallowEqual as shallowEqual$1 } from '@apia/store';
7
+ 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';
8
8
  import { shallowEqual } from 'react-redux';
9
9
  import { useOtherTagButton, AutoEllipsis, ApiaFilter, IconButton, AccordionItem, Accordion, RequiredMark, ApiaUtil, SimpleButton } from '@apia/components';
10
10
  import { Icon } from '@apia/icons';
@@ -161,7 +161,6 @@ function willHandleKey(ev, state) {
161
161
  }
162
162
  function handleKey(state, { ev }) {
163
163
  const {
164
- altKey: isAltPressed,
165
164
  ctrlKey: isCtrlPressed,
166
165
  key,
167
166
  shiftKey: isShiftPressed
@@ -174,7 +173,6 @@ function handleKey(state, { ev }) {
174
173
  newFocusedRow,
175
174
  ...rest
176
175
  }) => setNewFocused(state, {
177
- altKey: isAltPressed,
178
176
  ctrlKey: isCtrlPressed,
179
177
  shiftKey: isShiftPressed,
180
178
  newFocusedColumn,
@@ -345,7 +343,6 @@ const responsiveTableSlice = createSlice({
345
343
  state[tableName] = { ...state[tableName], ...rest };
346
344
  if (handleFocus !== false) {
347
345
  setNewFocused(state[tableName], {
348
- altKey: false,
349
346
  ctrlKey: false,
350
347
  shiftKey: false,
351
348
  shouldSelectNewFocused: rest.isFocused ?? state[tableName].isFocused
@@ -379,7 +376,6 @@ const responsiveTableSlice = createSlice({
379
376
  ...payload.newRows
380
377
  );
381
378
  setNewFocused(state[payload.tableName], {
382
- altKey: false,
383
379
  ctrlKey: false,
384
380
  shiftKey: false,
385
381
  shouldSelectNewFocused: true,
@@ -395,7 +391,6 @@ const responsiveTableSlice = createSlice({
395
391
  (_, index) => !payload.rowIndices.includes(index)
396
392
  );
397
393
  setNewFocused(state[payload.tableName], {
398
- altKey: false,
399
394
  ctrlKey: false,
400
395
  shiftKey: false,
401
396
  shouldSelectNewFocused: true,
@@ -2594,7 +2589,7 @@ const Responsive = React.memo(NoMemoResponsive);
2594
2589
  var __defProp$1 = Object.defineProperty;
2595
2590
  var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
2596
2591
  var __publicField$1 = (obj, key, value) => {
2597
- __defNormalProp$1(obj, typeof key !== "symbol" ? key + "" : key, value);
2592
+ __defNormalProp$1(obj, key + "" , value);
2598
2593
  return value;
2599
2594
  };
2600
2595
  const maximizationPersist = {
@@ -2699,6 +2694,7 @@ const NoMemoPagination = ({
2699
2694
  disabled,
2700
2695
  disableReduced,
2701
2696
  hasMore,
2697
+ hideInfo,
2702
2698
  hideMaximizeButton,
2703
2699
  hideRefreshButton,
2704
2700
  isLoading,
@@ -2782,28 +2778,30 @@ const NoMemoPagination = ({
2782
2778
  iconSize: "Md"
2783
2779
  }
2784
2780
  ),
2785
- ((reachedMax || hasMore) && breakPoint > 3 || breakPoint <= 3) && className !== "grid__pagination" ? /* @__PURE__ */ jsx(
2786
- IconButton,
2787
- {
2788
- variant: "icon-primary",
2789
- icon: "Info",
2790
- className: `pagination__information ${reachedMax || hasMore ? "pagination__alertInfo" : ""}`,
2791
- onClick: () => ApiaUtil.instance.tooltips.open(tooltipProps),
2792
- ref: setInfoButtonRef,
2793
- iconSize: "Md",
2794
- "aria-label": window.BTN_FILE_INFO_TOOLTIP,
2795
- title: window.BTN_FILE_INFO_TOOLTIP
2796
- }
2797
- ) : "",
2798
- breakPoint > 3 && /* @__PURE__ */ jsx(
2799
- Box,
2800
- {
2801
- as: "span",
2802
- className: "recordsCounter pagination__deleteLabels",
2803
- title: recordsCountLabel,
2804
- children: recordsCount !== -1 && `${window.GNR_TOT_RECORDS}: ${recordsCount} `
2805
- }
2806
- )
2781
+ !hideInfo && /* @__PURE__ */ jsxs(Fragment, { children: [
2782
+ ((reachedMax || hasMore) && breakPoint > 3 || breakPoint <= 3) && className !== "grid__pagination" ? /* @__PURE__ */ jsx(
2783
+ IconButton,
2784
+ {
2785
+ variant: "icon-primary",
2786
+ icon: "Info",
2787
+ className: `pagination__information ${reachedMax || hasMore ? "pagination__alertInfo" : ""}`,
2788
+ onClick: () => ApiaUtil.instance.tooltips.open(tooltipProps),
2789
+ ref: setInfoButtonRef,
2790
+ iconSize: "Md",
2791
+ "aria-label": window.BTN_FILE_INFO_TOOLTIP,
2792
+ title: window.BTN_FILE_INFO_TOOLTIP
2793
+ }
2794
+ ) : "",
2795
+ breakPoint > 3 && /* @__PURE__ */ jsx(
2796
+ Box,
2797
+ {
2798
+ as: "span",
2799
+ className: "recordsCounter pagination__deleteLabels",
2800
+ title: recordsCountLabel,
2801
+ children: recordsCount !== -1 && `${window.GNR_TOT_RECORDS}: ${recordsCount} `
2802
+ }
2803
+ )
2804
+ ] })
2807
2805
  ] }),
2808
2806
  /* @__PURE__ */ jsx(Box, { className: "pagination__controls", children: (numberPageCount > 0 || disableReduced) && /* @__PURE__ */ jsxs(Fragment, { children: [
2809
2807
  breakPoint > 2 && /* @__PURE__ */ jsx(
@@ -2978,7 +2976,7 @@ const NoMemoPagination = ({
2978
2976
  };
2979
2977
  const Pagination = React.memo(NoMemoPagination);
2980
2978
 
2981
- function applyFocusAttributes(table, _previousState, state, focus = state.isFocused) {
2979
+ function applyFocusAttributes(table, _previousState, state, focus = state.isFocused, target) {
2982
2980
  table.querySelectorAll(getFocusSelector()).forEach((e) => {
2983
2981
  e.tabIndex = -1;
2984
2982
  });
@@ -2998,6 +2996,9 @@ function applyFocusAttributes(table, _previousState, state, focus = state.isFocu
2998
2996
  const focusedCell = table.querySelector(
2999
2997
  `tr[data-rowindex="${state.focusedRow}"] td[aria-colindex="${state.focusedColumn}"], tr[data-rowindex="${state.focusedRow}"] th[aria-colindex="${state.focusedColumn}"]`
3000
2998
  );
2999
+ if (target) {
3000
+ target.focus();
3001
+ }
3001
3002
  if (focusedCell instanceof HTMLElement) {
3002
3003
  const widgets = [];
3003
3004
  if (state.isEditionMode) {
@@ -3015,7 +3016,7 @@ function applyFocusAttributes(table, _previousState, state, focus = state.isFocu
3015
3016
  widget.tabIndex = 0;
3016
3017
  if (i === 0)
3017
3018
  window.requestAnimationFrame(() => {
3018
- if (focus) {
3019
+ if (!target && focus) {
3019
3020
  widget.focus();
3020
3021
  }
3021
3022
  });
@@ -3023,7 +3024,7 @@ function applyFocusAttributes(table, _previousState, state, focus = state.isFocu
3023
3024
  } else {
3024
3025
  focusedCell.tabIndex = 0;
3025
3026
  window.requestAnimationFrame(() => {
3026
- if (focus) {
3027
+ if (!target && focus) {
3027
3028
  focusedCell.focus();
3028
3029
  }
3029
3030
  });
@@ -3118,7 +3119,13 @@ function handleMouseDownEvent(ev) {
3118
3119
  state.focusedRow = rowIndex;
3119
3120
  state.isFocused = true;
3120
3121
  applySelectionAttributes(table, this.getState(), state);
3121
- applyFocusAttributes(table, this.getState(), state);
3122
+ applyFocusAttributes(
3123
+ table,
3124
+ this.getState(),
3125
+ state,
3126
+ state.isFocused,
3127
+ target
3128
+ );
3122
3129
  this.setState(state);
3123
3130
  this.events.onRowClick?.(
3124
3131
  { row: state.rows[state.focusedRow], index: state.focusedRow },
@@ -3345,7 +3352,7 @@ var __privateAdd = (obj, member, value) => {
3345
3352
  };
3346
3353
  var __privateSet = (obj, member, value, setter) => {
3347
3354
  __accessCheck(obj, member, "write to private field");
3348
- setter ? setter.call(obj, value) : member.set(obj, value);
3355
+ member.set(obj, value);
3349
3356
  return value;
3350
3357
  };
3351
3358
  var _unsubscribe;