@carbon/react 1.102.0-rc.0 → 1.103.0-rc.0

package/lib/components/OverflowMenu/OverflowMenu.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var iconsReact = require('@carbon/icons-react');
@@ -70,10 +68,8 @@ const getMenuOffset = (menuBody, direction, trigger, flip) => {
   if (process.env.NODE_ENV !== 'production') {
     !(triggerButtonPositionProp && triggerButtonPositionFactor) ? process.env.NODE_ENV !== "production" ? invariant(false, '[OverflowMenu] wrong floating menu direction: `%s`', direction) : invariant(false) : void 0;
   }
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars -- https://github.com/carbon-design-system/carbon/issues/20452
   const {
-    offsetWidth: menuWidth,
-    offsetHeight: menuHeight
+    offsetWidth: menuWidth
   } = menuBody;
   switch (triggerButtonPositionProp) {
     case 'top':
@@ -427,7 +423,7 @@ OverflowMenu.propTypes = {
     left: PropTypes.number.isRequired
   }), PropTypes.func]),
   /**
-   * The adjustment in position applied to the floating menu.
+   * The adjustment in position applied to the floating menu when flipped.
    */
   menuOffsetFlip: PropTypes.oneOfType([PropTypes.shape({
     top: PropTypes.number.isRequired,
@@ -477,5 +473,4 @@ OverflowMenu.propTypes = {
 };
 
 exports.OverflowMenu = OverflowMenu;
-exports.default = OverflowMenu;
 exports.getMenuOffset = getMenuOffset;

package/lib/components/OverflowMenuV2/index.js

@@ -20,7 +20,7 @@ function OverflowMenuV2(props) {
   }
   return /*#__PURE__*/React.createElement(index.FeatureFlags, {
     enableV12Overflowmenu: true
-  }, /*#__PURE__*/React.createElement(index$1.default, props));
+  }, /*#__PURE__*/React.createElement(index$1.OverflowMenu, props));
 }
 
 exports.OverflowMenuV2 = OverflowMenuV2;

package/lib/components/PageHeader/PageHeader.js

@@ -374,37 +374,19 @@ const PageHeaderTabBar = /*#__PURE__*/React.forwardRef(({
   const classNames = cx({
     [`${prefix}--page-header__tab-bar`]: true
   }, className);
-  // Early return if no tags are provided
-  if (!tags.length) {
-    return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
-      className: classNames,
-      ref: ref
-    }, other), /*#__PURE__*/React.createElement(Grid.Grid, null, /*#__PURE__*/React.createElement(Column.default, {
-      lg: 16,
-      md: 8,
-      sm: 4
-    }, children)));
-  }
-  // eslint-disable-next-line  react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20452
   const [openPopover, setOpenPopover] = React.useState(false);
   const tagSize = tags[0]?.size || 'md';
-  // eslint-disable-next-line  react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20452
   const instanceId = useId.useId('PageHeaderTabBar');
-  // eslint-disable-next-line  react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20452
   const tagsWithIds = React.useMemo(() => {
     return tags.map((tag, index) => ({
       ...tag,
       id: tag.id || `tag-${index}-${instanceId}`
     }));
-    // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20452
-  }, [tags]);
-
-  // eslint-disable-next-line  react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20452
+  }, [instanceId, tags]);
   const tagsContainerRef = React.useRef(null);
-  // eslint-disable-next-line  react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20452
   const offsetRef = React.useRef(null);
+
   // To close popover when window resizes
