@carbon/react 1.46.1 → 1.47.0

package/lib/components/Stack/Stack.d.ts

@@ -0,0 +1,58 @@
+/**
+ * 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 from 'react';
+/**
+ * The steps in the spacing scale
+ * @type {Array<number>}
+ */
+declare const SPACING_STEPS: number[];
+interface StackProps extends React.HTMLAttributes<HTMLElement> {
+    /**
+     * Provide a custom element type to render as the outermost element in
+     * the Stack component. By default, this component will render a `div`.
+     */
+    as?: (() => React.ReactNode) | string | React.ElementType;
+    /**
+     * Provide the elements that will be rendered as children inside of the Stack
+     * component. These elements will have having spacing between them according
+     * to the `step` and `orientation` prop
+     */
+    children?: React.ReactNode;
+    /**
+     * Provide a custom class name to be used by the outermost element rendered by
+     * Stack
+     */
+    className?: string;
+    /**
+     * Provide either a custom value or a step from the spacing scale to be used
+     * as the gap in the layout
+     */
+    gap?: string | (typeof SPACING_STEPS)[number];
+    /**
+     * Specify the orientation of them items in the Stack
+     */
+    orientation?: 'horizontal' | 'vertical';
+}
+/**
+ * The Stack component is a useful layout utility in a component-based model.
+ * This allows components to not use margin and instead delegate the
+ * responsibility of positioning and layout to parent components.
+ *
+ * In the case of the Stack component, it uses the spacing scale from the
+ * Design Language in order to determine how much space there should be between
+ * items rendered by the Stack component. It also supports a custom `gap` prop
+ * which will allow a user to provide a custom value for the gap of the layout.
+ *
+ * This component supports both horizontal and vertical orientations.
+ *
+ * Inspiration for this component:
+ *
+ * - https://paste.twilio.design/layout/stack/
+ * - https://github.com/Workday/canvas-kit/blob/f2f599654876700f483a1d8c5de82a41315c76f1/modules/labs-react/layout/lib/Stack.tsx
+ */
+declare const Stack: React.ForwardRefExoticComponent<StackProps & React.RefAttributes<React.ReactNode>>;
+export { Stack };

package/lib/components/Stack/Stack.js

@@ -31,7 +31,6 @@ const SPACING_STEPS = Array.from({
 }).map((_, step) => {
   return step + 1;
 });
-
 /**
  * The Stack component is a useful layout utility in a component-based model.
  * This allows components to not use margin and instead delegate the

package/lib/components/Stack/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.
+ */
+import React from 'react';
+import { Stack } from './Stack';
+declare const HStack: React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;
+declare const VStack: React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;
+export { HStack, Stack, VStack };

package/lib/components/Switch/Switch.js

@@ -115,6 +115,5 @@ Switch.propTypes = {
    */
   text: PropTypes__default["default"].string
 };
-var Switch$1 = Switch;
 
-exports["default"] = Switch$1;
+exports["default"] = Switch;

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

@@ -0,0 +1,10 @@
+/**
+ * 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 Switch from './Switch';
+import IconSwitch from './IconSwitch';
+export default Switch;
+export { Switch, IconSwitch };

package/lib/components/TextArea/TextArea.d.ts

@@ -73,6 +73,11 @@ export interface TextAreaProps extends React.InputHTMLAttributes<HTMLTextAreaEle
      * `<textarea>` is clicked
      */
     onClick?: (evt: React.MouseEvent<HTMLTextAreaElement>) => void;
+    /**
+     * Optionally provide an `onKeyDown` handler that is called whenever `<textarea>`
+     * is keyed
+     */
+    onKeyDown?: (evt: React.KeyboardEvent<HTMLTextAreaElement>) => void;
     /**
      * Specify the placeholder attribute for the `<textarea>`
      */

package/lib/components/TextArea/TextArea.js

