@hazelcast/ui 3.0.1-canary.0 → 3.0.1-canary.2

package/lib/components/Overlay.js

@@ -1,15 +1,12 @@
-'use strict';
-
-var React = require('react');
-var ReactModal = require('react-modal');
-var reactFeather = require('react-feather');
-var cn = require('classnames');
-var useIsomorphicLayoutEffect = require('react-use/lib/useIsomorphicLayoutEffect');
-var components_Icon = require('./Icon.js');
-var components_Link = require('./Link.js');
-var components_TruncatedText = require('./TruncatedText.js');
-var Overlay_module = require('./Overlay.module.scss.js');
-
+import React from 'react';
+import ReactModal from 'react-modal';
+import { X } from 'react-feather';
+import cn from 'classnames';
+import useIsomorphicLayoutEffect from 'react-use/lib/useIsomorphicLayoutEffect';
+import { Icon } from './Icon';
+import { Link } from './Link';
+import { TruncatedText } from './TruncatedText';
+import styles from './Overlay.module.scss';
 /*
  * ### Purpose
  * Overlay is a full-screen modal. Windows under an Overlay are inert. That is, users cannot interact with content outside an active Overlay window.
@@ -19,84 +16,24 @@ var Overlay_module = require('./Overlay.module.scss.js');
  * - Overlay always contains a title, cancel button in the top right corner, and content.
  * - To close the Overlay, use cancel button in the top right corner or press "Esc" key.
  */
