@carbon/react 1.66.0 → 1.67.0

package/lib/components/Menu/Menu.js

@@ -143,7 +143,6 @@ const Menu = /*#__PURE__*/React.forwardRef(function Menu(_ref, forwardRef) {
     }
   }
   function focusItem(e) {
-    e?.preventDefault();
     const currentItem = focusableItems.findIndex(item => item.ref?.current?.contains(document.activeElement));
     let indexToFocus = currentItem;
 
@@ -168,6 +167,7 @@ const Menu = /*#__PURE__*/React.forwardRef(function Menu(_ref, forwardRef) {
     if (indexToFocus !== currentItem) {
       const nodeToFocus = focusableItems[indexToFocus];
       nodeToFocus.ref?.current?.focus();
+      e?.preventDefault();
     }
   }
   function handleBlur(e) {

package/lib/components/MultiSelect/FilterableMultiSelect.js

@@ -31,7 +31,7 @@ require('../FluidForm/FluidForm.js');
 var FormContext = require('../FluidForm/FormContext.js');
 var Selection = require('../../internal/Selection.js');
 var react = require('@floating-ui/react');
-var floatingUi_core = require('../../node_modules/@floating-ui/core/dist/floating-ui.core.mjs.js');
+var floatingUi_dom = require('../../node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs.js');
 var match = require('../../internal/keyboard/match.js');
 var ListBoxPropTypes = require('../ListBox/ListBoxPropTypes.js');
 var keys = require('../../internal/keyboard/keys.js');
@@ -157,7 +157,7 @@ const FilterableMultiSelect = /*#__PURE__*/React__default["default"].forwardRef(
           width: `${rects.reference.width}px`
         });
       }
-    }), floatingUi_core.hide()],
+    }), floatingUi_dom.hide()],
     whileElementsMounted: react.autoUpdate
   } : {});
   React.useLayoutEffect(() => {
@@ -247,10 +247,10 @@ const FilterableMultiSelect = /*#__PURE__*/React__default["default"].forwardRef(
     const nextIsOpen = forceIsOpen ?? !isOpen;
     setIsOpen(nextIsOpen);
     validateHighlightFocus();
-    if (onMenuChange) {
-      onMenuChange(nextIsOpen);
-    }
   }
+  React.useEffect(() => {
+    onMenuChange?.(isOpen);
+  }, [isOpen, onMenuChange]);
   const {
     getToggleButtonProps,
     getLabelProps,

package/lib/components/MultiSelect/MultiSelect.js

@@ -30,7 +30,7 @@ var Checkbox = require('../Checkbox/Checkbox.js');
 require('../Checkbox/Checkbox.Skeleton.js');
 var noopFn = require('../../internal/noopFn.js');
 var react = require('@floating-ui/react');
-var floatingUi_core = require('../../node_modules/@floating-ui/core/dist/floating-ui.core.mjs.js');
+var floatingUi_dom = require('../../node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs.js');
 var match = require('../../internal/keyboard/match.js');
 var ListBoxPropTypes = require('../ListBox/ListBoxPropTypes.js');
 var keys = require('../../internal/keyboard/keys.js');
@@ -160,7 +160,7 @@ const MultiSelect = /*#__PURE__*/React__default["default"].forwardRef((_ref, ref
           width: `${rects.reference.width}px`
         });
       }
-    }), floatingUi_core.hide()],
+    }), floatingUi_dom.hide()],
     whileElementsMounted: react.autoUpdate
   } : {});
   React.useLayoutEffect(() => {

package/lib/components/Notification/Notification.js

@@ -45,13 +45,15 @@ function useEscapeToClose(ref, callback) {
   let override = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
   const handleKeyDown = event => {
     // The callback should only be called when focus is on or within the container
-    const elementContainsFocus = ref.current && document.activeElement === ref.current || ref.current.contains(document.activeElement);
+    const elementContainsFocus = ref.current && document.activeElement === ref.current || ref.current?.contains(document.activeElement);
     if (match.matches(event, [keys.Escape]) && override && elementContainsFocus) {
       callback(event);
     }
   };
   useIsomorphicEffect["default"](() => {
-    document.addEventListener('keydown', handleKeyDown, false);
+    if (ref.current !== null) {
+      document.addEventListener('keydown', handleKeyDown, false);
+    }
     return () => document.removeEventListener('keydown', handleKeyDown, false);
   });
 }

package/lib/components/OverflowMenuV2/index.js

@@ -25,9 +25,7 @@ function OverflowMenuV2(props) {
     didWarnAboutDeprecation = true;
   }
   return /*#__PURE__*/React__default["default"].createElement(index.FeatureFlags, {
-    flags: {
-      'enable-v12-overflowmenu': true
-    }
+    enableV12Overflowmenu: true
   }, /*#__PURE__*/React__default["default"].createElement(index$1["default"], props));
 }
 

package/lib/components/Pagination/Pagination.js

@@ -110,7 +110,7 @@ const Pagination = /*#__PURE__*/React__default["default"].forwardRef(function Pa
     [`${prefix}--pagination__button--backward`]: true,
     [`${prefix}--pagination__button--no-index`]: backButtonDisabled
   });
