@carbon/react 1.29.0 → 1.30.0-rc.0

package/lib/components/ProgressBar/ProgressBar.js

@@ -44,21 +44,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__default["default"](`${prefix}--progress-bar`, `${prefix}--progress-bar--${size}`, `${prefix}--progress-bar--${type}`, {
     [`${prefix}--progress-bar--indeterminate`]: indeterminate,
@@ -69,7 +65,6 @@ function ProgressBar(_ref) {
     [`${prefix}--visually-hidden`]: hideLabel
   });
   let StatusIcon = null;
-
   if (isError) {
     StatusIcon = /*#__PURE__*/React__default["default"].forwardRef(function ErrorFilled16(props, ref) {
       return /*#__PURE__*/React__default["default"].createElement(iconsReact.ErrorFilled, _rollupPluginBabelHelpers["extends"]({
@@ -85,7 +80,6 @@ function ProgressBar(_ref) {
       }, props));
     });
   }
-
   const ref = React.useRef();
   useIsomorphicEffect["default"](() => {
     if (!isFinished && !isError) {
@@ -125,48 +119,39 @@ function ProgressBar(_ref) {
     id: helperId
   }, isFinished ? 'Done' : 'Loading')));
 }
-
 ProgressBar.propTypes = {
   /**
    * Additional CSS class names.
    */
   className: PropTypes__default["default"].string,
-
   /**
    * The current progress as a textual representation.
    */
   helperText: PropTypes__default["default"].string,
-
   /**
    * Whether the label should be visually hidden.
    */
   hideLabel: PropTypes__default["default"].bool,
-
   /**
    * A label describing the progress bar.
    */
   label: PropTypes__default["default"].string.isRequired,
-
   /**
    * The maximum value.
    */
   max: PropTypes__default["default"].number,
-
   /**
    * Specify the size of the ProgressBar.
    */
   size: PropTypes__default["default"].oneOf(['small', 'big']),
-
   /**
    * Specify the status.
    */
   status: PropTypes__default["default"].oneOf(['active', 'finished', 'error']),
-
   /**
    * Defines the alignment variant of the progress bar.
    */
   type: PropTypes__default["default"].oneOf(['default', 'inline', 'indented']),
-
   /**
    * The current value.
    */

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

@@ -23,7 +23,6 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
 var _CircleDash, _Step, _Step2, _Step3, _Step4;
-
 function Step() {
   const prefix = usePrefix.usePrefix();
   return /*#__PURE__*/React__default["default"].createElement("li", {
@@ -36,7 +35,6 @@ function Step() {
     className: `${prefix}--progress-line`
   })));
 }
-
 function ProgressIndicatorSkeleton(_ref) {
   let {
     className,
@@ -50,13 +48,11 @@ function ProgressIndicatorSkeleton(_ref) {
     }, className)
   }, rest), _Step || (_Step = /*#__PURE__*/React__default["default"].createElement(Step, null)), _Step2 || (_Step2 = /*#__PURE__*/React__default["default"].createElement(Step, null)), _Step3 || (_Step3 = /*#__PURE__*/React__default["default"].createElement(Step, null)), _Step4 || (_Step4 = /*#__PURE__*/React__default["default"].createElement(Step, null)));
 }
-
 ProgressIndicatorSkeleton.propTypes = {
   /**
    * Specify an optional className to add.
    */
   className: PropTypes__default["default"].string,
-
   /**
    * Determines whether or not the ProgressIndicator should be rendered vertically.
    */

package/lib/components/ProgressIndicator/ProgressIndicator.js

@@ -30,11 +30,9 @@ const defaultTranslations = {
   'carbon.progress-step.current': 'Current',
   'carbon.progress-step.invalid': 'Invalid'
 };
-
 function translateWithId(messageId) {
   return defaultTranslations[messageId];
 }
-
 function ProgressIndicator(_ref) {
   let {
     children,
@@ -54,18 +52,15 @@ function ProgressIndicator(_ref) {
     [`${prefix}--progress--space-equal`]: spaceEqually && !vertical,
     [customClassName]: customClassName
   });
-
   if (controlledIndex !== prevControlledIndex) {
     setCurrentIndex(controlledIndex);
     setPrevControlledIndex(controlledIndex);
   }
-
   return /*#__PURE__*/React__default["default"].createElement("ul", _rollupPluginBabelHelpers["extends"]({
     className: className
   }, rest), React__default["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["default"].cloneElement(child, {
         complete: child.props.complete,
@@ -74,7 +69,6 @@ function ProgressIndicator(_ref) {
         onClick
       });
     }
-
     if (index < currentIndex) {
       return /*#__PURE__*/React__default["default"].cloneElement(child, {
         complete: true,
@@ -82,7 +76,6 @@ function ProgressIndicator(_ref) {
         onClick
       });
     }
-
     if (index > currentIndex) {
       return /*#__PURE__*/React__default["default"].cloneElement(child, {
         complete: child.props.complete || false,
@@ -90,44 +83,36 @@ function ProgressIndicator(_ref) {
         onClick
       });
     }
-
     return null;
   }));
 }
