IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

Table: Improve code readability (#94690)

Browse Source 
feat(table): improve code radability
This commit is contained in:
Ihor Yeromin 2024-10-14 18:57:19 +02:00 committed by GitHub
parent e48351fbd3
commit bcf62612f3
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/grafana-ui/src/components/Table/Table.tsx
View File

@ -44,6 +44,7 @@ export const Table = memo((props: Props) => {
data,
height,
onCellFilterAdded,
onColumnResize,
width,
columnMinWidth = COLUMN_MIN_WIDTH,
noHeader,
@ -128,7 +129,7 @@ export const Table = memo((props: Props) => {
// Internal react table state reducer
const stateReducer = useTableStateReducer({
...props,
onColumnResize,
onSortByChange: (state) => {
// Collapse all rows. This prevents a known bug that causes the size of the rows to be incorrect due to
// using `VariableSizeList` and `useExpanded` together.
@ -138,6 +139,7 @@ export const Table = memo((props: Props) => {
props.onSortByChange(state);
}
},
data,
});
const hasUniqueId = !!data.meta?.uniqueRowIdFields?.length;

4
packages/grafana-ui/src/components/Table/reducer.ts
View File

@ -2,14 +2,14 @@ import { useCallback } from 'react';
import { getFieldDisplayName } from '@grafana/data';
import { TableSortByFieldState, GrafanaTableColumn, GrafanaTableState, Props } from './types';
import { TableSortByFieldState, GrafanaTableColumn, GrafanaTableState, TableStateReducerProps, Props } from './types';
export interface ActionType {
type: string;
id: string | undefined;
}
export function useTableStateReducer({ onColumnResize, onSortByChange, data }: Props) {
export function useTableStateReducer({ onColumnResize, onSortByChange, data }: TableStateReducerProps) {
return useCallback(
(newState: GrafanaTableState, action: ActionType) => {
switch (action.type) {

6
packages/grafana-ui/src/components/Table/types.ts
View File

@ -75,6 +75,12 @@ export interface GrafanaTableState extends TableState {
export interface GrafanaTableRow extends Row, UseExpandedRowProps<{}> {}
export interface TableStateReducerProps {
onColumnResize?: TableColumnResizeActionCallback;
onSortByChange?: TableSortByActionCallback;
data: DataFrame;
}
export interface Props {
ariaLabel?: string;
data: DataFrame;