@carbon/react 1.103.0 → 1.104.0-rc.0

package/es/components/Switch/IconSwitch.js

@@ -1,156 +1,110 @@
 /**
- * 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, { useState, forwardRef } from 'react';
-import cx from 'classnames';
-import { IconButton } from '../IconButton/index.js';
-import { usePrefix } from '../../internal/usePrefix.js';
-import { noopFn } from '../../internal/noopFn.js';
+import { usePrefix } from "../../internal/usePrefix.js";
+import { noopFn } from "../../internal/noopFn.js";
+import { IconButton } from "../IconButton/index.js";
+import classNames from "classnames";
+import React, { forwardRef, useState } from "react";
+import PropTypes from "prop-types";
+import { jsx } from "react/jsx-runtime";
 
-const frFn = forwardRef;
-const IconSwitch = frFn((props, ref) => {
-  const {
-    align,
-    children,
-    className,
-    disabled,
-    enterDelayMs,
-    index,
-    leaveDelayMs = 0,
-    name,
-    onClick = noopFn,
-    onKeyDown = noopFn,
-    selected = false,
-    size,
-    text,
-    ...other
-  } = props;
-  const prefix = usePrefix();
-  const [isHovered, setIsHovered] = useState(false);
-  const handleClick = event => {
-    event.preventDefault();
-    onClick({
-      index,
-      name,
-      text
-    });
-  };
-  const handleKeyDown = event => {
-    // TODO: `which` was deprecated years ago. When can its usage be deleted?
-    const key = event.key || event.which;
-    onKeyDown({
-      index,
-      name,
-      text,
-      key
-    });
-  };
-  const handleMouseEnter = () => {
-    setIsHovered(true);
-  };
-  const handleMouseLeave = () => {
-    setIsHovered(false);
-  };
-  const classes = cx(className, `${prefix}--content-switcher-btn`, {
-    [`${prefix}--content-switcher--selected`]: selected
-  });
-  const iconButtonClasses = cx(`${prefix}--content-switcher-popover__wrapper`, {
-    [`${prefix}--content-switcher-popover--selected`]: selected,
-    [`${prefix}--content-switcher-popover--disabled`]: disabled
-  });
-  return /*#__PURE__*/React.createElement(IconButton, _extends({
-    label: text,
-    type: "button",
-    ref: ref,
-    role: "tab",
-    tabIndex: selected || isHovered ? 0 : -1,
-    onMouseEnter: handleMouseEnter,
-    onMouseLeave: handleMouseLeave,
-    onFocus: handleMouseEnter,
-    onBlur: handleMouseLeave,
-    "aria-selected": selected,
-    "aria-label": text,
-    wrapperClasses: iconButtonClasses
-  }, other, {
-    align: align,
-    className: classes,
-    disabled: disabled,
-    enterDelayMs: enterDelayMs,
-    leaveDelayMs: leaveDelayMs,
-    onClick: handleClick,
-    onKeyDown: handleKeyDown,
-    size: size
-  }), children);
+//#region src/components/Switch/IconSwitch.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 IconSwitch = forwardRef((props, ref) => {
+	const { align, children, className, disabled, enterDelayMs, index, leaveDelayMs = 0, name, onClick = noopFn, onKeyDown = noopFn, selected = false, size, text, ...other } = props;
+	const prefix = usePrefix();
+	const [isHovered, setIsHovered] = useState(false);
+	const handleClick = (event) => {
+		event.preventDefault();
+		onClick({
+			index,
+			name,
+			text
+		});
+	};
+	const handleKeyDown = (event) => {
+		onKeyDown({
+			index,
+			name,
+			text,
+			key: event.key || event.which
+		});
+	};
+	const handleMouseEnter = () => {
+		setIsHovered(true);
+	};
+	const handleMouseLeave = () => {
+		setIsHovered(false);
+	};
+	const classes = classNames(className, `${prefix}--content-switcher-btn`, { [`${prefix}--content-switcher--selected`]: selected });
+	const iconButtonClasses = classNames(`${prefix}--content-switcher-popover__wrapper`, {
+		[`${prefix}--content-switcher-popover--selected`]: selected,
+		[`${prefix}--content-switcher-popover--disabled`]: disabled
+	});
+	return /* @__PURE__ */ jsx(IconButton, {
+		label: text,
+		type: "button",
+		ref,
+		role: "tab",
+		tabIndex: selected || isHovered ? 0 : -1,
+		onMouseEnter: handleMouseEnter,
+		onMouseLeave: handleMouseLeave,
+		onFocus: handleMouseEnter,
+		onBlur: handleMouseLeave,
+		"aria-selected": selected,
+		"aria-label": text,
+		wrapperClasses: iconButtonClasses,
+		...other,
+		align,
+		className: classes,
+		disabled,
+		enterDelayMs,
+		leaveDelayMs,
+		onClick: handleClick,
+		onKeyDown: handleKeyDown,
+		size,
+		children
+	});
 });
