@carbon/react 1.29.0 → 1.30.0-rc.0

package/lib/components/UIShell/Switcher.js

@@ -48,12 +48,10 @@ Switcher.propTypes = {
    * Required props for accessibility label on the underlying menu
    */
   ...AriaPropTypes.AriaLabelPropType,
-
   /**
    * expects to receive <SwitcherItem />
    */
   children: PropTypes__default["default"].node.isRequired,
-
   /**
    * Optionally provide a custom class to apply to the underlying `<ul>` node
    */

package/lib/components/UIShell/SwitcherDivider.js

@@ -34,7 +34,6 @@ const SwitcherDivider = _ref => {
     className: className
   }));
 };
-
 SwitcherDivider.propTypes = {
   /**
    * Optionally provide a custom class to apply to the underlying `<li>` node

package/lib/components/UIShell/SwitcherItem.js

@@ -58,17 +58,14 @@ SwitcherItem.propTypes = {
    * Required props for accessibility label on the underlying menuitem
    */
   ...AriaPropTypes.AriaLabelPropType,
-
   /**
    * Specify the text content for the link
    */
   children: PropTypes__default["default"].node.isRequired,
-
   /**
    * Optionally provide a custom class to apply to the underlying `<li>` node
    */
   className: PropTypes__default["default"].string,
-
   /**
    * Specify the tab index of the Link
    */

package/lib/components/UnorderedList/UnorderedList.d.ts

@@ -0,0 +1,34 @@
+/**
+ * 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 { type ComponentProps } from 'react';
+interface UnorderedListProps extends ComponentProps<'ul'> {
+    nested?: boolean | undefined;
+    isExpressive?: boolean | undefined;
+}
+declare function UnorderedList({ className, nested, isExpressive, ...other }: UnorderedListProps): JSX.Element;
+declare namespace UnorderedList {
+    var propTypes: {
+        /**
+         * Specify a collection of ListItem's to be rendered in the UnorderedList
+         */
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /**
+         * Specify an optional className to be applied to the underlying `<ul>` node
+         */
+        className: PropTypes.Requireable<string>;
+        /**
+         * Specify whether this ordered list expressive or not
+         */
+        isExpressive: PropTypes.Requireable<boolean>;
+        /**
+         * Specify whether the list is nested, or not
+         */
+        nested: PropTypes.Requireable<boolean>;
+    };
+}
+export default UnorderedList;

package/lib/components/UnorderedList/UnorderedList.js

@@ -21,12 +21,11 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-const UnorderedList = _ref => {
+function UnorderedList(_ref) {
   let {
-    children,
     className,
-    nested,
-    isExpressive,
+    nested = false,
+    isExpressive = false,
     ...other
   } = _ref;
   const prefix = usePrefix.usePrefix();
@@ -36,34 +35,25 @@ const UnorderedList = _ref => {
   });
   return /*#__PURE__*/React__default["default"].createElement("ul", _rollupPluginBabelHelpers["extends"]({
     className: classNames
-  }, other), children);
-};
-
+  }, other));
+}
 UnorderedList.propTypes = {
   /**
    * Specify a collection of ListItem's to be rendered in the UnorderedList
    */
   children: PropTypes__default["default"].node,
-
   /**
    * Specify an optional className to be applied to the underlying `<ul>` node
    */
   className: PropTypes__default["default"].string,
-
   /**
    * Specify whether this ordered list expressive or not
    */
   isExpressive: PropTypes__default["default"].bool,
-
   /**
    * Specify whether the list is nested, or not
    */
   nested: PropTypes__default["default"].bool
 };
-UnorderedList.defaultProps = {
-  nested: false,
-  isExpressive: false
-};
-var UnorderedList$1 = UnorderedList;
 
-exports["default"] = UnorderedList$1;
+exports["default"] = UnorderedList;

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

