@carbon/react 1.103.0 → 1.104.0

package/lib/components/UIShell/SideNavSwitcher.js

@@ -1,83 +1,74 @@
 /**
- * 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');
+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 iconsReact = require('@carbon/icons-react');
-var cx = require('classnames');
-var PropTypes = require('prop-types');
-var React = require('react');
-var useId = require('../../internal/useId.js');
-var usePrefix = require('../../internal/usePrefix.js');
-
-var _ChevronDown;
-const SideNavSwitcher = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const id = useId.useId('side-nav-switcher');
-  const prefix = usePrefix.usePrefix();
-  const {
-    className: customClassName,
-    labelText,
-    onChange,
-    options
-  } = props;
-  const className = cx(`${prefix}--side-nav__switcher`, customClassName);
-
-  // Note for usage around `onBlur`: https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/no-onchange.md
-  return /*#__PURE__*/React.createElement("div", {
-    className: className
-  }, /*#__PURE__*/React.createElement("label", {
-    htmlFor: id,
-    className: `${prefix}--assistive-text`
-  }, labelText), /*#__PURE__*/React.createElement("select", {
-    id: id,
-    className: `${prefix}--side-nav__select`,
-    defaultValue: "",
-    onBlur: onChange,
-    onChange: onChange,
-    ref: ref
-  }, /*#__PURE__*/React.createElement("option", {
-    className: `${prefix}--side-nav__option`,
-    disabled: true,
-    hidden: true,
-    value: ""
-  }, labelText), options.map(option => /*#__PURE__*/React.createElement("option", {
-    key: option,
-    className: `${prefix}--side-nav__option`,
-    value: option
-  }, option))), /*#__PURE__*/React.createElement("div", {
-    className: `${prefix}--side-nav__switcher-chevron`
-  }, _ChevronDown || (_ChevronDown = /*#__PURE__*/React.createElement(iconsReact.ChevronDown, {
-    size: 20
-  }))));
+//#region src/components/UIShell/SideNavSwitcher.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 SideNavSwitcher = (0, react.forwardRef)((props, ref) => {
+	const id = require_useId.useId("side-nav-switcher");
+	const prefix = require_usePrefix.usePrefix();
+	const { className: customClassName, labelText, onChange, options } = props;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: (0, classnames.default)(`${prefix}--side-nav__switcher`, customClassName),
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+				htmlFor: id,
+				className: `${prefix}--assistive-text`,
+				children: labelText
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+				id,
+				className: `${prefix}--side-nav__select`,
+				defaultValue: "",
+				onBlur: onChange,
+				onChange,
+				ref,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+					className: `${prefix}--side-nav__option`,
+					disabled: true,
+					hidden: true,
+					value: "",
+					children: labelText
+				}), options.map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+					className: `${prefix}--side-nav__option`,
+					value: option,
+					children: option
+				}, option))]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: `${prefix}--side-nav__switcher-chevron`,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_carbon_icons_react.ChevronDown, { size: 20 })
+			})
+		]
+	});
 });
-SideNavSwitcher.displayName = 'SideNavSwitcher';
+SideNavSwitcher.displayName = "SideNavSwitcher";
 SideNavSwitcher.propTypes = {
-  /**
-   * Provide an optional class to be applied to the containing node
-   */
-  className: PropTypes.string,
-  /**
-   * Provide the label for the switcher. This will be the first visible option
-   * when someone views this control
-   */
-  labelText: PropTypes.string.isRequired,
-  /**
-   * Provide a callback function that is called whenever the switcher value is
-   * updated
-   */
-  onChange: PropTypes.func,
-  /**
-   * Provide an array of options to be rendered in the switcher as an
-   * `<option>`. The text value will be what is displayed to the user and is set
-   * as the `value` prop for each `<option>`.
-   */
-  options: PropTypes.arrayOf(PropTypes.string).isRequired
+	className: prop_types.default.string,
+	labelText: prop_types.default.string.isRequired,
+	onChange: prop_types.default.func,
+	options: prop_types.default.arrayOf(prop_types.default.string).isRequired
 };
 
-exports.default = SideNavSwitcher;
+//#endregion
+exports.default = SideNavSwitcher;

package/lib/components/UIShell/SkipToContent.js

