@hitachivantara/uikit-react-core 4.0.3 → 4.0.4

package/dist/Pagination/Pagination.js

@@ -1,82 +1,45 @@
 "use strict";
 
 require("core-js/modules/es.object.keys.js");
-
 require("core-js/modules/es.symbol.js");
-
 require("core-js/modules/es.array.filter.js");
-
 require("core-js/modules/es.object.to-string.js");
-
 require("core-js/modules/es.object.get-own-property-descriptor.js");
-
 require("core-js/modules/web.dom-collections.for-each.js");
-
 require("core-js/modules/es.object.get-own-property-descriptors.js");
-
 require("core-js/modules/es.array.iterator.js");
-
 require("core-js/modules/es.string.iterator.js");
-
 require("core-js/modules/es.weak-map.js");
-
 require("core-js/modules/web.dom-collections.iterator.js");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 require("core-js/modules/es.array.map.js");
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
-
 var _styles = require("@mui/styles");
-
 var _material = require("@mui/material");
-
 var _uikitReactIcons = require("@hitachivantara/uikit-react-icons");
-
 var _KeyboardUtils = require("../utils/KeyboardUtils");
-
 var _ = require("..");
-
 var _utils = require("../utils");
-
 var _ButtonIconTooltip = _interopRequireDefault(require("./ButtonIconTooltip"));
-
 var _Select = _interopRequireWildcard(require("./Select"));
-
 var _utils2 = require("./utils");
-
 var _styles2 = _interopRequireDefault(require("./styles"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _excluded = ["classes", "className", "id", "pages", "page", "showPageSizeOptions", "pageSizeOptions", "pageSize", "showPageJump", "canPrevious", "canNext", "onPageChange", "onPageSizeChange", "labels", "showPageProps", "navigationProps", "currentPageInputProps"];
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var DEFAULT_LABELS = {
   pageSizePrev: "Show",
   pageSizeEntryName: "rows",
@@ -93,45 +56,43 @@ var DEFAULT_LABELS = {
   lastPage: "Last Page"
 };
 var Enter = _KeyboardUtils.KeyboardCodes.Enter;
+
 /**
  * Pagination is the process of dividing a document into discrete pages. It relates to how users interact
  * with structured content on a website or application.
  */
-
 var Pagination = function Pagination(_ref) {
   var classes = _ref.classes,
-      className = _ref.className,
-      id = _ref.id,
-      _ref$pages = _ref.pages,
-      pages = _ref$pages === void 0 ? 1 : _ref$pages,
-      _ref$page = _ref.page,
-      page = _ref$page === void 0 ? 0 : _ref$page,
-      _ref$showPageSizeOpti = _ref.showPageSizeOptions,
-      showPageSizeOptions = _ref$showPageSizeOpti === void 0 ? true : _ref$showPageSizeOpti,
-      _ref$pageSizeOptions = _ref.pageSizeOptions,
-      pageSizeOptions = _ref$pageSizeOptions === void 0 ? [5, 10, 20, 25, 50, 100] : _ref$pageSizeOptions,
-      _ref$pageSize = _ref.pageSize,
-      pageSize = _ref$pageSize === void 0 ? 1 : _ref$pageSize,
-      _ref$showPageJump = _ref.showPageJump,
-      showPageJump = _ref$showPageJump === void 0 ? true : _ref$showPageJump,
-      _ref$canPrevious = _ref.canPrevious,
-      canPrevious = _ref$canPrevious === void 0 ? false : _ref$canPrevious,
-      _ref$canNext = _ref.canNext,
-      canNext = _ref$canNext === void 0 ? false : _ref$canNext,
-      onPageChange = _ref.onPageChange,
-      onPageSizeChange = _ref.onPageSizeChange,
-      labelsProp = _ref.labels,
-      showPageProps = _ref.showPageProps,
-      navigationProps = _ref.navigationProps,
-      currentPageInputProps = _ref.currentPageInputProps,
-      others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    className = _ref.className,
+    id = _ref.id,
+    _ref$pages = _ref.pages,
+    pages = _ref$pages === void 0 ? 1 : _ref$pages,
+    _ref$page = _ref.page,
+    page = _ref$page === void 0 ? 0 : _ref$page,
+    _ref$showPageSizeOpti = _ref.showPageSizeOptions,
+    showPageSizeOptions = _ref$showPageSizeOpti === void 0 ? true : _ref$showPageSizeOpti,
+    _ref$pageSizeOptions = _ref.pageSizeOptions,
+    pageSizeOptions = _ref$pageSizeOptions === void 0 ? [5, 10, 20, 25, 50, 100] : _ref$pageSizeOptions,
+    _ref$pageSize = _ref.pageSize,
+    pageSize = _ref$pageSize === void 0 ? 1 : _ref$pageSize,
+    _ref$showPageJump = _ref.showPageJump,
+    showPageJump = _ref$showPageJump === void 0 ? true : _ref$showPageJump,
+    _ref$canPrevious = _ref.canPrevious,
+    canPrevious = _ref$canPrevious === void 0 ? false : _ref$canPrevious,
+    _ref$canNext = _ref.canNext,
+    canNext = _ref$canNext === void 0 ? false : _ref$canNext,
+    onPageChange = _ref.onPageChange,
+    onPageSizeChange = _ref.onPageSizeChange,
+    labelsProp = _ref.labels,
+    showPageProps = _ref.showPageProps,
+    navigationProps = _ref.navigationProps,
+    currentPageInputProps = _ref.currentPageInputProps,
+    others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var labels = (0, _utils.useLabels)(DEFAULT_LABELS, labelsProp);
-
   var _usePageInput = (0, _utils2.usePageInput)(page),
-      _usePageInput2 = (0, _slicedToArray2.default)(_usePageInput, 2),
-      pageInput = _usePageInput2[0],
-      handleInputChange = _usePageInput2[1];
-
+    _usePageInput2 = (0, _slicedToArray2.default)(_usePageInput, 2),
+    pageInput = _usePageInput2[0],
+    handleInputChange = _usePageInput2[1];
   var changePage = (0, _react.useCallback)(function (newPage) {
     var safePage = (0, _utils2.getSafePage)(newPage, page, pages);
     onPageChange === null || onPageChange === void 0 ? void 0 : onPageChange(safePage);
@@ -145,16 +106,16 @@ var Pagination = function Pagination(_ref) {
   (0, _react.useEffect)(function () {
     if (pageInput !== page + 1) {
       handleInputChange(null, page + 1);
-    } // we only want to "fix" the input's display value when `page` property changed
+    }
+
+    // we only want to "fix" the input's display value when `page` property changed
     // (either externaly or when internally commited - onBlur or Enter),
     // not while editing the input.
     // breaking a rule of hooks isn't ideal and it's just a hack for fixing
     // a bug preventing properly controling of the `page` property.
     // fixing it some other way would potentialy introduce a breaking change.
     // eslint-disable-next-line react-hooks/exhaustive-deps
-
   }, [handleInputChange, page]);
-
   var renderPageJump = function renderPageJump() {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: classes.pageJump,
@@ -184,7 +145,6 @@ var Pagination = function Pagination(_ref) {
       }, currentPageInputProps))
     });
   };
-
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({
     id: id,
     className: (0, _clsx.default)(className, classes.root)
@@ -300,7 +260,6 @@ var Pagination = function Pagination(_ref) {
     }))]
   }));
 };
