@carbon/react 1.82.1 → 1.83.0

package/es/components/OverflowMenuItem/OverflowMenuItem.js

@@ -8,7 +8,7 @@
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
-import React__default, { forwardRef } from 'react';
+import React, { forwardRef } from 'react';
 import { ArrowDown, ArrowUp } from '../../internal/keyboard/keys.js';
 import { match } from '../../internal/keyboard/match.js';
 import { usePrefix } from '../../internal/usePrefix.js';
@@ -68,15 +68,15 @@ const OverflowMenuItem = frFn((props, ref) => {
     if (typeof itemText !== 'string') {
       return itemText;
     }
-    return /*#__PURE__*/React__default.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: `${prefix}--overflow-menu-options__option-content`
     }, itemText);
   })();
-  return /*#__PURE__*/React__default.createElement(Text, {
+  return /*#__PURE__*/React.createElement(Text, {
     as: "li",
     className: overflowMenuItemClasses,
     role: "none"
-  }, /*#__PURE__*/React__default.createElement(TagToUse, _extends({
+  }, /*#__PURE__*/React.createElement(TagToUse, _extends({
     className: overflowMenuBtnClasses,
     disabled: disabled,
     href: href,

package/es/components/OverflowMenuV2/index.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import React__default from 'react';
+import React from 'react';
 import { warning } from '../../internal/warning.js';
 import { FeatureFlags } from '../FeatureFlags/index.js';
 import OverflowMenu from '../OverflowMenu/index.js';
@@ -16,9 +16,9 @@ function OverflowMenuV2(props) {
     process.env.NODE_ENV !== "production" ? warning(didWarnAboutDeprecation, '`<OverflowMenuV2>` is deprecated and will be removed in the next major version. Use `<OverflowMenu>` with the `enable-v12-overflowmenu` feature flag instead.') : void 0;
     didWarnAboutDeprecation = true;
   }
-  return /*#__PURE__*/React__default.createElement(FeatureFlags, {
+  return /*#__PURE__*/React.createElement(FeatureFlags, {
     enableV12Overflowmenu: true
-  }, /*#__PURE__*/React__default.createElement(OverflowMenu, props));
+  }, /*#__PURE__*/React.createElement(OverflowMenu, props));
 }
 
 export { OverflowMenuV2 };

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 = {
   /**