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

package/es/components/PrimaryButton/PrimaryButton.js

@@ -1,17 +1,19 @@
 /**
- * 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 Button from '../Button/Button.js';
-import '../Button/Button.Skeleton.js';
+import Button from "../Button/Button.js";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
 
-const PrimaryButton = props => /*#__PURE__*/React.createElement(Button, _extends({
-  kind: "primary"
-}, props));
+//#region src/components/PrimaryButton/PrimaryButton.tsx
+const PrimaryButton = (props) => /* @__PURE__ */ jsx(Button, {
+	kind: "primary",
+	...props
+});
 
-export { PrimaryButton as default };
+//#endregion
+export { PrimaryButton as default };

package/es/components/ProgressBar/ProgressBar.js

@@ -1,154 +1,128 @@
 /**
- * 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, { useRef } from 'react';
-import PropTypes from 'prop-types';
-import cx from 'classnames';
-import { ErrorFilled, CheckmarkFilled } from '@carbon/icons-react';
-import { useId } from '../../internal/useId.js';
-import { usePrefix } from '../../internal/usePrefix.js';
-import useIsomorphicEffect from '../../internal/useIsomorphicEffect.js';
+import { usePrefix } from "../../internal/usePrefix.js";
+import useIsomorphicEffect from "../../internal/useIsomorphicEffect.js";
+import { useId } from "../../internal/useId.js";
+import classNames from "classnames";
+import React, { useRef } from "react";
+import PropTypes from "prop-types";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CheckmarkFilled, ErrorFilled } from "@carbon/icons-react";
 
-function ProgressBar({
-  className,
-  helperText,
-  hideLabel,
-  label,
-  max = 100,
-  size = 'big',
-  status = 'active',
-  type = 'default',
-  value
-}) {
-  const labelId = useId('progress-bar');
-  const helperId = useId('progress-bar-helper');
-  const helperTextId = useId('progress-bar-helper-text');
-  const prefix = usePrefix();
-  const isFinished = status === 'finished';
-  const isError = status === 'error';
-  const indeterminate = !isFinished && !isError && (value === null || value === undefined);
-  let cappedValue = value;
-  if (cappedValue && cappedValue > max) {
-    cappedValue = max;
-  }
-  if (cappedValue && cappedValue < 0) {
-    cappedValue = 0;
-  }
-  if (isError) {
-    cappedValue = 0;
-  } else if (isFinished) {
-    cappedValue = max;
-  }
-  const percentage = (cappedValue ?? NaN) / max;
-  const wrapperClasses = cx(`${prefix}--progress-bar`, `${prefix}--progress-bar--${size}`, `${prefix}--progress-bar--${type}`, {
-    [`${prefix}--progress-bar--indeterminate`]: indeterminate,
-    [`${prefix}--progress-bar--finished`]: isFinished,
-    [`${prefix}--progress-bar--error`]: isError
-  }, className);
-  const labelClasses = cx(`${prefix}--progress-bar__label`, {
-    [`${prefix}--visually-hidden`]: hideLabel
-  });
-  let StatusIcon = null;
-  if (isError) {
-    // eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20452
-    StatusIcon = /*#__PURE__*/React.forwardRef((props, ref) => {
-      return /*#__PURE__*/React.createElement(ErrorFilled, _extends({
-        ref: ref,
-        size: 16
-      }, props));
-    });
-  } else if (isFinished) {
-    // eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20452
-    StatusIcon = /*#__PURE__*/React.forwardRef((props, ref) => {
-      return /*#__PURE__*/React.createElement(CheckmarkFilled, _extends({
-        ref: ref,
-        size: 16
-      }, props));
-    });
-  }
-  const ref = useRef(null);
-  useIsomorphicEffect(() => {
-    if (ref.current) {
-      if (!isFinished && !isError) {
-        ref.current.style.transform = `scaleX(${percentage})`;
-      } else {
-        ref.current.style.transform = '';
-      }
-    }
-  }, [percentage, isFinished, isError]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: wrapperClasses
-  }, /*#__PURE__*/React.createElement("div", {
-    className: labelClasses,
-    id: labelId
-  }, /*#__PURE__*/React.createElement("span", {
-    className: `${prefix}--progress-bar__label-text`
-  }, label), StatusIcon && /*#__PURE__*/React.createElement(StatusIcon, {
-    className: `${prefix}--progress-bar__status-icon`
-  })), /*#__PURE__*/React.createElement("div", {
-    className: `${prefix}--progress-bar__track`,
-    role: "progressbar",
-    "aria-busy": !isFinished,
-    "aria-invalid": isError,
-    "aria-labelledby": labelId,
-    "aria-describedby": helperText ? helperTextId : undefined,
-    "aria-valuemin": !indeterminate ? 0 : undefined,
-    "aria-valuemax": !indeterminate ? max : undefined,
-    "aria-valuenow": !indeterminate ? cappedValue : undefined
-  }, /*#__PURE__*/React.createElement("div", {
-    className: `${prefix}--progress-bar__bar`,
-    ref: ref
-  })), helperText && /*#__PURE__*/React.createElement("div", {
-    id: helperTextId,
-    className: `${prefix}--progress-bar__helper-text`
-  }, helperText, /*#__PURE__*/React.createElement("div", {
-    className: `${prefix}--visually-hidden`,
-    "aria-live": "polite",
-    id: helperId
-  }, isFinished ? 'Done' : 'Loading')));
+//#region src/components/ProgressBar/ProgressBar.tsx
+/**
+* Copyright IBM Corp. 2021
+*
+* 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 ProgressBar({ className, helperText, hideLabel, label, max = 100, size = "big", status = "active", type = "default", value }) {
+	const labelId = useId("progress-bar");
+	const helperId = useId("progress-bar-helper");
+	const helperTextId = useId("progress-bar-helper-text");
+	const prefix = usePrefix();
+	const isFinished = status === "finished";
+	const isError = status === "error";
+	const indeterminate = !isFinished && !isError && (value === null || value === void 0);
+	let cappedValue = value;
+	if (cappedValue && cappedValue > max) cappedValue = max;
+	if (cappedValue && cappedValue < 0) cappedValue = 0;
+	if (isError) cappedValue = 0;
+	else if (isFinished) cappedValue = max;
+	const percentage = (cappedValue ?? NaN) / max;
+	const wrapperClasses = classNames(`${prefix}--progress-bar`, `${prefix}--progress-bar--${size}`, `${prefix}--progress-bar--${type}`, {
+		[`${prefix}--progress-bar--indeterminate`]: indeterminate,
+		[`${prefix}--progress-bar--finished`]: isFinished,
+		[`${prefix}--progress-bar--error`]: isError
+	}, className);
+	const labelClasses = classNames(`${prefix}--progress-bar__label`, { [`${prefix}--visually-hidden`]: hideLabel });
+	let StatusIcon = null;
+	if (isError) StatusIcon = React.forwardRef((props, ref) => {
+		return /* @__PURE__ */ jsx(ErrorFilled, {
+			ref,
+			size: 16,
+			...props
+		});
+	});
+	else if (isFinished) StatusIcon = React.forwardRef((props, ref) => {
+		return /* @__PURE__ */ jsx(CheckmarkFilled, {
+			ref,
+			size: 16,
+			...props
+		});
+	});
+	const ref = useRef(null);
+	useIsomorphicEffect(() => {
+		if (ref.current) if (!isFinished && !isError) ref.current.style.transform = `scaleX(${percentage})`;
+		else ref.current.style.transform = "";
+	}, [
+		percentage,
+		isFinished,
+		isError
+	]);
+	return /* @__PURE__ */ jsxs("div", {
+		className: wrapperClasses,
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: labelClasses,
+				id: labelId,
+				children: [/* @__PURE__ */ jsx("span", {
+					className: `${prefix}--progress-bar__label-text`,
+					children: label
+				}), StatusIcon && /* @__PURE__ */ jsx(StatusIcon, { className: `${prefix}--progress-bar__status-icon` })]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: `${prefix}--progress-bar__track`,
+				role: "progressbar",
+				"aria-busy": !isFinished,
+				"aria-invalid": isError,
+				"aria-labelledby": labelId,
+				"aria-describedby": helperText ? helperTextId : void 0,
+				"aria-valuemin": !indeterminate ? 0 : void 0,
+				"aria-valuemax": !indeterminate ? max : void 0,
+				"aria-valuenow": !indeterminate ? cappedValue : void 0,
+				children: /* @__PURE__ */ jsx("div", {
+					className: `${prefix}--progress-bar__bar`,
+					ref
+				})
+			}),
+			helperText && /* @__PURE__ */ jsxs("div", {
+				id: helperTextId,
+				className: `${prefix}--progress-bar__helper-text`,
+				children: [helperText, /* @__PURE__ */ jsx("div", {
+					className: `${prefix}--visually-hidden`,
+					"aria-live": "polite",
+					id: helperId,
+					children: isFinished ? "Done" : "Loading"
+				})]
+			})
+		]
+	});
 }
 ProgressBar.propTypes = {
-  /**
-   * Additional CSS class names.
-   */
-  className: PropTypes.string,
-  /**
-   * The current progress as a textual representation.
-   */
-  helperText: PropTypes.string,
-  /**
-   * Whether the label should be visually hidden.
-   */
-  hideLabel: PropTypes.bool,
-  /**
-   * A label describing the progress bar.
-   */
-  label: PropTypes.string.isRequired,
-  /**
-   * The maximum value.
-   */
-  max: PropTypes.number,
-  /**
-   * Specify the size of the ProgressBar.
-   */
-  size: PropTypes.oneOf(['small', 'big']),
-  /**
-   * Specify the status.
-   */
-  status: PropTypes.oneOf(['active', 'finished', 'error']),
-  /**
-   * Defines the alignment variant of the progress bar.
-   */
-  type: PropTypes.oneOf(['default', 'inline', 'indented']),
-  /**
-   * The current value.
-   */
-  value: PropTypes.number
+	className: PropTypes.string,
+	helperText: PropTypes.string,
+	hideLabel: PropTypes.bool,
+	label: PropTypes.string.isRequired,
+	max: PropTypes.number,
+	size: PropTypes.oneOf(["small", "big"]),
+	status: PropTypes.oneOf([
+		"active",
+		"finished",
+		"error"
+	]),
+	type: PropTypes.oneOf([
+		"default",
+		"inline",
+		"indented"
+	]),
+	value: PropTypes.number
 };
 
