@carbon/react 1.103.0-rc.0 → 1.104.0-rc.0

package/es/components/FluidTextInput/FluidTextInput.js

@@ -1,115 +1,60 @@
 /**
- * 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.
  */
 
-import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import PropTypes from 'prop-types';
-import React from 'react';
-import cx from 'classnames';
-import TextInput from '../TextInput/TextInput.js';
-import '../TextInput/TextInput.Skeleton.js';
-import '../TextInput/ControlledPasswordInput.js';
-import PasswordInput from '../TextInput/PasswordInput.js';
-import { usePrefix } from '../../internal/usePrefix.js';
-import { FormContext } from '../FluidForm/FormContext.js';
+import { usePrefix } from "../../internal/usePrefix.js";
+import { FormContext } from "../FluidForm/FormContext.js";
+import PasswordInput from "../TextInput/PasswordInput.js";
+import TextInput_default from "../TextInput/index.js";
+import classNames from "classnames";
+import React from "react";
+import PropTypes from "prop-types";
+import { jsx } from "react/jsx-runtime";
 
-// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20452
-const FluidTextInput = /*#__PURE__*/React.forwardRef(({
-  className,
-  isPassword,
-  ...other
-}, ref) => {
-  const prefix = usePrefix();
-  const classNames = cx(className, {
-    [`${prefix}--text-input--fluid`]: !isPassword
-  });
-  return /*#__PURE__*/React.createElement(FormContext.Provider, {
-    value: {
-      isFluid: true
-    }
-  }, isPassword ? /*#__PURE__*/React.createElement(PasswordInput, _extends({
-    className: classNames,
-    ref: ref
-  }, other)) : /*#__PURE__*/React.createElement(TextInput, _extends({
-    className: classNames,
-    ref: ref
-  }, other)));
+//#region src/components/FluidTextInput/FluidTextInput.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.
+*/
+const FluidTextInput = React.forwardRef(({ className, isPassword, ...other }, ref) => {
+	const classNames$1 = classNames(className, { [`${usePrefix()}--text-input--fluid`]: !isPassword });
+	return /* @__PURE__ */ jsx(FormContext.Provider, {
+		value: { isFluid: true },
+		children: isPassword ? /* @__PURE__ */ jsx(PasswordInput, {
+			className: classNames$1,
+			ref,
+			...other
+		}) : /* @__PURE__ */ jsx(TextInput_default, {
+			className: classNames$1,
+			ref,
+			...other
+		})
+	});
 });
 FluidTextInput.propTypes = {
-  /**
-   * Specify an optional className to be applied to the outer FluidForm wrapper
-   */
-  className: PropTypes.string,
-  /**
-   * Optionally provide the default value of the `<input>`
-   */
-  defaultValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  /**
-   * Specify whether the `<input>` should be disabled
-   */
-  disabled: PropTypes.bool,
-  /**
-   * Specify a custom `id` for the `<input>`
-   */
-  id: PropTypes.string.isRequired,
-  /**
-   * Specify whether the control is currently invalid
-   */
-  invalid: PropTypes.bool,
-  /**
-   * Provide the text that is displayed when the control is in an invalid state
-   */
-  invalidText: PropTypes.node,
-  /**
-   * Specify whether the control is a password input
-   */
-  isPassword: PropTypes.bool,
-  /**
-   * Max character count allowed for the textInput. This is needed in order for enableCounter to display
-   */
-  maxCount: PropTypes.number,
-  /**
-   * Specify whether to display the character counter
-   */
-  enableCounter: PropTypes.bool,
-  /**
-   * Provide the text that will be read by a screen reader when visiting this
-   * control
-   */
-  labelText: PropTypes.node.isRequired,
-  /**
-   * Optionally provide an `onChange` handler that is called whenever `<input>`
-   * is updated
-   */
-  onChange: PropTypes.func,
-  /**
-   * Optionally provide an `onClick` handler that is called whenever the
-   * `<input>` is clicked
-   */
-  onClick: PropTypes.func,
-  /**
-   * Specify the placeholder attribute for the `<input>`
-   */
-  placeholder: PropTypes.string,
-  /**
-   * Specify the value of the `<input>`
-   */
-  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  /**
-   * 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,
-  /**
-   * Whether or not the component is readonly
-   */
-  readOnly: PropTypes.bool
+	className: PropTypes.string,
+	defaultValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+	disabled: PropTypes.bool,
+	id: PropTypes.string.isRequired,
+	invalid: PropTypes.bool,
+	invalidText: PropTypes.node,
+	isPassword: PropTypes.bool,
+	maxCount: PropTypes.number,
+	enableCounter: PropTypes.bool,
+	labelText: PropTypes.node.isRequired,
+	onChange: PropTypes.func,
+	onClick: PropTypes.func,
+	placeholder: PropTypes.string,
+	value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+	warn: PropTypes.bool,
+	warnText: PropTypes.node,
+	readOnly: PropTypes.bool
 };
 
-export { FluidTextInput as default };
+//#endregion
+export { FluidTextInput as default };

package/es/components/FluidTextInput/index.js

@@ -1,14 +1,22 @@
 /**
- * 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.
  */
 
-import FluidTextInput from './FluidTextInput.js';
-export { default as FluidPasswordInput } from './FluidPasswordInput.js';
-export { default as FluidTextInputSkeleton } from './FluidTextInput.Skeleton.js';
-
+import FluidTextInput from "./FluidTextInput.js";
+import FluidPasswordInput from "./FluidPasswordInput.js";
+import FluidTextInputSkeleton from "./FluidTextInput.Skeleton.js";
 
+//#region src/components/FluidTextInput/index.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.
+*/
+var FluidTextInput_default = FluidTextInput;
 
-export { FluidTextInput, FluidTextInput as default };
+//#endregion
+export { FluidTextInput_default as default };

package/es/components/FluidTimePicker/FluidTimePicker.Skeleton.js

@@ -1,44 +1,41 @@
 /**
- * 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.
  */
 
-import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import PropTypes from 'prop-types';
-import React from 'react';
-import cx from 'classnames';
-import { usePrefix } from '../../internal/usePrefix.js';
-import '../FluidTextInput/FluidTextInput.js';
-import '../FluidTextInput/FluidPasswordInput.js';
-import FluidTextInputSkeleton from '../FluidTextInput/FluidTextInput.Skeleton.js';
-import '../FluidSelect/FluidSelect.js';
-import FluidSelectSkeleton from '../FluidSelect/FluidSelect.Skeleton.js';
+import { usePrefix } from "../../internal/usePrefix.js";
+import FluidSelectSkeleton from "../FluidSelect/FluidSelect.Skeleton.js";
+import FluidTextInputSkeleton from "../FluidTextInput/FluidTextInput.Skeleton.js";
+import classNames from "classnames";
+import React from "react";
+import PropTypes from "prop-types";
+import { jsx, jsxs } from "react/jsx-runtime";
 
-var _FluidTextInputSkelet, _FluidSelectSkeleton, _FluidSelectSkeleton2;
-const FluidTimePickerSkeleton = ({
-  className,
-  isOnlyTwo,
-  ...rest
-}) => {
-  const prefix = usePrefix();
-  const wrapperClasses = cx(className, `${prefix}--time-picker--fluid--skeleton`, {
-    [`${prefix}--time-picker--equal-width`]: isOnlyTwo
-  });
-  return /*#__PURE__*/React.createElement("div", _extends({
-    className: wrapperClasses
-  }, rest), _FluidTextInputSkelet || (_FluidTextInputSkelet = /*#__PURE__*/React.createElement(FluidTextInputSkeleton, null)), _FluidSelectSkeleton || (_FluidSelectSkeleton = /*#__PURE__*/React.createElement(FluidSelectSkeleton, null)), !isOnlyTwo ? _FluidSelectSkeleton2 || (_FluidSelectSkeleton2 = /*#__PURE__*/React.createElement(FluidSelectSkeleton, null)) : null);
+//#region src/components/FluidTimePicker/FluidTimePicker.Skeleton.tsx
+/**
+* Copyright IBM Corp. 2022
+*
+* 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 FluidTimePickerSkeleton = ({ className, isOnlyTwo, ...rest }) => {
+	const prefix = usePrefix();
+	return /* @__PURE__ */ jsxs("div", {
+		className: classNames(className, `${prefix}--time-picker--fluid--skeleton`, { [`${prefix}--time-picker--equal-width`]: isOnlyTwo }),
+		...rest,
+		children: [
+			/* @__PURE__ */ jsx(FluidTextInputSkeleton, {}),
+			/* @__PURE__ */ jsx(FluidSelectSkeleton, {}),
+			!isOnlyTwo ? /* @__PURE__ */ jsx(FluidSelectSkeleton, {}) : null
+		]
+	});
 };
 FluidTimePickerSkeleton.propTypes = {
-  /**
-   * Specify an optional className to add.
-   */
-  className: PropTypes.string,
-  /**
-   * Specify if there are only two TimePicker elements
-   */
-  isOnlyTwo: PropTypes.bool
+	className: PropTypes.string,
+	isOnlyTwo: PropTypes.bool
 };
 
-export { FluidTimePickerSkeleton as default };
+//#endregion
+export { FluidTimePickerSkeleton as default };

package/es/components/FluidTimePicker/FluidTimePicker.js

@@ -1,126 +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.
  */
 
-import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React from 'react';
-import PropTypes from 'prop-types';
-import cx from 'classnames';
-import FluidTextInput from '../FluidTextInput/FluidTextInput.js';
-import '../FluidTextInput/FluidPasswordInput.js';
-import '../FluidTextInput/FluidTextInput.Skeleton.js';
-import { usePrefix } from '../../internal/usePrefix.js';
-import { WarningFilled, WarningAltFilled } from '@carbon/icons-react';
+import { usePrefix } from "../../internal/usePrefix.js";
+import FluidTextInput_default from "../FluidTextInput/index.js";
+import classNames from "classnames";
+import React from "react";
+import PropTypes from "prop-types";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { WarningAltFilled, WarningFilled } from "@carbon/icons-react";
 
-// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20452
-const FluidTimePicker = /*#__PURE__*/React.forwardRef(({
-  className,
-  children,
-  disabled,
-  invalid,
-  invalidText,
-  warn,
-  warnText,
-  readOnly,
-  ...other
-}, ref) => {
-  const prefix = usePrefix();
-  const classNames = cx(className, {
-    [`${prefix}--time-picker--fluid`]: true,
-    [`${prefix}--time-picker--equal-width`]: React.Children.toArray(children).length !== 2,
-    [`${prefix}--time-picker--fluid--disabled`]: disabled,
-    [`${prefix}--time-picker--fluid--invalid`]: invalid,
-    [`${prefix}--time-picker--fluid--warning`]: warn
-  });
-  const errorText = () => {
-    if (invalid) {
-      return invalidText;
-    }
-    if (warn) {
-      return warnText;
-    }
-  };
-  const error = invalid || warn;
-  const childrenWithProps = () => {
-    if (disabled) {
-      return React.Children.toArray(children).map(child =>
-      /*#__PURE__*/
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
-      React.cloneElement(child, {
-        disabled: true
-      }));
-    }
-    if (readOnly) {
-      return React.Children.toArray(children).map(child =>
-      /*#__PURE__*/
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
-      React.cloneElement(child, {
-        readOnly: true
-      }));
-    }
-    return children;
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames
-  }, /*#__PURE__*/React.createElement("div", {
-    className: `${prefix}--time-picker--fluid__wrapper`
-  }, /*#__PURE__*/React.createElement("div", {
-    className: `${prefix}--time-picker__input`
-  }, /*#__PURE__*/React.createElement(FluidTextInput, _extends({
-    ref: ref,
-    readOnly: readOnly,
-    disabled: disabled
-  }, other))), childrenWithProps()), error && /*#__PURE__*/React.createElement("hr", {
-    className: `${prefix}--time-picker__divider`
-  }), error && /*#__PURE__*/React.createElement("div", {
-    className: `${prefix}--form-requirement`
-  }, errorText()), error && invalid ? /*#__PURE__*/React.createElement(WarningFilled, {
-    className: `${prefix}--time-picker__icon ${prefix}--time-picker__icon--invalid`
-  }) : /*#__PURE__*/React.createElement(WarningAltFilled, {
-    className: `${prefix}--time-picker__icon ${prefix}--time-picker__icon--warn`
-  }));
+//#region src/components/FluidTimePicker/FluidTimePicker.tsx
+/**
+* Copyright IBM Corp. 2022
+*
+* 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 FluidTimePicker = React.forwardRef(({ className, children, disabled, invalid, invalidText, warn, warnText, readOnly, ...other }, ref) => {
+	const prefix = usePrefix();
+	const classNames$1 = classNames(className, {
+		[`${prefix}--time-picker--fluid`]: true,
+		[`${prefix}--time-picker--equal-width`]: React.Children.toArray(children).length !== 2,
+		[`${prefix}--time-picker--fluid--disabled`]: disabled,
+		[`${prefix}--time-picker--fluid--invalid`]: invalid,
+		[`${prefix}--time-picker--fluid--warning`]: warn
+	});
+	const errorText = () => {
+		if (invalid) return invalidText;
+		if (warn) return warnText;
+	};
+	const error = invalid || warn;
+	const childrenWithProps = () => {
+		if (disabled) return React.Children.toArray(children).map((child) => React.cloneElement(child, { disabled: true }));
+		if (readOnly) return React.Children.toArray(children).map((child) => React.cloneElement(child, { readOnly: true }));
+		return children;
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: classNames$1,
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: `${prefix}--time-picker--fluid__wrapper`,
+				children: [/* @__PURE__ */ jsx("div", {
+					className: `${prefix}--time-picker__input`,
+					children: /* @__PURE__ */ jsx(FluidTextInput_default, {
+						ref,
+						readOnly,
+						disabled,
+						...other
+					})
+				}), childrenWithProps()]
+			}),
+			error && /* @__PURE__ */ jsx("hr", { className: `${prefix}--time-picker__divider` }),
+			error && /* @__PURE__ */ jsx("div", {
+				className: `${prefix}--form-requirement`,
+				children: errorText()
+			}),
+			error && invalid ? /* @__PURE__ */ jsx(WarningFilled, { className: `${prefix}--time-picker__icon ${prefix}--time-picker__icon--invalid` }) : /* @__PURE__ */ jsx(WarningAltFilled, { className: `${prefix}--time-picker__icon ${prefix}--time-picker__icon--warn` })
+		]
+	});
 });
 FluidTimePicker.propTypes = {
-  /**
-   * The child node(s)
-   */
-  children: PropTypes.node,
-  /**
-   * Specify an optional className to be applied to the outer FluidTimePicker wrapper
-   */
-  className: PropTypes.string,
-  /**
-   * Specify whether the `<input>` should be disabled
-   */
-  disabled: PropTypes.bool,
-  /**
-   * 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,
-  /**
-   * Provide the text that will be read by a screen reader when visiting this
-   * control
-   */
-  labelText: PropTypes.node.isRequired,
-  /**
-   * 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,
-  /**
-   * Whether or not the component is readonly
-   */
-  readOnly: PropTypes.bool
+	children: PropTypes.node,
+	className: PropTypes.string,
+	disabled: PropTypes.bool,
+	invalid: PropTypes.bool,
+	invalidText: PropTypes.node,
+	labelText: PropTypes.node.isRequired,
+	warn: PropTypes.bool,
+	warnText: PropTypes.node,
+	readOnly: PropTypes.bool
 };
 
