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

package/es/components/CheckboxGroup/CheckboxGroup.js

@@ -1,159 +1,111 @@
 /**
- * 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, { Children, cloneElement } from 'react';
-import cx from 'classnames';
-import { deprecate } from '../../prop-types/deprecate.js';
-import { usePrefix } from '../../internal/usePrefix.js';
-import { WarningFilled, WarningAltFilled } from '@carbon/icons-react';
-import { useId } from '../../internal/useId.js';
-import { AILabel } from '../AILabel/index.js';
-import { isComponentElement } from '../../internal/utils.js';
-import Checkbox from '../Checkbox/Checkbox.js';
-import '../Checkbox/Checkbox.Skeleton.js';
+import { usePrefix } from "../../internal/usePrefix.js";
+import { useId } from "../../internal/useId.js";
+import { deprecate } from "../../prop-types/deprecate.js";
+import { AILabel } from "../AILabel/index.js";
+import { isComponentElement } from "../../internal/utils.js";
+import Checkbox$1 from "../Checkbox/Checkbox.js";
+import classNames from "classnames";
+import React, { Children, cloneElement } from "react";
+import PropTypes from "prop-types";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { WarningAltFilled, WarningFilled } from "@carbon/icons-react";
 
-const CheckboxGroup = ({
-  children,
-  className,
-  decorator,
-  helperText,
-  invalid,
-  invalidText,
-  legendId,
-  legendText,
-  readOnly,
-  warn,
-  warnText,
-  slug,
-  orientation = 'vertical',
-  ...rest
-}) => {
-  const prefix = usePrefix();
-  const showWarning = !readOnly && !invalid && warn;
-  const showHelper = !invalid && !warn;
-  const checkboxGroupInstanceId = useId();
-  const hasHelper = typeof helperText !== 'undefined' && helperText !== null;
-  const helperId = !hasHelper ? undefined : `checkbox-group-helper-text-${checkboxGroupInstanceId}`;
-  const helper = hasHelper && /*#__PURE__*/React.createElement("div", {
-    id: helperId,
-    className: `${prefix}--form__helper-text`
-  }, helperText);
-  const fieldsetClasses = cx(`${prefix}--checkbox-group`, className, {
-    [`${prefix}--checkbox-group--${orientation}`]: orientation === 'horizontal',
-    [`${prefix}--checkbox-group--readonly`]: readOnly,
-    [`${prefix}--checkbox-group--invalid`]: !readOnly && invalid,
-    [`${prefix}--checkbox-group--warning`]: showWarning,
-    [`${prefix}--checkbox-group--slug`]: slug,
-    [`${prefix}--checkbox-group--decorator`]: decorator
-  });
-
-  // AILabel always size `mini`
-  const candidate = slug ?? decorator;
-  const candidateIsAILabel = isComponentElement(candidate, AILabel);
-  const normalizedDecorator = candidateIsAILabel ? /*#__PURE__*/cloneElement(candidate, {
-    size: 'mini',
-    kind: 'default'
-  }) : candidate;
-  const clonedChildren = Children.map(children, child => {
-    if (isComponentElement(child, Checkbox)) {
-      const childProps = {
-        ...(typeof invalid !== 'undefined' && typeof child.props.invalid === 'undefined' ? {
-          invalid
-        } : {}),
-        ...(typeof readOnly !== 'undefined' && typeof child.props.readOnly === 'undefined' ? {
-          readOnly
-        } : {}),
-        ...(typeof warn !== 'undefined' && typeof child.props.warn === 'undefined' ? {
-          warn
-        } : {})
-      };
-      return Object.keys(childProps).length ? /*#__PURE__*/cloneElement(child, childProps) : child;
-    }
-    return child;
-  });
-  return /*#__PURE__*/React.createElement("fieldset", _extends({
-    className: fieldsetClasses,
-    "data-invalid": invalid ? true : undefined,
-    "aria-labelledby": rest['aria-labelledby'] || legendId,
-    "aria-readonly": readOnly,
-    "aria-describedby": !invalid && !warn && helper ? helperId : undefined
-  }, rest), /*#__PURE__*/React.createElement("legend", {
-    className: `${prefix}--label`,
-    id: legendId || rest['aria-labelledby']
-  }, legendText, slug ? normalizedDecorator : decorator ? /*#__PURE__*/React.createElement("div", {
-    className: `${prefix}--checkbox-group-inner--decorator`
-  }, normalizedDecorator) : ''), clonedChildren, /*#__PURE__*/React.createElement("div", {
-    className: `${prefix}--checkbox-group__validation-msg`
-  }, !readOnly && invalid && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(WarningFilled, {
-    className: `${prefix}--checkbox__invalid-icon`
-  }), /*#__PURE__*/React.createElement("div", {
-    className: `${prefix}--form-requirement`
-  }, invalidText)), showWarning && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(WarningAltFilled, {
-    className: `${prefix}--checkbox__invalid-icon ${prefix}--checkbox__invalid-icon--warning`
-  }), /*#__PURE__*/React.createElement("div", {
-    className: `${prefix}--form-requirement`
-  }, warnText))), showHelper && helper);
+//#region src/components/CheckboxGroup/CheckboxGroup.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 CheckboxGroup = ({ children, className, decorator, helperText, invalid, invalidText, legendId, legendText, readOnly, warn, warnText, slug, orientation = "vertical", ...rest }) => {
+	const prefix = usePrefix();
+	const showWarning = !readOnly && !invalid && warn;
+	const showHelper = !invalid && !warn;
+	const checkboxGroupInstanceId = useId();
+	const hasHelper = typeof helperText !== "undefined" && helperText !== null;
+	const helperId = !hasHelper ? void 0 : `checkbox-group-helper-text-${checkboxGroupInstanceId}`;
+	const helper = hasHelper && /* @__PURE__ */ jsx("div", {
+		id: helperId,
+		className: `${prefix}--form__helper-text`,
+		children: helperText
+	});
+	const fieldsetClasses = classNames(`${prefix}--checkbox-group`, className, {
+		[`${prefix}--checkbox-group--${orientation}`]: orientation === "horizontal",
+		[`${prefix}--checkbox-group--readonly`]: readOnly,
+		[`${prefix}--checkbox-group--invalid`]: !readOnly && invalid,
+		[`${prefix}--checkbox-group--warning`]: showWarning,
+		[`${prefix}--checkbox-group--slug`]: slug,
+		[`${prefix}--checkbox-group--decorator`]: decorator
+	});
+	const candidate = slug ?? decorator;
+	const normalizedDecorator = isComponentElement(candidate, AILabel) ? cloneElement(candidate, {
+		size: "mini",
+		kind: "default"
+	}) : candidate;
+	const clonedChildren = Children.map(children, (child) => {
+		if (isComponentElement(child, Checkbox$1)) {
+			const childProps = {
+				...typeof invalid !== "undefined" && typeof child.props.invalid === "undefined" ? { invalid } : {},
+				...typeof readOnly !== "undefined" && typeof child.props.readOnly === "undefined" ? { readOnly } : {},
+				...typeof warn !== "undefined" && typeof child.props.warn === "undefined" ? { warn } : {}
+			};
+			return Object.keys(childProps).length ? cloneElement(child, childProps) : child;
+		}
+		return child;
+	});
+	return /* @__PURE__ */ jsxs("fieldset", {
+		className: fieldsetClasses,
+		"data-invalid": invalid ? true : void 0,
+		"aria-labelledby": rest["aria-labelledby"] || legendId,
+		"aria-readonly": readOnly,
+		"aria-describedby": !invalid && !warn && helper ? helperId : void 0,
+		...rest,
+		children: [
+			/* @__PURE__ */ jsxs("legend", {
+				className: `${prefix}--label`,
+				id: legendId || rest["aria-labelledby"],
+				children: [legendText, slug ? normalizedDecorator : decorator ? /* @__PURE__ */ jsx("div", {
+					className: `${prefix}--checkbox-group-inner--decorator`,
+					children: normalizedDecorator
+				}) : ""]
+			}),
+			clonedChildren,
+			/* @__PURE__ */ jsxs("div", {
+				className: `${prefix}--checkbox-group__validation-msg`,
+				children: [!readOnly && invalid && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(WarningFilled, { className: `${prefix}--checkbox__invalid-icon` }), /* @__PURE__ */ jsx("div", {
+					className: `${prefix}--form-requirement`,
+					children: invalidText
+				})] }), showWarning && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(WarningAltFilled, { className: `${prefix}--checkbox__invalid-icon ${prefix}--checkbox__invalid-icon--warning` }), /* @__PURE__ */ jsx("div", {
+					className: `${prefix}--form-requirement`,
+					children: warnText
+				})] })]
+			}),
+			showHelper && helper
+		]
+	});
 };
 CheckboxGroup.propTypes = {
-  /**
-   * Provide the children form elements to be rendered inside of the <fieldset>
-   */
-  children: PropTypes.node,
-  /**
-   * Provide a custom className to be applied to the containing <fieldset> node
-   */
-  className: PropTypes.string,
-  /**
-   * **Experimental**: Provide a decorator component to be rendered inside the `CheckboxGroup` component
-   */
-  decorator: PropTypes.node,
-  /**
-   * Provide text for the form group for additional help
-   */
-  helperText: PropTypes.node,
-  /**
-   * Specify whether the form group is currently invalid
-   */
-  invalid: PropTypes.bool,
-  /**
-   * Provide the text that is displayed when the form group is in an invalid state
-   */
-  invalidText: PropTypes.node,
-  /**
-   * Provide id for the fieldset <legend> which corresponds to the fieldset
-   * `aria-labelledby`
-   */
-  legendId: PropTypes.node,
-  /**
-   * Provide the text to be rendered inside of the fieldset <legend>
-   */
-  legendText: PropTypes.node.isRequired,
-  /**
-   * Provide the orientation for how the checkbox should be displayed
-   */
-  orientation: PropTypes.oneOf(['horizontal', 'vertical']),
-  /**
-   * Whether the CheckboxGroup should be read-only
-   */
-  readOnly: PropTypes.bool,
-  /**
-   * **Experimental**: Provide a `Slug` component to be rendered inside the `CheckboxGroup` component
-   */
-  slug: deprecate(PropTypes.node, 'The `slug` prop has been deprecated and will be removed in the next major version. Use the decorator prop instead.'),
-  /**
-   * Specify whether the form group is currently in warning state
-   */
-  warn: PropTypes.bool,
-  /**
-   * Provide the text that is displayed when the form group is in warning state
-   */
-  warnText: PropTypes.node
+	children: PropTypes.node,
+	className: PropTypes.string,
+	decorator: PropTypes.node,
+	helperText: PropTypes.node,
+	invalid: PropTypes.bool,
+	invalidText: PropTypes.node,
+	legendId: PropTypes.node,
+	legendText: PropTypes.node.isRequired,
+	orientation: PropTypes.oneOf(["horizontal", "vertical"]),
+	readOnly: PropTypes.bool,
+	slug: deprecate(PropTypes.node, "The `slug` prop has been deprecated and will be removed in the next major version. Use the decorator prop instead."),
+	warn: PropTypes.bool,
+	warnText: PropTypes.node
 };
 
