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

package/lib/components/Popover/index.js

@@ -43,25 +43,24 @@ const PopoverContext = /*#__PURE__*/React__default["default"].createContext({
  * @deprecated Use NewPopoverAlignment instead.
  */
 
-const Popover = /*#__PURE__*/React__default["default"].forwardRef(function PopoverRenderFunction(_ref,
+const Popover = /*#__PURE__*/React__default["default"].forwardRef(function PopoverRenderFunction({
+  isTabTip,
+  align: initialAlign = isTabTip ? 'bottom-start' : 'bottom',
+  as: BaseComponent = 'span',
+  autoAlign = false,
+  autoAlignBoundary,
+  caret = isTabTip ? false : true,
+  className: customClassName,
+  children,
+  dropShadow = true,
+  highContrast = false,
+  onRequestClose,
+  open,
+  alignmentAxisOffset,
+  ...rest
+},
 //this is a workaround, have to come back and fix this.
 forwardRef) {
-  let {
-    isTabTip,
-    align: initialAlign = isTabTip ? 'bottom-start' : 'bottom',
-    as: BaseComponent = 'span',
-    autoAlign = false,
-    autoAlignBoundary,
-    caret = isTabTip ? false : true,
-    className: customClassName,
-    children,
-    dropShadow = true,
-    highContrast = false,
-    onRequestClose,
-    open,
-    alignmentAxisOffset,
-    ...rest
-  } = _ref;
   const prefix = usePrefix.usePrefix();
   const floating = React.useRef(null);
   const caretRef = React.useRef(null);
@@ -75,10 +74,9 @@ forwardRef) {
       onRequestClose?.();
     }
   });
-  useEvent.useWindowEvent('click', _ref2 => {
-    let {
-      target
-    } = _ref2;
+  useEvent.useWindowEvent('click', ({
+    target
+  }) => {
     if (open && target instanceof Node && !popover.current?.contains(target)) {
       onRequestClose?.();
     }
@@ -348,13 +346,13 @@ Popover.propTypes = {
    */
   open: PropTypes__default["default"].bool.isRequired
 };
-function PopoverContentRenderFunction(// eslint-disable-next-line react/prop-types
-_ref3, forwardRef) {
-  let {
-    className,
-    children,
-    ...rest
-  } = _ref3;
+function PopoverContentRenderFunction(
+// eslint-disable-next-line react/prop-types
+{
+  className,
+  children,
+  ...rest
+}, forwardRef) {
   const prefix = usePrefix.usePrefix();
   const {
     setFloating,

package/lib/components/ProgressBar/ProgressBar.js

@@ -24,18 +24,17 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-function ProgressBar(_ref) {
-  let {
-    className,
-    helperText,
-    hideLabel,
-    label,
-    max = 100,
-    size = 'big',
-    status = 'active',
-    type = 'default',
-    value
-  } = _ref;
+function ProgressBar({
+  className,
+  helperText,
+  hideLabel,
+  label,
+  max = 100,
+  size = 'big',
+  status = 'active',
+  type = 'default',
+  value
+}) {
   const labelId = useId.useId('progress-bar');
   const helperId = useId.useId('progress-bar-helper');
   const helperTextId = useId.useId('progress-bar-helper-text');

package/lib/components/ProgressIndicator/ProgressIndicator.Skeleton.js

@@ -35,12 +35,11 @@ function Step() {
     className: `${prefix}--progress-line`
   })));
 }
-function ProgressIndicatorSkeleton(_ref) {
-  let {
-    className,
-    vertical,
-    ...rest
-  } = _ref;
+function ProgressIndicatorSkeleton({
+  className,
+  vertical,
+  ...rest
+}) {
   const prefix = usePrefix.usePrefix();
   return /*#__PURE__*/React__default["default"].createElement("ul", _rollupPluginBabelHelpers["extends"]({
     className: cx__default["default"](`${prefix}--progress`, `${prefix}--skeleton`, {

package/lib/components/ProgressIndicator/ProgressIndicator.js

@@ -40,16 +40,15 @@ const defaultTranslations = {
 function translateWithId(messageId) {
   return defaultTranslations[messageId];
 }
-function ProgressIndicator(_ref) {
-  let {
-    children,
-    className: customClassName,
-    currentIndex: controlledIndex = 0,
-    onChange,
-    spaceEqually,
-    vertical,
-    ...rest
-  } = _ref;
+function ProgressIndicator({
+  children,
+  className: customClassName,
+  currentIndex: controlledIndex = 0,
+  onChange,
+  spaceEqually,
+  vertical,
+  ...rest
+}) {
   const prefix = usePrefix.usePrefix();
   const [currentIndex, setCurrentIndex] = React.useState(controlledIndex);
   const [prevControlledIndex, setPrevControlledIndex] = React.useState(controlledIndex);
@@ -124,20 +123,19 @@ ProgressIndicator.propTypes = {
    */
   vertical: PropTypes__default["default"].bool
 };
-function ProgressStep(_ref2) {
-  let {
-    label,
-    description,
-    className,
-    current,
-    complete,
-    invalid,
-    secondaryLabel,
-    disabled,
-    onClick,
-    translateWithId: t = translateWithId,
-    ...rest
-  } = _ref2;
+function ProgressStep({
+  label,
+  description,
+  className,
+  current,
+  complete,
+  invalid,
+  secondaryLabel,
+  disabled,
+  onClick,
+  translateWithId: t = translateWithId,
+  ...rest
+}) {
   const prefix = usePrefix.usePrefix();
   const classes = cx__default["default"]({
     [`${prefix}--progress-step`]: true,
@@ -152,14 +150,13 @@ function ProgressStep(_ref2) {
       onClick(e);
     }
   };
-  const SVGIcon = _ref3 => {
-    let {
-      complete,
-      current,
-      description,
-      invalid,
-      prefix
-    } = _ref3;
+  const SVGIcon = ({
+    complete,
+    current,
+    description,
+    invalid,
+    prefix
+  }) => {
     if (invalid) {
       return /*#__PURE__*/React__default["default"].createElement(iconsReact.Warning, {
         className: `${prefix}--progress__warning`

package/lib/components/RadioTile/RadioTile.js

@@ -31,24 +31,23 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var _RadioButtonChecked, _RadioButton, _CheckmarkFilled;
-const RadioTile = /*#__PURE__*/React__default["default"].forwardRef(function RadioTile(_ref, ref) {
-  let {
-    children,
-    className: customClassName,
-    decorator,
-    disabled,
-    light,
-    checked,
-    name,
-    value,
-    id,
-    onChange = noopFn.noopFn,
-    tabIndex = 0,
-    hasRoundedCorners,
-    slug,
-    required,
-    ...rest
-  } = _ref;
+const RadioTile = /*#__PURE__*/React__default["default"].forwardRef(function RadioTile({
+  children,
+  className: customClassName,
+  decorator,
+  disabled,
+  light,
+  checked,
+  name,
+  value,
+  id,
+  onChange = noopFn.noopFn,
+  tabIndex = 0,
+  hasRoundedCorners,
+  slug,
+  required,
+  ...rest
+}, ref) {
   const prefix = usePrefix.usePrefix();
   const inputId = useId.useFallbackId(id);
   const className = cx__default["default"](customClassName, `${prefix}--tile`, `${prefix}--tile--selectable`, `${prefix}--tile--radio`, {

package/lib/components/Search/Search.Skeleton.js

@@ -21,12 +21,11 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-const SearchSkeleton = _ref => {
-  let {
-    small = false,
-    className,
-    ...rest
-  } = _ref;
+const SearchSkeleton = ({
+  small = false,
+  className,
+  ...rest
+}) => {
   const prefix = usePrefix.usePrefix();
   const searchClasses = cx__default["default"](className, {
     [`${prefix}--skeleton`]: true,

package/lib/components/Search/Search.js

@@ -32,30 +32,29 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var _Close;
-const Search = /*#__PURE__*/React__default["default"].forwardRef(function Search(_ref, forwardRef) {
-  let {
-    autoComplete = 'off',
-    className,
-    closeButtonLabelText = 'Clear search input',
-    defaultValue,
-    disabled,
-    isExpanded = true,
-    id,
-    labelText,
-    // @ts-expect-error: deprecated prop
-    light,
-    onChange = () => {},
-    onClear = () => {},
-    onKeyDown,
-    onExpand,
-    placeholder = 'Search',
-    renderIcon,
-    role = 'searchbox',
-    size = 'md',
-    type = 'text',
-    value,
-    ...rest
-  } = _ref;
+const Search = /*#__PURE__*/React__default["default"].forwardRef(function Search({
+  autoComplete = 'off',
+  className,
+  closeButtonLabelText = 'Clear search input',
+  defaultValue,
+  disabled,
+  isExpanded = true,
+  id,
+  labelText,
+  // @ts-expect-error: deprecated prop
+  light,
+  onChange = () => {},
+  onClear = () => {},
+  onKeyDown,
+  onExpand,
+  placeholder = 'Search',
+  renderIcon,
+  role = 'searchbox',
+  size = 'md',
+  type = 'text',
+  value,
+  ...rest
+}, forwardRef) {
   const hasPropValue = value || defaultValue ? true : false;
   const prefix = usePrefix.usePrefix();
   const {
@@ -266,10 +265,9 @@ Search.propTypes = {
    */
   value: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number])
 };
-function CustomSearchIcon(_ref2) {
-  let {
-    icon: Icon
-  } = _ref2;
+function CustomSearchIcon({
+  icon: Icon
+}) {
   const prefix = usePrefix.usePrefix();
   if (Icon) {
     return /*#__PURE__*/React__default["default"].createElement(Icon, {

package/lib/components/Select/Select.Skeleton.js

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

package/lib/components/Select/Select.js

@@ -29,31 +29,30 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-const Select = /*#__PURE__*/React__default["default"].forwardRef(function Select(_ref, ref) {
-  let {
-    className,
-    decorator,
-    id,
-    inline = false,
-    labelText = 'Select',
-    disabled = false,
-    children,
-    // reserved for use with Pagination component
-    noLabel = false,
-    // eslint-disable-next-line no-unused-vars
-    hideLabel = false,
-    invalid = false,
-    invalidText = '',
-    helperText = '',
-    light = false,
-    readOnly,
-    size,
-    warn = false,
-    warnText,
-    onChange,
-    slug,
-    ...other
-  } = _ref;
+const Select = /*#__PURE__*/React__default["default"].forwardRef(function Select({
+  className,
+  decorator,
+  id,
+  inline = false,
+  labelText = 'Select',
+  disabled = false,
+  children,
+  // reserved for use with Pagination component
+  noLabel = false,
+  // eslint-disable-next-line no-unused-vars
+  hideLabel = false,
+  invalid = false,
+  invalidText = '',
+  helperText = '',
+  light = false,
+  readOnly,
+  size,
+  warn = false,
+  warnText,
+  onChange,
+  slug,
+  ...other
+}, ref) {
   const prefix = usePrefix.usePrefix();
   const {
     isFluid

package/lib/components/SelectItem/SelectItem.js

@@ -21,15 +21,14 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-const SelectItem = _ref => {
-  let {
-    className,
-    value = '',
-    disabled = false,
-    hidden = false,
-    text = '',
-    ...other
-  } = _ref;
+const SelectItem = ({
+  className,
+  value = '',
+  disabled = false,
+  hidden = false,
+  text = '',
+  ...other
+}) => {
   const prefix = usePrefix.usePrefix();
   const selectItemClasses = cx__default["default"]({
     [`${prefix}--select-option`]: true,

package/lib/components/SelectItemGroup/SelectItemGroup.js

@@ -21,14 +21,13 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-const SelectItemGroup = _ref => {
-  let {
-    children,
-    className,
-    disabled = false,
-    label,
-    ...other
-  } = _ref;
+const SelectItemGroup = ({
+  children,
+  className,
+  disabled = false,
+  label,
+  ...other
+}) => {
   const prefix = usePrefix.usePrefix();
   const classNames = cx__default["default"](`${prefix}--select-optgroup`, className);
   return /*#__PURE__*/React__default["default"].createElement("optgroup", _rollupPluginBabelHelpers["extends"]({

package/lib/components/ShapeIndicator/index.js

@@ -56,14 +56,13 @@ const shapeTypes = {
   incomplete: incompleteIcon,
   draft: iconsReact.CircleStroke
 };
-const ShapeIndicator = /*#__PURE__*/React__default["default"].forwardRef(function ShapeIndicatorContent(_ref, ref) {
-  let {
-    className: customClassName,
-    kind,
-    label,
-    textSize = 12,
-    ...rest
-  } = _ref;
+const ShapeIndicator = /*#__PURE__*/React__default["default"].forwardRef(function ShapeIndicatorContent({
+  className: customClassName,
+  kind,
+  label,
+  textSize = 12,
+  ...rest
+}, ref) {
   const prefix = usePrefix.usePrefix();
   const classNames = cx__default["default"](`${prefix}--shape-indicator`, customClassName, {
     [`${prefix}--shape-indicator--14`]: textSize == 14

package/lib/components/SkeletonIcon/SkeletonIcon.d.ts

@@ -4,10 +4,6 @@ export interface SkeletonIconProps {
      * Specify an optional className to add.
      */
     className?: string;
-    /**
-     * The CSS styles.
-     */
-    style?: React.CSSProperties;
 }
 declare const SkeletonIcon: React.FC<SkeletonIconProps>;
 export default SkeletonIcon;

package/lib/components/SkeletonIcon/SkeletonIcon.js

@@ -21,11 +21,10 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-const SkeletonIcon = _ref => {
-  let {
-    className,
-    ...other
-  } = _ref;
+const SkeletonIcon = ({
+  className,
+  ...other
+}) => {
   const prefix = usePrefix.usePrefix();
   const skeletonIconClasses = cx__default["default"](className, {
     [`${prefix}--icon--skeleton`]: true
@@ -38,11 +37,7 @@ SkeletonIcon.propTypes = {
   /**
    * Specify an optional className to add.
    */
-  className: PropTypes__default["default"].string,
-  /**
-   * The CSS styles.
-   */
-  style: PropTypes__default["default"].object
+  className: PropTypes__default["default"].string
 };
 
 exports["default"] = SkeletonIcon;

package/lib/components/SkeletonPlaceholder/SkeletonPlaceholder.js

@@ -21,11 +21,10 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-const SkeletonPlaceholder = _ref => {
-  let {
-    className,
-    ...other
-  } = _ref;
+const SkeletonPlaceholder = ({
+  className,
+  ...other
+}) => {
   const prefix = usePrefix.usePrefix();
   const skeletonPlaceholderClasses = cx__default["default"]({
     [`${prefix}--skeleton__placeholder`]: true

package/lib/components/SkeletonText/SkeletonText.js

@@ -26,15 +26,14 @@ const randoms = [0.973051493507435, 0.15334737213558558, 0.5671034553053769];
 function getRandomInt(min, max, n) {
   return Math.floor(randoms[n % 3] * (max - min + 1)) + min;
 }
-const SkeletonText = _ref => {
-  let {
-    paragraph = false,
-    lineCount = 3,
-    width = '100%',
-    heading = false,
-    className = '',
-    ...rest
-  } = _ref;
+const SkeletonText = ({
+  paragraph = false,
+  lineCount = 3,
+  width = '100%',
+  heading = false,
+  className = '',
+  ...rest
+}) => {
   const prefix = usePrefix.usePrefix();
   const skeletonTextClasses = cx__default["default"]({
     [`${prefix}--skeleton__text`]: true,

package/lib/components/Slider/Slider.Skeleton.js

@@ -23,15 +23,14 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-const SliderSkeleton = _ref => {
-  let {
-    ariaLabel = 'slider handle',
-    unstable_ariaLabelHandleUpper: ariaLabelHandleUpper = 'upper slider handle',
-    hideLabel,
-    className,
-    twoHandles,
-    ...rest
-  } = _ref;
+const SliderSkeleton = ({
+  ariaLabel = 'slider handle',
+  unstable_ariaLabelHandleUpper: ariaLabelHandleUpper = 'upper slider handle',
+  hideLabel,
+  className,
+  twoHandles,
+  ...rest
+}) => {
   const prefix = usePrefix.usePrefix();
   const [isRtl, setIsRtl] = React.useState(false);
   useIsomorphicEffect["default"](() => {