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

package/es/components/ProgressIndicator/ProgressIndicator.js

@@ -1,262 +1,165 @@
 /**
- * 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 cx from 'classnames';
-import PropTypes from 'prop-types';
-import React, { useState } from 'react';
-import { Enter, Space } from '../../internal/keyboard/keys.js';
-import { matches } from '../../internal/keyboard/match.js';
-import { Warning, Incomplete, CheckmarkOutline, CircleDash } from '@carbon/icons-react';
-import { usePrefix } from '../../internal/usePrefix.js';
-import { Text } from '../Text/Text.js';
-import '../Text/TextDirection.js';
+import { usePrefix } from "../../internal/usePrefix.js";
+import { Text } from "../Text/Text.js";
+import { Enter, Space } from "../../internal/keyboard/keys.js";
+import { matches } from "../../internal/keyboard/match.js";
+import classNames from "classnames";
+import React from "react";
+import PropTypes from "prop-types";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CheckmarkOutline, CircleDash, Incomplete, Warning } from "@carbon/icons-react";
 
+//#region src/components/ProgressIndicator/ProgressIndicator.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.
+*/
 const translationIds = {
-  'carbon.progress-step.complete': 'carbon.progress-step.complete',
-  'carbon.progress-step.incomplete': 'carbon.progress-step.incomplete',
-  'carbon.progress-step.current': 'carbon.progress-step.current',
-  'carbon.progress-step.invalid': 'carbon.progress-step.invalid'
+	"carbon.progress-step.complete": "carbon.progress-step.complete",
+	"carbon.progress-step.incomplete": "carbon.progress-step.incomplete",
+	"carbon.progress-step.current": "carbon.progress-step.current",
+	"carbon.progress-step.invalid": "carbon.progress-step.invalid"
 };
 const defaultTranslations = {
-  [translationIds['carbon.progress-step.complete']]: 'Complete',
-  [translationIds['carbon.progress-step.incomplete']]: 'Incomplete',
-  [translationIds['carbon.progress-step.current']]: 'Current',
-  [translationIds['carbon.progress-step.invalid']]: 'Invalid'
+	[translationIds["carbon.progress-step.complete"]]: "Complete",
+	[translationIds["carbon.progress-step.incomplete"]]: "Incomplete",
+	[translationIds["carbon.progress-step.current"]]: "Current",
+	[translationIds["carbon.progress-step.invalid"]]: "Invalid"
 };