-export { CheckboxGroup as default };
+//#endregion
+export { CheckboxGroup as default };

package/es/components/ClassPrefix/index.js

@@ -1,28 +1,32 @@
 /**
- * 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 PropTypes from 'prop-types';
-import React from 'react';
-import { PrefixContext } from '../../internal/usePrefix.js';
+import { PrefixContext } from "../../internal/usePrefix.js";
+import React from "react";
+import PropTypes from "prop-types";
+import { jsx } from "react/jsx-runtime";
 
-function ClassPrefix({
-  children,
-  prefix
-}) {
-  return /*#__PURE__*/React.createElement(PrefixContext.Provider, {
-    value: prefix
-  }, children);
+//#region src/components/ClassPrefix/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.
+*/
+function ClassPrefix({ children, prefix }) {
+	return /* @__PURE__ */ jsx(PrefixContext.Provider, {
+		value: prefix,
+		children
+	});
 }
 ClassPrefix.propTypes = {
-  children: PropTypes.node,
-  /**
-   * The value used to prefix the CSS selectors used by Carbon components
-   */
-  prefix: PropTypes.string.isRequired
+	children: PropTypes.node,
+	prefix: PropTypes.string.isRequired
 };
 
-export { ClassPrefix };
+//#endregion
+export { ClassPrefix };

