@carbon/react 1.83.0 → 1.84.0-rc.0

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.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

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"](() => {