@carbon/react 1.105.0-rc.0 → 1.106.0-rc.0

package/lib/components/DataTable/TableToolbarMenu.js

@@ -5,9 +5,9 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-const require_runtime = require('../../_virtual/_rolldown/runtime.js');
-const require_usePrefix = require('../../internal/usePrefix.js');
-const require_index = require('../OverflowMenu/index.js');
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+const require_usePrefix = require("../../internal/usePrefix.js");
+const require_index = require("../OverflowMenu/index.js");
 let classnames = require("classnames");
 classnames = require_runtime.__toESM(classnames);
 let react = require("react");
@@ -16,7 +16,6 @@ let prop_types = require("prop-types");
 prop_types = require_runtime.__toESM(prop_types);
 let react_jsx_runtime = require("react/jsx-runtime");
 let _carbon_icons_react = require("@carbon/icons-react");
-
 //#region src/components/DataTable/TableToolbarMenu.tsx
 /**
 * Copyright IBM Corp. 2016, 2026
@@ -30,7 +29,6 @@ const TableToolbarMenu = ({ className, renderIcon = _carbon_icons_react.Settings
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, {
 		renderIcon,
 		className: (0, classnames.default)(className, `${prefix}--toolbar-action ${prefix}--overflow-menu`),
-		title: iconDescription,
 		iconDescription,
 		menuOptionsClass: (0, classnames.default)(menuOptionsClass, `${prefix}--toolbar-action__menu`),
 		flipped: true,
@@ -45,6 +43,5 @@ TableToolbarMenu.propTypes = {
 	menuOptionsClass: prop_types.default.string,
 	renderIcon: prop_types.default.oneOfType([prop_types.default.func, prop_types.default.object])
 };
-
 //#endregion
-exports.default = TableToolbarMenu;
+exports.default = TableToolbarMenu;

package/lib/components/DataTable/TableToolbarSearch.js

@@ -5,11 +5,11 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-const require_runtime = require('../../_virtual/_rolldown/runtime.js');
-const require_usePrefix = require('../../internal/usePrefix.js');
-const require_useId = require('../../internal/useId.js');
-const require_noopFn = require('../../internal/noopFn.js');
-const require_index = require('../Search/index.js');
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+const require_usePrefix = require("../../internal/usePrefix.js");
+const require_useId = require("../../internal/useId.js");
+const require_noopFn = require("../../internal/noopFn.js");
+const require_index = require("../Search/index.js");
 let classnames = require("classnames");
 classnames = require_runtime.__toESM(classnames);
 let react = require("react");
@@ -17,7 +17,6 @@ react = require_runtime.__toESM(react);
 let prop_types = require("prop-types");
 prop_types = require_runtime.__toESM(prop_types);
 let react_jsx_runtime = require("react/jsx-runtime");
-
 //#region src/components/DataTable/TableToolbarSearch.tsx
 /**
 * Copyright IBM Corp. 2016, 2026
@@ -112,6 +111,5 @@ TableToolbarSearch.propTypes = {
 	tabIndex: prop_types.default.oneOfType([prop_types.default.number, prop_types.default.string]),
 	translateWithId: prop_types.default.func
 };
-
 //#endregion
-exports.default = TableToolbarSearch;
+exports.default = TableToolbarSearch;

package/lib/components/DataTable/state/getDerivedStateFromProps.js

@@ -5,9 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-const require_sorting = require('./sorting.js');
-const require_normalize = require('../tools/normalize.js');
-
+const require_sorting = require("./sorting.js");
+const require_normalize = require("../tools/normalize.js");
 //#region src/components/DataTable/state/getDerivedStateFromProps.js
 /**
 * Copyright IBM Corp. 2016, 2025
@@ -44,6 +43,5 @@ const getDerivedStateFromProps = (props, prevState) => {
 	});
 	return state;
 };
-
 //#endregion
-exports.default = getDerivedStateFromProps;
+exports.default = getDerivedStateFromProps;

package/lib/components/DataTable/state/sortStates.js

@@ -5,7 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-
 //#region src/components/DataTable/state/sortStates.ts
 /**
 * We currently support the following sorting states for DataTable headers,
@@ -17,6 +16,5 @@ const sortStates = {
 	DESC: "DESC",
 	ASC: "ASC"
 };
-
 //#endregion
-exports.sortStates = sortStates;
+exports.sortStates = sortStates;

package/lib/components/DataTable/state/sorting.js

@@ -5,9 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-const require_sortStates = require('./sortStates.js');
-const require_sorting = require('../tools/sorting.js');
-
+const require_sortStates = require("./sortStates.js");
+const require_sorting = require("../tools/sorting.js");
 //#region src/components/DataTable/state/sorting.ts
 /**
 * Copyright IBM Corp. 2016, 2025
@@ -64,8 +63,7 @@ const getSortedState = ({ locale, sortRow }, { rowIds, cellsById, initialRowOrde
 		}) : initialRowOrder
 	};
 };
-
 //#endregion
 exports.getNextSortState = getNextSortState;
 exports.getSortedState = getSortedState;
-exports.initialSortState = initialSortState;
+exports.initialSortState = initialSortState;

package/lib/components/DataTable/tools/cells.js

@@ -5,7 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-
 //#region src/components/DataTable/tools/cells.ts
 /**
 * Copyright IBM Corp. 2016, 2025
@@ -20,6 +19,5 @@
 * one method.
 */
 const getCellId = (rowId, header) => `${rowId}:${header}`;
