@hitachivantara/uikit-react-core 4.4.1 → 5.0.0-next.1

package/dist/modern/Pagination/Pagination.d.ts

@@ -1,138 +0,0 @@
-import * as React from "react";
-import { StandardProps } from "@mui/material";
-import { HvInputProps } from "../Input";
-
-export interface PaginationLabelsProp {
-  /**
-   * The show label.
-   */
-  pageSizePrev?: string;
-  /**
-   * Indicate the units of the page size selection.
-   */
-  pageSizeEntryName?: string;
-  /**
-   * Used for the aria-label of the selection of number of unit.s
-   */
-  pageSizeSelectorDescription?: string;
-  /**
-   * Separator of current page and total pages.
-   */
-  pagesSeparator?: string;
-  /**
-   * Title of button `firstPage`.
-   */
-  paginationFirstPageTitle?: string;
-  /**
-   * Title of button `previousPage`.
-   */
-  paginationPreviousPageTitle?: string;
-  /**
-   * Title of button `nextPage`.
-   */
-  paginationNextPageTitle?: string;
-  /**
-   * Title of button `lastPage`.
-   */
-  paginationLastPageTitle?: string;
-  /**
-   * Aria-label passed to the page input.
-   */
-  paginationInputLabel?: string;
-  /**
-   * Aria-label of the first page button
-   */
-  firstPage?: string;
-  /**
-   * Aria-label of the previous page button
-   */
-  previousPage?: string;
-  /**
-   * Aria-label of the next page button
-   */
-  nextPage?: string;
-  /**
-   * Aria-label of the last page button
-   */
-  lastPage?: string;
-}
-
-export interface HvPaginationCommonProps {
-  /**
-   * The number of pages the component has.
-   */
-  pages?: number;
-  /**
-   * The currently selected page (0-indexed).
-   */
-  page?: number;
-  /**
-   * Controls whether the left page size mechanism should be visible.
-   */
-  showPageSizeOptions?: boolean;
-  /**
-   * The array of possible page sizes for the dropdown.
-   */
-  pageSizeOptions?: number[];
-  /**
-   * The currently selected page size.
-   */
-  pageSize?: number;
-  /**
-   * Controls whether the previous/first page buttons are enabled.
-   */
-  canPrevious?: boolean;
-  /**
-   * Controls whether the next/last page buttons are enabled.
-   */
-  canNext?: boolean;
-  /**
-   * Function called when the page changes.
-   */
-  onPageChange?: (page: number) => void;
-  /**
-   * Function called when the page size changes.
-   */
-  onPageSizeChange?: (pageSize: number) => void;
-}
-
-export type HvPaginationClassKey =
-  | "root"
-  | "pageSizeOptions"
-  | "pageSizeOptionsSelect"
-  | "pageNavigator"
-  | "pageInfo"
-  | "pageJump"
-  | "pageSizeInput"
-  | "pageSizeInputRoot"
-  | "pageSizeInputContainer"
-  | "iconContainer"
-  | "icon"
-  | "selectDownIcon";
-
-export interface HvPaginationProps
-  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvPaginationClassKey>,
-    HvPaginationCommonProps {
-  /**
-   * Controls whether the central page changing mechanism should be visible.
-   */
-  showPageJump?: boolean;
-  /**
-   * An object containing all the labels for the component.
-   */
-  labels?: PaginationLabelsProp;
-  /**
-   * Other props to show page component.
-   */
-  showPageProps?: Record<string, any>;
-  /**
-   * Other props to pagination component.
-   */
-  navigationProps?: Record<string, any>;
-  /**
-   * Extra properties passed to the input component representing the current pages.
-   */
-  currentPageInputProps?: HvInputProps;
-}
-
-export default function HvPagination(props: HvPaginationProps): JSX.Element | null;

package/dist/modern/Pagination/Pagination.js

