@carbon/react 1.111.1 → 1.112.0

package/es/components/OverflowMenu/OverflowMenu.js

@@ -18,7 +18,7 @@ import { mergeRefs } from "../../tools/mergeRefs.js";
 import { DIRECTION_BOTTOM, FloatingMenu } from "../../internal/FloatingMenu.js";
 import { useOutsideClick } from "../../internal/useOutsideClick.js";
 import classNames from "classnames";
-import React, { Children, cloneElement, forwardRef, isValidElement, useCallback, useContext, useEffect, useRef, useState } from "react";
+import React, { Children, cloneElement, forwardRef, isValidElement, useCallback, useContext, useEffect, useReducer, useRef, useState } from "react";
 import PropTypes from "prop-types";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { OverflowMenuVertical } from "@carbon/icons-react";
@@ -81,7 +81,7 @@ const getMenuOffset = (menuBody, direction, trigger, flip) => {
 		};
 	}
 };
-const OverflowMenu = forwardRef(({ align, ["aria-label"]: ariaLabel = null, ariaLabel: deprecatedAriaLabel, children, className, direction = DIRECTION_BOTTOM, flipped = false, focusTrap = false, iconClass, iconDescription = "Options", id, light, menuOffset = getMenuOffset, menuOffsetFlip = getMenuOffset, menuOptionsClass, onClick = noopFn, onClose = noopFn, onOpen = noopFn, open: openProp, renderIcon: IconElement = OverflowMenuVertical, selectorPrimaryFocus = "[data-floating-menu-primary-focus]", size = "md", innerRef, ...other }, ref) => {
+const OverflowMenu = forwardRef(({ align, ["aria-label"]: ariaLabel = null, ariaLabel: deprecatedAriaLabel, children, className, direction = DIRECTION_BOTTOM, flipped = false, focusTrap = false, iconClass, iconDescription = "Options", id, light, menuOffset = getMenuOffset, menuOffsetFlip = getMenuOffset, menuOptionsClass, onClick = noopFn, onClose = noopFn, onOpen = noopFn, open: openProp, renderIcon: IconElement = OverflowMenuVertical, selectorPrimaryFocus = "[data-floating-menu-primary-focus]", size, innerRef, ...other }, ref) => {
 	const prefix = useContext(PrefixContext);
 	const [open, setOpen] = useState(openProp ?? false);
 	const [click, setClick] = useState(false);
@@ -96,6 +96,8 @@ const OverflowMenu = forwardRef(({ align, ["aria-label"]: ariaLabel = null, aria
 	/** The element ref of the tooltip's trigger button. */
 	const triggerRef = useRef(null);
 	const wrapperRef = useRef(null);
+	const [, forceUpdate] = useReducer((x) => x + 1, 0);
+	const resizeObserverRef = useRef(null);
 	useEffect(() => {
 		if (prevOpenProp.current !== openProp) {
 			setOpen(!!openProp);
@@ -105,6 +107,26 @@ const OverflowMenu = forwardRef(({ align, ["aria-label"]: ariaLabel = null, aria
 	useEffect(() => {
 		if (triggerRef.current) setHasMountedTrigger(true);
 	}, []);
+	/**
+	* When `size` is brought in from a contextual layout token, FloatingMenu can't detect size changes
+	* while the menu is open since there is no state/prop update. This ResizeObserver watches
+	* the trigger button when the menu is open and calls `forceUpdate()` on resize to force a re-render if its
+	* size changes while the menu is open
+	*/
+	useEffect(() => {
+		resizeObserverRef.current = new ResizeObserver(() => {
+			forceUpdate();
+		});
+		return () => {
+			resizeObserverRef.current?.disconnect();
+			resizeObserverRef.current = null;
+		};
+	}, []);
+	useEffect(() => {
+		if (!triggerRef.current || !resizeObserverRef.current) return;
+		if (open) resizeObserverRef.current.observe(triggerRef.current);
+		else resizeObserverRef.current.disconnect();
+	}, [open]);
 	useEffect(() => {
 		if (open && !prevOpenState.current) onOpen();
 		else if (!open && prevOpenState.current) onClose();
@@ -205,22 +227,25 @@ const OverflowMenu = forwardRef(({ align, ["aria-label"]: ariaLabel = null, aria
 	};
 	const getTarget = () => {
 		const triggerEl = triggerRef.current;
-		if (triggerEl instanceof Element) return triggerEl.closest("[data-floating-menu-container]") || document.body;
+		if (triggerEl instanceof Element) return triggerEl.closest("[data-floating-menu-container]") || triggerEl.closest(`.${prefix}--layout`) || document.body;
 		return document.body;
 	};
 	const menuBodyId = `overflow-menu-${instanceId.current}__menu-body`;
 	const overflowMenuClasses = classNames(className, `${prefix}--overflow-menu`, {
 		[`${prefix}--overflow-menu--open`]: open,
 		[`${prefix}--overflow-menu--light`]: light,
-		[`${prefix}--overflow-menu--${size}`]: size
+		[`${prefix}--overflow-menu--${size}`]: size,
+		[`${prefix}--layout--size-${size}`]: size
 	});
 	const overflowMenuOptionsClasses = classNames(menuOptionsClass, `${prefix}--overflow-menu-options`, {
 		[`${prefix}--overflow-menu--flip`]: flipped,
 		[`${prefix}--overflow-menu-options--open`]: open,
 		[`${prefix}--overflow-menu-options--light`]: light,
-		[`${prefix}--overflow-menu-options--${size}`]: size
+		[`${prefix}--overflow-menu-options--${size}`]: size,
+		[`${prefix}--layout--size-${size}`]: size
 	});
 	const overflowMenuIconClasses = classNames(`${prefix}--overflow-menu__icon`, iconClass);
+	const overflowMenuWrapperClasses = classNames(`${prefix}--overflow-menu__wrapper`);
 	const childrenWithProps = Children.toArray(children).map((child, index) => {
 		if (isValidElement(child)) {
 			const childElement = child;
@@ -257,7 +282,7 @@ const OverflowMenu = forwardRef(({ align, ["aria-label"]: ariaLabel = null, aria
 	});
 	const combinedRef = innerRef ? mergeRefs(triggerRef, innerRef, ref) : mergeRefs(triggerRef, ref);
 	return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("span", {
-		className: `${prefix}--overflow-menu__wrapper`,
+		className: overflowMenuWrapperClasses,
 		"aria-owns": open ? menuBodyId : void 0,
 		ref: wrapperRef,
 		children: [/* @__PURE__ */ jsx(IconButton, {

package/es/components/OverflowMenu/next/index.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2020, 2025
+ * Copyright IBM Corp. 2020, 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.

package/es/components/OverflowMenu/next/index.js

@@ -22,7 +22,7 @@ import { OverflowMenuVertical } from "@carbon/icons-react";
 import { autoUpdate, flip, useFloating } from "@floating-ui/react";
 //#region src/components/OverflowMenu/next/index.tsx
 /**
-* Copyright IBM Corp. 2020, 2025
+* Copyright IBM Corp. 2020, 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.
@@ -67,7 +67,7 @@ const OverflowMenu = React.forwardRef(({ autoAlign = false, children, className,
 	}
 	const containerClasses = classNames(className, `${prefix}--overflow-menu__container`, { [`${prefix}--autoalign`]: enableFloatingStyles });
 	const menuClasses = classNames(`${prefix}--overflow-menu__${menuAlignment}`);
-	const triggerClasses = classNames(`${prefix}--overflow-menu`, { [`${prefix}--overflow-menu--open`]: open }, size !== defaultSize && `${prefix}--overflow-menu--${size}`);
+	const triggerClasses = classNames(`${prefix}--overflow-menu`, { [`${prefix}--overflow-menu--open`]: open }, size !== defaultSize && `${prefix}--overflow-menu--${size}`, size !== defaultSize && `${prefix}--layout--size-${size}`);
 	const floatingRef = mergeRefs(triggerRef, refs.setReference);
 	return /* @__PURE__ */ jsxs("div", {
 		...rest,

package/es/components/ShapeIndicator/index.d.ts

@@ -5,13 +5,26 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React from 'react';
+import { PopoverAlignment } from '../Popover';
 export declare const ShapeIndicatorKinds: string[];
 export type ShapeIndicatorKind = (typeof ShapeIndicatorKinds)[number];
 export interface ShapeIndicatorProps {
+    /**
+     * Specify how the tooltip should align with the shape in compact mode
+     */
+    align?: PopoverAlignment;
+    /**
+     * Will auto-align the tooltip in compact mode.
+     */
+    autoAlign?: boolean;
     /**
      * Specify an optional className to add.
      */
     className?: string;
+    /**
+     * When true, displays only the shape with the label in a tooltip
+     */
+    compact?: boolean;
     /**
      * Specify the kind of shape to be used
      */
@@ -20,6 +33,11 @@ export interface ShapeIndicatorProps {
      * Label next to the shape
      */
     label: string;
+    /**
+     * Description for the shape announced to screen readers in compact mode.
+     * Defaults to `label` when not provided.
+     */
+    shapeDescription?: string;
     /**
      * Specify the text size of the Shape Indicator. Defaults to 12.
      */

package/es/components/ShapeIndicator/index.js

@@ -6,10 +6,11 @@
  */
 
 import { usePrefix } from "../../internal/usePrefix.js";
+import { DefinitionTooltip } from "../Tooltip/DefinitionTooltip.js";
 import classNames from "classnames";
 import React from "react";
 import PropTypes from "prop-types";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Caution, CircleFill, CircleStroke, Critical, CriticalSeverity, DiamondFill, LowSeverity } from "@carbon/icons-react";
 //#region src/components/ShapeIndicator/index.tsx
 /**
@@ -61,26 +62,62 @@ const shapeTypes = {
 	incomplete: incompleteIcon,
 	draft: CircleStroke
 };
-const ShapeIndicator = React.forwardRef(({ className: customClassName, kind, label, textSize = 12 }, ref) => {
+const ShapeIndicator = React.forwardRef(({ align = "right", autoAlign = false, className: customClassName, compact = false, kind, label, shapeDescription, textSize = 12 }, ref) => {
 	const prefix = usePrefix();
 	const classNames$1 = classNames(`${prefix}--shape-indicator`, customClassName, { [`${prefix}--shape-indicator--14`]: textSize == 14 });
 	const ShapeForKind = shapeTypes[kind];
 	if (!ShapeForKind) return null;
-	return /* @__PURE__ */ jsxs("div", {
+	const shapeElement = /* @__PURE__ */ jsx(ShapeForKind, {
+		size: 16,
+		className: `${prefix}--shape-indicator--${kind}`
+	});
+	return /* @__PURE__ */ jsx("div", {
 		className: classNames$1,
 		ref,
-		children: [/* @__PURE__ */ jsx(ShapeForKind, {
-			size: 16,
-			className: `${prefix}--shape-indicator--${kind}`
-		}), label]
+		children: compact ? /* @__PURE__ */ jsxs(DefinitionTooltip, {
+			align,
+			autoAlign,
+			openOnHover: true,
+			definition: label,
+			triggerClassName: `${prefix}--shape-indicator__button`,
+			children: [shapeElement, /* @__PURE__ */ jsx("span", {
+				className: `${prefix}--visually-hidden`,
+				children: shapeDescription ?? label
+			})]
+		}) : /* @__PURE__ */ jsxs(Fragment, { children: [shapeElement, label] })
 	});
 });
 ShapeIndicator.propTypes = {
+	/**
+	* Specify how the tooltip should align with the shape in compact mode
+	*/
+	align: PropTypes.oneOf([
+		"top",
+		"top-start",
+		"top-end",
+		"bottom",
+		"bottom-start",
+		"bottom-end",
+		"left",
+		"left-start",
+		"left-end",
+		"right",
+		"right-start",
+		"right-end"
+	]),
+	/**
+	* Will auto-align the tooltip in compact mode
+	*/
+	autoAlign: PropTypes.bool,
 	/**
 	* Specify an optional className to add.
 	*/
 	className: PropTypes.string,
 	/**
+	* When true, displays only the shape with the label in a tooltip
+	*/
+	compact: PropTypes.bool,
+	/**
 	* Specify the kind of the Shape Indicator
 	*/
 	kind: PropTypes.oneOf(ShapeIndicatorKinds).isRequired,
@@ -89,6 +126,11 @@ ShapeIndicator.propTypes = {
 	*/
 	label: PropTypes.string.isRequired,
 	/**
+	* Description for the shape announced to screen readers in compact mode.
+	* Defaults to `label` when not provided.
+	*/
+	shapeDescription: PropTypes.string,
+	/**
 	* Specify the text size of the Shape Indicator. Defaults to 12.
 	*/
 	textSize: PropTypes.oneOf([12, 14])

package/es/components/Tabs/Tabs.js

@@ -930,7 +930,7 @@ function TabPanels({ children }) {
 		const isVertical = tabContainer?.classList.contains(`${prefix}--tabs--vertical`);
 		const parentHasHeight = tabContainer?.parentElement?.style.height;
 		if (isVertical && !parentHasHeight) {
-			hiddenStates.current = refs.current.map((ref) => ref?.hidden || false);
+			hiddenStates.current = refs.current.map((ref) => ref?.hasAttribute("hidden") || false);
 			refs.current.forEach((ref) => {
 				if (ref) ref.hidden = false;
 			});

package/es/components/Tooltip/DefinitionTooltip.js

@@ -6,7 +6,7 @@
  */
 
 import { usePrefix } from "../../internal/usePrefix.js";
-import { Escape } from "../../internal/keyboard/keys.js";
+import { Enter, Escape, Space } from "../../internal/keyboard/keys.js";
 import { match } from "../../internal/keyboard/match.js";
 import { useFallbackId } from "../../internal/useId.js";
 import { deprecate } from "../../prop-types/deprecate.js";
@@ -27,7 +27,10 @@ const DefinitionTooltip = ({ align = "bottom", autoAlign, className, children, d
 	const prefix = usePrefix();
 	const tooltipId = useFallbackId(id);
 	function onKeyDown(event) {
-		if (isOpen && match(event, Escape)) {
+		if (match(event, Enter) || match(event, Space)) {
+			event.preventDefault();
+			setOpen(!isOpen);
+		} else if (isOpen && match(event, Escape)) {
 			event.stopPropagation();
 			setOpen(false);
 		}

package/es/feature-flags.js

@@ -17,6 +17,7 @@ merge({
 	"enable-css-custom-properties": true,
 	"enable-css-grid": true,
 	"enable-v11-release": true,
+	"enable-v12-release": false,
 	"enable-experimental-tile-contrast": false,
 	"enable-tile-contrast": false,
 	"enable-v12-tile-radio-icons": false,

package/es/internal/index.d.ts

@@ -1,8 +1,9 @@
 /**
- * Copyright IBM Corp. 2025
+ * Copyright IBM Corp. 2025, 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.
  */
 export * from './defaultItemToString';
+export * from './isItemDisabled';
 export * from './utils';

package/es/internal/isItemDisabled.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Copyright IBM Corp. 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.
+ */
+export declare const isItemDisabled: (item: unknown) => boolean;

package/es/internal/isItemDisabled.js

@@ -0,0 +1,17 @@
+/**
+ * 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.
+ */
+
+//#region src/internal/isItemDisabled.ts
+/**
+* Copyright IBM Corp. 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.
+*/
+const isItemDisabled = (item) => item !== null && typeof item === "object" && "disabled" in item && item.disabled === true;
+//#endregion
+export { isItemDisabled };

package/lib/components/ComboBox/ComboBox.js

@@ -13,6 +13,7 @@ const require_match = require("../../internal/keyboard/match.js");
 const require_useId = require("../../internal/useId.js");
 const require_deprecate = require("../../prop-types/deprecate.js");
 const require_defaultItemToString = require("../../internal/defaultItemToString.js");
+const require_isItemDisabled = require("../../internal/isItemDisabled.js");
 const require_utils = require("../../internal/utils.js");
 const require_index = require("../FeatureFlags/index.js");
 const require_useNormalizedInputProps = require("../../internal/useNormalizedInputProps.js");
@@ -44,7 +45,6 @@ react_fast_compare = require_runtime.__toESM(react_fast_compare);
 */
 const { InputBlur, InputKeyDownEnter, FunctionToggleMenu, ToggleButtonClick, ItemMouseMove, InputKeyDownArrowUp, InputKeyDownArrowDown, MenuMouseLeave, ItemClick, FunctionSelectItem } = downshift.useCombobox.stateChangeTypes;
 const defaultShouldFilterItem = () => true;
-const isDisabledItem = (item) => item !== null && typeof item === "object" && "disabled" in item && Boolean(item.disabled);
 const autocompleteCustomFilter = ({ item, inputValue }) => {
 	if (inputValue === null || inputValue === "") return true;
 	const lowercaseItem = item.toLowerCase();
@@ -61,7 +61,7 @@ const findHighlightedIndex = ({ items, itemToString = require_defaultItemToStrin
 	const searchValue = inputValue.toLowerCase();
 	for (let i = 0; i < items.length; i++) {
 		const item = itemToString(items[i]).toLowerCase();
-		if (!isDisabledItem(items[i]) && item.indexOf(searchValue) !== -1) return i;
+		if (!require_isItemDisabled.isItemDisabled(items[i]) && item.indexOf(searchValue) !== -1) return i;
 	}
 	return -1;
 };
@@ -104,7 +104,7 @@ const ComboBox = (0, react.forwardRef)((props, ref) => {
 	(0, react.useEffect)(() => {
 		if (typeahead) {
 			if (inputValue.length >= prevInputLengthRef.current) if (inputValue) {
-				const filteredItems = items.filter((item) => !isDisabledItem(item) && autocompleteCustomFilter({
+				const filteredItems = items.filter((item) => !require_isItemDisabled.isItemDisabled(item) && autocompleteCustomFilter({
 					item: itemToString(item),
 					inputValue
 				}));
@@ -226,7 +226,7 @@ const ComboBox = (0, react.forwardRef)((props, ref) => {
 			case InputKeyDownEnter:
 				if (!allowCustomValue) if (state.highlightedIndex !== -1) {
 					const highlightedItem = filterItems(items, itemToString, inputValue)[state.highlightedIndex];
-					if (highlightedItem && !isDisabledItem(highlightedItem)) return {
+					if (highlightedItem && !require_isItemDisabled.isItemDisabled(highlightedItem)) return {
 						...changes,
 						selectedItem: highlightedItem,
 						inputValue: itemToString(highlightedItem)
@@ -235,7 +235,7 @@ const ComboBox = (0, react.forwardRef)((props, ref) => {
 					const autoIndex = indexToHighlight(inputValue);
 					if (autoIndex !== -1) {
 						const matchingItem = items[autoIndex];
-						if (matchingItem && !isDisabledItem(matchingItem)) return {
+						if (matchingItem && !require_isItemDisabled.isItemDisabled(matchingItem)) return {
 							...changes,
 							selectedItem: matchingItem,
 							inputValue: itemToString(matchingItem)
@@ -357,7 +357,7 @@ const ComboBox = (0, react.forwardRef)((props, ref) => {
 		initialSelectedItem,
 		inputId: id,
 		stateReducer,
-		isItemDisabled: isDisabledItem,
+		isItemDisabled: require_isItemDisabled.isItemDisabled,
 		...downshiftProps,
 		onStateChange: ({ type, selectedItem: newSelectedItem }) => {
 			if (isManualClearingRef.current || isSyncingControlledSelectionRef.current) {
@@ -544,7 +544,7 @@ const ComboBox = (0, react.forwardRef)((props, ref) => {
 										}
 										if (typeahead && event.key === "Tab") {
 											if (!isOpen) return;
-											const matchingItem = items.find((item) => !isDisabledItem(item) && itemToString(item).toLowerCase().startsWith(inputValue.toLowerCase()));
+											const matchingItem = items.find((item) => !require_isItemDisabled.isItemDisabled(item) && itemToString(item).toLowerCase().startsWith(inputValue.toLowerCase()));
 											if (matchingItem) {
 												downshiftSetInputValue(itemToString(matchingItem));
 												selectItem(matchingItem);

package/lib/components/DatePicker/DatePicker.js

@@ -286,10 +286,9 @@ const DatePicker = (0, react.forwardRef)((props, ref) => {
 					classFlatpickrCurrentMonth: "cur-month",
 					locale
 				}),
-				require_fixEventsPlugin.default({
+				require_fixEventsPlugin.fixEventsPlugin({
 					inputFrom: startInputField.current,
 					inputTo: endInputField.current,
-					lastStartValue,
 					container: wrapperRef.current
 				})
 			],

package/lib/components/DatePicker/plugins/fixEventsPlugin.d.ts

@@ -8,11 +8,8 @@ import type { Plugin } from 'flatpickr/dist/types/options';
 interface FixEventsPluginConfig {
     inputFrom: HTMLInputElement;
     inputTo?: HTMLInputElement | null;
-    lastStartValue: {
-        current: string;
-    };
     container?: HTMLElement | null;
 }
 type FixEventsPlugin = (config: FixEventsPluginConfig) => Plugin;
-declare const fixEventsPlugin: FixEventsPlugin;
-export default fixEventsPlugin;
+export declare const fixEventsPlugin: FixEventsPlugin;
+export {};

package/lib/components/DatePicker/plugins/fixEventsPlugin.js

@@ -9,14 +9,13 @@ const require_keys = require("../../../internal/keyboard/keys.js");
 const require_match = require("../../../internal/keyboard/match.js");
 //#region src/components/DatePicker/plugins/fixEventsPlugin.ts
 const fixEventsPlugin = (config) => (fp) => {
-	const { inputFrom, inputTo, lastStartValue, container } = config;
+	const { inputFrom, inputTo, container } = config;
 	let mouseDownInside = false;
-	const getEventPath = (event) => typeof event.composedPath === "function" ? event.composedPath() : [];
 	const isEventInside = (event) => {
-		const path = getEventPath(event);
+		const path = event.composedPath();
 		const { target } = event;
 		if (!(target instanceof Node)) return false;
-		return Boolean(container && (path.includes(container) || container.contains(target)) || fp.calendarContainer && (path.includes(fp.calendarContainer) || fp.calendarContainer.contains(target)) || inputFrom && (path.includes(inputFrom) || inputFrom.contains(target)) || inputTo && (path.includes(inputTo) || inputTo.contains(target)));
+		return Boolean(container && (path.includes(container) || container.contains(target)) || path.includes(fp.calendarContainer) || fp.calendarContainer.contains(target) || inputFrom && (path.includes(inputFrom) || inputFrom.contains(target)) || inputTo && (path.includes(inputTo) || inputTo.contains(target)));
 	};
 	/**
 	* Handles `click` outside to close calendar
@@ -62,6 +61,7 @@ const fixEventsPlugin = (config) => (fp) => {
 		}
 	};
 	const parseDateWithFormat = (dateStr) => fp.parseDate(dateStr, fp.config.dateFormat);
+	const isValidDate = (date) => date?.toString() !== "Invalid Date";
 	/**
 	* Handles `blur` event.
 	*
@@ -78,16 +78,9 @@ const fixEventsPlugin = (config) => (fp) => {
 			const currentValueToDate = withoutTime(parseDateWithFormat(inputTo.value));
 			if (selectedToDate && currentValueToDate && selectedToDate !== currentValueToDate) fp.setDate([inputFrom.value, inputTo.value], true, fp.config.dateFormat);
 		}
-		const isValidDate = (date) => date?.toString() !== "Invalid Date";
 		if (inputTo === target && fp.selectedDates.length === 1 && inputTo.value) {
 			if (isValidDate(parseDateWithFormat(inputTo.value))) fp.setDate([inputFrom.value, inputTo.value], true, fp.config.dateFormat);
 		}
-		if (inputTo === target && !inputFrom.value && lastStartValue.current) {
-			if (isValidDate(parseDateWithFormat(lastStartValue.current))) {
-				inputFrom.value = lastStartValue.current;
-				if (inputTo.value) fp.setDate([inputFrom.value, inputTo.value], true, fp.config.dateFormat);
-			}
-		}
 	};
 	/**
 	* Releases event listeners used in this Flatpickr plugin.
@@ -128,4 +121,4 @@ const fixEventsPlugin = (config) => (fp) => {
 	};
 };
 //#endregion
-exports.default = fixEventsPlugin;
+exports.fixEventsPlugin = fixEventsPlugin;

package/lib/components/Dropdown/Dropdown.js

@@ -9,6 +9,7 @@ const require_runtime = require("../../_virtual/_rolldown/runtime.js");
 const require_usePrefix = require("../../internal/usePrefix.js");
 const require_deprecate = require("../../prop-types/deprecate.js");
 const require_defaultItemToString = require("../../internal/defaultItemToString.js");
+const require_isItemDisabled = require("../../internal/isItemDisabled.js");
 const require_utils = require("../../internal/utils.js");
 const require_index = require("../FeatureFlags/index.js");
 const require_useNormalizedInputProps = require("../../internal/useNormalizedInputProps.js");
@@ -103,9 +104,6 @@ const Dropdown = react.default.forwardRef(({ autoAlign = false, className: conta
 	const onSelectedItemChange = (0, react.useCallback)(({ selectedItem }) => {
 		if (onChange) onChange({ selectedItem: selectedItem ?? null });
 	}, [onChange]);
-	const isItemDisabled = (0, react.useCallback)((item) => {
-		return item !== null && typeof item === "object" && "disabled" in item && item.disabled === true;
-	}, []);
 	const onHighlightedIndexChange = (0, react.useCallback)((changes) => {
 		const { highlightedIndex } = changes;
 		if (highlightedIndex !== void 0 && highlightedIndex > -1) {
@@ -123,7 +121,7 @@ const Dropdown = react.default.forwardRef(({ autoAlign = false, className: conta
 		initialSelectedItem,
 		onSelectedItemChange,
 		stateReducer,
-		isItemDisabled,
+		isItemDisabled: require_isItemDisabled.isItemDisabled,
 		onHighlightedIndexChange,
 		...downshiftProps
 	}), [
@@ -132,7 +130,6 @@ const Dropdown = react.default.forwardRef(({ autoAlign = false, className: conta
 		initialSelectedItem,
 		onSelectedItemChange,
 		stateReducer,
-		isItemDisabled,
 		onHighlightedIndexChange,
 		downshiftProps
 	]);

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

@@ -9,6 +9,7 @@ import { type ReactNode } from 'react';
 export interface FeatureFlagsProps {
     children?: ReactNode;
     flags?: Record<string, boolean>;
+    enableV12Release?: boolean;
     enableV12TileDefaultIcons?: boolean;
     enableV12TileRadioIcons?: boolean;
     enableV12Overflowmenu?: boolean;
@@ -26,13 +27,14 @@ export interface FeatureFlagsProps {
  * a feature flag is enabled or disabled in a given React tree
  */
 export declare const FeatureFlags: {
-    ({ children, flags, enableV12TileDefaultIcons, enableV12TileRadioIcons, enableV12Overflowmenu, enableTreeviewControllable, enableExperimentalFocusWrapWithoutSentinels, enableFocusWrapWithoutSentinels, enableDialogElement, enableV12DynamicFloatingStyles, enableEnhancedFileUploader, enablePresence, }: FeatureFlagsProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, flags, enableV12Release, enableV12TileDefaultIcons, enableV12TileRadioIcons, enableV12Overflowmenu, enableTreeviewControllable, enableExperimentalFocusWrapWithoutSentinels, enableFocusWrapWithoutSentinels, enableDialogElement, enableV12DynamicFloatingStyles, enableEnhancedFileUploader, enablePresence, }: FeatureFlagsProps): import("react/jsx-runtime").JSX.Element;
     propTypes: {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         /**
          * Provide the feature flags to enabled or disabled in the current Rea,ct tree
          */
         flags: (props: Record<string, any>, propName: string, componentName: string, ...rest: any[]) => any;
+        enableV12Release: PropTypes.Requireable<boolean>;
         enableV12TileDefaultIcons: PropTypes.Requireable<boolean>;
         enableV12TileRadioIcons: PropTypes.Requireable<boolean>;
         enableV12Overflowmenu: PropTypes.Requireable<boolean>;

package/lib/components/FeatureFlags/index.js

@@ -25,30 +25,51 @@ let react_jsx_runtime = require("react/jsx-runtime");
 * or disable feature flags in a given React tree
 */
 const FeatureFlagContext = (0, react.createContext)(_carbon_feature_flags.FeatureFlags);
+const PROP_TO_FLAG = {
+	enableV12Release: "enable-v12-release",
+	enableV12TileDefaultIcons: "enable-v12-tile-default-icons",
+	enableV12TileRadioIcons: "enable-v12-tile-radio-icons",
+	enableV12Overflowmenu: "enable-v12-overflowmenu",
+	enableTreeviewControllable: "enable-treeview-controllable",
+	enableExperimentalFocusWrapWithoutSentinels: "enable-experimental-focus-wrap-without-sentinels",
+	enableFocusWrapWithoutSentinels: "enable-focus-wrap-without-sentinels",
+	enableDialogElement: "enable-dialog-element",
+	enableV12DynamicFloatingStyles: "enable-v12-dynamic-floating-styles",
+	enableEnhancedFileUploader: "enable-enhanced-file-uploader",
+	enablePresence: "enable-presence"
+};
 /**
 * Supports an object of feature flag values with the `flags` prop, merging them
 * along with the current `FeatureFlagContext` to provide consumers to check if
 * a feature flag is enabled or disabled in a given React tree
 */
-const FeatureFlags = ({ children, flags = {}, enableV12TileDefaultIcons = false, enableV12TileRadioIcons = false, enableV12Overflowmenu = false, enableTreeviewControllable = false, enableExperimentalFocusWrapWithoutSentinels = false, enableFocusWrapWithoutSentinels = false, enableDialogElement = false, enableV12DynamicFloatingStyles = false, enableEnhancedFileUploader = false, enablePresence = false }) => {
+const FeatureFlags = ({ children, flags, enableV12Release, enableV12TileDefaultIcons, enableV12TileRadioIcons, enableV12Overflowmenu, enableTreeviewControllable, enableExperimentalFocusWrapWithoutSentinels, enableFocusWrapWithoutSentinels, enableDialogElement, enableV12DynamicFloatingStyles, enableEnhancedFileUploader, enablePresence }) => {
 	const parentScope = (0, react.useContext)(FeatureFlagContext);
 	const scope = (0, react.useMemo)(() => {
-		const scope = (0, _carbon_feature_flags.createScope)({
-			"enable-v12-tile-default-icons": enableV12TileDefaultIcons,
-			"enable-v12-tile-radio-icons": enableV12TileRadioIcons,
-			"enable-v12-overflowmenu": enableV12Overflowmenu,
-			"enable-treeview-controllable": enableTreeviewControllable,
-			"enable-experimental-focus-wrap-without-sentinels": enableExperimentalFocusWrapWithoutSentinels,
-			"enable-focus-wrap-without-sentinels": enableFocusWrapWithoutSentinels,
-			"enable-dialog-element": enableDialogElement,
-			"enable-v12-dynamic-floating-styles": enableV12DynamicFloatingStyles,
-			"enable-enhanced-file-uploader": enableEnhancedFileUploader,
-			"enable-presence": enablePresence,
-			...flags
-		});
+		const flagProps = {
+			enableV12Release,
+			enableV12TileDefaultIcons,
+			enableV12TileRadioIcons,
+			enableV12Overflowmenu,
+			enableTreeviewControllable,
+			enableExperimentalFocusWrapWithoutSentinels,
+			enableFocusWrapWithoutSentinels,
+			enableDialogElement,
+			enableV12DynamicFloatingStyles,
+			enableEnhancedFileUploader,
+			enablePresence
+		};
+		const explicitFlags = {};
+		for (const [prop, flagKey] of Object.entries(PROP_TO_FLAG)) {
+			const value = flagProps[prop];
+			if (value !== void 0) explicitFlags[flagKey] = value;
+		}
+		if (flags) Object.assign(explicitFlags, flags);
+		const scope = (0, _carbon_feature_flags.createScope)(explicitFlags);
 		scope.mergeWithScope(parentScope);
 		return scope;
 	}, [
+		enableV12Release,
 		enableV12TileDefaultIcons,
 		enableV12TileRadioIcons,
 		enableV12Overflowmenu,
@@ -73,6 +94,7 @@ FeatureFlags.propTypes = {
 	* Provide the feature flags to enabled or disabled in the current Rea,ct tree
 	*/
 	flags: require_deprecate.deprecate(prop_types.default.objectOf(prop_types.default.bool), "The `flags` prop for `FeatureFlag` has been deprecated. Please run the `featureflag-deprecate-flags-prop` codemod to migrate to individual boolean props.npx @carbon/upgrade migrate featureflag-deprecate-flags-prop --write"),
+	enableV12Release: prop_types.default.bool,
 	enableV12TileDefaultIcons: prop_types.default.bool,
 	enableV12TileRadioIcons: prop_types.default.bool,
 	enableV12Overflowmenu: prop_types.default.bool,