-IconSwitch.displayName = 'IconSwitch';
+IconSwitch.displayName = "IconSwitch";
 IconSwitch.propTypes = {
-  /**
-   * Specify how the trigger should align with the tooltip
-   */
-  align: PropTypes.oneOf(['top', 'top-left', 'top-right', 'bottom', 'bottom-left', 'bottom-right', 'left', 'right']),
-  /**
-   * Children to be rendered inside of the `IconSwitch`.
-   */
-  children: PropTypes.node,
-  /**
-   * Specify an optional className to be added to your `IconSwitch`.
-   */
-  className: PropTypes.string,
-  /**
-   * Whether the `IconSwitch` should be disabled.
-   */
-  disabled: PropTypes.bool,
-  /**
-   * Specify the duration in milliseconds to delay before displaying the tooltip
-   */
-  enterDelayMs: PropTypes.number,
-  /**
-   * The index of the `IconSwitch`.
-   *
-   * Reserved for usage in `ContentSwitcher`.
-   */
-  index: PropTypes.number,
-  /**
-   * Specify the duration in milliseconds to delay before hiding the tooltip
-   */
-  leaveDelayMs: PropTypes.number,
-  /**
-   * The name of the `IconSwitch`.
-   */
-  name: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  /**
-   * A handler that is invoked when a user clicks on the control.
-   *
-   * Reserved for usage in `ContentSwitcher`.
-   */
-  onClick: PropTypes.func,
-  /**
-   * A handler that is invoked on the key down event for the control.
-   *
-   * Reserved for usage in `ContentSwitcher`.
-   */
-  onKeyDown: PropTypes.func,
-  /**
-   * Whether the `IconSwitch` is selected.
-   *
-   * Reserved for usage in `ContentSwitcher`.
-   */
-  selected: PropTypes.bool,
-  // TODO: Icon only variant of what? Isn't the `IconSwitch` always icon only?
-  /**
-   * Passed in from `ContentSwitcher` to render icon-only variant
-   */
-  size: PropTypes.oneOf(['sm', 'md', 'lg']),
-  /**
-   * `Tooltip` text.
-   */
-  text: PropTypes.string
+	align: PropTypes.oneOf([
+		"top",
+		"top-left",
+		"top-right",
+		"bottom",
+		"bottom-left",
+		"bottom-right",
+		"left",
+		"right"
+	]),
+	children: PropTypes.node,
+	className: PropTypes.string,
+	disabled: PropTypes.bool,
+	enterDelayMs: PropTypes.number,
+	index: PropTypes.number,
+	leaveDelayMs: PropTypes.number,
+	name: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+	onClick: PropTypes.func,
+	onKeyDown: PropTypes.func,
+	selected: PropTypes.bool,
+	size: PropTypes.oneOf([
+		"sm",
+		"md",
+		"lg"
+	]),
+	text: PropTypes.string
 };
 
-export { IconSwitch as default };
+//#endregion
+export { IconSwitch as default };

package/es/components/Switch/Switch.js

