@carbon/react 1.103.0 → 1.104.0-rc.0

package/lib/components/ListBox/next/ListBoxSelection.js

@@ -1,138 +1,100 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * 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.
  */
 
-'use strict';
+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");
+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");
+let _carbon_icons_react = require("@carbon/icons-react");
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
-var cx = require('classnames');
-var React = require('react');
-var PropTypes = require('prop-types');
-var iconsReact = require('@carbon/icons-react');
-var usePrefix = require('../../../internal/usePrefix.js');
-
-var _Close, _Close2;
+//#region src/components/ListBox/next/ListBoxSelection.tsx
 /**
- * `ListBoxSelection` is used to provide controls for clearing a selection, in
- * addition to conditionally rendering a badge if the control has more than one
- * selection.
- */
-
+* Copyright IBM Corp. 2016, 2025
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+/**
+* `ListBoxSelection` is used to provide controls for clearing a selection, in
+* addition to conditionally rendering a badge if the control has more than one
+* selection.
+*/
 const translationIds = {
-  'clear.all': 'clear.all',
-  'clear.selection': 'clear.selection'
+	"clear.all": "clear.all",
+	"clear.selection": "clear.selection"
 };
 const defaultTranslations = {
-  [translationIds['clear.all']]: 'Clear all selected items',
-  [translationIds['clear.selection']]: 'Clear selected item'
+	[translationIds["clear.all"]]: "Clear all selected items",
+	[translationIds["clear.selection"]]: "Clear selected item"
 };
-const defaultTranslateWithId = messageId => {
-  return defaultTranslations[messageId];
+const defaultTranslateWithId = (messageId) => {
+	return defaultTranslations[messageId];
 };
-function ListBoxSelection({
-  clearSelection,
-  selectionCount,
-  translateWithId: t = defaultTranslateWithId,
-  disabled,
-  readOnly,
-  onClearSelection,
-  ...rest
-}) {
-  const prefix = usePrefix.usePrefix();
-  const className = cx(`${prefix}--list-box__selection`, {
-    [`${prefix}--tag--filter`]: selectionCount,
-    [`${prefix}--list-box__selection--multi`]: selectionCount
-  });
-  const description = selectionCount ? t('clear.all') : t('clear.selection');
-  const tagClasses = cx(`${prefix}--tag`, `${prefix}--tag--filter`, `${prefix}--tag--high-contrast`, {
-    [`${prefix}--tag--disabled`]: disabled
-  });
-  function onClick(event) {
-    event.stopPropagation();
-    if (disabled || readOnly) {
-      return;
-    }
-    clearSelection(event);
-    if (onClearSelection) {
-      onClearSelection(event);
-    }
-  }
-  if (selectionCount) {
-    return /*#__PURE__*/React.createElement("div", {
-      className: tagClasses
-    }, /*#__PURE__*/React.createElement("span", {
-      className: `${prefix}--tag__label`,
-      title: selectionCount?.toString()
-    }, selectionCount), /*#__PURE__*/React.createElement("button", {
-      "aria-label": description,
-      className: `${prefix}--tag__close-icon`,
-      disabled: disabled || readOnly,
-      onClick: onClick,
-      tabIndex: -1,
-      title: description,
-      type: "button",
-      "aria-disabled": readOnly ? true : undefined
-    }, _Close || (_Close = /*#__PURE__*/React.createElement(iconsReact.Close, null))));
-  }
-  return /*#__PURE__*/React.createElement("button", _rollupPluginBabelHelpers.extends({}, rest, {
-    "aria-label": description,
-    className: className,
-    disabled: disabled || readOnly,
-    onClick: onClick,
-    tabIndex: -1,
-    title: description,
-    type: "button",
-    "aria-disabled": readOnly ? true : undefined
-  }), _Close2 || (_Close2 = /*#__PURE__*/React.createElement(iconsReact.Close, null)));
+function ListBoxSelection({ clearSelection, selectionCount, translateWithId: t = defaultTranslateWithId, disabled, readOnly, onClearSelection, ...rest }) {
+	const prefix = require_usePrefix.usePrefix();
+	const className = (0, classnames.default)(`${prefix}--list-box__selection`, {
+		[`${prefix}--tag--filter`]: selectionCount,
+		[`${prefix}--list-box__selection--multi`]: selectionCount
+	});
+	const description = selectionCount ? t("clear.all") : t("clear.selection");
+	const tagClasses = (0, classnames.default)(`${prefix}--tag`, `${prefix}--tag--filter`, `${prefix}--tag--high-contrast`, { [`${prefix}--tag--disabled`]: disabled });
+	function onClick(event) {
+		event.stopPropagation();
+		if (disabled || readOnly) return;
+		clearSelection(event);
+		if (onClearSelection) onClearSelection(event);
+	}
+	if (selectionCount) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: tagClasses,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: `${prefix}--tag__label`,
+			title: selectionCount?.toString(),
+			children: selectionCount
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+			"aria-label": description,
+			className: `${prefix}--tag__close-icon`,
+			disabled: disabled || readOnly,
+			onClick,
+			tabIndex: -1,
+			title: description,
+			type: "button",
+			"aria-disabled": readOnly ? true : void 0,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_carbon_icons_react.Close, {})
+		})]
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+		...rest,
+		"aria-label": description,
+		className,
+		disabled: disabled || readOnly,
+		onClick,
+		tabIndex: -1,
+		title: description,
+		type: "button",
+		"aria-disabled": readOnly ? true : void 0,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_carbon_icons_react.Close, {})
+	});
 }
 ListBoxSelection.propTypes = {
-  /**
-   * Specify a function to be invoked when a user interacts with the clear
-   * selection element.
-   */
-  clearSelection: PropTypes.func.isRequired,
-  /**
-   * Specify whether or not the clear selection element should be disabled
-   */
-  disabled: PropTypes.bool,
-  /**
-   * Whether or not the listbox is readonly
-   */
-  readOnly: PropTypes.bool,
-  /**
-   * Specify an optional `onClearSelection` handler that is called when the underlying
-   * element is cleared
-   */
-  onClearSelection: PropTypes.func,
-  /**
-   * Specify an optional `onClick` handler that is called when the underlying
-   * clear selection element is clicked
-   */
-  onClick: PropTypes.func,
-  /**
-   * Specify an optional `onClick` handler that is called when the underlying
-   * clear selection element is clicked
-   */
-  onMouseUp: PropTypes.func,
-  /**
-   * Specify an optional `onKeyDown` handler that is called when the underlying
-   * clear selection element fires a keydown event
-   */
-  onKeyDown: PropTypes.func,
-  /**
-   * Specify an optional `selectionCount` value that will be used to determine
-   * whether the selection should display a badge or a single clear icon.
-   */
-  selectionCount: PropTypes.number,
-  /**
-   * Translates component strings using your i18n tool.
-   */
-  translateWithId: PropTypes.func
+	clearSelection: prop_types.default.func.isRequired,
+	disabled: prop_types.default.bool,
+	readOnly: prop_types.default.bool,
+	onClearSelection: prop_types.default.func,
+	onClick: prop_types.default.func,
+	onMouseUp: prop_types.default.func,
+	onKeyDown: prop_types.default.func,
+	selectionCount: prop_types.default.number,
+	translateWithId: prop_types.default.func
 };
 