-export { FluidTimePicker as default };
+//#endregion
+export { FluidTimePicker as default };

package/es/components/FluidTimePickerSelect/FluidTimePickerSelect.js

@@ -1,58 +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.
  */
 
-import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React from 'react';
-import PropTypes from 'prop-types';
-import FluidSelect from '../FluidSelect/FluidSelect.js';
-import '../FluidSelect/FluidSelect.Skeleton.js';
+import FluidSelect_default from "../FluidSelect/index.js";
+import React from "react";
+import PropTypes from "prop-types";
+import { jsx } from "react/jsx-runtime";
 
-// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20452
-const FluidTimePickerSelect = /*#__PURE__*/React.forwardRef(({
-  children,
-  className,
-  ...other
-}, ref) => {
-  return /*#__PURE__*/React.createElement(FluidSelect, _extends({
-    className: className,
-    ref: ref
-  }, other), children);
+//#region src/components/FluidTimePickerSelect/FluidTimePickerSelect.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 FluidTimePickerSelect = React.forwardRef(({ children, className, ...other }, ref) => {
+	return /* @__PURE__ */ jsx(FluidSelect_default, {
+		className,
+		ref,
+		...other,
+		children
+	});
 });
 FluidTimePickerSelect.propTypes = {
-  /**
-   * Provide the contents of your Select
-   */
-  children: PropTypes.node,
-  /**
-   * Specify an optional className to be applied to the node containing the label and the select box
-   */
-  className: PropTypes.string,
-  /**
-   * Optionally provide the default value of the `<select>`
-   */
-  defaultValue: PropTypes.any,
-  /**
-   * Specify whether the control is disabled
-   */
-  disabled: PropTypes.bool,
-  /**
-   * Specify a custom `id` for the `<select>`
-   */
-  id: PropTypes.string.isRequired,
-  /**
-   * Provide label text to be read by screen readers when interacting with the
-   * control
-   */
-  labelText: PropTypes.node,
-  /**
-   * Provide an optional `onChange` hook that is called each time the value of
-   * the underlying `<input>` changes
-   */
-  onChange: PropTypes.func
+	children: PropTypes.node,
+	className: PropTypes.string,
+	defaultValue: PropTypes.any,
+	disabled: PropTypes.bool,
+	id: PropTypes.string.isRequired,
+	labelText: PropTypes.node,
+	onChange: PropTypes.func
 };
 
