@hazelcast/ui 2.0.4 → 3.0.0-canary.0

package/lib/components/Overlay.js

@@ -1,12 +1,15 @@
-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';
+'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');
+
 /*
  * ### 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.
@@ -16,24 +19,84 @@ import styles from './Overlay.module.scss';
  * - 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.
  */
-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)))));
+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))));
 };
-//# sourceMappingURL=Overlay.js.map
+
+exports.Overlay = Overlay;
+//# sourceMappingURL=Overlay.js.map

package/lib/components/Overlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"Overlay.js","sourceRoot":"","sources":["../../src/components/Overlay.tsx"],"names":[],"mappings":"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"}
+{"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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"}

package/lib/components/Overlay.module.scss.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"overlayed":"Overlay-module__overlayed___1Nptd","portal":"Overlay-module__portal___Hm2Uo","modal":"Overlay-module__modal___Z3s1X","wrapper":"Overlay-module__wrapper___p-PJ0","normal":"Overlay-module__normal___8j1Dd","fullscreen":"Overlay-module__fullscreen___6sYi1","header":"Overlay-module__header___LnQnV","closeText":"Overlay-module__closeText___Jt8iB","close":"Overlay-module__close___A9-Iz","closeIcon":"Overlay-module__closeIcon___Zrjeq","icon":"Overlay-module__icon___Fr9id","title":"Overlay-module__title___ldBBe","content":"Overlay-module__content___5yDUD"};
+
+exports.default = styles;
+//# sourceMappingURL=Overlay.module.scss.js.map

package/lib/components/Overlay.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Overlay.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/lib/components/Pagination.js

@@ -1,34 +1,41 @@
-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,
-    };
+'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
+  };
 };
 /**
  * ### Purpose
@@ -40,67 +47,167 @@ export const getShownItemsRange = ({ currentPage, pageSize, numberOfItems }) =>
  * 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.
  */
-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);
+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;
         }
-    }, [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 === '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;
         }
-    }, [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()));
-            })));
+        if (page === 'ellipsis') {
+          return /*#__PURE__*/React.createElement("span", {
+            "data-test": "pagination-buttons-ellipsis",
+            key: `ellipsis-${i}`
+          }, "\u2013");
         }
-    }, [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);
-            } }))));
+        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);
+    }
+  })));
 };
-//# sourceMappingURL=Pagination.js.map
+
+exports.Pagination = Pagination;
+exports.getShownItemsRange = getShownItemsRange;
+//# sourceMappingURL=Pagination.js.map

package/lib/components/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../src/components/Pagination.tsx"],"names":[],"mappings":"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"}
+{"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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"}

package/lib/components/Pagination.module.scss.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"container":"Pagination-module__container___emj2A","shownItems":"Pagination-module__shownItems___d-Ely","buttons":"Pagination-module__buttons___iAVnO","button":"Pagination-module__button___OTAxp","outline":"Pagination-module__outline___5I9RB","body":"Pagination-module__body___cUDgF","selected":"Pagination-module__selected___cMcXO","iconButton":"Pagination-module__iconButton___UT7fV","pageJumpForm":"Pagination-module__pageJumpForm___360Gz","inputContainer":"Pagination-module__inputContainer___TlOXO","rowsPerPage":"Pagination-module__rowsPerPage___r-Uza","label":"Pagination-module__label___LvjfZ"};
+
+exports.default = styles;
+//# sourceMappingURL=Pagination.module.scss.js.map

package/lib/components/Pagination.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}