npm - @hitachivantara/uikit-react-core - Versions diffs - 3.74.0 → 4.0.1-next.2 - Mend

@hitachivantara/uikit-react-core 3.74.0 → 4.0.1-next.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2347) hide show

package/dist/Pagination/Pagination.js CHANGED Viewed

@@ -1,17 +1,27 @@
 "use strict";
-require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.object.keys.js");
+require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.array.filter.js");
 require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/es.array.iterator.js");
 require("core-js/modules/es.string.iterator.js");
 require("core-js/modules/es.weak-map.js");
 require("core-js/modules/web.dom-collections.iterator.js");
-require("core-js/modules/es.object.get-own-property-descriptor.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 var _typeof = require("@babel/runtime/helpers/typeof");
@@ -23,7 +33,7 @@ exports.default = void 0;
 require("core-js/modules/es.array.map.js");
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
@@ -35,7 +45,9 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _core = require("@material-ui/core");
+var _styles = require("@mui/styles");
+var _material = require("@mui/material");
 var _uikitReactIcons = require("@hitachivantara/uikit-react-icons");
@@ -51,7 +63,9 @@ var _Select = _interopRequireWildcard(require("./Select"));
 var _utils2 = require("./utils");
-var _styles = _interopRequireDefault(require("./styles"));
+var _styles2 = _interopRequireDefault(require("./styles"));
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["classes", "className", "id", "pages", "page", "showPageSizeOptions", "pageSizeOptions", "pageSize", "showPageJump", "canPrevious", "canNext", "onPageChange", "onPageSizeChange", "labels", "showPageProps", "navigationProps", "currentPageInputProps"];
@@ -59,6 +73,10 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var DEFAULT_LABELS = {
   pageSizePrev: "Show",
   pageSizeEntryName: "rows",
@@ -138,125 +156,149 @@ var Pagination = function Pagination(_ref) {
   }, [handleInputChange, page]);
   var renderPageJump = function renderPageJump() {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: classes.pageJump
-    }, /*#__PURE__*/_react.default.createElement(_.HvInput, (0, _extends2.default)({
-      id: (0, _utils.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: function onBlur(evt, value) {
-        return changePage(value - 1);
-      },
-      onKeyDown: function onKeyDown(evt, value) {
-        return (0, _KeyboardUtils.isKeypress)(evt, Enter) && changePage(value - 1);
-      },
-      disabled: pageSize === 0,
-      disableClear: true
-    }, currentPageInputProps)));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: classes.pageJump,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvInput, _objectSpread({
+        id: (0, _utils.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: function onBlur(evt, value) {
+          return changePage(value - 1);
+        },
+        onKeyDown: function onKeyDown(evt, value) {
+          return (0, _KeyboardUtils.isKeypress)(evt, Enter) && changePage(value - 1);
+        },
+        disabled: pageSize === 0,
+        disableClear: true
+      }, currentPageInputProps))
+    });
   };