-exports.default = ListBoxSelection;
+//#endregion
+exports.default = ListBoxSelection;

package/lib/components/ListBox/next/ListBoxTrigger.js

@@ -1,69 +1,65 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * 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.
  */
 
-'use strict';
+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");
+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");
+let _carbon_icons_react = require("@carbon/icons-react");
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
-var cx = require('classnames');
-var React = require('react');
-var PropTypes = require('prop-types');
-var iconsReact = require('@carbon/icons-react');
-var usePrefix = require('../../../internal/usePrefix.js');
-
-var _ChevronDown;
+//#region src/components/ListBox/next/ListBoxTrigger.tsx
+/**
+* Copyright IBM Corp. 2016, 2025
+*
+* 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 translationIds = {
-  'close.menu': 'close.menu',
-  'open.menu': 'open.menu'
+	"close.menu": "close.menu",
+	"open.menu": "open.menu"
 };
 const defaultTranslations = {
-  [translationIds['close.menu']]: 'Close',
-  [translationIds['open.menu']]: 'Open'
+	[translationIds["close.menu"]]: "Close",
+	[translationIds["open.menu"]]: "Open"
 };
-const defaultTranslateWithId = messageId => {
-  return defaultTranslations[messageId];
+const defaultTranslateWithId = (messageId) => {
+	return defaultTranslations[messageId];
 };
 /**
- * `ListBoxTrigger` is used to orient the icon up or down depending on the
- * state of the menu for a given `ListBox`
- */
-
-// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20452
-const ListBoxTrigger = /*#__PURE__*/React.forwardRef(({
-  isOpen,
-  translateWithId: t = defaultTranslateWithId,
-  ...rest
-}, ref) => {
-  const prefix = usePrefix.usePrefix();
-  const className = cx({
-    [`${prefix}--list-box__menu-icon`]: true,
-    [`${prefix}--list-box__menu-icon--open`]: isOpen
-  });
-  const description = isOpen ? t('close.menu') : t('open.menu');
-  return /*#__PURE__*/React.createElement("button", _rollupPluginBabelHelpers.extends({}, rest, {
-    "aria-label": description,
-    title: description,
-    className: className,
-    type: "button",
-    tabIndex: -1,
-    ref: ref
-  }), _ChevronDown || (_ChevronDown = /*#__PURE__*/React.createElement(iconsReact.ChevronDown, null)));
+* `ListBoxTrigger` is used to orient the icon up or down depending on the
+* state of the menu for a given `ListBox`
+*/
+const ListBoxTrigger = react.default.forwardRef(({ isOpen, translateWithId: t = defaultTranslateWithId, ...rest }, ref) => {
+	const prefix = require_usePrefix.usePrefix();
+	const className = (0, classnames.default)({
+		[`${prefix}--list-box__menu-icon`]: true,
+		[`${prefix}--list-box__menu-icon--open`]: isOpen
+	});
+	const description = isOpen ? t("close.menu") : t("open.menu");
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+		...rest,
+		"aria-label": description,
+		title: description,
+		className,
+		type: "button",
+		tabIndex: -1,
+		ref,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_carbon_icons_react.ChevronDown, {})
+	});
 });
 ListBoxTrigger.propTypes = {
-  /**
-   * Specify whether the menu is currently open, which will influence the
-   * direction of the menu icon
-   */
-  isOpen: PropTypes.bool.isRequired,
-  /**
-   * Translates component strings using your i18n tool.
-   */
-  translateWithId: PropTypes.func
+	isOpen: prop_types.default.bool.isRequired,
+	translateWithId: prop_types.default.func
 };
 
-exports.default = ListBoxTrigger;
+//#endregion
+exports.default = ListBoxTrigger;

package/lib/components/ListItem/ListItem.js

@@ -1,43 +1,40 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * 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.
  */
 
-'use strict';
+const require_runtime = require('../../_virtual/_rolldown/runtime.js');
+const require_usePrefix = require('../../internal/usePrefix.js');
+const require_Text = require('../Text/Text.js');
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react = require("react");
+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");
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var PropTypes = require('prop-types');
-var React = require('react');
-var cx = require('classnames');
-var usePrefix = require('../../internal/usePrefix.js');
-var Text = require('../Text/Text.js');
-require('../Text/TextDirection.js');
-
-function ListItem({
-  className,
-  children,
-  ...other
-}) {
-  const prefix = usePrefix.usePrefix();
-  const classNames = cx(`${prefix}--list__item`, className);
-  return /*#__PURE__*/React.createElement(Text.Text, _rollupPluginBabelHelpers.extends({
-    as: "li",
-    className: classNames
-  }, other), children);
+//#region src/components/ListItem/ListItem.tsx
+/**
+* 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.
+*/
+function ListItem({ className, children, ...other }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Text.Text, {
+		as: "li",
+		className: (0, classnames.default)(`${require_usePrefix.usePrefix()}--list__item`, className),
+		...other,
+		children
+	});
 }
 ListItem.propTypes = {
-  /**
-   * Specify the content for the ListItem
-   */
-  children: PropTypes.node,
-  /**
-   * Specify an optional className to apply to the underlying `<li>` node
-   */
-  className: PropTypes.string
+	children: prop_types.default.node,
+	className: prop_types.default.string
 };
 
-exports.default = ListItem;
+//#endregion
+exports.default = ListItem;

package/lib/components/Loading/Loading.js

@@ -1,88 +1,79 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * 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.
  */
 
-'use strict';
+const require_runtime = require('../../_virtual/_rolldown/runtime.js');
+const require_usePrefix = require('../../internal/usePrefix.js');
+const require_deprecate = require('../../prop-types/deprecate.js');
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react = require("react");
+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");
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var cx = require('classnames');
-var PropTypes = require('prop-types');
-var React = require('react');
-var usePrefix = require('../../internal/usePrefix.js');
-var deprecate = require('../../prop-types/deprecate.js');
-
-function Loading({
-  active = true,
-  className: customClassName,
-  withOverlay = true,
-  small = false,
-  description = 'loading',
-  ...rest
-}) {
-  const prefix = usePrefix.usePrefix();
-  const loadingClassName = cx(customClassName, {
-    [`${prefix}--loading`]: true,
-    [`${prefix}--loading--small`]: small,
-    [`${prefix}--loading--stop`]: !active
-  });
-  const overlayClassName = cx({
-    [`${prefix}--loading-overlay`]: true,
-    [`${prefix}--loading-overlay--stop`]: !active
-  });
-  const loading = /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
-    "aria-atomic": "true",
-    "aria-live": active ? 'assertive' : 'off',
-    className: loadingClassName
-  }), /*#__PURE__*/React.createElement("svg", {
-    className: `${prefix}--loading__svg`,
-    viewBox: "0 0 100 100",
-    role: "img",
-    "aria-label": description
-  }, /*#__PURE__*/React.createElement("title", null, description), small ? /*#__PURE__*/React.createElement("circle", {
-    className: `${prefix}--loading__background`,
-    cx: "50%",
-    cy: "50%",
-    r: "42"
-  }) : null, /*#__PURE__*/React.createElement("circle", {
-    className: `${prefix}--loading__stroke`,
-    cx: "50%",
-    cy: "50%",
-    r: small ? '42' : '44'
-  })));
-  return withOverlay ? /*#__PURE__*/React.createElement("div", {
-    className: overlayClassName
-  }, loading) : loading;
+//#region src/components/Loading/Loading.tsx
+/**
+* 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.
+*/
+function Loading({ active = true, className: customClassName, withOverlay = true, small = false, description = "loading", ...rest }) {
+	const prefix = require_usePrefix.usePrefix();
+	const loadingClassName = (0, classnames.default)(customClassName, {
+		[`${prefix}--loading`]: true,
+		[`${prefix}--loading--small`]: small,
+		[`${prefix}--loading--stop`]: !active
+	});
+	const overlayClassName = (0, classnames.default)({
+		[`${prefix}--loading-overlay`]: true,
+		[`${prefix}--loading-overlay--stop`]: !active
+	});
+	const loading = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		...rest,
+		"aria-atomic": "true",
+		"aria-live": active ? "assertive" : "off",
+		className: loadingClassName,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+			className: `${prefix}--loading__svg`,
+			viewBox: "0 0 100 100",
+			role: "img",
+			"aria-label": description,
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("title", { children: description }),
+				small ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+					className: `${prefix}--loading__background`,
+					cx: "50%",
+					cy: "50%",
+					r: "42"
+				}) : null,
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+					className: `${prefix}--loading__stroke`,
+					cx: "50%",
+					cy: "50%",
+					r: small ? "42" : "44"
+				})
+			]
+		})
+	});
+	return withOverlay ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: overlayClassName,
+		children: loading
+	}) : loading;
 }
 Loading.propTypes = {
-  /**
-   * Specify whether you want the loading indicator to be spinning or not
-   */
-  active: PropTypes.bool,
-  /**
-   * Provide an optional className to be applied to the containing node
-   */
-  className: PropTypes.string,
-  /**
-   * Specify a description that would be used to best describe the loading state
-   */
-  description: PropTypes.string,
-  /**
-   * Provide an `id` to uniquely identify the label
-   */
-  id: deprecate.deprecate(PropTypes.string, `\nThe prop \`id\` is no longer needed.`),
-  /**
-   * Specify whether you would like the small variant of <Loading>
-   */
-  small: PropTypes.bool,
-  /**
-   * Specify whether you want the loader to be applied with an overlay
-   */
-  withOverlay: PropTypes.bool
+	active: prop_types.default.bool,
+	className: prop_types.default.string,
+	description: prop_types.default.string,
+	id: require_deprecate.deprecate(prop_types.default.string, `\nThe prop \`id\` is no longer needed.`),
+	small: prop_types.default.bool,
+	withOverlay: prop_types.default.bool
 };
 
-exports.default = Loading;
+//#endregion
+exports.default = Loading;

package/lib/components/Loading/index.js

@@ -1,17 +1,20 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * 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.
  */
 
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var Loading = require('./Loading.js');
-
+const require_Loading = require('./Loading.js');
 
+//#region src/components/Loading/index.ts
+/**
+* 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.
+*/
+var Loading_default = require_Loading.default;
 
-exports.Loading = Loading.default;
-exports.default = Loading.default;
+//#endregion
+exports.default = Loading_default;