@@ -1,110 +1,77 @@
 /**
- * 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 { noopFn } from '../../internal/noopFn.js';
+import { usePrefix } from "../../internal/usePrefix.js";
+import { noopFn } from "../../internal/noopFn.js";
+import classNames from "classnames";
+import React from "react";
+import PropTypes from "prop-types";
+import { jsx } from "react/jsx-runtime";
 
-const Switch = /*#__PURE__*/React.forwardRef((props, tabRef) => {
-  const {
-    children,
-    className,
-    disabled,
-    index,
-    name,
-    onClick = noopFn,
-    onKeyDown = noopFn,
-    selected = false,
-    text,
-    ...other
-  } = props;
-  const prefix = usePrefix();
-  const handleClick = e => {
-    e.preventDefault();
-    onClick?.({
-      index,
-      name,
-      text
-    });
-  };
-  const handleKeyDown = event => {
-    // TODO: `which` was deprecated years ago. When can its usage be deleted?
-    const key = event.key || event.which;
-    onKeyDown?.({
-      index,
-      name,
-      text,
-      key
-    });
-  };
-  const classes = cx(className, `${prefix}--content-switcher-btn`, {
-    [`${prefix}--content-switcher--selected`]: selected
-  });
-  const commonProps = {
-    onClick: handleClick,
-    onKeyDown: handleKeyDown,
-    className: classes,
-    disabled
-  };
-  return /*#__PURE__*/React.createElement("button", _extends({
-    type: "button",
-    ref: tabRef,
-    role: "tab",
-    tabIndex: selected ? 0 : -1,
-    "aria-selected": selected
-  }, other, commonProps), /*#__PURE__*/React.createElement("span", {
-    className: `${prefix}--content-switcher__label`,
-    title: text
-  }, text !== undefined ? text : children));
+//#region src/components/Switch/Switch.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 Switch = React.forwardRef((props, tabRef) => {
+	const { children, className, disabled, index, name, onClick = noopFn, onKeyDown = noopFn, selected = false, text, ...other } = props;
+	const prefix = usePrefix();
+	const handleClick = (e) => {
+		e.preventDefault();
+		onClick?.({
+			index,
+			name,
+			text
+		});
+	};
+	const handleKeyDown = (event) => {
+		const key = event.key || event.which;
+		onKeyDown?.({
+			index,
+			name,
+			text,
+			key
+		});
+	};
+	const commonProps = {
+		onClick: handleClick,
+		onKeyDown: handleKeyDown,
+		className: classNames(className, `${prefix}--content-switcher-btn`, { [`${prefix}--content-switcher--selected`]: selected }),
+		disabled
+	};
+	return /* @__PURE__ */ jsx("button", {
+		type: "button",
+		ref: tabRef,
+		role: "tab",
+		tabIndex: selected ? 0 : -1,
+		"aria-selected": selected,
+		...other,
+		...commonProps,
+		children: /* @__PURE__ */ jsx("span", {
+			className: `${prefix}--content-switcher__label`,
+			title: text,
+			children: text !== void 0 ? text : children
+		})
+	});
 });
-Switch.displayName = 'Switch';
+Switch.displayName = "Switch";
 Switch.propTypes = {
-  /**
-   * Provide child elements to be rendered inside of the Switch
-   */
-  children: PropTypes.node,
-  /**
-   * Specify an optional className to be added to your Switch
-   */
-  className: PropTypes.string,
-  /**
-   * Specify whether or not the Switch should be disabled
-   */
-  disabled: PropTypes.bool,
-  /**
-   * The index of your Switch in your ContentSwitcher that is used for event handlers.
-   * Reserved for usage in ContentSwitcher
-   */
-  index: PropTypes.number,
-  /**
-   * Provide the name of your Switch that is used for event handlers
-   */
-  name: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  /**
-   * A handler that is invoked when a user clicks on the control.
-   * Reserved for usage in ContentSwitcher
-   */
-  onClick: PropTypes.func,
-  /**
-   * A handler that is invoked on the key down event for the control.
-   * Reserved for usage in ContentSwitcher
-   */
-  onKeyDown: PropTypes.func,
-  /**
-   * Whether your Switch is selected. Reserved for usage in ContentSwitcher
-   */
-  selected: PropTypes.bool,
-  /**
-   * Provide the contents of your Switch
-   */
-  text: PropTypes.string
+	children: PropTypes.node,
+	className: PropTypes.string,
+	disabled: PropTypes.bool,
+	index: PropTypes.number,
+	name: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+	onClick: PropTypes.func,
+	onKeyDown: PropTypes.func,
+	selected: PropTypes.bool,
+	text: PropTypes.string
 };
 
-export { Switch as default };
+//#endregion
+export { Switch as default };

package/es/components/TabContent/TabContent.js

