15071406116

Committed 16 May 2025 02:59PM CUT coverage: 88.263%. Remained the same

Build # 15071406116

Build Type

Pull #7355

github

Committed by

web-flow

Commit Message

Merge c066bd4d1 into 741ff5cbc

Pull Request Pull Request #7355: docs(useSyncRef): add jsdoc

Run Details

3029 of 3983 branches covered (76.05%)

5309 of 6015 relevant lines covered (88.26%)

95803.86 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

66.67

/packages/main/src/components/AnalyticalTable/tableReducer/stateReducer.ts

import { actions } from 'react-table';
import type { TableInstance } from '../types/index.js';

export const stateReducer = (state, action, _prevState, instance: TableInstance) => {
  const { payload } = action;
  if (state.isRtl && action.type === actions.columnResizing) {
    const { clientX } = action;
    const { startX, columnWidth, headerIdWidths } = state.columnResizing;

    const deltaX = startX - clientX;
    const percentageDeltaX = deltaX / columnWidth;

    const newColumnWidths = {};

    headerIdWidths.forEach(([headerId, headerWidth]) => {
      newColumnWidths[headerId] = Math.max(headerWidth + headerWidth * percentageDeltaX, 0);
    });

    return {
      ...state,
      columnResizing: {
        ...state.columnResizing,
        columnWidths: {
          ...state.columnResizing.columnWidths,
          ...newColumnWidths,
        },
      },
    };
  }
  switch (action.type) {
    case 'setFilter':
      instance.webComponentsReactProperties.onFilter({
        filters: state.filters,
        value: action.filterValue,
        columnId: action.columnId,
      });
      return state;
    case 'toggleRowExpanded':
      // this flag disables scrolling to the top of the table if a table is collapsed
      if (!state.expanded[action.id]) {
        instance.dispatch({
          type: 'ROW_COLLAPSED_FLAG',
          payload: true,
        });
      }
      return state;
    case 'TABLE_RESIZE':
      // tableClientWidth is misleading, as only when scaled the `clientWidth` is used. In all other cases `getBoundingClientRect` is measuring the width.
      return { ...state, tableClientWidth: payload.tableClientWidth };
    case 'VISIBLE_ROWS':
      return { ...state, visibleRows: payload.visibleRows };
    case 'TABLE_SCROLLING_ENABLED':
      return { ...state, isScrollable: payload.isScrollable };
    case 'SET_SELECTED_ROW_IDS':
      return { ...state, selectedRowIds: payload.selectedRowIds };
    case 'SET_POPIN_COLUMNS':
      return { ...state, popInColumns: payload };
    case 'INTERACTIVE_ROWS_HAVE_POPIN':
      return { ...state, interactiveRowsHavePopIn: payload };
    case 'IS_RTL':
      return { ...state, isRtl: payload.isRtl };
    case 'SUB_COMPONENTS_HEIGHT':
      return { ...state, subComponentsHeight: payload };
    case 'TABLE_COL_RESIZED':
      return { ...state, tableColResized: payload };
    case 'SELECT_ROW_CB':
      return { ...state, selectedRowPayload: payload };
    case 'ROW_COLLAPSED_FLAG':
      return { ...state, rowCollapsed: payload };
    case 'COLUMN_DND_START':
      return { ...state, dndColumn: payload };
    case 'COLUMN_DND_END':
      return { ...state, dndColumn: '' };
    // fallback if the component wasn't ready yet for scrolling (elements are not initialized), e.g. when calling `.scrollToItem` on mount
    case 'TRIGGER_PROG_SCROLL':
      return { ...state, triggerScroll: payload };
    case 'AUTO_RESIZE':
      return {
        ...state,
        columnResizing: {
          ...state.columnResizing,
          columnWidths: {
            ...state.columnResizing.columnWidths,
            ...payload,
          },
        },
      };
    default:
      return state;
  }
};

