@carbon/react 1.103.0 → 1.104.0-rc.0

package/lib/components/CheckboxGroup/CheckboxGroup.js

@@ -1,163 +1,115 @@
 /**
- * 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_useId = require('../../internal/useId.js');
+const require_deprecate = require('../../prop-types/deprecate.js');
+const require_index = require('../AILabel/index.js');
+const require_utils = require('../../internal/utils.js');
+const require_Checkbox = require('../Checkbox/Checkbox.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 deprecate = require('../../prop-types/deprecate.js');
-var usePrefix = require('../../internal/usePrefix.js');
-var iconsReact = require('@carbon/icons-react');
-var useId = require('../../internal/useId.js');
-var index = require('../AILabel/index.js');
-var utils = require('../../internal/utils.js');
-var Checkbox = require('../Checkbox/Checkbox.js');
-require('../Checkbox/Checkbox.Skeleton.js');
-
-const CheckboxGroup = ({
-  children,
-  className,
-  decorator,
-  helperText,
-  invalid,
-  invalidText,
-  legendId,
-  legendText,
-  readOnly,
-  warn,
-  warnText,
-  slug,
-  orientation = 'vertical',
-  ...rest
-}) => {
-  const prefix = usePrefix.usePrefix();
-  const showWarning = !readOnly && !invalid && warn;
-  const showHelper = !invalid && !warn;
-  const checkboxGroupInstanceId = useId.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 = utils.isComponentElement(candidate, index.AILabel);
-  const normalizedDecorator = candidateIsAILabel ? /*#__PURE__*/React.cloneElement(candidate, {
-    size: 'mini',
-    kind: 'default'
-  }) : candidate;
-  const clonedChildren = React.Children.map(children, child => {
-    if (utils.isComponentElement(child, Checkbox.default)) {
-      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__*/React.cloneElement(child, childProps) : child;
-    }
-    return child;
-  });
-  return /*#__PURE__*/React.createElement("fieldset", _rollupPluginBabelHelpers.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(iconsReact.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(iconsReact.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 = require_usePrefix.usePrefix();
+	const showWarning = !readOnly && !invalid && warn;
+	const showHelper = !invalid && !warn;
+	const checkboxGroupInstanceId = require_useId.useId();
+	const hasHelper = typeof helperText !== "undefined" && helperText !== null;
+	const helperId = !hasHelper ? void 0 : `checkbox-group-helper-text-${checkboxGroupInstanceId}`;
+	const helper = hasHelper && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		id: helperId,
+		className: `${prefix}--form__helper-text`,
+		children: helperText
+	});
+	const fieldsetClasses = (0, classnames.default)(`${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 = require_utils.isComponentElement(candidate, require_index.AILabel) ? (0, react.cloneElement)(candidate, {
+		size: "mini",
+		kind: "default"
+	}) : candidate;
+	const clonedChildren = react.Children.map(children, (child) => {
+		if (require_utils.isComponentElement(child, require_Checkbox.default)) {
+			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 ? (0, react.cloneElement)(child, childProps) : child;
+		}
+		return child;
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)("legend", {
+				className: `${prefix}--label`,
+				id: legendId || rest["aria-labelledby"],
+				children: [legendText, slug ? normalizedDecorator : decorator ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: `${prefix}--checkbox-group-inner--decorator`,
+					children: normalizedDecorator
+				}) : ""]
+			}),
+			clonedChildren,
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: `${prefix}--checkbox-group__validation-msg`,
+				children: [!readOnly && invalid && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_carbon_icons_react.WarningFilled, { className: `${prefix}--checkbox__invalid-icon` }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: `${prefix}--form-requirement`,
+					children: invalidText
+				})] }), showWarning && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_carbon_icons_react.WarningAltFilled, { className: `${prefix}--checkbox__invalid-icon ${prefix}--checkbox__invalid-icon--warning` }), /* @__PURE__ */ (0, react_jsx_runtime.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.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: prop_types.default.node,
+	className: prop_types.default.string,
+	decorator: prop_types.default.node,
+	helperText: prop_types.default.node,
+	invalid: prop_types.default.bool,
+	invalidText: prop_types.default.node,
+	legendId: prop_types.default.node,
+	legendText: prop_types.default.node.isRequired,
+	orientation: prop_types.default.oneOf(["horizontal", "vertical"]),
+	readOnly: prop_types.default.bool,
+	slug: require_deprecate.deprecate(prop_types.default.node, "The `slug` prop has been deprecated and will be removed in the next major version. Use the decorator prop instead."),
+	warn: prop_types.default.bool,
+	warnText: prop_types.default.node
 };
 
-exports.default = CheckboxGroup;
+//#endregion
+exports.default = CheckboxGroup;

package/lib/components/ClassPrefix/index.js

@@ -1,30 +1,35 @@
 /**
- * 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 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");
 
-var PropTypes = require('prop-types');
-var React = require('react');
-var usePrefix = require('../../internal/usePrefix.js');
-
-function ClassPrefix({
-  children,
-  prefix
-}) {
-  return /*#__PURE__*/React.createElement(usePrefix.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__ */ (0, react_jsx_runtime.jsx)(require_usePrefix.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: prop_types.default.node,
+	prefix: prop_types.default.string.isRequired
 };
 
-exports.ClassPrefix = ClassPrefix;
+//#endregion
+exports.ClassPrefix = ClassPrefix;

package/lib/components/CodeSnippet/CodeSnippet.Skeleton.js

@@ -1,58 +1,60 @@
 /**
- * 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");
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var cx = require('classnames');
-var PropTypes = require('prop-types');
-var React = require('react');
-var usePrefix = require('../../internal/usePrefix.js');
-
-var _span, _span2, _span3, _span4;
-function CodeSnippetSkeleton({
-  className: containerClassName,
-  type = 'single',
-  ...rest
-}) {
-  const prefix = usePrefix.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", _rollupPluginBabelHelpers.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", _rollupPluginBabelHelpers.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 = require_usePrefix.usePrefix();
+	const className = (0, classnames.default)(containerClassName, {
+		[`${prefix}--snippet`]: true,
+		[`${prefix}--skeleton`]: true,
+		[`${prefix}--snippet--single`]: type === "single",
+		[`${prefix}--snippet--multi`]: type === "multi"
+	});
+	if (type === "single") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className,
+		...rest,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: `${prefix}--snippet-container`,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {})
+		})
+	});
+	if (type === "multi") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className,
+		...rest,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: `${prefix}--snippet-container`,
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {}),
+				/* @__PURE__ */ (0, react_jsx_runtime.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: prop_types.default.string,
+	type: prop_types.default.oneOf(["single", "multi"])
 };
 
-exports.CodeSnippetSkeleton = CodeSnippetSkeleton;
-exports.default = CodeSnippetSkeleton;
+//#endregion
+exports.default = CodeSnippetSkeleton;