@carbon/react 1.83.0 → 1.84.0

package/lib/components/Icon/Icon.Skeleton.js

@@ -21,11 +21,10 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-const IconSkeleton = _ref => {
-  let {
-    className,
-    ...rest
-  } = _ref;
+const IconSkeleton = ({
+  className,
+  ...rest
+}) => {
   const prefix = usePrefix.usePrefix();
   return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
     className: cx__default["default"](`${prefix}--icon--skeleton`, className)

package/lib/components/IconButton/index.js

@@ -29,27 +29,26 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
 const IconButtonKinds = ['primary', 'secondary', 'ghost', 'tertiary'];
-const IconButton = /*#__PURE__*/React__default["default"].forwardRef(function IconButton(_ref, ref) {
-  let {
-    align,
-    autoAlign = false,
-    badgeCount,
-    children,
-    className,
-    closeOnActivation = true,
-    defaultOpen = false,
-    disabled,
-    dropShadow = false,
-    enterDelayMs = 100,
-    highContrast = true,
-    kind,
-    label,
-    leaveDelayMs = 100,
-    wrapperClasses,
-    size,
-    isSelected,
-    ...rest
-  } = _ref;
+const IconButton = /*#__PURE__*/React__default["default"].forwardRef(function IconButton({
+  align,
+  autoAlign = false,
+  badgeCount,
+  children,
+  className,
+  closeOnActivation = true,
+  defaultOpen = false,
+  disabled,
+  dropShadow = false,
+  enterDelayMs = 100,
+  highContrast = true,
+  kind,
+  label,
+  leaveDelayMs = 100,
+  wrapperClasses,
+  size,
+  isSelected,
+  ...rest
+}, ref) {
   const prefix = usePrefix.usePrefix();
   const tooltipClasses = cx__default["default"](wrapperClasses, `${prefix}--icon-tooltip`, {
     [`${prefix}--icon-tooltip--disabled`]: disabled

package/lib/components/IconIndicator/index.js

@@ -36,14 +36,13 @@ const iconTypes = {
   unknown: iconsReact.UnknownFilled,
   informative: iconsReact.WarningSquareFilled
 };
-const IconIndicator = /*#__PURE__*/React__default["default"].forwardRef(function IconIndicatorContent(_ref, ref) {
-  let {
-    className: customClassName,
-    kind,
-    label,
-    size = 16,
-    ...rest
-  } = _ref;
+const IconIndicator = /*#__PURE__*/React__default["default"].forwardRef(function IconIndicatorContent({
+  className: customClassName,
+  kind,
+  label,
+  size = 16,
+  ...rest
+}, ref) {
   const prefix = usePrefix.usePrefix();
   const classNames = cx__default["default"](`${prefix}--icon-indicator`, customClassName, {
     [`${prefix}--icon-indicator--20`]: size == 20

package/lib/components/IdPrefix/index.js

@@ -18,11 +18,10 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-function IdPrefix(_ref) {
-  let {
-    children,
-    prefix
-  } = _ref;
+function IdPrefix({
+  children,
+  prefix
+}) {
   return /*#__PURE__*/React__default["default"].createElement(useIdPrefix.IdPrefixContext.Provider, {
     value: prefix
   }, children);

package/lib/components/InlineLoading/InlineLoading.js

@@ -23,16 +23,15 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-const InlineLoading = _ref => {
-  let {
-    className,
-    status = 'active',
-    iconDescription,
-    description,
-    onSuccess,
-    successDelay = 1500,
-    ...rest
-  } = _ref;
+const InlineLoading = ({
+  className,
+  status = 'active',
+  iconDescription,
+  description,
+  onSuccess,
+  successDelay = 1500,
+  ...rest
+}) => {
   const prefix = usePrefix.usePrefix();
   const loadingClasses = cx__default["default"](`${prefix}--inline-loading`, className);
   const timerRef = React.useRef(null);

package/lib/components/Layer/index.js

@@ -35,15 +35,14 @@ function useLayer() {
     level
   };
 }
-const Layer = /*#__PURE__*/React__default["default"].forwardRef((_ref, ref) => {
-  let {
-    as,
-    className: customClassName,
-    children,
-    level: overrideLevel,
-    withBackground = false,
-    ...rest
-  } = _ref;
+const Layer = /*#__PURE__*/React__default["default"].forwardRef(({
+  as,
+  className: customClassName,
+  children,
+  level: overrideLevel,
+  withBackground = false,
+  ...rest
+}, ref) => {
   const contextLevel = React__default["default"].useContext(LayerContext.LayerContext);
   const level = overrideLevel ?? contextLevel;
   const prefix = usePrefix.usePrefix();

package/lib/components/Layout/index.js

@@ -32,15 +32,14 @@ const densities = ['condensed', 'normal'];
  * Size of components within this layout
  */
 
-const Layout = /*#__PURE__*/React__default["default"].forwardRef(function Layout(_ref, forwardRef) {
-  let {
-    as: BaseComponent = 'div',
-    children,
-    className,
-    density,
-    size,
-    ...rest
-  } = _ref;
+const Layout = /*#__PURE__*/React__default["default"].forwardRef(function Layout({
+  as: BaseComponent = 'div',
+  children,
+  className,
+  density,
+  size,
+  ...rest
+}, forwardRef) {
   const prefix = usePrefix.usePrefix();
   const classes = cx__default["default"](className, `${prefix}--layout`, {
     [`${prefix}--layout--size-${size}`]: size && sizes.includes(size),
@@ -75,27 +74,23 @@ Layout.propTypes = {
    */
   size: PropTypes__default["default"].oneOf(sizes)
 };
-const LayoutConstraint = /*#__PURE__*/React__default["default"].forwardRef(function Layout(_ref2, forwardRef) {
-  let {
-    as: BaseComponent = 'div',
-    children,
-    className,
-    density,
-    size,
-    ...rest
-  } = _ref2;
+const LayoutConstraint = /*#__PURE__*/React__default["default"].forwardRef(function Layout({
+  as: BaseComponent = 'div',
+  children,
+  className,
+  density,
+  size,
+  ...rest
+}, forwardRef) {
   const prefix = usePrefix.usePrefix();
   const classes = cx__default["default"](className, Object.entries({
     size,
     density
-  }).map(_ref3 => {
-    let [group, constraints] = _ref3;
-    return {
-      [`${prefix}--layout-constraint--${group}__default-${constraints?.default}`]: constraints?.default,
-      [`${prefix}--layout-constraint--${group}__min-${constraints?.min}`]: constraints?.min,
-      [`${prefix}--layout-constraint--${group}__max-${constraints?.max}`]: constraints?.max
-    };
-  }));
+  }).map(([group, constraints]) => ({
+    [`${prefix}--layout-constraint--${group}__default-${constraints?.default}`]: constraints?.default,
+    [`${prefix}--layout-constraint--${group}__min-${constraints?.min}`]: constraints?.min,
+    [`${prefix}--layout-constraint--${group}__max-${constraints?.max}`]: constraints?.max
+  })));
   return /*#__PURE__*/React__default["default"].createElement(BaseComponent, _rollupPluginBabelHelpers["extends"]({}, rest, {
     ref: forwardRef,
     className: classes

package/lib/components/LayoutDirection/LayoutDirection.js

@@ -19,13 +19,12 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-function LayoutDirection(_ref) {
-  let {
-    as: BaseComponent = 'div',
-    children,
-    dir,
-    ...rest
-  } = _ref;
+function LayoutDirection({
+  as: BaseComponent = 'div',
+  children,
+  dir,
+  ...rest
+}) {
   const value = React__default["default"].useMemo(() => {
     return {
       direction: dir

package/lib/components/Link/Link.d.ts

@@ -35,7 +35,7 @@ export interface LinkBaseProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
      */
     renderIcon?: ComponentType;
     /**
-     * Specify the size of the Link. Currently supports either `sm`, 'md' (default) or 'lg` as an option.
+     * Specify the size of the Link. Currently supports either `sm`, `md` (default) or `lg` as an option.
      */
     size?: 'sm' | 'md' | 'lg';
     /**

package/lib/components/Link/Link.js

@@ -22,20 +22,19 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 // First create the component with basic types
-const LinkBase = /*#__PURE__*/React__default["default"].forwardRef((_ref, ref) => {
-  let {
-    as: BaseComponent,
-    children,
-    className: customClassName,
-    href,
-    disabled = false,
-    inline = false,
-    visited = false,
-    renderIcon: Icon,
-    size,
-    target,
-    ...rest
-  } = _ref;
+const LinkBase = /*#__PURE__*/React__default["default"].forwardRef(({
+  as: BaseComponent,
+  children,
+  className: customClassName,
+  href,
+  disabled = false,
+  inline = false,
+  visited = false,
+  renderIcon: Icon,
+  size,
+  target,
+  ...rest
+}, ref) => {
   const prefix = usePrefix.usePrefix();
   const className = cx__default["default"](`${prefix}--link`, customClassName, {
     [`${prefix}--link--disabled`]: disabled,
@@ -98,7 +97,7 @@ Link.propTypes = {
    */
   renderIcon: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].object]),
   /**
-   * Specify the size of the Link. Currently supports either `sm`, 'md' (default) or 'lg` as an option.
+   * Specify the size of the Link. Currently supports either `sm`, `md` (default) or `lg` as an option.
    */
   size: PropTypes__default["default"].oneOf(['sm', 'md', 'lg']),
   /**

package/lib/components/ListBox/ListBoxField.js

@@ -24,13 +24,12 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
  * elements inside of a field. It also provides a11y-related attributes like
  * `role` to make sure a user can focus the given field.
  */
-function ListBoxField(_ref) {
-  let {
-    children,
-    disabled,
-    tabIndex,
-    ...rest
-  } = _ref;
+function ListBoxField({
+  children,
+  disabled,
+  tabIndex,
+  ...rest
+}) {
   const prefix = usePrefix.usePrefix();
   return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
     className: `${prefix}--list-box__field`,

package/lib/components/ListBox/ListBoxMenu.js

@@ -27,12 +27,11 @@ const frFn = React.forwardRef;
  * class into a single component. It is also being used to validate given
  * `children` components.
  */
-const ListBoxMenu = frFn((_ref, ref) => {
-  let {
-    children,
-    id,
-    ...rest
-  } = _ref;
+const ListBoxMenu = frFn(({
+  children,
+  id,
+  ...rest
+}, ref) => {
   const prefix = usePrefix.usePrefix();
   return /*#__PURE__*/React__default["default"].createElement("ul", _rollupPluginBabelHelpers["extends"]({
     ref: ref,

package/lib/components/ListBox/ListBoxMenuIcon.js

@@ -30,11 +30,10 @@ const defaultTranslateWithId = id => defaultTranslations[id];
  * `ListBoxMenuIcon` is used to orient the icon up or down depending on the
  * state of the menu for a given `ListBox`
  */
-const ListBoxMenuIcon = _ref => {
-  let {
-    isOpen,
-    translateWithId: t = defaultTranslateWithId
-  } = _ref;
+const ListBoxMenuIcon = ({
+  isOpen,
+  translateWithId: t = defaultTranslateWithId
+}) => {
   const prefix = usePrefix.usePrefix();
   const className = cx__default["default"](`${prefix}--list-box__menu-icon`, {
     [`${prefix}--list-box__menu-icon--open`]: isOpen

package/lib/components/ListBox/ListBoxMenuItem.js

@@ -32,8 +32,7 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
  * @param deps - Dependencies to re-run the truncation check.
  * @returns An object containing the truncation state and the merged ref.
  */
-const useIsTruncated = function (forwardedRef) {
-  let deps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+const useIsTruncated = (forwardedRef, deps = []) => {
   const localRef = React.useRef(null);
   const mergedRef = useMergedRefs.useMergedRefs([...(forwardedRef ? [forwardedRef] : []), localRef]);
   const [isTruncated, setIsTruncated] = React.useState(false);
@@ -57,14 +56,13 @@ const useIsTruncated = function (forwardedRef) {
  * name, alongside any classes for any corresponding states, for a generic list
  * box menu item.
  */
-const ListBoxMenuItem = /*#__PURE__*/React.forwardRef((_ref, forwardedRef) => {
-  let {
-    children,
-    isActive = false,
-    isHighlighted = false,
-    title,
-    ...rest
-  } = _ref;
+const ListBoxMenuItem = /*#__PURE__*/React.forwardRef(({
+  children,
+  isActive = false,
+  isHighlighted = false,
+  title,
+  ...rest
+}, forwardedRef) => {
   const prefix = usePrefix.usePrefix();
   const menuItemOptionRefProp = forwardedRef && typeof forwardedRef !== 'function' ? forwardedRef.menuItemOptionRef : undefined;
   const {

package/lib/components/ListBox/ListBoxSelection.js

@@ -42,15 +42,14 @@ const defaultTranslateWithId = id => defaultTranslations[id];
  * addition to conditionally rendering a badge if the control has more than one
  * selection.
  */
-const ListBoxSelection = _ref => {
-  let {
-    clearSelection,
-    selectionCount,
-    translateWithId: t = defaultTranslateWithId,
-    disabled,
-    onClearSelection,
-    readOnly
-  } = _ref;
+const ListBoxSelection = ({
+  clearSelection,
+  selectionCount,
+  translateWithId: t = defaultTranslateWithId,
+  disabled,
+  onClearSelection,
+  readOnly
+}) => {
   const prefix = usePrefix.usePrefix();
   const className = cx__default["default"](`${prefix}--list-box__selection`, {
     [`${prefix}--tag--filter`]: selectionCount,

package/lib/components/ListBox/next/ListBoxSelection.js

@@ -30,16 +30,15 @@ const defaultTranslations = {
 function defaultTranslateWithId(id) {
   return defaultTranslations[id];
 }
-function ListBoxSelection(_ref) {
-  let {
-    clearSelection,
-    selectionCount,
-    translateWithId: t = defaultTranslateWithId,
-    disabled,
-    readOnly,
-    onClearSelection,
-    ...rest
-  } = _ref;
+function ListBoxSelection({
+  clearSelection,
+  selectionCount,
+  translateWithId: t = defaultTranslateWithId,
+  disabled,
+  readOnly,
+  onClearSelection,
+  ...rest
+}) {
   const prefix = usePrefix.usePrefix();
   const className = cx__default["default"](`${prefix}--list-box__selection`, {
     [`${prefix}--tag--filter`]: selectionCount,

package/lib/components/ListBox/next/ListBoxTrigger.js

@@ -37,12 +37,11 @@ const defaultTranslateWithId = id => defaultTranslations[id];
  * state of the menu for a given `ListBox`
  */
 
-const ListBoxTrigger = /*#__PURE__*/React__default["default"].forwardRef(function ListBoxTrigger(_ref, ref) {
-  let {
-    isOpen,
-    translateWithId: t = defaultTranslateWithId,
-    ...rest
-  } = _ref;
+const ListBoxTrigger = /*#__PURE__*/React__default["default"].forwardRef(function ListBoxTrigger({
+  isOpen,
+  translateWithId: t = defaultTranslateWithId,
+  ...rest
+}, ref) {
   const prefix = usePrefix.usePrefix();
   const className = cx__default["default"]({
     [`${prefix}--list-box__menu-icon`]: true,

package/lib/components/ListItem/ListItem.js

@@ -23,12 +23,11 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-function ListItem(_ref) {
-  let {
-    className,
-    children,
-    ...other
-  } = _ref;
+function ListItem({
+  className,
+  children,
+  ...other
+}) {
   const prefix = usePrefix.usePrefix();
   const classNames = cx__default["default"](`${prefix}--list__item`, className);
   return /*#__PURE__*/React__default["default"].createElement(Text.Text, _rollupPluginBabelHelpers["extends"]({

package/lib/components/Loading/Loading.js

@@ -22,15 +22,14 @@ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-function Loading(_ref) {
-  let {
-    active = true,
-    className: customClassName,
-    withOverlay = true,
-    small = false,
-    description = 'loading',
-    ...rest
-  } = _ref;
+function Loading({
+  active = true,
+  className: customClassName,
+  withOverlay = true,
+  small = false,
+  description = 'loading',
+  ...rest
+}) {
   const prefix = usePrefix.usePrefix();
   const loadingClassName = cx__default["default"](customClassName, {
     [`${prefix}--loading`]: true,

package/lib/components/Menu/Menu.js

@@ -32,30 +32,29 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 const spacing = 8; // distance to keep to window edges, in px
 
-const Menu = /*#__PURE__*/React.forwardRef(function Menu(_ref, forwardRef) {
-  let {
-    children,
-    className,
-    containerRef,
-    label,
-    menuAlignment,
-    mode,
-    onClose,
-    onOpen,
-    open,
-    size = 'sm',
-    legacyAutoalign = 'true',
-    // TODO: `ssr-friendly` doesn't support ESLint v9.
-    // https://github.com/kopiro/eslint-plugin-ssr-friendly/issues/30
-    // https://github.com/carbon-design-system/carbon/issues/18991
-    /*
-    // eslint-disable-next-line ssr-friendly/no-dom-globals-in-react-fc
-    */
-    target = environment.canUseDOM && document.body,
-    x = 0,
-    y = 0,
-    ...rest
-  } = _ref;
+const Menu = /*#__PURE__*/React.forwardRef(function Menu({
+  children,
+  className,
+  containerRef,
+  label,
+  menuAlignment,
+  mode,
+  onClose,
+  onOpen,
+  open,
+  size = 'sm',
+  legacyAutoalign = 'true',
+  // TODO: `ssr-friendly` doesn't support ESLint v9.
+  // https://github.com/kopiro/eslint-plugin-ssr-friendly/issues/30
+  // https://github.com/carbon-design-system/carbon/issues/18991
+  /*
+  // eslint-disable-next-line ssr-friendly/no-dom-globals-in-react-fc
+  */
+  target = environment.canUseDOM && document.body,
+  x = 0,
+  y = 0,
+  ...rest
+}, forwardRef) {
   const prefix = usePrefix.usePrefix();
   const focusReturn = React.useRef(null);
   const context = React.useContext(MenuContext.MenuContext);