@hitachivantara/uikit-react-core 2.23.2

package/dist/modern/Pagination/Pagination.js

@@ -0,0 +1,380 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+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"];
+import "core-js/modules/web.dom-collections.iterator.js";
+import React, { useEffect, useState } from "react";
+import PropTypes from "prop-types";
+import clsx from "clsx";
+import { IconButton, withStyles } from "@material-ui/core";
+import { DropDownXS, Start, End, Backwards, Forwards } from "@hitachivantara/uikit-react-icons";
+import { isKeypress, KeyboardCodes as Codes } from "../utils/KeyboardUtils";
+import { HvInput, HvTypography } from "..";
+import withTooltip from "../withTooltip";
+import withLabels from "../withLabels";
+import { setId } from "../utils";
+import styles from "./styles";
+const DEFAULT_LABELS = {
+  pageSizePrev: "Show",
+  pageSizeEntryName: "rows",
+  pageSizeSelectorDescription: "Select how many to display",
+  pagesSeparator: "of",
+  paginationFirstPageTitle: "First page",
+  paginationPreviousPageTitle: "Previous page",
+  paginationNextPageTitle: "Next page",
+  paginationLastPageTitle: "Last page",
+  paginationInputLabel: "Total pages for page input"
+};
+
+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,
+    showPageProps,
+    navigationProps,
+    currentPageInputProps
+  } = _ref,
+      others = _objectWithoutProperties(_ref, _excluded);
+
+  const [statePage, setStatePage] = useState(page);
+
+  const getSafePage = inPage => Number.isNaN(inPage) ? page : Math.min(Math.max(inPage, 0), pages - 1);
+
+  const changePage = inPage => {
+    const outPage = getSafePage(inPage);
+    setStatePage(outPage);
+
+    if (page !== outPage) {
+      onPageChange(outPage);
+    }
+  };
+
+  const applyPage = () => {
+    changePage(statePage === "" ? page : statePage);
+  };
+
+  useEffect(() => {
+    if (page !== statePage || page >= pages) {
+      changePage(page);
+    } // eslint-disable-next-line react-hooks/exhaustive-deps
+
+  }, [page, pageSize]);
+
+  const setColor = condition => condition ? "atmo7" : undefined;
+
+  const FirstPage = () => /*#__PURE__*/React.createElement(Start, {
+    className: classes.icon,
+    color: setColor(!canPrevious)
+  });
+
+  const PrevPage = () => /*#__PURE__*/React.createElement(Backwards, {
+    className: classes.icon,
+    color: setColor(!canPrevious)
+  });
+
+  const NextPage = () => /*#__PURE__*/React.createElement(Forwards, {
+    className: classes.icon,
+    color: setColor(!canNext)
+  });
+
+  const LastPage = () => /*#__PURE__*/React.createElement(End, {
+    className: classes.icon,
+    color: setColor(!canNext)
+  });
+
+  const FirstPageTooltipWrapper = withTooltip(FirstPage, labels.paginationFirstPageTitle);
+  const PreviousPageTooltipWrapper = withTooltip(PrevPage, labels.paginationPreviousPageTitle);
+  const NextPageTooltipWrapper = withTooltip(NextPage, labels.paginationNextPageTitle);
+  const LastPageTooltipWrapper = withTooltip(LastPage, labels.paginationLastPageTitle);
+  return /*#__PURE__*/React.createElement("div", _extends({
+    id: id,
+    className: clsx(className, classes.root)
+  }, others), /*#__PURE__*/React.createElement("div", _extends({
+    className: classes.pageSizeOptions
+  }, showPageProps), showPageSizeOptions && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(HvTypography, {
+    component: "span",
+    variant: "sText"
+  }, labels.pageSizePrev), /*#__PURE__*/React.createElement("select", {
+    id: setId(id, "pageSize"),
+    disabled: pageSize === 0,
+    className: classes.pageSizeOptionsSelect,
+    "aria-label": labels.pageSizeSelectorDescription,
+    onChange: e => onPageSizeChange(Number(e.target.value)),
+    value: pageSize
+  }, pageSizeOptions.map(option => /*#__PURE__*/React.createElement("option", {
+    key: option,
+    value: option
+  }, option))), /*#__PURE__*/React.createElement(DropDownXS, {
+    className: classes.selectDownIcon
+  }), /*#__PURE__*/React.createElement(HvTypography, {
+    component: "span",
+    variant: "sText"
+  }, labels.pageSizeEntryName))), /*#__PURE__*/React.createElement("div", _extends({
+    className: classes.pageNavigator
+  }, navigationProps), /*#__PURE__*/React.createElement(IconButton, {
+    id: setId(id, "firstPage-button"),
+    "aria-label": "First Page",
+    className: classes.iconContainer,
+    disabled: !canPrevious,
+    onClick: () => changePage(0)
+  }, /*#__PURE__*/React.createElement(FirstPageTooltipWrapper, null)), /*#__PURE__*/React.createElement(IconButton, {
+    id: setId(id, "previousPage-button"),
+    "aria-label": "Previous Page",
+    className: classes.iconContainer,
+    disabled: !canPrevious,
+    onClick: () => changePage(statePage - 1)
+  }, /*#__PURE__*/React.createElement(PreviousPageTooltipWrapper, null)), /*#__PURE__*/React.createElement("div", {
+    className: classes.pageInfo
+  }, showPageJump ? /*#__PURE__*/React.createElement("div", {
+    className: classes.pageJump
+  }, /*#__PURE__*/React.createElement(HvInput, _extends({
+    id: setId(id, "currentPage"),
+    labels: labels,
+    inputProps: {
+      "aria-label": `${pages} ${labels.paginationInputLabel}`
+    },
+    classes: {
+      root: classes.pageSizeInputContainer,
+      input: classes.pageSizeInput,
+      inputRoot: classes.pageSizeInputRoot
+    },
+    onChange: (event, val) => setStatePage(val - 1),
+    initialValue: `${statePage + 1}`,
+    value: `${statePage === "" ? "" : Number(statePage) + 1}`,
+    onBlur: applyPage,
+    onKeyDown: e => isKeypress(e, Codes.Enter) && applyPage(),
+    validationIconVisible: false,
+    disabled: pageSize === 0,
+    disableClear: true,
+    type: "number"
+  }, currentPageInputProps))) : /*#__PURE__*/React.createElement(HvTypography, {
+    component: "span",
+    variant: "sText"
+  }, `${statePage + 1}`), /*#__PURE__*/React.createElement(HvTypography, {
+    component: "span",
+    variant: "sText"
+  }, ` ${labels.pagesSeparator} `), /*#__PURE__*/React.createElement(HvTypography, {
+    id: setId(id, "totalPages"),
+    component: "span",
+    variant: "sText"
+  }, pages)), /*#__PURE__*/React.createElement(IconButton, {
+    id: setId(id, "nextPage-button"),
+    "aria-label": "Next Page",
+    className: classes.iconContainer,
+    disabled: !canNext,
+    onClick: () => changePage(statePage + 1)
+  }, /*#__PURE__*/React.createElement(NextPageTooltipWrapper, null)), /*#__PURE__*/React.createElement(IconButton, {
+    id: setId(id, "lastPage-button"),
+    "aria-label": "Last Page",
+    className: classes.iconContainer,
+    disabled: !canNext,
+    onClick: () => changePage(pages - 1)
+  }, /*#__PURE__*/React.createElement(LastPageTooltipWrapper, null))));
+};
+
+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 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 component as `inputRoot` .
+     */
+    pageSizeInputRoot: PropTypes.string,
+
+    /**
+     * Styles passed down to the page selector Input component as `container`.
+     */
+    pageSizeInputContainer: PropTypes.string,
+
+    /**
+     * Styles applied to each navigation `IconButton` icon container.
+     */
+    iconContainer: PropTypes.string,
+
+    /**
+     * Styles applied to each navigation icon.
+     */
+    icon: PropTypes.string,
+
+    /**
+     * Styles applied to the page size dropdown icon.
+     */
+    selectDownIcon: 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
+  }),
+
+  /**
+   * 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"
+})(withLabels(DEFAULT_LABELS)(Pagination));
+//# sourceMappingURL=Pagination.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.js","names":["React","useEffect","useState","PropTypes","clsx","IconButton","withStyles","DropDownXS","Start","End","Backwards","Forwards","isKeypress","KeyboardCodes","Codes","HvInput","HvTypography","withTooltip","withLabels","setId","styles","DEFAULT_LABELS","pageSizePrev","pageSizeEntryName","pageSizeSelectorDescription","pagesSeparator","paginationFirstPageTitle","paginationPreviousPageTitle","paginationNextPageTitle","paginationLastPageTitle","paginationInputLabel","Pagination","classes","className","id","pages","page","showPageSizeOptions","pageSizeOptions","pageSize","showPageJump","canPrevious","canNext","onPageChange","onPageSizeChange","labels","showPageProps","navigationProps","currentPageInputProps","others","statePage","setStatePage","getSafePage","inPage","Number","isNaN","Math","min","max","changePage","outPage","applyPage","setColor","condition","undefined","FirstPage","icon","PrevPage","NextPage","LastPage","FirstPageTooltipWrapper","PreviousPageTooltipWrapper","NextPageTooltipWrapper","LastPageTooltipWrapper","root","pageSizeOptionsSelect","e","target","value","map","option","selectDownIcon","pageNavigator","iconContainer","pageInfo","pageJump","pageSizeInputContainer","input","pageSizeInput","inputRoot","pageSizeInputRoot","event","val","Enter","propTypes","shape","string","isRequired","number","bool","arrayOf","func","instanceOf","Object","name"],"sources":["../../../src/Pagination/Pagination.js"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { IconButton, withStyles } from \"@material-ui/core\";\nimport { DropDownXS, Start, End, Backwards, Forwards } from \"@hitachivantara/uikit-react-icons\";\nimport { isKeypress, KeyboardCodes as Codes } from \"../utils/KeyboardUtils\";\nimport { HvInput, HvTypography } from \"..\";\nimport withTooltip from \"../withTooltip\";\nimport withLabels from \"../withLabels\";\nimport { setId } 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: \"of\",\n  paginationFirstPageTitle: \"First page\",\n  paginationPreviousPageTitle: \"Previous page\",\n  paginationNextPageTitle: \"Next page\",\n  paginationLastPageTitle: \"Last page\",\n  paginationInputLabel: \"Total pages for page input\",\n};\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,\n  showPageProps,\n  navigationProps,\n  currentPageInputProps,\n  ...others\n}) => {\n  const [statePage, setStatePage] = useState(page);\n  const getSafePage = (inPage) =>\n    Number.isNaN(inPage) ? page : Math.min(Math.max(inPage, 0), pages - 1);\n\n  const changePage = (inPage) => {\n    const outPage = getSafePage(inPage);\n    setStatePage(outPage);\n\n    if (page !== outPage) {\n      onPageChange(outPage);\n    }\n  };\n\n  const applyPage = () => {\n    changePage(statePage === \"\" ? page : statePage);\n  };\n\n  useEffect(() => {\n    if (page !== statePage || page >= pages) {\n      changePage(page);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [page, pageSize]);\n\n  const setColor = (condition) => (condition ? \"atmo7\" : undefined);\n  const FirstPage = () => <Start className={classes.icon} color={setColor(!canPrevious)} />;\n  const PrevPage = () => <Backwards className={classes.icon} color={setColor(!canPrevious)} />;\n  const NextPage = () => <Forwards className={classes.icon} color={setColor(!canNext)} />;\n  const LastPage = () => <End className={classes.icon} color={setColor(!canNext)} />;\n\n  const FirstPageTooltipWrapper = withTooltip(FirstPage, labels.paginationFirstPageTitle);\n  const PreviousPageTooltipWrapper = withTooltip(PrevPage, labels.paginationPreviousPageTitle);\n  const NextPageTooltipWrapper = withTooltip(NextPage, labels.paginationNextPageTitle);\n  const LastPageTooltipWrapper = withTooltip(LastPage, labels.paginationLastPageTitle);\n\n  return (\n    <div id={id} className={clsx(className, classes.root)} {...others}>\n      <div className={classes.pageSizeOptions} {...showPageProps}>\n        {showPageSizeOptions && (\n          <>\n            <HvTypography component=\"span\" variant=\"sText\">\n              {labels.pageSizePrev}\n            </HvTypography>\n            <select\n              id={setId(id, \"pageSize\")}\n              disabled={pageSize === 0}\n              className={classes.pageSizeOptionsSelect}\n              aria-label={labels.pageSizeSelectorDescription}\n              onChange={(e) => onPageSizeChange(Number(e.target.value))}\n              value={pageSize}\n            >\n              {pageSizeOptions.map((option) => (\n                <option key={option} value={option}>\n                  {option}\n                </option>\n              ))}\n            </select>\n            <DropDownXS className={classes.selectDownIcon} />\n            <HvTypography component=\"span\" variant=\"sText\">\n              {labels.pageSizeEntryName}\n            </HvTypography>\n          </>\n        )}\n      </div>\n      <div className={classes.pageNavigator} {...navigationProps}>\n        <IconButton\n          id={setId(id, \"firstPage-button\")}\n          aria-label=\"First Page\"\n          className={classes.iconContainer}\n          disabled={!canPrevious}\n          onClick={() => changePage(0)}\n        >\n          <FirstPageTooltipWrapper />\n        </IconButton>\n        <IconButton\n          id={setId(id, \"previousPage-button\")}\n          aria-label=\"Previous Page\"\n          className={classes.iconContainer}\n          disabled={!canPrevious}\n          onClick={() => changePage(statePage - 1)}\n        >\n          <PreviousPageTooltipWrapper />\n        </IconButton>\n        <div className={classes.pageInfo}>\n          {showPageJump ? (\n            <div className={classes.pageJump}>\n              <HvInput\n                id={setId(id, \"currentPage\")}\n                labels={labels}\n                inputProps={{\n                  \"aria-label\": `${pages} ${labels.paginationInputLabel}`,\n                }}\n                classes={{\n                  root: classes.pageSizeInputContainer,\n                  input: classes.pageSizeInput,\n                  inputRoot: classes.pageSizeInputRoot,\n                }}\n                onChange={(event, val) => setStatePage(val - 1)}\n                initialValue={`${statePage + 1}`}\n                value={`${statePage === \"\" ? \"\" : Number(statePage) + 1}`}\n                onBlur={applyPage}\n                onKeyDown={(e) => isKeypress(e, Codes.Enter) && applyPage()}\n                validationIconVisible={false}\n                disabled={pageSize === 0}\n                disableClear\n                type=\"number\"\n                {...currentPageInputProps}\n              />\n            </div>\n          ) : (\n            <HvTypography component=\"span\" variant=\"sText\">\n              {`${statePage + 1}`}\n            </HvTypography>\n          )}\n          <HvTypography component=\"span\" variant=\"sText\">\n            {` ${labels.pagesSeparator} `}\n          </HvTypography>\n          <HvTypography id={setId(id, \"totalPages\")} component=\"span\" variant=\"sText\">\n            {pages}\n          </HvTypography>\n        </div>\n        <IconButton\n          id={setId(id, \"nextPage-button\")}\n          aria-label=\"Next Page\"\n          className={classes.iconContainer}\n          disabled={!canNext}\n          onClick={() => changePage(statePage + 1)}\n        >\n          <NextPageTooltipWrapper />\n        </IconButton>\n        <IconButton\n          id={setId(id, \"lastPage-button\")}\n          aria-label=\"Last Page\"\n          className={classes.iconContainer}\n          disabled={!canNext}\n          onClick={() => changePage(pages - 1)}\n        >\n          <LastPageTooltipWrapper />\n        </IconButton>\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 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 component as `inputRoot` .\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 `IconButton` icon container.\n     */\n    iconContainer: PropTypes.string,\n    /**\n     * Styles applied to each navigation icon.\n     */\n    icon: PropTypes.string,\n    /**\n     * Styles applied to the page size dropdown icon.\n     */\n    selectDownIcon: 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  /**\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\" })(withLabels(DEFAULT_LABELS)(Pagination));\n"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+export { default } from "./Pagination";
+export * from "./Pagination";

package/dist/modern/Pagination/index.js

@@ -0,0 +1,2 @@
+export { default } from "./Pagination";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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"}

package/dist/modern/Pagination/styles.js

@@ -0,0 +1,126 @@
+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; }
+
+import { outlineStyles } from "../Focus/styles";
+
+const styles = theme => {
+  const hoverColor = theme.hv.palette.atmosphere.atmo4;
+  return {
+    root: {
+      position: "relative",
+      zIndex: 1,
+      display: "flex",
+      justifyContent: "center",
+      alignItems: "stretch",
+      flexWrap: "wrap",
+      marginTop: `${theme.hv.spacing.sm}px`
+    },
+    pageSizeOptions: {
+      position: "absolute",
+      marginRight: "40px",
+      top: "50%",
+      transform: "translateY(-50%)",
+      left: "0"
+    },
+    pageSizeOptionsSelect: _objectSpread(_objectSpread({
+      fontFamily: theme.hv.typography.fontFamily
+    }, theme.hv.typography.sText), {}, {
+      "-webkit-appearance": "none",
+      border: "none",
+      borderRadius: 0,
+      paddingLeft: `${theme.hv.spacing.xs}px`,
+      paddingRight: "32px",
+      textAlignLast: "right",
+      marginLeft: `${theme.hv.spacing.xs}px`,
+      marginRight: `${theme.hv.spacing.xs}px`,
+      outline: "none",
+      height: "32px",
+      backgroundColor: "transparent",
+      backgroundSize: "26px 26px",
+      "&::-ms-expand": {
+        display: "none"
+      },
+      "&:hover:enabled": {
+        cursor: "pointer",
+        backgroundColor: hoverColor
+      },
+      "&:focus": _objectSpread({
+        backgroundColor: hoverColor
+      }, outlineStyles)
+    }),
+    pageNavigator: {
+      display: "flex",
+      alignItems: "stretch",
+      height: "32px",
+      "&>*": {
+        margin: `0 ${theme.hv.spacing.xs / 2}px`
+      }
+    },
+    pageInfo: {
+      display: "inline-block",
+      whiteSpace: "nowrap",
+      height: "32px",
+      lineHeight: "32px"
+    },
+    pageJump: {
+      display: "inline-block",
+      marginRight: `${theme.hv.spacing.xs}px`
+    },
+    pageSizeInput: {},
+    pageSizeInputRoot: {
+      "& $pageSizeInput": _objectSpread(_objectSpread({}, theme.hv.typography.labelText), {}, {
+        paddingLeft: `${theme.hv.spacing.xs / 2}px`,
+        paddingRight: `${theme.hv.spacing.xs / 2}px`,
+        margin: 0,
+        textAlign: "right",
+        MozAppearance: "textfield",
+        "&:focus": {
+          backgroundColor: hoverColor
+        }
+      })
+    },
+    pageSizeInputContainer: {
+      width: "40px",
+      minWidth: "40px",
+      maxWidth: `${theme.hv.spacing.lg}px`,
+      "& $pageSizeInputRoot": {
+        backgroundColor: "transparent",
+        "&:hover": {
+          backgroundColor: hoverColor
+        },
+        "&:focus": {
+          backgroundColor: hoverColor
+        },
+        '& input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button': {
+          WebkitAppearance: "none",
+          margin: 0
+        }
+      }
+    },
+    iconContainer: {
+      padding: 0,
+      borderRadius: 0,
+      "&:hover": {
+        backgroundColor: hoverColor
+      },
+      "&:focus": _objectSpread({
+        backgroundColor: hoverColor
+      }, outlineStyles)
+    },
+    icon: {},
+    selectDownIcon: {
+      display: "inline-block",
+      position: "relative",
+      pointerEvents: "none",
+      left: "-32px",
+      top: "2px",
+      width: 0
+    }
+  };
+};
+
+export default styles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["outlineStyles","styles","theme","hoverColor","hv","palette","atmosphere","atmo4","root","position","zIndex","display","justifyContent","alignItems","flexWrap","marginTop","spacing","sm","pageSizeOptions","marginRight","top","transform","left","pageSizeOptionsSelect","fontFamily","typography","sText","border","borderRadius","paddingLeft","xs","paddingRight","textAlignLast","marginLeft","outline","height","backgroundColor","backgroundSize","cursor","pageNavigator","margin","pageInfo","whiteSpace","lineHeight","pageJump","pageSizeInput","pageSizeInputRoot","labelText","textAlign","MozAppearance","pageSizeInputContainer","width","minWidth","maxWidth","lg","WebkitAppearance","iconContainer","padding","icon","selectDownIcon","pointerEvents"],"sources":["../../../src/Pagination/styles.js"],"sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\n\nconst styles = (theme) => {\n  const hoverColor = theme.hv.palette.atmosphere.atmo4;\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}px`,\n    },\n    pageSizeOptions: {\n      position: \"absolute\",\n      marginRight: \"40px\",\n      top: \"50%\",\n      transform: \"translateY(-50%)\",\n      left: \"0\",\n    },\n    pageSizeOptionsSelect: {\n      fontFamily: theme.hv.typography.fontFamily,\n      ...theme.hv.typography.sText,\n      \"-webkit-appearance\": \"none\",\n      border: \"none\",\n      borderRadius: 0,\n      paddingLeft: `${theme.hv.spacing.xs}px`,\n      paddingRight: \"32px\",\n      textAlignLast: \"right\",\n      marginLeft: `${theme.hv.spacing.xs}px`,\n      marginRight: `${theme.hv.spacing.xs}px`,\n      outline: \"none\",\n      height: \"32px\",\n      backgroundColor: \"transparent\",\n      backgroundSize: \"26px 26px\",\n      \"&::-ms-expand\": {\n        display: \"none\",\n      },\n      \"&:hover:enabled\": {\n        cursor: \"pointer\",\n        backgroundColor: hoverColor,\n      },\n      \"&:focus\": {\n        backgroundColor: hoverColor,\n        ...outlineStyles,\n      },\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}px`,\n    },\n    pageSizeInput: {},\n    pageSizeInputRoot: {\n      \"& $pageSizeInput\": {\n        ...theme.hv.typography.labelText,\n        paddingLeft: `${theme.hv.spacing.xs / 2}px`,\n        paddingRight: `${theme.hv.spacing.xs / 2}px`,\n        margin: 0,\n        textAlign: \"right\",\n        MozAppearance: \"textfield\",\n        \"&:focus\": {\n          backgroundColor: hoverColor,\n        },\n      },\n    },\n    pageSizeInputContainer: {\n      width: \"40px\",\n      minWidth: \"40px\",\n      maxWidth: `${theme.hv.spacing.lg}px`,\n      \"& $pageSizeInputRoot\": {\n        backgroundColor: \"transparent\",\n        \"&:hover\": {\n          backgroundColor: hoverColor,\n        },\n        \"&:focus\": {\n          backgroundColor: hoverColor,\n        },\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    },\n    iconContainer: {\n      padding: 0,\n      borderRadius: 0,\n      \"&:hover\": {\n        backgroundColor: hoverColor,\n      },\n      \"&:focus\": {\n        backgroundColor: hoverColor,\n        ...outlineStyles,\n      },\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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"}

package/dist/modern/Provider/Provider.d.ts

@@ -0,0 +1,66 @@
+import * as React from "react";
+// eslint-disable-next-line import/no-extraneous-dependencies
+import { GenerateId } from "jss";
+import { HvTheme } from "..";
+
+export type HvUiKitThemeNames = "dawn" | "wicked";
+
+export interface GenerateClassNameOptions {
+  /**
+   * Disable the generation of deterministic class names. Defaults to `false`.
+   */
+  disableGlobal?: boolean;
+  /**
+   * The string used to prefix the class names in production. Defaults to `"jss-uikit"`.
+   */
+  productionPrefix?: string;
+  /**
+   * The string used to uniquely identify the generator. Defaults to `""`.
+   * It can be used to avoid class name collisions when using multiple generators in the same document.
+   */
+  seed?: string;
+}
+
+export interface HvProviderProps {
+  /**
+   * Your component tree.
+   */
+  children: React.ReactNode;
+
+  /**
+   * The Design System base theme in use. Defaults to `"dawn"`.
+   */
+  uiKitTheme?: HvUiKitThemeNames;
+  /**
+   * The UI Kit theme object to be applied on top of the base theme.
+   */
+  theme?: HvTheme;
+  /**
+   * Function stored in the provider's context to allow runtime switching of the active theme.
+   * The implementation is up to each App.
+   */
+  changeTheme?: () => void;
+
+  /**
+   * Custom JSS's class name generator.
+   */
+  generateClassName?: GenerateId;
+  /**
+   * Built-in JSS's class name generator options.
+   * Ignored if a custom `generateClassName` is provided.
+   */
+  generateClassNameOptions?: GenerateClassNameOptions;
+  /**
+   * Injects the generated stylesheets at the top of the `<head>` element of the page.
+   * This can ease the override of UI Kit components styles.
+   *
+   * By default, the styles are injected last in the `<head>` element of the page.
+   */
+  injectStylesFirst?: boolean;
+  /**
+   * Disables the generation of the styles.
+   */
+  disableStylesGeneration?: boolean;
+}
+
+export default function HvProvider(props: HvProviderProps): JSX.Element | null;