@apia/table 3.0.9 → 3.0.11
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 +21 -8
- package/dist/index.js +259 -112
- package/dist/index.js.map +1 -1
- package/package.json +6 -6
package/dist/index.d.ts
CHANGED
|
@@ -266,6 +266,7 @@ type TResponsiveTableContextProps = TResponsiveTableStoreProps & Pick<ISelectabl
|
|
|
266
266
|
* en true**, este comportamiento es deshabilitado.
|
|
267
267
|
*/
|
|
268
268
|
avoidReparseSelectionOnRowChange?: boolean;
|
|
269
|
+
avoidAutoEllipsis?: boolean;
|
|
269
270
|
children?: React__default.ReactNode;
|
|
270
271
|
className?: string;
|
|
271
272
|
/**
|
|
@@ -291,6 +292,9 @@ type TResponsiveTableContextProps = TResponsiveTableStoreProps & Pick<ISelectabl
|
|
|
291
292
|
onFilterChange?: (ev: TApiaFilter) => void | Promise<boolean>;
|
|
292
293
|
onFilterBlur?: (ev: TApiaFilter) => unknown;
|
|
293
294
|
onFilterPressEnter?: (ev: TApiaFilter) => unknown;
|
|
295
|
+
FiltersRenderer?: (id: string) => FC<{
|
|
296
|
+
filter: TApiaFilter;
|
|
297
|
+
}>;
|
|
294
298
|
onChangeSelection?: (ev: TResponsiveTableRowsSelectionEvent) => unknown;
|
|
295
299
|
/**
|
|
296
300
|
* Este evento será llamado cada vez que el usuario esté
|
|
@@ -298,6 +302,10 @@ type TResponsiveTableContextProps = TResponsiveTableStoreProps & Pick<ISelectabl
|
|
|
298
302
|
* filas no vacía y presione la tecla Enter.
|
|
299
303
|
*/
|
|
300
304
|
onSelectRows?: (ev: TResponsiveTableRowsSelectionEvent, focusedRowIndex: number) => unknown;
|
|
305
|
+
/**
|
|
306
|
+
* Este evento será llamado cada vez que el usuario haga click en una fila
|
|
307
|
+
*/
|
|
308
|
+
onRowClick?: (ev: TResponsiveTableRowsSelectionEvent[0], focusedRowIndex: number) => unknown;
|
|
301
309
|
/**
|
|
302
310
|
* Es llamado cada vez que el usuario hace click en el botón
|
|
303
311
|
* del cabezal de la columna. **Importante:** la tabla no
|
|
@@ -319,7 +327,7 @@ type TResponsiveTableContextProps = TResponsiveTableStoreProps & Pick<ISelectabl
|
|
|
319
327
|
* desee informar de un evento en particular
|
|
320
328
|
* pueda hacerlo en forma sencilla.
|
|
321
329
|
*/
|
|
322
|
-
type TResponsiveTableContext = TModify<Pick<TResponsiveTableContextProps, 'currentBreakPoint' | 'name' | 'onChangeSelection' | 'onFilterBlur' | 'onFilterChange' | 'onFilterPressEnter' | 'onSelectRows' | 'onSortChange' | 'label' | 'SelectionHandler'>, {
|
|
330
|
+
type TResponsiveTableContext = TModify<Pick<TResponsiveTableContextProps, 'avoidAutoEllipsis' | 'FiltersRenderer' | 'currentBreakPoint' | 'name' | 'onChangeSelection' | 'onFilterBlur' | 'onFilterChange' | 'onFilterPressEnter' | 'onSelectRows' | 'onRowClick' | 'onSortChange' | 'label' | 'SelectionHandler'>, {
|
|
323
331
|
labels: typeof defaultLabels;
|
|
324
332
|
name: string;
|
|
325
333
|
}>;
|
|
@@ -516,6 +524,7 @@ type TKeyHandlerProps = BoxProps & {
|
|
|
516
524
|
* la selección actual.
|
|
517
525
|
*/
|
|
518
526
|
onChangeSelection?: (newRows: TResponsiveTableRowsSelectionEvent) => unknown;
|
|
527
|
+
onRowClick?: (row: TResponsiveTableRowsSelectionEvent[0], focusedIndex: number) => unknown;
|
|
519
528
|
onSelectRows?: (newRows: TResponsiveTableRowsSelectionEvent, focusedIndex: number) => unknown;
|
|
520
529
|
};
|
|
521
530
|
|
|
@@ -576,7 +585,7 @@ interface IPagination {
|
|
|
576
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>;
|
|
577
586
|
|
|
578
587
|
declare function useResponsiveTableContext(tableName?: string): TResponsiveTableContext;
|
|
579
|
-
declare const ResponsiveTableContext: React__default.MemoExoticComponent<({ allowEdition, allowRowsKeyboardSorting, allowSelection, allowSorting, avoidReparseSelectionOnRowChange, children, className, currentBreakPoint, customLabels, columns, filters, rows, label, isMultiple, name, onChangeSelection, onFilterBlur, onFilterChange, onFilterPressEnter, onSelectRows, onSortChange, reserveColumnsForStates, SelectionHandler, variant, }: TResponsiveTableContextProps) => React__default.JSX.Element>;
|
|
588
|
+
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>;
|
|
580
589
|
|
|
581
590
|
type TypedUseSelectorHook<TState> = <TSelected>(selector: (state: TState) => TSelected, equalityFn?: (a: TSelected, b: TSelected) => boolean) => TSelected;
|
|
582
591
|
declare const responsiveTableStore: _reduxjs_toolkit_dist_configureStore.ToolkitStore<{
|
|
@@ -659,16 +668,14 @@ declare const responsiveTableActions: _reduxjs_toolkit.CaseReducerActions<{
|
|
|
659
668
|
declare class Controller2 {
|
|
660
669
|
readonly tableName: string;
|
|
661
670
|
constructor(tableName: string);
|
|
662
|
-
|
|
663
|
-
setEvents(events:
|
|
664
|
-
onChangeSelection?: (newRows: TResponsiveTableRowsSelectionEvent) => unknown;
|
|
665
|
-
onSelectRows?: (newRows: TResponsiveTableRowsSelectionEvent, focusedIndex: number) => unknown;
|
|
666
|
-
}): void;
|
|
671
|
+
protected events: Pick<TKeyHandlerProps, 'onRowClick' | 'onSelectRows' | 'onChangeSelection'>;
|
|
672
|
+
setEvents(events: Pick<TKeyHandlerProps, 'onRowClick' | 'onSelectRows' | 'onChangeSelection'>): void;
|
|
667
673
|
private unsubscribe;
|
|
668
674
|
private el;
|
|
669
675
|
setRef: (el: HTMLElement) => void;
|
|
670
676
|
handleClickEvent: (ev: MouseEvent) => void;
|
|
671
677
|
handleKeyDownEvent: (ev: KeyboardEvent) => void;
|
|
678
|
+
handleDoubleClickEvent: () => void;
|
|
672
679
|
/**
|
|
673
680
|
* Returns a copy of the current state object
|
|
674
681
|
*/
|
|
@@ -697,11 +704,17 @@ declare class Controller2 {
|
|
|
697
704
|
accordionIndexColumns: TResponsiveTableIndexColumns;
|
|
698
705
|
isLoading: boolean;
|
|
699
706
|
};
|
|
707
|
+
getSelection(): number[];
|
|
700
708
|
setState(state: Partial<TResponsiveTableState>): void;
|
|
701
709
|
updateSelectionState(): void;
|
|
702
710
|
}
|
|
703
711
|
declare function makeController2(tableName: string): [Controller2, FC<TKeyHandlerProps>];
|
|
704
712
|
|
|
713
|
+
declare const TableContextReproducer: ({ children, tableName, }: {
|
|
714
|
+
children: ReactNode;
|
|
715
|
+
tableName: string;
|
|
716
|
+
}) => React.JSX.Element;
|
|
717
|
+
|
|
705
718
|
type TDocNameCellRendererProps$1 = {
|
|
706
719
|
docName: string;
|
|
707
720
|
docUrl: string;
|
|
@@ -784,5 +797,5 @@ declare const TableRenderer: React__default.MemoExoticComponent<({ variant }: {
|
|
|
784
797
|
variant?: string | undefined;
|
|
785
798
|
}) => React__default.JSX.Element>;
|
|
786
799
|
|
|
787
|
-
export { AccordionCell, AccordionDocNameCellRenderer, AccordionElement, AccordionHTMLCellRenderer, AccordionRenderer, Additional, AdditionalColumnDefaultRenderer, Controller2, DefaultCellRenderer, DefaultRowRenderer, DocNameCellRenderer, HTMLCellRenderer, type IAccordionElement, IsLoadingRenderer, NoEllipsisCellRenderer, NoRegistersRenderer, Pagination, PriorityAccordionRenderer, PriorityRenderer, 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, TableRenderer, defaultLabels, getPriorityHandler, getStatusRendererClassName, makeAccordionAsyncRenderer, makeAsyncRenderer, makeController2, responsiveTableActions, responsiveTableStore, useResponsiveTable, useResponsiveTableContext };
|
|
800
|
+
export { AccordionCell, AccordionDocNameCellRenderer, AccordionElement, AccordionHTMLCellRenderer, AccordionRenderer, Additional, AdditionalColumnDefaultRenderer, Controller2, DefaultCellRenderer, DefaultRowRenderer, DocNameCellRenderer, HTMLCellRenderer, type IAccordionElement, IsLoadingRenderer, NoEllipsisCellRenderer, NoRegistersRenderer, Pagination, PriorityAccordionRenderer, PriorityRenderer, 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, getStatusRendererClassName, makeAccordionAsyncRenderer, makeAsyncRenderer, makeController2, responsiveTableActions, responsiveTableStore, useResponsiveTable, useResponsiveTableContext };
|
|
788
801
|
//# sourceMappingURL=index.d.ts.map
|