-export { ProgressBar as default };
+//#endregion
+export { ProgressBar as default };

package/es/components/ProgressIndicator/ProgressIndicator.Skeleton.js

@@ -1,51 +1,55 @@
 /**
- * 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 { CircleDash } from '@carbon/icons-react';
+import { usePrefix } from "../../internal/usePrefix.js";
+import classNames from "classnames";
+import React from "react";
+import PropTypes from "prop-types";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CircleDash } from "@carbon/icons-react";
 
-var _CircleDash, _Step, _Step2, _Step3, _Step4;
+//#region src/components/ProgressIndicator/ProgressIndicator.Skeleton.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 Step() {
-  const prefix = usePrefix();
-  return /*#__PURE__*/React.createElement("li", {
-    className: `${prefix}--progress-step ${prefix}--progress-step--incomplete`
-  }, /*#__PURE__*/React.createElement("div", {
-    className: `${prefix}--progress-step-button ${prefix}--progress-step-button--unclickable`
-  }, _CircleDash || (_CircleDash = /*#__PURE__*/React.createElement(CircleDash, null)), /*#__PURE__*/React.createElement("p", {
-    className: `${prefix}--progress-label`
-  }), /*#__PURE__*/React.createElement("span", {
-    className: `${prefix}--progress-line`
-  })));
+	const prefix = usePrefix();
+	return /* @__PURE__ */ jsx("li", {
+		className: `${prefix}--progress-step ${prefix}--progress-step--incomplete`,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: `${prefix}--progress-step-button ${prefix}--progress-step-button--unclickable`,
+			children: [
+				/* @__PURE__ */ jsx(CircleDash, {}),
+				/* @__PURE__ */ jsx("p", { className: `${prefix}--progress-label` }),
+				/* @__PURE__ */ jsx("span", { className: `${prefix}--progress-line` })
+			]
+		})
+	});
 }