@@ -1,46 +1,40 @@
 /**
- * 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 } from "react/jsx-runtime";
 
+//#region src/components/TabContent/TabContent.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 TabContent(props) {
-  const {
-    className,
-    selected,
-    children,
-    ...other
-  } = props;
-  const prefix = usePrefix();
-  const tabContentClasses = cx(`${prefix}--tab-content`, className);
-  return /*#__PURE__*/React.createElement("div", _extends({
-    role: "tabpanel"
-  }, other, {
-    className: tabContentClasses,
-    selected: selected,
-    hidden: !selected
-  }), children);
+	const { className, selected, children, ...other } = props;
+	const tabContentClasses = classNames(`${usePrefix()}--tab-content`, className);
+	return /* @__PURE__ */ jsx("div", {
+		role: "tabpanel",
+		...other,
+		className: tabContentClasses,
+		selected,
+		hidden: !selected,
+		children
+	});
 }
 TabContent.propTypes = {
-  /**
-   * Pass in content to render inside the TabContent
-   */
-  children: PropTypes.node,
-  /**
-   * Provide a className for the tab content container
-   */
-  className: PropTypes.string,
-  /**
-   * Specify whether the TabContent is selected
-   */
-  selected: PropTypes.bool
+	children: PropTypes.node,
+	className: PropTypes.string,
+	selected: PropTypes.bool
 };
 
-export { TabContent as default };
+//#endregion
+export { TabContent as default };

package/es/components/Tabs/Tabs.Skeleton.js

@@ -1,49 +1,54 @@
 /**
- * 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";
 
-var _span, _Tab, _Tab2, _Tab3, _Tab4, _Tab5;
+//#region src/components/Tabs/Tabs.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 Tab() {
-  const prefix = usePrefix();
-  return /*#__PURE__*/React.createElement("li", {
-    className: `${prefix}--tabs__nav-item`
-  }, /*#__PURE__*/React.createElement("div", {
-    className: `${prefix}--tabs__nav-link`
-  }, _span || (_span = /*#__PURE__*/React.createElement("span", null))));
+	const prefix = usePrefix();
+	return /* @__PURE__ */ jsx("li", {
+		className: `${prefix}--tabs__nav-item`,
+		children: /* @__PURE__ */ jsx("div", {
+			className: `${prefix}--tabs__nav-link`,
+			children: /* @__PURE__ */ jsx("span", {})
+		})
+	});
 }
-function TabsSkeleton({
-  className,
-  contained,
-  ...rest
-}) {
-  const prefix = usePrefix();
-  const tabClasses = cx(className, `${prefix}--tabs`, `${prefix}--skeleton`, {
-    [`${prefix}--tabs--contained`]: contained
-  });
-  return /*#__PURE__*/React.createElement("div", _extends({
-    className: tabClasses
-  }, rest), /*#__PURE__*/React.createElement("ul", {
-    className: `${prefix}--tabs__nav`
-  }, _Tab || (_Tab = /*#__PURE__*/React.createElement(Tab, null)), _Tab2 || (_Tab2 = /*#__PURE__*/React.createElement(Tab, null)), _Tab3 || (_Tab3 = /*#__PURE__*/React.createElement(Tab, null)), _Tab4 || (_Tab4 = /*#__PURE__*/React.createElement(Tab, null)), _Tab5 || (_Tab5 = /*#__PURE__*/React.createElement(Tab, null))));
+function TabsSkeleton({ className, contained, ...rest }) {
+	const prefix = usePrefix();
+	return /* @__PURE__ */ jsx("div", {
+		className: classNames(className, `${prefix}--tabs`, `${prefix}--skeleton`, { [`${prefix}--tabs--contained`]: contained }),
+		...rest,
+		children: /* @__PURE__ */ jsxs("ul", {
+			className: `${prefix}--tabs__nav`,
+			children: [
+				/* @__PURE__ */ jsx(Tab, {}),
+				/* @__PURE__ */ jsx(Tab, {}),
+				/* @__PURE__ */ jsx(Tab, {}),
+				/* @__PURE__ */ jsx(Tab, {}),
+				/* @__PURE__ */ jsx(Tab, {})
+			]
+		})
+	});
 }
 TabsSkeleton.propTypes = {
-  /**
-   * Specify an optional className to add.
-   */
-  className: PropTypes.string,
-  /**
-   * Provide the type of Tab
-   */
-  contained: PropTypes.bool
+	className: PropTypes.string,
+	contained: PropTypes.bool
 };
 
-export { TabsSkeleton, TabsSkeleton as default };
+//#endregion
+export { TabsSkeleton as default };