refactor: rewrite toggleClass in typescript (#19091)

Author: adamalston

packages/react/src/components/ComposedModal/ComposedModal.tsx

@@ -28,7 +28,7 @@ import { debounce } from 'es-toolkit/compat';
 import useIsomorphicEffect from '../../internal/useIsomorphicEffect';
 import mergeRefs from '../../tools/mergeRefs';
 import cx from 'classnames';
-import toggleClass from '../../tools/toggleClass';
+import { toggleClass } from '../../tools/toggleClass';
 import requiredIfGivenPropIsTruthy from '../../prop-types/requiredIfGivenPropIsTruthy';
 import wrapFocus, {
   elementOrParentIsFloatingMenu,

packages/react/src/components/Modal/Modal.tsx

@@ -15,7 +15,7 @@ import React, {
 } from 'react';
 import classNames from 'classnames';
 import { Close } from '@carbon/icons-react';
-import toggleClass from '../../tools/toggleClass';
+import { toggleClass } from '../../tools/toggleClass';
 import Button from '../Button';
 import ButtonSet from '../ButtonSet';
 import InlineLoading from '../InlineLoading';

packages/react/src/tools/toggleClass.js

@@ -0,0 +1,21 @@
+/**
+ * Copyright IBM Corp. 2019, 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.
+ */
+
+/**
+ * Toggles a class on an element.
+ *
+ * @param element - The target element.
+ * @param className - The class to toggle.
+ * @param add - `true` to add the class, `false` to remove it.
+ */
+export const toggleClass = (
+  element: Element,
+  className: string,
+  add: boolean
+) => {
+  element.classList.toggle(className, add);
+};