@hitachivantara/uikit-react-core 4.0.3 → 4.0.4

package/dist/legacy/Pagination/Pagination.js

@@ -10,11 +10,8 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["classes", "className", "id", "pages", "page", "showPageSizeOptions", "pageSizeOptions", "pageSize", "showPageJump", "canPrevious", "canNext", "onPageChange", "onPageSizeChange", "labels", "showPageProps", "navigationProps", "currentPageInputProps"];
 import "core-js/modules/es.array.map.js";
-
 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) { _defineProperty(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; }
-
 import React, { useCallback, useEffect } from "react";
 import PropTypes from "prop-types";
 import clsx from "clsx";
@@ -47,46 +44,43 @@ var DEFAULT_LABELS = {
   lastPage: "Last Page"
 };
 var Enter = 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 = _objectWithoutProperties(_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 = _objectWithoutProperties(_ref, _excluded);
   var labels = useLabels(DEFAULT_LABELS, labelsProp);
-
   var _usePageInput = usePageInput(page),
-      _usePageInput2 = _slicedToArray(_usePageInput, 2),
-      pageInput = _usePageInput2[0],
-      handleInputChange = _usePageInput2[1];
-
+    _usePageInput2 = _slicedToArray(_usePageInput, 2),
+    pageInput = _usePageInput2[0],
+    handleInputChange = _usePageInput2[1];
   var changePage = useCallback(function (newPage) {
     var safePage = getSafePage(newPage, page, pages);
     onPageChange === null || onPageChange === void 0 ? void 0 : onPageChange(safePage);
@@ -100,16 +94,16 @@ var Pagination = function Pagination(_ref) {
   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__*/_jsx("div", {
       className: classes.pageJump,
@@ -139,7 +133,6 @@ var Pagination = function Pagination(_ref) {
       }, currentPageInputProps))
     });
   };
-
   return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({
     id: id,
     className: clsx(className, classes.root)
@@ -255,7 +248,6 @@ var Pagination = function Pagination(_ref) {
     }))]
   }));
 };
-
 process.env.NODE_ENV !== "production" ? Pagination.propTypes = {
   /**
    * A JSS Object used to override or extend the styles applied.
@@ -265,123 +257,99 @@ process.env.NODE_ENV !== "production" ? Pagination.propTypes = {
      * Styles applied to the component root class.
      */
     root: PropTypes.string,
-
     /**
      * Styles applied to the page size selector container.
      */
     pageSizeOptions: PropTypes.string,
-
     /**
      * Styles applied to the page size selector dropdown element.
      */
     pageSizeOptionsSelect: PropTypes.string,
-
     /**
      * Styles applied to the element that holds the labels for the page size selector
      */
     pageSizeTextContainer: PropTypes.string,
-
     /**
      * Styles applied to the page navigation container.
      */
     pageNavigator: PropTypes.string,
-
     /**
      * Styles applied to the central page information container.
      */
     pageInfo: PropTypes.string,
-
     /**
      * Styles applied to the page selector input container.
      */
     pageJump: PropTypes.string,
-
     /**
      * Styles passed down to the page selector Input component as `input`.
      */
     pageSizeInput: PropTypes.string,
-
     /**
      * Styles passed down to the page selector Input root.
      */
     pageSizeInputRoot: PropTypes.string,
-
     /**
      * Styles passed down to the page selector Input component as `container`.
      */
     pageSizeInputContainer: PropTypes.string,
-
     /**
      * Styles applied to each navigation `HvButton` icon container.
      */
     iconContainer: PropTypes.string,
-
     /**
      * Styles applied to each navigation icon.
      */
     icon: PropTypes.string
   }).isRequired,
-
   /**
    * The number of pages the component has.
    */
   pages: PropTypes.number,
-
   /**
    * The currently selected page (0-indexed).
    */
   page: PropTypes.number,
-
   /**
    * Controls whether the left page size mechanism should be visible.
    */
   showPageSizeOptions: PropTypes.bool,
-
   /**
    * The array of possible page sizes for the dropdown.
    */
   pageSizeOptions: PropTypes.arrayOf(PropTypes.number),
-
   /**
    * The currently selected page size.
    */
   pageSize: PropTypes.number,
-
   /**
    * Controls whether the central page changing mechanism should be visible.
    */
   showPageJump: PropTypes.bool,
-
   /**
    * Controls whether the previous/first page buttons are enabled.
    */
   canPrevious: PropTypes.bool,