-function ProgressIndicatorSkeleton({
-  className,
-  vertical,
-  ...rest
-}) {
-  const prefix = usePrefix();
-  return /*#__PURE__*/React.createElement("ul", _extends({
-    className: cx(`${prefix}--progress`, `${prefix}--skeleton`, {
-      [`${prefix}--progress--vertical`]: vertical
-    }, className)
-  }, rest), _Step || (_Step = /*#__PURE__*/React.createElement(Step, null)), _Step2 || (_Step2 = /*#__PURE__*/React.createElement(Step, null)), _Step3 || (_Step3 = /*#__PURE__*/React.createElement(Step, null)), _Step4 || (_Step4 = /*#__PURE__*/React.createElement(Step, null)));
+function ProgressIndicatorSkeleton({ className, vertical, ...rest }) {
+	const prefix = usePrefix();
+	return /* @__PURE__ */ jsxs("ul", {
+		className: classNames(`${prefix}--progress`, `${prefix}--skeleton`, { [`${prefix}--progress--vertical`]: vertical }, className),
+		...rest,
+		children: [
+			/* @__PURE__ */ jsx(Step, {}),
+			/* @__PURE__ */ jsx(Step, {}),
+			/* @__PURE__ */ jsx(Step, {}),
+			/* @__PURE__ */ jsx(Step, {})
+		]
+	});
 }
 ProgressIndicatorSkeleton.propTypes = {
-  /**
-   * Specify an optional className to add.
-   */
-  className: PropTypes.string,
-  /**
-   * Determines whether or not the ProgressIndicator should be rendered vertically.
-   */
-  vertical: PropTypes.bool
+	className: PropTypes.string,
+	vertical: PropTypes.bool
 };
 
-export { ProgressIndicatorSkeleton, ProgressIndicatorSkeleton as default };
+//#endregion
+export { ProgressIndicatorSkeleton as default };