@carbon/react 1.103.0 → 1.104.0

package/lib/components/Accordion/Accordion.Skeleton.js

@@ -1,97 +1,72 @@
 /**
- * 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_index = require('../SkeletonText/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");
+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 iconsReact = require('@carbon/icons-react');
-var SkeletonText = require('../SkeletonText/SkeletonText.js');
-var usePrefix = require('../../internal/usePrefix.js');
-
-var _SkeletonText, _SkeletonText2, _SkeletonText3;
-function AccordionSkeleton({
-  align = 'end',
-  className,
-  count = 4,
-  isFlush,
-  open = true,
-  ordered = false,
-  ...rest
-}) {
-  const prefix = usePrefix.usePrefix();
-  const classes = cx(`${prefix}--accordion`, `${prefix}--skeleton`, className, {
-    [`${prefix}--accordion--${align}`]: align,
-    [`${prefix}--accordion--flush`]: isFlush && align !== 'start'
-  });
-  const numSkeletonItems = open ? count - 1 : count;
-  const ListTag = ordered ? 'ol' : 'ul';
-  return /*#__PURE__*/React.createElement(ListTag, _rollupPluginBabelHelpers.extends({
-    className: classes
-  }, rest), open && /*#__PURE__*/React.createElement("li", {
-    className: `${prefix}--accordion__item ${prefix}--accordion__item--active`
-  }, /*#__PURE__*/React.createElement("span", {
-    className: `${prefix}--accordion__heading`
-  }, /*#__PURE__*/React.createElement(iconsReact.ChevronRight, {
-    className: `${prefix}--accordion__arrow`
-  }), /*#__PURE__*/React.createElement(SkeletonText.default, {
-    className: `${prefix}--accordion__title`
-  })), /*#__PURE__*/React.createElement("div", {
-    className: `${prefix}--accordion__content`
-  }, _SkeletonText || (_SkeletonText = /*#__PURE__*/React.createElement(SkeletonText.default, {
-    width: "90%"
-  })), _SkeletonText2 || (_SkeletonText2 = /*#__PURE__*/React.createElement(SkeletonText.default, {
-    width: "80%"
-  })), _SkeletonText3 || (_SkeletonText3 = /*#__PURE__*/React.createElement(SkeletonText.default, {
-    width: "95%"
-  })))), Array.from({
-    length: numSkeletonItems
-  }).map((_, i) => /*#__PURE__*/React.createElement(AccordionSkeletonItem, {
-    key: i
-  })));
+//#region src/components/Accordion/Accordion.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 AccordionSkeleton({ align = "end", className, count = 4, isFlush, open = true, ordered = false, ...rest }) {
+	const prefix = require_usePrefix.usePrefix();
+	const classes = (0, classnames.default)(`${prefix}--accordion`, `${prefix}--skeleton`, className, {
+		[`${prefix}--accordion--${align}`]: align,
+		[`${prefix}--accordion--flush`]: isFlush && align !== "start"
+	});
+	const numSkeletonItems = open ? count - 1 : count;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(ordered ? "ol" : "ul", {
+		className: classes,
+		...rest,
+		children: [open && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+			className: `${prefix}--accordion__item ${prefix}--accordion__item--active`,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+				className: `${prefix}--accordion__heading`,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_carbon_icons_react.ChevronRight, { className: `${prefix}--accordion__arrow` }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, { className: `${prefix}--accordion__title` })]
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: `${prefix}--accordion__content`,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, { width: "90%" }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, { width: "80%" }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, { width: "95%" })
+				]
+			})]
+		}), Array.from({ length: numSkeletonItems }).map((_, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AccordionSkeletonItem, {}, i))]
+	});
 }
 AccordionSkeleton.propTypes = {
-  /**
-   * Specify the alignment of the accordion heading title and chevron.
-   */
-  align: PropTypes.oneOf(['start', 'end']),
-  /**
-   * Specify an optional className to add.
-   */
-  className: PropTypes.string,
-  /**
-   * Set number of items to render
-   */
-  count: PropTypes.number,
-  /**
-   * Specify whether an individual AccordionItem should be flush, default is false
-   */
-  isFlush: PropTypes.bool,
-  /**
-   * `false` to not display the first item opened
-   */
-  open: PropTypes.bool
+	align: prop_types.default.oneOf(["start", "end"]),
+	className: prop_types.default.string,
+	count: prop_types.default.number,
+	isFlush: prop_types.default.bool,
+	open: prop_types.default.bool
 };
 function AccordionSkeletonItem() {
-  const prefix = usePrefix.usePrefix();
-  return /*#__PURE__*/React.createElement("li", {
-    className: `${prefix}--accordion__item`
-  }, /*#__PURE__*/React.createElement("span", {
-    className: `${prefix}--accordion__heading`
-  }, /*#__PURE__*/React.createElement(iconsReact.ChevronRight, {
-    className: `${prefix}--accordion__arrow`
-  }), /*#__PURE__*/React.createElement(SkeletonText.default, {
-    className: `${prefix}--accordion__title`
-  })));
+	const prefix = require_usePrefix.usePrefix();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
+		className: `${prefix}--accordion__item`,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+			className: `${prefix}--accordion__heading`,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_carbon_icons_react.ChevronRight, { className: `${prefix}--accordion__arrow` }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, { className: `${prefix}--accordion__title` })]
+		})
+	});
 }
 