-export { FluidTimePickerSelect as default };
+//#endregion
+export { FluidTimePickerSelect as default };

package/es/components/Form/Form.js

@@ -1,36 +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.
  */
 
-import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import PropTypes from 'prop-types';
-import React from 'react';
-import cx from 'classnames';
-import { usePrefix } from '../../internal/usePrefix.js';
+import { usePrefix } from "../../internal/usePrefix.js";
+import classNames from "classnames";
+import React from "react";
+import PropTypes from "prop-types";
+import { jsx } from "react/jsx-runtime";
 
-function Form({
-  className,
-  children,
-  ...other
-}) {
-  const prefix = usePrefix();
-  const classNames = cx(`${prefix}--form`, className);
-  return /*#__PURE__*/React.createElement("form", _extends({
-    className: classNames
-  }, other), children);
+//#region src/components/Form/Form.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 Form({ className, children, ...other }) {
+	return /* @__PURE__ */ jsx("form", {
+		className: classNames(`${usePrefix()}--form`, className),
+		...other,
+		children
+	});
 }
 Form.propTypes = {
-  /**
-   * Provide children to be rendered inside of the <form> element
-   */
-  children: PropTypes.node,
-  /**
-   * Provide a custom className to be applied on the containing <form> node
-   */
-  className: PropTypes.string
+	children: PropTypes.node,
+	className: PropTypes.string
 };
 
-export { Form as default };
+//#endregion
+export { Form as default };