@carbon/react 1.29.0 → 1.30.0-rc.0

package/es/components/ProgressBar/ProgressBar.js

@@ -34,21 +34,17 @@ function ProgressBar(_ref) {
   const isError = status === 'error';
   const indeterminate = !isFinished && !isError && (value === null || value === undefined);
   let cappedValue = value;
-
   if (cappedValue > max) {
     cappedValue = max;
   }
-
   if (cappedValue < 0) {
     cappedValue = 0;
   }
-
   if (isError) {
     cappedValue = 0;
   } else if (isFinished) {
     cappedValue = max;
   }
-
   const percentage = cappedValue / max;
   const wrapperClasses = cx(`${prefix}--progress-bar`, `${prefix}--progress-bar--${size}`, `${prefix}--progress-bar--${type}`, {
     [`${prefix}--progress-bar--indeterminate`]: indeterminate,
@@ -59,7 +55,6 @@ function ProgressBar(_ref) {
     [`${prefix}--visually-hidden`]: hideLabel
   });
   let StatusIcon = null;
-
   if (isError) {
     StatusIcon = /*#__PURE__*/React__default.forwardRef(function ErrorFilled16(props, ref) {
       return /*#__PURE__*/React__default.createElement(ErrorFilled, _extends({
@@ -75,7 +70,6 @@ function ProgressBar(_ref) {
       }, props));
     });
   }
-
   const ref = useRef();
   useIsomorphicEffect(() => {
     if (!isFinished && !isError) {
@@ -115,48 +109,39 @@ function ProgressBar(_ref) {
     id: helperId
   }, isFinished ? 'Done' : 'Loading')));
 }
-
 ProgressBar.propTypes = {
   /**
    * Additional CSS class names.
    */
   className: PropTypes.string,
-
   /**
    * The current progress as a textual representation.
    */
   helperText: PropTypes.string,
-
   /**
    * Whether the label should be visually hidden.
    */
   hideLabel: PropTypes.bool,
-
   /**
    * A label describing the progress bar.
    */
   label: PropTypes.string.isRequired,
-
   /**
    * The maximum value.
    */
   max: PropTypes.number,
-
   /**
    * Specify the size of the ProgressBar.
    */
   size: PropTypes.oneOf(['small', 'big']),
-
   /**
    * Specify the status.
    */
   status: PropTypes.oneOf(['active', 'finished', 'error']),
-
   /**
    * Defines the alignment variant of the progress bar.
    */
   type: PropTypes.oneOf(['default', 'inline', 'indented']),
-
   /**
    * The current value.
    */

package/es/components/ProgressIndicator/ProgressIndicator.Skeleton.js

@@ -13,7 +13,6 @@ import { usePrefix } from '../../internal/usePrefix.js';
 import { CircleDash } from '@carbon/icons-react';
 
 var _CircleDash, _Step, _Step2, _Step3, _Step4;
-
 function Step() {
   const prefix = usePrefix();
   return /*#__PURE__*/React__default.createElement("li", {
@@ -26,7 +25,6 @@ function Step() {
     className: `${prefix}--progress-line`
   })));
 }
-
 function ProgressIndicatorSkeleton(_ref) {
   let {
     className,
@@ -40,13 +38,11 @@ function ProgressIndicatorSkeleton(_ref) {
     }, className)
   }, rest), _Step || (_Step = /*#__PURE__*/React__default.createElement(Step, null)), _Step2 || (_Step2 = /*#__PURE__*/React__default.createElement(Step, null)), _Step3 || (_Step3 = /*#__PURE__*/React__default.createElement(Step, null)), _Step4 || (_Step4 = /*#__PURE__*/React__default.createElement(Step, null)));
 }
