@carbon/react 1.83.0 → 1.84.0

package/lib/components/Pagination/experimental/Pagination.js

@@ -27,27 +27,26 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
 var _CaretLeft, _CaretRight;
-function Pagination(_ref) {
-  let {
-    backwardText = 'Previous page',
-    children = undefined,
-    className = null,
-    disabled = false,
-    forwardText = 'Next page',
-    id = 1,
-    initialPage = 1,
-    itemsPerPageText = 'Items per page:',
-    itemRangeText = (min, max, total) => `${min}–${max} of ${total} items`,
-    itemText = (min, max) => `${min}–${max} items`,
-    onChange,
-    pageRangeText = (current, total) => `${current} of ${total} pages`,
-    pageSize = 10,
-    pageSizes = undefined,
-    pageText = page => `page ${page}`,
-    pagesUnknown = false,
-    totalItems = undefined,
-    ...other
-  } = _ref;
+function Pagination({
+  backwardText = 'Previous page',
+  children = undefined,
+  className = null,
+  disabled = false,
+  forwardText = 'Next page',
+  id = 1,
+  initialPage = 1,
+  itemsPerPageText = 'Items per page:',
+  itemRangeText = (min, max, total) => `${min}–${max} of ${total} items`,
+  itemText = (min, max) => `${min}–${max} items`,
+  onChange,
+  pageRangeText = (current, total) => `${current} of ${total} pages`,
+  pageSize = 10,
+  pageSizes = undefined,
+  pageText = page => `page ${page}`,
+  pagesUnknown = false,
+  totalItems = undefined,
+  ...other
+}) {
   const [currentPage, setCurrentPage] = React.useState(initialPage);
   const [currentPageSize, setCurrentPageSize] = React.useState(pageSize);
   const prefix = usePrefix.usePrefix();

package/lib/components/PaginationNav/PaginationNav.js

@@ -51,8 +51,7 @@ function usePrevious(value) {
   });
   return ref.current;
 }
-function calculateCuts(page, totalItems, itemsDisplayedOnPage) {
-  let splitPoint = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
+function calculateCuts(page, totalItems, itemsDisplayedOnPage, splitPoint = null) {
   if (itemsDisplayedOnPage >= totalItems) {
     return {
       front: 0,
@@ -75,13 +74,12 @@ function calculateCuts(page, totalItems, itemsDisplayedOnPage) {
     back: backHidden
   };
 }
-function DirectionButton(_ref) {
-  let {
-    direction,
-    label,
-    disabled,
-    onClick
-  } = _ref;
+function DirectionButton({
+  direction,
+  label,
+  disabled,
+  onClick
+}) {
   const prefix = usePrefix.usePrefix();
   return /*#__PURE__*/React__default["default"].createElement("li", {
     className: `${prefix}--pagination-nav__list-item`
@@ -93,13 +91,12 @@ function DirectionButton(_ref) {
     onClick: onClick
   }, direction === 'forward' ? _CaretRight || (_CaretRight = /*#__PURE__*/React__default["default"].createElement(iconsReact.CaretRight, null)) : _CaretLeft || (_CaretLeft = /*#__PURE__*/React__default["default"].createElement(iconsReact.CaretLeft, null))));
 }
-function PaginationItem(_ref2) {
-  let {
-    page,
-    isActive,
-    onClick,
-    translateWithId: t = translateWithId
-  } = _ref2;
+function PaginationItem({
+  page,
+  isActive,
+  onClick,
+  translateWithId: t = translateWithId
+}) {
   const prefix = usePrefix.usePrefix();
   const itemLabel = t('carbon.pagination-nav.item');
   return /*#__PURE__*/React__default["default"].createElement("li", {
@@ -116,15 +113,14 @@ function PaginationItem(_ref2) {
     className: `${prefix}--pagination-nav__accessibility-label`
   }, isActive ? `${t('carbon.pagination-nav.active')}, ${itemLabel}` : itemLabel), page));
 }
-function PaginationOverflow(_ref3) {
-  let {
-    fromIndex = NaN,
-    count = NaN,
-    onSelect,
-    // eslint-disable-next-line react/prop-types
-    disableOverflow,
-    translateWithId: t = translateWithId
-  } = _ref3;
+function PaginationOverflow({
+  fromIndex = NaN,
+  count = NaN,
+  onSelect,
+  // eslint-disable-next-line react/prop-types
+  disableOverflow,
+  translateWithId: t = translateWithId
+}) {
   const prefix = usePrefix.usePrefix();
 
   //If overflow is disabled, return a select tag with no select options
@@ -179,19 +175,18 @@ function PaginationOverflow(_ref3) {
   }
   return null;
 }
-const PaginationNav = /*#__PURE__*/React__default["default"].forwardRef(function PaginationNav(_ref4, ref) {
-  let {
-    className,
-    onChange = () => {},
-    totalItems = NaN,
-    disableOverflow,
-    itemsShown = 10,
-    page = 0,
-    loop = false,
-    size = 'lg',
-    translateWithId: t = translateWithId,
-    ...rest
-  } = _ref4;
+const PaginationNav = /*#__PURE__*/React__default["default"].forwardRef(function PaginationNav({
+  className,
+  onChange = () => {},
+  totalItems = NaN,
+  disableOverflow,
+  itemsShown = 10,
+  page = 0,
+  loop = false,
+  size = 'lg',
+  translateWithId: t = translateWithId,
+  ...rest
+}, ref) {
   const smMediaQuery = `(max-width: ${layout.breakpoints.sm.width})`;
   const isSm = useMatchMedia.useMatchMedia(smMediaQuery);
   let numberOfPages;

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 {
@@ -145,7 +144,6 @@ const Search = /*#__PURE__*/React__default["default"].forwardRef(function Search
     "aria-label": placeholder,
     className: searchClasses
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "aria-label": onExpand ? 'button' : undefined,
     "aria-labelledby": onExpand ? searchId : undefined,
     role: onExpand ? 'button' : undefined,
     className: `${prefix}--search-magnifier`,
@@ -266,10 +264,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