-
 //#endregion
-exports.getCellId = getCellId;
+exports.getCellId = getCellId;

package/lib/components/DataTable/tools/denormalize.js

@@ -5,7 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-
 //#region src/components/DataTable/tools/denormalize.js
 /**
 * Copyright IBM Corp. 2016, 2023
@@ -33,6 +32,5 @@ const denormalize = (rowIds, rowsById, cellsById) => {
 		cells: rowsById[id].cells.map((cellId) => cellsById[cellId])
 	}));
 };
-
 //#endregion
-exports.default = denormalize;
+exports.default = denormalize;

package/lib/components/DataTable/tools/filter.js

@@ -5,7 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-
 //#region src/components/DataTable/tools/filter.ts
 /**
 * Copyright IBM Corp. 2016, 2025
@@ -26,6 +25,5 @@ const defaultFilterRows = ({ rowIds, headers, cellsById, inputValue, getCellId }
 		return String(cell.value).toLowerCase().includes(normalizedInput);
 	}));
 };
-
 //#endregion
-exports.defaultFilterRows = defaultFilterRows;
+exports.defaultFilterRows = defaultFilterRows;

package/lib/components/DataTable/tools/normalize.js

@@ -5,10 +5,9 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-const require_utils = require('../../../internal/utils.js');
-const require_index = require('../../AILabel/index.js');
-const require_cells = require('./cells.js');
-
+const require_utils = require("../../../internal/utils.js");
+const require_index = require("../../AILabel/index.js");
+const require_cells = require("./cells.js");
 //#region src/components/DataTable/tools/normalize.js
 /**
 * Copyright IBM Corp. 2016, 2026
@@ -63,6 +62,5 @@ const normalize = (rows, headers, prevState = {}) => {
 		cellsById
 	};
 };
-
 //#endregion
-exports.default = normalize;
+exports.default = normalize;

package/lib/components/DataTable/tools/sorting.js

@@ -5,9 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-const require_sortStates = require('../state/sortStates.js');
-const require_cells = require('./cells.js');
-
+const require_sortStates = require("../state/sortStates.js");
+const require_cells = require("./cells.js");
 //#region src/components/DataTable/tools/sorting.ts
 /**
 * Copyright IBM Corp. 2016, 2025
@@ -61,6 +60,5 @@ const defaultSortRow = (cellA, cellB, { sortDirection, sortStates, locale }) =>
 	if (sortDirection === sortStates.ASC) return compare(cellA, cellB, locale);
 	return compare(cellB, cellA, locale);
 };
-
 //#endregion
-exports.sortRows = sortRows;
+exports.sortRows = sortRows;

package/lib/components/DataTableSkeleton/DataTableSkeleton.js

@@ -5,8 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-const require_runtime = require('../../_virtual/_rolldown/runtime.js');
-const require_usePrefix = require('../../internal/usePrefix.js');
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+const require_usePrefix = require("../../internal/usePrefix.js");
 let classnames = require("classnames");
 classnames = require_runtime.__toESM(classnames);
 let react = require("react");
@@ -14,7 +14,6 @@ react = require_runtime.__toESM(react);
 let prop_types = require("prop-types");
 prop_types = require_runtime.__toESM(prop_types);
 let react_jsx_runtime = require("react/jsx-runtime");
-
 //#region src/components/DataTableSkeleton/DataTableSkeleton.tsx
 /**
 * Copyright IBM Corp. 2016, 2026
@@ -76,6 +75,5 @@ DataTableSkeleton.propTypes = {
 	]),
 	zebra: prop_types.default.bool
 };
-
 //#endregion
-exports.default = DataTableSkeleton;
+exports.default = DataTableSkeleton;

package/lib/components/DatePicker/DatePicker.Skeleton.js

@@ -5,8 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-const require_runtime = require('../../_virtual/_rolldown/runtime.js');
-const require_usePrefix = require('../../internal/usePrefix.js');
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+const require_usePrefix = require("../../internal/usePrefix.js");
 let classnames = require("classnames");
 classnames = require_runtime.__toESM(classnames);
 let react = require("react");
@@ -14,7 +14,6 @@ react = require_runtime.__toESM(react);
 let prop_types = require("prop-types");
 prop_types = require_runtime.__toESM(prop_types);
 let react_jsx_runtime = require("react/jsx-runtime");
-
 //#region src/components/DatePicker/DatePicker.Skeleton.tsx
 /**
 * Copyright IBM Corp. 2016, 2026
@@ -54,6 +53,5 @@ DatePickerSkeleton.propTypes = {
 	id: prop_types.default.string,
 	range: prop_types.default.bool
 };
-
 //#endregion
-exports.default = DatePickerSkeleton;
+exports.default = DatePickerSkeleton;

package/lib/components/DatePicker/DatePicker.js

@@ -5,19 +5,19 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-const require_runtime = require('../../_virtual/_rolldown/runtime.js');
-const require_usePrefix = require('../../internal/usePrefix.js');
-const require_keys = require('../../internal/keyboard/keys.js');
-const require_match = require('../../internal/keyboard/match.js');
-const require_deprecate = require('../../prop-types/deprecate.js');
-const require_utils = require('../../internal/utils.js');
-const require_index = require('../DatePickerInput/index.js');
-const require_appendToPlugin = require('./plugins/appendToPlugin.js');
-const require_fixEventsPlugin = require('./plugins/fixEventsPlugin.js');
-const require_utils$1 = require('./utils.js');
-const require_rangePlugin = require('./plugins/rangePlugin.js');
-const require_useSavedCallback = require('../../internal/useSavedCallback.js');
-const require_DatePickerLocales = require('./DatePickerLocales.js');
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+const require_usePrefix = require("../../internal/usePrefix.js");
+const require_keys = require("../../internal/keyboard/keys.js");
+const require_match = require("../../internal/keyboard/match.js");
+const require_deprecate = require("../../prop-types/deprecate.js");
+const require_utils = require("../../internal/utils.js");
+const require_index = require("../DatePickerInput/index.js");
+const require_appendToPlugin = require("./plugins/appendToPlugin.js");
+const require_fixEventsPlugin = require("./plugins/fixEventsPlugin.js");
+const require_utils$1 = require("./utils.js");
+const require_rangePlugin = require("./plugins/rangePlugin.js");
+const require_useSavedCallback = require("../../internal/useSavedCallback.js");
+const require_DatePickerLocales = require("./DatePickerLocales.js");
 let classnames = require("classnames");
 classnames = require_runtime.__toESM(classnames);
 let react = require("react");
@@ -30,7 +30,6 @@ flatpickr = require_runtime.__toESM(flatpickr);
 let flatpickr_dist_l10n_index = require("flatpickr/dist/l10n/index");
 flatpickr_dist_l10n_index = require_runtime.__toESM(flatpickr_dist_l10n_index);
 let _carbon_utilities = require("@carbon/utilities");
-
 //#region src/components/DatePicker/DatePicker.tsx
 /**
 * Copyright IBM Corp. 2016, 2026
@@ -74,7 +73,7 @@ const carbonFlatpickrMonthSelectPlugin = (config) => (fp) => {
 			const monthElement = fp._createElement("span", config.classFlatpickrCurrentMonth);
 			monthElement.textContent = monthToStr(fp.currentMonth, config.shorthand === true, fp.l10n);
 			if (_carbon_utilities.datePartsOrder.isMonthFirst(config.locale)) fp.yearElements[0].closest(config.selectorFlatpickrMonthYearContainer).insertBefore(monthElement, fp.yearElements[0].closest(config.selectorFlatpickrYearContainer));
-			else fp.yearElements[0].closest(config.selectorFlatpickrMonthYearContainer).insertAdjacentElement("afterend", monthElement);
+			else fp.yearElements[0].closest(config.selectorFlatpickrMonthYearContainer).insertAdjacentElement("beforeend", monthElement);
 			return monthElement;
 		}));
 	};
@@ -307,6 +306,7 @@ const DatePicker = (0, react.forwardRef)((props, ref) => {
 		});
 		calendarRef.current = calendar;
 		const handleInputFieldKeyDown = (event) => {
+			if (readOnly && require_match.match(event, require_keys.Tab)) return;
 			const { calendarContainer, selectedDateElem: fpSelectedDateElem, todayDateElem: fpTodayDateElem } = calendar;
 			if (require_match.match(event, require_keys.Escape)) calendarContainer.classList.remove("open");
 			if (require_match.match(event, require_keys.Tab)) {
@@ -489,6 +489,5 @@ DatePicker.propTypes = {
 	nextMonthAriaLabel: prop_types.default.string,
 	prevMonthAriaLabel: prop_types.default.string
 };
-
 //#endregion
-exports.default = DatePicker;
+exports.default = DatePicker;

package/lib/components/DatePicker/DatePickerLocales.js

@@ -5,7 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-
 //#region src/components/DatePicker/DatePickerLocales.ts
 /**
 * Copyright IBM Corp. 2016, 2025
@@ -80,6 +79,5 @@ const SUPPORTED_LOCALES = [
 	"zh_tw",
 	"zh"
 ];
-
 //#endregion
-exports.SUPPORTED_LOCALES = SUPPORTED_LOCALES;
+exports.SUPPORTED_LOCALES = SUPPORTED_LOCALES;

package/lib/components/DatePicker/index.js

@@ -5,9 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-const require_DatePicker = require('./DatePicker.js');
-const require_DatePicker_Skeleton = require('./DatePicker.Skeleton.js');
-
+const require_DatePicker = require("./DatePicker.js");
+require("./DatePicker.Skeleton.js");
 //#region src/components/DatePicker/index.tsx
 /**
 * Copyright IBM Corp. 2016, 2023
@@ -16,6 +15,5 @@ const require_DatePicker_Skeleton = require('./DatePicker.Skeleton.js');
 * LICENSE file in the root directory of this source tree.
 */
 var DatePicker_default = require_DatePicker.default;