-
   /**
    * Controls whether the next/last page buttons are enabled.
    */
   canNext: PropTypes.bool,
-
   /**
    * Function called when the page changes.
    */
   onPageChange: PropTypes.func,
-
   /**
    * Function called when the page size changes.
    */
   onPageSizeChange: PropTypes.func,
-
   /**
    * Class names to be applied.
    */
   className: PropTypes.string,
-
   /**
    * Id to be applied to the root node.
    */
   id: PropTypes.string,
-
   /**
    * An object containing all the labels for the component.
    */
@@ -390,78 +358,63 @@ process.env.NODE_ENV !== "production" ? Pagination.propTypes = {
      * The show label.
      */
     pageSizePrev: PropTypes.string,
-
     /**
      * Indicate the units of the page size selection.
      */
     pageSizeEntryName: PropTypes.string,
-
     /**
      * Used for the aria-label of the selection of number of unit.s
      */
     pageSizeSelectorDescription: PropTypes.string,
-
     /**
      * Separator of current page and total pages.
      */
     pagesSeparator: PropTypes.string,
-
     /**
      * Title of button `firstPage`.
      */
     paginationFirstPageTitle: PropTypes.string,
-
     /**
      * Title of button `previousPage`.
      */
     paginationPreviousPageTitle: PropTypes.string,
-
     /**
      * Title of button `nextPage`.
      */
     paginationNextPageTitle: PropTypes.string,
-
     /**
      * Title of button `lastPage`.
      */
     paginationLastPageTitle: PropTypes.string,
-
     /**
      * Aria-label passed to the page input.
      */
     paginationInputLabel: PropTypes.string,
-
     /**
      * Aria-label of the first page button
      */
     firstPage: PropTypes.string,
-
     /**
      * Aria-label of the previous page button
      */
     previousPage: PropTypes.string,
-
     /**
      * Aria-label of the next page button
      */
     nextPage: PropTypes.string,
-
     /**
      * Aria-label of the last page button
      */
     lastPage: PropTypes.string
   }),
-
   /**
    * Other props to show page component.
    */
   showPageProps: PropTypes.instanceOf(Object),
-
   /**
    * Other props to pagination component.
    */
   navigationProps: PropTypes.instanceOf(Object),
-
   /**
    * Extra properties passed to the input component representing the current pages.
    */

package/dist/legacy/Pagination/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","names":["React","useCallback","useEffect","PropTypes","clsx","withStyles","Hidden","Start","End","Backwards","Forwards","isKeypress","KeyboardCodes","HvInput","HvTypography","setId","useLabels","ButtonIconTooltip","Select","Option","usePageInput","getSafePage","setColor","styles","DEFAULT_LABELS","pageSizePrev","pageSizeEntryName","pageSizeSelectorDescription","pagesSeparator","paginationFirstPageTitle","paginationPreviousPageTitle","paginationNextPageTitle","paginationLastPageTitle","paginationInputLabel","firstPage","previousPage","nextPage","lastPage","Enter","Pagination","classes","className","id","pages","page","showPageSizeOptions","pageSizeOptions","pageSize","showPageJump","canPrevious","canNext","onPageChange","onPageSizeChange","labelsProp","labels","showPageProps","navigationProps","currentPageInputProps","others","pageInput","handleInputChange","changePage","newPage","safePage","renderPageJump","pageJump","type","root","pageSizeInputContainer","input","pageSizeInput","inputRoot","pageSizeInputRoot","String","evt","value","pageSizeTextContainer","pageSizeOptionsSelect","val","map","option","pageNavigator","iconContainer","icon","pageInfo","propTypes","shape","string","isRequired","number","bool","arrayOf","func","instanceOf","Object","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":["React","useCallback","useEffect","PropTypes","clsx","withStyles","Hidden","Start","End","Backwards","Forwards","isKeypress","KeyboardCodes","HvInput","HvTypography","setId","useLabels","ButtonIconTooltip","Select","Option","usePageInput","getSafePage","setColor","styles","DEFAULT_LABELS","pageSizePrev","pageSizeEntryName","pageSizeSelectorDescription","pagesSeparator","paginationFirstPageTitle","paginationPreviousPageTitle","paginationNextPageTitle","paginationLastPageTitle","paginationInputLabel","firstPage","previousPage","nextPage","lastPage","Enter","Pagination","classes","className","id","pages","page","showPageSizeOptions","pageSizeOptions","pageSize","showPageJump","canPrevious","canNext","onPageChange","onPageSizeChange","labelsProp","labels","showPageProps","navigationProps","currentPageInputProps","others","pageInput","handleInputChange","changePage","newPage","safePage","renderPageJump","pageJump","type","root","pageSizeInputContainer","input","pageSizeInput","inputRoot","pageSizeInputRoot","String","evt","value","pageSizeTextContainer","pageSizeOptionsSelect","val","map","option","pageNavigator","iconContainer","icon","pageInfo","propTypes","shape","string","isRequired","number","bool","arrayOf","func","instanceOf","Object","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/legacy/Pagination/Select.js

