@carbon/react 1.103.0 → 1.104.0

package/lib/components/PrimaryButton/PrimaryButton.js

@@ -1,21 +1,27 @@
 /**
- * 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_Button = require('../Button/Button.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 Button = require('../Button/Button.js');
-require('../Button/Button.Skeleton.js');
-
-const PrimaryButton = props => /*#__PURE__*/React.createElement(Button.default, _rollupPluginBabelHelpers.extends({
-  kind: "primary"
-}, props));
+//#region src/components/PrimaryButton/PrimaryButton.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 PrimaryButton = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.default, {
+	kind: "primary",
+	...props
+});
 
-exports.default = PrimaryButton;
+//#endregion
+exports.default = PrimaryButton;

package/lib/components/ProgressBar/ProgressBar.js

@@ -1,158 +1,132 @@
 /**
- * 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_useIsomorphicEffect = require('../../internal/useIsomorphicEffect.js');
+const require_useId = require('../../internal/useId.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 React = require('react');
-var PropTypes = require('prop-types');
-var cx = require('classnames');
-var iconsReact = require('@carbon/icons-react');
-var useId = require('../../internal/useId.js');
-var usePrefix = require('../../internal/usePrefix.js');
-var useIsomorphicEffect = require('../../internal/useIsomorphicEffect.js');
-
-function ProgressBar({
-  className,
-  helperText,
-  hideLabel,
-  label,
-  max = 100,
-  size = 'big',
-  status = 'active',
-  type = 'default',
-  value
-}) {
-  const labelId = useId.useId('progress-bar');
-  const helperId = useId.useId('progress-bar-helper');
-  const helperTextId = useId.useId('progress-bar-helper-text');
-  const prefix = usePrefix.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(iconsReact.ErrorFilled, _rollupPluginBabelHelpers.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(iconsReact.CheckmarkFilled, _rollupPluginBabelHelpers.extends({
-        ref: ref,
-        size: 16
-      }, props));
-    });
-  }
-  const ref = React.useRef(null);
-  useIsomorphicEffect.default(() => {
-    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 = require_useId.useId("progress-bar");
+	const helperId = require_useId.useId("progress-bar-helper");
+	const helperTextId = require_useId.useId("progress-bar-helper-text");
+	const prefix = require_usePrefix.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 = (0, classnames.default)(`${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 = (0, classnames.default)(`${prefix}--progress-bar__label`, { [`${prefix}--visually-hidden`]: hideLabel });
+	let StatusIcon = null;
+	if (isError) StatusIcon = react.default.forwardRef((props, ref) => {
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_carbon_icons_react.ErrorFilled, {
+			ref,
+			size: 16,
+			...props
+		});
+	});
+	else if (isFinished) StatusIcon = react.default.forwardRef((props, ref) => {
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_carbon_icons_react.CheckmarkFilled, {
+			ref,
+			size: 16,
+			...props
+		});
+	});
+	const ref = (0, react.useRef)(null);
+	require_useIsomorphicEffect.default(() => {
+		if (ref.current) if (!isFinished && !isError) ref.current.style.transform = `scaleX(${percentage})`;
+		else ref.current.style.transform = "";
+	}, [
+		percentage,
+		isFinished,
+		isError
+	]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: wrapperClasses,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: labelClasses,
+				id: labelId,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: `${prefix}--progress-bar__label-text`,
+					children: label
+				}), StatusIcon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StatusIcon, { className: `${prefix}--progress-bar__status-icon` })]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: `${prefix}--progress-bar__bar`,
+					ref
+				})
+			}),
+			helperText && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				id: helperTextId,
+				className: `${prefix}--progress-bar__helper-text`,
+				children: [helperText, /* @__PURE__ */ (0, react_jsx_runtime.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: prop_types.default.string,
+	helperText: prop_types.default.string,
+	hideLabel: prop_types.default.bool,
+	label: prop_types.default.string.isRequired,
+	max: prop_types.default.number,
+	size: prop_types.default.oneOf(["small", "big"]),
+	status: prop_types.default.oneOf([
+		"active",
+		"finished",
+		"error"
+	]),
+	type: prop_types.default.oneOf([
+		"default",
+		"inline",
+		"indented"
+	]),
+	value: prop_types.default.number
 };
 
-exports.default = ProgressBar;
+//#endregion
+exports.default = ProgressBar;

package/lib/components/ProgressIndicator/ProgressIndicator.Skeleton.js

@@ -1,56 +1,59 @@
 /**
- * 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 PropTypes = require('prop-types');
-var React = require('react');
-var cx = require('classnames');
-var usePrefix = require('../../internal/usePrefix.js');
-var iconsReact = require('@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.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(iconsReact.CircleDash, null)), /*#__PURE__*/React.createElement("p", {
-    className: `${prefix}--progress-label`
-  }), /*#__PURE__*/React.createElement("span", {
-    className: `${prefix}--progress-line`
-  })));
+	const prefix = require_usePrefix.usePrefix();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
+		className: `${prefix}--progress-step ${prefix}--progress-step--incomplete`,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: `${prefix}--progress-step-button ${prefix}--progress-step-button--unclickable`,
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_carbon_icons_react.CircleDash, {}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { className: `${prefix}--progress-label` }),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: `${prefix}--progress-line` })
+			]
+		})
+	});
 }
-function ProgressIndicatorSkeleton({
-  className,
-  vertical,
-  ...rest
-}) {
-  const prefix = usePrefix.usePrefix();
-  return /*#__PURE__*/React.createElement("ul", _rollupPluginBabelHelpers.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 = require_usePrefix.usePrefix();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("ul", {
+		className: (0, classnames.default)(`${prefix}--progress`, `${prefix}--skeleton`, { [`${prefix}--progress--vertical`]: vertical }, className),
+		...rest,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Step, {}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Step, {}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Step, {}),
+			/* @__PURE__ */ (0, react_jsx_runtime.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: prop_types.default.string,
+	vertical: prop_types.default.bool
 };
 
-exports.ProgressIndicatorSkeleton = ProgressIndicatorSkeleton;
-exports.default = ProgressIndicatorSkeleton;
+//#endregion
+exports.default = ProgressIndicatorSkeleton;