1	import { actions } from 'react-table';
2	import type { TableInstance } from '../types/index.js';
3
4	export const stateReducer = (state, action, _prevState, instance: TableInstance) => {	444✔
5	const { payload } = action;	252,209✔
6	if (state.isRtl && action.type === actions.columnResizing) {	252,209!
7	const { clientX } = action;	×
8	const { startX, columnWidth, headerIdWidths } = state.columnResizing;	×
9
10	const deltaX = startX - clientX;	×
11	const percentageDeltaX = deltaX / columnWidth;	×
12
13	const newColumnWidths = {};	×
14
15	headerIdWidths.forEach(([headerId, headerWidth]) => {	×
16	newColumnWidths[headerId] = Math.max(headerWidth + headerWidth * percentageDeltaX, 0);	×
17	});
18
19	return {	×
20	...state,
21	columnResizing: {
22	...state.columnResizing,
23	columnWidths: {
24	...state.columnResizing.columnWidths,
25	...newColumnWidths,
26	},
27	},
28	};
29	}
30	switch (action.type) {	252,209!
31	case 'setFilter':
32	instance.webComponentsReactProperties.onFilter({	2,528✔
33	filters: state.filters,
34	value: action.filterValue,
35	columnId: action.columnId,
36	});
37	return state;	2,528✔
38	case 'toggleRowExpanded':
39	// this flag disables scrolling to the top of the table if a table is collapsed
40	if (!state.expanded[action.id]) {	1,672✔
41	instance.dispatch({	102✔
42	type: 'ROW_COLLAPSED_FLAG',
43	payload: true,
44	});
45	}
46	return state;	1,672✔
47	case 'TABLE_RESIZE':
48	// tableClientWidth is misleading, as only when scaled the `clientWidth` is used. In all other cases `getBoundingClientRect` is measuring the width.
49	return { ...state, tableClientWidth: payload.tableClientWidth };	29,266✔
50	case 'VISIBLE_ROWS':
51	return { ...state, visibleRows: payload.visibleRows };	3,536✔
52	case 'TABLE_SCROLLING_ENABLED':
53	return { ...state, isScrollable: payload.isScrollable };	21,068✔
54	case 'SET_SELECTED_ROW_IDS':
55	return { ...state, selectedRowIds: payload.selectedRowIds };	392✔
56	case 'SET_POPIN_COLUMNS':
57	return { ...state, popInColumns: payload };	28,689✔
58	case 'INTERACTIVE_ROWS_HAVE_POPIN':
59	return { ...state, interactiveRowsHavePopIn: payload };	×
60	case 'IS_RTL':
61	return { ...state, isRtl: payload.isRtl };	14,946✔
62	case 'SUB_COMPONENTS_HEIGHT':
63	return { ...state, subComponentsHeight: payload };	10,308✔
64	case 'TABLE_COL_RESIZED':
65	return { ...state, tableColResized: payload };	×
66	case 'SELECT_ROW_CB':
67	return { ...state, selectedRowPayload: payload };	7,088✔
68	case 'ROW_COLLAPSED_FLAG':
69	return { ...state, rowCollapsed: payload };	136✔
70	case 'COLUMN_DND_START':
71	return { ...state, dndColumn: payload };	×
72	case 'COLUMN_DND_END':
73	return { ...state, dndColumn: '' };	128✔
74	// fallback if the component wasn't ready yet for scrolling (elements are not initialized), e.g. when calling `.scrollToItem` on mount
75	case 'TRIGGER_PROG_SCROLL':
76	return { ...state, triggerScroll: payload };	160✔
77	case 'AUTO_RESIZE':
78	return {	714✔
79	...state,
80	columnResizing: {
81	...state.columnResizing,
82	columnWidths: {
83	...state.columnResizing.columnWidths,
84	...payload,
85	},
86	},
87	};
88	default:
89	return state;	131,578✔
90	}
91	};

SAP / ui5-webcomponents-react / 15071406116

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous