@carbon/react 1.103.0 → 1.104.0

package/lib/components/FluidComboBox/FluidComboBox.js

@@ -1,120 +1,69 @@
 /**
- * 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_FormContext = require('../FluidForm/FormContext.js');
+const require_index = require('../ComboBox/index.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 ComboBox = require('../ComboBox/ComboBox.js');
-var usePrefix = require('../../internal/usePrefix.js');
-var FormContext = require('../FluidForm/FormContext.js');
-
-const FluidComboBox = /*#__PURE__*/React.forwardRef(function FluidComboBox({
-  className,
-  isCondensed,
-  ...other
-}, ref) {
-  const prefix = usePrefix.usePrefix();
-  const classNames = cx(`${prefix}--list-box__wrapper--fluid`, className, {
-    [`${prefix}--list-box__wrapper--fluid--condensed`]: isCondensed
-  });
-  return /*#__PURE__*/React.createElement(FormContext.FormContext.Provider, {
-    value: {
-      isFluid: true
-    }
-  }, /*#__PURE__*/React.createElement(ComboBox.default, _rollupPluginBabelHelpers.extends({
-    ref: ref,
-    className: classNames
-  }, other)));
+//#region src/components/FluidComboBox/FluidComboBox.tsx
+/**
+* Copyright IBM Corp. 2022, 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 FluidComboBox = react.default.forwardRef(function FluidComboBox({ className, isCondensed, ...other }, ref) {
+	const prefix = require_usePrefix.usePrefix();
+	const classNames = (0, classnames.default)(`${prefix}--list-box__wrapper--fluid`, className, { [`${prefix}--list-box__wrapper--fluid--condensed`]: isCondensed });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_FormContext.FormContext.Provider, {
+		value: { isFluid: true },
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, {
+			ref,
+			className: classNames,
+			...other
+		})
+	});
 });
 FluidComboBox.propTypes = {
-  /**
-   * Specify an optional className to be applied to the outer FluidForm wrapper
-   */
-  className: PropTypes.string,
-  /**
-   * Specify the direction of the dropdown. Can be either top or bottom.
-   */
-  direction: PropTypes.oneOf(['top', 'bottom']),
-  /**
-   * Specify whether the `<input>` should be disabled
-   */
-  disabled: PropTypes.bool,
-  /**
-   * Specify a custom `id` for the `<input>`
-   */
-  id: PropTypes.string.isRequired,
-  /**
-   * Allow users to pass in an arbitrary item or a string (in case their items are an array of strings)
-   * from their collection that are pre-selected
-   */
-  initialSelectedItem: PropTypes.oneOfType([PropTypes.object, PropTypes.string, PropTypes.number]),
-  /**
-   * Specify if the currently selected value is invalid.
-   */
-  invalid: PropTypes.bool,
-  /**
-   * Provide the text that is displayed when the control is in an invalid state
-   */
-  invalidText: PropTypes.node,
-  /**
-   * Specify if the `FluidComboBox` should render its menu items in condensed mode
-   */
-  isCondensed: PropTypes.bool,
-  /**
-   * Renders an item as a custom React node instead of a string.
-   */
-  itemToElement: PropTypes.func,
-  /**
-   * Helper function passed to downshift that allows the library to render a
-   * given item to a string label. By default, it extracts the `label` field
-   * from a given item to serve as the item label in the list.
-   */
-  itemToString: PropTypes.func,
-  /**
-   * We try to stay as generic as possible here to allow individuals to pass
-   * in a collection of whatever kind of data structure they prefer
-   */
-  items: PropTypes.array.isRequired,
-  /**
-   * Generic `label` that will be used as the textual representation of what
-   * this field is for
-   */
-  label: PropTypes.node.isRequired,
-  /**
-   * `onChange` is a utility for this controlled component to communicate to a
-   * consuming component what kind of internal state changes are occurring.
-   */
-  onChange: PropTypes.func.isRequired,
-  /**
-   * In the case you want to control the dropdown selection entirely.
-   */
-  selectedItem: PropTypes.oneOfType([PropTypes.object, PropTypes.string, PropTypes.number]),
-  /**
-   * Provide the title text that will be read by a screen reader when
-   * visiting this control
-   */
-  titleText: PropTypes.node,
-  /**
-   * Translates component strings using your i18n tool.
-   */
-  translateWithId: PropTypes.func,
-  /**
-   * Specify whether the control is currently in warning state
-   */
-  warn: PropTypes.bool,
-  /**
-   * Provide the text that is displayed when the control is in warning state
-   */
-  warnText: PropTypes.node
+	className: prop_types.default.string,
+	direction: prop_types.default.oneOf(["top", "bottom"]),
+	disabled: prop_types.default.bool,
+	id: prop_types.default.string.isRequired,
+	initialSelectedItem: prop_types.default.oneOfType([
+		prop_types.default.object,
+		prop_types.default.string,
+		prop_types.default.number
+	]),
+	invalid: prop_types.default.bool,
+	invalidText: prop_types.default.node,
+	isCondensed: prop_types.default.bool,
+	itemToElement: prop_types.default.func,
+	itemToString: prop_types.default.func,
+	items: prop_types.default.array.isRequired,
+	label: prop_types.default.node.isRequired,
+	onChange: prop_types.default.func.isRequired,
+	selectedItem: prop_types.default.oneOfType([
+		prop_types.default.object,
+		prop_types.default.string,
+		prop_types.default.number
+	]),
+	titleText: prop_types.default.node,
+	translateWithId: prop_types.default.func,
+	warn: prop_types.default.bool,
+	warnText: prop_types.default.node
 };
 
-exports.default = FluidComboBox;
+//#endregion
+exports.default = FluidComboBox;

package/lib/components/FluidDatePicker/FluidDatePicker.Skeleton.js

@@ -1,68 +1,71 @@
 /**
- * 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_FormContext = require('../FluidForm/FormContext.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 PropTypes = require('prop-types');
-var React = require('react');
-var cx = require('classnames');
-var usePrefix = require('../../internal/usePrefix.js');
-var FormContext = require('../FluidForm/FormContext.js');
-var iconsReact = require('@carbon/icons-react');
-
-const FluidDatePickerSkeleton = ({
-  className,
-  datePickerType = 'single',
-  ...other
-}) => {
-  const prefix = usePrefix.usePrefix();
-  const classNames = cx(className, `${prefix}--form-item ${prefix}--date-picker--fluid__skeleton`, {
-    [`${prefix}--date-picker--fluid__skeleton--range`]: datePickerType === 'range'
-  });
-  return /*#__PURE__*/React.createElement(FormContext.FormContext.Provider, {
-    value: {
-      isFluid: true
-    }
-  }, /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
-    className: classNames
-  }, other), /*#__PURE__*/React.createElement("div", {
-    className: `${prefix}--date-picker--fluid__skeleton--container`
-  }, /*#__PURE__*/React.createElement("span", {
-    className: `${prefix}--label ${prefix}--skeleton`
-  }), /*#__PURE__*/React.createElement("div", {
-    className: `${prefix}--skeleton ${prefix}--text-input`
-  }), datePickerType !== 'simple' && /*#__PURE__*/React.createElement(iconsReact.Calendar, {
-    className: `${prefix}--date-picker__icon`,
-    role: "img",
-    "aria-hidden": "true"
-  })), datePickerType === 'range' && /*#__PURE__*/React.createElement("div", {
-    className: `${prefix}--date-picker--fluid__skeleton--container`
-  }, /*#__PURE__*/React.createElement("span", {
-    className: `${prefix}--label ${prefix}--skeleton`
-  }), /*#__PURE__*/React.createElement("div", {
-    className: `${prefix}--skeleton ${prefix}--text-input`
-  }), /*#__PURE__*/React.createElement(iconsReact.Calendar, {
-    className: `${prefix}--date-picker__icon`,
-    role: "img",
-    "aria-hidden": "true"
-  }))));
+//#region src/components/FluidDatePicker/FluidDatePicker.Skeleton.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 FluidDatePickerSkeleton = ({ className, datePickerType = "single", ...other }) => {
+	const prefix = require_usePrefix.usePrefix();
+	const classNames = (0, classnames.default)(className, `${prefix}--form-item ${prefix}--date-picker--fluid__skeleton`, { [`${prefix}--date-picker--fluid__skeleton--range`]: datePickerType === "range" });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_FormContext.FormContext.Provider, {
+		value: { isFluid: true },
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: classNames,
+			...other,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: `${prefix}--date-picker--fluid__skeleton--container`,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: `${prefix}--label ${prefix}--skeleton` }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: `${prefix}--skeleton ${prefix}--text-input` }),
+					datePickerType !== "simple" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_carbon_icons_react.Calendar, {
+						className: `${prefix}--date-picker__icon`,
+						role: "img",
+						"aria-hidden": "true"
+					})
+				]
+			}), datePickerType === "range" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: `${prefix}--date-picker--fluid__skeleton--container`,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: `${prefix}--label ${prefix}--skeleton` }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: `${prefix}--skeleton ${prefix}--text-input` }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_carbon_icons_react.Calendar, {
+						className: `${prefix}--date-picker__icon`,
+						role: "img",
+						"aria-hidden": "true"
+					})
+				]
+			})]
+		})
+	});
 };
 FluidDatePickerSkeleton.propTypes = {
-  /**
-   * Specify an optional className to be applied to the outer FluidForm wrapper
-   */
-  className: PropTypes.string,
-  /**
-   * Specify which variant of the DatePicker the skeleton should mimic
-   */
-  datePickerType: PropTypes.oneOf(['simple', 'single', 'range'])
+	className: prop_types.default.string,
+	datePickerType: prop_types.default.oneOf([
+		"simple",
+		"single",
+		"range"
+	])
 };
 
-exports.default = FluidDatePickerSkeleton;
+//#endregion
+exports.default = FluidDatePickerSkeleton;

package/lib/components/FluidDatePicker/FluidDatePicker.js

@@ -1,83 +1,61 @@
 /**
- * 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_FormContext = require('../FluidForm/FormContext.js');
+const require_index = require('../DatePicker/index.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 cx = require('classnames');
-var DatePicker = require('../DatePicker/DatePicker.js');
-require('../DatePicker/DatePicker.Skeleton.js');
-var usePrefix = require('../../internal/usePrefix.js');
-var FormContext = require('../FluidForm/FormContext.js');
-var React = require('react');
-
-const FluidDatePicker = /*#__PURE__*/React.forwardRef(function FluidDatePicker({
-  className,
-  children,
-  invalid,
-  invalidText,
-  readOnly,
-  warn,
-  warnText,
-  ...other
-}, ref) {
-  const prefix = usePrefix.usePrefix();
-  const classNames = cx(className, {
-    [`${prefix}--date-picker--fluid`]: true,
-    [`${prefix}--date-picker--fluid--invalid`]: invalid,
-    [`${prefix}--date-picker--fluid--readonly`]: readOnly,
-    [`${prefix}--date-picker--fluid--warn`]: warn
-  });
-  return /*#__PURE__*/React.createElement(FormContext.FormContext.Provider, {
-    value: {
-      isFluid: true
-    }
-  }, /*#__PURE__*/React.createElement(DatePicker.default, _rollupPluginBabelHelpers.extends({
-    invalid: invalid,
-    invalidText: invalidText,
-    readOnly: readOnly,
-    warn: warn,
-    warnText: warnText,
-    className: classNames,
-    ref: ref
-  }, other), children));
+//#region src/components/FluidDatePicker/FluidDatePicker.tsx
+/**
+* Copyright IBM Corp. 2022, 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 FluidDatePicker = react.default.forwardRef(function FluidDatePicker({ className, children, invalid, invalidText, readOnly, warn, warnText, ...other }, ref) {
+	const prefix = require_usePrefix.usePrefix();
+	const classNames = (0, classnames.default)(className, {
+		[`${prefix}--date-picker--fluid`]: true,
+		[`${prefix}--date-picker--fluid--invalid`]: invalid,
+		[`${prefix}--date-picker--fluid--readonly`]: readOnly,
+		[`${prefix}--date-picker--fluid--warn`]: warn
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_FormContext.FormContext.Provider, {
+		value: { isFluid: true },
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, {
+			invalid,
+			invalidText,
+			readOnly,
+			warn,
+			warnText,
+			className: classNames,
+			ref,
+			...other,
+			children
+		})
+	});
 });
 FluidDatePicker.propTypes = {
-  /**
-   * The child node(s)
-   */
-  children: PropTypes.node,
-  /**
-   * Specify an optional className to be applied to the outer FluidForm wrapper
-   */
-  className: PropTypes.string,
-  /**
-   * Specify whether or not the control is invalid
-   */
-  invalid: PropTypes.bool,
-  /**
-   * Provide the text that is displayed when the control is in error state
-   */
-  invalidText: PropTypes.node,
-  /**
-   * Whether the input should be read-only
-   */
-  readOnly: PropTypes.bool,
-  /**
-   * Specify whether the control is currently in warning state
-   */
-  warn: PropTypes.bool,
-  /**
-   * Provide the text that is displayed when the control is in warning state
-   */
-  warnText: PropTypes.node
+	children: prop_types.default.node,
+	className: prop_types.default.string,
+	invalid: prop_types.default.bool,
+	invalidText: prop_types.default.node,
+	readOnly: prop_types.default.bool,
+	warn: prop_types.default.bool,
+	warnText: prop_types.default.node
 };
 
-exports.default = FluidDatePicker;
+//#endregion
+exports.default = FluidDatePicker;

package/lib/components/FluidDatePickerInput/FluidDatePickerInput.js

@@ -1,29 +1,34 @@
 /**
- * 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_FormContext = require('../FluidForm/FormContext.js');
+const require_index = require('../DatePickerInput/index.js');
+let react = require("react");
+react = require_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var React = require('react');
-var DatePickerInput = require('../DatePickerInput/DatePickerInput.js');
-var FormContext = require('../FluidForm/FormContext.js');
-
-const frFn = React.forwardRef;
-const FluidDatePickerInput = frFn((props, ref) => {
-  return /*#__PURE__*/React.createElement(FormContext.FormContext.Provider, {
-    value: {
-      isFluid: true
-    }
-  }, /*#__PURE__*/React.createElement(DatePickerInput.default, _rollupPluginBabelHelpers.extends({
-    ref: ref
-  }, props)));
+//#region src/components/FluidDatePickerInput/FluidDatePickerInput.tsx
+/**
+* Copyright IBM Corp. 2022, 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 FluidDatePickerInput = (0, react.forwardRef)((props, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_FormContext.FormContext.Provider, {
+		value: { isFluid: true },
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, {
+			ref,
+			...props
+		})
+	});
 });
-FluidDatePickerInput.propTypes = DatePickerInput.default.propTypes;
+FluidDatePickerInput.propTypes = require_index.default.propTypes;
 
-exports.default = FluidDatePickerInput;
+//#endregion
+exports.default = FluidDatePickerInput;

package/lib/components/FluidDropdown/FluidDropdown.Skeleton.js

@@ -1,41 +1,39 @@
 /**
- * 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");
 
-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');
-
-const FluidDropdownSkeleton = ({
-  className,
-  ...rest
-}) => {
-  const prefix = usePrefix.usePrefix();
-  const wrapperClasses = cx(className, `${prefix}--list-box__wrapper--fluid`);
-  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
-    className: wrapperClasses
-  }, rest), /*#__PURE__*/React.createElement("div", {
-    className: `${prefix}--skeleton ${prefix}--list-box`
-  }, /*#__PURE__*/React.createElement("span", {
-    className: `${prefix}--list-box__label`
-  }), /*#__PURE__*/React.createElement("div", {
-    className: `${prefix}--list-box__field`
-  })));
-};
-FluidDropdownSkeleton.propTypes = {
-  /**
-   * Specify an optional className to add.
-   */
-  className: PropTypes.string
+//#region src/components/FluidDropdown/FluidDropdown.Skeleton.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 FluidDropdownSkeleton = ({ className, ...rest }) => {
+	const prefix = require_usePrefix.usePrefix();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: (0, classnames.default)(className, `${prefix}--list-box__wrapper--fluid`),
+		...rest,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: `${prefix}--skeleton ${prefix}--list-box`,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: `${prefix}--list-box__label` }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: `${prefix}--list-box__field` })]
+		})
+	});
 };
+FluidDropdownSkeleton.propTypes = { className: prop_types.default.string };
 
-exports.default = FluidDropdownSkeleton;
+//#endregion
+exports.default = FluidDropdownSkeleton;