-
 process.env.NODE_ENV !== "production" ? Pagination.propTypes = {
   /**
    * A JSS Object used to override or extend the styles applied.
@@ -310,123 +269,99 @@ process.env.NODE_ENV !== "production" ? Pagination.propTypes = {
      * Styles applied to the component root class.
      */
     root: _propTypes.default.string,
-
     /**
      * Styles applied to the page size selector container.
      */
     pageSizeOptions: _propTypes.default.string,
-
     /**
      * Styles applied to the page size selector dropdown element.
      */
     pageSizeOptionsSelect: _propTypes.default.string,
-
     /**
      * Styles applied to the element that holds the labels for the page size selector
      */
     pageSizeTextContainer: _propTypes.default.string,
-
     /**
      * Styles applied to the page navigation container.
      */
     pageNavigator: _propTypes.default.string,
-
     /**
      * Styles applied to the central page information container.
      */
     pageInfo: _propTypes.default.string,
-
     /**
      * Styles applied to the page selector input container.
      */
     pageJump: _propTypes.default.string,
-
     /**
      * Styles passed down to the page selector Input component as `input`.
      */
     pageSizeInput: _propTypes.default.string,
-
     /**
      * Styles passed down to the page selector Input root.
      */
     pageSizeInputRoot: _propTypes.default.string,
-
     /**
      * Styles passed down to the page selector Input component as `container`.
      */
     pageSizeInputContainer: _propTypes.default.string,
-
     /**
      * Styles applied to each navigation `HvButton` icon container.
      */
     iconContainer: _propTypes.default.string,
-
     /**
      * Styles applied to each navigation icon.
      */
     icon: _propTypes.default.string
   }).isRequired,
-
   /**
    * The number of pages the component has.
    */
   pages: _propTypes.default.number,
-
   /**
    * The currently selected page (0-indexed).
    */
   page: _propTypes.default.number,
-
   /**
    * Controls whether the left page size mechanism should be visible.
    */
   showPageSizeOptions: _propTypes.default.bool,
-
   /**
    * The array of possible page sizes for the dropdown.
    */
   pageSizeOptions: _propTypes.default.arrayOf(_propTypes.default.number),
-
   /**
    * The currently selected page size.
    */
   pageSize: _propTypes.default.number,
-
   /**
    * Controls whether the central page changing mechanism should be visible.
    */
   showPageJump: _propTypes.default.bool,
-
   /**
    * Controls whether the previous/first page buttons are enabled.
    */
   canPrevious: _propTypes.default.bool,
-
   /**
    * Controls whether the next/last page buttons are enabled.
    */
   canNext: _propTypes.default.bool,
-
   /**
    * Function called when the page changes.
    */
   onPageChange: _propTypes.default.func,
-
   /**
    * Function called when the page size changes.
    */
   onPageSizeChange: _propTypes.default.func,
-
   /**
    * Class names to be applied.
    */
   className: _propTypes.default.string,
-
   /**
    * Id to be applied to the root node.
    */
   id: _propTypes.default.string,