-  const forwardButtonDisabled = disabled || page === totalPages;
+  const forwardButtonDisabled = disabled || page === totalPages && !pagesUnknown;
   const forwardButtonClasses = cx__default["default"]({
     [`${prefix}--pagination__button`]: true,
     [`${prefix}--pagination__button--forward`]: true,

package/lib/components/Popover/index.js

@@ -20,7 +20,7 @@ var usePrefix = require('../../internal/usePrefix.js');
 var useEvent = require('../../internal/useEvent.js');
 var createPropAdapter = require('../../tools/createPropAdapter.js');
 var react = require('@floating-ui/react');
-var floatingUi_core = require('../../node_modules/@floating-ui/core/dist/floating-ui.core.mjs.js');
+var floatingUi_dom = require('../../node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -139,7 +139,7 @@ const Popover = /*#__PURE__*/React__default["default"].forwardRef(function Popov
       fallbackAxisSideDirection: 'start'
     }), react.arrow({
       element: caretRef
-    }), floatingUi_core.hide()],
+    }), floatingUi_dom.hide()],
     whileElementsMounted: react.autoUpdate
   } : {} // When autoAlign is turned off, floating-ui will not be used
   );

package/lib/components/Tabs/Tabs.js

@@ -821,7 +821,7 @@ const Tab = /*#__PURE__*/React.forwardRef(function Tab(_ref8, forwardRef) {
       // determine number of tabs, excluding disabled
       const tabCount = Array.from(tabRef.current.parentElement.childNodes).filter(node => {
         const element = node;
-        return element.classList.contains('cds--tabs__nav-link') && !element.classList.contains('cds--tabs__nav-item--disabled');
+        return element.classList.contains(`${prefix}--tabs__nav-link`) && !element.classList.contains(`${prefix}--tabs__nav-item--disabled`);
       }).length;
 
       // if not removing last tab focus on next tab

package/lib/components/UIShell/HeaderPanel.js

@@ -50,7 +50,7 @@ const HeaderPanel = /*#__PURE__*/React__default["default"].forwardRef(function H
   const eventHandlers = {};
   if (addFocusListeners) {
     eventHandlers.onBlur = event => {
-      if (!event.currentTarget.contains(event.relatedTarget) && !lastClickedElement?.classList?.contains('cds--switcher__item-link')) {
+      if (!event.currentTarget.contains(event.relatedTarget) && !lastClickedElement?.classList?.contains(`${prefix}--switcher__item-link`)) {
         setExpandedState(false);
         setLastClickedElement(null);
         if (expanded) {

package/lib/index.js

@@ -163,8 +163,18 @@ var SideNavMenuItem = require('./components/UIShell/SideNavMenuItem.js');
 var SideNavSwitcher = require('./components/UIShell/SideNavSwitcher.js');
 var UnorderedList = require('./components/UnorderedList/UnorderedList.js');
 var index = require('./components/FeatureFlags/index.js');
+var FluidSelect = require('./components/FluidSelect/FluidSelect.js');
+var FluidSelect_Skeleton = require('./components/FluidSelect/FluidSelect.Skeleton.js');
+var FluidSearch = require('./components/FluidSearch/FluidSearch.js');
+var FluidSearch_Skeleton = require('./components/FluidSearch/FluidSearch.Skeleton.js');
 var FluidTextArea = require('./components/FluidTextArea/FluidTextArea.js');
 var FluidTextArea_Skeleton = require('./components/FluidTextArea/FluidTextArea.Skeleton.js');
+var FluidTextInput = require('./components/FluidTextInput/FluidTextInput.js');
+require('./components/FluidTextInput/FluidPasswordInput.js');
+var FluidTextInput_Skeleton = require('./components/FluidTextInput/FluidTextInput.Skeleton.js');
+var FluidTimePicker = require('./components/FluidTimePicker/FluidTimePicker.js');
+var FluidTimePicker_Skeleton = require('./components/FluidTimePicker/FluidTimePicker.Skeleton.js');
+var FluidTimePickerSelect = require('./components/FluidTimePickerSelect/FluidTimePickerSelect.js');
 var index$c = require('./components/Heading/index.js');
 var index$d = require('./components/IconButton/index.js');
 var index$e = require('./components/Layer/index.js');
@@ -185,9 +195,6 @@ var index$g = require('./components/Theme/index.js');
 var usePrefix = require('./internal/usePrefix.js');
 var useIdPrefix = require('./internal/useIdPrefix.js');
 var FluidDatePicker_Skeleton = require('./components/FluidDatePicker/FluidDatePicker.Skeleton.js');
-var FluidSearch_Skeleton = require('./components/FluidSearch/FluidSearch.Skeleton.js');
-var FluidTextInput = require('./components/FluidTextInput/FluidTextInput.js');
-var FluidTextInput_Skeleton = require('./components/FluidTextInput/FluidTextInput.Skeleton.js');
 var PageSelector = require('./components/Pagination/experimental/PageSelector.js');
 var Pagination = require('./components/Pagination/experimental/Pagination.js');
 var ContainedListItem = require('./components/ContainedList/ContainedListItem/ContainedListItem.js');
@@ -204,12 +211,6 @@ var FluidDropdown = require('./components/FluidDropdown/FluidDropdown.js');
 var FluidDropdown_Skeleton = require('./components/FluidDropdown/FluidDropdown.Skeleton.js');
 var FluidMultiSelect = require('./components/FluidMultiSelect/FluidMultiSelect.js');
 var FluidMultiSelect_Skeleton = require('./components/FluidMultiSelect/FluidMultiSelect.Skeleton.js');
-var FluidSelect = require('./components/FluidSelect/FluidSelect.js');
-var FluidSelect_Skeleton = require('./components/FluidSelect/FluidSelect.Skeleton.js');
-var FluidSearch = require('./components/FluidSearch/FluidSearch.js');
-var FluidTimePicker = require('./components/FluidTimePicker/FluidTimePicker.js');
-var FluidTimePicker_Skeleton = require('./components/FluidTimePicker/FluidTimePicker.Skeleton.js');
-var FluidTimePickerSelect = require('./components/FluidTimePickerSelect/FluidTimePickerSelect.js');
 var LayoutDirection = require('./components/LayoutDirection/LayoutDirection.js');
 var useLayoutDirection = require('./components/LayoutDirection/useLayoutDirection.js');
 var Text = require('./components/Text/Text.js');
@@ -429,8 +430,17 @@ exports.UnorderedList = UnorderedList["default"];
 exports.unstable_FeatureFlags = index.FeatureFlags;
 exports.unstable_useFeatureFlag = index.useFeatureFlag;
 exports.unstable_useFeatureFlags = index.useFeatureFlags;
+exports.unstable__FluidSelect = FluidSelect["default"];
+exports.unstable__FluidSelectSkeleton = FluidSelect_Skeleton["default"];
+exports.unstable__FluidSearch = FluidSearch["default"];
+exports.unstable__FluidSearchSkeleton = FluidSearch_Skeleton["default"];
 exports.unstable__FluidTextArea = FluidTextArea["default"];
 exports.unstable__FluidTextAreaSkeleton = FluidTextArea_Skeleton["default"];
+exports.unstable__FluidTextInput = FluidTextInput["default"];
+exports.unstable__FluidTextInputSkeleton = FluidTextInput_Skeleton["default"];
+exports.unstable__FluidTimePicker = FluidTimePicker["default"];
+exports.unstable__FluidTimePickerSkeleton = FluidTimePicker_Skeleton["default"];
+exports.unstable__FluidTimePickerSelect = FluidTimePickerSelect["default"];
 exports.Heading = index$c.Heading;
 exports.Section = index$c.Section;
 exports.IconButton = index$d.IconButton;
@@ -467,9 +477,6 @@ exports.PrefixContext = usePrefix.PrefixContext;
 exports.usePrefix = usePrefix.usePrefix;
 exports.useIdPrefix = useIdPrefix.useIdPrefix;
 exports.unstable__FluidDatePickerSkeleton = FluidDatePicker_Skeleton["default"];
-exports.unstable__FluidSearchSkeleton = FluidSearch_Skeleton["default"];
-exports.unstable__FluidTextInput = FluidTextInput["default"];
-exports.unstable__FluidTextInputSkeleton = FluidTextInput_Skeleton["default"];
 exports.unstable_PageSelector = PageSelector["default"];
 exports.unstable_Pagination = Pagination["default"];
 exports.ContainedListItem = ContainedListItem["default"];
@@ -486,12 +493,6 @@ exports.unstable__FluidDropdown = FluidDropdown["default"];
 exports.unstable__FluidDropdownSkeleton = FluidDropdown_Skeleton["default"];
 exports.unstable__FluidMultiSelect = FluidMultiSelect["default"];
 exports.unstable__FluidMultiSelectSkeleton = FluidMultiSelect_Skeleton["default"];
-exports.unstable__FluidSelect = FluidSelect["default"];
-exports.unstable__FluidSelectSkeleton = FluidSelect_Skeleton["default"];
-exports.unstable__FluidSearch = FluidSearch["default"];
-exports.unstable__FluidTimePicker = FluidTimePicker["default"];
-exports.unstable__FluidTimePickerSkeleton = FluidTimePicker_Skeleton["default"];
-exports.unstable__FluidTimePickerSelect = FluidTimePickerSelect["default"];
 exports.unstable_LayoutDirection = LayoutDirection.LayoutDirection;
 exports.unstable_useLayoutDirection = useLayoutDirection.useLayoutDirection;
 exports.unstable_Text = Text.Text;