-const Overlay = ({
-  'data-test': dataTest,
-  children,
-  className,
-  headerClassName,
-  footerClassName,
-  contentClassName,
-  wrapperClassName,
-  icon,
-  onClose,
-  title,
-  headingContent,
-  footerContent,
-  contentWidth = 'normal',
-  isOpen,
-  closable = true,
-  closeText = 'Cancel',
-  ...rest
-}) => {
-  useIsomorphicLayoutEffect(() => {
-    if (isOpen) {
-      document.body.classList.add(Overlay_module.default.overlayed);
-    } else {
-      document.body.classList.remove(Overlay_module.default.overlayed);
-    }
-  }, [isOpen]);
-  return /*#__PURE__*/React.createElement(ReactModal, {
-    "data-test": dataTest,
-    portalClassName: Overlay_module.default.portal,
-    className: cn(Overlay_module.default.modal, className),
-    contentLabel: title,
-    onRequestClose: onClose,
-    shouldCloseOnOverlayClick: false,
-    shouldCloseOnEsc: closable,
-    shouldFocusAfterRender: true,
-    shouldReturnFocusAfterClose: true,
-    isOpen: isOpen,
-    ...rest
-  }, /*#__PURE__*/React.createElement("div", {
-    "data-test": "overlay-wrapper",
-    className: cn(Overlay_module.default.wrapper, {
-      [Overlay_module.default.normal]: contentWidth === 'normal',
-      [Overlay_module.default.fullscreen]: contentWidth === 'fullscreen'
-    }, wrapperClassName)
-  }, /*#__PURE__*/React.createElement("div", {
-    "data-test": "overlay-header",
-    className: cn(Overlay_module.default.header, headerClassName)
-  }, icon && /*#__PURE__*/React.createElement(components_Icon.Icon, {
-    "data-test": "overlay-header-icon",
-    className: Overlay_module.default.icon,
-    size: "medium",
-    icon: icon,
-    ariaHidden: true
-  }), title && (/*#__PURE__*/React.createElement("h1", {
-    "data-test": "overlay-header-title",
-    className: Overlay_module.default.title
-  }, /*#__PURE__*/React.createElement(components_TruncatedText.TruncatedText, {
-    multiline: true,
-    text: title
-  }))), headingContent, closable && (/*#__PURE__*/React.createElement(components_Link.Link, {
-    "data-test": "overlay-header-cancel-button",
-    className: Overlay_module.default.close,
-    component: "button",
-    onClick: onClose,
-    size: "small",
-    iconClassName: Overlay_module.default.closeIcon,
-    icon: reactFeather.X,
-    ariaLabel: closeText || 'Cancel'
-  }, !!closeText && /*#__PURE__*/React.createElement("span", {
-    className: Overlay_module.default.closeText
-  }, closeText)))), /*#__PURE__*/React.createElement("div", {
-    "data-test": "overlay-content",
-    className: cn(Overlay_module.default.content, contentClassName)
-  }, children), footerContent && (/*#__PURE__*/React.createElement("div", {
-    "data-test": "overlay-footer",
-    className: footerClassName
-  }, footerContent))));
+export const Overlay = ({ 'data-test': dataTest, children, className, headerClassName, footerClassName, contentClassName, wrapperClassName, icon, onClose, title, headingContent, footerContent, contentWidth = 'normal', isOpen, closable = true, closeText = 'Cancel', ...rest }) => {
+    useIsomorphicLayoutEffect(() => {
+        if (isOpen) {
+            document.body.classList.add(styles.overlayed);
+        }
+        else {
+            document.body.classList.remove(styles.overlayed);
+        }
+    }, [isOpen]);
+    return (React.createElement(ReactModal, { "data-test": dataTest, portalClassName: styles.portal, className: cn(styles.modal, className), contentLabel: title, onRequestClose: onClose, shouldCloseOnOverlayClick: false, shouldCloseOnEsc: closable, shouldFocusAfterRender: true, shouldReturnFocusAfterClose: true, isOpen: isOpen, ...rest },
+        React.createElement("div", { "data-test": "overlay-wrapper", className: cn(styles.wrapper, { [styles.normal]: contentWidth === 'normal', [styles.fullscreen]: contentWidth === 'fullscreen' }, wrapperClassName) },
+            React.createElement("div", { "data-test": "overlay-header", className: cn(styles.header, headerClassName) },
+                icon && React.createElement(Icon, { "data-test": "overlay-header-icon", className: styles.icon, size: "medium", icon: icon, ariaHidden: true }),
+                title && (React.createElement("h1", { "data-test": "overlay-header-title", className: styles.title },
+                    React.createElement(TruncatedText, { multiline: true, text: title }))),
+                headingContent,
+                closable && (React.createElement(Link, { "data-test": "overlay-header-cancel-button", className: styles.close, component: "button", onClick: onClose, size: "small", iconClassName: styles.closeIcon, icon: X, ariaLabel: closeText || 'Cancel' }, !!closeText && React.createElement("span", { className: styles.closeText }, closeText)))),
+            React.createElement("div", { "data-test": "overlay-content", className: cn(styles.content, contentClassName) }, children),
+            footerContent && (React.createElement("div", { "data-test": "overlay-footer", className: footerClassName }, footerContent)))));
 };
-
-exports.Overlay = Overlay;
-//# sourceMappingURL=Overlay.js.map
+//# sourceMappingURL=Overlay.js.map

package/lib/components/Overlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"Overlay.js","sources":["../../src/components/Overlay.tsx"],"sourcesContent":[null],"names":["Overlay","dataTest","children","className","headerClassName","footerClassName","contentClassName","wrapperClassName","icon","onClose","title","headingContent","footerContent","contentWidth","isOpen","closable","closeText","rest","useIsomorphicLayoutEffect","document","body","classList","add","styles","overlayed","remove","React","ReactModal","portalClassName","portal","cn","modal","contentLabel","onRequestClose","shouldCloseOnOverlayClick","shouldCloseOnEsc","shouldFocusAfterRender","shouldReturnFocusAfterClose","createElement","wrapper","normal","fullscreen","header","Icon","size","ariaHidden","TruncatedText","multiline","text","Link","close","component","onClick","iconClassName","closeIcon","X","ariaLabel","content"],"mappings":"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"}
+{"version":3,"file":"Overlay.js","sourceRoot":"","sources":["../../src/components/Overlay.tsx"],"names":[],"mappings":"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"}

package/lib/components/Overlay.module.scss