-
   /**
    * An object containing all the labels for the component.
    */
@@ -435,87 +370,70 @@ process.env.NODE_ENV !== "production" ? Pagination.propTypes = {
      * The show label.
      */
     pageSizePrev: _propTypes.default.string,
-
     /**
      * Indicate the units of the page size selection.
      */
     pageSizeEntryName: _propTypes.default.string,
-
     /**
      * Used for the aria-label of the selection of number of unit.s
      */
     pageSizeSelectorDescription: _propTypes.default.string,
-
     /**
      * Separator of current page and total pages.
      */
     pagesSeparator: _propTypes.default.string,
-
     /**
      * Title of button `firstPage`.
      */
     paginationFirstPageTitle: _propTypes.default.string,
-
     /**
      * Title of button `previousPage`.
      */
     paginationPreviousPageTitle: _propTypes.default.string,
-
     /**
      * Title of button `nextPage`.
      */
     paginationNextPageTitle: _propTypes.default.string,
-
     /**
      * Title of button `lastPage`.
      */
     paginationLastPageTitle: _propTypes.default.string,
-
     /**
      * Aria-label passed to the page input.
      */
     paginationInputLabel: _propTypes.default.string,
-
     /**
      * Aria-label of the first page button
      */
     firstPage: _propTypes.default.string,
-
     /**
      * Aria-label of the previous page button
      */
     previousPage: _propTypes.default.string,
-
     /**
      * Aria-label of the next page button
      */
     nextPage: _propTypes.default.string,
-
     /**
      * Aria-label of the last page button
      */
     lastPage: _propTypes.default.string
   }),
-
   /**
    * Other props to show page component.
    */
   showPageProps: _propTypes.default.instanceOf(Object),
-
   /**
    * Other props to pagination component.
    */
   navigationProps: _propTypes.default.instanceOf(Object),
-
   /**
    * Extra properties passed to the input component representing the current pages.
    */
   currentPageInputProps: _propTypes.default.instanceOf(Object)
 } : void 0;
-
 var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvPagination"
 })(Pagination);
-
 exports.default = _default;
 //# sourceMappingURL=Pagination.js.map