-
 ProgressIndicator.propTypes = {
   /**
    * Provide `<ProgressStep>` components to be rendered in the
    * `<ProgressIndicator>`
    */
   children: PropTypes__default["default"].node,
-
   /**
    * Provide an optional className to be applied to the containing node
    */
   className: PropTypes__default["default"].string,
-
   /**
    * Optionally specify the current step array index
    */
   currentIndex: PropTypes__default["default"].number,
-
   /**
    * Optional callback called if a ProgressStep is clicked on.  Returns the index of the step.
    */
   onChange: PropTypes__default["default"].func,
-
   /**
    * Specify whether the progress steps should be split equally in size in the div
    */
   spaceEqually: PropTypes__default["default"].bool,
-
   /**
    * Determines whether or not the ProgressIndicator should be rendered vertically.
    */
   vertical: PropTypes__default["default"].bool
 };
-
 function ProgressStep(_ref2) {
   let {
     label,
@@ -151,14 +136,13 @@ function ProgressStep(_ref2) {
     [`${prefix}--progress-step--disabled`]: disabled,
     [className]: className
   });
-
   const handleKeyDown = e => {
     if (match.matches(e, [keys.Enter, keys.Space])) {
       onClick();
     }
-  }; // eslint-disable-next-line react/prop-types
-
+  };
 
