@carbon/react 1.87.0-rc.0 → 1.87.1-rc.0

package/lib/components/Pagination/Pagination.js

@@ -22,13 +22,6 @@ var usePrefix = require('../../internal/usePrefix.js');
 var index = require('../IconButton/index.js');
 var isEqual = require('react-fast-compare');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var isEqual__default = /*#__PURE__*/_interopDefaultLegacy(isEqual);
-
 var _CaretLeft, _CaretRight;
 function mapPageSizesToObject(sizes) {
   return typeof sizes[0] === 'object' && sizes[0] !== null ? sizes : sizes.map(size => ({
@@ -40,7 +33,7 @@ function renderSelectItems(total) {
   let counter = 1;
   const itemArr = [];
   while (counter <= total) {
-    itemArr.push(/*#__PURE__*/React__default["default"].createElement(SelectItem["default"], {
+    itemArr.push(/*#__PURE__*/React.createElement(SelectItem.default, {
       key: counter,
       value: counter,
       text: String(counter)
@@ -60,7 +53,7 @@ function getPageSize(pageSizes, pageSize) {
   }
   return pageSizes[0].value;
 }
-const Pagination = /*#__PURE__*/React__default["default"].forwardRef(function Pagination({
+const Pagination = /*#__PURE__*/React.forwardRef(function Pagination({
   backwardText = 'Previous page',
   className: customClassName = '',
   disabled = false,
@@ -99,20 +92,20 @@ const Pagination = /*#__PURE__*/React__default["default"].forwardRef(function Pa
     return getPageSize(pageSizes, controlledPageSize);
   });
   const [prevControlledPageSize, setPrevControlledPageSize] = React.useState(controlledPageSize);
-  const className = cx__default["default"]({
+  const className = cx({
     [`${prefix}--pagination`]: true,
     [`${prefix}--pagination--${size}`]: size,
     [customClassName]: !!customClassName
   });
   const totalPages = totalItems ? Math.max(Math.ceil(totalItems / pageSize), 1) : 1;
   const backButtonDisabled = disabled || page === 1;
-  const backButtonClasses = cx__default["default"]({
+  const backButtonClasses = cx({
     [`${prefix}--pagination__button`]: true,
     [`${prefix}--pagination__button--backward`]: true,
     [`${prefix}--pagination__button--no-index`]: backButtonDisabled
   });
   const forwardButtonDisabled = disabled || page === totalPages && !pagesUnknown;
-  const forwardButtonClasses = cx__default["default"]({
+  const forwardButtonClasses = cx({
     [`${prefix}--pagination__button`]: true,
     [`${prefix}--pagination__button--forward`]: true,
     [`${prefix}--pagination__button--no-index`]: forwardButtonDisabled
@@ -144,7 +137,7 @@ const Pagination = /*#__PURE__*/React__default["default"].forwardRef(function Pa
     setPageSize(getPageSize(pageSizes, controlledPageSize));
     setPrevControlledPageSize(controlledPageSize);
   }
-  if (!isEqual__default["default"](controlledPageSizes, prevPageSizes)) {
+  if (!isEqual(controlledPageSizes, prevPageSizes)) {
     const pageSizes = mapPageSizesToObject(controlledPageSizes);
     const hasPageSize = pageSizes.find(size => {
       return size.value === pageSize;
@@ -220,16 +213,16 @@ const Pagination = /*#__PURE__*/React__default["default"].forwardRef(function Pa
       });
     }
   }
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
     className: className,
     ref: ref
-  }, rest), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, rest), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--pagination__left`
-  }, /*#__PURE__*/React__default["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["default"].createElement(Select["default"], {
+  }, itemsPerPageText), /*#__PURE__*/React.createElement(Select.default, {
     id: `${prefix}-pagination-select-${inputId}`,
     className: `${prefix}--select__item-count`,
     labelText: "",
@@ -239,17 +232,17 @@ const Pagination = /*#__PURE__*/React__default["default"].forwardRef(function Pa
     onChange: handleSizeChange,
     disabled: pageSizeInputDisabled || disabled,
     value: pageSize
-  }, pageSizes.map(sizeObj => /*#__PURE__*/React__default["default"].createElement(SelectItem["default"], {
+  }, pageSizes.map(sizeObj => /*#__PURE__*/React.createElement(SelectItem.default, {
     key: sizeObj.value,
     value: sizeObj.value,
     text: String(sizeObj.text)
-  }))), /*#__PURE__*/React__default["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["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["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["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Select["default"], {
+  }, pageText(page)) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Select.default, {
     id: `${prefix}-pagination-select-${inputId}-right`,
     className: `${prefix}--select__page-number`,
     labelText: `Page of ${totalPages} pages`,
@@ -258,11 +251,11 @@ const Pagination = /*#__PURE__*/React__default["default"].forwardRef(function Pa
     onChange: handlePageInputChange,
     value: page,
     disabled: pageInputDisabled || disabled
-  }, selectItems), /*#__PURE__*/React__default["default"].createElement("span", {
+  }, selectItems), /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--pagination__text`
-  }, pageRangeText(page, totalPages))), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, pageRangeText(page, totalPages))), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--pagination__control-buttons`
-  }, /*#__PURE__*/React__default["default"].createElement(index.IconButton, {
+  }, /*#__PURE__*/React.createElement(index.IconButton, {
     align: "top",
     disabled: backButtonDisabled,
     kind: "ghost",
@@ -271,7 +264,7 @@ const Pagination = /*#__PURE__*/React__default["default"].forwardRef(function Pa
     "aria-label": backwardText,
     onClick: decrementPage,
     ref: backBtnRef
-  }, _CaretLeft || (_CaretLeft = /*#__PURE__*/React__default["default"].createElement(iconsReact.CaretLeft, null))), /*#__PURE__*/React__default["default"].createElement(index.IconButton, {
+  }, _CaretLeft || (_CaretLeft = /*#__PURE__*/React.createElement(iconsReact.CaretLeft, null))), /*#__PURE__*/React.createElement(index.IconButton, {
     align: "top-end",
     disabled: forwardButtonDisabled || isLastPage,
     kind: "ghost",
@@ -280,95 +273,95 @@ const Pagination = /*#__PURE__*/React__default["default"].forwardRef(function Pa
     "aria-label": forwardText,
     onClick: incrementPage,
     ref: forwardBtnRef
-  }, _CaretRight || (_CaretRight = /*#__PURE__*/React__default["default"].createElement(iconsReact.CaretRight, null))))));
+  }, _CaretRight || (_CaretRight = /*#__PURE__*/React.createElement(iconsReact.CaretRight, null))))));
 });
 Pagination.propTypes = {
   /**
    * The description for the backward icon.
    */
-  backwardText: PropTypes__default["default"].string,
+  backwardText: PropTypes.string,
   /**
    * The CSS class names.
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * `true` if the backward/forward buttons, as well as the page select elements,  should be disabled.
    */
-  disabled: PropTypes__default["default"].bool,
+  disabled: PropTypes.bool,
   /**
    * The description for the forward icon.
    */
-  forwardText: PropTypes__default["default"].string,
+  forwardText: PropTypes.string,
   /**
    * The unique ID of this component instance.
    */
-  id: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number]),
+  id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   // TODO: remove when v9 is deprecated
   /**
    * `true` if the current page should be the last page.
    */
-  isLastPage: PropTypes__default["default"].bool,
+  isLastPage: PropTypes.bool,
   /**
    * The function returning a translatable text showing where the current page is,
    * in a manner of the range of items.
    */
-  itemRangeText: PropTypes__default["default"].func,
+  itemRangeText: PropTypes.func,
   /**
    * A variant of `itemRangeText`, used if the total number of items is unknown.
    */
-  itemText: PropTypes__default["default"].func,
+  itemText: PropTypes.func,
   /**
    * The translatable text indicating the number of items per page.
    */
-  itemsPerPageText: PropTypes__default["default"].string,
+  itemsPerPageText: PropTypes.string,
   /**
    * The callback function called when the current page changes.
    */
-  onChange: PropTypes__default["default"].func,
+  onChange: PropTypes.func,
   /**
    * The current page.
    */
-  page: PropTypes__default["default"].number,
+  page: PropTypes.number,
   /**
    * `true` if the select box to change the page should be disabled.
    */
-  pageInputDisabled: PropTypes__default["default"].bool,
-  pageNumberText: PropTypes__default["default"].string,
+  pageInputDisabled: PropTypes.bool,
+  pageNumberText: PropTypes.string,
   /**
    * A function returning PII showing where the current page is.
    */
-  pageRangeText: PropTypes__default["default"].func,
+  pageRangeText: PropTypes.func,
   /**
    * The number dictating how many items a page contains.
    */
-  pageSize: PropTypes__default["default"].number,
+  pageSize: PropTypes.number,
   /**
    * `true` if the select box to change the items per page should be disabled.
    */
-  pageSizeInputDisabled: PropTypes__default["default"].bool,
+  pageSizeInputDisabled: PropTypes.bool,
   /**
    * The choices for `pageSize`.
    */
-  pageSizes: PropTypes__default["default"].oneOfType([PropTypes__default["default"].arrayOf(PropTypes__default["default"].number.isRequired), PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({
-    text: PropTypes__default["default"].string.isRequired,
-    value: PropTypes__default["default"].number.isRequired
+  pageSizes: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.number.isRequired), PropTypes.arrayOf(PropTypes.shape({
+    text: PropTypes.string.isRequired,
+    value: PropTypes.number.isRequired
   }).isRequired)]).isRequired,
   /**
    * The translatable text showing the current page.
    */
-  pageText: PropTypes__default["default"].func,
+  pageText: PropTypes.func,
   /**
    * `true` if the total number of items is unknown.
    */
-  pagesUnknown: PropTypes__default["default"].bool,
+  pagesUnknown: PropTypes.bool,
   /**
    * Specify the size of the Pagination.
    */
-  size: PropTypes__default["default"].oneOf(['sm', 'md', 'lg']),
+  size: PropTypes.oneOf(['sm', 'md', 'lg']),
   /**
    * The total number of items.
    */
-  totalItems: PropTypes__default["default"].number
+  totalItems: PropTypes.number
 };
 
-exports["default"] = Pagination;
+exports.default = Pagination;

package/lib/components/Pagination/experimental/PageSelector.d.ts

@@ -0,0 +1,19 @@
+export default PageSelector;
+declare function PageSelector({ className, currentPage, id, labelText, totalPages, ...other }: {
+    [x: string]: any;
+    className?: null | undefined;
+    currentPage: any;
+    id?: number | undefined;
+    labelText?: string | undefined;
+    totalPages: any;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace PageSelector {
+    namespace propTypes {
+        let className: PropTypes.Requireable<string>;
+        let currentPage: PropTypes.Validator<number>;
+        let id: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+        let labelText: PropTypes.Requireable<string>;
+        let totalPages: PropTypes.Validator<number>;
+    }
+}
+import PropTypes from 'prop-types';

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

@@ -19,12 +19,6 @@ require('../../Select/Select.Skeleton.js');
 var SelectItem = require('../../SelectItem/SelectItem.js');
 var usePrefix = require('../../../internal/usePrefix.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 function PageSelector({
   className = null,
   currentPage,
@@ -39,7 +33,7 @@ function PageSelector({
   const renderPages = total => {
     const pages = [];
     for (let counter = 1; counter <= total; counter += 1) {
-      pages.push(/*#__PURE__*/React__default["default"].createElement(SelectItem["default"], {
+      pages.push(/*#__PURE__*/React.createElement(SelectItem.default, {
         key: counter,
         value: counter,
         text: String(counter)
@@ -47,8 +41,8 @@ function PageSelector({
     }
     return pages;
   };
-  return /*#__PURE__*/React__default["default"].createElement(Select["default"], _rollupPluginBabelHelpers["extends"]({
-    className: cx__default["default"](namespace, className),
+  return /*#__PURE__*/React.createElement(Select.default, _rollupPluginBabelHelpers.extends({
+    className: cx(namespace, className),
     hideLabel: true,
     id: instanceId || id,
     inline: true,
@@ -58,18 +52,18 @@ function PageSelector({
 }
 PageSelector.propTypes = {
   /** Extra class names to add. */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /** The current page. */
-  currentPage: PropTypes__default["default"].number.isRequired,
+  currentPage: PropTypes.number.isRequired,
   /** The unique ID of this component instance. */
-  id: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number]),
+  id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   /** Translatable string to label the page selector element. */
-  labelText: PropTypes__default["default"].string,
+  labelText: PropTypes.string,
   /**
    * Total number of pages.
    * This value is calculated using a valid `totalItems` prop passed to the parent `Unstable_Pagination`.
    */
-  totalPages: PropTypes__default["default"].number.isRequired
+  totalPages: PropTypes.number.isRequired
 };
 
-exports["default"] = PageSelector;
+exports.default = PageSelector;

package/lib/components/Pagination/experimental/Pagination.d.ts

@@ -0,0 +1,43 @@
+export default Pagination;
+declare function Pagination({ backwardText, children, className, disabled, forwardText, id, initialPage, itemsPerPageText, itemRangeText, itemText, onChange, pageRangeText, pageSize, pageSizes, pageText, pagesUnknown, totalItems, ...other }: {
+    [x: string]: any;
+    backwardText?: string | undefined;
+    children?: undefined;
+    className?: null | undefined;
+    disabled?: boolean | undefined;
+    forwardText?: string | undefined;
+    id?: number | undefined;
+    initialPage?: number | undefined;
+    itemsPerPageText?: string | undefined;
+    itemRangeText?: ((min: any, max: any, total: any) => string) | undefined;
+    itemText?: ((min: any, max: any) => string) | undefined;
+    onChange: any;
+    pageRangeText?: ((current: any, total: any) => string) | undefined;
+    pageSize?: number | undefined;
+    pageSizes?: undefined;
+    pageText?: ((page: any) => string) | undefined;
+    pagesUnknown?: boolean | undefined;
+    totalItems?: undefined;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace Pagination {
+    namespace propTypes {
+        let backwardText: PropTypes.Requireable<string>;
+        let children: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>>;
+        let className: PropTypes.Requireable<string>;
+        let disabled: PropTypes.Requireable<boolean>;
+        let forwardText: PropTypes.Requireable<string>;
+        let id: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+        let initialPage: PropTypes.Requireable<number>;
+        let itemRangeText: PropTypes.Requireable<(...args: any[]) => any>;
+        let itemText: PropTypes.Requireable<(...args: any[]) => any>;
+        let itemsPerPageText: PropTypes.Requireable<string>;
+        let onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        let pageRangeText: PropTypes.Requireable<(...args: any[]) => any>;
+        let pageSize: PropTypes.Requireable<number>;
+        let pageSizes: PropTypes.Requireable<(number | null | undefined)[]>;
+        let pageText: PropTypes.Requireable<(...args: any[]) => any>;
+        let pagesUnknown: PropTypes.Requireable<boolean>;
+        let totalItems: PropTypes.Requireable<number>;
+    }
+}
+import PropTypes from 'prop-types';

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

@@ -20,12 +20,6 @@ var SelectItem = require('../../SelectItem/SelectItem.js');
 var index = require('../../IconButton/index.js');
 var usePrefix = require('../../../internal/usePrefix.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 var _CaretLeft, _CaretRight;
 function Pagination({
   backwardText = 'Previous page',
@@ -73,15 +67,15 @@ function Pagination({
     });
   }
   const namespace = `${prefix}--unstable-pagination`;
-  return /*#__PURE__*/React__default["default"].createElement("section", _rollupPluginBabelHelpers["extends"]({
-    className: cx__default["default"](namespace, className)
-  }, other), /*#__PURE__*/React__default["default"].createElement("div", {
+  return /*#__PURE__*/React.createElement("section", _rollupPluginBabelHelpers.extends({
+    className: cx(namespace, className)
+  }, other), /*#__PURE__*/React.createElement("div", {
     className: `${namespace}__left`
-  }, pageSizes && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["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["default"].createElement(Select["default"], {
+  }, itemsPerPageText), /*#__PURE__*/React.createElement(Select.default, {
     id: `${namespace}__page-sizer__input-${id}`,
     className: `${namespace}__page-sizer`,
     labelText: "",
@@ -90,117 +84,117 @@ function Pagination({
     inline: true,
     onChange: event => setCurrentPageSize(Number(event.target.value)),
     value: currentPageSize
-  }, pageSizes.map(size => /*#__PURE__*/React__default["default"].createElement(SelectItem["default"], {
+  }, pageSizes.map(size => /*#__PURE__*/React.createElement(SelectItem.default, {
     key: size,
     value: size,
     text: String(size)
-  })))), /*#__PURE__*/React__default["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["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["default"].createElement("span", {
+  }), children && totalItems && !pagesUnknown && /*#__PURE__*/React.createElement("span", {
     className: `${namespace}__text`
-  }, pageRangeText('', totalPages)), children && !totalItems && /*#__PURE__*/React__default["default"].createElement("span", {
+  }, pageRangeText('', totalPages)), children && !totalItems && /*#__PURE__*/React.createElement("span", {
     className: `${namespace}__text`
-  }, pageText(currentPage)), !children && /*#__PURE__*/React__default["default"].createElement("span", {
+  }, pageText(currentPage)), !children && /*#__PURE__*/React.createElement("span", {
     className: `${namespace}__text`
-  }, !totalItems ? pageText(currentPage) : pageRangeText(currentPage, totalPages)), /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(index.IconButton, {
+  }, !totalItems ? pageText(currentPage) : pageRangeText(currentPage, totalPages)), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(index.IconButton, {
     align: "top",
     disabled: backButtonDisabled,
     kind: "ghost",
-    className: cx__default["default"](`${namespace}__button`, `${namespace}__button--backward`, {
+    className: cx(`${namespace}__button`, `${namespace}__button--backward`, {
       [`${namespace}__button--no-index`]: backButtonDisabled
     }),
     label: backwardText,
     onClick: () => decrementPage()
-  }, _CaretLeft || (_CaretLeft = /*#__PURE__*/React__default["default"].createElement(iconsReact.CaretLeft, null))), /*#__PURE__*/React__default["default"].createElement(index.IconButton, {
+  }, _CaretLeft || (_CaretLeft = /*#__PURE__*/React.createElement(iconsReact.CaretLeft, null))), /*#__PURE__*/React.createElement(index.IconButton, {
     align: "top-right",
     disabled: forwardButtonDisabled,
     kind: "ghost",
-    className: cx__default["default"](`${namespace}__button`, `${namespace}__button--forward`, {
+    className: cx(`${namespace}__button`, `${namespace}__button--forward`, {
       [`${namespace}__button--no-index`]: forwardButtonDisabled
     }),
     label: forwardText,
     onClick: () => incrementPage()
-  }, _CaretRight || (_CaretRight = /*#__PURE__*/React__default["default"].createElement(iconsReact.CaretRight, null))))));
+  }, _CaretRight || (_CaretRight = /*#__PURE__*/React.createElement(iconsReact.CaretRight, null))))));
 }
 Pagination.propTypes = {
   /**
    * The description for the backward icon.
    */
-  backwardText: PropTypes__default["default"].string,
+  backwardText: PropTypes.string,
   /**
    * The children of the pagination component.
    */
-  children: PropTypes__default["default"].oneOfType([PropTypes__default["default"].node, PropTypes__default["default"].func]),
+  children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
   /**
    * Extra classes to add.
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * `true` if the backward/forward buttons should be disabled.
    */
-  disabled: PropTypes__default["default"].bool,
+  disabled: PropTypes.bool,
   /**
    * The description for the forward icon.
    */
-  forwardText: PropTypes__default["default"].string,
+  forwardText: PropTypes.string,
   /** The unique ID of this component instance. */
-  id: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number]),
+  id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   /**
    * The initial active page when the component is first mounted.
    */
-  initialPage: PropTypes__default["default"].number,
+  initialPage: PropTypes.number,
   /**
    * The function returning a translatable text showing where the current page is,
    * in a manner of the range of items.
    */
-  itemRangeText: PropTypes__default["default"].func,
+  itemRangeText: PropTypes.func,
   /**
    * A variant of `itemRangeText`, used if the total number of items is unknown.
    */
-  itemText: PropTypes__default["default"].func,
+  itemText: PropTypes.func,
   /**
    * The translatable text indicating the number of items per page.
    */
-  itemsPerPageText: PropTypes__default["default"].string,
+  itemsPerPageText: PropTypes.string,
   /**
    * The callback function called when the current page changes.
    */
-  onChange: PropTypes__default["default"].func,
+  onChange: PropTypes.func,
   /**
    * The function returning a translatable text showing where the current page is,
    * in a manner of the total number of pages.
    */
-  pageRangeText: PropTypes__default["default"].func,
+  pageRangeText: PropTypes.func,
   /**
    * The number dictating how many items a page contains.
    */
-  pageSize: PropTypes__default["default"].number,
+  pageSize: PropTypes.number,
   /**
    * The choices for `pageSize`.
    */
-  pageSizes: PropTypes__default["default"].arrayOf(PropTypes__default["default"].number),
+  pageSizes: PropTypes.arrayOf(PropTypes.number),
   /**
    * The translatable text showing the current page.
    */
-  pageText: PropTypes__default["default"].func,
+  pageText: PropTypes.func,
   /**
    * `true` if total number of pages is unknown.
    */
-  pagesUnknown: PropTypes__default["default"].bool,
+  pagesUnknown: PropTypes.bool,
   /**
    * The total number of items.
    * You need to provide total items to calculate total page,
    * which is required by a child like the `PageSelector`
    * to know how many pages to display.
    */
-  totalItems: PropTypes__default["default"].number
+  totalItems: PropTypes.number
 };
 
-exports["default"] = Pagination;
+exports.default = Pagination;

package/lib/components/Pagination/experimental/index.d.ts

@@ -0,0 +1,3 @@
+import PageSelector from './PageSelector';
+import Pagination from './Pagination';
+export { PageSelector, Pagination };