package/dist/Pagination/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","names":["DEFAULT_LABELS","pageSizePrev","pageSizeEntryName","pageSizeSelectorDescription","pagesSeparator","paginationFirstPageTitle","paginationPreviousPageTitle","paginationNextPageTitle","paginationLastPageTitle","paginationInputLabel","firstPage","previousPage","nextPage","lastPage","Enter","KeyboardCodes","Pagination","classes","className","id","pages","page","showPageSizeOptions","pageSizeOptions","pageSize","showPageJump","canPrevious","canNext","onPageChange","onPageSizeChange","labelsProp","labels","showPageProps","navigationProps","currentPageInputProps","others","useLabels","usePageInput","pageInput","handleInputChange","changePage","useCallback","newPage","safePage","getSafePage","useEffect","renderPageJump","pageJump","setId","type","root","pageSizeInputContainer","input","pageSizeInput","inputRoot","pageSizeInputRoot","String","evt","value","isKeypress","clsx","pageSizeTextContainer","pageSizeOptionsSelect","val","map","option","pageNavigator","iconContainer","icon","setColor","pageInfo","propTypes","PropTypes","shape","string","isRequired","number","bool","arrayOf","func","instanceOf","Object","withStyles","styles","name"],"sources":["../../src/Pagination/Pagination.js"],"sourcesContent":["import React, { useCallback, useEffect } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\nimport { Hidden } from \"@mui/material\";\nimport { Start, End, Backwards, Forwards } from \"@hitachivantara/uikit-react-icons\";\n\nimport { isKeypress, KeyboardCodes } from \"../utils/KeyboardUtils\";\nimport { HvInput, HvTypography } from \"..\";\nimport { setId, useLabels } from \"../utils\";\nimport ButtonIconTooltip from \"./ButtonIconTooltip\";\nimport Select, { Option } from \"./Select\";\nimport { usePageInput, getSafePage, setColor } from \"./utils\";\nimport styles from \"./styles\";\n\nconst DEFAULT_LABELS = {\n  pageSizePrev: \"Show\",\n  pageSizeEntryName: \"rows\",\n  pageSizeSelectorDescription: \"Select how many to display\",\n  pagesSeparator: \"/\",\n  paginationFirstPageTitle: \"First page\",\n  paginationPreviousPageTitle: \"Previous page\",\n  paginationNextPageTitle: \"Next page\",\n  paginationLastPageTitle: \"Last page\",\n  paginationInputLabel: \"Current page\",\n  firstPage: \"First Page\",\n  previousPage: \"Previous Page\",\n  nextPage: \"Next Page\",\n  lastPage: \"Last Page\",\n};\n\nconst { Enter } = KeyboardCodes;\n\n/**\n * Pagination is the process of dividing a document into discrete pages. It relates to how users interact\n * with structured content on a website or application.\n */\nconst Pagination = ({\n  classes,\n  className,\n  id,\n  pages = 1,\n  page = 0,\n  showPageSizeOptions = true,\n  pageSizeOptions = [5, 10, 20, 25, 50, 100],\n  pageSize = 1,\n  showPageJump = true,\n  canPrevious = false,\n  canNext = false,\n  onPageChange,\n  onPageSizeChange,\n  labels: labelsProp,\n  showPageProps,\n  navigationProps,\n  currentPageInputProps,\n  ...others\n}) => {\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n  const [pageInput, handleInputChange] = usePageInput(page);\n\n  const changePage = useCallback(\n    (newPage) => {\n      const safePage = getSafePage(newPage, page, pages);\n\n      onPageChange?.(safePage);\n      handleInputChange(null, safePage + 1);\n    },\n    [page, pages, onPageChange, handleInputChange]\n  );\n\n  useEffect(() => {\n    if (page >= pages && pages > 0) {\n      changePage(page);\n    }\n  }, [changePage, page, pages]);\n\n  useEffect(() => {\n    if (pageInput !== page + 1) {\n      handleInputChange(null, page + 1);\n    }\n\n    // we only want to \"fix\" the input's display value when `page` property changed\n    // (either externaly or when internally commited - onBlur or Enter),\n    // not while editing the input.\n    // breaking a rule of hooks isn't ideal and it's just a hack for fixing\n    // a bug preventing properly controling of the `page` property.\n    // fixing it some other way would potentialy introduce a breaking change.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [handleInputChange, page]);\n\n  const renderPageJump = () => (\n    <div className={classes.pageJump}>\n      <HvInput\n        id={setId(id, \"currentPage\")}\n        labels={labels}\n        inputProps={{\n          \"aria-label\": labels.paginationInputLabel,\n          // we really want the native number input\n          type: \"number\",\n        }}\n        classes={{\n          root: classes.pageSizeInputContainer,\n          input: classes.pageSizeInput,\n          inputRoot: classes.pageSizeInputRoot,\n        }}\n        onChange={handleInputChange}\n        value={String(pageInput)}\n        onBlur={(evt, value) => changePage(value - 1)}\n        onKeyDown={(evt, value) => isKeypress(evt, Enter) && changePage(value - 1)}\n        disabled={pageSize === 0}\n        disableClear\n        {...currentPageInputProps}\n      />\n    </div>\n  );\n\n  return (\n    <div id={id} className={clsx(className, classes.root)} {...others}>\n      <div className={classes.pageSizeOptions} {...showPageProps}>\n        {showPageSizeOptions && (\n          <>\n            <Hidden xsDown>\n              <div className={classes.pageSizeTextContainer}>\n                <HvTypography component=\"span\">{labels.pageSizePrev}</HvTypography>\n              </div>\n            </Hidden>\n            <Select\n              id={setId(id, \"pageSize\")}\n              disabled={pageSize === 0}\n              className={classes.pageSizeOptionsSelect}\n              aria-label={labels.pageSizeSelectorDescription}\n              onChange={(evt, val) => onPageSizeChange?.(val)}\n              value={pageSize}\n            >\n              {pageSizeOptions.map((option) => (\n                <Option key={option} value={option}>\n                  {option}\n                </Option>\n              ))}\n            </Select>\n            <Hidden xsDown>\n              <div className={classes.pageSizeTextContainer}>\n                <HvTypography component=\"span\">{labels.pageSizeEntryName}</HvTypography>\n              </div>\n            </Hidden>\n          </>\n        )}\n      </div>\n      <div className={classes.pageNavigator} {...navigationProps}>\n        <ButtonIconTooltip\n          id={setId(id, \"firstPage-button\")}\n          aria-label={labels.firstPage}\n          className={classes.iconContainer}\n          disabled={!canPrevious}\n          onClick={() => changePage(0)}\n          tooltip={labels.paginationFirstPageTitle}\n        >\n          <Start className={classes.icon} color={setColor(!canPrevious)} />\n        </ButtonIconTooltip>\n        <ButtonIconTooltip\n          id={setId(id, \"previousPage-button\")}\n          aria-label={labels.previousPage}\n          className={classes.iconContainer}\n          disabled={!canPrevious}\n          onClick={() => changePage(page - 1)}\n          tooltip={labels.paginationPreviousPageTitle}\n        >\n          <Backwards className={classes.icon} color={setColor(!canPrevious)} />\n        </ButtonIconTooltip>\n        <div className={classes.pageInfo}>\n          {showPageJump ? (\n            renderPageJump()\n          ) : (\n            <HvTypography component=\"span\">{`${page + 1}`}</HvTypography>\n          )}\n          <HvTypography component=\"span\">{`${labels.pagesSeparator} `}</HvTypography>\n          <HvTypography id={setId(id, \"totalPages\")} component=\"span\">\n            {pages}\n          </HvTypography>\n        </div>\n        <ButtonIconTooltip\n          id={setId(id, \"nextPage-button\")}\n          aria-label={labels.nextPage}\n          className={classes.iconContainer}\n          disabled={!canNext}\n          onClick={() => changePage(page + 1)}\n          tooltip={labels.paginationNextPageTitle}\n        >\n          <Forwards className={classes.icon} color={setColor(!canNext)} />\n        </ButtonIconTooltip>\n        <ButtonIconTooltip\n          id={setId(id, \"lastPage-button\")}\n          aria-label={labels.lastPage}\n          className={classes.iconContainer}\n          disabled={!canNext}\n          onClick={() => changePage(pages - 1)}\n          tooltip={labels.paginationLastPageTitle}\n        >\n          <End className={classes.icon} color={setColor(!canNext)} />\n        </ButtonIconTooltip>\n      </div>\n    </div>\n  );\n};\n\nPagination.propTypes = {\n  /**\n   * A JSS Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the page size selector container.\n     */\n    pageSizeOptions: PropTypes.string,\n    /**\n     * Styles applied to the page size selector dropdown element.\n     */\n    pageSizeOptionsSelect: PropTypes.string,\n    /**\n     * Styles applied to the element that holds the labels for the page size selector\n     */\n    pageSizeTextContainer: PropTypes.string,\n    /**\n     * Styles applied to the page navigation container.\n     */\n    pageNavigator: PropTypes.string,\n    /**\n     * Styles applied to the central page information container.\n     */\n    pageInfo: PropTypes.string,\n    /**\n     * Styles applied to the page selector input container.\n     */\n    pageJump: PropTypes.string,\n    /**\n     * Styles passed down to the page selector Input component as `input`.\n     */\n    pageSizeInput: PropTypes.string,\n    /**\n     * Styles passed down to the page selector Input root.\n     */\n    pageSizeInputRoot: PropTypes.string,\n    /**\n     * Styles passed down to the page selector Input component as `container`.\n     */\n    pageSizeInputContainer: PropTypes.string,\n    /**\n     * Styles applied to each navigation `HvButton` icon container.\n     */\n    iconContainer: PropTypes.string,\n    /**\n     * Styles applied to each navigation icon.\n     */\n    icon: PropTypes.string,\n  }).isRequired,\n  /**\n   * The number of pages the component has.\n   */\n  pages: PropTypes.number,\n  /**\n   * The currently selected page (0-indexed).\n   */\n  page: PropTypes.number,\n  /**\n   * Controls whether the left page size mechanism should be visible.\n   */\n  showPageSizeOptions: PropTypes.bool,\n  /**\n   * The array of possible page sizes for the dropdown.\n   */\n  pageSizeOptions: PropTypes.arrayOf(PropTypes.number),\n  /**\n   * The currently selected page size.\n   */\n  pageSize: PropTypes.number,\n  /**\n   * Controls whether the central page changing mechanism should be visible.\n   */\n  showPageJump: PropTypes.bool,\n  /**\n   * Controls whether the previous/first page buttons are enabled.\n   */\n  canPrevious: PropTypes.bool,\n  /**\n   * Controls whether the next/last page buttons are enabled.\n   */\n  canNext: PropTypes.bool,\n  /**\n   * Function called when the page changes.\n   */\n  onPageChange: PropTypes.func,\n  /**\n   * Function called when the page size changes.\n   */\n  onPageSizeChange: PropTypes.func,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * An object containing all the labels for the component.\n   */\n  labels: PropTypes.shape({\n    /**\n     * The show label.\n     */\n    pageSizePrev: PropTypes.string,\n    /**\n     * Indicate the units of the page size selection.\n     */\n    pageSizeEntryName: PropTypes.string,\n    /**\n     * Used for the aria-label of the selection of number of unit.s\n     */\n    pageSizeSelectorDescription: PropTypes.string,\n    /**\n     * Separator of current page and total pages.\n     */\n    pagesSeparator: PropTypes.string,\n    /**\n     * Title of button `firstPage`.\n     */\n    paginationFirstPageTitle: PropTypes.string,\n    /**\n     * Title of button `previousPage`.\n     */\n    paginationPreviousPageTitle: PropTypes.string,\n    /**\n     * Title of button `nextPage`.\n     */\n    paginationNextPageTitle: PropTypes.string,\n    /**\n     * Title of button `lastPage`.\n     */\n    paginationLastPageTitle: PropTypes.string,\n    /**\n     * Aria-label passed to the page input.\n     */\n    paginationInputLabel: PropTypes.string,\n    /**\n     * Aria-label of the first page button\n     */\n    firstPage: PropTypes.string,\n    /**\n     * Aria-label of the previous page button\n     */\n    previousPage: PropTypes.string,\n    /**\n     * Aria-label of the next page button\n     */\n    nextPage: PropTypes.string,\n    /**\n     * Aria-label of the last page button\n     */\n    lastPage: PropTypes.string,\n  }),\n  /**\n   * Other props to show page component.\n   */\n  showPageProps: PropTypes.instanceOf(Object),\n  /**\n   * Other props to pagination component.\n   */\n  navigationProps: PropTypes.instanceOf(Object),\n  /**\n   * Extra properties passed to the input component representing the current pages.\n   */\n  currentPageInputProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvPagination\" })(Pagination);\n"],"mappings":"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"}
+{"version":3,"file":"Pagination.js","names":["DEFAULT_LABELS","pageSizePrev","pageSizeEntryName","pageSizeSelectorDescription","pagesSeparator","paginationFirstPageTitle","paginationPreviousPageTitle","paginationNextPageTitle","paginationLastPageTitle","paginationInputLabel","firstPage","previousPage","nextPage","lastPage","Enter","KeyboardCodes","Pagination","classes","className","id","pages","page","showPageSizeOptions","pageSizeOptions","pageSize","showPageJump","canPrevious","canNext","onPageChange","onPageSizeChange","labelsProp","labels","showPageProps","navigationProps","currentPageInputProps","others","useLabels","usePageInput","pageInput","handleInputChange","changePage","useCallback","newPage","safePage","getSafePage","useEffect","renderPageJump","pageJump","setId","type","root","pageSizeInputContainer","input","pageSizeInput","inputRoot","pageSizeInputRoot","String","evt","value","isKeypress","clsx","pageSizeTextContainer","pageSizeOptionsSelect","val","map","option","pageNavigator","iconContainer","icon","setColor","pageInfo","propTypes","PropTypes","shape","string","isRequired","number","bool","arrayOf","func","instanceOf","Object","withStyles","styles","name"],"sources":["../../src/Pagination/Pagination.js"],"sourcesContent":["import React, { useCallback, useEffect } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\nimport { Hidden } from \"@mui/material\";\nimport { Start, End, Backwards, Forwards } from \"@hitachivantara/uikit-react-icons\";\n\nimport { isKeypress, KeyboardCodes } from \"../utils/KeyboardUtils\";\nimport { HvInput, HvTypography } from \"..\";\nimport { setId, useLabels } from \"../utils\";\nimport ButtonIconTooltip from \"./ButtonIconTooltip\";\nimport Select, { Option } from \"./Select\";\nimport { usePageInput, getSafePage, setColor } from \"./utils\";\nimport styles from \"./styles\";\n\nconst DEFAULT_LABELS = {\n  pageSizePrev: \"Show\",\n  pageSizeEntryName: \"rows\",\n  pageSizeSelectorDescription: \"Select how many to display\",\n  pagesSeparator: \"/\",\n  paginationFirstPageTitle: \"First page\",\n  paginationPreviousPageTitle: \"Previous page\",\n  paginationNextPageTitle: \"Next page\",\n  paginationLastPageTitle: \"Last page\",\n  paginationInputLabel: \"Current page\",\n  firstPage: \"First Page\",\n  previousPage: \"Previous Page\",\n  nextPage: \"Next Page\",\n  lastPage: \"Last Page\",\n};\n\nconst { Enter } = KeyboardCodes;\n\n/**\n * Pagination is the process of dividing a document into discrete pages. It relates to how users interact\n * with structured content on a website or application.\n */\nconst Pagination = ({\n  classes,\n  className,\n  id,\n  pages = 1,\n  page = 0,\n  showPageSizeOptions = true,\n  pageSizeOptions = [5, 10, 20, 25, 50, 100],\n  pageSize = 1,\n  showPageJump = true,\n  canPrevious = false,\n  canNext = false,\n  onPageChange,\n  onPageSizeChange,\n  labels: labelsProp,\n  showPageProps,\n  navigationProps,\n  currentPageInputProps,\n  ...others\n}) => {\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n  const [pageInput, handleInputChange] = usePageInput(page);\n\n  const changePage = useCallback(\n    (newPage) => {\n      const safePage = getSafePage(newPage, page, pages);\n\n      onPageChange?.(safePage);\n      handleInputChange(null, safePage + 1);\n    },\n    [page, pages, onPageChange, handleInputChange]\n  );\n\n  useEffect(() => {\n    if (page >= pages && pages > 0) {\n      changePage(page);\n    }\n  }, [changePage, page, pages]);\n\n  useEffect(() => {\n    if (pageInput !== page + 1) {\n      handleInputChange(null, page + 1);\n    }\n\n    // we only want to \"fix\" the input's display value when `page` property changed\n    // (either externaly or when internally commited - onBlur or Enter),\n    // not while editing the input.\n    // breaking a rule of hooks isn't ideal and it's just a hack for fixing\n    // a bug preventing properly controling of the `page` property.\n    // fixing it some other way would potentialy introduce a breaking change.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [handleInputChange, page]);\n\n  const renderPageJump = () => (\n    <div className={classes.pageJump}>\n      <HvInput\n        id={setId(id, \"currentPage\")}\n        labels={labels}\n        inputProps={{\n          \"aria-label\": labels.paginationInputLabel,\n          // we really want the native number input\n          type: \"number\",\n        }}\n        classes={{\n          root: classes.pageSizeInputContainer,\n          input: classes.pageSizeInput,\n          inputRoot: classes.pageSizeInputRoot,\n        }}\n        onChange={handleInputChange}\n        value={String(pageInput)}\n        onBlur={(evt, value) => changePage(value - 1)}\n        onKeyDown={(evt, value) => isKeypress(evt, Enter) && changePage(value - 1)}\n        disabled={pageSize === 0}\n        disableClear\n        {...currentPageInputProps}\n      />\n    </div>\n  );\n\n  return (\n    <div id={id} className={clsx(className, classes.root)} {...others}>\n      <div className={classes.pageSizeOptions} {...showPageProps}>\n        {showPageSizeOptions && (\n          <>\n            <Hidden xsDown>\n              <div className={classes.pageSizeTextContainer}>\n                <HvTypography component=\"span\">{labels.pageSizePrev}</HvTypography>\n              </div>\n            </Hidden>\n            <Select\n              id={setId(id, \"pageSize\")}\n              disabled={pageSize === 0}\n              className={classes.pageSizeOptionsSelect}\n              aria-label={labels.pageSizeSelectorDescription}\n              onChange={(evt, val) => onPageSizeChange?.(val)}\n              value={pageSize}\n            >\n              {pageSizeOptions.map((option) => (\n                <Option key={option} value={option}>\n                  {option}\n                </Option>\n              ))}\n            </Select>\n            <Hidden xsDown>\n              <div className={classes.pageSizeTextContainer}>\n                <HvTypography component=\"span\">{labels.pageSizeEntryName}</HvTypography>\n              </div>\n            </Hidden>\n          </>\n        )}\n      </div>\n      <div className={classes.pageNavigator} {...navigationProps}>\n        <ButtonIconTooltip\n          id={setId(id, \"firstPage-button\")}\n          aria-label={labels.firstPage}\n          className={classes.iconContainer}\n          disabled={!canPrevious}\n          onClick={() => changePage(0)}\n          tooltip={labels.paginationFirstPageTitle}\n        >\n          <Start className={classes.icon} color={setColor(!canPrevious)} />\n        </ButtonIconTooltip>\n        <ButtonIconTooltip\n          id={setId(id, \"previousPage-button\")}\n          aria-label={labels.previousPage}\n          className={classes.iconContainer}\n          disabled={!canPrevious}\n          onClick={() => changePage(page - 1)}\n          tooltip={labels.paginationPreviousPageTitle}\n        >\n          <Backwards className={classes.icon} color={setColor(!canPrevious)} />\n        </ButtonIconTooltip>\n        <div className={classes.pageInfo}>\n          {showPageJump ? (\n            renderPageJump()\n          ) : (\n            <HvTypography component=\"span\">{`${page + 1}`}</HvTypography>\n          )}\n          <HvTypography component=\"span\">{`${labels.pagesSeparator} `}</HvTypography>\n          <HvTypography id={setId(id, \"totalPages\")} component=\"span\">\n            {pages}\n          </HvTypography>\n        </div>\n        <ButtonIconTooltip\n          id={setId(id, \"nextPage-button\")}\n          aria-label={labels.nextPage}\n          className={classes.iconContainer}\n          disabled={!canNext}\n          onClick={() => changePage(page + 1)}\n          tooltip={labels.paginationNextPageTitle}\n        >\n          <Forwards className={classes.icon} color={setColor(!canNext)} />\n        </ButtonIconTooltip>\n        <ButtonIconTooltip\n          id={setId(id, \"lastPage-button\")}\n          aria-label={labels.lastPage}\n          className={classes.iconContainer}\n          disabled={!canNext}\n          onClick={() => changePage(pages - 1)}\n          tooltip={labels.paginationLastPageTitle}\n        >\n          <End className={classes.icon} color={setColor(!canNext)} />\n        </ButtonIconTooltip>\n      </div>\n    </div>\n  );\n};\n\nPagination.propTypes = {\n  /**\n   * A JSS Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the page size selector container.\n     */\n    pageSizeOptions: PropTypes.string,\n    /**\n     * Styles applied to the page size selector dropdown element.\n     */\n    pageSizeOptionsSelect: PropTypes.string,\n    /**\n     * Styles applied to the element that holds the labels for the page size selector\n     */\n    pageSizeTextContainer: PropTypes.string,\n    /**\n     * Styles applied to the page navigation container.\n     */\n    pageNavigator: PropTypes.string,\n    /**\n     * Styles applied to the central page information container.\n     */\n    pageInfo: PropTypes.string,\n    /**\n     * Styles applied to the page selector input container.\n     */\n    pageJump: PropTypes.string,\n    /**\n     * Styles passed down to the page selector Input component as `input`.\n     */\n    pageSizeInput: PropTypes.string,\n    /**\n     * Styles passed down to the page selector Input root.\n     */\n    pageSizeInputRoot: PropTypes.string,\n    /**\n     * Styles passed down to the page selector Input component as `container`.\n     */\n    pageSizeInputContainer: PropTypes.string,\n    /**\n     * Styles applied to each navigation `HvButton` icon container.\n     */\n    iconContainer: PropTypes.string,\n    /**\n     * Styles applied to each navigation icon.\n     */\n    icon: PropTypes.string,\n  }).isRequired,\n  /**\n   * The number of pages the component has.\n   */\n  pages: PropTypes.number,\n  /**\n   * The currently selected page (0-indexed).\n   */\n  page: PropTypes.number,\n  /**\n   * Controls whether the left page size mechanism should be visible.\n   */\n  showPageSizeOptions: PropTypes.bool,\n  /**\n   * The array of possible page sizes for the dropdown.\n   */\n  pageSizeOptions: PropTypes.arrayOf(PropTypes.number),\n  /**\n   * The currently selected page size.\n   */\n  pageSize: PropTypes.number,\n  /**\n   * Controls whether the central page changing mechanism should be visible.\n   */\n  showPageJump: PropTypes.bool,\n  /**\n   * Controls whether the previous/first page buttons are enabled.\n   */\n  canPrevious: PropTypes.bool,\n  /**\n   * Controls whether the next/last page buttons are enabled.\n   */\n  canNext: PropTypes.bool,\n  /**\n   * Function called when the page changes.\n   */\n  onPageChange: PropTypes.func,\n  /**\n   * Function called when the page size changes.\n   */\n  onPageSizeChange: PropTypes.func,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * An object containing all the labels for the component.\n   */\n  labels: PropTypes.shape({\n    /**\n     * The show label.\n     */\n    pageSizePrev: PropTypes.string,\n    /**\n     * Indicate the units of the page size selection.\n     */\n    pageSizeEntryName: PropTypes.string,\n    /**\n     * Used for the aria-label of the selection of number of unit.s\n     */\n    pageSizeSelectorDescription: PropTypes.string,\n    /**\n     * Separator of current page and total pages.\n     */\n    pagesSeparator: PropTypes.string,\n    /**\n     * Title of button `firstPage`.\n     */\n    paginationFirstPageTitle: PropTypes.string,\n    /**\n     * Title of button `previousPage`.\n     */\n    paginationPreviousPageTitle: PropTypes.string,\n    /**\n     * Title of button `nextPage`.\n     */\n    paginationNextPageTitle: PropTypes.string,\n    /**\n     * Title of button `lastPage`.\n     */\n    paginationLastPageTitle: PropTypes.string,\n    /**\n     * Aria-label passed to the page input.\n     */\n    paginationInputLabel: PropTypes.string,\n    /**\n     * Aria-label of the first page button\n     */\n    firstPage: PropTypes.string,\n    /**\n     * Aria-label of the previous page button\n     */\n    previousPage: PropTypes.string,\n    /**\n     * Aria-label of the next page button\n     */\n    nextPage: PropTypes.string,\n    /**\n     * Aria-label of the last page button\n     */\n    lastPage: PropTypes.string,\n  }),\n  /**\n   * Other props to show page component.\n   */\n  showPageProps: PropTypes.instanceOf(Object),\n  /**\n   * Other props to pagination component.\n   */\n  navigationProps: PropTypes.instanceOf(Object),\n  /**\n   * Extra properties passed to the input component representing the current pages.\n   */\n  currentPageInputProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvPagination\" })(Pagination);\n"],"mappings":"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"}

