refactor(OptimizedResize): rewrite in typescript (#18731)

Author: adamalston

packages/react/src/internal/FloatingMenu.tsx

@@ -22,7 +22,7 @@ import * as FeatureFlags from '@carbon/feature-flags';
 import ReactDOM from 'react-dom';
 import window from 'window-or-global';
 import { keys, match } from '../internal/keyboard';
-import OptimizedResize from './OptimizedResize';
+import { OptimizedResize } from './OptimizedResize';
 import { selectorFocusable, selectorTabbable } from './keyboard/navigation';
 import { PrefixContext } from './usePrefix';
 import { warning } from './warning';
@@ -399,7 +399,7 @@ export const FloatingMenu = ({
     });
 
     return () => {
-      resizeHandler.release();
+      resizeHandler.remove();
     };
   }, [
     triggerRef,

packages/react/src/internal/OptimizedResize.js renamed to packages/react/src/internal/OptimizedResize.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2025
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -8,46 +8,47 @@
 // mdn resize function
 import window from 'window-or-global';
 
-const OptimizedResize = (function optimizedResize() {
-  const callbacks = [];
+/**
+ * A callback function to be executed on `resize`.
+ */
+type Callback = () => void;
+
+export const OptimizedResize = (() => {
+  const callbacks: Callback[] = [];
   let running = false;
 
-  // run the actual callbacks
-  function runCallbacks() {
+  const runCallbacks = () => {
     callbacks.forEach((callback) => {
       callback();
     });
 
     running = false;
-  }
+  };
 
-  // fired on resize event
-  function resize() {
+  const handleResize = () => {
     if (!running) {
       running = true;
       window.requestAnimationFrame(runCallbacks);
     }
-  }
-
-  // adds callback to loop
-  function addCallback(callback) {
-    if (callback) {
-      const index = callbacks.indexOf(callback);
-      if (index < 0) {
-        callbacks.push(callback);
-      }
+  };
+
+  const addCallback = (callback: Callback) => {
+    const index = callbacks.indexOf(callback);
+    if (index < 0) {
+      callbacks.push(callback);
     }
-  }
+  };
 
   return {
-    // public method to add additional callback
-    add: (callback) => {
+    /** Adds a callback function to be executed on window `resize`. */
+    add: (callback: Callback) => {
       if (!callbacks.length) {
-        window.addEventListener('resize', resize);
+        window.addEventListener('resize', handleResize);
       }
       addCallback(callback);
       return {
-        release() {
+        /** Removes the callback. */
+        remove: () => {
           const index = callbacks.indexOf(callback);
           if (index >= 0) {
             callbacks.splice(index, 1);
@@ -57,5 +58,3 @@ const OptimizedResize = (function optimizedResize() {
     },
   };
 })();
-
-export default OptimizedResize;