@carbon/react 1.83.0-rc.0 → 1.84.0-rc.0

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

@@ -6,7 +6,7 @@
  */
 
 import { extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { useState } from 'react';
+import React, { useState } from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
 import { CaretLeft, CaretRight } from '@carbon/icons-react';
@@ -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();
@@ -64,15 +63,15 @@ function Pagination(_ref) {
     });
   }
   const namespace = `${prefix}--unstable-pagination`;
-  return /*#__PURE__*/React__default.createElement("section", _extends({
+  return /*#__PURE__*/React.createElement("section", _extends({
     className: cx(namespace, className)
-  }, other), /*#__PURE__*/React__default.createElement("div", {
+  }, other), /*#__PURE__*/React.createElement("div", {
     className: `${namespace}__left`
-  }, pageSizes && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("label", {
+  }, pageSizes && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("label", {
     id: `${namespace}__page-sizer__counter-${id}`,
     className: `${namespace}__text`,
     htmlFor: `${namespace}__page-sizer__input-${id}`
-  }, itemsPerPageText), /*#__PURE__*/React__default.createElement(Select, {
+  }, itemsPerPageText), /*#__PURE__*/React.createElement(Select, {
     id: `${namespace}__page-sizer__input-${id}`,
     className: `${namespace}__page-sizer`,
     labelText: "",
@@ -81,26 +80,26 @@ function Pagination(_ref) {
     inline: true,
     onChange: event => setCurrentPageSize(Number(event.target.value)),
     value: currentPageSize
-  }, pageSizes.map(size => /*#__PURE__*/React__default.createElement(SelectItem, {
+  }, pageSizes.map(size => /*#__PURE__*/React.createElement(SelectItem, {
     key: size,
     value: size,
     text: String(size)
-  })))), /*#__PURE__*/React__default.createElement("span", {
+  })))), /*#__PURE__*/React.createElement("span", {
     className: `${namespace}__text`
-  }, totalItems && !pagesUnknown && itemRangeText(Math.min(currentPageSize * (currentPage - 1) + 1, totalItems), Math.min(currentPage * currentPageSize, totalItems), totalItems), totalItems && pagesUnknown && itemText(currentPageSize * (currentPage - 1) + 1, currentPage * currentPageSize), !totalItems && itemText(currentPageSize * (currentPage - 1) + 1, currentPage * currentPageSize))), /*#__PURE__*/React__default.createElement("div", {
+  }, totalItems && !pagesUnknown && itemRangeText(Math.min(currentPageSize * (currentPage - 1) + 1, totalItems), Math.min(currentPage * currentPageSize, totalItems), totalItems), totalItems && pagesUnknown && itemText(currentPageSize * (currentPage - 1) + 1, currentPage * currentPageSize), !totalItems && itemText(currentPageSize * (currentPage - 1) + 1, currentPage * currentPageSize))), /*#__PURE__*/React.createElement("div", {
     className: `${namespace}__right`
   }, children && totalItems && children({
     currentPage,
     currentPageSize,
     onSetPage,
     totalPages
-  }), children && totalItems && !pagesUnknown && /*#__PURE__*/React__default.createElement("span", {
+  }), children && totalItems && !pagesUnknown && /*#__PURE__*/React.createElement("span", {
     className: `${namespace}__text`
-  }, pageRangeText('', totalPages)), children && !totalItems && /*#__PURE__*/React__default.createElement("span", {
+  }, pageRangeText('', totalPages)), children && !totalItems && /*#__PURE__*/React.createElement("span", {
     className: `${namespace}__text`
-  }, pageText(currentPage)), !children && /*#__PURE__*/React__default.createElement("span", {
+  }, pageText(currentPage)), !children && /*#__PURE__*/React.createElement("span", {
     className: `${namespace}__text`
-  }, !totalItems ? pageText(currentPage) : pageRangeText(currentPage, totalPages)), /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(IconButton, {
+  }, !totalItems ? pageText(currentPage) : pageRangeText(currentPage, totalPages)), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IconButton, {
     align: "top",
     disabled: backButtonDisabled,
     kind: "ghost",
@@ -109,7 +108,7 @@ function Pagination(_ref) {
     }),
     label: backwardText,
     onClick: () => decrementPage()
-  }, _CaretLeft || (_CaretLeft = /*#__PURE__*/React__default.createElement(CaretLeft, null))), /*#__PURE__*/React__default.createElement(IconButton, {
+  }, _CaretLeft || (_CaretLeft = /*#__PURE__*/React.createElement(CaretLeft, null))), /*#__PURE__*/React.createElement(IconButton, {
     align: "top-right",
     disabled: forwardButtonDisabled,
     kind: "ghost",
@@ -118,7 +117,7 @@ function Pagination(_ref) {
     }),
     label: forwardText,
     onClick: () => incrementPage()
-  }, _CaretRight || (_CaretRight = /*#__PURE__*/React__default.createElement(CaretRight, null))))));
+  }, _CaretRight || (_CaretRight = /*#__PURE__*/React.createElement(CaretRight, null))))));
 }
 Pagination.propTypes = {
   /**

package/es/components/PaginationNav/PaginationNav.js

@@ -7,7 +7,7 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
-import React__default, { useState, useEffect, useRef } from 'react';
+import React, { useState, useEffect, useRef } from 'react';
 import cx from 'classnames';
 import { CaretRight, CaretLeft, OverflowMenuHorizontal } from '@carbon/icons-react';
 import { IconButton } from '../IconButton/index.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,36 +64,34 @@ 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__default.createElement("li", {
+  return /*#__PURE__*/React.createElement("li", {
     className: `${prefix}--pagination-nav__list-item`
-  }, /*#__PURE__*/React__default.createElement(IconButton, {
+  }, /*#__PURE__*/React.createElement(IconButton, {
     align: "bottom",
     disabled: disabled,
     kind: "ghost",
     label: label,
     onClick: onClick
-  }, direction === 'forward' ? _CaretRight || (_CaretRight = /*#__PURE__*/React__default.createElement(CaretRight, null)) : _CaretLeft || (_CaretLeft = /*#__PURE__*/React__default.createElement(CaretLeft, null))));
+  }, 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__default.createElement("li", {
+  return /*#__PURE__*/React.createElement("li", {
     className: `${prefix}--pagination-nav__list-item`
-  }, /*#__PURE__*/React__default.createElement("button", {
+  }, /*#__PURE__*/React.createElement("button", {
     type: "button",
     className: cx(`${prefix}--pagination-nav__page`, {
       [`${prefix}--pagination-nav__page--active`]: isActive
@@ -102,64 +99,63 @@ function PaginationItem(_ref2) {
     onClick: onClick,
     "data-page": page,
     "aria-current": isActive ? 'page' : undefined
-  }, /*#__PURE__*/React__default.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     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
   if (disableOverflow === true && count > 1) {
-    return /*#__PURE__*/React__default.createElement("li", {
+    return /*#__PURE__*/React.createElement("li", {
       className: `${prefix}--pagination-nav__list-item`
-    }, /*#__PURE__*/React__default.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       className: `${prefix}--pagination-nav__select`
-    }, /*#__PURE__*/React__default.createElement("select", {
+    }, /*#__PURE__*/React.createElement("select", {
       className: `${prefix}--pagination-nav__page ${prefix}--pagination-nav__page--select`,
       "aria-label": `Select ${t('carbon.pagination-nav.item')} number`,
       disabled: true
-    }), /*#__PURE__*/React__default.createElement("div", {
+    }), /*#__PURE__*/React.createElement("div", {
       className: `${prefix}--pagination-nav__select-icon-wrapper`
-    }, /*#__PURE__*/React__default.createElement(OverflowMenuHorizontal, {
+    }, /*#__PURE__*/React.createElement(OverflowMenuHorizontal, {
       className: `${prefix}--pagination-nav__select-icon`
     }))));
   }
   if (count > 1) {
-    return /*#__PURE__*/React__default.createElement("li", {
+    return /*#__PURE__*/React.createElement("li", {
       className: `${prefix}--pagination-nav__list-item`
-    }, /*#__PURE__*/React__default.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       className: `${prefix}--pagination-nav__select`
-    }, /*#__PURE__*/React__default.createElement("select", {
+    }, /*#__PURE__*/React.createElement("select", {
       className: `${prefix}--pagination-nav__page ${prefix}--pagination-nav__page--select`,
       "aria-label": `Select ${t('carbon.pagination-nav.item')} number`,
       onChange: e => {
         const index = Number(e.target.value);
         onSelect?.(index);
       }
-    }, _option || (_option = /*#__PURE__*/React__default.createElement("option", {
+    }, _option || (_option = /*#__PURE__*/React.createElement("option", {
       value: "",
       hidden: true
-    })), [...Array(count)].map((e, i) => /*#__PURE__*/React__default.createElement("option", {
+    })), [...Array(count)].map((e, i) => /*#__PURE__*/React.createElement("option", {
       value: (fromIndex + i).toString(),
       "data-page": fromIndex + i + 1,
       key: `overflow-${fromIndex + i}`
-    }, fromIndex + i + 1))), /*#__PURE__*/React__default.createElement("div", {
+    }, fromIndex + i + 1))), /*#__PURE__*/React.createElement("div", {
       className: `${prefix}--pagination-nav__select-icon-wrapper`
-    }, /*#__PURE__*/React__default.createElement(OverflowMenuHorizontal, {
+    }, /*#__PURE__*/React.createElement(OverflowMenuHorizontal, {
       className: `${prefix}--pagination-nav__select-icon`
     }))));
   }
   if (count === 1) {
-    return /*#__PURE__*/React__default.createElement(PaginationItem, {
+    return /*#__PURE__*/React.createElement(PaginationItem, {
       page: fromIndex + 1,
       translateWithId: t,
       onClick: () => {
@@ -169,19 +165,18 @@ function PaginationOverflow(_ref3) {
   }
   return null;
 }
-const PaginationNav = /*#__PURE__*/React__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.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;
@@ -270,14 +265,14 @@ const PaginationNav = /*#__PURE__*/React__default.forwardRef(function Pagination
   const backwardButtonDisabled = !loop && currentPage === 0;
   const forwardButtonDisabled = !loop && currentPage === totalItems - 1;
   const startOffset = itemsDisplayedOnPage <= 4 && currentPage > 1 ? 0 : 1;
-  return /*#__PURE__*/React__default.createElement("nav", _extends({
+  return /*#__PURE__*/React.createElement("nav", _extends({
     className: classNames,
     ref: ref
   }, rest, {
     "aria-label": "pagination"
-  }), /*#__PURE__*/React__default.createElement("ul", {
+  }), /*#__PURE__*/React.createElement("ul", {
     className: `${prefix}--pagination-nav__list`
-  }, /*#__PURE__*/React__default.createElement(DirectionButton, {
+  }, /*#__PURE__*/React.createElement(DirectionButton, {
     direction: "backward",
     "aria-label": t('carbon.pagination-nav.previous'),
     label: t('carbon.pagination-nav.previous'),
@@ -286,21 +281,21 @@ const PaginationNav = /*#__PURE__*/React__default.forwardRef(function Pagination
   }),
   // render first item if at least 5 items can be displayed or
   // 4 items can be displayed and the current page is either 0 or 1
-  (itemsDisplayedOnPage >= 5 || itemsDisplayedOnPage <= 4 && currentPage <= 1) && /*#__PURE__*/React__default.createElement(PaginationItem, {
+  (itemsDisplayedOnPage >= 5 || itemsDisplayedOnPage <= 4 && currentPage <= 1) && /*#__PURE__*/React.createElement(PaginationItem, {
     page: 1,
     translateWithId: t,
     isActive: currentPage === 0,
     onClick: () => {
       jumpToItem(0);
     }
-  }), /*#__PURE__*/React__default.createElement(PaginationOverflow, {
+  }), /*#__PURE__*/React.createElement(PaginationOverflow, {
     fromIndex: startOffset,
     count: cuts.front,
     onSelect: jumpToItem,
     disableOverflow: isOverflowDisabled
   }),
   // render items between overflows
-  [...Array(totalItems)].map((e, i) => i).slice(startOffset + cuts.front, (1 + cuts.back) * -1).map(item => /*#__PURE__*/React__default.createElement(PaginationItem, {
+  [...Array(totalItems)].map((e, i) => i).slice(startOffset + cuts.front, (1 + cuts.back) * -1).map(item => /*#__PURE__*/React.createElement(PaginationItem, {
     key: `item-${item}`,
     page: item + 1,
     translateWithId: t,
@@ -308,27 +303,27 @@ const PaginationNav = /*#__PURE__*/React__default.forwardRef(function Pagination
     onClick: () => {
       jumpToItem(item);
     }
-  })), /*#__PURE__*/React__default.createElement(PaginationOverflow, {
+  })), /*#__PURE__*/React.createElement(PaginationOverflow, {
     fromIndex: totalItems - cuts.back - 1,
     count: cuts.back,
     onSelect: jumpToItem,
     disableOverflow: isOverflowDisabled
   }),
   // render last item unless there is only one in total
-  totalItems > 1 && /*#__PURE__*/React__default.createElement(PaginationItem, {
+  totalItems > 1 && /*#__PURE__*/React.createElement(PaginationItem, {
     page: totalItems,
     translateWithId: t,
     isActive: currentPage === totalItems - 1,
     onClick: () => {
       jumpToItem(totalItems - 1);
     }
-  }), /*#__PURE__*/React__default.createElement(DirectionButton, {
+  }), /*#__PURE__*/React.createElement(DirectionButton, {
     direction: "forward",
     "aria-label": t('carbon.pagination-nav.next'),
     label: t('carbon.pagination-nav.next'),
     disabled: forwardButtonDisabled,
     onClick: jumpToNext
-  })), /*#__PURE__*/React__default.createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     "aria-live": "polite",
     "aria-atomic": "true",
     className: `${prefix}--pagination-nav__accessibility-label`

package/es/components/Popover/index.js

@@ -9,7 +9,7 @@ import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 import deprecateValuesWithin from '../../prop-types/deprecateValuesWithin.js';
-import React__default, { useRef, useMemo, useEffect } from 'react';
+import React, { useRef, useMemo, useEffect } from 'react';
 import useIsomorphicEffect from '../../internal/useIsomorphicEffect.js';
 import { useMergedRefs } from '../../internal/useMergedRefs.js';
 import { usePrefix } from '../../internal/usePrefix.js';
@@ -18,7 +18,7 @@ import { mapPopoverAlign } from '../../tools/mapPopoverAlign.js';
 import { useFloating, offset, flip, arrow, hide, autoUpdate } from '@floating-ui/react';
 import { useFeatureFlag } from '../FeatureFlags/index.js';
 
-const PopoverContext = /*#__PURE__*/React__default.createContext({
+const PopoverContext = /*#__PURE__*/React.createContext({
   setFloating: {
     current: null
   },
@@ -33,25 +33,24 @@ const PopoverContext = /*#__PURE__*/React__default.createContext({
  * @deprecated Use NewPopoverAlignment instead.
  */
 
-const Popover = /*#__PURE__*/React__default.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?.();
     }
@@ -77,7 +75,7 @@ forwardRef) {
   // Slug styling places a border around the popover content so the caret
   // needs to be placed 1px further outside the popover content. To do so,
   // we look to see if any of the children has a className containing "slug"
-  const initialCaretHeight = React__default.Children.toArray(children).some(x => {
+  const initialCaretHeight = React.Children.toArray(children).some(x => {
     return x?.props?.className?.includes('slug') || x?.props?.className?.includes('ai-label');
   }) ? 7 : 6;
   // These defaults match the defaults defined in packages/styles/scss/components/popover/_popover.scss
@@ -196,7 +194,7 @@ forwardRef) {
     [`${prefix}--popover--${currentAlignment}`]: true,
     [`${prefix}--popover--tab-tip`]: isTabTip
   }, customClassName);
-  const mappedChildren = React__default.Children.map(children, child => {
+  const mappedChildren = React.Children.map(children, child => {
     const item = child;
     const displayName = item?.type?.displayName;
 
@@ -210,11 +208,11 @@ forwardRef) {
     const isTriggerElement = item?.type === 'button';
     const isTriggerComponent = enableFloatingStyles && displayName && ['ToggletipButton'].includes(displayName);
     const isAllowedTriggerComponent = enableFloatingStyles && !['ToggletipContent', 'PopoverContent'].includes(displayName);
-    if (/*#__PURE__*/React__default.isValidElement(item) && (isTriggerElement || isTriggerComponent || isAllowedTriggerComponent)) {
+    if (/*#__PURE__*/React.isValidElement(item) && (isTriggerElement || isTriggerComponent || isAllowedTriggerComponent)) {
       const className = item?.props?.className;
       const ref = (item?.props).ref;
       const tabTipClasses = cx(`${prefix}--popover--tab-tip__button`, className);
-      return /*#__PURE__*/React__default.cloneElement(item, {
+      return /*#__PURE__*/React.cloneElement(item, {
         className: isTabTip && item?.type === 'button' ? tabTipClasses : className || '',
         // With cloneElement, if you pass a `ref`, it overrides the original ref.
         // https://react.dev/reference/react/cloneElement#parameters
@@ -246,9 +244,9 @@ forwardRef) {
     }
   });
   const BaseComponentAsAny = BaseComponent;
-  return /*#__PURE__*/React__default.createElement(PopoverContext.Provider, {
+  return /*#__PURE__*/React.createElement(PopoverContext.Provider, {
     value: value
-  }, /*#__PURE__*/React__default.createElement(BaseComponentAsAny, _extends({}, rest, {
+  }, /*#__PURE__*/React.createElement(BaseComponentAsAny, _extends({}, rest, {
     className: className,
     ref: ref
   }), enableFloatingStyles || isTabTip ? mappedChildren : children));
@@ -338,40 +336,40 @@ 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,
     caretRef,
     autoAlign
-  } = React__default.useContext(PopoverContext);
+  } = React.useContext(PopoverContext);
   const ref = useMergedRefs([setFloating, forwardRef]);
   const enableFloatingStyles = useFeatureFlag('enable-v12-dynamic-floating-styles') || autoAlign;
-  return /*#__PURE__*/React__default.createElement("span", _extends({}, rest, {
+  return /*#__PURE__*/React.createElement("span", _extends({}, rest, {
     className: `${prefix}--popover`
-  }), /*#__PURE__*/React__default.createElement("span", {
+  }), /*#__PURE__*/React.createElement("span", {
     className: cx(`${prefix}--popover-content`, className),
     ref: ref
-  }, children, enableFloatingStyles && /*#__PURE__*/React__default.createElement("span", {
+  }, children, enableFloatingStyles && /*#__PURE__*/React.createElement("span", {
     className: cx({
       [`${prefix}--popover-caret`]: true,
       [`${prefix}--popover--auto-align`]: true
     }),
     ref: caretRef
-  })), !enableFloatingStyles && /*#__PURE__*/React__default.createElement("span", {
+  })), !enableFloatingStyles && /*#__PURE__*/React.createElement("span", {
     className: cx({
       [`${prefix}--popover-caret`]: true
     }),
     ref: caretRef
   }));
 }
-const PopoverContent = /*#__PURE__*/React__default.forwardRef(PopoverContentRenderFunction);
+const PopoverContent = /*#__PURE__*/React.forwardRef(PopoverContentRenderFunction);
 PopoverContent.displayName = 'PopoverContent';
 PopoverContent.propTypes = {
   /**

package/es/components/PrimaryButton/PrimaryButton.js

@@ -6,11 +6,11 @@
  */
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default from 'react';
+import React from 'react';
 import Button from '../Button/Button.js';
 import '../Button/Button.Skeleton.js';
 
-const PrimaryButton = props => /*#__PURE__*/React__default.createElement(Button, _extends({
+const PrimaryButton = props => /*#__PURE__*/React.createElement(Button, _extends({
   kind: "primary"
 }, props));