package/dist/Pagination/Select.js

@@ -1,67 +1,38 @@
 "use strict";
 
 require("core-js/modules/es.object.keys.js");
-
 require("core-js/modules/es.symbol.js");
-
 require("core-js/modules/es.array.filter.js");
-
 require("core-js/modules/es.object.get-own-property-descriptor.js");
-
 require("core-js/modules/web.dom-collections.for-each.js");
-
 require("core-js/modules/es.object.get-own-property-descriptors.js");
-
 require("core-js/modules/es.array.iterator.js");
-
 require("core-js/modules/es.string.iterator.js");
-
 require("core-js/modules/es.weak-map.js");
-
 require("core-js/modules/web.dom-collections.iterator.js");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Option = void 0;
-
 require("core-js/modules/es.object.to-string.js");
-
 require("core-js/modules/es.string.anchor.js");
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
-
 var _styles = require("@mui/styles");
-
 var _ = require("..");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _excluded = ["children"],
-    _excluded2 = ["className", "classes", "onChange", "disabled", "value", "children"];
-
+  _excluded2 = ["className", "classes", "onChange", "disabled", "value", "children"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var styles = function styles(theme) {
   return {
     base: {
@@ -87,40 +58,33 @@ var styles = function styles(theme) {
     headerOpen: {}
   };
 };
-
 var Option = function Option(_ref) {
   var children = _ref.children,
-      others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvListItem, _objectSpread(_objectSpread({}, others), {}, {
     children: children
   }));
 };
-
 exports.Option = Option;
-
 var HvSelect = function HvSelect(_ref2) {
   var className = _ref2.className,
-      classes = _ref2.classes,
-      onChange = _ref2.onChange,
-      disabled = _ref2.disabled,
-      value = _ref2.value,
-      children = _ref2.children,
-      others = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
-
+    classes = _ref2.classes,
+    onChange = _ref2.onChange,
+    disabled = _ref2.disabled,
+    value = _ref2.value,
+    children = _ref2.children,
+    others = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
   var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      open = _useState2[0],
-      setOpen = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
   var handleSelect = function handleSelect(evt, val) {
     onChange === null || onChange === void 0 ? void 0 : onChange(evt, val);
     setOpen(false);
   };
-
   var handleToggle = function handleToggle(_evt, s) {
     setOpen(s);
   };
-
   var setFocusToContent = function setFocusToContent(containerRef) {
     var listItems = containerRef != null ? (0, _toConsumableArray2.default)(containerRef.getElementsByTagName("li")) : [];
     listItems.every(function (listItem) {
@@ -128,11 +92,9 @@ var HvSelect = function HvSelect(_ref2) {
         listItem.focus();
         return false;
       }
-
       return true;
     });
   };
-
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvBaseDropdown, _objectSpread(_objectSpread({
     className: className,
     classes: {
@@ -159,10 +121,8 @@ var HvSelect = function HvSelect(_ref2) {
     })
   }));
 };
-
 var _default = (0, _styles.withStyles)(styles, {
   name: "HvSelect"
 })(HvSelect);
-
 exports.default = _default;
 //# sourceMappingURL=Select.js.map