@@ -42,6 +42,7 @@ const TextArea = /*#__PURE__*/React__default["default"].forwardRef((props, forwa
     hideLabel,
     onChange = noopFn.noopFn,
     onClick = noopFn.noopFn,
+    onKeyDown = noopFn.noopFn,
     invalid = false,
     invalidText = '',
     helperText = '',
@@ -100,6 +101,9 @@ const TextArea = /*#__PURE__*/React__default["default"].forwardRef((props, forwa
           evt.preventDefault();
         }
       }
+      if (!disabled && onKeyDown) {
+        onKeyDown(evt);
+      }
     },
     onPaste: evt => {
       if (!disabled) {
@@ -330,6 +334,11 @@ TextArea.propTypes = {
    * `<textarea>` is clicked
    */
   onClick: PropTypes__default["default"].func,
+  /**
+   * Optionally provide an `onKeyDown` handler that is called whenever `<textarea>`
+   * is keyed
+   */
+  onKeyDown: PropTypes__default["default"].func,
   /**
    * Specify the placeholder attribute for the `<textarea>`
    */

package/lib/components/TileGroup/TileGroup.d.ts

@@ -0,0 +1,83 @@
+/**
+ * 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, { ReactNodeLike } from 'prop-types';
+import { ReactAttr } from '../../types/common';
+type ExcludedAttributes = 'onChange';
+export interface TileGroupProps extends Omit<ReactAttr<HTMLFieldSetElement>, ExcludedAttributes> {
+    /**
+     * Provide a collection of <RadioTile> components to render in the group
+     */
+    children?: ReactNodeLike;
+    /**
+     * Provide an optional className to be applied to the container node
+     */
+    className?: string;
+    /**
+     * Specify the the value of <RadioTile> to be selected by default
+     */
+    defaultSelected?: string | number;
+    /**
+     * Specify whether the group is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Provide an optional legend for this group
+     */
+    legend?: string;
+    /**
+     * Specify the name of the underlying `<input>` nodes
+     */
+    name: string;
+    /**
+     * Provide an optional `onChange` hook that is called whenever the value of the group changes
+     */
+    onChange?: (selection: unknown, name: string, evt: unknown) => void;
+    /**
+     * Specify the value that is currently selected in the group
+     */
+    valueSelected?: string | number;
+}
+declare const TileGroup: {
+    (props: any): JSX.Element;
+    propTypes: {
+        /**
+         * Provide a collection of <RadioTile> components to render in the group
+         */
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /**
+         * Provide an optional className to be applied to the container node
+         */
+        className: PropTypes.Requireable<string>;
+        /**
+         * Specify the the value of <RadioTile> to be selected by default
+         */
+        defaultSelected: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+        /**
+         * Specify whether the group is disabled
+         */
+        disabled: PropTypes.Requireable<boolean>;
+        /**
+         * Provide an optional legend for this group
+         */
+        legend: PropTypes.Requireable<string>;
+        /**
+         * Specify the name of the underlying `<input>` nodes
+         */
+        name: PropTypes.Validator<string>;
+        /**
+         * Provide an optional `onChange` hook that is called whenever the value of
+         * the group changes
+         */
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        /**
+         * Specify the value that is currently selected in the group
+         */
+        valueSelected: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+    };
+    displayName: string;
+};
+export default TileGroup;

package/lib/components/TileGroup/TileGroup.js

@@ -22,84 +22,71 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-class TileGroup extends React__default["default"].Component {
-  constructor() {
-    super(...arguments);
-    _rollupPluginBabelHelpers.defineProperty(this, "state", {
-      selected: this.props.valueSelected || this.props.defaultSelected || null,
-      prevValueSelected: this.props.valueSelected
-    });
-    _rollupPluginBabelHelpers.defineProperty(this, "getRadioTiles", () => {
-      const childrenArray = React__default["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.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["default"].createElement(RadioTile["default"], _rollupPluginBabelHelpers["extends"]({}, other, {
-          name: this.props.name,
-          key: value,
-          value: value,
-          onChange: this.handleChange,
-          checked: value === this.state.selected
-        }));
-      });
-      return children;
-    });
-    _rollupPluginBabelHelpers.defineProperty(this, "handleChange", (newSelection, value, evt) => {
+const TileGroup = props => {
+  const {
+    children,
+    className,
+    defaultSelected,
+    disabled,
+    legend,
+    name,
+    onChange = noopFn.noopFn,
+    valueSelected
+  } = props;
+  const prefix = usePrefix.usePrefix();
+  const [selected, setSelected] = React.useState(valueSelected ?? defaultSelected);
+  const [prevValueSelected, setPrevValueSelected] = React.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["default"].Children.toArray(children);
+    const radioTiles = childrenArray.map(tileRadio => {
+      const tileRadioProps = tileRadio.props ?? undefined;
       const {
-        onChange = noopFn.noopFn
-      } = this.props;
-      if (newSelection !== this.state.selected) {
-        this.setState({
-          selected: newSelection
-        });
-        onChange(newSelection, this.props.name, evt);
-      }
-    });
-    _rollupPluginBabelHelpers.defineProperty(this, "renderLegend", legend => {
-      if (legend) {
-        return /*#__PURE__*/React__default["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.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["default"].createElement(RadioTile["default"], _rollupPluginBabelHelpers["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["default"].createElement("fieldset", {
-      className: className,
-      disabled: disabled
-    }, this.renderLegend(legend), /*#__PURE__*/React__default["default"].createElement("div", null, this.getRadioTiles()));
-  }
-}
-_rollupPluginBabelHelpers.defineProperty(TileGroup, "contextType", usePrefix.PrefixContext);
-_rollupPluginBabelHelpers.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["default"].createElement("legend", {
+        className: `${prefix}--label`
+      }, legend);
+    }
+  };
+  return /*#__PURE__*/React__default["default"].createElement("fieldset", {
+    className: className ?? `${prefix}--tile-group`,
+    disabled: disabled
+  }, renderLegend(legend), /*#__PURE__*/React__default["default"].createElement("div", null, getRadioTiles()));
+};
+TileGroup.propTypes = {
   /**
    * Provide a collection of <RadioTile> components to render in the group
    */
@@ -133,6 +120,7 @@ _rollupPluginBabelHelpers.defineProperty(TileGroup, "propTypes", {
    * Specify the value that is currently selected in the group
    */
   valueSelected: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number])
-});
+};
+TileGroup.displayName = 'TileGroup';
 
 exports["default"] = TileGroup;

package/lib/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/lib/components/TreeView/TreeNode.js

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

package/lib/components/UIShell/SideNavMenu.js

@@ -41,7 +41,6 @@ const SideNavMenu = /*#__PURE__*/React__default["default"].forwardRef(function S
   const isRail = React.useContext(SideNav.SideNavContext);
   const prefix = usePrefix.usePrefix();
   const [isExpanded, setIsExpanded] = React.useState(defaultExpanded);
-  const [prevExpanded, setPrevExpanded] = React.useState(defaultExpanded);
   const className = cx__default["default"]({
     [`${prefix}--side-nav__item`]: true,
     [`${prefix}--side-nav__item--active`]: isActive || hasActiveDescendant(children) && !isExpanded,
@@ -49,13 +48,6 @@ const SideNavMenu = /*#__PURE__*/React__default["default"].forwardRef(function S
     [`${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/lib/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/lib/index.js

@@ -37,6 +37,8 @@ var DatePicker_Skeleton = require('./components/DatePicker/DatePicker.Skeleton.j
 var DatePickerInput = require('./components/DatePickerInput/DatePickerInput.js');
 var Dropdown = require('./components/Dropdown/Dropdown.js');
 var Dropdown_Skeleton = require('./components/Dropdown/Dropdown.Skeleton.js');
+var ErrorBoundary = require('./components/ErrorBoundary/ErrorBoundary.js');
+var ErrorBoundaryContext = require('./components/ErrorBoundary/ErrorBoundaryContext.js');
 var ExpandableSearch = require('./components/ExpandableSearch/ExpandableSearch.js');
 var FileUploader = require('./components/FileUploader/FileUploader.js');
 var Filename = require('./components/FileUploader/Filename.js');
@@ -64,6 +66,7 @@ var ListItem = require('./components/ListItem/ListItem.js');
 var Loading = require('./components/Loading/Loading.js');
 var index$8 = require('./components/MenuButton/index.js');
 var Modal = require('./components/Modal/Modal.js');
+var ModalWrapper = require('./components/ModalWrapper/ModalWrapper.js');
 var Notification = require('./components/Notification/Notification.js');
 var NumberInput_Skeleton = require('./components/NumberInput/NumberInput.Skeleton.js');
 var NumberInput = require('./components/NumberInput/NumberInput.js');
@@ -71,20 +74,27 @@ var OrderedList = require('./components/OrderedList/OrderedList.js');
 var index$9 = require('./components/OverflowMenu/index.js');
 var OverflowMenuItem = require('./components/OverflowMenuItem/OverflowMenuItem.js');
 var Pagination_Skeleton = require('./components/Pagination/Pagination.Skeleton.js');
+var PrimaryButton = require('./components/PrimaryButton/PrimaryButton.js');
+var ProgressIndicator_Skeleton = require('./components/ProgressIndicator/ProgressIndicator.Skeleton.js');
+var ProgressIndicator = require('./components/ProgressIndicator/ProgressIndicator.js');
 var RadioButton = require('./components/RadioButton/RadioButton.js');
 var RadioButton_Skeleton = require('./components/RadioButton/RadioButton.Skeleton.js');
 var RadioButtonGroup = require('./components/RadioButtonGroup/RadioButtonGroup.js');
 var Search = require('./components/Search/Search.js');
 var Search_Skeleton = require('./components/Search/Search.Skeleton.js');
+var SecondaryButton = require('./components/SecondaryButton/SecondaryButton.js');
 var Select = require('./components/Select/Select.js');
 var Select_Skeleton = require('./components/Select/Select.Skeleton.js');
 var SelectItem = require('./components/SelectItem/SelectItem.js');
 var SelectItemGroup = require('./components/SelectItemGroup/SelectItemGroup.js');
+var SkeletonIcon = require('./components/SkeletonIcon/SkeletonIcon.js');
 var SkeletonPlaceholder = require('./components/SkeletonPlaceholder/SkeletonPlaceholder.js');
 var SkeletonText = require('./components/SkeletonText/SkeletonText.js');
 var index$a = require('./components/Slider/index.js');
 var StructuredList = require('./components/StructuredList/StructuredList.js');
 var StructuredList_Skeleton = require('./components/StructuredList/StructuredList.Skeleton.js');
+var Switch = require('./components/Switch/Switch.js');
+var IconSwitch = require('./components/Switch/IconSwitch.js');
 var Tabs = require('./components/Tabs/Tabs.js');
 var TabContent = require('./components/TabContent/TabContent.js');
 var Tabs_Skeleton = require('./components/Tabs/Tabs.Skeleton.js');
@@ -138,6 +148,7 @@ var index$f = require('./components/Layer/index.js');
 var index$1 = require('./components/Layout/index.js');
 var index$2 = require('./components/OverflowMenuV2/index.js');
 var index$g = require('./components/Popover/index.js');
+var ProgressBar = require('./components/ProgressBar/ProgressBar.js');
 var index$3 = require('./components/Slug/index.js');
 var index$h = require('./components/Stack/index.js');
 var DefinitionTooltip = require('./components/Tooltip/DefinitionTooltip.js');
@@ -161,13 +172,10 @@ var ContainedList = require('./components/ContainedList/ContainedList.js');
 var useContextMenu = require('./components/ContextMenu/useContextMenu.js');
 var Copy = require('./components/Copy/Copy.js');
 var CopyButton = require('./components/CopyButton/CopyButton.js');
-var ErrorBoundary = require('./components/ErrorBoundary/ErrorBoundary.js');
-var ModalWrapper = require('./components/ModalWrapper/ModalWrapper.js');
-var ProgressIndicator_Skeleton = require('./components/ProgressIndicator/ProgressIndicator.Skeleton.js');
+var Slider_Skeleton = require('./components/Slider/Slider.Skeleton.js');
 var TextInput_Skeleton = require('./components/TextInput/TextInput.Skeleton.js');
 var TextInput = require('./components/TextInput/TextInput.js');
 var TreeView = require('./components/TreeView/TreeView.js');
-var ProgressBar = require('./components/ProgressBar/ProgressBar.js');
 var FluidComboBox = require('./components/FluidComboBox/FluidComboBox.js');
 var FluidComboBox_Skeleton = require('./components/FluidComboBox/FluidComboBox.Skeleton.js');
 var FluidDatePicker = require('./components/FluidDatePicker/FluidDatePicker.js');
@@ -207,7 +215,6 @@ var TableToolbarAction = require('./components/DataTable/TableToolbarAction.js')
 var TableToolbarContent = require('./components/DataTable/TableToolbarContent.js');
 var TableToolbarSearch = require('./components/DataTable/TableToolbarSearch.js');
 var TableToolbarMenu = require('./components/DataTable/TableToolbarMenu.js');
-var ErrorBoundaryContext = require('./components/ErrorBoundary/ErrorBoundaryContext.js');
 var FilterableMultiSelect = require('./components/MultiSelect/FilterableMultiSelect.js');
 var Menu = require('./components/Menu/Menu.js');
 var MenuItem = require('./components/Menu/MenuItem.js');
@@ -216,14 +223,7 @@ var Pagination$1 = require('./components/Pagination/Pagination.js');
 var PaginationNav = require('./components/PaginationNav/PaginationNav.js');
 var ControlledPasswordInput = require('./components/TextInput/ControlledPasswordInput.js');
 var PasswordInput = require('./components/TextInput/PasswordInput.js');
-var PrimaryButton = require('./components/PrimaryButton/PrimaryButton.js');
-var ProgressIndicator = require('./components/ProgressIndicator/ProgressIndicator.js');
 var RadioTile = require('./components/RadioTile/RadioTile.js');
-var SecondaryButton = require('./components/SecondaryButton/SecondaryButton.js');
-var SkeletonIcon = require('./components/SkeletonIcon/SkeletonIcon.js');
-var Slider_Skeleton = require('./components/Slider/Slider.Skeleton.js');
-var Switch = require('./components/Switch/Switch.js');
-var IconSwitch = require('./components/Switch/IconSwitch.js');
 var TreeNode = require('./components/TreeView/TreeNode.js');
 var Stack = require('./components/Stack/Stack.js');
 
@@ -260,6 +260,8 @@ exports.DatePickerSkeleton = DatePicker_Skeleton["default"];
 exports.DatePickerInput = DatePickerInput["default"];
 exports.Dropdown = Dropdown["default"];
 exports.DropdownSkeleton = Dropdown_Skeleton["default"];
+exports.ErrorBoundary = ErrorBoundary["default"];
+exports.ErrorBoundaryContext = ErrorBoundaryContext.ErrorBoundaryContext;
 exports.ExpandableSearch = ExpandableSearch["default"];
 exports.FileUploader = FileUploader["default"];
 exports.Filename = Filename["default"];
@@ -287,6 +289,7 @@ exports.ListItem = ListItem["default"];
 exports.Loading = Loading["default"];
 exports.MenuButton = index$8.MenuButton;
 exports.Modal = Modal["default"];
+exports.ModalWrapper = ModalWrapper["default"];
 exports.ActionableNotification = Notification.ActionableNotification;
 exports.InlineNotification = Notification.InlineNotification;
 exports.NotificationActionButton = Notification.NotificationActionButton;
@@ -298,15 +301,21 @@ exports.OrderedList = OrderedList["default"];
 exports.OverflowMenu = index$9["default"];
 exports.OverflowMenuItem = OverflowMenuItem["default"];
 exports.PaginationSkeleton = Pagination_Skeleton["default"];
+exports.PrimaryButton = PrimaryButton["default"];
+exports.ProgressIndicatorSkeleton = ProgressIndicator_Skeleton["default"];
+exports.ProgressIndicator = ProgressIndicator.ProgressIndicator;
+exports.ProgressStep = ProgressIndicator.ProgressStep;
 exports.RadioButton = RadioButton["default"];
 exports.RadioButtonSkeleton = RadioButton_Skeleton["default"];
 exports.RadioButtonGroup = RadioButtonGroup["default"];
 exports.Search = Search["default"];
 exports.SearchSkeleton = Search_Skeleton["default"];
+exports.SecondaryButton = SecondaryButton["default"];
 exports.Select = Select["default"];
 exports.SelectSkeleton = Select_Skeleton["default"];
 exports.SelectItem = SelectItem["default"];
 exports.SelectItemGroup = SelectItemGroup["default"];
+exports.SkeletonIcon = SkeletonIcon["default"];
 exports.SkeletonPlaceholder = SkeletonPlaceholder["default"];
 exports.SkeletonText = SkeletonText["default"];
 exports.Slider = index$a["default"];
@@ -317,6 +326,8 @@ exports.StructuredListInput = StructuredList.StructuredListInput;
 exports.StructuredListRow = StructuredList.StructuredListRow;
 exports.StructuredListWrapper = StructuredList.StructuredListWrapper;
 exports.StructuredListSkeleton = StructuredList_Skeleton["default"];
+exports.Switch = Switch["default"];
+exports.IconSwitch = IconSwitch["default"];
 exports.IconTab = Tabs.IconTab;
 exports.Tab = Tabs.Tab;
 exports.TabList = Tabs.TabList;
@@ -389,6 +400,7 @@ exports.unstable_Layout = index$1.Layout;
 exports.unstable_OverflowMenuV2 = index$2.OverflowMenuV2;
 exports.Popover = index$g.Popover;
 exports.PopoverContent = index$g.PopoverContent;
+exports.ProgressBar = ProgressBar["default"];
 exports.unstable__Slug = index$3.Slug;
 exports.unstable__SlugActions = index$3.SlugActions;
 exports.unstable__SlugContent = index$3.SlugContent;
@@ -418,13 +430,10 @@ exports.ContainedList = ContainedList["default"];
 exports.useContextMenu = useContextMenu["default"];
 exports.Copy = Copy["default"];
 exports.CopyButton = CopyButton["default"];
-exports.ErrorBoundary = ErrorBoundary["default"];
-exports.ModalWrapper = ModalWrapper["default"];
-exports.ProgressIndicatorSkeleton = ProgressIndicator_Skeleton["default"];
+exports.SliderSkeleton = Slider_Skeleton["default"];
 exports.TextInputSkeleton = TextInput_Skeleton["default"];
 exports.TextInput = TextInput["default"];
 exports.TreeView = TreeView["default"];
-exports.ProgressBar = ProgressBar["default"];
 exports.unstable__FluidComboBox = FluidComboBox["default"];
 exports.unstable__FluidComboBoxSkeleton = FluidComboBox_Skeleton["default"];
 exports.unstable__FluidDatePicker = FluidDatePicker["default"];
@@ -464,7 +473,6 @@ exports.TableToolbarAction = TableToolbarAction["default"];
 exports.TableToolbarContent = TableToolbarContent["default"];
 exports.TableToolbarSearch = TableToolbarSearch["default"];
 exports.TableToolbarMenu = TableToolbarMenu["default"];
-exports.ErrorBoundaryContext = ErrorBoundaryContext.ErrorBoundaryContext;
 exports.FilterableMultiSelect = FilterableMultiSelect["default"];
 exports.Menu = Menu.Menu;
 exports.MenuItem = MenuItem.MenuItem;
@@ -477,14 +485,6 @@ exports.Pagination = Pagination$1["default"];
 exports.PaginationNav = PaginationNav["default"];
 exports.ControlledPasswordInput = ControlledPasswordInput["default"];
 exports.PasswordInput = PasswordInput["default"];
-exports.PrimaryButton = PrimaryButton["default"];
-exports.ProgressIndicator = ProgressIndicator.ProgressIndicator;
-exports.ProgressStep = ProgressIndicator.ProgressStep;
 exports.RadioTile = RadioTile["default"];
-exports.SecondaryButton = SecondaryButton["default"];
-exports.SkeletonIcon = SkeletonIcon["default"];
-exports.SliderSkeleton = Slider_Skeleton["default"];
-exports.Switch = Switch["default"];
-exports.IconSwitch = IconSwitch["default"];
 exports.TreeNode = TreeNode["default"];
 exports.Stack = Stack.Stack;

package/lib/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/lib/internal/createClassWrapper.js

@@ -18,9 +18,6 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(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) {