-const defaultTranslateWithId = messageId => {
-  return defaultTranslations[messageId];
+const defaultTranslateWithId = (messageId) => {
+	return defaultTranslations[messageId];
 };
-function ProgressIndicator({
-  children,
-  className: customClassName,
-  currentIndex: controlledIndex = 0,
-  onChange,
-  spaceEqually,
-  vertical,
-  ...rest
-}) {
-  const prefix = usePrefix();
-  const [currentIndex, setCurrentIndex] = useState(controlledIndex);
-  const [prevControlledIndex, setPrevControlledIndex] = useState(controlledIndex);
-  const className = cx({
-    [`${prefix}--progress`]: true,
-    [`${prefix}--progress--vertical`]: vertical,
-    [`${prefix}--progress--space-equal`]: spaceEqually && !vertical,
-    [customClassName ?? '']: customClassName
-  });
-  if (controlledIndex !== prevControlledIndex) {
-    setCurrentIndex(controlledIndex);
-    setPrevControlledIndex(controlledIndex);
-  }
-  return /*#__PURE__*/React.createElement("ul", _extends({
-    className: className
-  }, rest), React.Children.map(children, (child, index) => {
-    if (! /*#__PURE__*/React.isValidElement(child)) {
-      return null;
-    }
-
-    // only setup click handlers if onChange event is passed
-    const onClick = onChange ? () => onChange(index) : undefined;
-    if (index === currentIndex) {
-      return /*#__PURE__*/React.cloneElement(child, {
-        complete: child.props.complete,
-        current: !child.props.complete,
-        index,
-        onClick
-      });
-    }
-    if (index < currentIndex) {
-      return /*#__PURE__*/React.cloneElement(child, {
-        complete: true,
-        index,
-        onClick
-      });
-    }
-    if (index > currentIndex) {
-      return /*#__PURE__*/React.cloneElement(child, {
-        complete: child.props.complete || false,
-        index,
-        onClick
-      });
-    }
-    return null;
-  }));
+function ProgressIndicator({ children, className: customClassName, currentIndex: controlledIndex = 0, onChange, spaceEqually, vertical, ...rest }) {
+	const prefix = usePrefix();
+	return /* @__PURE__ */ jsx("ul", {
+		className: classNames({
+			[`${prefix}--progress`]: true,
+			[`${prefix}--progress--vertical`]: vertical,
+			[`${prefix}--progress--space-equal`]: spaceEqually && !vertical,
+			[customClassName ?? ""]: customClassName
+		}),
+		...rest,
+		children: React.Children.map(children, (child, index) => {
+			if (!React.isValidElement(child)) return null;
+			const onClick = onChange ? () => onChange(index) : void 0;
+			if (index === controlledIndex) return React.cloneElement(child, {
+				complete: child.props.complete,
+				current: !child.props.complete,
+				index,
+				onClick
+			});
+			if (index < controlledIndex) return React.cloneElement(child, {
+				complete: true,
+				index,
+				onClick
+			});
+			if (index > controlledIndex) return React.cloneElement(child, {
+				complete: child.props.complete || false,
+				index,
+				onClick
+			});
+			return null;
+		})
+	});
 }
 ProgressIndicator.propTypes = {
-  /**
-   * Provide `<ProgressStep>` components to be rendered in the
-   * `<ProgressIndicator>`
-   */
-  children: PropTypes.node,
-  /**
-   * Provide an optional className to be applied to the containing node
-   */
-  className: PropTypes.string,
-  /**
-   * Optionally specify the current step array index
-   */
-  currentIndex: PropTypes.number,
-  /**
-   * Optional callback called if a ProgressStep is clicked on. Returns the index of the step.
-   */
-  onChange: PropTypes.func,
-  /**
-   * Specify whether the progress steps should be split equally in size in the div
-   */
-  spaceEqually: PropTypes.bool,
-  /**
-   * Determines whether or not the ProgressIndicator should be rendered vertically.
-   */
-  vertical: PropTypes.bool
+	children: PropTypes.node,
+	className: PropTypes.string,
+	currentIndex: PropTypes.number,
+	onChange: PropTypes.func,
+	spaceEqually: PropTypes.bool,
+	vertical: PropTypes.bool
 };
-function ProgressStep({
-  label,
-  description,
-  className,
-  current,
-  complete,
-  invalid,
-  secondaryLabel,
-  disabled,
-  onClick,
-  translateWithId: t = defaultTranslateWithId,
-  ...rest
-}) {
-  const prefix = usePrefix();
-  const classes = cx({
-    [`${prefix}--progress-step`]: true,
-    [`${prefix}--progress-step--current`]: current,
-    [`${prefix}--progress-step--complete`]: complete,
-    [`${prefix}--progress-step--incomplete`]: !complete && !current,
-    [`${prefix}--progress-step--disabled`]: disabled,
-    [className ?? '']: className
-  });
-  const handleKeyDown = e => {
-    if (matches(e, [Enter, Space]) && onClick) {
-      onClick(e);
-    }
-  };
-  const SVGIcon = ({
-    complete,
-    current,
-    description,
-    invalid,
-    prefix
-  }) => {
-    if (invalid) {
-      return /*#__PURE__*/React.createElement(Warning, {
-        className: `${prefix}--progress__warning`
-      }, /*#__PURE__*/React.createElement("title", null, description));
-    }
-    if (current) {
-      return /*#__PURE__*/React.createElement(Incomplete, null, /*#__PURE__*/React.createElement("title", null, description));
-    }
-    if (complete) {
-      return /*#__PURE__*/React.createElement(CheckmarkOutline, null, /*#__PURE__*/React.createElement("title", null, description));
-    }
-    return /*#__PURE__*/React.createElement(CircleDash, null, /*#__PURE__*/React.createElement("title", null, description));
-  };
-  let message = t('carbon.progress-step.incomplete');
-  if (current) {
-    message = t('carbon.progress-step.current');
-  }
-  if (complete) {
-    message = t('carbon.progress-step.complete');
-  }
-  if (invalid) {
-    message = t('carbon.progress-step.invalid');
-  }
-  return /*#__PURE__*/React.createElement("li", {
-    className: classes
-  }, /*#__PURE__*/React.createElement("button", _extends({
-    type: "button",
-    className: cx(`${prefix}--progress-step-button`, {
-      [`${prefix}--progress-step-button--unclickable`]: !onClick || current
-    }),
-    disabled: disabled,
-    "aria-disabled": disabled,
-    tabIndex: disabled ? -1 : 0,
-    onClick: !current ? onClick : undefined,
-    onKeyDown: handleKeyDown,
-    title: label
-  }, rest), /*#__PURE__*/React.createElement(SVGIcon, {
-    complete: complete,
-    current: current,
-    description: description,
-    invalid: invalid,
-    prefix: prefix
-  }), /*#__PURE__*/React.createElement("div", {
-    className: `${prefix}--progress-text`
-  }, /*#__PURE__*/React.createElement(Text, {
-    as: "span",
-    className: `${prefix}--progress-label`
-  }, label), secondaryLabel !== null && secondaryLabel !== undefined ? /*#__PURE__*/React.createElement(Text, {
-    as: "span",
-    className: `${prefix}--progress-optional`
-  }, secondaryLabel) : null), /*#__PURE__*/React.createElement("span", {
-    className: `${prefix}--assistive-text`
-  }, message), /*#__PURE__*/React.createElement("span", {
-    className: `${prefix}--progress-line`
-  })));
+function ProgressStep({ label, description, className, current, complete, invalid, secondaryLabel, disabled, onClick, translateWithId: t = defaultTranslateWithId, ...rest }) {
+	const prefix = usePrefix();
+	const classes = classNames({
+		[`${prefix}--progress-step`]: true,
+		[`${prefix}--progress-step--current`]: current,
+		[`${prefix}--progress-step--complete`]: complete,
+		[`${prefix}--progress-step--incomplete`]: !complete && !current,
+		[`${prefix}--progress-step--disabled`]: disabled,
+		[className ?? ""]: className
+	});
+	const handleKeyDown = (e) => {
+		if (matches(e, [Enter, Space]) && onClick) onClick(e);
+	};
+	const SVGIcon = ({ complete, current, description, invalid, prefix }) => {
+		if (invalid) return /* @__PURE__ */ jsx(Warning, {
+			className: `${prefix}--progress__warning`,
+			children: /* @__PURE__ */ jsx("title", { children: description })
+		});
+		if (current) return /* @__PURE__ */ jsx(Incomplete, { children: /* @__PURE__ */ jsx("title", { children: description }) });
+		if (complete) return /* @__PURE__ */ jsx(CheckmarkOutline, { children: /* @__PURE__ */ jsx("title", { children: description }) });
+		return /* @__PURE__ */ jsx(CircleDash, { children: /* @__PURE__ */ jsx("title", { children: description }) });
+	};
+	let message = t("carbon.progress-step.incomplete");
+	if (current) message = t("carbon.progress-step.current");
+	if (complete) message = t("carbon.progress-step.complete");
+	if (invalid) message = t("carbon.progress-step.invalid");
+	return /* @__PURE__ */ jsx("li", {
+		className: classes,
+		children: /* @__PURE__ */ jsxs("button", {
+			type: "button",
+			className: classNames(`${prefix}--progress-step-button`, { [`${prefix}--progress-step-button--unclickable`]: !onClick || current }),
+			disabled,
+			"aria-disabled": disabled,
+			tabIndex: disabled ? -1 : 0,
+			onClick: !current ? onClick : void 0,
+			onKeyDown: handleKeyDown,
+			title: label,
+			...rest,
+			children: [
+				/* @__PURE__ */ jsx(SVGIcon, {
+					complete,
+					current,
+					description,
+					invalid,
+					prefix
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: `${prefix}--progress-text`,
+					children: [/* @__PURE__ */ jsx(Text, {
+						as: "span",
+						className: `${prefix}--progress-label`,
+						children: label
+					}), secondaryLabel !== null && secondaryLabel !== void 0 ? /* @__PURE__ */ jsx(Text, {
+						as: "span",
+						className: `${prefix}--progress-optional`,
+						children: secondaryLabel
+					}) : null]
+				}),
+				/* @__PURE__ */ jsx("span", {
+					className: `${prefix}--assistive-text`,
+					children: message
+				}),
+				/* @__PURE__ */ jsx("span", { className: `${prefix}--progress-line` })
+			]
+		})
+	});
 }
 ProgressStep.propTypes = {
-  /**
-   * Provide an optional className to be applied to the containing `<li>` node
-   */
-  className: PropTypes.string,
-  /**
-   * Specify whether the step has been completed
-   */
-  complete: PropTypes.bool,
-  /**
-   * Specify whether the step is the current step
-   */
-  current: PropTypes.bool,
-  /**
-   * Provide a description for the `<ProgressStep>`
-   */
-  description: PropTypes.string,
-  /**
-   * Specify whether the step is disabled
-   */
-  disabled: PropTypes.bool,
-  /**
-   * Index of the current step within the ProgressIndicator
-   */
-  index: PropTypes.number,
-  /**
-   * Specify whether the step is invalid
-   */
-  invalid: PropTypes.bool,
-  /**
-   * Provide the label for the `<ProgressStep>`
-   */
-  label: PropTypes.node.isRequired,
-  /**
-   * A callback called if the step is clicked or the enter key is pressed
-   */
-  onClick: PropTypes.func,
-  /**
-   * Provide the props that describe a progress step tooltip
-   */
-  overflowTooltipProps: PropTypes.object,
-  /**
-   * Provide an optional secondary label
-   */
-  secondaryLabel: PropTypes.string,
-  /**
-   * The ID of the tooltip content.
-   */
-  tooltipId: PropTypes.string,
-  /**
-   * Translates component strings using your i18n tool.
-   */
-  translateWithId: PropTypes.func
+	className: PropTypes.string,
+	complete: PropTypes.bool,
+	current: PropTypes.bool,
+	description: PropTypes.string,
+	disabled: PropTypes.bool,
+	index: PropTypes.number,
+	invalid: PropTypes.bool,
+	label: PropTypes.node.isRequired,
+	onClick: PropTypes.func,
+	overflowTooltipProps: PropTypes.object,
+	secondaryLabel: PropTypes.string,
+	tooltipId: PropTypes.string,
+	translateWithId: PropTypes.func
 };
 
-export { ProgressIndicator, ProgressStep };
+//#endregion
+export { ProgressIndicator, ProgressStep };

package/es/components/RadioButton/RadioButton.Skeleton.js

@@ -1,35 +1,33 @@
 /**
- * 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, jsxs } from "react/jsx-runtime";
 
+//#region src/components/RadioButton/RadioButton.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 RadioButtonSkeleton(props) {
-  const {
-    className,
-    ...rest
-  } = props;
-  const prefix = usePrefix();
-  return /*#__PURE__*/React.createElement("div", _extends({
-    className: cx(`${prefix}--radio-button-wrapper`, className)
-  }, rest), /*#__PURE__*/React.createElement("div", {
-    className: `${prefix}--radio-button ${prefix}--skeleton`
-  }), /*#__PURE__*/React.createElement("span", {
-    className: `${prefix}--radio-button__label ${prefix}--skeleton`
-  }));
+	const { className, ...rest } = props;
+	const prefix = usePrefix();
+	return /* @__PURE__ */ jsxs("div", {
+		className: classNames(`${prefix}--radio-button-wrapper`, className),
+		...rest,
+		children: [/* @__PURE__ */ jsx("div", { className: `${prefix}--radio-button ${prefix}--skeleton` }), /* @__PURE__ */ jsx("span", { className: `${prefix}--radio-button__label ${prefix}--skeleton` })]
+	});
 }
-RadioButtonSkeleton.propTypes = {
-  /**
-   * Specify an optional className to add.
-   */
-  className: PropTypes.string
-};
+RadioButtonSkeleton.propTypes = { className: PropTypes.string };
 
-export { RadioButtonSkeleton };
+//#endregion
+export { RadioButtonSkeleton as default };