@carbon/react 1.46.1 → 1.47.0-rc.0

package/es/components/TileGroup/TileGroup.js

@@ -5,92 +5,79 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
-import React__default from 'react';
+import React__default, { useState } from 'react';
 import RadioTile from '../RadioTile/RadioTile.js';
 import { warning } from '../../internal/warning.js';
-import { PrefixContext } from '../../internal/usePrefix.js';
+import { usePrefix } from '../../internal/usePrefix.js';
 import { noopFn } from '../../internal/noopFn.js';
 
-class TileGroup extends React__default.Component {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "state", {
-      selected: this.props.valueSelected || this.props.defaultSelected || null,
-      prevValueSelected: this.props.valueSelected
-    });
-    _defineProperty(this, "getRadioTiles", () => {
-      const childrenArray = React__default.Children.toArray(this.props.children);
-      const children = childrenArray.map(tileRadio => {
-        const {
-          value,
-          ...other
-        } = tileRadio.props;
-        /* istanbul ignore if */
-        if (typeof tileRadio.props.checked !== 'undefined') {
-          process.env.NODE_ENV !== "production" ? warning(false, `Instead of using the checked property on the RadioTile, set
-            the defaultSelected property or valueSelected property on the TileGroup.`) : void 0;
-        }
-        return /*#__PURE__*/React__default.createElement(RadioTile, _extends({}, other, {
-          name: this.props.name,
-          key: value,
-          value: value,
-          onChange: this.handleChange,
-          checked: value === this.state.selected
-        }));
-      });
-      return children;
-    });
-    _defineProperty(this, "handleChange", (newSelection, value, evt) => {
+const TileGroup = props => {
+  const {
+    children,
+    className,
+    defaultSelected,
+    disabled,
+    legend,
+    name,
+    onChange = noopFn,
+    valueSelected
+  } = props;
+  const prefix = usePrefix();
+  const [selected, setSelected] = useState(valueSelected ?? defaultSelected);
+  const [prevValueSelected, setPrevValueSelected] = useState(valueSelected);
+
+  /**
+   * prop + state alignment - getDerivedStateFromProps
+   * only update if selected prop changes
+   */
+  if (valueSelected !== prevValueSelected) {
+    setSelected(valueSelected);
+    setPrevValueSelected(valueSelected);
+  }
+  const getRadioTiles = () => {
+    const childrenArray = React__default.Children.toArray(children);
+    const radioTiles = childrenArray.map(tileRadio => {
+      const tileRadioProps = tileRadio.props ?? undefined;
       const {
-        onChange = noopFn
-      } = this.props;
-      if (newSelection !== this.state.selected) {
-        this.setState({
-          selected: newSelection
-        });
-        onChange(newSelection, this.props.name, evt);
-      }
-    });
-    _defineProperty(this, "renderLegend", legend => {
-      if (legend) {
-        return /*#__PURE__*/React__default.createElement("legend", {
-          className: `${this.context}--label`
-        }, legend);
+        value,
+        ...other
+      } = tileRadioProps;
+      /* istanbul ignore if */
+      if (typeof tileRadioProps.checked !== 'undefined') {
+        process.env.NODE_ENV !== "production" ? warning(false, `Instead of using the checked property on the RadioTile, set
+            the defaultSelected property or valueSelected property on the TileGroup.`) : void 0;
       }
+      return /*#__PURE__*/React__default.createElement(RadioTile, _extends({}, other, {
+        name: name,
+        key: value,
+        value: value,
+        onChange: handleChange,
+        checked: value === selected
+      }));
     });
-  }
-  static getDerivedStateFromProps(_ref, state) {
-    let {
-      valueSelected,
-      defaultSelected
-    } = _ref;
-    const {
-      prevValueSelected
-    } = state;
-    return prevValueSelected === valueSelected ? null : {
-      selected: valueSelected || defaultSelected || null,
-      prevValueSelected: valueSelected
-    };
-  }
-  render() {
-    const {
-      context: prefix
-    } = this;
-    const {
-      disabled,
-      className = `${prefix}--tile-group`,
-      legend
-    } = this.props;
-    return /*#__PURE__*/React__default.createElement("fieldset", {
-      className: className,
-      disabled: disabled
-    }, this.renderLegend(legend), /*#__PURE__*/React__default.createElement("div", null, this.getRadioTiles()));
-  }
-}
-_defineProperty(TileGroup, "contextType", PrefixContext);
-_defineProperty(TileGroup, "propTypes", {
+    return radioTiles;
+  };
+  const handleChange = (newSelection, value, evt) => {
+    if (newSelection !== selected) {
+      setSelected(newSelection);
+      onChange(newSelection, name, evt);
+    }
+  };
+  const renderLegend = legend => {
+    if (legend) {
+      return /*#__PURE__*/React__default.createElement("legend", {
+        className: `${prefix}--label`
+      }, legend);
+    }
+  };
+  return /*#__PURE__*/React__default.createElement("fieldset", {
+    className: className ?? `${prefix}--tile-group`,
+    disabled: disabled
+  }, renderLegend(legend), /*#__PURE__*/React__default.createElement("div", null, getRadioTiles()));
+};
+TileGroup.propTypes = {
   /**
    * Provide a collection of <RadioTile> components to render in the group
    */
@@ -124,6 +111,7 @@ _defineProperty(TileGroup, "propTypes", {
    * Specify the value that is currently selected in the group
    */
   valueSelected: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
-});
+};
+TileGroup.displayName = 'TileGroup';
 
 export { TileGroup as default };

package/es/components/Toggle/Toggle.d.ts

@@ -4,7 +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, { KeyboardEventHandler, MouseEventHandler } from 'react';
+import React, { type KeyboardEventHandler, type MouseEventHandler } from 'react';
 import PropTypes from 'prop-types';
 type ExcludedAttributes = 'aria-labelledby' | 'aria-checked' | 'type' | 'role' | 'id' | 'size' | 'onClick';
 export interface ToggleProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, ExcludedAttributes> {

package/es/components/TreeView/TreeNode.js

@@ -69,6 +69,9 @@ const TreeNode = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
     if (disabled) {
       return;
     }
+
+    // Prevent the node from being selected
+    event.stopPropagation();
     onToggle?.(event, {
       id,
       isExpanded: !expanded,

package/es/components/UIShell/SideNavMenu.js

@@ -31,7 +31,6 @@ const SideNavMenu = /*#__PURE__*/React__default.forwardRef(function SideNavMenu(
   const isRail = useContext(SideNavContext);
   const prefix = usePrefix();
   const [isExpanded, setIsExpanded] = useState(defaultExpanded);
-  const [prevExpanded, setPrevExpanded] = useState(defaultExpanded);
   const className = cx({
     [`${prefix}--side-nav__item`]: true,
     [`${prefix}--side-nav__item--active`]: isActive || hasActiveDescendant(children) && !isExpanded,
@@ -39,13 +38,6 @@ const SideNavMenu = /*#__PURE__*/React__default.forwardRef(function SideNavMenu(
     [`${prefix}--side-nav__item--large`]: large,
     [customClassName]: !!customClassName
   });
-  if (isSideNavExpanded === false && isExpanded === true) {
-    setIsExpanded(false);
-    setPrevExpanded(true);
-  } else if (isSideNavExpanded === true && prevExpanded === true) {
-    setIsExpanded(true);
-    setPrevExpanded(false);
-  }
   return (
     /*#__PURE__*/
     // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions

package/es/components/UIShell/SideNavSwitcher.d.ts

@@ -4,7 +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, { ChangeEventHandler } from 'react';
+import React, { type ChangeEventHandler } from 'react';
 interface SideNavSwitcherProps {
     /**
      * Provide an optional class to be applied to the containing node

package/es/index.js

@@ -33,6 +33,8 @@ export { default as DatePickerSkeleton } from './components/DatePicker/DatePicke
 export { default as DatePickerInput } from './components/DatePickerInput/DatePickerInput.js';
 export { default as Dropdown } from './components/Dropdown/Dropdown.js';
 export { default as DropdownSkeleton } from './components/Dropdown/Dropdown.Skeleton.js';
+export { default as ErrorBoundary } from './components/ErrorBoundary/ErrorBoundary.js';
+export { ErrorBoundaryContext } from './components/ErrorBoundary/ErrorBoundaryContext.js';
 export { default as ExpandableSearch } from './components/ExpandableSearch/ExpandableSearch.js';
 export { default as FileUploader } from './components/FileUploader/FileUploader.js';
 export { default as Filename } from './components/FileUploader/Filename.js';
@@ -60,6 +62,7 @@ export { default as ListItem } from './components/ListItem/ListItem.js';
 export { default as Loading } from './components/Loading/Loading.js';
 export { MenuButton } from './components/MenuButton/index.js';
 export { default as Modal } from './components/Modal/Modal.js';
+export { default as ModalWrapper } from './components/ModalWrapper/ModalWrapper.js';
 export { ActionableNotification, InlineNotification, NotificationActionButton, NotificationButton, ToastNotification } from './components/Notification/Notification.js';
 export { default as NumberInputSkeleton } from './components/NumberInput/NumberInput.Skeleton.js';
 export { NumberInput } from './components/NumberInput/NumberInput.js';
@@ -67,20 +70,27 @@ export { default as OrderedList } from './components/OrderedList/OrderedList.js'
 export { default as OverflowMenu } from './components/OverflowMenu/index.js';
 export { default as OverflowMenuItem } from './components/OverflowMenuItem/OverflowMenuItem.js';
 export { default as PaginationSkeleton } from './components/Pagination/Pagination.Skeleton.js';
+export { default as PrimaryButton } from './components/PrimaryButton/PrimaryButton.js';
+export { default as ProgressIndicatorSkeleton } from './components/ProgressIndicator/ProgressIndicator.Skeleton.js';
+export { ProgressIndicator, ProgressStep } from './components/ProgressIndicator/ProgressIndicator.js';
 export { default as RadioButton } from './components/RadioButton/RadioButton.js';
 export { default as RadioButtonSkeleton } from './components/RadioButton/RadioButton.Skeleton.js';
 export { default as RadioButtonGroup } from './components/RadioButtonGroup/RadioButtonGroup.js';
 export { default as Search } from './components/Search/Search.js';
 export { default as SearchSkeleton } from './components/Search/Search.Skeleton.js';
+export { default as SecondaryButton } from './components/SecondaryButton/SecondaryButton.js';
 export { default as Select } from './components/Select/Select.js';
 export { default as SelectSkeleton } from './components/Select/Select.Skeleton.js';
 export { default as SelectItem } from './components/SelectItem/SelectItem.js';
 export { default as SelectItemGroup } from './components/SelectItemGroup/SelectItemGroup.js';
+export { default as SkeletonIcon } from './components/SkeletonIcon/SkeletonIcon.js';
 export { default as SkeletonPlaceholder } from './components/SkeletonPlaceholder/SkeletonPlaceholder.js';
 export { default as SkeletonText } from './components/SkeletonText/SkeletonText.js';
 export { default as Slider } from './components/Slider/index.js';
 export { StructuredListBody, StructuredListCell, StructuredListHead, StructuredListInput, StructuredListRow, StructuredListWrapper } from './components/StructuredList/StructuredList.js';
 export { default as StructuredListSkeleton } from './components/StructuredList/StructuredList.Skeleton.js';
+export { default as Switch } from './components/Switch/Switch.js';
+export { default as IconSwitch } from './components/Switch/IconSwitch.js';
 export { IconTab, Tab, TabList, TabPanel, TabPanels, Tabs } from './components/Tabs/Tabs.js';
 export { default as TabContent } from './components/TabContent/TabContent.js';
 export { default as TabsSkeleton } from './components/Tabs/Tabs.Skeleton.js';
@@ -134,6 +144,7 @@ export { Layer, useLayer } from './components/Layer/index.js';
 export { Layout as unstable_Layout } from './components/Layout/index.js';
 export { OverflowMenuV2 as unstable_OverflowMenuV2 } from './components/OverflowMenuV2/index.js';
 export { Popover, PopoverContent } from './components/Popover/index.js';
+export { default as ProgressBar } from './components/ProgressBar/ProgressBar.js';
 export { Slug as unstable__Slug, SlugActions as unstable__SlugActions, SlugContent as unstable__SlugContent } from './components/Slug/index.js';
 export { HStack, VStack } from './components/Stack/index.js';
 export { DefinitionTooltip } from './components/Tooltip/DefinitionTooltip.js';
@@ -157,13 +168,10 @@ export { default as ContainedList } from './components/ContainedList/ContainedLi
 export { default as useContextMenu } from './components/ContextMenu/useContextMenu.js';
 export { default as Copy } from './components/Copy/Copy.js';
 export { default as CopyButton } from './components/CopyButton/CopyButton.js';
-export { default as ErrorBoundary } from './components/ErrorBoundary/ErrorBoundary.js';
-export { default as ModalWrapper } from './components/ModalWrapper/ModalWrapper.js';
-export { default as ProgressIndicatorSkeleton } from './components/ProgressIndicator/ProgressIndicator.Skeleton.js';
+export { default as SliderSkeleton } from './components/Slider/Slider.Skeleton.js';
 export { default as TextInputSkeleton } from './components/TextInput/TextInput.Skeleton.js';
 export { default as TextInput } from './components/TextInput/TextInput.js';
 export { default as TreeView } from './components/TreeView/TreeView.js';
-export { default as ProgressBar } from './components/ProgressBar/ProgressBar.js';
 export { default as unstable__FluidComboBox } from './components/FluidComboBox/FluidComboBox.js';
 export { default as unstable__FluidComboBoxSkeleton } from './components/FluidComboBox/FluidComboBox.Skeleton.js';
 export { default as unstable__FluidDatePicker } from './components/FluidDatePicker/FluidDatePicker.js';
@@ -203,7 +211,6 @@ export { default as TableToolbarAction } from './components/DataTable/TableToolb
 export { default as TableToolbarContent } from './components/DataTable/TableToolbarContent.js';
 export { default as TableToolbarSearch } from './components/DataTable/TableToolbarSearch.js';
 export { default as TableToolbarMenu } from './components/DataTable/TableToolbarMenu.js';
-export { ErrorBoundaryContext } from './components/ErrorBoundary/ErrorBoundaryContext.js';
 export { default as FilterableMultiSelect } from './components/MultiSelect/FilterableMultiSelect.js';
 export { Menu } from './components/Menu/Menu.js';
 export { MenuItem, MenuItemDivider, MenuItemGroup, MenuItemRadioGroup, MenuItemSelectable } from './components/Menu/MenuItem.js';
@@ -212,13 +219,6 @@ export { default as Pagination } from './components/Pagination/Pagination.js';
 export { default as PaginationNav } from './components/PaginationNav/PaginationNav.js';
 export { default as ControlledPasswordInput } from './components/TextInput/ControlledPasswordInput.js';
 export { default as PasswordInput } from './components/TextInput/PasswordInput.js';
-export { default as PrimaryButton } from './components/PrimaryButton/PrimaryButton.js';
-export { ProgressIndicator, ProgressStep } from './components/ProgressIndicator/ProgressIndicator.js';
 export { default as RadioTile } from './components/RadioTile/RadioTile.js';
-export { default as SecondaryButton } from './components/SecondaryButton/SecondaryButton.js';
-export { default as SkeletonIcon } from './components/SkeletonIcon/SkeletonIcon.js';
-export { default as SliderSkeleton } from './components/Slider/Slider.Skeleton.js';
-export { default as Switch } from './components/Switch/Switch.js';
-export { default as IconSwitch } from './components/Switch/IconSwitch.js';
 export { default as TreeNode } from './components/TreeView/TreeNode.js';
 export { Stack } from './components/Stack/Stack.js';

package/es/internal/createClassWrapper.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * 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 { ComponentClass, FunctionComponent } from 'react';
+/**
+ * Wrap a class component with a functional component. This prevents an end-user
+ * from being able to pass `ref` and access the underlying class instance.
+ */
+export declare function createClassWrapper<Props>(Component: ComponentClass<Props>): FunctionComponent<Props>;

package/es/internal/createClassWrapper.js

@@ -10,9 +10,6 @@ import React__default from 'react';
 /**
  * Wrap a class component with a functional component. This prevents an end-user
  * from being able to pass `ref` and access the underlying class instance.
- *
- * @param {ReactNode} Component
- * @returns {ReactNode}
  */
 function createClassWrapper(Component) {
   function ClassWrapper(props) {

package/lib/components/Accordion/AccordionItem.js

@@ -74,7 +74,9 @@ function AccordionItem(_ref) {
       content.current.style.maxBlockSize = '';
     } else {
       // accordion opens
-      content.current.style.maxBlockSize = content.current.scrollHeight + 15 + 'px';
+      content.current.style.maxBlockSize =
+      // Scroll height plus top/bottom padding
+      content.current.scrollHeight + 32 + 'px';
     }
     const nextValue = !isOpen;
     setIsOpen(nextValue);

package/lib/components/ContentSwitcher/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/// <reference types="react" />
+import { ContentSwitcherProps } from './ContentSwitcher';
+declare const ContentSwitcher: import("react").FunctionComponent<ContentSwitcherProps>;
+export default ContentSwitcher;
+export { ContentSwitcher };

package/lib/components/DataTable/TableExpandRow.d.ts

@@ -4,7 +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, { MouseEventHandler, PropsWithChildren } from 'react';
+import React, { type MouseEventHandler, type PropsWithChildren } from 'react';
 import { TableRowProps } from './TableRow';
 interface TableExpandRowProps extends PropsWithChildren<TableRowProps> {
     /**

package/lib/components/DataTable/TableHeader.d.ts

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { ReactNodeLike } from 'prop-types';
-import React, { MouseEventHandler } from 'react';
+import React, { type MouseEventHandler } from 'react';
 import { ReactAttr } from '../../types/common';
 interface TableHeaderProps extends ReactAttr<HTMLTableCellElement & HTMLButtonElement> {
     /**

package/lib/components/ErrorBoundary/ErrorBoundary.d.ts

@@ -0,0 +1,47 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * 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, { ErrorInfo, ReactNode } from 'react';
+import PropTypes from 'prop-types';
+import { ErrorBoundaryContext } from './ErrorBoundaryContext';
+/**
+ * React introduced additional lifecycle methods in v16 for capturing errors
+ * that occur in a specific sub-tree of components. This component helps to
+ * consolidate some of the duplication that occurs when using these lifecycle
+ * methods across a codebase. In addition, it allows you to specify the fallback
+ * UI to display when an error occurs in the sub-tree through the `fallback`
+ * prop.
+ *
+ * This component roughly follows the React.js docs example code for these
+ * methods. In addition, it takes advantage of an `ErrorBoundaryContext` so that
+ * consumers can specify their own logic for logging errors. For example,
+ * reporting an error in the UI to an external service for every `ErrorBoundary`
+ * used.
+ *
+ * Reference:
+ * https://reactjs.org/docs/error-boundaries.html#introducing-error-boundaries
+ */
+interface ErrorBoundaryProps {
+    children?: ReactNode;
+    fallback?: ReactNode;
+}
+interface ErrorBoundaryState {
+    hasError: boolean;
+}
+export default class ErrorBoundary extends React.Component<ErrorBoundaryProps> {
+    static propTypes: {
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        fallback: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    };
+    static contextType: React.Context<import("./ErrorBoundaryContext").ErrorBoundaryContextType>;
+    context: React.ContextType<typeof ErrorBoundaryContext>;
+    static getDerivedStateFromError(): ErrorBoundaryState;
+    state: ErrorBoundaryState;
+    componentDidCatch(error: Error, info: ErrorInfo): void;
+    componentDidUpdate(prevProps: ErrorBoundaryProps): void;
+    render(): React.ReactNode;
+}
+export {};

package/lib/components/ErrorBoundary/ErrorBoundary.js

@@ -36,9 +36,11 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
  * Reference:
  * https://reactjs.org/docs/error-boundaries.html#introducing-error-boundaries
  */
+
 class ErrorBoundary extends React__default["default"].Component {
   constructor() {
     super(...arguments);
+    _rollupPluginBabelHelpers.defineProperty(this, "context", void 0);
     _rollupPluginBabelHelpers.defineProperty(this, "state", {
       hasError: false
     });

package/lib/components/ErrorBoundary/ErrorBoundaryContext.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * 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 { ErrorInfo } from 'react';
+export interface ErrorBoundaryContextType {
+    log: (error: Error, errorInfo: ErrorInfo) => void;
+}
+export declare const ErrorBoundaryContext: import("react").Context<ErrorBoundaryContextType>;

package/lib/components/ErrorBoundary/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export { default as ErrorBoundary } from './ErrorBoundary';
+export { ErrorBoundaryContext } from './ErrorBoundaryContext';

package/lib/components/FluidDropdown/FluidDropdown.Skeleton.js

@@ -27,9 +27,10 @@ const FluidDropdownSkeleton = _ref => {
     ...rest
   } = _ref;
   const prefix = usePrefix.usePrefix();
-  const wrapperClasses = cx__default["default"](className, `${prefix}--skeleton`, `${prefix}--list-box`);
+  const wrapperContainerClasses = cx__default["default"](className, `${prefix}--list-box__wrapper--fluid`);
+  const wrapperClasses = cx__default["default"](`${prefix}--skeleton`, `${prefix}--list-box`);
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: `${prefix}--list-box__wrapper--fluid`
+    className: wrapperContainerClasses
   }, /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
     className: wrapperClasses
   }, rest), /*#__PURE__*/React__default["default"].createElement("span", {

package/lib/components/InlineCheckbox/InlineCheckbox.js

@@ -44,7 +44,7 @@ const InlineCheckbox = /*#__PURE__*/React__default["default"].forwardRef(functio
     disabled,
     id,
     name,
-    onClick,
+    onClick: onClick ? onClickCheckBoxInput : onClick,
     onChange: evt => {
       onChange(evt.target.checked, id, evt);
     },
@@ -60,6 +60,13 @@ const InlineCheckbox = /*#__PURE__*/React__default["default"].forwardRef(functio
       inputRef.current.indeterminate = indeterminate;
     }
   }, [indeterminate]);
+  function onClickCheckBoxInput(evt) {
+    // If the previous "indeterminate" is true, change "checked" to false. If it is not undefined, we're working on `TableSelectAll`
+    if (indeterminate) {
+      evt.target.checked = false;
+    }
+    onClick(evt);
+  }
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: `${prefix}--checkbox--inline`
   }, /*#__PURE__*/React__default["default"].createElement("input", inputProps),

package/lib/components/ModalWrapper/ModalWrapper.d.ts

@@ -0,0 +1,75 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * 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, { ReactNode } from 'react';
+import { ButtonKinds } from '../Button';
+interface ModalWrapperProps {
+    buttonTriggerClassName?: string;
+    buttonTriggerText?: ReactNode;
+    children?: ReactNode;
+    disabled?: boolean;
+    handleOpen?: React.MouseEventHandler<HTMLButtonElement>;
+    handleSubmit?: React.ReactEventHandler<HTMLElement>;
+    id?: string;
+    modalBeforeContent?: boolean;
+    modalHeading?: string;
+    modalLabel?: string;
+    modalText?: string;
+    onKeyDown?: React.KeyboardEventHandler<HTMLDivElement>;
+    passiveModal?: boolean;
+    preventCloseOnClickOutside?: boolean;
+    primaryButtonText?: string;
+    renderTriggerButtonIcon: React.ElementType;
+    secondaryButtonText?: string;
+    selectorPrimaryFocus?: string;
+    shouldCloseAfterSubmit?: boolean;
+    status?: string;
+    triggerButtonIconDescription?: string;
+    triggerButtonKind: (typeof ButtonKinds)[number];
+    withHeader?: boolean;
+}
+interface ModelWrapperState {
+    isOpen: boolean;
+}
+export default class ModalWrapper extends React.Component<ModalWrapperProps, ModelWrapperState> {
+    if(__DEV__: any): void;
+    static propTypes: {
+        buttonTriggerClassName: PropTypes.Requireable<string>;
+        buttonTriggerText: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        disabled: PropTypes.Requireable<boolean>;
+        handleOpen: PropTypes.Requireable<(...args: any[]) => any>;
+        handleSubmit: PropTypes.Requireable<(...args: any[]) => any>;
+        id: PropTypes.Requireable<string>;
+        modalBeforeContent: PropTypes.Requireable<boolean>;
+        modalHeading: PropTypes.Requireable<string>;
+        modalLabel: PropTypes.Requireable<string>;
+        modalText: PropTypes.Requireable<string>;
+        onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
+        passiveModal: PropTypes.Requireable<boolean>;
+        preventCloseOnClickOutside: PropTypes.Requireable<boolean>;
+        primaryButtonText: PropTypes.Requireable<string>;
+        renderTriggerButtonIcon: PropTypes.Requireable<object>;
+        secondaryButtonText: PropTypes.Requireable<string>;
+        selectorPrimaryFocus: PropTypes.Requireable<string>;
+        shouldCloseAfterSubmit: PropTypes.Requireable<boolean>;
+        status: PropTypes.Requireable<string>;
+        triggerButtonIconDescription: PropTypes.Requireable<string>;
+        triggerButtonKind: PropTypes.Requireable<"primary" | "secondary" | "ghost" | "tertiary" | "danger" | "danger--primary" | "danger--ghost" | "danger--tertiary">;
+        withHeader: PropTypes.Requireable<boolean>;
+    };
+    triggerButton: React.RefObject<HTMLButtonElement>;
+    modal: React.RefObject<HTMLDivElement>;
+    state: {
+        isOpen: boolean;
+    };
+    handleOpen: () => void;
+    handleClose: (evt: React.KeyboardEvent<HTMLDivElement>) => void;
+    handleOnRequestSubmit: (evt: React.KeyboardEvent<HTMLDivElement>) => void;
+    render(): JSX.Element;
+}
+export {};