-  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({
     id: id,
     className: (0, _clsx.default)(className, classes.root)
-  }, others), /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
-    className: classes.pageSizeOptions
-  }, showPageProps), showPageSizeOptions && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_core.Hidden, {
-    xsDown: true
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.pageSizeTextContainer
-  }, /*#__PURE__*/_react.default.createElement(_.HvTypography, {
-    component: "span"
-  }, labels.pageSizePrev))), /*#__PURE__*/_react.default.createElement(_Select.default, {
-    id: (0, _utils.setId)(id, "pageSize"),
-    disabled: pageSize === 0,
-    className: classes.pageSizeOptionsSelect,
-    "aria-label": labels.pageSizeSelectorDescription,
-    onChange: function onChange(evt, val) {
-      return onPageSizeChange === null || onPageSizeChange === void 0 ? void 0 : onPageSizeChange(val);
-    },
-    value: pageSize
-  }, pageSizeOptions.map(function (option) {
-    return /*#__PURE__*/_react.default.createElement(_Select.Option, {
-      key: option,
-      value: option
-    }, option);
-  })), /*#__PURE__*/_react.default.createElement(_core.Hidden, {
-    xsDown: true
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.pageSizeTextContainer
-  }, /*#__PURE__*/_react.default.createElement(_.HvTypography, {
-    component: "span"
-  }, labels.pageSizeEntryName))))), /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
-    className: classes.pageNavigator
-  }, navigationProps), /*#__PURE__*/_react.default.createElement(_ButtonIconTooltip.default, {
-    id: (0, _utils.setId)(id, "firstPage-button"),
-    "aria-label": labels.firstPage,
-    className: classes.iconContainer,
-    disabled: !canPrevious,
-    onClick: function onClick() {
-      return changePage(0);
-    },
-    tooltip: labels.paginationFirstPageTitle
-  }, /*#__PURE__*/_react.default.createElement(_uikitReactIcons.Start, {
-    className: classes.icon,
-    color: (0, _utils2.setColor)(!canPrevious)
-  })), /*#__PURE__*/_react.default.createElement(_ButtonIconTooltip.default, {
-    id: (0, _utils.setId)(id, "previousPage-button"),
-    "aria-label": labels.previousPage,
-    className: classes.iconContainer,
-    disabled: !canPrevious,
-    onClick: function onClick() {
-      return changePage(page - 1);
-    },
-    tooltip: labels.paginationPreviousPageTitle
-  }, /*#__PURE__*/_react.default.createElement(_uikitReactIcons.Backwards, {
-    className: classes.icon,
-    color: (0, _utils2.setColor)(!canPrevious)
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.pageInfo
-  }, showPageJump ? renderPageJump() : /*#__PURE__*/_react.default.createElement(_.HvTypography, {
-    component: "span"
-  }, "".concat(page + 1)), /*#__PURE__*/_react.default.createElement(_.HvTypography, {
-    component: "span"
-  }, "".concat(labels.pagesSeparator, " ")), /*#__PURE__*/_react.default.createElement(_.HvTypography, {
-    id: (0, _utils.setId)(id, "totalPages"),
-    component: "span"
-  }, pages)), /*#__PURE__*/_react.default.createElement(_ButtonIconTooltip.default, {
-    id: (0, _utils.setId)(id, "nextPage-button"),
-    "aria-label": labels.nextPage,
-    className: classes.iconContainer,
-    disabled: !canNext,
-    onClick: function onClick() {
-      return changePage(page + 1);
-    },
-    tooltip: labels.paginationNextPageTitle
-  }, /*#__PURE__*/_react.default.createElement(_uikitReactIcons.Forwards, {
-    className: classes.icon,
-    color: (0, _utils2.setColor)(!canNext)
-  })), /*#__PURE__*/_react.default.createElement(_ButtonIconTooltip.default, {
-    id: (0, _utils.setId)(id, "lastPage-button"),
-    "aria-label": labels.lastPage,
-    className: classes.iconContainer,
-    disabled: !canNext,
-    onClick: function onClick() {
-      return changePage(pages - 1);
-    },
-    tooltip: labels.paginationLastPageTitle
-  }, /*#__PURE__*/_react.default.createElement(_uikitReactIcons.End, {
-    className: classes.icon,
-    color: (0, _utils2.setColor)(!canNext)
-  }))));
+  }, others), {}, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
+      className: classes.pageSizeOptions
+    }, showPageProps), {}, {
+      children: showPageSizeOptions && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Hidden, {
+          xsDown: true,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: classes.pageSizeTextContainer,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvTypography, {
+              component: "span",
+              children: labels.pageSizePrev
+            })
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Select.default, {
+          id: (0, _utils.setId)(id, "pageSize"),
+          disabled: pageSize === 0,
+          className: classes.pageSizeOptionsSelect,
+          "aria-label": labels.pageSizeSelectorDescription,
+          onChange: function onChange(evt, val) {
+            return onPageSizeChange === null || onPageSizeChange === void 0 ? void 0 : onPageSizeChange(val);
+          },
+          value: pageSize,
+          children: pageSizeOptions.map(function (option) {
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Select.Option, {
+              value: option,
+              children: option
+            }, option);
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Hidden, {
+          xsDown: true,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: classes.pageSizeTextContainer,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvTypography, {
+              component: "span",
+              children: labels.pageSizeEntryName
+            })
+          })
+        })]
+      })
+    })), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({
+      className: classes.pageNavigator
+    }, navigationProps), {}, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonIconTooltip.default, {
+        id: (0, _utils.setId)(id, "firstPage-button"),
+        "aria-label": labels.firstPage,
+        className: classes.iconContainer,
+        disabled: !canPrevious,
+        onClick: function onClick() {
+          return changePage(0);
+        },
+        tooltip: labels.paginationFirstPageTitle,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactIcons.Start, {
+          className: classes.icon,
+          color: (0, _utils2.setColor)(!canPrevious)
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonIconTooltip.default, {
+        id: (0, _utils.setId)(id, "previousPage-button"),
+        "aria-label": labels.previousPage,
+        className: classes.iconContainer,
+        disabled: !canPrevious,
+        onClick: function onClick() {
+          return changePage(page - 1);
+        },
+        tooltip: labels.paginationPreviousPageTitle,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactIcons.Backwards, {
+          className: classes.icon,
+          color: (0, _utils2.setColor)(!canPrevious)
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: classes.pageInfo,
+        children: [showPageJump ? renderPageJump() : /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvTypography, {
+          component: "span",
+          children: "".concat(page + 1)
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvTypography, {
+          component: "span",
+          children: "".concat(labels.pagesSeparator, " ")
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvTypography, {
+          id: (0, _utils.setId)(id, "totalPages"),
+          component: "span",
+          children: pages
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonIconTooltip.default, {
+        id: (0, _utils.setId)(id, "nextPage-button"),
+        "aria-label": labels.nextPage,
+        className: classes.iconContainer,
+        disabled: !canNext,
+        onClick: function onClick() {
+          return changePage(page + 1);
+        },
+        tooltip: labels.paginationNextPageTitle,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactIcons.Forwards, {
+          className: classes.icon,
+          color: (0, _utils2.setColor)(!canNext)
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonIconTooltip.default, {
+        id: (0, _utils.setId)(id, "lastPage-button"),
+        "aria-label": labels.lastPage,
+        className: classes.iconContainer,
+        disabled: !canNext,
+        onClick: function onClick() {
+          return changePage(pages - 1);
+        },
+        tooltip: labels.paginationLastPageTitle,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactIcons.End, {
+          className: classes.icon,
+          color: (0, _utils2.setColor)(!canNext)
+        })
+      })]
+    }))]
+  }));
 };
 process.env.NODE_ENV !== "production" ? Pagination.propTypes = {
@@ -471,7 +513,7 @@ process.env.NODE_ENV !== "production" ? Pagination.propTypes = {
   currentPageInputProps: _propTypes.default.instanceOf(Object)
 } : void 0;
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvPagination"
 })(Pagination);