-
 //#endregion
-exports.default = DatePicker_default;
+exports.default = DatePicker_default;

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

@@ -5,7 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-
 //#region src/components/DatePicker/plugins/appendToPlugin.ts
 const appendToPlugin = (config) => (fp) => {
 	/**
@@ -35,6 +34,5 @@ const appendToPlugin = (config) => (fp) => {
 		onPreCalendarPosition: handlePreCalendarPosition
 	};
 };
-
 //#endregion
-exports.appendToPlugin = appendToPlugin;
+exports.appendToPlugin = appendToPlugin;

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

@@ -5,9 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-const require_keys = require('../../../internal/keyboard/keys.js');
-const require_match = require('../../../internal/keyboard/match.js');
-
+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;
@@ -47,8 +46,12 @@ const fixEventsPlugin = (config) => (fp) => {
 		const { target } = event;
 		if (inputFrom === target || inputTo === target) {
 			if (require_match.match(event, require_keys.Enter)) {
+				mouseDownInside = false;
 				fp.setDate(inputTo ? [inputFrom.value, inputTo.value] : [inputFrom.value], true, fp.config.dateFormat);
 				event.stopPropagation();
+				if (inputTo === target && fp.config.closeOnSelect) requestAnimationFrame(() => {
+					fp.close();
+				});
 			} else if (require_match.match(event, require_keys.ArrowLeft) || require_match.match(event, require_keys.ArrowRight)) event.stopPropagation();
 			else if (require_match.match(event, require_keys.ArrowDown)) {
 				event.preventDefault();
@@ -125,6 +128,5 @@ const fixEventsPlugin = (config) => (fp) => {
 		onDestroy: [release]
 	};
 };
-
 //#endregion
-exports.default = fixEventsPlugin;
+exports.default = fixEventsPlugin;

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

@@ -5,11 +5,10 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-const require_runtime = require('../../../_virtual/_rolldown/runtime.js');
-const require_utils = require('../utils.js');
+const require_runtime = require("../../../_virtual/_rolldown/runtime.js");
+const require_utils = require("../utils.js");
 let flatpickr_dist_plugins_rangePlugin = require("flatpickr/dist/plugins/rangePlugin");
 flatpickr_dist_plugins_rangePlugin = require_runtime.__toESM(flatpickr_dist_plugins_rangePlugin);
-
 //#region src/components/DatePicker/plugins/rangePlugin.ts
 /**
 * Copyright IBM Corp. 2019, 2026
@@ -48,6 +47,5 @@ const rangePlugin = (config = {}) => {
 		});
 	};
 };
-
 //#endregion
-exports.rangePlugin = rangePlugin;
+exports.rangePlugin = rangePlugin;

package/lib/components/DatePicker/utils.js

@@ -5,7 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-
 //#region src/components/DatePicker/utils.ts
 /**
 * Copyright IBM Corp. 2026
@@ -14,6 +13,5 @@
 * LICENSE file in the root directory of this source tree.
 */
 const isEmptyDateValue = (date) => date === "" || date === null || typeof date === "undefined";
-
 //#endregion
-exports.isEmptyDateValue = isEmptyDateValue;
+exports.isEmptyDateValue = isEmptyDateValue;

package/lib/components/DatePickerInput/DatePickerInput.js

@@ -5,16 +5,16 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-const require_runtime = require('../../_virtual/_rolldown/runtime.js');
-const require_usePrefix = require('../../internal/usePrefix.js');
-const require_Text = require('../Text/Text.js');
-const require_useId = require('../../internal/useId.js');
-const require_warning = require('../../internal/warning.js');
-const require_deprecate = require('../../prop-types/deprecate.js');
-const require_utils = require('../../internal/utils.js');
-const require_index = require('../AILabel/index.js');
-const require_FormContext = require('../FluidForm/FormContext.js');
-const require_useNormalizedInputProps = require('../../internal/useNormalizedInputProps.js');
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+const require_usePrefix = require("../../internal/usePrefix.js");
+const require_Text = require("../Text/Text.js");
+const require_useId = require("../../internal/useId.js");
+const require_warning = require("../../internal/warning.js");
+const require_deprecate = require("../../prop-types/deprecate.js");
+const require_utils = require("../../internal/utils.js");
+const require_useNormalizedInputProps = require("../../internal/useNormalizedInputProps.js");
+const require_index = require("../AILabel/index.js");
+const require_FormContext = require("../FluidForm/FormContext.js");
 let classnames = require("classnames");
 classnames = require_runtime.__toESM(classnames);
 let react = require("react");
@@ -23,7 +23,6 @@ let prop_types = require("prop-types");
 prop_types = require_runtime.__toESM(prop_types);
 let react_jsx_runtime = require("react/jsx-runtime");
 let _carbon_icons_react = require("@carbon/icons-react");
-
 //#region src/components/DatePickerInput/DatePickerInput.tsx
 /**
 * Copyright IBM Corp. 2016, 2026
@@ -192,6 +191,5 @@ DatePickerIcon.propTypes = {
 	disabled: prop_types.default.bool,
 	readOnly: prop_types.default.bool
 };
-
 //#endregion
-exports.default = DatePickerInput;
+exports.default = DatePickerInput;

package/lib/components/DatePickerInput/index.js

@@ -5,8 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-const require_DatePickerInput = require('./DatePickerInput.js');
-
 //#region src/components/DatePickerInput/index.ts
 /**
 * Copyright IBM Corp. 2016, 2023
@@ -14,7 +12,6 @@ const require_DatePickerInput = require('./DatePickerInput.js');
 * This source code is licensed under the Apache-2.0 license found in the
 * LICENSE file in the root directory of this source tree.
 */
-var DatePickerInput_default = require_DatePickerInput.default;
-
+var DatePickerInput_default = require("./DatePickerInput.js").default;
 //#endregion
-exports.default = DatePickerInput_default;
+exports.default = DatePickerInput_default;

package/lib/components/Dialog/Dialog.d.ts

@@ -60,12 +60,27 @@ interface DialogProps extends HTMLAttributes<HTMLDialogElement> {
     /**
      * Specify a label for screen readers
      */
+    'aria-label'?: string;
+    /**
+     * Specify the ID of an element that labels this dialog
+     */
+    'aria-labelledby'?: string;
+    /**
+     * Specify the ID of an element that describes this dialog
+     */
+    'aria-describedby'?: string;
+    /**
+     * @deprecated Use 'aria-label' instead.
+     * Specify a label for screen readers
+     */
     ariaLabel?: string;
     /**
+     * @deprecated Use 'aria-labelledby' instead.
      * Specify the ID of an element that labels this dialog
      */
     ariaLabelledBy?: string;
     /**
+     * @deprecated Use 'aria-describedby' instead.
      * Specify the ID of an element that describes this dialog
      */
     ariaDescribedBy?: string;