@carbon/react 1.83.0 → 1.84.0-rc.0

package/es/components/Pagination/experimental/Pagination.js

@@ -17,27 +17,26 @@ import { IconButton } from '../../IconButton/index.js';
 import { usePrefix } from '../../../internal/usePrefix.js';
 
 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] = useState(initialPage);
   const [currentPageSize, setCurrentPageSize] = useState(pageSize);
   const prefix = usePrefix();

package/es/components/PaginationNav/PaginationNav.js

@@ -41,8 +41,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,
@@ -65,13 +64,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();
   return /*#__PURE__*/React.createElement("li", {
     className: `${prefix}--pagination-nav__list-item`
@@ -83,13 +81,12 @@ function DirectionButton(_ref) {
     onClick: onClick
   }, direction === 'forward' ? _CaretRight || (_CaretRight = /*#__PURE__*/React.createElement(CaretRight, null)) : _CaretLeft || (_CaretLeft = /*#__PURE__*/React.createElement(CaretLeft, null))));
 }
-function PaginationItem(_ref2) {
-  let {
-    page,
-    isActive,
-    onClick,
-    translateWithId: t = translateWithId
-  } = _ref2;
+function PaginationItem({
+  page,
+  isActive,
+  onClick,
+  translateWithId: t = translateWithId
+}) {
   const prefix = usePrefix();
   const itemLabel = t('carbon.pagination-nav.item');
   return /*#__PURE__*/React.createElement("li", {
@@ -106,15 +103,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();
 
   //If overflow is disabled, return a select tag with no select options
@@ -169,19 +165,18 @@ function PaginationOverflow(_ref3) {
   }
   return null;
 }
-const PaginationNav = /*#__PURE__*/React.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.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: ${breakpoints.sm.width})`;
   const isSm = useMatchMedia(smMediaQuery);
   let numberOfPages;

package/es/components/Popover/index.js

@@ -33,25 +33,24 @@ const PopoverContext = /*#__PURE__*/React.createContext({
  * @deprecated Use NewPopoverAlignment instead.
  */
 
-const Popover = /*#__PURE__*/React.forwardRef(function PopoverRenderFunction(_ref,
+const Popover = /*#__PURE__*/React.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();
   const floating = useRef(null);
   const caretRef = useRef(null);
@@ -65,10 +64,9 @@ forwardRef) {
       onRequestClose?.();
     }
   });
-  useWindowEvent('click', _ref2 => {
-    let {
-      target
-    } = _ref2;
+  useWindowEvent('click', ({
+    target
+  }) => {
     if (open && target instanceof Node && !popover.current?.contains(target)) {
       onRequestClose?.();
     }
@@ -338,13 +336,13 @@ Popover.propTypes = {
    */
   open: PropTypes.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();
   const {
     setFloating,

package/es/components/ProgressBar/ProgressBar.js

@@ -14,18 +14,17 @@ import { useId } from '../../internal/useId.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import useIsomorphicEffect from '../../internal/useIsomorphicEffect.js';
 
-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('progress-bar');
   const helperId = useId('progress-bar-helper');
   const helperTextId = useId('progress-bar-helper-text');

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

@@ -25,12 +25,11 @@ function Step() {
     className: `${prefix}--progress-line`
   })));
 }
-function ProgressIndicatorSkeleton(_ref) {
-  let {
-    className,
-    vertical,
-    ...rest
-  } = _ref;
+function ProgressIndicatorSkeleton({
+  className,
+  vertical,
+  ...rest
+}) {
   const prefix = usePrefix();
   return /*#__PURE__*/React.createElement("ul", _extends({
     className: cx(`${prefix}--progress`, `${prefix}--skeleton`, {

package/es/components/ProgressIndicator/ProgressIndicator.js

@@ -30,16 +30,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();
   const [currentIndex, setCurrentIndex] = useState(controlledIndex);
   const [prevControlledIndex, setPrevControlledIndex] = useState(controlledIndex);
@@ -114,20 +113,19 @@ ProgressIndicator.propTypes = {
    */
   vertical: PropTypes.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();
   const classes = cx({
     [`${prefix}--progress-step`]: true,
@@ -142,14 +140,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.createElement(Warning, {
         className: `${prefix}--progress__warning`

package/es/components/RadioTile/RadioTile.js

@@ -21,24 +21,23 @@ import { useFeatureFlag } from '../FeatureFlags/index.js';
 import { Text } from '../Text/Text.js';
 
 var _RadioButtonChecked, _RadioButton, _CheckmarkFilled;
-const RadioTile = /*#__PURE__*/React.forwardRef(function RadioTile(_ref, ref) {
-  let {
-    children,
-    className: customClassName,
-    decorator,
-    disabled,
-    light,
-    checked,
-    name,
-    value,
-    id,
-    onChange = noopFn,
-    tabIndex = 0,
-    hasRoundedCorners,
-    slug,
-    required,
-    ...rest
-  } = _ref;
+const RadioTile = /*#__PURE__*/React.forwardRef(function RadioTile({
+  children,
+  className: customClassName,
+  decorator,
+  disabled,
+  light,
+  checked,
+  name,
+  value,
+  id,
+  onChange = noopFn,
+  tabIndex = 0,
+  hasRoundedCorners,
+  slug,
+  required,
+  ...rest
+}, ref) {
   const prefix = usePrefix();
   const inputId = useFallbackId(id);
   const className = cx(customClassName, `${prefix}--tile`, `${prefix}--tile--selectable`, `${prefix}--tile--radio`, {

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

@@ -11,12 +11,11 @@ import React from 'react';
 import cx from 'classnames';
 import { usePrefix } from '../../internal/usePrefix.js';
 
-const SearchSkeleton = _ref => {
-  let {
-    small = false,
-    className,
-    ...rest
-  } = _ref;
+const SearchSkeleton = ({
+  small = false,
+  className,
+  ...rest
+}) => {
   const prefix = usePrefix();
   const searchClasses = cx(className, {
     [`${prefix}--skeleton`]: true,

package/es/components/Search/Search.js

@@ -22,30 +22,29 @@ import { FormContext } from '../FluidForm/FormContext.js';
 import { noopFn } from '../../internal/noopFn.js';
 
 var _Close;
-const Search = /*#__PURE__*/React.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.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();
   const {
@@ -256,10 +255,9 @@ Search.propTypes = {
    */
   value: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
-function CustomSearchIcon(_ref2) {
-  let {
-    icon: Icon
-  } = _ref2;
+function CustomSearchIcon({
+  icon: Icon
+}) {
   const prefix = usePrefix();
   if (Icon) {
     return /*#__PURE__*/React.createElement(Icon, {

package/es/components/Select/Select.Skeleton.js

@@ -11,12 +11,11 @@ import React from 'react';
 import cx from 'classnames';
 import { usePrefix } from '../../internal/usePrefix.js';
 
-const SelectSkeleton = _ref => {
-  let {
-    hideLabel,
-    className,
-    ...rest
-  } = _ref;
+const SelectSkeleton = ({
+  hideLabel,
+  className,
+  ...rest
+}) => {
   const prefix = usePrefix();
   return /*#__PURE__*/React.createElement("div", _extends({
     className: cx(`${prefix}--form-item`, className)

package/es/components/Select/Select.js

@@ -19,31 +19,30 @@ import { composeEventHandlers } from '../../tools/events.js';
 import '../Text/index.js';
 import { Text } from '../Text/Text.js';
 
-const Select = /*#__PURE__*/React.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.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();
   const {
     isFluid

package/es/components/SelectItem/SelectItem.js

@@ -11,15 +11,14 @@ import React from 'react';
 import cx from 'classnames';
 import { usePrefix } from '../../internal/usePrefix.js';
 
-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();
   const selectItemClasses = cx({
     [`${prefix}--select-option`]: true,

package/es/components/SelectItemGroup/SelectItemGroup.js

@@ -11,14 +11,13 @@ import React from 'react';
 import cx from 'classnames';
 import { usePrefix } from '../../internal/usePrefix.js';
 
-const SelectItemGroup = _ref => {
-  let {
-    children,
-    className,
-    disabled = false,
-    label,
-    ...other
-  } = _ref;
+const SelectItemGroup = ({
+  children,
+  className,
+  disabled = false,
+  label,
+  ...other
+}) => {
   const prefix = usePrefix();
   const classNames = cx(`${prefix}--select-optgroup`, className);
   return /*#__PURE__*/React.createElement("optgroup", _extends({

package/es/components/ShapeIndicator/index.js

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

package/es/components/SkeletonIcon/SkeletonIcon.js

@@ -11,11 +11,10 @@ import React from 'react';
 import cx from 'classnames';
 import { usePrefix } from '../../internal/usePrefix.js';
 
-const SkeletonIcon = _ref => {
-  let {
-    className,
-    ...other
-  } = _ref;
+const SkeletonIcon = ({
+  className,
+  ...other
+}) => {
   const prefix = usePrefix();
   const skeletonIconClasses = cx(className, {
     [`${prefix}--icon--skeleton`]: true