@@ -9,21 +9,18 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["children"],
-    _excluded2 = ["className", "classes", "onChange", "disabled", "value", "children"];
+  _excluded2 = ["className", "classes", "onChange", "disabled", "value", "children"];
 import "core-js/modules/es.object.to-string.js";
 import "core-js/modules/es.string.anchor.js";
-
 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) { _defineProperty(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; }
-
 /* eslint-disable react/prop-types */
+
 import React, { useState } from "react";
 import clsx from "clsx";
 import { withStyles } from "@mui/styles";
 import { HvBaseDropdown, HvSelectionList, HvListItem, HvPanel, HvTypography } from "..";
 import { jsx as _jsx } from "react/jsx-runtime";
-
 var styles = function styles(theme) {
   return {
     base: {
@@ -49,39 +46,32 @@ var styles = function styles(theme) {
     headerOpen: {}
   };
 };
-
 export var Option = function Option(_ref) {
   var children = _ref.children,
-      others = _objectWithoutProperties(_ref, _excluded);
-
+    others = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_jsx(HvListItem, _objectSpread(_objectSpread({}, others), {}, {
     children: children
   }));
 };
-
 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 = _objectWithoutProperties(_ref2, _excluded2);
-
+    classes = _ref2.classes,
+    onChange = _ref2.onChange,
+    disabled = _ref2.disabled,
+    value = _ref2.value,
+    children = _ref2.children,
+    others = _objectWithoutProperties(_ref2, _excluded2);
   var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      open = _useState2[0],
-      setOpen = _useState2[1];
-
+    _useState2 = _slicedToArray(_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 ? _toConsumableArray(containerRef.getElementsByTagName("li")) : [];
     listItems.every(function (listItem) {
@@ -89,11 +79,9 @@ var HvSelect = function HvSelect(_ref2) {
         listItem.focus();
         return false;
       }
-
       return true;
     });
   };
-
   return /*#__PURE__*/_jsx(HvBaseDropdown, _objectSpread(_objectSpread({
     className: className,
     classes: {
@@ -120,7 +108,6 @@ var HvSelect = function HvSelect(_ref2) {
     })
   }));
 };
-
 export default withStyles(styles, {
   name: "HvSelect"
 })(HvSelect);

package/dist/legacy/Pagination/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","names":["React","useState","clsx","withStyles","HvBaseDropdown","HvSelectionList","HvListItem","HvPanel","HvTypography","styles","theme","base","borderRadius","width","backgroundColor","borderColor","palette","atmo1","root","anchor","header","headerOpen","Option","children","others","HvSelect","className","classes","onChange","disabled","value","open","setOpen","handleSelect","evt","val","handleToggle","_evt","s","setFocusToContent","containerRef","listItems","getElementsByTagName","every","listItem","tabIndex","focus","name"],"sources":["../../../src/Pagination/Select.js"],"sourcesContent":["/* eslint-disable react/prop-types */\n\nimport React, { useState } from \"react\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\nimport { HvBaseDropdown, HvSelectionList, HvListItem, HvPanel, HvTypography } from \"..\";\n\nconst styles = (theme) => ({\n  base: {\n    \"&$root\": {\n      borderRadius: 2,\n      width: \"auto\",\n\n      \"& > div$anchor\": {\n        width: \"auto\",\n      },\n      \"& $header\": {\n        backgroundColor: \"transparent\",\n        borderColor: \"transparent\",\n      },\n      \"& $headerOpen\": {\n        backgroundColor: theme.palette.atmo1,\n        borderColor: theme.palette.atmo1,\n      },\n    },\n  },\n\n  root: {},\n  anchor: {},\n  header: {},\n  headerOpen: {},\n});\n\nexport const Option = ({ children, ...others }) => <HvListItem {...others}>{children}</HvListItem>;\n\nconst HvSelect = ({ className, classes, onChange, disabled, value, children, ...others }) => {\n  const [open, setOpen] = useState(false);\n\n  const handleSelect = (evt, val) => {\n    onChange?.(evt, val);\n    setOpen(false);\n  };\n\n  const handleToggle = (_evt, s) => {\n    setOpen(s);\n  };\n\n  const setFocusToContent = (containerRef) => {\n    const listItems = containerRef != null ? [...containerRef.getElementsByTagName(\"li\")] : [];\n    listItems.every((listItem) => {\n      if (listItem.tabIndex >= 0) {\n        listItem.focus();\n        return false;\n      }\n      return true;\n    });\n  };\n\n  return (\n    <HvBaseDropdown\n      className={className}\n      classes={{\n        root: clsx(classes.base, classes.root),\n        anchor: classes.anchor,\n        header: classes.header,\n        headerOpen: classes.headerOpen,\n      }}\n      expanded={open}\n      onToggle={handleToggle}\n      onContainerCreation={setFocusToContent}\n      placeholder={<HvTypography>{value}</HvTypography>}\n      disabled={disabled}\n      variableWidth\n      {...others}\n    >\n      <HvPanel>\n        <HvSelectionList value={value} onChange={handleSelect}>\n          {children}\n        </HvSelectionList>\n      </HvPanel>\n    </HvBaseDropdown>\n  );\n};\n\nexport default withStyles(styles, { name: \"HvSelect\" })(HvSelect);\n"],"mappings":"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"}
+{"version":3,"file":"Select.js","names":["React","useState","clsx","withStyles","HvBaseDropdown","HvSelectionList","HvListItem","HvPanel","HvTypography","styles","theme","base","borderRadius","width","backgroundColor","borderColor","palette","atmo1","root","anchor","header","headerOpen","Option","children","others","HvSelect","className","classes","onChange","disabled","value","open","setOpen","handleSelect","evt","val","handleToggle","_evt","s","setFocusToContent","containerRef","listItems","getElementsByTagName","every","listItem","tabIndex","focus","name"],"sources":["../../../src/Pagination/Select.js"],"sourcesContent":["/* eslint-disable react/prop-types */\n\nimport React, { useState } from \"react\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\nimport { HvBaseDropdown, HvSelectionList, HvListItem, HvPanel, HvTypography } from \"..\";\n\nconst styles = (theme) => ({\n  base: {\n    \"&$root\": {\n      borderRadius: 2,\n      width: \"auto\",\n\n      \"& > div$anchor\": {\n        width: \"auto\",\n      },\n      \"& $header\": {\n        backgroundColor: \"transparent\",\n        borderColor: \"transparent\",\n      },\n      \"& $headerOpen\": {\n        backgroundColor: theme.palette.atmo1,\n        borderColor: theme.palette.atmo1,\n      },\n    },\n  },\n\n  root: {},\n  anchor: {},\n  header: {},\n  headerOpen: {},\n});\n\nexport const Option = ({ children, ...others }) => <HvListItem {...others}>{children}</HvListItem>;\n\nconst HvSelect = ({ className, classes, onChange, disabled, value, children, ...others }) => {\n  const [open, setOpen] = useState(false);\n\n  const handleSelect = (evt, val) => {\n    onChange?.(evt, val);\n    setOpen(false);\n  };\n\n  const handleToggle = (_evt, s) => {\n    setOpen(s);\n  };\n\n  const setFocusToContent = (containerRef) => {\n    const listItems = containerRef != null ? [...containerRef.getElementsByTagName(\"li\")] : [];\n    listItems.every((listItem) => {\n      if (listItem.tabIndex >= 0) {\n        listItem.focus();\n        return false;\n      }\n      return true;\n    });\n  };\n\n  return (\n    <HvBaseDropdown\n      className={className}\n      classes={{\n        root: clsx(classes.base, classes.root),\n        anchor: classes.anchor,\n        header: classes.header,\n        headerOpen: classes.headerOpen,\n      }}\n      expanded={open}\n      onToggle={handleToggle}\n      onContainerCreation={setFocusToContent}\n      placeholder={<HvTypography>{value}</HvTypography>}\n      disabled={disabled}\n      variableWidth\n      {...others}\n    >\n      <HvPanel>\n        <HvSelectionList value={value} onChange={handleSelect}>\n          {children}\n        </HvSelectionList>\n      </HvPanel>\n    </HvBaseDropdown>\n  );\n};\n\nexport default withStyles(styles, { name: \"HvSelect\" })(HvSelect);\n"],"mappings":"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"}

package/dist/legacy/Pagination/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default"],"sources":["../../../src/Pagination/index.js"],"sourcesContent":["export { default } from \"./Pagination\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,cAAxB"}
+{"version":3,"file":"index.js","names":["default"],"sources":["../../../src/Pagination/index.js"],"sourcesContent":["export { default } from \"./Pagination\";\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,cAAc"}

package/dist/legacy/Pagination/styles.js

@@ -6,11 +6,8 @@ import "core-js/modules/es.object.get-own-property-descriptor.js";
 import "core-js/modules/web.dom-collections.for-each.js";
 import "core-js/modules/es.object.get-own-property-descriptors.js";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-
 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) { _defineProperty(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) {
   var hoverColor = theme.palette.atmo3;
   return {
@@ -109,6 +106,5 @@ var styles = function styles(theme) {
     }
   };
 };
-
 export default styles;
 //# sourceMappingURL=styles.js.map

package/dist/legacy/Pagination/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","hoverColor","palette","atmo3","root","position","zIndex","display","justifyContent","alignItems","flexWrap","marginTop","hv","spacing","sm","typography","highlightText","width","minWidth","maxWidth","lg","WebkitAppearance","margin","backgroundColor","pageSizeOptions","height","marginRight","top","transform","left","pageSizeOptionsSelect","hvSpacing","pageSizeTextContainer","padding","pageNavigator","xs","pageInfo","whiteSpace","lineHeight","pageJump","pageSizeInput","pageSizeInputContainer","pageSizeInputRoot","paddingLeft","paddingRight","textAlign","MozAppearance","cursor","iconContainer","icon","selectDownIcon","pointerEvents"],"sources":["../../../src/Pagination/styles.js"],"sourcesContent":["const styles = (theme) => {\n  const hoverColor = theme.palette.atmo3;\n\n  return {\n    root: {\n      position: \"relative\",\n      zIndex: 1,\n      display: \"flex\",\n      justifyContent: \"center\",\n      alignItems: \"stretch\",\n      flexWrap: \"wrap\",\n      marginTop: theme.hv.spacing.sm,\n      \"& $pageSizeInput\": {\n        ...theme.hv.typography.highlightText,\n      },\n      \"& $pageSizeInputContainer\": {\n        width: 40,\n        minWidth: 40,\n        maxWidth: theme.hv.spacing.lg,\n        '& input[type=\"number\"]::-webkit-inner-spin-button, input[type=\"number\"]::-webkit-outer-spin-button':\n          {\n            WebkitAppearance: \"none\",\n            margin: 0,\n          },\n      },\n      \"& $pageSizeInputRoot\": {\n        backgroundColor: \"transparent\",\n        \"&:focus, &:focus-within, &:hover\": {\n          backgroundColor: hoverColor,\n        },\n      },\n    },\n    pageSizeOptions: {\n      display: \"flex\",\n      position: \"absolute\",\n      height: 32,\n      marginRight: 40,\n      top: \"50%\",\n      transform: \"translateY(-50%)\",\n      left: \"0\",\n    },\n    pageSizeOptionsSelect: {\n      display: \"inline-block\",\n      margin: theme.hvSpacing(0, \"xs\"),\n      width: \"auto\",\n    },\n    pageSizeTextContainer: {\n      display: \"flex\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n      height: \"32px\",\n      padding: \"8px 0\",\n    },\n    pageNavigator: {\n      display: \"flex\",\n      alignItems: \"stretch\",\n      height: \"32px\",\n      \"&>*\": {\n        margin: `0 ${theme.hv.spacing.xs / 2}px`,\n      },\n    },\n    pageInfo: {\n      display: \"inline-block\",\n      whiteSpace: \"nowrap\",\n      height: \"32px\",\n      lineHeight: \"32px\",\n    },\n    pageJump: {\n      display: \"inline-block\",\n      marginRight: theme.hv.spacing.xs / 2,\n    },\n    pageSizeInput: {},\n    pageSizeInputContainer: {},\n    pageSizeInputRoot: {\n      \"& $pageSizeInput\": {\n        paddingLeft: theme.hv.spacing.xs / 2,\n        paddingRight: theme.hv.spacing.xs / 2,\n        margin: 0,\n        textAlign: \"right\",\n        MozAppearance: \"textfield\",\n        \"&:focus\": {\n          backgroundColor: hoverColor,\n        },\n        \"&:hover\": {\n          cursor: \"pointer\",\n        },\n      },\n    },\n    iconContainer: {\n      padding: 0,\n    },\n    icon: {},\n    selectDownIcon: {\n      display: \"inline-block\",\n      position: \"relative\",\n      pointerEvents: \"none\",\n      left: \"-32px\",\n      top: \"2px\",\n      width: 0,\n    },\n  };\n};\n\nexport default styles;\n"],"mappings":"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"}
+{"version":3,"file":"styles.js","names":["styles","theme","hoverColor","palette","atmo3","root","position","zIndex","display","justifyContent","alignItems","flexWrap","marginTop","hv","spacing","sm","typography","highlightText","width","minWidth","maxWidth","lg","WebkitAppearance","margin","backgroundColor","pageSizeOptions","height","marginRight","top","transform","left","pageSizeOptionsSelect","hvSpacing","pageSizeTextContainer","padding","pageNavigator","xs","pageInfo","whiteSpace","lineHeight","pageJump","pageSizeInput","pageSizeInputContainer","pageSizeInputRoot","paddingLeft","paddingRight","textAlign","MozAppearance","cursor","iconContainer","icon","selectDownIcon","pointerEvents"],"sources":["../../../src/Pagination/styles.js"],"sourcesContent":["const styles = (theme) => {\n  const hoverColor = theme.palette.atmo3;\n\n  return {\n    root: {\n      position: \"relative\",\n      zIndex: 1,\n      display: \"flex\",\n      justifyContent: \"center\",\n      alignItems: \"stretch\",\n      flexWrap: \"wrap\",\n      marginTop: theme.hv.spacing.sm,\n      \"& $pageSizeInput\": {\n        ...theme.hv.typography.highlightText,\n      },\n      \"& $pageSizeInputContainer\": {\n        width: 40,\n        minWidth: 40,\n        maxWidth: theme.hv.spacing.lg,\n        '& input[type=\"number\"]::-webkit-inner-spin-button, input[type=\"number\"]::-webkit-outer-spin-button':\n          {\n            WebkitAppearance: \"none\",\n            margin: 0,\n          },\n      },\n      \"& $pageSizeInputRoot\": {\n        backgroundColor: \"transparent\",\n        \"&:focus, &:focus-within, &:hover\": {\n          backgroundColor: hoverColor,\n        },\n      },\n    },\n    pageSizeOptions: {\n      display: \"flex\",\n      position: \"absolute\",\n      height: 32,\n      marginRight: 40,\n      top: \"50%\",\n      transform: \"translateY(-50%)\",\n      left: \"0\",\n    },\n    pageSizeOptionsSelect: {\n      display: \"inline-block\",\n      margin: theme.hvSpacing(0, \"xs\"),\n      width: \"auto\",\n    },\n    pageSizeTextContainer: {\n      display: \"flex\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n      height: \"32px\",\n      padding: \"8px 0\",\n    },\n    pageNavigator: {\n      display: \"flex\",\n      alignItems: \"stretch\",\n      height: \"32px\",\n      \"&>*\": {\n        margin: `0 ${theme.hv.spacing.xs / 2}px`,\n      },\n    },\n    pageInfo: {\n      display: \"inline-block\",\n      whiteSpace: \"nowrap\",\n      height: \"32px\",\n      lineHeight: \"32px\",\n    },\n    pageJump: {\n      display: \"inline-block\",\n      marginRight: theme.hv.spacing.xs / 2,\n    },\n    pageSizeInput: {},\n    pageSizeInputContainer: {},\n    pageSizeInputRoot: {\n      \"& $pageSizeInput\": {\n        paddingLeft: theme.hv.spacing.xs / 2,\n        paddingRight: theme.hv.spacing.xs / 2,\n        margin: 0,\n        textAlign: \"right\",\n        MozAppearance: \"textfield\",\n        \"&:focus\": {\n          backgroundColor: hoverColor,\n        },\n        \"&:hover\": {\n          cursor: \"pointer\",\n        },\n      },\n    },\n    iconContainer: {\n      padding: 0,\n    },\n    icon: {},\n    selectDownIcon: {\n      display: \"inline-block\",\n      position: \"relative\",\n      pointerEvents: \"none\",\n      left: \"-32px\",\n      top: \"2px\",\n      width: 0,\n    },\n  };\n};\n\nexport default styles;\n"],"mappings":"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"}