-exports.AccordionSkeleton = AccordionSkeleton;
-exports.default = AccordionSkeleton;
+//#endregion
+exports.default = AccordionSkeleton;

package/lib/components/Accordion/Accordion.js

@@ -1,76 +1,58 @@
 /**
- * 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_AccordionProvider = require('./AccordionProvider.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 cx = require('classnames');
-var usePrefix = require('../../internal/usePrefix.js');
-var PropTypes = require('prop-types');
-var React = require('react');
-var AccordionProvider = require('./AccordionProvider.js');
-
-function Accordion({
-  align = 'end',
-  children,
-  className: customClassName,
-  disabled = false,
-  isFlush = false,
-  ordered = false,
-  size,
-  ...rest
-}) {
-  const prefix = usePrefix.usePrefix();
-  const className = cx(`${prefix}--accordion`, customClassName, {
-    [`${prefix}--accordion--${align}`]: align,
-    [`${prefix}--accordion--${size}`]: size,
-    // TODO: V12 - Remove this class
-    [`${prefix}--layout--size-${size}`]: size,
-    [`${prefix}--accordion--flush`]: isFlush && align !== 'start'
-  });
-  const ListTag = ordered ? 'ol' : 'ul';
-  return /*#__PURE__*/React.createElement(AccordionProvider.AccordionProvider, {
-    disabled: disabled
-  }, /*#__PURE__*/React.createElement(ListTag, _rollupPluginBabelHelpers.extends({
-    className: className
-  }, rest), children));
+//#region src/components/Accordion/Accordion.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 Accordion({ align = "end", children, className: customClassName, disabled = false, isFlush = false, ordered = false, size, ...rest }) {
+	const prefix = require_usePrefix.usePrefix();
+	const className = (0, classnames.default)(`${prefix}--accordion`, customClassName, {
+		[`${prefix}--accordion--${align}`]: align,
+		[`${prefix}--accordion--${size}`]: size,
+		[`${prefix}--layout--size-${size}`]: size,
+		[`${prefix}--accordion--flush`]: isFlush && align !== "start"
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_AccordionProvider.AccordionProvider, {
+		disabled,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ordered ? "ol" : "ul", {
+			className,
+			...rest,
+			children
+		})
+	});
 }
 Accordion.propTypes = {
-  /**
-   * Specify the alignment of the accordion heading title and chevron.
-   */
-  align: PropTypes.oneOf(['start', 'end']),
-  /**
-   * Pass in the children that will be rendered within the Accordion
-   */
-  children: PropTypes.node,
-  /**
-   * Specify an optional className to be applied to the container node
-   */
-  className: PropTypes.string,
-  /**
-   * Specify whether an individual AccordionItem should be disabled
-   */
-  disabled: PropTypes.bool,
-  /**
-   * Specify whether Accordion text should be flush, default is false, does not work with align="start"
-   */
-  isFlush: PropTypes.bool,
-  /**
-   * Specify if the Accordion should be an ordered list,
-   * default is `false`
-   */
-  ordered: PropTypes.bool,
-  /**
-   * Specify the size of the Accordion. Currently supports the following:
-   */
-  size: PropTypes.oneOf(['sm', 'md', 'lg'])
+	align: prop_types.default.oneOf(["start", "end"]),
+	children: prop_types.default.node,
+	className: prop_types.default.string,
+	disabled: prop_types.default.bool,
+	isFlush: prop_types.default.bool,
+	ordered: prop_types.default.bool,
+	size: prop_types.default.oneOf([
+		"sm",
+		"md",
+		"lg"
+	])
 };
 