@@ -1,51 +1,43 @@
 /**
- * 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 React = require('react');
-var PropTypes = require('prop-types');
-var usePrefix = require('../../internal/usePrefix.js');
-
-function SkipToContent({
-  children = 'Skip to main content',
-  className: customClassName,
-  href = '#main-content',
-  tabIndex = 0,
-  ...rest
-}) {
-  const prefix = usePrefix.usePrefix();
-  const className = cx(`${prefix}--skip-to-content`, customClassName);
-  return /*#__PURE__*/React.createElement("a", _rollupPluginBabelHelpers.extends({}, rest, {
-    className: className,
-    href: href,
-    tabIndex: tabIndex
-  }), children);
+//#region src/components/UIShell/SkipToContent.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 SkipToContent({ children = "Skip to main content", className: customClassName, href = "#main-content", tabIndex = 0, ...rest }) {
+	const className = (0, classnames.default)(`${require_usePrefix.usePrefix()}--skip-to-content`, customClassName);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+		...rest,
+		className,
+		href,
+		tabIndex,
+		children
+	});
 }
 SkipToContent.propTypes = {
-  /**
-   * A ReactNode to display in the SkipToContent `a` tag.
-   * `'Skip to main content'` by default.
-   */
-  children: PropTypes.string,
-  className: PropTypes.string,
-  /**
-   * Provide the `href` to the id of the element on your package that is the
-   * main content. `#main-content` by default.
-   */
-  href: PropTypes.string,
-  /**
-   * Optionally override the default tabindex of 0
-   */
-  tabIndex: PropTypes.string
+	children: prop_types.default.string,
+	className: prop_types.default.string,
+	href: prop_types.default.string,
+	tabIndex: prop_types.default.string
 };
 
-exports.default = SkipToContent;
+//#endregion
+exports.default = SkipToContent;

package/lib/components/UIShell/Switcher.js

