@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 +54 -77
- package/dist/index.js +42 -35
- package/dist/index.js.map +1 -1
- package/package.json +10 -8
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
|
|
536
|
+
tableName?: string;
|
|
535
537
|
}) => React__default.JSX.Element>;
|
|
536
538
|
|
|
537
539
|
declare const Additional: React__default.MemoExoticComponent<({ tableName }: {
|
|
538
|
-
tableName?: string
|
|
540
|
+
tableName?: string;
|
|
539
541
|
}) => React__default.JSX.Element>;
|
|
540
542
|
|
|
541
543
|
declare const Responsive: React__default.MemoExoticComponent<({ tableName }: {
|
|
542
|
-
tableName?: string
|
|
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:
|
|
603
|
-
|
|
604
|
-
|
|
605
|
-
|
|
606
|
-
|
|
607
|
-
}
|
|
608
|
-
|
|
609
|
-
|
|
610
|
-
|
|
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
|
-
|
|
656
|
-
|
|
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: [
|
|
675
|
-
|
|
676
|
-
|
|
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
|
|
697
|
-
allowRowsKeyboardSorting?: boolean
|
|
698
|
-
allowSelection?: boolean
|
|
673
|
+
allowEdition?: boolean;
|
|
674
|
+
allowRowsKeyboardSorting?: boolean;
|
|
675
|
+
allowSelection?: boolean;
|
|
699
676
|
columns: TResponsiveTableColumn[];
|
|
700
|
-
draggingRow?: number
|
|
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
|
|
683
|
+
isEditionMode?: boolean;
|
|
707
684
|
isFocused: boolean;
|
|
708
685
|
nonAdditionalColumnsCount: number;
|
|
709
686
|
rows: TResponsiveTableRow<any>[];
|
|
710
|
-
scrollIntoViewRow?: number
|
|
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
|
|
725
|
-
className?: string
|
|
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
|
|
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
|
|
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
|
|
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 {
|
|
7
|
-
import { addBoundary, useLatest, useUpdateEffect as useUpdateEffect$1, getSpecificParent, isChild, autoDisconnectMutationObserver, getFocusSelector, cantFocusSelector, globalFocus, scrollParentIntoElement, customEvents,
|
|
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,
|
|
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
|
-
|
|
2786
|
-
|
|
2787
|
-
|
|
2788
|
-
|
|
2789
|
-
|
|
2790
|
-
|
|
2791
|
-
|
|
2792
|
-
|
|
2793
|
-
|
|
2794
|
-
|
|
2795
|
-
|
|
2796
|
-
|
|
2797
|
-
|
|
2798
|
-
|
|
2799
|
-
|
|
2800
|
-
|
|
2801
|
-
|
|
2802
|
-
|
|
2803
|
-
|
|
2804
|
-
|
|
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(
|
|
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
|
-
|
|
3355
|
+
member.set(obj, value);
|
|
3349
3356
|
return value;
|
|
3350
3357
|
};
|
|
3351
3358
|
var _unsubscribe;
|