+  // eslint-disable-next-line react/prop-types
   const SVGIcon = _ref3 => {
     let {
       complete,
@@ -167,38 +151,29 @@ function ProgressStep(_ref2) {
       invalid,
       prefix
     } = _ref3;
-
     if (invalid) {
       return /*#__PURE__*/React__default["default"].createElement(iconsReact.Warning, {
         className: `${prefix}--progress__warning`
       }, /*#__PURE__*/React__default["default"].createElement("title", null, description));
     }
-
     if (current) {
       return /*#__PURE__*/React__default["default"].createElement(iconsReact.Incomplete, null, /*#__PURE__*/React__default["default"].createElement("title", null, description));
     }
-
     if (complete) {
       return /*#__PURE__*/React__default["default"].createElement(iconsReact.CheckmarkOutline, null, /*#__PURE__*/React__default["default"].createElement("title", null, description));
     }
-
     return /*#__PURE__*/React__default["default"].createElement(iconsReact.CircleDash, null, /*#__PURE__*/React__default["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["default"].createElement("li", {
     className: classes
   }, /*#__PURE__*/React__default["default"].createElement("button", _rollupPluginBabelHelpers["extends"]({
@@ -230,68 +205,55 @@ function ProgressStep(_ref2) {
     className: `${prefix}--progress-line`
   })));
 }
-
 ProgressStep.propTypes = {
   /**
    * Provide an optional className to be applied to the containing `<li>` node
    */
   className: PropTypes__default["default"].string,
-
   /**
    * Specify whether the step has been completed
    */
   complete: PropTypes__default["default"].bool,
-
   /**
    * Specify whether the step is the current step
    */
   current: PropTypes__default["default"].bool,
-
   /**
    * Provide a description for the `<ProgressStep>`
    */
   description: PropTypes__default["default"].string,
-
   /**
    * Specify whether the step is disabled
    */
   disabled: PropTypes__default["default"].bool,
-
   /**
    * Index of the current step within the ProgressIndicator
    */
   index: PropTypes__default["default"].number,
-
   /**
    * Specify whether the step is invalid
    */
   invalid: PropTypes__default["default"].bool,
-
   /**
    * Provide the label for the `<ProgressStep>`
    */
   label: PropTypes__default["default"].node.isRequired,
-
   /**
    * A callback called if the step is clicked or the enter key is pressed
    */
   onClick: PropTypes__default["default"].func,
-
   /**
    * Provide the props that describe a progress step tooltip
    */
   overflowTooltipProps: PropTypes__default["default"].object,
-
   /**
    * Provide an optional secondary label
    */
   secondaryLabel: PropTypes__default["default"].string,
-
   /**
    * The ID of the tooltip content.
    */
   tooltipId: PropTypes__default["default"].string,
-
   /**
    * Optional method that takes in a message id and returns an
    * internationalized string.

package/lib/components/RadioButton/RadioButton.Skeleton.js

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

package/lib/components/RadioButton/RadioButton.js

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

package/lib/components/RadioButtonGroup/RadioButtonGroup.js

@@ -52,21 +52,20 @@ const RadioButtonGroup = /*#__PURE__*/React__default["default"].forwardRef((prop
   const {
     current: radioButtonGroupInstanceId
   } = React.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["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,
@@ -74,18 +73,15 @@ const RadioButtonGroup = /*#__PURE__*/React__default["default"].forwardRef((prop
         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["default"].cloneElement(radioButton, newProps);
       }
     });
     return mappedChildren;
   }
-
   function handleOnChange(newSelection, value, evt) {
     if (!readOnly) {
       if (newSelection !== selected) {
@@ -94,7 +90,6 @@ const RadioButtonGroup = /*#__PURE__*/React__default["default"].forwardRef((prop
       }
     }
   }
-
   const showWarning = !readOnly && !invalid && warn;
   const showHelper = !invalid && !disabled && !warn;
   const wrapperClasses = cx__default["default"](`${prefix}--form-item`, className);
@@ -142,79 +137,64 @@ RadioButtonGroup.propTypes = {
    * Provide a collection of `<RadioButton>` components to render in the group
    */
   children: PropTypes__default["default"].node,
-
   /**
    * Provide an optional className to be applied to the container node
    */
   className: PropTypes__default["default"].string,
-
   /**
    * Specify the `<RadioButton>` to be selected by default
    */
   defaultSelected: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number]),
-
   /**
    * Specify whether the group is disabled
    */
   disabled: PropTypes__default["default"].bool,
-
   /**
    * Provide text that is used alongside the control label for additional help
    */
   helperText: PropTypes__default["default"].node,
-
   /**
    * Specify whether the control is currently invalid
    */
   invalid: PropTypes__default["default"].bool,
-
   /**
    * Provide the text that is displayed when the control is in an invalid state
    */
   invalidText: PropTypes__default["default"].node,
-
   /**
    * Provide where label text should be placed
    */
   labelPosition: PropTypes__default["default"].oneOf(['left', 'right']),
-
   /**
    * Provide a legend to the RadioButtonGroup input that you are
    * exposing to the user
    */
   legendText: PropTypes__default["default"].node,
-
   /**
    * Specify the name of the underlying `<input>` nodes
    */
   name: PropTypes__default["default"].string.isRequired,
-
   /**
    * Provide an optional `onChange` hook that is called whenever the value of
    * the group changes
    */
   onChange: PropTypes__default["default"].func,
-
   /**
    * Provide where radio buttons should be placed
    */
   orientation: PropTypes__default["default"].oneOf(['horizontal', 'vertical']),
-
   /**
    * Whether the RadioButtonGroup should be read-only
    */
   readOnly: PropTypes__default["default"].bool,
-
   /**
    * Specify the value that is currently selected in the group
    */
   valueSelected: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number]),
-
   /**
    * Specify whether the control is currently in warning state
    */
   warn: PropTypes__default["default"].bool,
-
   /**
    * Provide the text that is displayed when the control is in warning state
    */

package/lib/components/RadioTile/RadioTile.js

@@ -49,18 +49,15 @@ const RadioTile = /*#__PURE__*/React__default["default"].forwardRef(function Rad
     [`${prefix}--tile--light`]: light,
     [`${prefix}--tile--disabled`]: disabled
   });
-
   function handleOnChange(evt) {
     onChange(value, name, evt);
   }
-
   function handleOnKeyDown(evt) {
     if (match.matches(evt, [keys.Enter, keys.Space])) {
       evt.preventDefault();
       onChange(value, name, evt);
     }
   }
-
   return /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("input", {
     checked: checked,
     className: `${prefix}--tile-input`,
@@ -87,48 +84,39 @@ RadioTile.propTypes = {
    * `true` if this tile should be selected.
    */
   checked: PropTypes__default["default"].bool,
-
   /**
    * The tile content.
    */
   children: PropTypes__default["default"].node,
-
   /**
    * The CSS class names.
    */
   className: PropTypes__default["default"].string,
-
   /**
    * Specify whether the RadioTile should be disabled
    */
   disabled: PropTypes__default["default"].bool,
-
   /**
    * The ID of the `<input>`.
    */
   id: PropTypes__default["default"].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["default"](PropTypes__default["default"].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__default["default"].string,
-
   /**
    * The handler of the massaged `change` event on the `<input>`.
    */
   onChange: PropTypes__default["default"].func,
-
   /**
    * Specify the tab index of the wrapper element
    */
   tabIndex: PropTypes__default["default"].number,
-
   /**
    * The `value` of the `<input>`.
    */

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

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