Add resizeObserver utility

Author: Kubit

src/utils/resizeObserver/index.ts

@@ -0,0 +1 @@
+export * from './resizeObserver';

src/utils/resizeObserver/resizeObserver.test.ts

@@ -0,0 +1,26 @@
+import { ResizeObserver } from './resizeObserver';
+
+describe('ResizeObserver fallback', () => {
+  let mockCallback: jest.Mock;
+
+  beforeEach(() => {
+    mockCallback = jest.fn();
+  });
+
+  it('can be observe', () => {
+    const observer = new ResizeObserver(mockCallback);
+    observer.observe(document.createElement('div'));
+    expect(mockCallback).toHaveBeenCalled();
+  });
+
+  it('should not throw when calling unobserve', () => {
+    const observer = new ResizeObserver(mockCallback);
+    const testElement = document.createElement('div');
+    expect(() => observer.unobserve(testElement)).not.toThrow();
+  });
+
+  it('should not throw when calling disconnect', () => {
+    const observer = new ResizeObserver(mockCallback);
+    expect(() => observer.disconnect()).not.toThrow();
+  });
+});

src/utils/resizeObserver/resizeObserver.ts

@@ -0,0 +1,32 @@
+let ResizeObserver: {
+  new (callback: ResizeObserverCallback): ResizeObserver;
+  prototype: ResizeObserver;
+};
+
+// Avoid crashing in environments where ResizeObserver is not supported
+if (typeof self !== 'undefined' && self.ResizeObserver) {
+  ResizeObserver = self.ResizeObserver;
+} else {
+  // Define a minimal type for ResizeObserver polyfill
+  class ResizeObserverPolyfill {
+    callback;
+    constructor(callback: ResizeObserverCallback) {
+      this.callback = callback;
+    }
+
+    observe(_target: Element, _options?: ResizeObserverOptions): void {
+      this.callback();
+    }
+
+    unobserve(_target: Element): void {
+      // Do nothing
+    }
+
+    disconnect(): void {
+      // Do nothing
+    }
+  }
+
+  ResizeObserver = ResizeObserverPolyfill;
+}
+export { ResizeObserver };