package/dist/Pagination/Pagination.js.map CHANGED Viewed

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

package/dist/Pagination/Select.js CHANGED Viewed

@@ -1,5 +1,17 @@
 "use strict";
+require("core-js/modules/es.object.keys.js");
+require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
 require("core-js/modules/es.array.iterator.js");
 require("core-js/modules/es.string.iterator.js");
@@ -8,8 +20,6 @@ require("core-js/modules/es.weak-map.js");
 require("core-js/modules/web.dom-collections.iterator.js");
-require("core-js/modules/es.object.get-own-property-descriptor.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 var _typeof = require("@babel/runtime/helpers/typeof");
@@ -23,22 +33,24 @@ require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.string.anchor.js");
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _core = require("@material-ui/core");
+var _styles = require("@mui/styles");
 var _ = require("..");
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["children"],
     _excluded2 = ["className", "classes", "onChange", "disabled", "value", "children"];
@@ -46,6 +58,10 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var styles = function styles(theme) {
   return {
     base: {
@@ -75,7 +91,9 @@ var styles = function styles(theme) {
 var Option = function Option(_ref) {
   var children = _ref.children,
       others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return /*#__PURE__*/_react.default.createElement(_.HvListItem, others, children);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvListItem, _objectSpread(_objectSpread({}, others), {}, {
+    children: children
+  }));
 };
 exports.Option = Option;
@@ -115,7 +133,7 @@ var HvSelect = function HvSelect(_ref2) {
     });
   };
-  return /*#__PURE__*/_react.default.createElement(_.HvBaseDropdown, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvBaseDropdown, _objectSpread(_objectSpread({
     className: className,
     classes: {
       root: (0, _clsx.default)(classes.base, classes.root),
@@ -126,16 +144,23 @@ var HvSelect = function HvSelect(_ref2) {
     expanded: open,
     onToggle: handleToggle,
     onContainerCreation: setFocusToContent,
-    placeholder: /*#__PURE__*/_react.default.createElement(_.HvTypography, null, value),
+    placeholder: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvTypography, {
+      children: value
+    }),
     disabled: disabled,
     variableWidth: true
-  }, others), /*#__PURE__*/_react.default.createElement(_.HvPanel, null, /*#__PURE__*/_react.default.createElement(_.HvSelectionList, {
-    value: value,
-    onChange: handleSelect
-  }, children)));
+  }, others), {}, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvPanel, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvSelectionList, {
+        value: value,
+        onChange: handleSelect,
+        children: children
+      })
+    })
+  }));
 };