@@ -0,0 +1,108 @@
+@use 'sass:color';
+@use '../../styles/constants' as c;
+@use '../../styles/helpers' as h;
+
+.overlayed {
+  overflow: hidden;
+}
+
+.portal {
+  width: 100vw;
+  height: 100vh;
+  position: fixed;
+  z-index: c.$zIndex1000;
+  pointer-events: none;
+}
+
+.modal {
+  background: color.adjust(c.$colorOverlayBackground, $alpha: -0.1);
+  width: 100vw;
+  height: 100vh;
+  z-index: c.$zIndex1000;
+  padding: c.$grid * 5;
+  box-sizing: border-box;
+  pointer-events: all;
+  animation: fadeIn 500ms;
+
+  @keyframes fadeIn {
+    from {
+      opacity: 0;
+    }
+
+    to {
+      opacity: 1;
+    }
+  }
+
+  // Since Overlay is full screen, we don't have to show an outline
+  &:focus {
+    outline: transparent;
+  }
+
+  .wrapper {
+    width: 100%;
+    margin-left: auto;
+    margin-right: auto;
+    box-sizing: border-box;
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    max-height: 100%;
+
+    &.normal {
+      max-width: c.$overlayContentMaxWidth;
+    }
+
+    .fullscreen {
+      max-width: 100%;
+    }
+
+    .header {
+      $iconSize: c.$grid * 9;
+
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      overflow: hidden;
+      flex-shrink: 0;
+      margin-bottom: c.$grid * 9;
+      padding: 0 c.$grid * 21; // close button width
+
+      @media only screen and (width <= 640px) {
+        padding: 0 $iconSize;
+
+        .closeText {
+          @include h.visuallyHidden;
+        }
+      }
+
+      .close {
+        position: absolute;
+        right: c.$grid * 5;
+        top: c.$grid * 5;
+        padding: 0;
+
+        .closeIcon {
+          width: $iconSize;
+          height: $iconSize;
+          color: c.$colorText;
+        }
+      }
+
+      .icon {
+        margin-right: c.$grid * 2.5;
+      }
+
+      .title {
+        margin: 0;
+        overflow: hidden;
+        word-break: break-word;
+      }
+    }
+
+    .content {
+      flex: 1 1 auto;
+      overflow: auto;
+    }
+  }
+}

package/lib/components/Pagination.js

