@carbon/react 1.83.0-rc.0 → 1.84.0-rc.0

package/es/components/Tag/DismissibleTag.js

@@ -7,7 +7,7 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
-import React__default, { forwardRef, useRef, useState, useLayoutEffect } from 'react';
+import React, { forwardRef, useRef, useState, useLayoutEffect } from 'react';
 import cx from 'classnames';
 import { useId } from '../../internal/useId.js';
 import { usePrefix } from '../../internal/usePrefix.js';
@@ -22,23 +22,22 @@ import mergeRefs from '../../tools/mergeRefs.js';
 import { Text } from '../Text/Text.js';
 
 var _Close;
-const DismissibleTag = /*#__PURE__*/forwardRef((_ref, forwardRef) => {
-  let {
-    className,
-    decorator,
-    disabled,
-    id,
-    renderIcon,
-    title = 'Dismiss',
-    onClose,
-    slug,
-    size,
-    text,
-    tagTitle,
-    type,
-    dismissTooltipLabel = 'Dismiss tag',
-    ...other
-  } = _ref;
+const DismissibleTag = /*#__PURE__*/forwardRef(({
+  className,
+  decorator,
+  disabled,
+  id,
+  renderIcon,
+  title = 'Dismiss',
+  onClose,
+  slug,
+  size,
+  text,
+  tagTitle,
+  type,
+  dismissTooltipLabel = 'Dismiss tag',
+  ...other
+}, forwardRef) => {
   const prefix = usePrefix();
   const tagLabelRef = useRef(null);
   const tagId = id || `tag-${useId()}`;
@@ -55,9 +54,9 @@ const DismissibleTag = /*#__PURE__*/forwardRef((_ref, forwardRef) => {
       onClose(event);
     }
   };
-  let normalizedDecorator = /*#__PURE__*/React__default.isValidElement(slug ?? decorator) ? slug ?? decorator : null;
+  let normalizedDecorator = /*#__PURE__*/React.isValidElement(slug ?? decorator) ? slug ?? decorator : null;
   if (normalizedDecorator && normalizedDecorator['type']?.displayName === 'AILabel') {
-    normalizedDecorator = /*#__PURE__*/React__default.cloneElement(normalizedDecorator, {
+    normalizedDecorator = /*#__PURE__*/React.cloneElement(normalizedDecorator, {
       size: 'sm',
       kind: 'inline'
     });
@@ -71,7 +70,7 @@ const DismissibleTag = /*#__PURE__*/forwardRef((_ref, forwardRef) => {
     ...otherProps
   } = other;
   const dismissActionLabel = isEllipsisApplied ? dismissTooltipLabel : title;
-  return /*#__PURE__*/React__default.createElement(Tag, _extends({
+  return /*#__PURE__*/React.createElement(Tag, _extends({
     ref: combinedRef,
     type: type,
     size: size,
@@ -79,26 +78,26 @@ const DismissibleTag = /*#__PURE__*/forwardRef((_ref, forwardRef) => {
     disabled: disabled,
     className: tagClasses,
     id: tagId
-  }, otherProps), /*#__PURE__*/React__default.createElement("div", {
+  }, otherProps), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--interactive--tag-children`
-  }, /*#__PURE__*/React__default.createElement(Text, {
+  }, /*#__PURE__*/React.createElement(Text, {
     title: tagTitle ? tagTitle : text,
     className: `${prefix}--tag__label`
-  }, text), slug ? normalizedDecorator : decorator ? /*#__PURE__*/React__default.createElement("div", {
+  }, text), slug ? normalizedDecorator : decorator ? /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--tag__decorator`
-  }, normalizedDecorator) : '', /*#__PURE__*/React__default.createElement(Tooltip, {
+  }, normalizedDecorator) : '', /*#__PURE__*/React.createElement(Tooltip, {
     label: dismissActionLabel,
     align: "bottom",
     className: tooltipClasses,
     leaveDelayMs: 0,
     closeOnActivation: true
-  }, /*#__PURE__*/React__default.createElement("button", {
+  }, /*#__PURE__*/React.createElement("button", {
     type: "button",
     className: `${prefix}--tag__close-icon`,
     onClick: handleClose,
     disabled: disabled,
     "aria-label": dismissActionLabel
-  }, _Close || (_Close = /*#__PURE__*/React__default.createElement(Close, null))))));
+  }, _Close || (_Close = /*#__PURE__*/React.createElement(Close, null))))));
 });
 DismissibleTag.propTypes = {
   /**

package/es/components/Tag/OperationalTag.js

@@ -7,7 +7,7 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
-import React__default, { forwardRef, useRef, useState, useLayoutEffect } from 'react';
+import React, { forwardRef, useRef, useState, useLayoutEffect } from 'react';
 import cx from 'classnames';
 import { useId } from '../../internal/useId.js';
 import { usePrefix } from '../../internal/usePrefix.js';
@@ -31,17 +31,16 @@ const TYPES = {
   'cool-gray': 'Cool-Gray',
   'warm-gray': 'Warm-Gray'
 };
-const OperationalTag = /*#__PURE__*/forwardRef((_ref, forwardRef) => {
-  let {
-    className,
-    disabled,
-    id,
-    renderIcon,
-    size,
-    text,
-    type = 'gray',
-    ...other
-  } = _ref;
+const OperationalTag = /*#__PURE__*/forwardRef(({
+  className,
+  disabled,
+  id,
+  renderIcon,
+  size,
+  text,
+  type = 'gray',
+  ...other
+}, forwardRef) => {
   const prefix = usePrefix();
   const tagRef = useRef(null);
   const tagId = id || `tag-${useId()}`;
@@ -54,14 +53,14 @@ const OperationalTag = /*#__PURE__*/forwardRef((_ref, forwardRef) => {
   const tooltipClasses = cx(`${prefix}--icon-tooltip`, `${prefix}--tag-label-tooltip`);
   const combinedRef = mergeRefs(tagRef, forwardRef);
   if (isEllipsisApplied) {
-    return /*#__PURE__*/React__default.createElement(Tooltip, {
+    return /*#__PURE__*/React.createElement(Tooltip, {
       label: text,
       align: "bottom",
       className: tooltipClasses,
       leaveDelayMs: 0,
       onMouseEnter: () => false,
       closeOnActivation: true
-    }, /*#__PURE__*/React__default.createElement(Tag, _extends({
+    }, /*#__PURE__*/React.createElement(Tag, _extends({
       ref: combinedRef,
       type: type,
       size: size,
@@ -69,12 +68,12 @@ const OperationalTag = /*#__PURE__*/forwardRef((_ref, forwardRef) => {
       disabled: disabled,
       className: tagClasses,
       id: tagId
-    }, other), /*#__PURE__*/React__default.createElement(Text, {
+    }, other), /*#__PURE__*/React.createElement(Text, {
       title: text,
       className: `${prefix}--tag__label`
     }, text)));
   }
-  return /*#__PURE__*/React__default.createElement(Tag, _extends({
+  return /*#__PURE__*/React.createElement(Tag, _extends({
     ref: combinedRef,
     type: type,
     size: size,
@@ -82,7 +81,7 @@ const OperationalTag = /*#__PURE__*/forwardRef((_ref, forwardRef) => {
     disabled: disabled,
     className: tagClasses,
     id: tagId
-  }, other), /*#__PURE__*/React__default.createElement(Text, {
+  }, other), /*#__PURE__*/React.createElement(Text, {
     title: text,
     className: `${prefix}--tag__label`
   }, text));

package/es/components/Tag/SelectableTag.js

@@ -7,7 +7,7 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
-import React__default, { forwardRef, useRef, useState, useLayoutEffect } from 'react';
+import React, { forwardRef, useRef, useState, useLayoutEffect } from 'react';
 import cx from 'classnames';
 import { useId } from '../../internal/useId.js';
 import { usePrefix } from '../../internal/usePrefix.js';
@@ -20,20 +20,19 @@ import mergeRefs from '../../tools/mergeRefs.js';
 import { useControllableState } from '../../internal/useControllableState.js';
 import { Text } from '../Text/Text.js';
 
-const SelectableTag = /*#__PURE__*/forwardRef((_ref, forwardRef) => {
-  let {
-    className,
-    disabled,
-    id,
-    renderIcon,
-    onChange,
-    onClick,
-    selected,
-    size,
-    text,
-    defaultSelected = false,
-    ...other
-  } = _ref;
+const SelectableTag = /*#__PURE__*/forwardRef(({
+  className,
+  disabled,
+  id,
+  renderIcon,
+  onChange,
+  onClick,
+  selected,
+  size,
+  text,
+  defaultSelected = false,
+  ...other
+}, forwardRef) => {
   const prefix = usePrefix();
   const tagRef = useRef(null);
   const tagId = id || `tag-${useId()}`;
@@ -57,13 +56,13 @@ const SelectableTag = /*#__PURE__*/forwardRef((_ref, forwardRef) => {
     onClick?.(e);
   };
   if (isEllipsisApplied) {
-    return /*#__PURE__*/React__default.createElement(Tooltip, {
+    return /*#__PURE__*/React.createElement(Tooltip, {
       label: text,
       align: "bottom",
       className: tooltipClasses,
       leaveDelayMs: 0,
       onMouseEnter: () => false
-    }, /*#__PURE__*/React__default.createElement(Tag, _extends({
+    }, /*#__PURE__*/React.createElement(Tag, _extends({
       "aria-pressed": selectedTag !== false,
       ref: combinedRef,
       size: size,
@@ -72,12 +71,12 @@ const SelectableTag = /*#__PURE__*/forwardRef((_ref, forwardRef) => {
       className: tagClasses,
       id: tagId,
       onClick: handleClick
-    }, other), /*#__PURE__*/React__default.createElement(Text, {
+    }, other), /*#__PURE__*/React.createElement(Text, {
       title: text,
       className: `${prefix}--tag__label`
     }, text)));
   }
-  return /*#__PURE__*/React__default.createElement(Tag, _extends({
+  return /*#__PURE__*/React.createElement(Tag, _extends({
     "aria-pressed": selectedTag !== false,
     ref: combinedRef,
     size: size,
@@ -86,7 +85,7 @@ const SelectableTag = /*#__PURE__*/forwardRef((_ref, forwardRef) => {
     className: tagClasses,
     id: tagId,
     onClick: handleClick
-  }, other), /*#__PURE__*/React__default.createElement(Text, {
+  }, other), /*#__PURE__*/React.createElement(Text, {
     title: text,
     className: `${prefix}--tag__label`
   }, text));

package/es/components/Tag/Tag.Skeleton.js

@@ -7,23 +7,22 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
-import React__default from 'react';
+import React from 'react';
 import cx from 'classnames';
 import { usePrefix } from '../../internal/usePrefix.js';
 
-function TagSkeleton(_ref) {
-  let {
-    className,
-    size,
-    ...rest
-  } = _ref;
+function TagSkeleton({
+  className,
+  size,
+  ...rest
+}) {
   const prefix = usePrefix();
   const tagClasses = cx(`${prefix}--tag`, `${prefix}--skeleton`, className, {
     [`${prefix}--tag--${size}`]: size,
     // TODO: V12 - Remove this class
     [`${prefix}--layout--size-${size}`]: size
   });
-  return /*#__PURE__*/React__default.createElement("span", _extends({
+  return /*#__PURE__*/React.createElement("span", _extends({
     className: tagClasses
   }, rest));
 }

package/es/components/Tag/Tag.js

@@ -7,7 +7,7 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
-import React__default, { useRef, useState, useLayoutEffect } from 'react';
+import React, { useRef, useState, useLayoutEffect } from 'react';
 import cx from 'classnames';
 import { Close } from '@carbon/icons-react';
 import { useId } from '../../internal/useId.js';
@@ -40,26 +40,25 @@ const SIZES = {
   md: 'md',
   lg: 'lg'
 };
-const TagBase = /*#__PURE__*/React__default.forwardRef((_ref, forwardRef) => {
-  let {
-    children,
-    className,
-    decorator,
-    id,
-    type,
-    filter,
-    // remove filter in next major release - V12
-    renderIcon: CustomIconElement,
-    title = 'Clear filter',
-    // remove title in next major release - V12
-    disabled,
-    onClose,
-    // remove onClose in next major release - V12
-    size,
-    as: BaseComponent,
-    slug,
-    ...other
-  } = _ref;
+const TagBase = /*#__PURE__*/React.forwardRef(({
+  children,
+  className,
+  decorator,
+  id,
+  type,
+  filter,
+  // remove filter in next major release - V12
+  renderIcon: CustomIconElement,
+  title = 'Clear filter',
+  // remove title in next major release - V12
+  disabled,
+  onClose,
+  // remove onClose in next major release - V12
+  size,
+  as: BaseComponent,
+  slug,
+  ...other
+}, forwardRef) => {
   const prefix = usePrefix();
   const tagRef = useRef(null);
   if (filter) {
@@ -95,55 +94,55 @@ const TagBase = /*#__PURE__*/React__default.forwardRef((_ref, forwardRef) => {
   };
 
   // AILabel is always size `sm` and `inline`
-  let normalizedDecorator = /*#__PURE__*/React__default.isValidElement(slug ?? decorator) ? slug ?? decorator : null;
+  let normalizedDecorator = /*#__PURE__*/React.isValidElement(slug ?? decorator) ? slug ?? decorator : null;
   if (normalizedDecorator && normalizedDecorator['type']?.displayName === 'AILabel' && !isInteractiveTag) {
-    normalizedDecorator = /*#__PURE__*/React__default.cloneElement(normalizedDecorator, {
+    normalizedDecorator = /*#__PURE__*/React.cloneElement(normalizedDecorator, {
       size: 'sm',
       kind: 'inline'
     });
   }
   if (filter) {
     const ComponentTag = BaseComponent ?? 'div';
-    return /*#__PURE__*/React__default.createElement(ComponentTag, _extends({
+    return /*#__PURE__*/React.createElement(ComponentTag, _extends({
       className: tagClasses,
       id: tagId
-    }, other), CustomIconElement && size !== 'sm' ? /*#__PURE__*/React__default.createElement("div", {
+    }, other), CustomIconElement && size !== 'sm' ? /*#__PURE__*/React.createElement("div", {
       className: `${prefix}--tag__custom-icon`
-    }, /*#__PURE__*/React__default.createElement(CustomIconElement, null)) : '', /*#__PURE__*/React__default.createElement(Text, {
+    }, /*#__PURE__*/React.createElement(CustomIconElement, null)) : '', /*#__PURE__*/React.createElement(Text, {
       title: typeof children === 'string' ? children : undefined,
       className: `${prefix}--tag__label`
-    }, children !== null && children !== undefined ? children : typeText), normalizedDecorator, /*#__PURE__*/React__default.createElement("button", {
+    }, children !== null && children !== undefined ? children : typeText), normalizedDecorator, /*#__PURE__*/React.createElement("button", {
       type: "button",
       className: `${prefix}--tag__close-icon`,
       onClick: handleClose,
       disabled: disabled,
       "aria-label": title,
       title: title
-    }, _Close || (_Close = /*#__PURE__*/React__default.createElement(Close, null))));
+    }, _Close || (_Close = /*#__PURE__*/React.createElement(Close, null))));
   }
   const ComponentTag = BaseComponent ?? (other.onClick || className?.includes(`${prefix}--tag--operational`) ? 'button' : 'div');
   const labelClasses = cx({
     [`${prefix}--tag__label`]: !isInteractiveTag
   });
-  return /*#__PURE__*/React__default.createElement(ComponentTag, _extends({
+  return /*#__PURE__*/React.createElement(ComponentTag, _extends({
     ref: ref,
     disabled: disabled,
     className: tagClasses,
     id: tagId,
     type: ComponentTag === 'button' ? 'button' : undefined
-  }, other), CustomIconElement && size !== 'sm' ? /*#__PURE__*/React__default.createElement("div", {
+  }, other), CustomIconElement && size !== 'sm' ? /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--tag__custom-icon`
-  }, /*#__PURE__*/React__default.createElement(CustomIconElement, null)) : '', isEllipsisApplied && !isInteractiveTag ? /*#__PURE__*/React__default.createElement(DefinitionTooltip, {
+  }, /*#__PURE__*/React.createElement(CustomIconElement, null)) : '', isEllipsisApplied && !isInteractiveTag ? /*#__PURE__*/React.createElement(DefinitionTooltip, {
     openOnHover: false,
     definition: children !== null && children !== undefined ? children : typeText,
     className: `${prefix}--definition--tooltip--tag`
-  }, /*#__PURE__*/React__default.createElement(Text, {
+  }, /*#__PURE__*/React.createElement(Text, {
     title: children !== null && children !== undefined && typeof children === 'string' ? children : typeText,
     className: labelClasses
-  }, children !== null && children !== undefined ? children : typeText)) : /*#__PURE__*/React__default.createElement(Text, {
+  }, children !== null && children !== undefined ? children : typeText)) : /*#__PURE__*/React.createElement(Text, {
     title: children !== null && children !== undefined && typeof children === 'string' ? children : typeText,
     className: labelClasses
-  }, children !== null && children !== undefined ? children : typeText), slug ? normalizedDecorator : decorator ? /*#__PURE__*/React__default.createElement("div", {
+  }, children !== null && children !== undefined ? children : typeText), slug ? normalizedDecorator : decorator ? /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--tag__decorator`
   }, normalizedDecorator) : '');
 });

package/es/components/Text/Text.js

@@ -7,17 +7,16 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
-import React__default, { useContext, Children } from 'react';
+import React, { useContext, Children } from 'react';
 import './index.js';
 import { TextDirectionContext } from './TextDirectionContext.js';
 
-const TextBase = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
-  let {
-    as,
-    children,
-    dir = 'auto',
-    ...rest
-  } = _ref;
+const TextBase = /*#__PURE__*/React.forwardRef(({
+  as,
+  children,
+  dir = 'auto',
+  ...rest
+}, ref) => {
   const context = useContext(TextDirectionContext);
   const textProps = {};
   const BaseComponent = as ?? 'span';
@@ -48,9 +47,9 @@ const TextBase = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
       textProps.dir = dir;
     }
   }
-  return /*#__PURE__*/React__default.createElement(TextDirectionContext.Provider, {
+  return /*#__PURE__*/React.createElement(TextDirectionContext.Provider, {
     value: value
-  }, /*#__PURE__*/React__default.createElement(BaseComponent, _extends({
+  }, /*#__PURE__*/React.createElement(BaseComponent, _extends({
     ref: ref
   }, rest, textProps), children));
 });

package/es/components/Text/TextDirection.js

@@ -6,16 +6,15 @@
  */
 
 import PropTypes from 'prop-types';
-import React__default, { useRef, useMemo, useEffect } from 'react';
+import React, { useRef, useMemo, useEffect } from 'react';
 import './index.js';
 import { TextDirectionContext } from './TextDirectionContext.js';
 
-const TextDirection = _ref => {
-  let {
-    children,
-    dir = 'auto',
-    getTextDirection
-  } = _ref;
+const TextDirection = ({
+  children,
+  dir = 'auto',
+  getTextDirection
+}) => {
   const savedCallback = useRef(getTextDirection);
   const value = useMemo(() => {
     return {
@@ -28,7 +27,7 @@ const TextDirection = _ref => {
     // TODO: Is this `useEffect` supposed to have a dependency on
     // `getTextDirection`?
   });
-  return /*#__PURE__*/React__default.createElement(TextDirectionContext.Provider, {
+  return /*#__PURE__*/React.createElement(TextDirectionContext.Provider, {
     value: value
   }, children);
 };

package/es/components/Text/createTextComponent.js

@@ -6,7 +6,7 @@
  */
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default from 'react';
+import React from 'react';
 import './index.js';
 import { Text } from './Text.js';
 
@@ -18,7 +18,7 @@ import { Text } from './Text.js';
  */
 const createTextComponent = (element, displayName) => {
   const TextWrapper = props => {
-    return /*#__PURE__*/React__default.createElement(Text, _extends({
+    return /*#__PURE__*/React.createElement(Text, _extends({
       as: element
     }, props));
   };

package/es/components/TextArea/TextArea.Skeleton.js

@@ -7,7 +7,7 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
-import React__default from 'react';
+import React from 'react';
 import cx from 'classnames';
 import { usePrefix } from '../../internal/usePrefix.js';
 
@@ -18,11 +18,11 @@ const TextAreaSkeleton = props => {
     ...rest
   } = props;
   const prefix = usePrefix();
-  return /*#__PURE__*/React__default.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _extends({
     className: cx(`${prefix}--form-item`, className)
-  }, rest), !hideLabel && /*#__PURE__*/React__default.createElement("span", {
+  }, rest), !hideLabel && /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--label ${prefix}--skeleton`
-  }), /*#__PURE__*/React__default.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--skeleton ${prefix}--text-area`
   }));
 };