@carbon/react 1.83.0-rc.0 → 1.84.0-rc.0

package/lib/components/ListBox/ListBoxField.js

@@ -24,13 +24,12 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
  * elements inside of a field. It also provides a11y-related attributes like
  * `role` to make sure a user can focus the given field.
  */
-function ListBoxField(_ref) {
-  let {
-    children,
-    disabled,
-    tabIndex,
-    ...rest
-  } = _ref;
+function ListBoxField({
+  children,
+  disabled,
+  tabIndex,
+  ...rest
+}) {
   const prefix = usePrefix.usePrefix();
   return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
     className: `${prefix}--list-box__field`,

package/lib/components/ListBox/ListBoxMenu.d.ts

@@ -4,10 +4,9 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import React from 'react';
-import { ReactAttr } from '../../types/common';
+import React, { type HTMLAttributes } from 'react';
 type ExcludedAttributes = 'id';
-export interface ListBoxMenuProps extends Omit<ReactAttr<HTMLUListElement>, ExcludedAttributes> {
+export interface ListBoxMenuProps extends Omit<HTMLAttributes<HTMLUListElement>, ExcludedAttributes> {
     children?: any;
     /**
      * Specify a custom `id`

package/lib/components/ListBox/ListBoxMenu.js

@@ -27,12 +27,11 @@ const frFn = React.forwardRef;
  * class into a single component. It is also being used to validate given
  * `children` components.
  */
-const ListBoxMenu = frFn((_ref, ref) => {
-  let {
-    children,
-    id,
-    ...rest
-  } = _ref;
+const ListBoxMenu = frFn(({
+  children,
+  id,
+  ...rest
+}, ref) => {
   const prefix = usePrefix.usePrefix();
   return /*#__PURE__*/React__default["default"].createElement("ul", _rollupPluginBabelHelpers["extends"]({
     ref: ref,

package/lib/components/ListBox/ListBoxMenuIcon.js

@@ -30,11 +30,10 @@ const defaultTranslateWithId = id => defaultTranslations[id];
  * `ListBoxMenuIcon` is used to orient the icon up or down depending on the
  * state of the menu for a given `ListBox`
  */
-const ListBoxMenuIcon = _ref => {
-  let {
-    isOpen,
-    translateWithId: t = defaultTranslateWithId
-  } = _ref;
+const ListBoxMenuIcon = ({
+  isOpen,
+  translateWithId: t = defaultTranslateWithId
+}) => {
   const prefix = usePrefix.usePrefix();
   const className = cx__default["default"](`${prefix}--list-box__menu-icon`, {
     [`${prefix}--list-box__menu-icon--open`]: isOpen

package/lib/components/ListBox/ListBoxMenuItem.d.ts

@@ -4,9 +4,8 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import React, { ReactNode } from 'react';
-import { ReactAttr } from '../../types/common';
-export interface ListBoxMenuItemProps extends ReactAttr<HTMLLIElement> {
+import React, { type HTMLAttributes, type ReactNode } from 'react';
+export interface ListBoxMenuItemProps extends HTMLAttributes<HTMLLIElement> {
     /**
      * Specify any children nodes that should be rendered inside of the ListBox
      * Menu Item

package/lib/components/ListBox/ListBoxMenuItem.js

@@ -32,8 +32,7 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
  * @param deps - Dependencies to re-run the truncation check.
  * @returns An object containing the truncation state and the merged ref.
  */
-const useIsTruncated = function (forwardedRef) {
-  let deps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+const useIsTruncated = (forwardedRef, deps = []) => {
   const localRef = React.useRef(null);
   const mergedRef = useMergedRefs.useMergedRefs([...(forwardedRef ? [forwardedRef] : []), localRef]);
   const [isTruncated, setIsTruncated] = React.useState(false);
@@ -57,14 +56,13 @@ const useIsTruncated = function (forwardedRef) {
  * name, alongside any classes for any corresponding states, for a generic list
  * box menu item.
  */
-const ListBoxMenuItem = /*#__PURE__*/React.forwardRef((_ref, forwardedRef) => {
-  let {
-    children,
-    isActive = false,
-    isHighlighted = false,
-    title,
-    ...rest
-  } = _ref;
+const ListBoxMenuItem = /*#__PURE__*/React.forwardRef(({
+  children,
+  isActive = false,
+  isHighlighted = false,
+  title,
+  ...rest
+}, forwardedRef) => {
   const prefix = usePrefix.usePrefix();
   const menuItemOptionRefProp = forwardedRef && typeof forwardedRef !== 'function' ? forwardedRef.menuItemOptionRef : undefined;
   const {

package/lib/components/ListBox/ListBoxSelection.js

@@ -42,15 +42,14 @@ const defaultTranslateWithId = id => defaultTranslations[id];
  * addition to conditionally rendering a badge if the control has more than one
  * selection.
  */
-const ListBoxSelection = _ref => {
-  let {
-    clearSelection,
-    selectionCount,
-    translateWithId: t = defaultTranslateWithId,
-    disabled,
-    onClearSelection,
-    readOnly
-  } = _ref;
+const ListBoxSelection = ({
+  clearSelection,
+  selectionCount,
+  translateWithId: t = defaultTranslateWithId,
+  disabled,
+  onClearSelection,
+  readOnly
+}) => {
   const prefix = usePrefix.usePrefix();
   const className = cx__default["default"](`${prefix}--list-box__selection`, {
     [`${prefix}--tag--filter`]: selectionCount,

package/lib/components/ListBox/next/ListBoxSelection.js

@@ -30,16 +30,15 @@ const defaultTranslations = {
 function defaultTranslateWithId(id) {
   return defaultTranslations[id];
 }
-function ListBoxSelection(_ref) {
-  let {
-    clearSelection,
-    selectionCount,
-    translateWithId: t = defaultTranslateWithId,
-    disabled,
-    readOnly,
-    onClearSelection,
-    ...rest
-  } = _ref;
+function ListBoxSelection({
+  clearSelection,
+  selectionCount,
+  translateWithId: t = defaultTranslateWithId,
+  disabled,
+  readOnly,
+  onClearSelection,
+  ...rest
+}) {
   const prefix = usePrefix.usePrefix();
   const className = cx__default["default"](`${prefix}--list-box__selection`, {
     [`${prefix}--tag--filter`]: selectionCount,

package/lib/components/ListBox/next/ListBoxTrigger.js

@@ -37,12 +37,11 @@ const defaultTranslateWithId = id => defaultTranslations[id];
  * state of the menu for a given `ListBox`
  */
 
-const ListBoxTrigger = /*#__PURE__*/React__default["default"].forwardRef(function ListBoxTrigger(_ref, ref) {
-  let {
-    isOpen,
-    translateWithId: t = defaultTranslateWithId,
-    ...rest
-  } = _ref;
+const ListBoxTrigger = /*#__PURE__*/React__default["default"].forwardRef(function ListBoxTrigger({
+  isOpen,
+  translateWithId: t = defaultTranslateWithId,
+  ...rest
+}, ref) {
   const prefix = usePrefix.usePrefix();
   const className = cx__default["default"]({
     [`${prefix}--list-box__menu-icon`]: true,

package/lib/components/ListItem/ListItem.js

@@ -23,12 +23,11 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-function ListItem(_ref) {
-  let {
-    className,
-    children,
-    ...other
-  } = _ref;
+function ListItem({
+  className,
+  children,
+  ...other
+}) {
   const prefix = usePrefix.usePrefix();
   const classNames = cx__default["default"](`${prefix}--list__item`, className);
   return /*#__PURE__*/React__default["default"].createElement(Text.Text, _rollupPluginBabelHelpers["extends"]({

package/lib/components/Loading/Loading.d.ts

@@ -1,12 +1,12 @@
 /**
- * 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.
  */
 import PropTypes from 'prop-types';
-import { ReactAttr } from '../../types/common';
-export interface LoadingProps extends ReactAttr<HTMLDivElement> {
+import { type HTMLAttributes } from 'react';
+export interface LoadingProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * Specify whether you want the loading indicator to be spinning or not
      */

package/lib/components/Loading/Loading.js

@@ -22,15 +22,14 @@ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-function Loading(_ref) {
-  let {
-    active = true,
-    className: customClassName,
-    withOverlay = true,
-    small = false,
-    description = 'loading',
-    ...rest
-  } = _ref;
+function Loading({
+  active = true,
+  className: customClassName,
+  withOverlay = true,
+  small = false,
+  description = 'loading',
+  ...rest
+}) {
   const prefix = usePrefix.usePrefix();
   const loadingClassName = cx__default["default"](customClassName, {
     [`${prefix}--loading`]: true,

package/lib/components/Menu/Menu.js

@@ -32,30 +32,29 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 const spacing = 8; // distance to keep to window edges, in px
 
-const Menu = /*#__PURE__*/React.forwardRef(function Menu(_ref, forwardRef) {
-  let {
-    children,
-    className,
-    containerRef,
-    label,
-    menuAlignment,
-    mode,
-    onClose,
-    onOpen,
-    open,
-    size = 'sm',
-    legacyAutoalign = 'true',
-    // TODO: `ssr-friendly` doesn't support ESLint v9.
-    // https://github.com/kopiro/eslint-plugin-ssr-friendly/issues/30
-    // https://github.com/carbon-design-system/carbon/issues/18991
-    /*
-    // eslint-disable-next-line ssr-friendly/no-dom-globals-in-react-fc
-    */
-    target = environment.canUseDOM && document.body,
-    x = 0,
-    y = 0,
-    ...rest
-  } = _ref;
+const Menu = /*#__PURE__*/React.forwardRef(function Menu({
+  children,
+  className,
+  containerRef,
+  label,
+  menuAlignment,
+  mode,
+  onClose,
+  onOpen,
+  open,
+  size = 'sm',
+  legacyAutoalign = 'true',
+  // TODO: `ssr-friendly` doesn't support ESLint v9.
+  // https://github.com/kopiro/eslint-plugin-ssr-friendly/issues/30
+  // https://github.com/carbon-design-system/carbon/issues/18991
+  /*
+  // eslint-disable-next-line ssr-friendly/no-dom-globals-in-react-fc
+  */
+  target = environment.canUseDOM && document.body,
+  x = 0,
+  y = 0,
+  ...rest
+}, forwardRef) {
   const prefix = usePrefix.usePrefix();
   const focusReturn = React.useRef(null);
   const context = React.useContext(MenuContext.MenuContext);

package/lib/components/Menu/MenuItem.js

@@ -34,18 +34,17 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var _Checkmark, _CaretLeft, _CaretRight;
-const MenuItem = /*#__PURE__*/React.forwardRef(function MenuItem(_ref, forwardRef) {
-  let {
-    children,
-    className,
-    disabled,
-    kind = 'default',
-    label,
-    onClick,
-    renderIcon: IconElement,
-    shortcut,
-    ...rest
-  } = _ref;
+const MenuItem = /*#__PURE__*/React.forwardRef(function MenuItem({
+  children,
+  className,
+  disabled,
+  kind = 'default',
+  label,
+  onClick,
+  renderIcon: IconElement,
+  shortcut,
+  ...rest
+}, forwardRef) {
   const [submenuOpen, setSubmenuOpen] = React.useState(false);
   const [rtl, setRtl] = React.useState(false);
   const {
@@ -244,15 +243,14 @@ MenuItem.propTypes = {
   // @ts-ignore-next-line -- avoid spurious (?) TS2322 error
   shortcut: PropTypes__default["default"].string
 };
-const MenuItemSelectable = /*#__PURE__*/React.forwardRef(function MenuItemSelectable(_ref2, forwardRef) {
-  let {
-    className,
-    defaultSelected,
-    label,
-    onChange,
-    selected,
-    ...rest
-  } = _ref2;
+const MenuItemSelectable = /*#__PURE__*/React.forwardRef(function MenuItemSelectable({
+  className,
+  defaultSelected,
+  label,
+  onChange,
+  selected,
+  ...rest
+}, forwardRef) {
   const prefix = usePrefix.usePrefix();
   const context = React.useContext(MenuContext.MenuContext);
   const [checked, setChecked] = useControllableState.useControllableState({
@@ -306,13 +304,12 @@ MenuItemSelectable.propTypes = {
   // @ts-ignore-next-line -- avoid spurious (?) TS2322 error
   selected: PropTypes__default["default"].bool
 };
-const MenuItemGroup = /*#__PURE__*/React.forwardRef(function MenuItemGroup(_ref3, forwardRef) {
-  let {
-    children,
-    className,
-    label,
-    ...rest
-  } = _ref3;
+const MenuItemGroup = /*#__PURE__*/React.forwardRef(function MenuItemGroup({
+  children,
+  className,
+  label,
+  ...rest
+}, forwardRef) {
   const prefix = usePrefix.usePrefix();
   const classNames = cx__default["default"](className, `${prefix}--menu-item-group`);
   return /*#__PURE__*/React__default["default"].createElement("li", {
@@ -339,17 +336,16 @@ MenuItemGroup.propTypes = {
   label: PropTypes__default["default"].string.isRequired
 };
 const defaultItemToString = item => item.toString();
-const MenuItemRadioGroup = /*#__PURE__*/React.forwardRef(function MenuItemRadioGroup(_ref4, forwardRef) {
-  let {
-    className,
-    defaultSelectedItem,
-    items,
-    itemToString = defaultItemToString,
-    label,
-    onChange,
-    selectedItem,
-    ...rest
-  } = _ref4;
+const MenuItemRadioGroup = /*#__PURE__*/React.forwardRef(function MenuItemRadioGroup({
+  className,
+  defaultSelectedItem,
+  items,
+  itemToString = defaultItemToString,
+  label,
+  onChange,
+  selectedItem,
+  ...rest
+}, forwardRef) {
   const prefix = usePrefix.usePrefix();
   const context = React.useContext(MenuContext.MenuContext);
   const [selection, setSelection] = useControllableState.useControllableState({
@@ -419,11 +415,10 @@ MenuItemRadioGroup.propTypes = {
    */
   selectedItem: PropTypes__default["default"].any
 };
-const MenuItemDivider = /*#__PURE__*/React.forwardRef(function MenuItemDivider(_ref5, forwardRef) {
-  let {
-    className,
-    ...rest
-  } = _ref5;
+const MenuItemDivider = /*#__PURE__*/React.forwardRef(function MenuItemDivider({
+  className,
+  ...rest
+}, forwardRef) {
   const prefix = usePrefix.usePrefix();
   const classNames = cx__default["default"](className, `${prefix}--menu-item-divider`);
   return /*#__PURE__*/React__default["default"].createElement("li", _rollupPluginBabelHelpers["extends"]({}, rest, {

package/lib/components/MenuButton/index.js

@@ -33,19 +33,18 @@ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
 const validButtonKinds = ['primary', 'tertiary', 'ghost'];
 const defaultButtonKind = 'primary';
-const MenuButton = /*#__PURE__*/React.forwardRef(function MenuButton(_ref, forwardRef) {
-  let {
-    children,
-    className,
-    disabled,
-    kind = defaultButtonKind,
-    label,
-    size = 'lg',
-    menuAlignment = 'bottom',
-    tabIndex = 0,
-    menuTarget,
-    ...rest
-  } = _ref;
+const MenuButton = /*#__PURE__*/React.forwardRef(function MenuButton({
+  children,
+  className,
+  disabled,
+  kind = defaultButtonKind,
+  label,
+  size = 'lg',
+  menuAlignment = 'bottom',
+  tabIndex = 0,
+  menuTarget,
+  ...rest
+}, forwardRef) {
   // feature flag utilized to separate out only the dynamic styles from @floating-ui
   // flag is turned on when collision detection (ie. flip, hide) logic is not desired
   const enableOnlyFloatingStyles = index.useFeatureFlag('enable-v12-dynamic-floating-styles');
@@ -60,11 +59,10 @@ const MenuButton = /*#__PURE__*/React.forwardRef(function MenuButton(_ref, forwa
   }
   if (menuAlignment === 'bottom' || menuAlignment === 'top') {
     middlewares.push(react.size({
-      apply(_ref2) {
-        let {
-          rects,
-          elements
-        } = _ref2;
+      apply({
+        rects,
+        elements
+      }) {
         Object.assign(elements.floating.style, {
           width: `${rects.reference.width}px`
         });

package/lib/components/Modal/Modal.d.ts

@@ -4,8 +4,7 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import React, { type ReactNode, type Ref } from 'react';
-import { ReactAttr } from '../../types/common';
+import React, { type HTMLAttributes, type ReactNode, type Ref } from 'react';
 import { InlineLoadingStatus } from '../InlineLoading/InlineLoading';
 export declare const ModalSizes: readonly ["xs", "sm", "md", "lg"];
 export type ModalSize = (typeof ModalSizes)[number];
@@ -13,7 +12,7 @@ export interface ModalSecondaryButton {
     buttonText?: string | ReactNode;
     onClick?: React.MouseEventHandler<HTMLButtonElement>;
 }
-export interface ModalProps extends ReactAttr<HTMLDivElement> {
+export interface ModalProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * Specify whether the Modal is displaying an alert, error or warning
      * Should go hand in hand with the danger prop.

package/lib/components/Modal/Modal.js

@@ -46,42 +46,41 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
 const ModalSizes = ['xs', 'sm', 'md', 'lg'];
-const Modal = /*#__PURE__*/React__default["default"].forwardRef(function Modal(_ref, ref) {
-  let {
-    'aria-label': ariaLabelProp,
-    children,
-    className,
-    decorator,
-    modalHeading = '',
-    modalLabel = '',
-    modalAriaLabel,
-    passiveModal = false,
-    secondaryButtonText,
-    primaryButtonText,
-    open,
-    onRequestClose = noopFn.noopFn,
-    onRequestSubmit = noopFn.noopFn,
-    onSecondarySubmit,
-    primaryButtonDisabled = false,
-    danger,
-    alert,
-    secondaryButtons,
-    selectorPrimaryFocus = '[data-modal-primary-focus]',
-    selectorsFloatingMenus,
-    shouldSubmitOnEnter,
-    size,
-    hasScrollingContent = false,
-    closeButtonLabel = 'Close',
-    preventCloseOnClickOutside = false,
-    isFullWidth,
-    launcherButtonRef,
-    loadingStatus = 'inactive',
-    loadingDescription,
-    loadingIconDescription,
-    onLoadingSuccess = noopFn.noopFn,
-    slug,
-    ...rest
-  } = _ref;
+const Modal = /*#__PURE__*/React__default["default"].forwardRef(function Modal({
+  'aria-label': ariaLabelProp,
+  children,
+  className,
+  decorator,
+  modalHeading = '',
+  modalLabel = '',
+  modalAriaLabel,
+  passiveModal = false,
+  secondaryButtonText,
+  primaryButtonText,
+  open,
+  onRequestClose = noopFn.noopFn,
+  onRequestSubmit = noopFn.noopFn,
+  onSecondarySubmit,
+  primaryButtonDisabled = false,
+  danger,
+  alert,
+  secondaryButtons,
+  selectorPrimaryFocus = '[data-modal-primary-focus]',
+  selectorsFloatingMenus,
+  shouldSubmitOnEnter,
+  size,
+  hasScrollingContent = false,
+  closeButtonLabel = 'Close',
+  preventCloseOnClickOutside = false,
+  isFullWidth,
+  launcherButtonRef,
+  loadingStatus = 'inactive',
+  loadingDescription,
+  loadingIconDescription,
+  onLoadingSuccess = noopFn.noopFn,
+  slug,
+  ...rest
+}, ref) {
   const prefix = usePrefix.usePrefix();
   const button = React.useRef(null);
   const secondaryButton = React.useRef(null);
@@ -136,11 +135,10 @@ const Modal = /*#__PURE__*/React__default["default"].forwardRef(function Modal(_
       onRequestClose(evt);
     }
   }
-  function handleBlur(_ref2) {
-    let {
-      target: oldActiveNode,
-      relatedTarget: currentActiveNode
-    } = _ref2;
+  function handleBlur({
+    target: oldActiveNode,
+    relatedTarget: currentActiveNode
+  }) {
     if (open && oldActiveNode instanceof HTMLElement && currentActiveNode instanceof HTMLElement) {
       const {
         current: bodyNode
@@ -326,17 +324,14 @@ const Modal = /*#__PURE__*/React__default["default"].forwardRef(function Modal(_
   }, hasScrollingContentProps), children), !passiveModal && /*#__PURE__*/React__default["default"].createElement(ButtonSet["default"], {
     className: footerClasses,
     "aria-busy": loadingActive
-  }, Array.isArray(secondaryButtons) && secondaryButtons.length <= 2 ? secondaryButtons.map((_ref3, i) => {
-    let {
-      buttonText,
-      onClick: onButtonClick
-    } = _ref3;
-    return /*#__PURE__*/React__default["default"].createElement(Button["default"], {
-      key: `${buttonText}-${i}`,
-      kind: "secondary",
-      onClick: onButtonClick
-    }, buttonText);
-  }) : secondaryButtonText && /*#__PURE__*/React__default["default"].createElement(Button["default"], {
+  }, Array.isArray(secondaryButtons) && secondaryButtons.length <= 2 ? secondaryButtons.map(({
+    buttonText,
+    onClick: onButtonClick
+  }, i) => /*#__PURE__*/React__default["default"].createElement(Button["default"], {
+    key: `${buttonText}-${i}`,
+    kind: "secondary",
+    onClick: onButtonClick
+  }, buttonText)) : secondaryButtonText && /*#__PURE__*/React__default["default"].createElement(Button["default"], {
     disabled: loadingActive,
     kind: "secondary",
     onClick: onSecondaryButtonClick,
@@ -385,17 +380,14 @@ const Modal = /*#__PURE__*/React__default["default"].forwardRef(function Modal(_
   }, hasScrollingContentProps), children), !passiveModal && /*#__PURE__*/React__default["default"].createElement(ButtonSet["default"], {
     className: footerClasses,
     "aria-busy": loadingActive
-  }, Array.isArray(secondaryButtons) && secondaryButtons.length <= 2 ? secondaryButtons.map((_ref4, i) => {
-    let {
-      buttonText,
-      onClick: onButtonClick
-    } = _ref4;
-    return /*#__PURE__*/React__default["default"].createElement(Button["default"], {
-      key: `${buttonText}-${i}`,
-      kind: "secondary",
-      onClick: onButtonClick
-    }, buttonText);
-  }) : secondaryButtonText && /*#__PURE__*/React__default["default"].createElement(Button["default"], {
+  }, Array.isArray(secondaryButtons) && secondaryButtons.length <= 2 ? secondaryButtons.map(({
+    buttonText,
+    onClick: onButtonClick
+  }, i) => /*#__PURE__*/React__default["default"].createElement(Button["default"], {
+    key: `${buttonText}-${i}`,
+    kind: "secondary",
+    onClick: onButtonClick
+  }, buttonText)) : secondaryButtonText && /*#__PURE__*/React__default["default"].createElement(Button["default"], {
     disabled: loadingActive,
     kind: "secondary",
     onClick: onSecondaryButtonClick,

package/lib/components/ModalWrapper/ModalWrapper.js

@@ -28,8 +28,8 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 let didWarnAboutDeprecation = false;
 process.env.NODE_ENV !== 'production';
 class ModalWrapper extends React__default["default"].Component {
-  constructor() {
-    super(...arguments);
+  constructor(...args) {
+    super(...args);
     _rollupPluginBabelHelpers.defineProperty(this, "triggerButton", /*#__PURE__*/React__default["default"].createRef());
     _rollupPluginBabelHelpers.defineProperty(this, "modal", /*#__PURE__*/React__default["default"].createRef());
     _rollupPluginBabelHelpers.defineProperty(this, "state", {