@@ -1,41 +1,34 @@
-'use strict';
-
-var React = require('react');
-var hooks_useDeepCompareMemo = require('../hooks/useDeepCompareMemo.js');
-var reactFeather = require('react-feather');
-var cn = require('classnames');
-var hooks_usePagination = require('../hooks/usePagination.js');
-var components_Button = require('./Button.js');
-var components_IconButton = require('./IconButton.js');
-var hooks_useDimensions = require('../hooks/useDimensions.js');
-var components_Link = require('./Link.js');
-var Pagination_module = require('./Pagination.module.scss.js');
-var components_NumberField = require('./NumberField.js');
-var components_Select_SelectField = require('./Select/SelectField.js');
-
-const getShownItemsRange = ({
-  currentPage,
-  pageSize,
-  numberOfItems
-}) => {
-  /**
-   * Example for quick understanding: let's assume currentPage = 2, pageSize = 10, numberOfItems = 54, then
-   * firstItemShown = (2 * 10) - 10 + 1 = 20 - 9 = 11,
-   * lastItemShown = 11 + 10 - 1 = 20,
-   * resulting range of items is 11–20.
-   *
-   * Let's assume the page was changed to the last one, now we have currentPage = 6, pageSize = 10, numberOfItems = 54, then
-   * firstItemShown = (6 * 10) - 10 + 1 = 60 - 9 = 51,
-   * we're on the last page, we can safely assume the numberOfItems is what we're looking for: lastItemShown = 54,
-   * resulting range of items is 51–54.
-   */
-  const isLastPage = currentPage * pageSize > numberOfItems;
-  const firstItemShown = currentPage * pageSize - pageSize + 1;
-  const lastItemShown = isLastPage ? numberOfItems : firstItemShown + pageSize - 1;
-  return {
-    firstItemShown,
-    lastItemShown
-  };
+import React, { useCallback, useMemo, useRef, useState } from 'react';
+import { useDeepCompareMemo } from '../hooks/useDeepCompareMemo';
+import { ChevronLeft, ChevronRight, Settings, ArrowLeft } from 'react-feather';
+import cn from 'classnames';
+import { usePagination } from '../hooks/usePagination';
+import { Button } from './Button';
+import { IconButton } from './IconButton';
+import { useDimensions } from '../hooks/useDimensions';
+import { SelectField } from './Select';
+import { Link } from './Link';
+import styles from './Pagination.module.scss';
+import { NumberField } from './NumberField';
+export const getShownItemsRange = ({ currentPage, pageSize, numberOfItems }) => {
+    /**
+     * Example for quick understanding: let's assume currentPage = 2, pageSize = 10, numberOfItems = 54, then
+     * firstItemShown = (2 * 10) - 10 + 1 = 20 - 9 = 11,
+     * lastItemShown = 11 + 10 - 1 = 20,
+     * resulting range of items is 11–20.
+     *
+     * Let's assume the page was changed to the last one, now we have currentPage = 6, pageSize = 10, numberOfItems = 54, then
+     * firstItemShown = (6 * 10) - 10 + 1 = 60 - 9 = 51,
+     * we're on the last page, we can safely assume the numberOfItems is what we're looking for: lastItemShown = 54,
+     * resulting range of items is 51–54.
+     */
+    const isLastPage = currentPage * pageSize > numberOfItems;
+    const firstItemShown = currentPage * pageSize - pageSize + 1;
+    const lastItemShown = isLastPage ? numberOfItems : firstItemShown + pageSize - 1;
+    return {
+        firstItemShown,
+        lastItemShown,
+    };
 };
 /**
  * ### Purpose
@@ -47,167 +40,67 @@ const getShownItemsRange = ({
  * version of Pagination with all its features. In that case the features
  * (rows per page select and page jump) are hidden under "More Options" button.
  */
-const Pagination = ({
-  pageCount,
-  currentPage,
-  canPreviousPage,
-  canNextPage,
-  goToPage,
-  nextPage,
-  previousPage,
-  pageSize,
-  setPageSize,
-  pageSizeOptions = [],
-  numberOfItems,
-  displaySmallBreakpoint = 820,
-  isSimpleView
-}) => {
-  const [currentPageValue, setCurrentPageValue] = React.useState(currentPage);
-  const containerWidthRef = React.useRef(null);
-  const {
-    width
-  } = hooks_useDimensions.useDimensions(containerWidthRef);
-  // 1000 pixels seems to be the magical breakpoint
-  const displaySmall = width < displaySmallBreakpoint;
-  const pages = hooks_usePagination.usePagination({
-    pageCount,
-    currentPage,
-    small: displaySmall
-  });
-  const {
-    firstItemShown,
-    lastItemShown
-  } = React.useMemo(() => getShownItemsRange({
-    currentPage,
-    pageSize,
-    numberOfItems
-  }), [currentPage, pageSize, numberOfItems]);
-  const rowsPerPageOptions = hooks_useDeepCompareMemo.useDeepCompareMemo(() => pageSizeOptions.map(opt => ({
-    value: opt,
-    label: opt.toString()
-  })), [pageSizeOptions]);
-  const onChangeWrapped = React.useCallback(pageSize => {
-    if (typeof pageSize === 'number' && setPageSize) {
-      setPageSize(pageSize);
-    }
-  }, [setPageSize]);
-  const RowsPerPageSelect = React.useMemo(() => (/*#__PURE__*/React.createElement(components_Select_SelectField.SelectField, {
-    className: Pagination_module.default.rowsPerPage,
-    label: "Rows",
-    labelClassName: Pagination_module.default.label,
-    name: "rowsPerPage",
-    value: pageSize,
-    options: rowsPerPageOptions,
-    onChange: onChangeWrapped,
-    isSearchable: false,
-    size: "small",
-    "data-test": "pagination-rows-per-page-select"
-  })), [rowsPerPageOptions, pageSize, onChangeWrapped]);
-  const submitPageJump = React.useCallback(() => {
-    goToPage(currentPageValue || 0);
-  }, [goToPage, currentPageValue]);
-  const PageJumpForm = React.useMemo(() => {
-    if (pageCount > 1) {
-      return /*#__PURE__*/React.createElement("div", {
-        "data-test": "pagination-jump-from",
-        className: Pagination_module.default.pageJumpForm
-      }, /*#__PURE__*/React.createElement(components_NumberField.NumberField, {
-        showIconButtons: false,
-        inputContainerClassName: Pagination_module.default.inputContainer,
-        name: "page",
-        label: "Go to page",
-        showAriaLabel: true,
-        min: 1,
-        max: pageCount,
-        size: "small",
-        value: currentPageValue,
-        "data-test": "pagination-jump-from-input-field",
-        onChange: setCurrentPageValue
-      }), /*#__PURE__*/React.createElement(components_Link.Link, {
-        "data-test": "pagination-jump-from-button",
-        size: "small",
-        component: "button",
-        type: "submit",
-        onClick: submitPageJump
-      }, "Go"));
-    }
-  }, [currentPageValue, pageCount, submitPageJump]);
-  const PageButtons = hooks_useDeepCompareMemo.useDeepCompareMemo(() => {
-    if (pageCount > 1) {
-      return /*#__PURE__*/React.createElement("div", {
-        "data-test": "pagination-buttons",
-        className: Pagination_module.default.buttons
-      }, pages.map((page, i) => {
-        if (page === 'previous') {
-          return canPreviousPage ? (/*#__PURE__*/React.createElement(components_IconButton.IconButton, {
-            key: "previous",
-            kind: "primary",
-            icon: reactFeather.ChevronLeft,
-            ariaLabel: "Previous page",
-            className: Pagination_module.default.iconButton,
-            onClick: previousPage,
-            "data-test": "pagination-buttons-previous-page"
-          })) : null;
+export const Pagination = ({ pageCount, currentPage, canPreviousPage, canNextPage, goToPage, nextPage, previousPage, pageSize, setPageSize, pageSizeOptions = [], numberOfItems, displaySmallBreakpoint = 820, isSimpleView, }) => {
+    const [currentPageValue, setCurrentPageValue] = useState(currentPage);
+    const containerWidthRef = useRef(null);
+    const { width } = useDimensions(containerWidthRef);
+    // 1000 pixels seems to be the magical breakpoint
+    const displaySmall = width < displaySmallBreakpoint;
+    const pages = usePagination({ pageCount, currentPage, small: displaySmall });
+    const { firstItemShown, lastItemShown } = useMemo(() => getShownItemsRange({
+        currentPage,
+        pageSize,
+        numberOfItems,
+    }), [currentPage, pageSize, numberOfItems]);
+    const rowsPerPageOptions = useDeepCompareMemo(() => pageSizeOptions.map((opt) => ({ value: opt, label: opt.toString() })), [pageSizeOptions]);
+    const onChangeWrapped = useCallback((pageSize) => {
+        if (typeof pageSize === 'number' && setPageSize) {
+            setPageSize(pageSize);
         }
-        if (page === 'next') {
-          return canNextPage ? (/*#__PURE__*/React.createElement(components_IconButton.IconButton, {
-            key: "next",
-            kind: "primary",
-            icon: reactFeather.ChevronRight,
-            ariaLabel: "Next page",
-            className: Pagination_module.default.iconButton,
-            onClick: nextPage,
-            "data-test": "pagination-buttons-next-page"
-          })) : null;
+    }, [setPageSize]);
+    const RowsPerPageSelect = useMemo(() => (React.createElement(SelectField, { className: styles.rowsPerPage, label: "Rows", labelClassName: styles.label, name: "rowsPerPage", value: pageSize, options: rowsPerPageOptions, onChange: onChangeWrapped, isSearchable: false, size: "small", "data-test": "pagination-rows-per-page-select" })), [rowsPerPageOptions, pageSize, onChangeWrapped]);
+    const submitPageJump = useCallback(() => {
+        goToPage(currentPageValue || 0);
+    }, [goToPage, currentPageValue]);
+    const PageJumpForm = useMemo(() => {
+        if (pageCount > 1) {
+            return (React.createElement("div", { "data-test": "pagination-jump-from", className: styles.pageJumpForm },
+                React.createElement(NumberField, { showIconButtons: false, inputContainerClassName: styles.inputContainer, name: "page", label: "Go to page", showAriaLabel: true, min: 1, max: pageCount, size: "small", value: currentPageValue, "data-test": "pagination-jump-from-input-field", onChange: setCurrentPageValue }),
+                React.createElement(Link, { "data-test": "pagination-jump-from-button", size: "small", component: "button", type: "submit", onClick: submitPageJump }, "Go")));
         }
-        if (page === 'ellipsis') {
-          return /*#__PURE__*/React.createElement("span", {
-            "data-test": "pagination-buttons-ellipsis",
-            key: `ellipsis-${i}`
-          }, "\u2013");
+    }, [currentPageValue, pageCount, submitPageJump]);
+    const PageButtons = useDeepCompareMemo(() => {
+        if (pageCount > 1) {
+            return (React.createElement("div", { "data-test": "pagination-buttons", className: styles.buttons }, pages.map((page, i) => {
+                if (page === 'previous') {
+                    return canPreviousPage ? (React.createElement(IconButton, { key: "previous", kind: "primary", icon: ChevronLeft, ariaLabel: "Previous page", className: styles.iconButton, onClick: previousPage, "data-test": "pagination-buttons-previous-page" })) : null;
+                }
+                if (page === 'next') {
+                    return canNextPage ? (React.createElement(IconButton, { key: "next", kind: "primary", icon: ChevronRight, ariaLabel: "Next page", className: styles.iconButton, onClick: nextPage, "data-test": "pagination-buttons-next-page" })) : null;
+                }
+                if (page === 'ellipsis') {
+                    return (React.createElement("span", { "data-test": "pagination-buttons-ellipsis", key: `ellipsis-${i}` }, "\u2013"));
+                }
+                return (React.createElement(Button, { key: page, type: "button", variant: "text", "data-test": "pagination-buttons-go-to-page", className: cn(styles.button, {
+                        [styles.selected]: page === currentPage,
+                    }), bodyClassName: styles.body, outlineClassName: styles.outline, capitalize: false, onClick: () => {
+                        goToPage(page);
+                    } }, page.toString()));
+            })));
         }
-        return /*#__PURE__*/React.createElement(components_Button.Button, {
-          key: page,
-          type: "button",
-          variant: "text",
-          "data-test": "pagination-buttons-go-to-page",
-          className: cn(Pagination_module.default.button, {
-            [Pagination_module.default.selected]: page === currentPage
-          }),
-          bodyClassName: Pagination_module.default.body,
-          outlineClassName: Pagination_module.default.outline,
-          capitalize: false,
-          onClick: () => {
-            goToPage(page);
-          }
-        }, page.toString());
-      }));
-    }
-  }, [canNextPage, canPreviousPage, currentPage, goToPage, nextPage, previousPage, pageCount, pages]);
-  const [moreOptions, setMoreOptions] = React.useState(false);
-  return /*#__PURE__*/React.createElement("div", {
-    "data-test": "pagination",
-    ref: containerWidthRef,
-    className: Pagination_module.default.container
-  }, displaySmall && moreOptions && !isSimpleView ? (/*#__PURE__*/React.createElement(React.Fragment, null, PageJumpForm, RowsPerPageSelect)) : PageButtons, !displaySmall && !isSimpleView && (/*#__PURE__*/React.createElement("span", {
-    "data-test": "pagination-range-of-shown-items",
-    className: Pagination_module.default.shownItems
-  }, `${firstItemShown} – ${lastItemShown} of ${numberOfItems}`)), !displaySmall && !isSimpleView && PageJumpForm, !displaySmall && !isSimpleView && RowsPerPageSelect, displaySmall && !isSimpleView && (
-  /*#__PURE__*/
-  // TODO: button should display an overlay with more options
-  React.createElement(components_IconButton.IconButton, {
-    key: "next",
-    kind: "primary",
-    icon: moreOptions ? reactFeather.ArrowLeft : reactFeather.Settings,
-    ariaLabel: moreOptions ? 'Show Pages' : 'More Options',
-    "data-test": "pagination-controls-toggle",
-    className: Pagination_module.default.iconButton,
-    onClick: () => {
-      setMoreOptions(!moreOptions);
-    }
-  })));
+    }, [canNextPage, canPreviousPage, currentPage, goToPage, nextPage, previousPage, pageCount, pages]);
+    const [moreOptions, setMoreOptions] = useState(false);
+    return (React.createElement("div", { "data-test": "pagination", ref: containerWidthRef, className: styles.container },
+        displaySmall && moreOptions && !isSimpleView ? (React.createElement(React.Fragment, null,
+            PageJumpForm,
+            RowsPerPageSelect)) : (PageButtons),
+        !displaySmall && !isSimpleView && (React.createElement("span", { "data-test": "pagination-range-of-shown-items", className: styles.shownItems }, `${firstItemShown} – ${lastItemShown} of ${numberOfItems}`)),
+        !displaySmall && !isSimpleView && PageJumpForm,
+        !displaySmall && !isSimpleView && RowsPerPageSelect,
+        displaySmall && !isSimpleView && (
+        // TODO: button should display an overlay with more options
+        React.createElement(IconButton, { key: "next", kind: "primary", icon: moreOptions ? ArrowLeft : Settings, ariaLabel: moreOptions ? 'Show Pages' : 'More Options', "data-test": "pagination-controls-toggle", className: styles.iconButton, onClick: () => {
+                setMoreOptions(!moreOptions);
+            } }))));
 };
-
-exports.Pagination = Pagination;
-exports.getShownItemsRange = getShownItemsRange;
-//# sourceMappingURL=Pagination.js.map
+//# sourceMappingURL=Pagination.js.map

package/lib/components/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","sources":["../../src/components/Pagination.tsx"],"sourcesContent":[null],"names":["getShownItemsRange","currentPage","pageSize","numberOfItems","isLastPage","firstItemShown","lastItemShown","Pagination","pageCount","canPreviousPage","canNextPage","goToPage","nextPage","previousPage","setPageSize","pageSizeOptions","displaySmallBreakpoint","isSimpleView","currentPageValue","setCurrentPageValue","useState","containerWidthRef","useRef","width","useDimensions","displaySmall","pages","usePagination","small","useMemo","rowsPerPageOptions","useDeepCompareMemo","map","opt","value","label","toString","onChangeWrapped","useCallback","RowsPerPageSelect","React","createElement","SelectField","className","styles","rowsPerPage","labelClassName","name","options","onChange","isSearchable","size","submitPageJump","PageJumpForm","pageJumpForm","NumberField","showIconButtons","inputContainerClassName","inputContainer","showAriaLabel","min","max","Link","component","type","onClick","PageButtons","buttons","page","i","IconButton","key","kind","icon","ChevronLeft","ariaLabel","iconButton","ChevronRight","Button","variant","cn","button","selected","bodyClassName","body","outlineClassName","outline","capitalize","moreOptions","setMoreOptions","ref","container","Fragment","shownItems","ArrowLeft","Settings"],"mappings":"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"}
+{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../src/components/Pagination.tsx"],"names":[],"mappings":"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"}