@@ -0,0 +1,7 @@
+/**
+ * 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, default as UnorderedList } from './UnorderedList';

package/lib/index.js

@@ -19,6 +19,7 @@ var DatePicker = require('./components/DatePicker/DatePicker.js');
 var DatePicker_Skeleton = require('./components/DatePicker/DatePicker.Skeleton.js');
 var Dropdown = require('./components/Dropdown/Dropdown.js');
 var Dropdown_Skeleton = require('./components/Dropdown/Dropdown.Skeleton.js');
+var Form = require('./components/Form/Form.js');
 var FluidForm = require('./components/FluidForm/FluidForm.js');
 var FormContext = require('./components/FluidForm/FormContext.js');
 var FlexGrid = require('./components/Grid/FlexGrid.js');
@@ -27,14 +28,15 @@ var Row = require('./components/Grid/Row.js');
 var Column = require('./components/Grid/Column.js');
 var ColumnHang = require('./components/Grid/ColumnHang.js');
 var index$6 = require('./components/IdPrefix/index.js');
+var ListItem = require('./components/ListItem/ListItem.js');
+var OrderedList = require('./components/OrderedList/OrderedList.js');
 var index$7 = require('./components/OverflowMenu/index.js');
 var Search = require('./components/Search/Search.js');
 var Search_Skeleton = require('./components/Search/Search.Skeleton.js');
 var index$8 = require('./components/Slider/index.js');
-var index$9 = require('./components/Tab/index.js');
-var index$a = require('./components/TileGroup/index.js');
-var index$b = require('./components/TimePickerSelect/index.js');
-var index$c = require('./components/Toggletip/index.js');
+var index$9 = require('./components/TileGroup/index.js');
+var index$a = require('./components/Toggletip/index.js');
+var UnorderedList = require('./components/UnorderedList/UnorderedList.js');
 var Pagination_Skeleton = require('./components/Pagination/Pagination.Skeleton.js');
 var RadioButton_Skeleton = require('./components/RadioButton/RadioButton.Skeleton.js');
 var Tag_Skeleton = require('./components/Tag/Tag.Skeleton.js');
@@ -42,18 +44,18 @@ var Toggle_Skeleton = require('./components/Toggle/Toggle.Skeleton.js');
 var ToggleSmall_Skeleton = require('./components/ToggleSmall/ToggleSmall.Skeleton.js');
 var Icon_Skeleton = require('./components/Icon/Icon.Skeleton.js');
 var index = require('./components/FeatureFlags/index.js');
-var index$d = require('./components/Heading/index.js');
-var index$e = require('./components/IconButton/index.js');
-var index$f = require('./components/Layer/index.js');
+var index$b = require('./components/Heading/index.js');
+var index$c = require('./components/IconButton/index.js');
+var index$d = require('./components/Layer/index.js');
 var index$1 = require('./components/OverflowMenuV2/index.js');
 var index$2 = require('./components/ComboButton/index.js');
 var index$3 = require('./components/MenuButton/index.js');
-var index$g = require('./components/Popover/index.js');
-var index$h = require('./components/Stack/index.js');
+var index$e = require('./components/Popover/index.js');
+var index$f = require('./components/Stack/index.js');
 var DefinitionTooltip = require('./components/Tooltip/DefinitionTooltip.js');
 var Tooltip = require('./components/Tooltip/Tooltip.js');
 require('./components/Text/index.js');
-var index$i = require('./components/Theme/index.js');
+var index$g = require('./components/Theme/index.js');
 var usePrefix = require('./internal/usePrefix.js');
 var useIdPrefix = require('./internal/useIdPrefix.js');
 var useContextMenu = require('./components/ContextMenu/useContextMenu.js');
@@ -95,6 +97,7 @@ var Tabs_Skeleton = require('./components/Tabs/Tabs.Skeleton.js');
 var Toggle = require('./components/Toggle/Toggle.js');
 var TreeNode = require('./components/TreeView/TreeNode.js');
 var TreeView = require('./components/TreeView/TreeView.js');
+var HeaderContainer = require('./components/UIShell/HeaderContainer.js');
 var HeaderMenuButton = require('./components/UIShell/HeaderMenuButton.js');
 var HeaderName = require('./components/UIShell/HeaderName.js');
 var HeaderNavigation = require('./components/UIShell/HeaderNavigation.js');
@@ -159,15 +162,12 @@ var TableToolbarMenu = require('./components/DataTable/TableToolbarMenu.js');
 var DatePickerInput = require('./components/DatePickerInput/DatePickerInput.js');
 var ErrorBoundaryContext = require('./components/ErrorBoundary/ErrorBoundaryContext.js');
 var FilterableMultiSelect = require('./components/MultiSelect/FilterableMultiSelect.js');
-var Form = require('./components/Form/Form.js');
 var FormGroup = require('./components/FormGroup/FormGroup.js');
 var Link = require('./components/Link/Link.js');
-var ListItem = require('./components/ListItem/ListItem.js');
 var Modal = require('./components/Modal/Modal.js');
 var MultiSelect = require('./components/MultiSelect/MultiSelect.js');
 var Notification = require('./components/Notification/Notification.js');
 var NumberInput = require('./components/NumberInput/NumberInput.js');
-var OrderedList = require('./components/OrderedList/OrderedList.js');
 var OverflowMenuItem = require('./components/OverflowMenuItem/OverflowMenuItem.js');
 var Pagination$1 = require('./components/Pagination/Pagination.js');
 var PaginationNav = require('./components/PaginationNav/PaginationNav.js');
@@ -187,8 +187,8 @@ var IconSwitch = require('./components/Switch/IconSwitch.js');
 var Slider_Skeleton = require('./components/Slider/Slider.Skeleton.js');
 var StructuredList_Skeleton = require('./components/StructuredList/StructuredList.Skeleton.js');
 var StructuredList = require('./components/StructuredList/StructuredList.js');
-var TabContent = require('./components/TabContent/TabContent.js');
 var Tabs = require('./components/Tabs/Tabs.js');
+var TabContent = require('./components/TabContent/TabContent.js');
 var Tag = require('./components/Tag/Tag.js');
 var TextArea_Skeleton = require('./components/TextArea/TextArea.Skeleton.js');
 var TextArea = require('./components/TextArea/TextArea.js');
@@ -197,14 +197,13 @@ var TextInput = require('./components/TextInput/TextInput.js');
 var Tile = require('./components/Tile/Tile.js');
 var RadioTile = require('./components/RadioTile/RadioTile.js');
 var TimePicker = require('./components/TimePicker/TimePicker.js');
-var UnorderedList = require('./components/UnorderedList/UnorderedList.js');
+var TimePickerSelect = require('./components/TimePickerSelect/TimePickerSelect.js');
 var SkeletonText = require('./components/SkeletonText/SkeletonText.js');
 var SkeletonPlaceholder = require('./components/SkeletonPlaceholder/SkeletonPlaceholder.js');
 var SkeletonIcon = require('./components/SkeletonIcon/SkeletonIcon.js');
 var DataTableSkeleton = require('./components/DataTableSkeleton/DataTableSkeleton.js');
 var Content = require('./components/UIShell/Content.js');
 var Header = require('./components/UIShell/Header.js');
-var HeaderContainer = require('./components/UIShell/HeaderContainer.js');
 var HeaderGlobalAction = require('./components/UIShell/HeaderGlobalAction.js');
 var HeaderGlobalBar = require('./components/UIShell/HeaderGlobalBar.js');
 var HeaderMenu = require('./components/UIShell/HeaderMenu.js');
@@ -233,6 +232,7 @@ exports.DatePicker = DatePicker["default"];
 exports.DatePickerSkeleton = DatePicker_Skeleton["default"];
 exports.Dropdown = Dropdown["default"];
 exports.DropdownSkeleton = Dropdown_Skeleton["default"];
+exports.Form = Form["default"];
 exports.FluidForm = FluidForm["default"];
 exports.FormContext = FormContext.FormContext;
 exports.FlexGrid = FlexGrid.FlexGrid;
@@ -241,18 +241,19 @@ exports.Row = Row["default"];
 exports.Column = Column["default"];
 exports.ColumnHang = ColumnHang.ColumnHang;
 exports.IdPrefix = index$6.IdPrefix;
+exports.ListItem = ListItem["default"];
+exports.OrderedList = OrderedList["default"];
 exports.OverflowMenu = index$7["default"];
 exports.Search = Search["default"];
 exports.SearchSkeleton = Search_Skeleton["default"];
 exports.Slider = index$8["default"];
-exports.Tab = index$9["default"];
-exports.TileGroup = index$a["default"];
-exports.TimePickerSelect = index$b["default"];
-exports.Toggletip = index$c.Toggletip;
-exports.ToggletipActions = index$c.ToggletipActions;
-exports.ToggletipButton = index$c.ToggletipButton;
-exports.ToggletipContent = index$c.ToggletipContent;
-exports.ToggletipLabel = index$c.ToggletipLabel;
+exports.TileGroup = index$9["default"];
+exports.Toggletip = index$a.Toggletip;
+exports.ToggletipActions = index$a.ToggletipActions;
+exports.ToggletipButton = index$a.ToggletipButton;
+exports.ToggletipContent = index$a.ToggletipContent;
+exports.ToggletipLabel = index$a.ToggletipLabel;
+exports.UnorderedList = UnorderedList["default"];
 exports.PaginationSkeleton = Pagination_Skeleton["default"];
 exports.RadioButtonSkeleton = RadioButton_Skeleton["default"];
 exports.TagSkeleton = Tag_Skeleton["default"];
@@ -262,24 +263,24 @@ exports.IconSkeleton = Icon_Skeleton["default"];
 exports.unstable_FeatureFlags = index.FeatureFlags;
 exports.unstable_useFeatureFlag = index.useFeatureFlag;
 exports.unstable_useFeatureFlags = index.useFeatureFlags;
-exports.Heading = index$d.Heading;
-exports.Section = index$d.Section;
-exports.IconButton = index$e.IconButton;
-exports.Layer = index$f.Layer;
-exports.useLayer = index$f.useLayer;
+exports.Heading = index$b.Heading;
+exports.Section = index$b.Section;
+exports.IconButton = index$c.IconButton;
+exports.Layer = index$d.Layer;
+exports.useLayer = index$d.useLayer;
 exports.unstable_OverflowMenuV2 = index$1.OverflowMenuV2;
 exports.unstable_ComboButton = index$2.ComboButton;
 exports.unstable_MenuButton = index$3.MenuButton;
-exports.Popover = index$g.Popover;
-exports.PopoverContent = index$g.PopoverContent;
-exports.HStack = index$h.HStack;
-exports.VStack = index$h.VStack;
+exports.Popover = index$e.Popover;
+exports.PopoverContent = index$e.PopoverContent;
+exports.HStack = index$f.HStack;
+exports.VStack = index$f.VStack;
 exports.DefinitionTooltip = DefinitionTooltip.DefinitionTooltip;
 exports.Tooltip = Tooltip.Tooltip;
-exports.GlobalTheme = index$i.GlobalTheme;
-exports.Theme = index$i.Theme;
-exports.ThemeContext = index$i.ThemeContext;
-exports.useTheme = index$i.useTheme;
+exports.GlobalTheme = index$g.GlobalTheme;
+exports.Theme = index$g.Theme;
+exports.ThemeContext = index$g.ThemeContext;
+exports.useTheme = index$g.useTheme;
 exports.PrefixContext = usePrefix.PrefixContext;
 exports.usePrefix = usePrefix.usePrefix;
 exports.useIdPrefix = useIdPrefix.useIdPrefix;
@@ -322,6 +323,7 @@ exports.TabsSkeleton = Tabs_Skeleton["default"];
 exports.Toggle = Toggle.Toggle;
 exports.TreeNode = TreeNode["default"];
 exports.TreeView = TreeView["default"];
+exports.HeaderContainer = HeaderContainer["default"];
 exports.HeaderMenuButton = HeaderMenuButton["default"];
 exports.HeaderName = HeaderName["default"];
 exports.HeaderNavigation = HeaderNavigation["default"];
@@ -391,10 +393,8 @@ exports.TableToolbarMenu = TableToolbarMenu["default"];
 exports.DatePickerInput = DatePickerInput["default"];
 exports.ErrorBoundaryContext = ErrorBoundaryContext.ErrorBoundaryContext;
 exports.FilterableMultiSelect = FilterableMultiSelect["default"];
-exports.Form = Form["default"];
 exports.FormGroup = FormGroup["default"];
 exports.Link = Link["default"];
-exports.ListItem = ListItem["default"];
 exports.Modal = Modal["default"];
 exports.MultiSelect = MultiSelect["default"];
 exports.ActionableNotification = Notification.ActionableNotification;
@@ -403,7 +403,6 @@ exports.NotificationActionButton = Notification.NotificationActionButton;
 exports.NotificationButton = Notification.NotificationButton;
 exports.ToastNotification = Notification.ToastNotification;
 exports.NumberInput = NumberInput.NumberInput;
-exports.OrderedList = OrderedList["default"];
 exports.OverflowMenuItem = OverflowMenuItem["default"];
 exports.Pagination = Pagination$1["default"];
 exports.PaginationNav = PaginationNav["default"];
@@ -429,12 +428,13 @@ exports.StructuredListHead = StructuredList.StructuredListHead;
 exports.StructuredListInput = StructuredList.StructuredListInput;
 exports.StructuredListRow = StructuredList.StructuredListRow;
 exports.StructuredListWrapper = StructuredList.StructuredListWrapper;
-exports.TabContent = TabContent["default"];
 exports.IconTab = Tabs.IconTab;
+exports.Tab = Tabs.Tab;
 exports.TabList = Tabs.TabList;
 exports.TabPanel = Tabs.TabPanel;
 exports.TabPanels = Tabs.TabPanels;
 exports.Tabs = Tabs.Tabs;
+exports.TabContent = TabContent["default"];
 exports.Tag = Tag["default"];
 exports.types = Tag.types;
 exports.TextAreaSkeleton = TextArea_Skeleton["default"];
@@ -449,14 +449,13 @@ exports.TileAboveTheFoldContent = Tile.TileAboveTheFoldContent;
 exports.TileBelowTheFoldContent = Tile.TileBelowTheFoldContent;
 exports.RadioTile = RadioTile["default"];
 exports.TimePicker = TimePicker["default"];
-exports.UnorderedList = UnorderedList["default"];
+exports.TimePickerSelect = TimePickerSelect["default"];
 exports.SkeletonText = SkeletonText["default"];
 exports.SkeletonPlaceholder = SkeletonPlaceholder["default"];
 exports.SkeletonIcon = SkeletonIcon["default"];
 exports.DataTableSkeleton = DataTableSkeleton["default"];
 exports.Content = Content["default"];
 exports.Header = Header["default"];
-exports.HeaderContainer = HeaderContainer["default"];
 exports.HeaderGlobalAction = HeaderGlobalAction["default"];
 exports.HeaderGlobalBar = HeaderGlobalBar["default"];
 exports.HeaderMenu = HeaderMenu["default"];

package/lib/internal/ClickListener.js

@@ -22,33 +22,27 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  * Generic component used for reacting to a click event happening outside of a
  * given `children` element.
  */