@@ -1,392 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["classes", "className", "id", "pages", "page", "showPageSizeOptions", "pageSizeOptions", "pageSize", "showPageJump", "canPrevious", "canNext", "onPageChange", "onPageSizeChange", "labels", "showPageProps", "navigationProps", "currentPageInputProps"];
-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";
-import { withStyles } from "@mui/styles";
-import { Hidden } from "@mui/material";
-import { Start, End, Backwards, Forwards } from "@hitachivantara/uikit-react-icons";
-import { isKeypress, KeyboardCodes } from "../utils/KeyboardUtils";
-import { HvInput, HvTypography } from "..";
-import { setId, useLabels } from "../utils";
-import ButtonIconTooltip from "./ButtonIconTooltip";
-import Select, { Option } from "./Select";
-import { usePageInput, getSafePage, setColor } from "./utils";
-import styles from "./styles";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const DEFAULT_LABELS = {
-  pageSizePrev: "Show",
-  pageSizeEntryName: "rows",
-  pageSizeSelectorDescription: "Select how many to display",
-  pagesSeparator: "/",
-  paginationFirstPageTitle: "First page",
-  paginationPreviousPageTitle: "Previous page",
-  paginationNextPageTitle: "Next page",
-  paginationLastPageTitle: "Last page",
-  paginationInputLabel: "Current page",
-  firstPage: "First Page",
-  previousPage: "Previous Page",
-  nextPage: "Next Page",
-  lastPage: "Last Page"
-};
-const {
-  Enter
-} = KeyboardCodes;
-
-/**
- * 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.
- */
-const Pagination = _ref => {
-  let {
-      classes,
-      className,
-      id,
-      pages = 1,
-      page = 0,
-      showPageSizeOptions = true,
-      pageSizeOptions = [5, 10, 20, 25, 50, 100],
-      pageSize = 1,
-      showPageJump = true,
-      canPrevious = false,
-      canNext = false,
-      onPageChange,
-      onPageSizeChange,
-      labels: labelsProp,
-      showPageProps,
-      navigationProps,
-      currentPageInputProps
-    } = _ref,
-    others = _objectWithoutProperties(_ref, _excluded);
-  const labels = useLabels(DEFAULT_LABELS, labelsProp);
-  const [pageInput, handleInputChange] = usePageInput(page);
-  const changePage = useCallback(newPage => {
-    const safePage = getSafePage(newPage, page, pages);
-    onPageChange === null || onPageChange === void 0 ? void 0 : onPageChange(safePage);
-    handleInputChange(null, safePage + 1);
-  }, [page, pages, onPageChange, handleInputChange]);
-  useEffect(() => {
-    if (page >= pages && pages > 0) {
-      changePage(page);
-    }
-  }, [changePage, page, pages]);
-  useEffect(() => {
-    if (pageInput !== page + 1) {
-      handleInputChange(null, page + 1);
-    }
-
-    // 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]);
-  const renderPageJump = () => /*#__PURE__*/_jsx("div", {
-    className: classes.pageJump,
-    children: /*#__PURE__*/_jsx(HvInput, _objectSpread({
-      id: setId(id, "currentPage"),
-      labels: labels,
-      inputProps: {
-        "aria-label": labels.paginationInputLabel,
-        // we really want the native number input
-        type: "number"
-      },
-      classes: {
-        root: classes.pageSizeInputContainer,
-        input: classes.pageSizeInput,
-        inputRoot: classes.pageSizeInputRoot
-      },
-      onChange: handleInputChange,
-      value: String(pageInput),
-      onBlur: (evt, value) => changePage(value - 1),
-      onKeyDown: (evt, value) => isKeypress(evt, Enter) && changePage(value - 1),
-      disabled: pageSize === 0,
-      disableClear: true
-    }, currentPageInputProps))
-  });
-  return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({
-    id: id,
-    className: clsx(className, classes.root)
-  }, others), {}, {
-    children: [/*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
-      className: classes.pageSizeOptions
-    }, showPageProps), {}, {
-      children: showPageSizeOptions && /*#__PURE__*/_jsxs(_Fragment, {
-        children: [/*#__PURE__*/_jsx(Hidden, {
-          xsDown: true,
-          children: /*#__PURE__*/_jsx("div", {
-            className: classes.pageSizeTextContainer,
-            children: /*#__PURE__*/_jsx(HvTypography, {
-              component: "span",
-              children: labels.pageSizePrev
-            })
-          })
-        }), /*#__PURE__*/_jsx(Select, {
-          id: setId(id, "pageSize"),
-          disabled: pageSize === 0,
-          className: classes.pageSizeOptionsSelect,
-          "aria-label": labels.pageSizeSelectorDescription,
-          onChange: (evt, val) => onPageSizeChange === null || onPageSizeChange === void 0 ? void 0 : onPageSizeChange(val),
-          value: pageSize,
-          children: pageSizeOptions.map(option => /*#__PURE__*/_jsx(Option, {
-            value: option,
-            children: option
-          }, option))
-        }), /*#__PURE__*/_jsx(Hidden, {
-          xsDown: true,
-          children: /*#__PURE__*/_jsx("div", {
-            className: classes.pageSizeTextContainer,
-            children: /*#__PURE__*/_jsx(HvTypography, {
-              component: "span",
-              children: labels.pageSizeEntryName
-            })
-          })
-        })]
-      })
-    })), /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({
-      className: classes.pageNavigator
-    }, navigationProps), {}, {
-      children: [/*#__PURE__*/_jsx(ButtonIconTooltip, {
-        id: setId(id, "firstPage-button"),
-        "aria-label": labels.firstPage,
-        className: classes.iconContainer,
-        disabled: !canPrevious,
-        onClick: () => changePage(0),
-        tooltip: labels.paginationFirstPageTitle,
-        children: /*#__PURE__*/_jsx(Start, {
-          className: classes.icon,
-          color: setColor(!canPrevious)
-        })
-      }), /*#__PURE__*/_jsx(ButtonIconTooltip, {
-        id: setId(id, "previousPage-button"),
-        "aria-label": labels.previousPage,
-        className: classes.iconContainer,
-        disabled: !canPrevious,
-        onClick: () => changePage(page - 1),
-        tooltip: labels.paginationPreviousPageTitle,
-        children: /*#__PURE__*/_jsx(Backwards, {
-          className: classes.icon,
-          color: setColor(!canPrevious)
-        })
-      }), /*#__PURE__*/_jsxs("div", {
-        className: classes.pageInfo,
-        children: [showPageJump ? renderPageJump() : /*#__PURE__*/_jsx(HvTypography, {
-          component: "span",
-          children: `${page + 1}`
-        }), /*#__PURE__*/_jsx(HvTypography, {
-          component: "span",
-          children: `${labels.pagesSeparator} `
-        }), /*#__PURE__*/_jsx(HvTypography, {
-          id: setId(id, "totalPages"),
-          component: "span",
-          children: pages
-        })]
-      }), /*#__PURE__*/_jsx(ButtonIconTooltip, {
-        id: setId(id, "nextPage-button"),
-        "aria-label": labels.nextPage,
-        className: classes.iconContainer,
-        disabled: !canNext,
-        onClick: () => changePage(page + 1),
-        tooltip: labels.paginationNextPageTitle,
-        children: /*#__PURE__*/_jsx(Forwards, {
-          className: classes.icon,
-          color: setColor(!canNext)
-        })
-      }), /*#__PURE__*/_jsx(ButtonIconTooltip, {
-        id: setId(id, "lastPage-button"),
-        "aria-label": labels.lastPage,
-        className: classes.iconContainer,
-        disabled: !canNext,
-        onClick: () => changePage(pages - 1),
-        tooltip: labels.paginationLastPageTitle,
-        children: /*#__PURE__*/_jsx(End, {
-          className: classes.icon,
-          color: setColor(!canNext)
-        })
-      })]
-    }))]
-  }));
-};
-process.env.NODE_ENV !== "production" ? Pagination.propTypes = {
-  /**
-   * A JSS Object used to override or extend the styles applied.
-   */
-  classes: PropTypes.shape({
-    /**
-     * 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.
-   */
-  labels: PropTypes.shape({
-    /**
-     * 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.
-   */
-  currentPageInputProps: PropTypes.instanceOf(Object)
-} : void 0;
-export default withStyles(styles, {
-  name: "HvPagination"
-})(Pagination);
-//# sourceMappingURL=Pagination.js.map

package/dist/modern/Pagination/Pagination.js.map

@@ -1 +0,0 @@
-{"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","labels","labelsProp","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/modern/Pagination/Select.js

@@ -1,103 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["children"],
-  _excluded2 = ["className", "classes", "onChange", "disabled", "value", "children"];
-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";
-const styles = theme => ({
-  base: {
-    "&$root": {
-      borderRadius: 2,
-      width: "auto",
-      "& > div$anchor": {
-        width: "auto"
-      },
-      "& $header": {
-        backgroundColor: "transparent",
-        borderColor: "transparent"
-      },
-      "& $headerOpen": {
-        backgroundColor: theme.palette.atmo1,
-        borderColor: theme.palette.atmo1
-      }
-    }
-  },
-  root: {},
-  anchor: {},
-  header: {},
-  headerOpen: {}
-});
-export const Option = _ref => {
-  let {
-      children
-    } = _ref,
-    others = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/_jsx(HvListItem, _objectSpread(_objectSpread({}, others), {}, {
-    children: children
-  }));
-};
-const HvSelect = _ref2 => {
-  let {
-      className,
-      classes,
-      onChange,
-      disabled,
-      value,
-      children
-    } = _ref2,
-    others = _objectWithoutProperties(_ref2, _excluded2);
-  const [open, setOpen] = useState(false);
-  const handleSelect = (evt, val) => {
-    onChange === null || onChange === void 0 ? void 0 : onChange(evt, val);
-    setOpen(false);
-  };
-  const handleToggle = (_evt, s) => {
-    setOpen(s);
-  };
-  const setFocusToContent = containerRef => {
-    const listItems = containerRef != null ? [...containerRef.getElementsByTagName("li")] : [];
-    listItems.every(listItem => {
-      if (listItem.tabIndex >= 0) {
-        listItem.focus();
-        return false;
-      }
-      return true;
-    });
-  };
-  return /*#__PURE__*/_jsx(HvBaseDropdown, _objectSpread(_objectSpread({
-    className: className,
-    classes: {
-      root: clsx(classes.base, classes.root),
-      anchor: classes.anchor,
-      header: classes.header,
-      headerOpen: classes.headerOpen
-    },
-    expanded: open,
-    onToggle: handleToggle,
-    onContainerCreation: setFocusToContent,
-    placeholder: /*#__PURE__*/_jsx(HvTypography, {
-      children: value
-    }),
-    disabled: disabled,
-    variableWidth: true
-  }, others), {}, {
-    children: /*#__PURE__*/_jsx(HvPanel, {
-      children: /*#__PURE__*/_jsx(HvSelectionList, {
-        value: value,
-        onChange: handleSelect,
-        children: children
-      })
-    })
-  }));
-};
-export default withStyles(styles, {
-  name: "HvSelect"
-})(HvSelect);
-//# sourceMappingURL=Select.js.map