@@ -1,114 +1,84 @@
 /**
- * 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_useMergedRefs = require('../../internal/useMergedRefs.js');
+const require_utils = require('../../internal/utils.js');
+const require_AriaPropTypes = require('../../prop-types/AriaPropTypes.js');
+const require_SwitcherItem = require('./SwitcherItem.js');
+const require_SwitcherDivider = require('./SwitcherDivider.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 React = require('react');
-var cx = require('classnames');
-var usePrefix = require('../../internal/usePrefix.js');
-var useMergedRefs = require('../../internal/useMergedRefs.js');
-var utils = require('../../internal/utils.js');
-var PropTypes = require('prop-types');
-var AriaPropTypes = require('../../prop-types/AriaPropTypes.js');
-var SwitcherItem = require('./SwitcherItem.js');
-var SwitcherDivider = require('./SwitcherDivider.js');
-
-const Switcher = /*#__PURE__*/React.forwardRef((props, forwardRef) => {
-  const switcherRef = React.useRef(null);
-  const ref = useMergedRefs.useMergedRefs([switcherRef, forwardRef]);
-  const prefix = usePrefix.usePrefix();
-  const {
-    'aria-label': ariaLabel,
-    'aria-labelledby': ariaLabelledBy,
-    className: customClassName,
-    children,
-    expanded
-  } = props;
-  const accessibilityLabel = {
-    'aria-label': ariaLabel,
-    'aria-labelledby': ariaLabelledBy
-  };
-  const className = cx(`${prefix}--switcher`, {
-    [customClassName || '']: !!customClassName
-  });
-  const handleSwitcherItemFocus = ({
-    currentIndex,
-    direction
-  }) => {
-    const enabledIndices = React.Children.toArray(children).reduce((acc, child, i) => {
-      if (utils.isComponentElement(child, SwitcherItem.default) && Object.keys(child.props).length) {
-        acc.push(i);
-      }
-      return acc;
-    }, []);
-    const nextValidIndex = (() => {
-      const nextIndex = enabledIndices.indexOf(currentIndex) + direction;
-      switch (enabledIndices[nextIndex]) {
-        case undefined:
-          if (direction === -1) {
-            return enabledIndices[enabledIndices.length - 1];
-          }
-          return enabledIndices[0];
-        case 0:
-          if (direction === 1) {
-            return enabledIndices[1];
-          }
-        // eslint-disable-next-line   no-fallthrough -- https://github.com/carbon-design-system/carbon/issues/20452
-        default:
-          return enabledIndices[nextIndex];
-      }
-    })();
-    const switcherItem = switcherRef.current?.children[nextValidIndex]?.children[0];
-    if (switcherItem instanceof HTMLElement) {
-      switcherItem.focus();
-    }
-  };
-  const childrenWithProps = React.Children.toArray(children).map((child, index) => {
-    if (utils.isComponentElement(child, SwitcherItem.default)) {
-      return /*#__PURE__*/React.cloneElement(child, {
-        handleSwitcherItemFocus,
-        index,
-        key: index,
-        expanded
-      });
-    }
-    if (utils.isComponentElement(child, SwitcherDivider.default)) {
-      return /*#__PURE__*/React.cloneElement(child, {
-        key: index
-      });
-    }
-    return child;
-  });
-  return /*#__PURE__*/React.createElement("ul", _rollupPluginBabelHelpers.extends({
-    ref: ref,
-    className: className
-  }, accessibilityLabel), childrenWithProps);
+//#region src/components/UIShell/Switcher.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 Switcher = (0, react.forwardRef)((props, forwardRef) => {
+	const switcherRef = (0, react.useRef)(null);
+	const ref = require_useMergedRefs.useMergedRefs([switcherRef, forwardRef]);
+	const prefix = require_usePrefix.usePrefix();
+	const { "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, className: customClassName, children, expanded } = props;
+	const accessibilityLabel = {
+		"aria-label": ariaLabel,
+		"aria-labelledby": ariaLabelledBy
+	};
+	const className = (0, classnames.default)(`${prefix}--switcher`, { [customClassName || ""]: !!customClassName });
+	const handleSwitcherItemFocus = ({ currentIndex, direction }) => {
+		const enabledIndices = react.Children.toArray(children).reduce((acc, child, i) => {
+			if (require_utils.isComponentElement(child, require_SwitcherItem.default) && Object.keys(child.props).length) acc.push(i);
+			return acc;
+		}, []);
+		const nextValidIndex = (() => {
+			const nextIndex = enabledIndices.indexOf(currentIndex) + direction;
+			switch (enabledIndices[nextIndex]) {
+				case void 0:
+					if (direction === -1) return enabledIndices[enabledIndices.length - 1];
+					return enabledIndices[0];
+				case 0: if (direction === 1) return enabledIndices[1];
+				default: return enabledIndices[nextIndex];
+			}
+		})();
+		const switcherItem = switcherRef.current?.children[nextValidIndex]?.children[0];
+		if (switcherItem instanceof HTMLElement) switcherItem.focus();
+	};
+	const childrenWithProps = react.Children.toArray(children).map((child, index) => {
+		if (require_utils.isComponentElement(child, require_SwitcherItem.default)) return (0, react.cloneElement)(child, {
+			handleSwitcherItemFocus,
+			index,
+			key: index,
+			expanded
+		});
+		if (require_utils.isComponentElement(child, require_SwitcherDivider.default)) return (0, react.cloneElement)(child, { key: index });
+		return child;
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+		ref,
+		className,
+		...accessibilityLabel,
+		children: childrenWithProps
+	});
 });
-Switcher.displayName = 'Switcher';
+Switcher.displayName = "Switcher";
 Switcher.propTypes = {
-  /**
-   * Required props for accessibility label on the underlying menu
-   */
-  ...AriaPropTypes.AriaLabelPropType,
-  /**
-   * expects to receive <SwitcherItem />
-   */
-  children: PropTypes.node.isRequired,
-  /**
-   * Optionally provide a custom class to apply to the underlying `<ul>` node
-   */
-  className: PropTypes.string,
-  /**
-   * Specify whether the panel is expanded
-   */
-  expanded: PropTypes.bool
+	...require_AriaPropTypes.AriaLabelPropType,
+	children: prop_types.default.node.isRequired,
+	className: prop_types.default.string,
+	expanded: prop_types.default.bool
 };
 
-exports.default = Switcher;
+//#endregion
+exports.default = Switcher;

package/lib/components/UIShell/SwitcherDivider.js

@@ -1,37 +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 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 React = require('react');
-var cx = require('classnames');
-var PropTypes = require('prop-types');
-var usePrefix = require('../../internal/usePrefix.js');
-
-const SwitcherDivider = ({
-  className: customClassName,
-  ...other
-}) => {
-  const prefix = usePrefix.usePrefix();
-  const classNames = cx(`${prefix}--switcher__item--divider`, {
-    [customClassName || '']: !!customClassName
-  });
-  return /*#__PURE__*/React.createElement("hr", _rollupPluginBabelHelpers.extends({}, other, {
-    className: classNames
-  }));
-};
-SwitcherDivider.propTypes = {
-  /**
-   * Optionally provide a custom class to apply to the underlying `<li>` node
-   */
-  className: PropTypes.string
+//#region src/components/UIShell/SwitcherDivider.tsx
+/**
+* Copyright IBM Corp. 2023, 2025
+*
+* 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 SwitcherDivider = ({ className: customClassName, ...other }) => {
+	const classNames = (0, classnames.default)(`${require_usePrefix.usePrefix()}--switcher__item--divider`, { [customClassName || ""]: !!customClassName });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("hr", {
+		...other,
+		className: classNames
+	});
 };
+SwitcherDivider.propTypes = { className: prop_types.default.string };
 
-exports.default = SwitcherDivider;
+//#endregion
+exports.default = SwitcherDivider;