-
 class ClickListener extends React__default["default"].Component {
   static getEventTarget(evt) {
     // support Shadow DOM
     if (evt.composed && typeof evt.composedPath === 'function') {
       return evt.composedPath()[0];
     }
-
     return evt.target;
   }
-
   constructor(props) {
-    super(props); // We manually bind handlers in this Component, versus using class
+    super(props);
+    // We manually bind handlers in this Component, versus using class
     // properties, so that we can properly test the `handleRef` handler.
-
     this.handleRef = this.handleRef.bind(this);
     this.handleDocumentClick = this.handleDocumentClick.bind(this);
   }
-
   componentDidMount() {
     document.addEventListener('click', this.handleDocumentClick);
   }
-
   componentWillUnmount() {
     document.removeEventListener('click', this.handleDocumentClick);
   }
-
   handleDocumentClick(evt) {
     if (this.element) {
       if (this.element.contains && !this.element.contains(ClickListener.getEventTarget(evt))) {
@@ -56,12 +50,12 @@ class ClickListener extends React__default["default"].Component {
       }
     }
   }
-
   handleRef(el) {
     const {
       children
     } = this.props;
     this.element = el;
+
     /**
      * One important note, `children.ref` corresponds to a `ref` prop passed in
      * directly to the child, not necessarily a `ref` defined in the component.
@@ -71,20 +65,16 @@ class ClickListener extends React__default["default"].Component {
      *   <Child ref={targetedRefHere} />
      * </ClickListener>
      */
-
     if (children.ref && typeof children.ref === 'function') {
       children.ref(el);
     }
   }
-
   render() {
     return /*#__PURE__*/React__default["default"].cloneElement(this.props.children, {
       ref: this.handleRef
     });
   }
-
 }
-
 _rollupPluginBabelHelpers.defineProperty(ClickListener, "propTypes", {
   children: PropTypes__default["default"].element.isRequired,
   onClickOutside: PropTypes__default["default"].func.isRequired