-
 ProgressIndicatorSkeleton.propTypes = {
   /**
    * Specify an optional className to add.
    */
   className: PropTypes.string,
-
   /**
    * Determines whether or not the ProgressIndicator should be rendered vertically.
    */

package/es/components/ProgressIndicator/ProgressIndicator.js

@@ -20,11 +20,9 @@ const defaultTranslations = {
   'carbon.progress-step.current': 'Current',
   'carbon.progress-step.invalid': 'Invalid'
 };
-
 function translateWithId(messageId) {
   return defaultTranslations[messageId];
 }
-
 function ProgressIndicator(_ref) {
   let {
     children,
@@ -44,18 +42,15 @@ function ProgressIndicator(_ref) {
     [`${prefix}--progress--space-equal`]: spaceEqually && !vertical,
     [customClassName]: customClassName
   });
-
   if (controlledIndex !== prevControlledIndex) {
     setCurrentIndex(controlledIndex);
     setPrevControlledIndex(controlledIndex);
   }
-
   return /*#__PURE__*/React__default.createElement("ul", _extends({
     className: className
   }, rest), React__default.Children.map(children, (child, index) => {
     // only setup click handlers if onChange event is passed
     const onClick = onChange ? () => onChange(index) : undefined;
-
     if (index === currentIndex) {
       return /*#__PURE__*/React__default.cloneElement(child, {
         complete: child.props.complete,
@@ -64,7 +59,6 @@ function ProgressIndicator(_ref) {
         onClick
       });
     }
-
     if (index < currentIndex) {
       return /*#__PURE__*/React__default.cloneElement(child, {
         complete: true,
@@ -72,7 +66,6 @@ function ProgressIndicator(_ref) {
         onClick
       });
     }
-
     if (index > currentIndex) {
       return /*#__PURE__*/React__default.cloneElement(child, {
         complete: child.props.complete || false,
@@ -80,44 +73,36 @@ function ProgressIndicator(_ref) {
         onClick
       });
     }
-
     return null;
   }));
 }
-
 ProgressIndicator.propTypes = {
   /**
    * Provide `<ProgressStep>` components to be rendered in the
    * `<ProgressIndicator>`
    */
   children: PropTypes.node,
-
   /**
    * Provide an optional className to be applied to the containing node
    */
   className: PropTypes.string,
-
   /**
    * Optionally specify the current step array index
    */
   currentIndex: PropTypes.number,
-
   /**
    * Optional callback called if a ProgressStep is clicked on.  Returns the index of the step.
    */
   onChange: PropTypes.func,
-
   /**
    * Specify whether the progress steps should be split equally in size in the div
    */
   spaceEqually: PropTypes.bool,
-
   /**
    * Determines whether or not the ProgressIndicator should be rendered vertically.
    */
   vertical: PropTypes.bool
 };
-
 function ProgressStep(_ref2) {
   let {
     label,
@@ -141,14 +126,13 @@ function ProgressStep(_ref2) {
     [`${prefix}--progress-step--disabled`]: disabled,
     [className]: className
   });
-
   const handleKeyDown = e => {
     if (matches(e, [Enter, Space])) {
       onClick();
     }
-  }; // eslint-disable-next-line react/prop-types
-
+  };
 
+  // eslint-disable-next-line react/prop-types
   const SVGIcon = _ref3 => {
     let {
       complete,
@@ -157,38 +141,29 @@ function ProgressStep(_ref2) {
       invalid,
       prefix
     } = _ref3;
-
     if (invalid) {
       return /*#__PURE__*/React__default.createElement(Warning, {
         className: `${prefix}--progress__warning`
       }, /*#__PURE__*/React__default.createElement("title", null, description));
     }
-
     if (current) {
       return /*#__PURE__*/React__default.createElement(Incomplete, null, /*#__PURE__*/React__default.createElement("title", null, description));
     }
-
     if (complete) {
       return /*#__PURE__*/React__default.createElement(CheckmarkOutline, null, /*#__PURE__*/React__default.createElement("title", null, description));
     }
-
     return /*#__PURE__*/React__default.createElement(CircleDash, null, /*#__PURE__*/React__default.createElement("title", null, description));
   };
-
   let message = t('carbon.progress-step.incomplete');
-
   if (current) {
     message = t('carbon.progress-step.current');
   }
-
   if (complete) {
     message = t('carbon.progress-step.complete');
   }
-
   if (invalid) {
     message = t('carbon.progress-step.invalid');
   }
-
   return /*#__PURE__*/React__default.createElement("li", {
     className: classes
   }, /*#__PURE__*/React__default.createElement("button", _extends({
@@ -220,68 +195,55 @@ function ProgressStep(_ref2) {
     className: `${prefix}--progress-line`
   })));
 }
-
 ProgressStep.propTypes = {
   /**
    * Provide an optional className to be applied to the containing `<li>` node
    */
   className: PropTypes.string,
-
   /**
    * Specify whether the step has been completed
    */
   complete: PropTypes.bool,
-
   /**
    * Specify whether the step is the current step
    */
   current: PropTypes.bool,
-
   /**
    * Provide a description for the `<ProgressStep>`
    */
   description: PropTypes.string,
-
   /**
    * Specify whether the step is disabled
    */
   disabled: PropTypes.bool,
-
   /**
    * Index of the current step within the ProgressIndicator
    */
   index: PropTypes.number,
-
   /**
    * Specify whether the step is invalid
    */
   invalid: PropTypes.bool,
-
   /**
    * Provide the label for the `<ProgressStep>`
    */
   label: PropTypes.node.isRequired,
-
   /**
    * A callback called if the step is clicked or the enter key is pressed
    */
   onClick: PropTypes.func,
-
   /**
    * Provide the props that describe a progress step tooltip
    */
   overflowTooltipProps: PropTypes.object,
-
   /**
    * Provide an optional secondary label
    */
   secondaryLabel: PropTypes.string,
-
   /**
    * The ID of the tooltip content.
    */
   tooltipId: PropTypes.string,
-
   /**
    * Optional method that takes in a message id and returns an
    * internationalized string.

package/es/components/RadioButton/RadioButton.Skeleton.js

@@ -25,7 +25,6 @@ function RadioButtonSkeleton(props) {
     className: `${prefix}--radio-button__label ${prefix}--skeleton`
   }));
 }
-
 RadioButtonSkeleton.propTypes = {
   /**
    * Specify an optional className to add.

package/es/components/RadioButton/RadioButton.js

@@ -31,11 +31,9 @@ const RadioButton = /*#__PURE__*/React__default.forwardRef((props, ref) => {
   const prefix = usePrefix();
   const uid = useId('radio-button');
   const uniqueId = id || uid;
-
   function handleOnChange(event) {
     onChange(value, name, event);
   }
-
   const innerLabelClasses = cx(`${prefix}--radio-button__label-text`, {
     [`${prefix}--visually-hidden`]: hideLabel
   });
@@ -69,60 +67,49 @@ RadioButton.propTypes = {
    * Specify whether the `<RadioButton>` is currently checked
    */
   checked: PropTypes.bool,
-
   /**
    * Provide an optional className to be applied to the containing node
    */
   className: PropTypes.string,
-
   /**
    * Specify whether the `<RadioButton>` should be checked by default
    */
   defaultChecked: PropTypes.bool,
-
   /**
    * Specify whether the control is disabled
    */
   disabled: PropTypes.bool,
-
   /**
    * Specify whether the label should be hidden, or not
    */
   hideLabel: PropTypes.bool,
-
   /**
    * Provide a unique id for the underlying `<input>` node
    */
   id: PropTypes.string,
-
   /**
    * Provide where label text should be placed
    * NOTE: `top`/`bottom` are deprecated
    */
   labelPosition: PropTypes.oneOf(['right', 'left']),
-
   /**
    * Provide label text to be read by screen readers when interacting with the
    * control
    */
   labelText: PropTypes.node.isRequired,
-
   /**
    * Provide a name for the underlying `<input>` node
    */
   name: PropTypes.string,
-
   /**
    * Provide an optional `onChange` hook that is called each time the value of
    * the underlying `<input>` changes
    */
   onChange: PropTypes.func,
-
   /**
    * Provide a handler that is invoked when a user clicks on the control
    */
   onClick: PropTypes.func,
-
   /**
    * Specify the value of the `<RadioButton>`
    */

package/es/components/RadioButtonGroup/RadioButtonGroup.js

@@ -42,21 +42,20 @@ const RadioButtonGroup = /*#__PURE__*/React__default.forwardRef((props, ref) =>
   const {
     current: radioButtonGroupInstanceId
   } = useRef(getInstanceId());
+
   /**
    * prop + state alignment - getDerivedStateFromProps
    * only update if selected prop changes
    */
-
   if (valueSelected !== prevValueSelected) {
     setSelected(valueSelected);
     setPrevValueSelected(valueSelected);
   }
-
   function getRadioButtons() {
     const mappedChildren = React__default.Children.map(children, radioButton => {
       const {
         value
-      } = (radioButton === null || radioButton === void 0 ? void 0 : radioButton.props) ?? undefined;
+      } = radioButton?.props ?? undefined;
       const newProps = {
         name: name,
         key: value,
@@ -64,18 +63,15 @@ const RadioButtonGroup = /*#__PURE__*/React__default.forwardRef((props, ref) =>
         onChange: handleOnChange,
         checked: value === selected
       };
-
-      if (!selected && radioButton !== null && radioButton !== void 0 && radioButton.props.checked) {
+      if (!selected && radioButton?.props.checked) {
         newProps.checked = true;
       }
-
       if (radioButton) {
         return /*#__PURE__*/React__default.cloneElement(radioButton, newProps);
       }
     });
     return mappedChildren;
   }
-
   function handleOnChange(newSelection, value, evt) {
     if (!readOnly) {
       if (newSelection !== selected) {
@@ -84,7 +80,6 @@ const RadioButtonGroup = /*#__PURE__*/React__default.forwardRef((props, ref) =>
       }
     }
   }
-
   const showWarning = !readOnly && !invalid && warn;
   const showHelper = !invalid && !disabled && !warn;
   const wrapperClasses = cx(`${prefix}--form-item`, className);
@@ -132,79 +127,64 @@ RadioButtonGroup.propTypes = {
    * Provide a collection of `<RadioButton>` components to render in the group
    */
   children: PropTypes.node,
-
   /**
    * Provide an optional className to be applied to the container node
    */
   className: PropTypes.string,
-
   /**
    * Specify the `<RadioButton>` to be selected by default
    */
   defaultSelected: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-
   /**
    * Specify whether the group is disabled
    */
   disabled: PropTypes.bool,
-
   /**
    * Provide text that is used alongside the control label for additional help
    */
   helperText: PropTypes.node,
-
   /**
    * Specify whether the control is currently invalid
    */
   invalid: PropTypes.bool,
-
   /**
    * Provide the text that is displayed when the control is in an invalid state
    */
   invalidText: PropTypes.node,
-
   /**
    * Provide where label text should be placed
    */
   labelPosition: PropTypes.oneOf(['left', 'right']),
-
   /**
    * Provide a legend to the RadioButtonGroup input that you are
    * exposing to the user
    */
   legendText: PropTypes.node,
-
   /**
    * Specify the name of the underlying `<input>` nodes
    */
   name: PropTypes.string.isRequired,
-
   /**
    * Provide an optional `onChange` hook that is called whenever the value of
    * the group changes
    */
   onChange: PropTypes.func,
-
   /**
    * Provide where radio buttons should be placed
    */
   orientation: PropTypes.oneOf(['horizontal', 'vertical']),
-
   /**
    * Whether the RadioButtonGroup should be read-only
    */
   readOnly: PropTypes.bool,
-
   /**
    * Specify the value that is currently selected in the group
    */
   valueSelected: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-
   /**
    * Specify whether the control is currently in warning state
    */
   warn: PropTypes.bool,
-
   /**
    * Provide the text that is displayed when the control is in warning state
    */

package/es/components/RadioTile/RadioTile.js

@@ -39,18 +39,15 @@ const RadioTile = /*#__PURE__*/React__default.forwardRef(function RadioTile(_ref
     [`${prefix}--tile--light`]: light,
     [`${prefix}--tile--disabled`]: disabled
   });
-
   function handleOnChange(evt) {
     onChange(value, name, evt);
   }
-
   function handleOnKeyDown(evt) {
     if (matches(evt, [Enter, Space])) {
       evt.preventDefault();
       onChange(value, name, evt);
     }
   }
-
   return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("input", {
     checked: checked,
     className: `${prefix}--tile-input`,
@@ -77,48 +74,39 @@ RadioTile.propTypes = {
    * `true` if this tile should be selected.
    */
   checked: PropTypes.bool,
-
   /**
    * The tile content.
    */
   children: PropTypes.node,
-
   /**
    * The CSS class names.
    */
   className: PropTypes.string,
-
   /**
    * Specify whether the RadioTile should be disabled
    */
   disabled: PropTypes.bool,
-
   /**
    * The ID of the `<input>`.
    */
   id: PropTypes.string,
-
   /**
    * `true` to use the light version. For use on $ui-01 backgrounds only.
    * Don't use this to make tile background color same as container background color.
    */
   light: deprecate(PropTypes.bool, 'The `light` prop for `RadioTile` is no longer needed and has ' + 'been deprecated in v11 in favor of the new `Layer` component. It will be moved in the next major release.'),
-
   /**
    * The `name` of the `<input>`.
    */
   name: PropTypes.string,
-
   /**
    * The handler of the massaged `change` event on the `<input>`.
    */
   onChange: PropTypes.func,
-
   /**
    * Specify the tab index of the wrapper element
    */
   tabIndex: PropTypes.number,
-
   /**
    * The `value` of the `<input>`.
    */

package/es/components/Search/Search.Skeleton.js

@@ -31,13 +31,11 @@ const SearchSkeleton = _ref => {
     className: `${prefix}--search-input`
   }));
 };
-
 SearchSkeleton.propTypes = {
   /**
    * Specify an optional className to add.
    */
   className: PropTypes.string,
-
   /**
    * Specify whether the Search should be a small variant
    */