-exports.default = Accordion;
+//#endregion
+exports.default = Accordion;

package/lib/components/Accordion/AccordionItem.js

@@ -1,171 +1,117 @@
 /**
- * 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_AccordionProvider = require('./AccordionProvider.js');
+const require_Text = require('../Text/Text.js');
+const require_keys = require('../../internal/keyboard/keys.js');
+const require_match = require('../../internal/keyboard/match.js');
+const require_useId = require('../../internal/useId.js');
+const require_deprecate = require('../../prop-types/deprecate.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 iconsReact = require('@carbon/icons-react');
-var cx = require('classnames');
-var PropTypes = require('prop-types');
-var React = require('react');
-var Text = require('../Text/Text.js');
-require('../Text/TextDirection.js');
-var keys = require('../../internal/keyboard/keys.js');
-var match = require('../../internal/keyboard/match.js');
-var useId = require('../../internal/useId.js');
-var deprecate = require('../../prop-types/deprecate.js');
-var usePrefix = require('../../internal/usePrefix.js');
-var AccordionProvider = require('./AccordionProvider.js');
-
-const defaultRenderToggle = props => /*#__PURE__*/React.createElement("button", _rollupPluginBabelHelpers.extends({
-  type: "button"
-}, props));
-function AccordionItem({
-  children,
-  className: customClassName = '',
-  open = false,
-  onHeadingClick,
-  renderExpando = defaultRenderToggle,
-  // remove renderExpando in next major release
-  renderToggle,
-  title = 'title',
-  disabled: controlledDisabled,
-  handleAnimationEnd,
-  'aria-label': ariaLabel,
-  ...rest
-}) {
-  const [isOpen, setIsOpen] = React.useState(open);
-  const prevOpenRef = React.useRef(open);
-  const accordionState = React.useContext(AccordionProvider.AccordionContext);
-  const disabledIsControlled = typeof controlledDisabled === 'boolean';
-  const disabled = disabledIsControlled ? controlledDisabled : accordionState.disabled;
-  const id = useId.useId('accordion-item');
-  const prefix = usePrefix.usePrefix();
-  const className = cx({
-    [`${prefix}--accordion__item`]: true,
-    [`${prefix}--accordion__item--active`]: isOpen && !disabled,
-    [`${prefix}--accordion__item--disabled`]: disabled,
-    [customClassName]: !!customClassName
-  });
-  const Toggle = renderToggle || renderExpando; // remove renderExpando in next major release
-
-  const content = React.useCallback(node => {
-    if (!node) {
-      return;
-    }
-    if (isOpen) {
-      // accordion closes
-      node.style.maxBlockSize = '';
-    }
-  }, [isOpen]);
-  React.useEffect(() => {
-    if (open !== prevOpenRef.current) {
-      setIsOpen(open);
-      prevOpenRef.current = open;
-    }
-  }, [open]);
-
-  // When the AccordionItem heading is clicked, toggle the open state of the
-  // panel
-  function onClick(event) {
-    const nextValue = !isOpen;
-    setIsOpen(nextValue);
-    if (onHeadingClick) {
-      // TODO: normalize signature, potentially:
-      // onHeadingClick :: (event: Event, state: { isOpen: Boolean }) => any
-      onHeadingClick({
-        isOpen: nextValue,
-        event
-      });
-    }
-  }
-
-  // If the AccordionItem is open, and the user hits the ESC key, then close it
-  function onKeyDown(event) {
-    if (isOpen && match.match(event, keys.Escape)) {
-      setIsOpen(false);
-    }
-  }
-  function onAnimationEnd(event) {
-    if (handleAnimationEnd) {
-      handleAnimationEnd(event);
-    }
-  }
-  return /*#__PURE__*/React.createElement("li", _rollupPluginBabelHelpers.extends({
-    className: className
-  }, rest), /*#__PURE__*/React.createElement(Toggle, {
-    disabled: disabled,
-    "aria-controls": id,
-    "aria-expanded": isOpen,
-    "aria-label": ariaLabel,
-    className: `${prefix}--accordion__heading`,
-    onClick: onClick,
-    onKeyDown: onKeyDown,
-    type: "button"
-  }, /*#__PURE__*/React.createElement(iconsReact.ChevronRight, {
-    className: `${prefix}--accordion__arrow`
-  }), /*#__PURE__*/React.createElement(Text.Text, {
-    as: "div",
-    className: `${prefix}--accordion__title`
-  }, title)), /*#__PURE__*/React.createElement("div", {
-    ref: content,
-    className: `${prefix}--accordion__wrapper`,
-    onTransitionEnd: onAnimationEnd
-  }, /*#__PURE__*/React.createElement("div", {
-    id: id,
-    className: `${prefix}--accordion__content`
-  }, children)));
+//#region src/components/Accordion/AccordionItem.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 defaultRenderToggle = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+	type: "button",
+	...props
+});
+function AccordionItem({ children, className: customClassName = "", open = false, onHeadingClick, renderExpando = defaultRenderToggle, renderToggle, title = "title", disabled: controlledDisabled, handleAnimationEnd, "aria-label": ariaLabel, ...rest }) {
+	const [isOpen, setIsOpen] = (0, react.useState)(open);
+	const prevOpenRef = (0, react.useRef)(open);
+	const accordionState = (0, react.useContext)(require_AccordionProvider.AccordionContext);
+	const disabled = typeof controlledDisabled === "boolean" ? controlledDisabled : accordionState.disabled;
+	const id = require_useId.useId("accordion-item");
+	const prefix = require_usePrefix.usePrefix();
+	const className = (0, classnames.default)({
+		[`${prefix}--accordion__item`]: true,
+		[`${prefix}--accordion__item--active`]: isOpen && !disabled,
+		[`${prefix}--accordion__item--disabled`]: disabled,
+		[customClassName]: !!customClassName
+	});
+	const Toggle = renderToggle || renderExpando;
+	const content = react.default.useCallback((node) => {
+		if (!node) return;
+		if (isOpen) node.style.maxBlockSize = "";
+	}, [isOpen]);
+	(0, react.useEffect)(() => {
+		if (open !== prevOpenRef.current) {
+			setIsOpen(open);
+			prevOpenRef.current = open;
+		}
+	}, [open]);
+	function onClick(event) {
+		const nextValue = !isOpen;
+		setIsOpen(nextValue);
+		if (onHeadingClick) onHeadingClick({
+			isOpen: nextValue,
+			event
+		});
+	}
+	function onKeyDown(event) {
+		if (isOpen && require_match.match(event, require_keys.Escape)) setIsOpen(false);
+	}
+	function onAnimationEnd(event) {
+		if (handleAnimationEnd) handleAnimationEnd(event);
+	}
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+		className,
+		...rest,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Toggle, {
+			disabled,
+			"aria-controls": id,
+			"aria-expanded": isOpen,
+			"aria-label": ariaLabel,
+			className: `${prefix}--accordion__heading`,
+			onClick,
+			onKeyDown,
+			type: "button",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_carbon_icons_react.ChevronRight, { className: `${prefix}--accordion__arrow` }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Text.Text, {
+				as: "div",
+				className: `${prefix}--accordion__title`,
+				children: title
+			})]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			ref: content,
+			className: `${prefix}--accordion__wrapper`,
+			onTransitionEnd: onAnimationEnd,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				id,
+				className: `${prefix}--accordion__content`,
+				children
+			})
+		})]
+	});
 }
 AccordionItem.propTypes = {
-  /**
-   * Provide the contents of your AccordionItem
-   */
-  children: PropTypes.node,
-  /**
-   * Specify an optional className to be applied to the container node
-   */
-  className: PropTypes.string,
-  /**
-   * Specify whether an individual AccordionItem should be disabled
-   */
-  disabled: PropTypes.bool,
-  /**
-   * Specify a custom label for the accordion button.
-   * This is important for accessibility when the accordion has no visible title.
-   */
-  'aria-label': PropTypes.string,
-  /**
-   * The handler of the massaged `click` event.
-   */
-  onClick: PropTypes.func,
-  /**
-   * The handler of the massaged `click` event on the heading.
-   */
-  onHeadingClick: PropTypes.func,
-  /**
-   * `true` to open the expand.
-   */
-  open: PropTypes.bool,
-  /**
-   * The callback function to render the expand button.
-   * Can be a React component class.
-   */
-  renderExpando: deprecate.deprecate(PropTypes.func, 'The `renderExpando` prop has been deprecated and will be removed in the next major release of Carbon. Use the `renderToggle` prop instead.'),
-  /**
-   * The callback function to render the expand button.
-   * Can be a React component class.
-   */
-  renderToggle: PropTypes.func,
-  /**
-   * The accordion title.
-   */
-  title: PropTypes.node
+	children: prop_types.default.node,
+	className: prop_types.default.string,
+	disabled: prop_types.default.bool,
+	"aria-label": prop_types.default.string,
+	onClick: prop_types.default.func,
+	onHeadingClick: prop_types.default.func,
+	open: prop_types.default.bool,
+	renderExpando: require_deprecate.deprecate(prop_types.default.func, "The `renderExpando` prop has been deprecated and will be removed in the next major release of Carbon. Use the `renderToggle` prop instead."),
+	renderToggle: prop_types.default.func,
+	title: prop_types.default.node
 };
 
-exports.default = AccordionItem;
+//#endregion
+exports.default = AccordionItem;

package/lib/components/Accordion/AccordionProvider.js

@@ -1,27 +1,30 @@
 /**
- * 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');
+let react = require("react");
+react = require_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
 
-var React = require('react');
-
-const AccordionContext = /*#__PURE__*/React.createContext({
-  disabled: false
-});
-const AccordionProvider = ({
-  disabled,
-  children
-}) => {
-  return /*#__PURE__*/React.createElement(AccordionContext.Provider, {
-    value: {
-      disabled
-    }
-  }, children);
+//#region src/components/Accordion/AccordionProvider.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 AccordionContext = (0, react.createContext)({ disabled: false });
+const AccordionProvider = ({ disabled, children }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AccordionContext.Provider, {
+		value: { disabled },
+		children
+	});
 };
 
+//#endregion
 exports.AccordionContext = AccordionContext;
-exports.AccordionProvider = AccordionProvider;
+exports.AccordionProvider = AccordionProvider;