-  // eslint-disable-next-line  react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20452
   React.useEffect(() => {
     const handleResize = () => {
       // Close the popover when window resizes to prevent unwanted opens
@@ -421,14 +403,11 @@ const PageHeaderTabBar = /*#__PURE__*/React.forwardRef(({
     visibleItems = [],
     hiddenItems = [],
     itemRefHandler = () => {}
-    // eslint-disable-next-line  react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20452
   } = useOverflowItems.default(tagsWithIds, tagsContainerRef, offsetRef) || {
     visibleItems: [],
     hiddenItems: [],
     itemRefHandler: () => {}
   };
-
-  // eslint-disable-next-line  react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20452
   const handleOverflowClick = React.useCallback(event => {
     event.stopPropagation();
     setOpenPopover(prev => !prev);

package/lib/components/Pagination/Pagination.Skeleton.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var PropTypes = require('prop-types');
 var React = require('react');
@@ -46,4 +44,3 @@ PaginationSkeleton.propTypes = {
 };
 
 exports.PaginationSkeleton = PaginationSkeleton;
-exports.default = PaginationSkeleton;

package/lib/components/Pagination/Pagination.d.ts

@@ -69,6 +69,10 @@ export interface PaginationProps extends Omit<React.HTMLAttributes<HTMLDivElemen
      * A function returning PII showing where the current page is.
      */
     pageRangeText?: (current: number, total: number) => string;
+    /**
+     * A function returning the label for the page select.
+     */
+    pageSelectLabelText?: (total: number) => string;
     /**
      * The number dictating how many items a page contains.
      */

package/lib/components/Pagination/Pagination.js

@@ -69,6 +69,7 @@ const Pagination = /*#__PURE__*/React.forwardRef(({
   // eslint-disable-next-line @typescript-eslint/no-unused-vars -- https://github.com/carbon-design-system/carbon/issues/20452
   pageNumberText: _pageNumberText = 'Page Number',
   pageRangeText = (_current, total) => `of ${total} ${total === 1 ? 'page' : 'pages'}`,
+  pageSelectLabelText = total => `Page of ${total} ${total === 1 ? 'page' : 'pages'}`,
   page: controlledPage = 1,
   pageInputDisabled,
   pageSize: controlledPageSize,
@@ -249,7 +250,7 @@ const Pagination = /*#__PURE__*/React.forwardRef(({
   }, pageText(page)) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Select.default, {
     id: `${prefix}-pagination-select-${inputId}-right`,
     className: `${prefix}--select__page-number`,
-    labelText: `Page of ${totalPages} pages`,
+    labelText: pageSelectLabelText(totalPages),
     inline: true,
     hideLabel: true,
     onChange: handlePageInputChange,
@@ -336,6 +337,10 @@ Pagination.propTypes = {
    * A function returning PII showing where the current page is.
    */
   pageRangeText: PropTypes.func,
+  /**
+   * A function returning the label for the page select.
+   */
+  pageSelectLabelText: PropTypes.func,
   /**
    * The number dictating how many items a page contains.
    */

package/lib/components/Pagination/experimental/Pagination.js

@@ -82,7 +82,18 @@ function Pagination({
     hideLabel: true,
     noLabel: true,
     inline: true,
-    onChange: event => setCurrentPageSize(Number(event.target.value)),
+    onChange: event => {
+      const pageSize = Number(event.target.value);
+      const page = 1;
+      setCurrentPage(page);
+      setCurrentPageSize(pageSize);
+      if (onChange) {
+        onChange({
+          page,
+          pageSize
+        });
+      }
+    },
     value: currentPageSize
   }, pageSizes.map(size => /*#__PURE__*/React.createElement(SelectItem.default, {
     key: size,

package/lib/components/ProgressIndicator/ProgressIndicator.js

@@ -182,7 +182,7 @@ function ProgressStep({
     }),
     disabled: disabled,
     "aria-disabled": disabled,
-    tabIndex: !current && onClick && !disabled ? 0 : -1,
+    tabIndex: disabled ? -1 : 0,
     onClick: !current ? onClick : undefined,
     onKeyDown: handleKeyDown,
     title: label
@@ -195,10 +195,10 @@ function ProgressStep({
   }), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--progress-text`
   }, /*#__PURE__*/React.createElement(Text.Text, {
-    as: "p",
+    as: "span",
     className: `${prefix}--progress-label`
   }, label), secondaryLabel !== null && secondaryLabel !== undefined ? /*#__PURE__*/React.createElement(Text.Text, {
-    as: "p",
+    as: "span",
     className: `${prefix}--progress-optional`
   }, secondaryLabel) : null), /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--assistive-text`

package/lib/components/RadioButton/RadioButton.Skeleton.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var PropTypes = require('prop-types');
 var React = require('react');
@@ -37,4 +35,3 @@ RadioButtonSkeleton.propTypes = {
 };
 
 exports.RadioButtonSkeleton = RadioButtonSkeleton;
-exports.default = RadioButtonSkeleton;

package/lib/components/Search/index.js

@@ -16,4 +16,4 @@ var Search_Skeleton = require('./Search.Skeleton.js');
 
 exports.Search = Search.default;
 exports.default = Search.default;
-exports.SearchSkeleton = Search_Skeleton.default;
+exports.SearchSkeleton = Search_Skeleton.SearchSkeleton;

package/lib/components/Select/index.js

@@ -16,4 +16,4 @@ var Select_Skeleton = require('./Select.Skeleton.js');
 
 exports.Select = Select.default;
 exports.default = Select.default;
-exports.SelectSkeleton = Select_Skeleton.default;
+exports.SelectSkeleton = Select_Skeleton.SelectSkeleton;

package/lib/components/ShapeIndicator/index.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var PropTypes = require('prop-types');
 var React = require('react');
@@ -96,4 +94,3 @@ ShapeIndicator.propTypes = {
 
 exports.ShapeIndicator = ShapeIndicator;
 exports.ShapeIndicatorKinds = ShapeIndicatorKinds;
-exports.default = ShapeIndicator;

package/lib/components/Slider/Slider.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2025
+ * Copyright IBM Corp. 2016, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.