@indico-data/design-system 2.48.0 → 2.49.0

package/src/setup/setupTests.ts

@@ -3,3 +3,11 @@ import { configure } from '@testing-library/react';
 import './setupIcons';
 
 configure({ testIdAttribute: 'data-testid' });
+
+class ResizeObserverMock {
+  observe() {}
+  unobserve() {}
+  disconnect() {}
+}
+
+global.ResizeObserver = ResizeObserverMock;

package/src/utils/getPreviousHeadersWidth.ts

@@ -0,0 +1,12 @@
+export const getPreviousHeadersWidth = (position: number): number => {
+  // Get headers with positions less than current position
+  const previousHeaders = Array.from({ length: position }, (_, i) =>
+    document.querySelector(`[data-column-id="sticky-column-${i}"]`),
+  ).filter((header): header is HTMLElement => header !== null);
+
+  // Sum up widths of previous headers
+  return previousHeaders.reduce((acc, header) => {
+    const width = header.offsetWidth;
+    return acc + width;
+  }, 0);
+};