-var _default = (0, _core.withStyles)(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   name: "HvSelect"
 })(HvSelect);

package/dist/Pagination/Select.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Select.js","names":["styles","theme","base","borderRadius","width","backgroundColor","borderColor","palette","atmo1","root","anchor","header","headerOpen","Option","children","others","HvSelect","className","classes","onChange","disabled","value","useState","open","setOpen","handleSelect","evt","val","handleToggle","_evt","s","setFocusToContent","containerRef","listItems","getElementsByTagName","every","listItem","tabIndex","focus","clsx","withStyles","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 \"@~~material-ui~~/~~core~~\";\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":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAEA;;AACA;;AACA;;AACA~~;;;;;;;;;~~AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI,EAAE;MACJ,UAAU;QACRC,YAAY,EAAE,CADN;QAERC,KAAK,EAAE,MAFC;QAIR,kBAAkB;UAChBA,KAAK,EAAE;QADS,CAJV;QAOR,aAAa;UACXC,eAAe,EAAE,aADN;UAEXC,WAAW,EAAE;QAFF,CAPL;QAWR,iBAAiB;UACfD,eAAe,EAAEJ,KAAK,CAACM,OAAN,CAAcC,KADhB;UAEfF,WAAW,EAAEL,KAAK,CAACM,OAAN,CAAcC;QAFZ;MAXT;IADN,CADmB;IAoBzBC,IAAI,EAAE,EApBmB;IAqBzBC,MAAM,EAAE,EArBiB;IAsBzBC,MAAM,EAAE,EAtBiB;IAuBzBC,UAAU,EAAE;EAvBa,CAAZ;AAAA,CAAf;;AA0BO,IAAMC,MAAM,GAAG,SAATA,MAAS;EAAA,IAAGC,QAAH,QAAGA,QAAH;EAAA,IAAgBC,MAAhB;EAAA,oBAA6B,~~6BAAC~~,YAAD,~~EAAgBA~~,MAAhB,~~EAAyBD~~,~~QAAzB,CAA7B~~;AAAA,CAAf;;;;AAEP,IAAME,QAAQ,GAAG,SAAXA,QAAW,QAA4E;EAAA,IAAzEC,SAAyE,SAAzEA,SAAyE;EAAA,IAA9DC,OAA8D,SAA9DA,OAA8D;EAAA,IAArDC,QAAqD,SAArDA,QAAqD;EAAA,IAA3CC,QAA2C,SAA3CA,QAA2C;EAAA,IAAjCC,KAAiC,SAAjCA,KAAiC;EAAA,IAA1BP,QAA0B,SAA1BA,QAA0B;EAAA,IAAbC,MAAa;;EAC3F,gBAAwB,IAAAO,eAAA,EAAS,KAAT,CAAxB;EAAA;EAAA,IAAOC,IAAP;EAAA,IAAaC,OAAb;;EAEA,IAAMC,YAAY,GAAG,SAAfA,YAAe,CAACC,GAAD,EAAMC,GAAN,EAAc;IACjCR,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGO,GAAH,EAAQC,GAAR,CAAR;IACAH,OAAO,CAAC,KAAD,CAAP;EACD,CAHD;;EAKA,IAAMI,YAAY,GAAG,SAAfA,YAAe,CAACC,IAAD,EAAOC,CAAP,EAAa;IAChCN,OAAO,CAACM,CAAD,CAAP;EACD,CAFD;;EAIA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,YAAD,EAAkB;IAC1C,IAAMC,SAAS,GAAGD,YAAY,IAAI,IAAhB,oCAA2BA,YAAY,CAACE,oBAAb,CAAkC,IAAlC,CAA3B,IAAsE,EAAxF;IACAD,SAAS,CAACE,KAAV,CAAgB,UAACC,QAAD,EAAc;MAC5B,IAAIA,QAAQ,CAACC,QAAT,IAAqB,CAAzB,EAA4B;QAC1BD,QAAQ,CAACE,KAAT;QACA,OAAO,KAAP;MACD;;MACD,OAAO,IAAP;IACD,CAND;EAOD,CATD;;EAWA,oBACE,~~6BAAC~~,gBAAD;IACE,SAAS,EAAErB,SADb;IAEE,OAAO,EAAE;MACPR,IAAI,EAAE,IAAA8B,aAAA,EAAKrB,OAAO,CAAChB,IAAb,EAAmBgB,OAAO,CAACT,IAA3B,CADC;MAEPC,MAAM,EAAEQ,OAAO,CAACR,MAFT;MAGPC,MAAM,EAAEO,OAAO,CAACP,MAHT;MAIPC,UAAU,EAAEM,OAAO,CAACN;IAJb,CAFX;IAQE,QAAQ,EAAEW,IARZ;IASE,QAAQ,EAAEK,YATZ;IAUE,mBAAmB,EAAEG,iBAVvB;IAWE,WAAW,eAAE,~~6BAAC~~,cAAD,~~QAAeV~~,~~KAAf,CAXf~~;IAYE,QAAQ,EAAED,QAZZ;IAaE,aAAa;EAbf,GAcML,MAdN,~~gBAgBE~~,~~6BAAC~~,SAAD,~~qBACE~~,~~6BAAC~~,iBAAD;~~IAAiB~~,KAAK,EAAEM,KAAxB;~~IAA~~+B,QAAQ,EAAEI;~~EAAzC~~,~~GACGX~~,~~QADH,CADF,CAhBF,CADF~~;AAwBD,CA/CD;;eAiDe,IAAA0B,~~gBAAA~~,EAAWxC,MAAX,EAAmB;EAAEyC,IAAI,EAAE;AAAR,CAAnB,EAAyCzB,QAAzC,C"}
1	+ {"version":3,"file":"Select.js","names":["styles","theme","base","borderRadius","width","backgroundColor","borderColor","palette","atmo1","root","anchor","header","headerOpen","Option","children","others","HvSelect","className","classes","onChange","disabled","value","useState","open","setOpen","handleSelect","evt","val","handleToggle","_evt","s","setFocusToContent","containerRef","listItems","getElementsByTagName","every","listItem","tabIndex","focus","clsx","withStyles","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/Panel/Panel.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { BoxProps, StandardProps } from "@material-ui/core";
+import { BoxProps, StandardProps } from "@mui/material";
 export type HvPanelClassKey = "root";