package/es/components/CodeSnippet/CodeSnippet.Skeleton.js

@@ -1,53 +1,56 @@
 /**
- * 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 from 'react';
-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";
 
-var _span, _span2, _span3, _span4;
-function CodeSnippetSkeleton({
-  className: containerClassName,
-  type = 'single',
-  ...rest
-}) {
-  const prefix = usePrefix();
-  const className = cx(containerClassName, {
-    [`${prefix}--snippet`]: true,
-    [`${prefix}--skeleton`]: true,
-    [`${prefix}--snippet--single`]: type === 'single',
-    [`${prefix}--snippet--multi`]: type === 'multi'
-  });
-  if (type === 'single') {
-    return /*#__PURE__*/React.createElement("div", _extends({
-      className: className
-    }, rest), /*#__PURE__*/React.createElement("div", {
-      className: `${prefix}--snippet-container`
-    }, _span || (_span = /*#__PURE__*/React.createElement("span", null))));
-  }
-  if (type === 'multi') {
-    return /*#__PURE__*/React.createElement("div", _extends({
-      className: className
-    }, rest), /*#__PURE__*/React.createElement("div", {
-      className: `${prefix}--snippet-container`
-    }, _span2 || (_span2 = /*#__PURE__*/React.createElement("span", null)), _span3 || (_span3 = /*#__PURE__*/React.createElement("span", null)), _span4 || (_span4 = /*#__PURE__*/React.createElement("span", null))));
-  }
+//#region src/components/CodeSnippet/CodeSnippet.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 CodeSnippetSkeleton({ className: containerClassName, type = "single", ...rest }) {
+	const prefix = usePrefix();
+	const className = classNames(containerClassName, {
+		[`${prefix}--snippet`]: true,
+		[`${prefix}--skeleton`]: true,
+		[`${prefix}--snippet--single`]: type === "single",
+		[`${prefix}--snippet--multi`]: type === "multi"
+	});
+	if (type === "single") return /* @__PURE__ */ jsx("div", {
+		className,
+		...rest,
+		children: /* @__PURE__ */ jsx("div", {
+			className: `${prefix}--snippet-container`,
+			children: /* @__PURE__ */ jsx("span", {})
+		})
+	});
+	if (type === "multi") return /* @__PURE__ */ jsx("div", {
+		className,
+		...rest,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: `${prefix}--snippet-container`,
+			children: [
+				/* @__PURE__ */ jsx("span", {}),
+				/* @__PURE__ */ jsx("span", {}),
+				/* @__PURE__ */ jsx("span", {})
+			]
+		})
+	});
 }
 CodeSnippetSkeleton.propTypes = {
-  /**
-   * Specify an optional className to be applied to the container node
-   */
-  className: PropTypes.string,
-  /**
-   * The type of the code snippet, including single or multi
-   */
-  type: PropTypes.oneOf(['single', 'multi'])
+	className: PropTypes.string,
+	type: PropTypes.oneOf(["single", "multi"])
 };
 
-export { CodeSnippetSkeleton, CodeSnippetSkeleton as default };
+//#endregion
+export { CodeSnippetSkeleton as default };