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

package/es/components/ComposedModal/ModalFooter.js

@@ -6,7 +6,7 @@
  */
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 import Button from '../Button/Button.js';
 import '../Button/Button.Skeleton.js';
@@ -16,35 +16,31 @@ import { usePrefix } from '../../internal/usePrefix.js';
 import { noopFn } from '../../internal/noopFn.js';
 import InlineLoading from '../InlineLoading/InlineLoading.js';
 
-function SecondaryButtonSet(_ref) {
-  let {
-    secondaryButtons,
-    secondaryButtonText,
-    secondaryClassName,
-    closeModal,
-    onRequestClose,
-    disabled
-  } = _ref;
+function SecondaryButtonSet({
+  secondaryButtons,
+  secondaryButtonText,
+  secondaryClassName,
+  closeModal,
+  onRequestClose,
+  disabled
+}) {
   function handleRequestClose(evt) {
     closeModal(evt);
     onRequestClose(evt);
   }
   if (Array.isArray(secondaryButtons) && secondaryButtons.length <= 2) {
-    return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, secondaryButtons.map((_ref2, i) => {
-      let {
-        buttonText,
-        onClick: onButtonClick
-      } = _ref2;
-      return /*#__PURE__*/React__default.createElement(Button, {
-        key: `${buttonText}-${i}`,
-        className: secondaryClassName,
-        kind: "secondary",
-        onClick: onButtonClick || handleRequestClose
-      }, buttonText);
-    }));
+    return /*#__PURE__*/React.createElement(React.Fragment, null, secondaryButtons.map(({
+      buttonText,
+      onClick: onButtonClick
+    }, i) => /*#__PURE__*/React.createElement(Button, {
+      key: `${buttonText}-${i}`,
+      className: secondaryClassName,
+      kind: "secondary",
+      onClick: onButtonClick || handleRequestClose
+    }, buttonText)));
   }
   if (secondaryButtonText) {
-    return /*#__PURE__*/React__default.createElement(Button, {
+    return /*#__PURE__*/React.createElement(Button, {
       disabled: disabled,
       className: secondaryClassName,
       onClick: handleRequestClose,
@@ -75,27 +71,26 @@ SecondaryButtonSet.propTypes = {
   },
   secondaryClassName: PropTypes.string
 };
-const ModalFooter = /*#__PURE__*/React__default.forwardRef(function ModalFooter(_ref3, ref) {
-  let {
-    children,
-    className: customClassName,
-    closeModal = noopFn,
-    danger,
-    inputref,
-    onRequestClose = noopFn,
-    onRequestSubmit = noopFn,
-    primaryButtonDisabled,
-    primaryButtonText,
-    primaryClassName,
-    secondaryButtonText,
-    secondaryButtons,
-    secondaryClassName,
-    loadingStatus = 'inactive',
-    loadingDescription,
-    loadingIconDescription,
-    onLoadingSuccess = noopFn,
-    ...rest
-  } = _ref3;
+const ModalFooter = /*#__PURE__*/React.forwardRef(function ModalFooter({
+  children,
+  className: customClassName,
+  closeModal = noopFn,
+  danger,
+  inputref,
+  onRequestClose = noopFn,
+  onRequestSubmit = noopFn,
+  primaryButtonDisabled,
+  primaryButtonText,
+  primaryClassName,
+  secondaryButtonText,
+  secondaryButtons,
+  secondaryClassName,
+  loadingStatus = 'inactive',
+  loadingDescription,
+  loadingIconDescription,
+  onLoadingSuccess = noopFn,
+  ...rest
+}, ref) {
   const prefix = usePrefix();
   const footerClass = cx(`${prefix}--modal-footer`, customClassName, Array.isArray(secondaryButtons) && secondaryButtons.length === 2 ? `${prefix}--modal-footer--three-button` : null);
   const primaryButtonClass = cx(primaryClassName, loadingStatus !== 'inactive' ? `${prefix}--btn--loading` : null);
@@ -108,19 +103,19 @@ const ModalFooter = /*#__PURE__*/React__default.forwardRef(function ModalFooter(
     onRequestClose,
     disabled: loadingActive
   };
-  return /*#__PURE__*/React__default.createElement(ButtonSet, _extends({
+  return /*#__PURE__*/React.createElement(ButtonSet, _extends({
     className: footerClass
   }, rest, {
     // @ts-expect-error: Invalid derived types, will be fine once explicit types are added
     ref: ref,
     "aria-busy": loadingActive
-  }), /*#__PURE__*/React__default.createElement(SecondaryButtonSet, secondaryButtonProps), primaryButtonText && /*#__PURE__*/React__default.createElement(Button, {
+  }), /*#__PURE__*/React.createElement(SecondaryButtonSet, secondaryButtonProps), primaryButtonText && /*#__PURE__*/React.createElement(Button, {
     onClick: onRequestSubmit,
     className: primaryButtonClass,
     disabled: loadingActive || primaryButtonDisabled,
     kind: danger ? 'danger' : 'primary',
     ref: inputref
-  }, loadingStatus === 'inactive' ? primaryButtonText : /*#__PURE__*/React__default.createElement(InlineLoading, {
+  }, loadingStatus === 'inactive' ? primaryButtonText : /*#__PURE__*/React.createElement(InlineLoading, {
     status: loadingStatus,
     description: loadingDescription,
     iconDescription: loadingIconDescription,

package/es/components/ComposedModal/ModalHeader.js

@@ -6,28 +6,27 @@
  */
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
 import { Close } from '@carbon/icons-react';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { IconButton } from '../IconButton/index.js';
 
-const ModalHeader = /*#__PURE__*/React__default.forwardRef(function ModalHeader(_ref, ref) {
-  let {
-    buttonOnClick,
-    children,
-    className: customClassName,
-    closeClassName,
-    closeIconClassName,
-    closeModal,
-    iconDescription = 'Close',
-    label,
-    labelClassName,
-    title,
-    titleClassName,
-    ...rest
-  } = _ref;
+const ModalHeader = /*#__PURE__*/React.forwardRef(function ModalHeader({
+  buttonOnClick,
+  children,
+  className: customClassName,
+  closeClassName,
+  closeIconClassName,
+  closeModal,
+  iconDescription = 'Close',
+  label,
+  labelClassName,
+  title,
+  titleClassName,
+  ...rest
+}, ref) {
   const prefix = usePrefix();
   function handleCloseButtonClick(evt) {
     closeModal?.(evt);
@@ -38,23 +37,23 @@ const ModalHeader = /*#__PURE__*/React__default.forwardRef(function ModalHeader(
   const titleClass = cx(`${prefix}--modal-header__heading ${prefix}--type-beta`, titleClassName);
   const closeClass = cx(`${prefix}--modal-close`, closeClassName);
   const closeIconClass = cx(`${prefix}--modal-close__icon`, closeIconClassName);
-  return /*#__PURE__*/React__default.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _extends({
     className: headerClass
   }, rest, {
     ref: ref
-  }), label && /*#__PURE__*/React__default.createElement("h2", {
+  }), label && /*#__PURE__*/React.createElement("h2", {
     className: labelClass
-  }, label), title && /*#__PURE__*/React__default.createElement("h2", {
+  }, label), title && /*#__PURE__*/React.createElement("h2", {
     className: titleClass
-  }, title), children, /*#__PURE__*/React__default.createElement("div", {
+  }, title), children, /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--modal-close-button`
-  }, /*#__PURE__*/React__default.createElement(IconButton, {
+  }, /*#__PURE__*/React.createElement(IconButton, {
     className: closeClass,
     label: iconDescription,
     onClick: handleCloseButtonClick,
     "aria-label": iconDescription,
     align: "left"
-  }, /*#__PURE__*/React__default.createElement(Close, {
+  }, /*#__PURE__*/React.createElement(Close, {
     size: 20,
     "aria-hidden": "true",
     tabIndex: "-1",

package/es/components/ContainedList/ContainedList.js

@@ -6,7 +6,7 @@
  */
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
 import { LayoutConstraint } from '../Layout/index.js';
@@ -38,17 +38,16 @@ function renderChildren(children) {
   }
   return children;
 }
-const ContainedList = _ref => {
-  let {
-    action,
-    children,
-    className,
-    isInset,
-    kind = variants[0],
-    label,
-    size,
-    ...rest
-  } = _ref;
+const ContainedList = ({
+  action,
+  children,
+  className,
+  isInset,
+  kind = variants[0],
+  label,
+  size,
+  ...rest
+}) => {
   const labelId = `${useId('contained-list')}-header`;
   const prefix = usePrefix();
   const classes = cx(`${prefix}--contained-list`, {
@@ -59,7 +58,7 @@ const ContainedList = _ref => {
   }, `${prefix}--contained-list--${kind}`, className);
   const filteredChildren = filterChildren(children);
   function isSearchAction(action) {
-    if (! /*#__PURE__*/React__default.isValidElement(action)) {
+    if (! /*#__PURE__*/React.isValidElement(action)) {
       return false;
     }
     const actionTypes = ['Search', 'ExpandableSearch'];
@@ -73,14 +72,14 @@ const ContainedList = _ref => {
   }
   const isActionSearch = isSearchAction(action);
   const renderedChildren = renderChildren(children);
-  return /*#__PURE__*/React__default.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _extends({
     className: classes
-  }, rest), /*#__PURE__*/React__default.createElement("div", {
+  }, rest), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--contained-list__header`
-  }, /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     id: labelId,
     className: `${prefix}--contained-list__label`
-  }, label), /*#__PURE__*/React__default.createElement(LayoutConstraint, {
+  }, label), /*#__PURE__*/React.createElement(LayoutConstraint, {
     size: {
       min: 'sm',
       max: 'xl'
@@ -96,7 +95,7 @@ const ContainedList = _ref => {
    * Ref https://bugs.webkit.org/show_bug.cgi?id=170179#c1
    */
   // eslint-disable-next-line jsx-a11y/no-redundant-roles
-  React__default.createElement("ul", {
+  React.createElement("ul", {
     role: "list",
     "aria-labelledby": labelId
   }, isActionSearch ? filteredChildren : renderedChildren));

package/es/components/ContainedList/ContainedListItem/ContainedListItem.js

@@ -6,22 +6,21 @@
  */
 
 import { extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
 import { LayoutConstraint } from '../../Layout/index.js';
 import { usePrefix } from '../../../internal/usePrefix.js';
 
-const ContainedListItem = _ref => {
-  let {
-    action,
-    children,
-    className,
-    disabled = false,
-    onClick,
-    renderIcon: IconElement,
-    ...rest
-  } = _ref;
+const ContainedListItem = ({
+  action,
+  children,
+  className,
+  disabled = false,
+  onClick,
+  renderIcon: IconElement,
+  ...rest
+}) => {
   const prefix = usePrefix();
   const isClickable = onClick !== undefined;
   const classes = cx(`${prefix}--contained-list-item`, className, {
@@ -29,19 +28,19 @@ const ContainedListItem = _ref => {
     [`${prefix}--contained-list-item--with-icon`]: IconElement,
     [`${prefix}--contained-list-item--with-action`]: action
   });
-  const content = /*#__PURE__*/React__default.createElement(React__default.Fragment, null, IconElement && /*#__PURE__*/React__default.createElement("div", {
+  const content = /*#__PURE__*/React.createElement(React.Fragment, null, IconElement && /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--contained-list-item__icon`
-  }, /*#__PURE__*/React__default.createElement(IconElement, null)), /*#__PURE__*/React__default.createElement("div", null, children));
-  return /*#__PURE__*/React__default.createElement("li", _extends({
+  }, /*#__PURE__*/React.createElement(IconElement, null)), /*#__PURE__*/React.createElement("div", null, children));
+  return /*#__PURE__*/React.createElement("li", _extends({
     className: classes
-  }, rest), isClickable ? /*#__PURE__*/React__default.createElement("button", {
+  }, rest), isClickable ? /*#__PURE__*/React.createElement("button", {
     className: `${prefix}--contained-list-item__content`,
     type: "button",
     disabled: disabled,
     onClick: onClick
-  }, content) : /*#__PURE__*/React__default.createElement("div", {
+  }, content) : /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--contained-list-item__content`
-  }, content), action && /*#__PURE__*/React__default.createElement(LayoutConstraint, {
+  }, content), action && /*#__PURE__*/React.createElement(LayoutConstraint, {
     size: {
       min: 'sm',
       max: 'lg'

package/es/components/ContentSwitcher/ContentSwitcher.d.ts

@@ -1,11 +1,11 @@
 /**
- * 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 React, { HTMLAttributes, ReactElement } from 'react';
+import { type HTMLAttributes, type ReactElement } from 'react';
 export interface SwitchEventHandlersParams {
     index?: number;
     name?: string | number;
@@ -28,6 +28,10 @@ export interface ContentSwitcherProps extends Omit<HTMLAttributes<HTMLElement>,
      *     been deprecated in favor of the new `Layer` component. It will be removed in the next major release.
      */
     light?: boolean;
+    /**
+     * `true` to use the low contrast version.
+     */
+    lowContrast?: boolean;
     /**
      * Specify an `onChange` handler that is called whenever the ContentSwitcher
      * changes which item is selected
@@ -42,24 +46,14 @@ export interface ContentSwitcherProps extends Omit<HTMLAttributes<HTMLElement>,
      */
     selectionMode?: 'automatic' | 'manual';
     /**
-     * Specify the size of the Content Switcher. Currently supports either `sm`, 'md' (default) or 'lg` as an option.
+     * Specify the size of the Content Switcher. Currently supports either `sm`, `md` (default) or `lg` as an option.
      */
     size: 'sm' | 'md' | 'lg';
 }
-export interface ContentSwitcherState {
-    selectedIndex?: number;
-}
-export default class ContentSwitcher extends React.Component<ContentSwitcherProps, ContentSwitcherState> {
-    /**
-     * The DOM references of child `<Switch>`.
-     * @type {Array<Element>}
-     * @private
-     */
-    _switchRefs: HTMLButtonElement[];
-    state: {
-        selectedIndex: undefined;
-    };
-    static propTypes: {
+export declare const ContentSwitcher: {
+    ({ children, className, light, lowContrast, selectedIndex: selectedIndexProp, selectionMode, size, onChange, ...other }: ContentSwitcherProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+    propTypes: {
         /**
          * Pass in Switch components to be rendered in the ContentSwitcher
          */
@@ -72,6 +66,10 @@ export default class ContentSwitcher extends React.Component<ContentSwitcherProp
          * `true` to use the light variant.
          */
         light: (props: any, propName: any, componentName: any, ...rest: any[]) => any;
+        /**
+         * `true` to use the low contrast version.
+         */
+        lowContrast: PropTypes.Requireable<boolean>;
         /**
          * Specify an `onChange` handler that is called whenever the ContentSwitcher
          * changes which item is selected
@@ -86,18 +84,8 @@ export default class ContentSwitcher extends React.Component<ContentSwitcherProp
          */
         selectionMode: PropTypes.Requireable<string>;
         /**
-         * Specify the size of the Content Switcher. Currently supports either `sm`, 'md' (default) or 'lg` as an option.
+         * Specify the size of the Content Switcher. Currently supports either `sm`, `md` (default) or `lg` as an option.
          */
         size: PropTypes.Requireable<string>;
     };
-    static contextType: React.Context<string>;
-    static getDerivedStateFromProps({ selectedIndex }: {
-        selectedIndex?: number | undefined;
-    }, state: any): {
-        selectedIndex: number;
-        prevSelectedIndex: number;
-    } | null;
-    handleItemRef: (index: any) => (ref: any) => void;
-    handleChildChange: (data: any) => void;
-    render(): import("react/jsx-runtime").JSX.Element;
-}
+};