@carbon/react 1.83.0-rc.0 → 1.83.0

package/es/components/PageHeader/PageHeader.js

@@ -6,7 +6,7 @@
  */
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { useRef, useState, useLayoutEffect, useEffect } from 'react';
+import React, { useRef, useState, useLayoutEffect, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
 import { usePrefix } from '../../internal/usePrefix.js';
@@ -31,7 +31,7 @@ var _p, _p2;
  * ----------
  */
 
-const PageHeader = /*#__PURE__*/React__default.forwardRef(function PageHeader(_ref, ref) {
+const PageHeader = /*#__PURE__*/React.forwardRef(function PageHeader(_ref, ref) {
   let {
     className,
     children,
@@ -41,10 +41,10 @@ const PageHeader = /*#__PURE__*/React__default.forwardRef(function PageHeader(_r
   const classNames = cx({
     [`${prefix}--page-header`]: true
   }, className);
-  return /*#__PURE__*/React__default.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _extends({
     className: classNames,
     ref: ref
-  }, other), _p || (_p = /*#__PURE__*/React__default.createElement("p", null, "page header")), children);
+  }, other), _p || (_p = /*#__PURE__*/React.createElement("p", null, "page header")), children);
 });
 PageHeader.displayName = 'PageHeader';
 
@@ -54,7 +54,7 @@ PageHeader.displayName = 'PageHeader';
  * -----------------------
  */
 
-const PageHeaderBreadcrumbBar = /*#__PURE__*/React__default.forwardRef(function PageHeaderBreadcrumbBar(_ref2, ref) {
+const PageHeaderBreadcrumbBar = /*#__PURE__*/React.forwardRef(function PageHeaderBreadcrumbBar(_ref2, ref) {
   let {
     className,
     children,
@@ -64,10 +64,10 @@ const PageHeaderBreadcrumbBar = /*#__PURE__*/React__default.forwardRef(function
   const classNames = cx({
     [`${prefix}--page-header__breadcrumb-bar`]: true
   }, className);
-  return /*#__PURE__*/React__default.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _extends({
     className: classNames,
     ref: ref
-  }, other), _p2 || (_p2 = /*#__PURE__*/React__default.createElement("p", null, "page header breadcrumb bar")), children);
+  }, other), _p2 || (_p2 = /*#__PURE__*/React.createElement("p", null, "page header breadcrumb bar")), children);
 });
 PageHeaderBreadcrumbBar.displayName = 'PageHeaderBreadcrumbBar';
 
@@ -77,7 +77,7 @@ PageHeaderBreadcrumbBar.displayName = 'PageHeaderBreadcrumbBar';
  * -----------------
  */
 
-const PageHeaderContent = /*#__PURE__*/React__default.forwardRef(function PageHeaderContent(_ref3, ref) {
+const PageHeaderContent = /*#__PURE__*/React.forwardRef(function PageHeaderContent(_ref3, ref) {
   let {
     className,
     children,
@@ -100,28 +100,28 @@ const PageHeaderContent = /*#__PURE__*/React__default.forwardRef(function PageHe
   useLayoutEffect(() => {
     titleRef.current && isEllipsisActive(titleRef.current);
   }, [title]);
-  return /*#__PURE__*/React__default.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _extends({
     className: classNames,
     ref: ref
-  }, other), /*#__PURE__*/React__default.createElement("div", {
+  }, other), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--page-header__content__title-wrapper`
-  }, /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--page-header__content__start`
-  }, /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--page-header__content__title-container`
-  }, IconElement && /*#__PURE__*/React__default.createElement("div", {
+  }, IconElement && /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--page-header__content__icon`
-  }, /*#__PURE__*/React__default.createElement(IconElement, null)), isEllipsisApplied ? /*#__PURE__*/React__default.createElement(DefinitionTooltip, {
+  }, /*#__PURE__*/React.createElement(IconElement, null)), isEllipsisApplied ? /*#__PURE__*/React.createElement(DefinitionTooltip, {
     definition: title
-  }, /*#__PURE__*/React__default.createElement(Text, {
+  }, /*#__PURE__*/React.createElement(Text, {
     ref: titleRef,
     as: "h4",
     className: `${prefix}--page-header__content__title`
-  }, title)) : /*#__PURE__*/React__default.createElement(Text, {
+  }, title)) : /*#__PURE__*/React.createElement(Text, {
     ref: titleRef,
     as: "h4",
     className: `${prefix}--page-header__content__title`
-  }, title)), contextualActions && /*#__PURE__*/React__default.createElement("div", {
+  }, title)), contextualActions && /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--page-header__content__contextual-actions`
   }, contextualActions)), pageActions), children);
 });
@@ -202,21 +202,21 @@ const PageHeaderContentPageActions = _ref4 => {
       }
     });
   }, []);
-  return /*#__PURE__*/React__default.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _extends({
     className: classNames,
     ref: containerRef
-  }, other), pageActions && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, Array.isArray(pageActions) && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, pageActions.map(action => /*#__PURE__*/React__default.createElement("div", {
+  }, other), pageActions && /*#__PURE__*/React.createElement(React.Fragment, null, Array.isArray(pageActions) && /*#__PURE__*/React.createElement(React.Fragment, null, pageActions.map(action => /*#__PURE__*/React.createElement("div", {
     key: action.id,
     className: "action"
-  }, action.body)), /*#__PURE__*/React__default.createElement("span", {
+  }, action.body)), /*#__PURE__*/React.createElement("span", {
     "data-offset": true,
     "data-hidden": true,
     ref: offsetRef
-  }, /*#__PURE__*/React__default.createElement(MenuButton, {
+  }, /*#__PURE__*/React.createElement(MenuButton, {
     menuAlignment: "bottom-end",
     label: menuButtonLabel,
     size: "md"
-  }, [...hiddenItems].reverse().map(item => /*#__PURE__*/React__default.createElement(MenuItem, {
+  }, [...hiddenItems].reverse().map(item => /*#__PURE__*/React.createElement(MenuItem, {
     key: item.id,
     label: item.label,
     onClick: item.onClick
@@ -259,9 +259,9 @@ const PageHeaderContentText = _ref5 => {
   const classNames = cx({
     [`${prefix}--page-header__content__body`]: true
   }, className);
-  return /*#__PURE__*/React__default.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _extends({
     className: classNames
-  }, other), subtitle && /*#__PURE__*/React__default.createElement(Text, {
+  }, other), subtitle && /*#__PURE__*/React.createElement(Text, {
     as: "h3",
     className: `${prefix}--page-header__content__subtitle`
   }, subtitle), children);
@@ -300,7 +300,7 @@ const PageHeaderHeroImage = _ref6 => {
   }, className);
   const lgMediaQuery = `(min-width: ${breakpoints.lg.width})`;
   const isLg = useMatchMedia(lgMediaQuery);
-  return /*#__PURE__*/React__default.createElement(AspectRatio, _extends({
+  return /*#__PURE__*/React.createElement(AspectRatio, _extends({
     className: classNames
   }, other, {
     ratio: isLg ? '2x1' : '3x2'
@@ -324,7 +324,7 @@ PageHeaderHeroImage.propTypes = {
  * ----------------
  */
 
-const PageHeaderTabBar = /*#__PURE__*/React__default.forwardRef(function PageHeaderTabBar(_ref7, ref) {
+const PageHeaderTabBar = /*#__PURE__*/React.forwardRef(function PageHeaderTabBar(_ref7, ref) {
   let {
     className,
     children,
@@ -334,19 +334,19 @@ const PageHeaderTabBar = /*#__PURE__*/React__default.forwardRef(function PageHea
   const classNames = cx({
     [`${prefix}--page-header__tab-bar`]: true
   }, className);
-  return /*#__PURE__*/React__default.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _extends({
     className: classNames,
     ref: ref
   }, other), children);
 });
 PageHeaderTabBar.displayName = 'PageHeaderTabBar';
-const PageHeaderTabs = /*#__PURE__*/React__default.forwardRef(function PageHeaderTabs(_ref8, ref) {
+const PageHeaderTabs = /*#__PURE__*/React.forwardRef(function PageHeaderTabs(_ref8, ref) {
   let {
     className,
     children,
     ...other
   } = _ref8;
-  return /*#__PURE__*/React__default.createElement(Tabs$1, other, children);
+  return /*#__PURE__*/React.createElement(Tabs$1, other, children);
 });
 PageHeaderTabs.displayName = 'PageHeaderTabs';
 

package/es/components/Pagination/Pagination.Skeleton.js

@@ -7,7 +7,7 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
-import React__default from 'react';
+import React from 'react';
 import cx from 'classnames';
 import SkeletonText from '../SkeletonText/SkeletonText.js';
 import { usePrefix } from '../../internal/usePrefix.js';
@@ -19,19 +19,19 @@ function PaginationSkeleton(_ref) {
     ...rest
   } = _ref;
   const prefix = usePrefix();
-  return /*#__PURE__*/React__default.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _extends({
     className: cx(`${prefix}--pagination`, `${prefix}--skeleton`, className)
-  }, rest), /*#__PURE__*/React__default.createElement("div", {
+  }, rest), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--pagination__left`
-  }, _SkeletonText || (_SkeletonText = /*#__PURE__*/React__default.createElement(SkeletonText, {
+  }, _SkeletonText || (_SkeletonText = /*#__PURE__*/React.createElement(SkeletonText, {
     width: "70px"
-  })), _SkeletonText2 || (_SkeletonText2 = /*#__PURE__*/React__default.createElement(SkeletonText, {
+  })), _SkeletonText2 || (_SkeletonText2 = /*#__PURE__*/React.createElement(SkeletonText, {
     width: "35px"
-  })), _SkeletonText3 || (_SkeletonText3 = /*#__PURE__*/React__default.createElement(SkeletonText, {
+  })), _SkeletonText3 || (_SkeletonText3 = /*#__PURE__*/React.createElement(SkeletonText, {
     width: "105px"
-  }))), /*#__PURE__*/React__default.createElement("div", {
+  }))), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--pagination__right ${prefix}--pagination--inline`
-  }, _SkeletonText4 || (_SkeletonText4 = /*#__PURE__*/React__default.createElement(SkeletonText, {
+  }, _SkeletonText4 || (_SkeletonText4 = /*#__PURE__*/React.createElement(SkeletonText, {
     width: "70px"
   }))));
 }

package/es/components/Pagination/Pagination.js

@@ -9,7 +9,7 @@ import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js
 import { CaretLeft, CaretRight } from '@carbon/icons-react';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
-import React__default, { useRef, useState } from 'react';
+import React, { useRef, useState } from 'react';
 import Select from '../Select/Select.js';
 import '../Select/Select.Skeleton.js';
 import SelectItem from '../SelectItem/SelectItem.js';
@@ -29,7 +29,7 @@ function renderSelectItems(total) {
   let counter = 1;
   const itemArr = [];
   while (counter <= total) {
-    itemArr.push(/*#__PURE__*/React__default.createElement(SelectItem, {
+    itemArr.push(/*#__PURE__*/React.createElement(SelectItem, {
       key: counter,
       value: counter,
       text: String(counter)
@@ -49,7 +49,7 @@ function getPageSize(pageSizes, pageSize) {
   }
   return pageSizes[0].value;
 }
-const Pagination = /*#__PURE__*/React__default.forwardRef(function Pagination(_ref, ref) {
+const Pagination = /*#__PURE__*/React.forwardRef(function Pagination(_ref, ref) {
   let {
     backwardText = 'Previous page',
     className: customClassName = '',
@@ -193,16 +193,16 @@ const Pagination = /*#__PURE__*/React__default.forwardRef(function Pagination(_r
       });
     }
   }
-  return /*#__PURE__*/React__default.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _extends({
     className: className,
     ref: ref
-  }, rest), /*#__PURE__*/React__default.createElement("div", {
+  }, rest), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--pagination__left`
-  }, /*#__PURE__*/React__default.createElement("label", {
+  }, /*#__PURE__*/React.createElement("label", {
     id: `${prefix}-pagination-select-${inputId}-count-label`,
     className: `${prefix}--pagination__text`,
     htmlFor: `${prefix}-pagination-select-${inputId}`
-  }, itemsPerPageText), /*#__PURE__*/React__default.createElement(Select, {
+  }, itemsPerPageText), /*#__PURE__*/React.createElement(Select, {
     id: `${prefix}-pagination-select-${inputId}`,
     className: `${prefix}--select__item-count`,
     labelText: "",
@@ -212,17 +212,17 @@ const Pagination = /*#__PURE__*/React__default.forwardRef(function Pagination(_r
     onChange: handleSizeChange,
     disabled: pageSizeInputDisabled || disabled,
     value: pageSize
-  }, pageSizes.map(sizeObj => /*#__PURE__*/React__default.createElement(SelectItem, {
+  }, pageSizes.map(sizeObj => /*#__PURE__*/React.createElement(SelectItem, {
     key: sizeObj.value,
     value: sizeObj.value,
     text: String(sizeObj.text)
-  }))), /*#__PURE__*/React__default.createElement("span", {
+  }))), /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--pagination__text ${prefix}--pagination__items-count`
-  }, pagesUnknown || !totalItems ? totalItems === 0 ? itemRangeText(0, 0, 0) : itemText(pageSize * (page - 1) + 1, page * pageSize) : itemRangeText(Math.min(pageSize * (page - 1) + 1, totalItems), Math.min(page * pageSize, totalItems), totalItems))), /*#__PURE__*/React__default.createElement("div", {
+  }, pagesUnknown || !totalItems ? totalItems === 0 ? itemRangeText(0, 0, 0) : itemText(pageSize * (page - 1) + 1, page * pageSize) : itemRangeText(Math.min(pageSize * (page - 1) + 1, totalItems), Math.min(page * pageSize, totalItems), totalItems))), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--pagination__right`
-  }, pagesUnknown ? /*#__PURE__*/React__default.createElement("span", {
+  }, pagesUnknown ? /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--pagination__text ${prefix}--pagination__page-text ${prefix}--pagination__unknown-pages-text`
-  }, pageText(page)) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Select, {
+  }, pageText(page)) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Select, {
     id: `${prefix}-pagination-select-${inputId}-right`,
     className: `${prefix}--select__page-number`,
     labelText: `Page of ${totalPages} pages`,
@@ -231,11 +231,11 @@ const Pagination = /*#__PURE__*/React__default.forwardRef(function Pagination(_r
     onChange: handlePageInputChange,
     value: page,
     disabled: pageInputDisabled || disabled
-  }, selectItems), /*#__PURE__*/React__default.createElement("span", {
+  }, selectItems), /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--pagination__text`
-  }, pageRangeText(page, totalPages))), /*#__PURE__*/React__default.createElement("div", {
+  }, pageRangeText(page, totalPages))), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--pagination__control-buttons`
-  }, /*#__PURE__*/React__default.createElement(IconButton, {
+  }, /*#__PURE__*/React.createElement(IconButton, {
     align: "top",
     disabled: backButtonDisabled,
     kind: "ghost",
@@ -244,7 +244,7 @@ const Pagination = /*#__PURE__*/React__default.forwardRef(function Pagination(_r
     "aria-label": backwardText,
     onClick: decrementPage,
     ref: backBtnRef
-  }, _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-end",
     disabled: forwardButtonDisabled || isLastPage,
     kind: "ghost",
@@ -253,7 +253,7 @@ const Pagination = /*#__PURE__*/React__default.forwardRef(function Pagination(_r
     "aria-label": forwardText,
     onClick: incrementPage,
     ref: forwardBtnRef
-  }, _CaretRight || (_CaretRight = /*#__PURE__*/React__default.createElement(CaretRight, null))))));
+  }, _CaretRight || (_CaretRight = /*#__PURE__*/React.createElement(CaretRight, null))))));
 });
 Pagination.propTypes = {
   /**

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

@@ -6,7 +6,7 @@
  */
 
 import { extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
 import { useId } from '../../../internal/useId.js';
@@ -30,7 +30,7 @@ function PageSelector(_ref) {
   const renderPages = total => {
     const pages = [];
     for (let counter = 1; counter <= total; counter += 1) {
-      pages.push(/*#__PURE__*/React__default.createElement(SelectItem, {
+      pages.push(/*#__PURE__*/React.createElement(SelectItem, {
         key: counter,
         value: counter,
         text: String(counter)
@@ -38,7 +38,7 @@ function PageSelector(_ref) {
     }
     return pages;
   };
-  return /*#__PURE__*/React__default.createElement(Select, _extends({
+  return /*#__PURE__*/React.createElement(Select, _extends({
     className: cx(namespace, className),
     hideLabel: true,
     id: instanceId || id,

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';
@@ -64,15 +64,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 +81,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 +109,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 +118,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';
@@ -73,15 +73,15 @@ function DirectionButton(_ref) {
     onClick
   } = _ref;
   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 {
@@ -92,9 +92,9 @@ function PaginationItem(_ref2) {
   } = _ref2;
   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,7 +102,7 @@ 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));
 }
@@ -119,47 +119,47 @@ function PaginationOverflow(_ref3) {
 
   //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,7 +169,7 @@ function PaginationOverflow(_ref3) {
   }
   return null;
 }
-const PaginationNav = /*#__PURE__*/React__default.forwardRef(function PaginationNav(_ref4, ref) {
+const PaginationNav = /*#__PURE__*/React.forwardRef(function PaginationNav(_ref4, ref) {
   let {
     className,
     onChange = () => {},
@@ -270,14 +270,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 +286,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 +308,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`