@hitachivantara/uikit-react-core 3.72.1 → 4.0.1-next.0

package/dist/ScrollTo/Horizontal/ScrollToHorizontal.js

@@ -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,13 +45,13 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _core = require("@material-ui/core");
+var _styles = require("@mui/styles");
 
 var _utils = require("../../utils");
 
 var _HorizontalScrollListItem = _interopRequireDefault(require("./HorizontalScrollListItem"));
 
-var _styles = _interopRequireDefault(require("./styles"));
+var _styles2 = _interopRequireDefault(require("./styles"));
 
 var _useScrollTo3 = _interopRequireDefault(require("../useScrollTo"));
 
@@ -49,12 +59,18 @@ var _withTooltip = _interopRequireDefault(require("../withTooltip"));
 
 var _ = require("../..");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _excluded = ["id", "defaultSelectedIndex", "scrollElementId", "href", "onChange", "onClick", "onEnter", "className", "classes", "options", "offset", "position", "tooltipPosition"];
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 var Enter = _utils.KeyboardCodes.Enter;
 /**
  * HorizontalScrollTo element used to quickly navigate in a page.
@@ -105,7 +121,7 @@ var HvScrollToHorizontal = function HvScrollToHorizontal(props) {
   var tabs = options.map(function (option, index) {
     var selected = selectedIndex === index;
     var tooltipWrapper = tooltipWrappers[index];
-    return /*#__PURE__*/_react.default.createElement(_HorizontalScrollListItem.default, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_HorizontalScrollListItem.default, {
       id: (0, _.setId)(elementId, "item-".concat(index)),
       onClick: function onClick(event) {
         handleSelection(event, option.value, index);
@@ -119,16 +135,18 @@ var HvScrollToHorizontal = function HvScrollToHorizontal(props) {
       },
       tooltipWrapper: tooltipWrapper,
       selected: selected,
-      key: option.key || option.label
-    }, option.label);
+      children: option.label
+    }, option.key || option.label);
   });
-  return /*#__PURE__*/_react.default.createElement("ol", (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("ol", _objectSpread(_objectSpread({
     className: (0, _clsx.default)(className, classes.root, {
       "sticky": classes.positionSticky,
       "fixed": classes.positionFixed
     }[position]),
     id: elementId
-  }, others), tabs);
+  }, others), {}, {
+    children: tabs
+  }));
 };
 
 process.env.NODE_ENV !== "production" ? HvScrollToHorizontal.propTypes = {
@@ -224,7 +242,7 @@ process.env.NODE_ENV !== "production" ? HvScrollToHorizontal.propTypes = {
   tooltipPosition: _propTypes.default.oneOf(["left", "right", "top", "bottom"])
 } : void 0;
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvScrollToHorizontal"
 })(HvScrollToHorizontal);
 

package/dist/ScrollTo/Horizontal/ScrollToHorizontal.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollToHorizontal.js","names":["Enter","KeyboardCodes","HvScrollToHorizontal","props","id","defaultSelectedIndex","scrollElementId","href","onChange","onClick","onEnter","className","classes","options","offset","position","tooltipPosition","others","elementId","useUniqueId","useScrollTo","selectedIndex","setScrollTo","handleSelection","event","value","index","preventDefault","wrappedOnChange","tooltipWrappers","useMemo","map","option","addTooltipToElement","label","tabs","selected","tooltipWrapper","setId","isKeypress","key","clsx","root","positionSticky","positionFixed","propTypes","PropTypes","string","shape","isRequired","func","arrayOf","number","bool","oneOf","withStyles","styles","name"],"sources":["../../../src/ScrollTo/Horizontal/ScrollToHorizontal.js"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport { isKeypress, KeyboardCodes } from \"../../utils\";\nimport HorizontalScrollListItem from \"./HorizontalScrollListItem\";\nimport styles from \"./styles\";\nimport useScrollTo from \"../useScrollTo\";\nimport addTooltipToElement from \"../withTooltip\";\nimport { useUniqueId, setId } from \"../..\";\n\nconst { Enter } = KeyboardCodes;\n\n/**\n * HorizontalScrollTo element used to quickly navigate in a page.\n */\nconst HvScrollToHorizontal = (props) => {\n  const {\n    id,\n    defaultSelectedIndex = 0,\n    scrollElementId,\n    href = true,\n    onChange,\n    onClick,\n    onEnter,\n    className,\n    classes,\n    options,\n    offset = 0,\n    position = \"relative\",\n    tooltipPosition = \"top\",\n    ...others\n  } = props;\n\n  const elementId = useUniqueId(id, \"hvHorizontalScrollto\");\n\n  const [selectedIndex, setScrollTo] = useScrollTo(\n    defaultSelectedIndex,\n    scrollElementId,\n    href,\n    offset,\n    options,\n    onChange\n  );\n\n  const handleSelection = (event, value, index) => {\n    event.preventDefault();\n    const wrappedOnChange = () => {\n      onChange?.(event, index);\n    };\n    setScrollTo(event, value, index, wrappedOnChange);\n  };\n\n  const tooltipWrappers = useMemo(() => {\n    return options.map((option) => {\n      return addTooltipToElement(option.label, \"p\", tooltipPosition);\n    });\n  }, [options, tooltipPosition]);\n\n  const tabs = options.map((option, index) => {\n    const selected = selectedIndex === index;\n    const tooltipWrapper = tooltipWrappers[index];\n    return (\n      <HorizontalScrollListItem\n        id={setId(elementId, `item-${index}`)}\n        onClick={(event) => {\n          handleSelection(event, option.value, index);\n          onClick?.(event, index);\n        }}\n        onKeyDown={(event) => {\n          if (isKeypress(event, Enter) === true) {\n            handleSelection(event, option.value, index);\n            onEnter?.(event, index);\n          }\n        }}\n        tooltipWrapper={tooltipWrapper}\n        selected={selected}\n        key={option.key || option.label}\n      >\n        {option.label}\n      </HorizontalScrollListItem>\n    );\n  });\n  return (\n    <ol\n      className={clsx(className, classes.root, {\n        [classes.positionSticky]: position === \"sticky\",\n        [classes.positionFixed]: position === \"fixed\",\n      })}\n      id={elementId}\n      {...others}\n    >\n      {tabs}\n    </ol>\n  );\n};\n\nHvScrollToHorizontal.propTypes = {\n  /**\n   * Id to be applied to the element.\n   */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\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 component when it has a sticky position.\n     */\n    positionSticky: PropTypes.string,\n    /**\n     * Styles applied to the component when it has a fixed position.\n     */\n    positionFixed: PropTypes.string,\n  }).isRequired,\n  /**\n   * A function called each time the selected index changes.\n   */\n  onChange: PropTypes.func,\n  /**\n   * A function called each time an user clicks on a tab element.\n   */\n  onClick: PropTypes.func,\n  /**\n   * A function called each time an user press enter on a tab element.\n   */\n  onEnter: PropTypes.func,\n  /**\n   * An Array of Objects with Label and Value. Label is the displayed Element and Value is the local navigation location applied\n   */\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\n      key: PropTypes.string,\n      value: PropTypes.string.isRequired,\n      label: PropTypes.string.isRequired,\n      offset: PropTypes.number,\n    })\n  ).isRequired,\n  /**\n   * default selected index passed from the parent.\n   */\n  defaultSelectedIndex: PropTypes.number,\n  /**\n   * The Id of the scrollable container containing displayed elements.\n   *\n   * Defaults to `window` if unspecified.\n   */\n  scrollElementId: PropTypes.string,\n  /*\n   * Defines the offset from the top of each element for getting an optimal viewing region in the container.\n   * This allows to exclude regions of the container that are obscured by other content (such as fixed-positioned toolbars or titles)\n   * or to put more breathing room between the targeted element and the edges of the container.\n   *\n   * Each element can also have a specific offset via the options property.\n   */\n  offset: PropTypes.number,\n  /**\n   * True if the href location link should be applied. It will create an a element around every list item\n   */\n  href: PropTypes.bool,\n  /**\n   * Position of the Horizontal scroll to.\n   */\n  position: PropTypes.oneOf([\"sticky\", \"fixed\", \"relative\"]),\n  /**\n   * Position of tooltip identifying the current item.\n   */\n  tooltipPosition: PropTypes.oneOf([\"left\", \"right\", \"top\", \"bottom\"]),\n};\n\nexport default withStyles(styles, { name: \"HvScrollToHorizontal\" })(HvScrollToHorizontal);\n"],"mappings":"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"}
+{"version":3,"file":"ScrollToHorizontal.js","names":["Enter","KeyboardCodes","HvScrollToHorizontal","props","id","defaultSelectedIndex","scrollElementId","href","onChange","onClick","onEnter","className","classes","options","offset","position","tooltipPosition","others","elementId","useUniqueId","useScrollTo","selectedIndex","setScrollTo","handleSelection","event","value","index","preventDefault","wrappedOnChange","tooltipWrappers","useMemo","map","option","addTooltipToElement","label","tabs","selected","tooltipWrapper","setId","isKeypress","key","clsx","root","positionSticky","positionFixed","propTypes","PropTypes","string","shape","isRequired","func","arrayOf","number","bool","oneOf","withStyles","styles","name"],"sources":["../../../src/ScrollTo/Horizontal/ScrollToHorizontal.js"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\nimport { isKeypress, KeyboardCodes } from \"../../utils\";\nimport HorizontalScrollListItem from \"./HorizontalScrollListItem\";\nimport styles from \"./styles\";\nimport useScrollTo from \"../useScrollTo\";\nimport addTooltipToElement from \"../withTooltip\";\nimport { useUniqueId, setId } from \"../..\";\n\nconst { Enter } = KeyboardCodes;\n\n/**\n * HorizontalScrollTo element used to quickly navigate in a page.\n */\nconst HvScrollToHorizontal = (props) => {\n  const {\n    id,\n    defaultSelectedIndex = 0,\n    scrollElementId,\n    href = true,\n    onChange,\n    onClick,\n    onEnter,\n    className,\n    classes,\n    options,\n    offset = 0,\n    position = \"relative\",\n    tooltipPosition = \"top\",\n    ...others\n  } = props;\n\n  const elementId = useUniqueId(id, \"hvHorizontalScrollto\");\n\n  const [selectedIndex, setScrollTo] = useScrollTo(\n    defaultSelectedIndex,\n    scrollElementId,\n    href,\n    offset,\n    options,\n    onChange\n  );\n\n  const handleSelection = (event, value, index) => {\n    event.preventDefault();\n    const wrappedOnChange = () => {\n      onChange?.(event, index);\n    };\n    setScrollTo(event, value, index, wrappedOnChange);\n  };\n\n  const tooltipWrappers = useMemo(() => {\n    return options.map((option) => {\n      return addTooltipToElement(option.label, \"p\", tooltipPosition);\n    });\n  }, [options, tooltipPosition]);\n\n  const tabs = options.map((option, index) => {\n    const selected = selectedIndex === index;\n    const tooltipWrapper = tooltipWrappers[index];\n    return (\n      <HorizontalScrollListItem\n        id={setId(elementId, `item-${index}`)}\n        onClick={(event) => {\n          handleSelection(event, option.value, index);\n          onClick?.(event, index);\n        }}\n        onKeyDown={(event) => {\n          if (isKeypress(event, Enter) === true) {\n            handleSelection(event, option.value, index);\n            onEnter?.(event, index);\n          }\n        }}\n        tooltipWrapper={tooltipWrapper}\n        selected={selected}\n        key={option.key || option.label}\n      >\n        {option.label}\n      </HorizontalScrollListItem>\n    );\n  });\n  return (\n    <ol\n      className={clsx(className, classes.root, {\n        [classes.positionSticky]: position === \"sticky\",\n        [classes.positionFixed]: position === \"fixed\",\n      })}\n      id={elementId}\n      {...others}\n    >\n      {tabs}\n    </ol>\n  );\n};\n\nHvScrollToHorizontal.propTypes = {\n  /**\n   * Id to be applied to the element.\n   */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\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 component when it has a sticky position.\n     */\n    positionSticky: PropTypes.string,\n    /**\n     * Styles applied to the component when it has a fixed position.\n     */\n    positionFixed: PropTypes.string,\n  }).isRequired,\n  /**\n   * A function called each time the selected index changes.\n   */\n  onChange: PropTypes.func,\n  /**\n   * A function called each time an user clicks on a tab element.\n   */\n  onClick: PropTypes.func,\n  /**\n   * A function called each time an user press enter on a tab element.\n   */\n  onEnter: PropTypes.func,\n  /**\n   * An Array of Objects with Label and Value. Label is the displayed Element and Value is the local navigation location applied\n   */\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\n      key: PropTypes.string,\n      value: PropTypes.string.isRequired,\n      label: PropTypes.string.isRequired,\n      offset: PropTypes.number,\n    })\n  ).isRequired,\n  /**\n   * default selected index passed from the parent.\n   */\n  defaultSelectedIndex: PropTypes.number,\n  /**\n   * The Id of the scrollable container containing displayed elements.\n   *\n   * Defaults to `window` if unspecified.\n   */\n  scrollElementId: PropTypes.string,\n  /*\n   * Defines the offset from the top of each element for getting an optimal viewing region in the container.\n   * This allows to exclude regions of the container that are obscured by other content (such as fixed-positioned toolbars or titles)\n   * or to put more breathing room between the targeted element and the edges of the container.\n   *\n   * Each element can also have a specific offset via the options property.\n   */\n  offset: PropTypes.number,\n  /**\n   * True if the href location link should be applied. It will create an a element around every list item\n   */\n  href: PropTypes.bool,\n  /**\n   * Position of the Horizontal scroll to.\n   */\n  position: PropTypes.oneOf([\"sticky\", \"fixed\", \"relative\"]),\n  /**\n   * Position of tooltip identifying the current item.\n   */\n  tooltipPosition: PropTypes.oneOf([\"left\", \"right\", \"top\", \"bottom\"]),\n};\n\nexport default withStyles(styles, { name: \"HvScrollToHorizontal\" })(HvScrollToHorizontal);\n"],"mappings":"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"}

package/dist/ScrollTo/Vertical/ScrollToVertical.d.ts

@@ -1,4 +1,4 @@
-import { StandardProps } from "@material-ui/core";
+import { StandardProps } from "@mui/material";
 import React from "react";
 import { HvScrollToTooltipPositions } from "../tooltipPositions";
 

package/dist/ScrollTo/Vertical/ScrollToVertical.js

@@ -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,13 +45,13 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _core = require("@material-ui/core");
+var _styles = require("@mui/styles");
 
 var _utils = require("../../utils");
 
 var _VerticalScrollListItem = _interopRequireDefault(require("./VerticalScrollListItem"));
 
-var _styles = _interopRequireWildcard(require("./styles"));
+var _styles2 = _interopRequireWildcard(require("./styles"));
 
 var _useScrollTo3 = _interopRequireDefault(require("../useScrollTo"));
 
@@ -49,12 +59,18 @@ var _withTooltip = _interopRequireDefault(require("../withTooltip"));
 
 var _ = require("../..");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _excluded = ["id", "defaultSelectedIndex", "scrollElementId", "href", "onChange", "onClick", "onEnter", "className", "classes", "options", "offset", "position", "tooltipPosition"];
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 var Enter = _utils.KeyboardCodes.Enter;
 /**
  * VerticalScrollTo element used to quickly navigate in a page.
@@ -87,7 +103,7 @@ var HvScrollToVertical = function HvScrollToVertical(props) {
       selectedIndex = _useScrollTo2[0],
       setScrollTo = _useScrollTo2[1];
 
-  var dynamicClasses = (0, _styles.generateDynamicStyles)(options.length);
+  var dynamicClasses = (0, _styles2.generateDynamicStyles)(options.length);
 
   var handleSelection = function handleSelection(event, value, index) {
     event.preventDefault();
@@ -107,7 +123,7 @@ var HvScrollToVertical = function HvScrollToVertical(props) {
   var tabs = options.map(function (option, index) {
     var selected = selectedIndex === index;
     var tooltipWrapper = tooltipWrappers[index];
-    return /*#__PURE__*/_react.default.createElement(_VerticalScrollListItem.default, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_VerticalScrollListItem.default, {
       id: (0, _.setId)(elementId, "item-".concat(index)),
       onClick: function onClick(event) {
         handleSelection(event, option.value, index);
@@ -121,17 +137,18 @@ var HvScrollToVertical = function HvScrollToVertical(props) {
       },
       tooltipWrapper: tooltipWrapper,
       selected: selected,
-      key: option.key || option.label,
       "aria-label": option.label
-    });
+    }, option.key || option.label);
   });
-  return /*#__PURE__*/_react.default.createElement("ol", (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("ol", _objectSpread(_objectSpread({
     className: (0, _clsx.default)(className, classes.root, {
       "absolute": dynamicClasses.positionAbsolute,
       "fixed": dynamicClasses.positionFixed
     }[position]),
     id: elementId
-  }, others), tabs);
+  }, others), {}, {
+    children: tabs
+  }));
 };
 
 process.env.NODE_ENV !== "production" ? HvScrollToVertical.propTypes = {
@@ -227,7 +244,7 @@ process.env.NODE_ENV !== "production" ? HvScrollToVertical.propTypes = {
   tooltipPosition: _propTypes.default.oneOf(["left", "right", "top", "bottom"])
 } : void 0;
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvScrollToVertical"
 })(HvScrollToVertical);
 

package/dist/ScrollTo/Vertical/ScrollToVertical.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollToVertical.js","names":["Enter","KeyboardCodes","HvScrollToVertical","props","id","defaultSelectedIndex","scrollElementId","href","onChange","onClick","onEnter","className","classes","options","offset","position","tooltipPosition","others","elementId","useUniqueId","useScrollTo","selectedIndex","setScrollTo","dynamicClasses","generateDynamicStyles","length","handleSelection","event","value","index","preventDefault","wrappedOnChange","tooltipWrappers","useMemo","map","option","addTooltipToElement","label","tabs","selected","tooltipWrapper","setId","isKeypress","key","clsx","root","positionAbsolute","positionFixed","propTypes","PropTypes","string","shape","isRequired","func","arrayOf","number","bool","oneOf","withStyles","styles","name"],"sources":["../../../src/ScrollTo/Vertical/ScrollToVertical.js"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport { isKeypress, KeyboardCodes } from \"../../utils\";\nimport VerticalScrollListItem from \"./VerticalScrollListItem\";\nimport styles, { generateDynamicStyles } from \"./styles\";\nimport useScrollTo from \"../useScrollTo\";\nimport addTooltipToElement from \"../withTooltip\";\nimport { useUniqueId, setId } from \"../..\";\n\nconst { Enter } = KeyboardCodes;\n\n/**\n * VerticalScrollTo element used to quickly navigate in a page.\n */\nconst HvScrollToVertical = (props) => {\n  const {\n    id,\n    defaultSelectedIndex = 0,\n    scrollElementId,\n    href = true,\n    onChange,\n    onClick,\n    onEnter,\n    className,\n    classes,\n    options,\n    offset = 0,\n    position = \"relative\",\n    tooltipPosition = \"left\",\n    ...others\n  } = props;\n\n  const elementId = useUniqueId(id, \"hvVerticalScrollto\");\n\n  const [selectedIndex, setScrollTo] = useScrollTo(\n    defaultSelectedIndex,\n    scrollElementId,\n    href,\n    offset,\n    options,\n    onChange\n  );\n  const dynamicClasses = generateDynamicStyles(options.length);\n  const handleSelection = (event, value, index) => {\n    event.preventDefault();\n    const wrappedOnChange = () => {\n      onChange?.(event, index);\n    };\n    setScrollTo(event, value, index, wrappedOnChange);\n  };\n\n  const tooltipWrappers = useMemo(() => {\n    return options.map((option) => {\n      return addTooltipToElement(option.label, \"div\", tooltipPosition, false);\n    });\n  }, [options, tooltipPosition]);\n\n  const tabs = options.map((option, index) => {\n    const selected = selectedIndex === index;\n    const tooltipWrapper = tooltipWrappers[index];\n    return (\n      <VerticalScrollListItem\n        id={setId(elementId, `item-${index}`)}\n        onClick={(event) => {\n          handleSelection(event, option.value, index);\n          onClick?.(event, index);\n        }}\n        onKeyDown={(event) => {\n          if (isKeypress(event, Enter) === true) {\n            handleSelection(event, option.value, index);\n            onEnter?.(event, index);\n          }\n        }}\n        tooltipWrapper={tooltipWrapper}\n        selected={selected}\n        key={option.key || option.label}\n        aria-label={option.label}\n      />\n    );\n  });\n  return (\n    <ol\n      className={clsx(className, classes.root, {\n        [dynamicClasses.positionAbsolute]: position === \"absolute\",\n        [dynamicClasses.positionFixed]: position === \"fixed\",\n      })}\n      id={elementId}\n      {...others}\n    >\n      {tabs}\n    </ol>\n  );\n};\n\nHvScrollToVertical.propTypes = {\n  /**\n   * Id to be applied to the element.\n   */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\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 component when it has a sticky position.\n     */\n    positionAbsolute: PropTypes.string,\n    /**\n     * Styles applied to the component when it has a fixed position.\n     */\n    positionFixed: PropTypes.string,\n  }).isRequired,\n  /**\n   * A function called each time the selected index changes.\n   */\n  onChange: PropTypes.func,\n  /**\n   * A function called each time an user clicks on a tab element.\n   */\n  onClick: PropTypes.func,\n  /**\n   * A function called each time an user press enter on a tab element.\n   */\n  onEnter: PropTypes.func,\n  /**\n   * An Array of Objects with Label and Value. Label is the displayed Element and Value is the local navigation location applied\n   */\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\n      key: PropTypes.string,\n      value: PropTypes.string.isRequired,\n      label: PropTypes.string.isRequired,\n      offset: PropTypes.number,\n    })\n  ).isRequired,\n  /**\n   * default selected index passed from the parent.\n   */\n  defaultSelectedIndex: PropTypes.number,\n  /**\n   * The Id of the scrollable container containing displayed elements.\n   *\n   * Defaults to `window` if unspecified.\n   */\n  scrollElementId: PropTypes.string,\n  /*\n   * Defines the offset from the top of each element for getting an optimal viewing region in the container.\n   * This allows to exclude regions of the container that are obscured by other content (such as fixed-positioned toolbars or titles)\n   * or to put more breathing room between the targeted element and the edges of the container.\n   *\n   * Each element can also have a specific offset via the options property.\n   */\n  offset: PropTypes.number,\n  /**\n   * True if the href location link should be applied. It will create an a element around every list item\n   */\n  href: PropTypes.bool,\n  /**\n   * Position of the Vertical scroll to.\n   */\n  position: PropTypes.oneOf([\"absolute\", \"fixed\", \"relative\"]),\n  /**\n   * Position of tooltip identifying the current item.\n   */\n  tooltipPosition: PropTypes.oneOf([\"left\", \"right\", \"top\", \"bottom\"]),\n};\n\nexport default withStyles(styles, { name: \"HvScrollToVertical\" })(HvScrollToVertical);\n"],"mappings":"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"}
+{"version":3,"file":"ScrollToVertical.js","names":["Enter","KeyboardCodes","HvScrollToVertical","props","id","defaultSelectedIndex","scrollElementId","href","onChange","onClick","onEnter","className","classes","options","offset","position","tooltipPosition","others","elementId","useUniqueId","useScrollTo","selectedIndex","setScrollTo","dynamicClasses","generateDynamicStyles","length","handleSelection","event","value","index","preventDefault","wrappedOnChange","tooltipWrappers","useMemo","map","option","addTooltipToElement","label","tabs","selected","tooltipWrapper","setId","isKeypress","key","clsx","root","positionAbsolute","positionFixed","propTypes","PropTypes","string","shape","isRequired","func","arrayOf","number","bool","oneOf","withStyles","styles","name"],"sources":["../../../src/ScrollTo/Vertical/ScrollToVertical.js"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\nimport { isKeypress, KeyboardCodes } from \"../../utils\";\nimport VerticalScrollListItem from \"./VerticalScrollListItem\";\nimport styles, { generateDynamicStyles } from \"./styles\";\nimport useScrollTo from \"../useScrollTo\";\nimport addTooltipToElement from \"../withTooltip\";\nimport { useUniqueId, setId } from \"../..\";\n\nconst { Enter } = KeyboardCodes;\n\n/**\n * VerticalScrollTo element used to quickly navigate in a page.\n */\nconst HvScrollToVertical = (props) => {\n  const {\n    id,\n    defaultSelectedIndex = 0,\n    scrollElementId,\n    href = true,\n    onChange,\n    onClick,\n    onEnter,\n    className,\n    classes,\n    options,\n    offset = 0,\n    position = \"relative\",\n    tooltipPosition = \"left\",\n    ...others\n  } = props;\n\n  const elementId = useUniqueId(id, \"hvVerticalScrollto\");\n\n  const [selectedIndex, setScrollTo] = useScrollTo(\n    defaultSelectedIndex,\n    scrollElementId,\n    href,\n    offset,\n    options,\n    onChange\n  );\n  const dynamicClasses = generateDynamicStyles(options.length);\n  const handleSelection = (event, value, index) => {\n    event.preventDefault();\n    const wrappedOnChange = () => {\n      onChange?.(event, index);\n    };\n    setScrollTo(event, value, index, wrappedOnChange);\n  };\n\n  const tooltipWrappers = useMemo(() => {\n    return options.map((option) => {\n      return addTooltipToElement(option.label, \"div\", tooltipPosition, false);\n    });\n  }, [options, tooltipPosition]);\n\n  const tabs = options.map((option, index) => {\n    const selected = selectedIndex === index;\n    const tooltipWrapper = tooltipWrappers[index];\n    return (\n      <VerticalScrollListItem\n        id={setId(elementId, `item-${index}`)}\n        onClick={(event) => {\n          handleSelection(event, option.value, index);\n          onClick?.(event, index);\n        }}\n        onKeyDown={(event) => {\n          if (isKeypress(event, Enter) === true) {\n            handleSelection(event, option.value, index);\n            onEnter?.(event, index);\n          }\n        }}\n        tooltipWrapper={tooltipWrapper}\n        selected={selected}\n        key={option.key || option.label}\n        aria-label={option.label}\n      />\n    );\n  });\n  return (\n    <ol\n      className={clsx(className, classes.root, {\n        [dynamicClasses.positionAbsolute]: position === \"absolute\",\n        [dynamicClasses.positionFixed]: position === \"fixed\",\n      })}\n      id={elementId}\n      {...others}\n    >\n      {tabs}\n    </ol>\n  );\n};\n\nHvScrollToVertical.propTypes = {\n  /**\n   * Id to be applied to the element.\n   */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\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 component when it has a sticky position.\n     */\n    positionAbsolute: PropTypes.string,\n    /**\n     * Styles applied to the component when it has a fixed position.\n     */\n    positionFixed: PropTypes.string,\n  }).isRequired,\n  /**\n   * A function called each time the selected index changes.\n   */\n  onChange: PropTypes.func,\n  /**\n   * A function called each time an user clicks on a tab element.\n   */\n  onClick: PropTypes.func,\n  /**\n   * A function called each time an user press enter on a tab element.\n   */\n  onEnter: PropTypes.func,\n  /**\n   * An Array of Objects with Label and Value. Label is the displayed Element and Value is the local navigation location applied\n   */\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\n      key: PropTypes.string,\n      value: PropTypes.string.isRequired,\n      label: PropTypes.string.isRequired,\n      offset: PropTypes.number,\n    })\n  ).isRequired,\n  /**\n   * default selected index passed from the parent.\n   */\n  defaultSelectedIndex: PropTypes.number,\n  /**\n   * The Id of the scrollable container containing displayed elements.\n   *\n   * Defaults to `window` if unspecified.\n   */\n  scrollElementId: PropTypes.string,\n  /*\n   * Defines the offset from the top of each element for getting an optimal viewing region in the container.\n   * This allows to exclude regions of the container that are obscured by other content (such as fixed-positioned toolbars or titles)\n   * or to put more breathing room between the targeted element and the edges of the container.\n   *\n   * Each element can also have a specific offset via the options property.\n   */\n  offset: PropTypes.number,\n  /**\n   * True if the href location link should be applied. It will create an a element around every list item\n   */\n  href: PropTypes.bool,\n  /**\n   * Position of the Vertical scroll to.\n   */\n  position: PropTypes.oneOf([\"absolute\", \"fixed\", \"relative\"]),\n  /**\n   * Position of tooltip identifying the current item.\n   */\n  tooltipPosition: PropTypes.oneOf([\"left\", \"right\", \"top\", \"bottom\"]),\n};\n\nexport default withStyles(styles, { name: \"HvScrollToVertical\" })(HvScrollToVertical);\n"],"mappings":"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"}

package/dist/ScrollTo/Vertical/VerticalScrollListItem/VerticalScrollListItem.js

@@ -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");
@@ -21,7 +31,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
@@ -31,13 +41,15 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _core = require("@material-ui/core");
+var _styles = require("@mui/styles");
 
 var _uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 
 var _ = require("../../..");
 
-var _styles = _interopRequireDefault(require("./styles"));
+var _styles2 = _interopRequireDefault(require("./styles"));
+
+var _jsxRuntime = require("react/jsx-runtime");
 
 var _CurrentStep;
 
@@ -47,6 +59,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; }
+
 /**
  * HvVerticalScrollListItem a focusable item to be used as part of the vertical scroll
  */
@@ -65,32 +81,36 @@ var HvVerticalScrollListItem = function HvVerticalScrollListItem(props) {
   var buttonId = (0, _.setId)(id, "button");
   var Tooltip = tooltipWrapper;
   var NotSelected = (0, _react.useCallback)(function () {
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: classes.notSelected
     });
   }, [classes.notSelected]);
-  var icon = selected ? _CurrentStep || (_CurrentStep = /*#__PURE__*/_react.default.createElement(_uikitReactIcons.CurrentStep, {
+  var icon = selected ? _CurrentStep || (_CurrentStep = /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactIcons.CurrentStep, {
     height: "10px",
     width: "10px"
-  })) : /*#__PURE__*/_react.default.createElement(NotSelected, null);
-  return /*#__PURE__*/_react.default.createElement("li", {
+  })) : /*#__PURE__*/(0, _jsxRuntime.jsx)(NotSelected, {});
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
     id: id,
     className: (0, _clsx.default)(className, classes.root),
-    "aria-current": selected
-  }, /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
-    id: buttonId,
-    role: "button",
-    tabIndex: 0,
-    onClick: onClick,
-    onKeyDown: onKeyDown,
-    className: classes.button,
-    "aria-label": ariaLabel,
-    "aria-labelledby": labelId
-  }, others), /*#__PURE__*/_react.default.createElement(Tooltip, {
-    id: labelId,
-    className: (0, _clsx.default)(classes.text),
-    variant: variant
-  }, icon)));
+    "aria-current": selected,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
+      id: buttonId,
+      role: "button",
+      tabIndex: 0,
+      onClick: onClick,
+      onKeyDown: onKeyDown,
+      className: classes.button,
+      "aria-label": ariaLabel,
+      "aria-labelledby": labelId
+    }, others), {}, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Tooltip, {
+        id: labelId,
+        className: (0, _clsx.default)(classes.text),
+        variant: variant,
+        children: icon
+      })
+    }))
+  });
 };
 
 process.env.NODE_ENV !== "production" ? HvVerticalScrollListItem.propTypes = {
@@ -156,7 +176,7 @@ process.env.NODE_ENV !== "production" ? HvVerticalScrollListItem.propTypes = {
   onKeyDown: _propTypes.default.func
 } : void 0;
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvVerticalScrollListItem"
 })(HvVerticalScrollListItem);
 

package/dist/ScrollTo/Vertical/VerticalScrollListItem/VerticalScrollListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"VerticalScrollListItem.js","names":["HvVerticalScrollListItem","props","id","className","classes","selected","ariaLabel","onClick","onKeyDown","tooltipWrapper","others","variant","labelId","setId","buttonId","Tooltip","NotSelected","useCallback","notSelected","icon","clsx","root","button","text","propTypes","PropTypes","string","shape","isRequired","bool","func","withStyles","styles","name"],"sources":["../../../../src/ScrollTo/Vertical/VerticalScrollListItem/VerticalScrollListItem.js"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport { CurrentStep } from \"@hitachivantara/uikit-react-icons\";\nimport { setId } from \"../../..\";\nimport styles from \"./styles\";\n\n/**\n * HvVerticalScrollListItem a focusable item to be used as part of the vertical scroll\n */\nconst HvVerticalScrollListItem = (props) => {\n  const {\n    id,\n    className,\n    classes,\n    selected,\n    \"aria-label\": ariaLabel,\n    onClick,\n    onKeyDown,\n    tooltipWrapper,\n    ...others\n  } = props;\n  const variant = selected ? \"highlightText\" : \"normalText\";\n  const labelId = setId(id, \"label\");\n  const buttonId = setId(id, \"button\");\n  const Tooltip = tooltipWrapper;\n  const NotSelected = useCallback(() => {\n    return <div className={classes.notSelected} />;\n  }, [classes.notSelected]);\n  const icon = selected ? <CurrentStep height=\"10px\" width=\"10px\" /> : <NotSelected />;\n  return (\n    <li id={id} className={clsx(className, classes.root)} aria-current={selected}>\n      <div\n        id={buttonId}\n        role=\"button\"\n        tabIndex={0}\n        onClick={onClick}\n        onKeyDown={onKeyDown}\n        className={classes.button}\n        aria-label={ariaLabel}\n        aria-labelledby={labelId}\n        {...others}\n      >\n        <Tooltip id={labelId} className={clsx(classes.text)} variant={variant}>\n          {icon}\n        </Tooltip>\n      </div>\n    </li>\n  );\n};\n\nHvVerticalScrollListItem.propTypes = {\n  /**\n   * Id to be applied to the tab.\n   */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\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 component when it is selected.\n     */\n    selected: PropTypes.string,\n    /**\n     * Styles applied to the text inside the component.\n     */\n    text: PropTypes.string,\n    /**\n     * Styles applied to the button inside the component.\n     */\n    button: PropTypes.string,\n    notSelected: PropTypes.string,\n  }).isRequired,\n  /**\n   * Whether the element is selected.\n   */\n  selected: PropTypes.bool,\n  /**\n   * Text to label the step for accessibility.\n   */\n  \"aria-label\": PropTypes.string,\n  /**\n   * a function component that renders a typography wrapped with a tooltip.\n   */\n  tooltipWrapper: PropTypes.func.isRequired,\n  /**\n   * The function to be executed when the element is clicked.\n   */\n  onClick: PropTypes.func,\n  /**\n   * The function to be executed when the element is clicked.\n   */\n  onKeyDown: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvVerticalScrollListItem\" })(HvVerticalScrollListItem);\n"],"mappings":"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"}
+{"version":3,"file":"VerticalScrollListItem.js","names":["HvVerticalScrollListItem","props","id","className","classes","selected","ariaLabel","onClick","onKeyDown","tooltipWrapper","others","variant","labelId","setId","buttonId","Tooltip","NotSelected","useCallback","notSelected","icon","clsx","root","button","text","propTypes","PropTypes","string","shape","isRequired","bool","func","withStyles","styles","name"],"sources":["../../../../src/ScrollTo/Vertical/VerticalScrollListItem/VerticalScrollListItem.js"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\nimport { CurrentStep } from \"@hitachivantara/uikit-react-icons\";\nimport { setId } from \"../../..\";\nimport styles from \"./styles\";\n\n/**\n * HvVerticalScrollListItem a focusable item to be used as part of the vertical scroll\n */\nconst HvVerticalScrollListItem = (props) => {\n  const {\n    id,\n    className,\n    classes,\n    selected,\n    \"aria-label\": ariaLabel,\n    onClick,\n    onKeyDown,\n    tooltipWrapper,\n    ...others\n  } = props;\n  const variant = selected ? \"highlightText\" : \"normalText\";\n  const labelId = setId(id, \"label\");\n  const buttonId = setId(id, \"button\");\n  const Tooltip = tooltipWrapper;\n  const NotSelected = useCallback(() => {\n    return <div className={classes.notSelected} />;\n  }, [classes.notSelected]);\n  const icon = selected ? <CurrentStep height=\"10px\" width=\"10px\" /> : <NotSelected />;\n  return (\n    <li id={id} className={clsx(className, classes.root)} aria-current={selected}>\n      <div\n        id={buttonId}\n        role=\"button\"\n        tabIndex={0}\n        onClick={onClick}\n        onKeyDown={onKeyDown}\n        className={classes.button}\n        aria-label={ariaLabel}\n        aria-labelledby={labelId}\n        {...others}\n      >\n        <Tooltip id={labelId} className={clsx(classes.text)} variant={variant}>\n          {icon}\n        </Tooltip>\n      </div>\n    </li>\n  );\n};\n\nHvVerticalScrollListItem.propTypes = {\n  /**\n   * Id to be applied to the tab.\n   */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\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 component when it is selected.\n     */\n    selected: PropTypes.string,\n    /**\n     * Styles applied to the text inside the component.\n     */\n    text: PropTypes.string,\n    /**\n     * Styles applied to the button inside the component.\n     */\n    button: PropTypes.string,\n    notSelected: PropTypes.string,\n  }).isRequired,\n  /**\n   * Whether the element is selected.\n   */\n  selected: PropTypes.bool,\n  /**\n   * Text to label the step for accessibility.\n   */\n  \"aria-label\": PropTypes.string,\n  /**\n   * a function component that renders a typography wrapped with a tooltip.\n   */\n  tooltipWrapper: PropTypes.func.isRequired,\n  /**\n   * The function to be executed when the element is clicked.\n   */\n  onClick: PropTypes.func,\n  /**\n   * The function to be executed when the element is clicked.\n   */\n  onKeyDown: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvVerticalScrollListItem\" })(HvVerticalScrollListItem);\n"],"mappings":"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"}

package/dist/ScrollTo/Vertical/styles.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.generateDynamicStyles = exports.default = void 0;
 
-var _core = require("@material-ui/core");
+var _styles = require("@mui/styles");
 
 var _hexToRgbA = _interopRequireDefault(require("../../utils/hexToRgbA"));
 
@@ -48,7 +48,7 @@ var calculateOffset = function calculateOffset(quantityOfOptions) {
 
 var generateDynamicStyles = function generateDynamicStyles(quantityOfOptions) {
   var positionOffset = calculateOffset(quantityOfOptions);
-  var generatedStyles = (0, _core.makeStyles)(function (theme) {
+  var generatedStyles = (0, _styles.makeStyles)(function (theme) {
     return {
       positionAbsolute: {
         width: "32px",

package/dist/ScrollTo/Vertical/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","root","display","width","padding","backgroundColor","fade","palette","atmo2","margin","listStyleType","flexWrap","flexDirection","positionAbsolute","position","zIndex","appBar","right","top","positionFixed","calculateOffset","quantityOfOptions","iconSize","halfOptions","Math","round","generateDynamicStyles","positionOffset","generatedStyles","makeStyles"],"sources":["../../../src/ScrollTo/Vertical/styles.js"],"sourcesContent":["import { makeStyles } from \"@material-ui/core\";\nimport fade from \"../../utils/hexToRgbA\";\n\nconst styles = (theme) => ({\n  root: {\n    display: \"flex\",\n    width: \"32px\",\n    padding: \"0\",\n    backgroundColor: fade(theme.palette.atmo2, 0.8),\n    margin: 0,\n    listStyleType: \"none\",\n    flexWrap: \"wrap\",\n    flexDirection: \"column\",\n  },\n  positionAbsolute: {\n    width: \"32px\",\n    position: \"absolute\",\n    zIndex: theme.zIndex.appBar - 2,\n    right: \"0\",\n    top: \"50%\",\n  },\n  positionFixed: {\n    width: \"32px\",\n    position: \"fixed\",\n    zIndex: theme.zIndex.appBar - 2,\n    right: \"0\",\n    top: \"50%\",\n  },\n});\n\nconst calculateOffset = (quantityOfOptions) => {\n  const iconSize = 32;\n  const halfOptions = Math.round(quantityOfOptions * 0.5);\n  return halfOptions * iconSize;\n};\n\nexport const generateDynamicStyles = (quantityOfOptions) => {\n  const positionOffset = calculateOffset(quantityOfOptions);\n  const generatedStyles = makeStyles((theme) => ({\n    positionAbsolute: {\n      width: \"32px\",\n      position: \"absolute\",\n      zIndex: theme.zIndex.appBar - 2,\n      right: \"0\",\n      top: `calc(50% - ${positionOffset}px)`,\n    },\n    positionFixed: {\n      width: \"32px\",\n      position: \"fixed\",\n      zIndex: theme.zIndex.appBar - 2,\n      right: \"0\",\n      top: `calc(50% - ${positionOffset}px)`,\n    },\n  }));\n  return generatedStyles();\n};\n\nexport default styles;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI,EAAE;MACJC,OAAO,EAAE,MADL;MAEJC,KAAK,EAAE,MAFH;MAGJC,OAAO,EAAE,GAHL;MAIJC,eAAe,EAAE,IAAAC,kBAAA,EAAKN,KAAK,CAACO,OAAN,CAAcC,KAAnB,EAA0B,GAA1B,CAJb;MAKJC,MAAM,EAAE,CALJ;MAMJC,aAAa,EAAE,MANX;MAOJC,QAAQ,EAAE,MAPN;MAQJC,aAAa,EAAE;IARX,CADmB;IAWzBC,gBAAgB,EAAE;MAChBV,KAAK,EAAE,MADS;MAEhBW,QAAQ,EAAE,UAFM;MAGhBC,MAAM,EAAEf,KAAK,CAACe,MAAN,CAAaC,MAAb,GAAsB,CAHd;MAIhBC,KAAK,EAAE,GAJS;MAKhBC,GAAG,EAAE;IALW,CAXO;IAkBzBC,aAAa,EAAE;MACbhB,KAAK,EAAE,MADM;MAEbW,QAAQ,EAAE,OAFG;MAGbC,MAAM,EAAEf,KAAK,CAACe,MAAN,CAAaC,MAAb,GAAsB,CAHjB;MAIbC,KAAK,EAAE,GAJM;MAKbC,GAAG,EAAE;IALQ;EAlBU,CAAZ;AAAA,CAAf;;AA2BA,IAAME,eAAe,GAAG,SAAlBA,eAAkB,CAACC,iBAAD,EAAuB;EAC7C,IAAMC,QAAQ,GAAG,EAAjB;EACA,IAAMC,WAAW,GAAGC,IAAI,CAACC,KAAL,CAAWJ,iBAAiB,GAAG,GAA/B,CAApB;EACA,OAAOE,WAAW,GAAGD,QAArB;AACD,CAJD;;AAMO,IAAMI,qBAAqB,GAAG,SAAxBA,qBAAwB,CAACL,iBAAD,EAAuB;EAC1D,IAAMM,cAAc,GAAGP,eAAe,CAACC,iBAAD,CAAtC;EACA,IAAMO,eAAe,GAAG,IAAAC,gBAAA,EAAW,UAAC7B,KAAD;IAAA,OAAY;MAC7Ca,gBAAgB,EAAE;QAChBV,KAAK,EAAE,MADS;QAEhBW,QAAQ,EAAE,UAFM;QAGhBC,MAAM,EAAEf,KAAK,CAACe,MAAN,CAAaC,MAAb,GAAsB,CAHd;QAIhBC,KAAK,EAAE,GAJS;QAKhBC,GAAG,uBAAgBS,cAAhB;MALa,CAD2B;MAQ7CR,aAAa,EAAE;QACbhB,KAAK,EAAE,MADM;QAEbW,QAAQ,EAAE,OAFG;QAGbC,MAAM,EAAEf,KAAK,CAACe,MAAN,CAAaC,MAAb,GAAsB,CAHjB;QAIbC,KAAK,EAAE,GAJM;QAKbC,GAAG,uBAAgBS,cAAhB;MALU;IAR8B,CAAZ;EAAA,CAAX,CAAxB;EAgBA,OAAOC,eAAe,EAAtB;AACD,CAnBM;;;eAqBQ7B,M"}
+{"version":3,"file":"styles.js","names":["styles","theme","root","display","width","padding","backgroundColor","fade","palette","atmo2","margin","listStyleType","flexWrap","flexDirection","positionAbsolute","position","zIndex","appBar","right","top","positionFixed","calculateOffset","quantityOfOptions","iconSize","halfOptions","Math","round","generateDynamicStyles","positionOffset","generatedStyles","makeStyles"],"sources":["../../../src/ScrollTo/Vertical/styles.js"],"sourcesContent":["import { makeStyles } from \"@mui/styles\";\nimport fade from \"../../utils/hexToRgbA\";\n\nconst styles = (theme) => ({\n  root: {\n    display: \"flex\",\n    width: \"32px\",\n    padding: \"0\",\n    backgroundColor: fade(theme.palette.atmo2, 0.8),\n    margin: 0,\n    listStyleType: \"none\",\n    flexWrap: \"wrap\",\n    flexDirection: \"column\",\n  },\n  positionAbsolute: {\n    width: \"32px\",\n    position: \"absolute\",\n    zIndex: theme.zIndex.appBar - 2,\n    right: \"0\",\n    top: \"50%\",\n  },\n  positionFixed: {\n    width: \"32px\",\n    position: \"fixed\",\n    zIndex: theme.zIndex.appBar - 2,\n    right: \"0\",\n    top: \"50%\",\n  },\n});\n\nconst calculateOffset = (quantityOfOptions) => {\n  const iconSize = 32;\n  const halfOptions = Math.round(quantityOfOptions * 0.5);\n  return halfOptions * iconSize;\n};\n\nexport const generateDynamicStyles = (quantityOfOptions) => {\n  const positionOffset = calculateOffset(quantityOfOptions);\n  const generatedStyles = makeStyles((theme) => ({\n    positionAbsolute: {\n      width: \"32px\",\n      position: \"absolute\",\n      zIndex: theme.zIndex.appBar - 2,\n      right: \"0\",\n      top: `calc(50% - ${positionOffset}px)`,\n    },\n    positionFixed: {\n      width: \"32px\",\n      position: \"fixed\",\n      zIndex: theme.zIndex.appBar - 2,\n      right: \"0\",\n      top: `calc(50% - ${positionOffset}px)`,\n    },\n  }));\n  return generatedStyles();\n};\n\nexport default styles;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI,EAAE;MACJC,OAAO,EAAE,MADL;MAEJC,KAAK,EAAE,MAFH;MAGJC,OAAO,EAAE,GAHL;MAIJC,eAAe,EAAE,IAAAC,kBAAA,EAAKN,KAAK,CAACO,OAAN,CAAcC,KAAnB,EAA0B,GAA1B,CAJb;MAKJC,MAAM,EAAE,CALJ;MAMJC,aAAa,EAAE,MANX;MAOJC,QAAQ,EAAE,MAPN;MAQJC,aAAa,EAAE;IARX,CADmB;IAWzBC,gBAAgB,EAAE;MAChBV,KAAK,EAAE,MADS;MAEhBW,QAAQ,EAAE,UAFM;MAGhBC,MAAM,EAAEf,KAAK,CAACe,MAAN,CAAaC,MAAb,GAAsB,CAHd;MAIhBC,KAAK,EAAE,GAJS;MAKhBC,GAAG,EAAE;IALW,CAXO;IAkBzBC,aAAa,EAAE;MACbhB,KAAK,EAAE,MADM;MAEbW,QAAQ,EAAE,OAFG;MAGbC,MAAM,EAAEf,KAAK,CAACe,MAAN,CAAaC,MAAb,GAAsB,CAHjB;MAIbC,KAAK,EAAE,GAJM;MAKbC,GAAG,EAAE;IALQ;EAlBU,CAAZ;AAAA,CAAf;;AA2BA,IAAME,eAAe,GAAG,SAAlBA,eAAkB,CAACC,iBAAD,EAAuB;EAC7C,IAAMC,QAAQ,GAAG,EAAjB;EACA,IAAMC,WAAW,GAAGC,IAAI,CAACC,KAAL,CAAWJ,iBAAiB,GAAG,GAA/B,CAApB;EACA,OAAOE,WAAW,GAAGD,QAArB;AACD,CAJD;;AAMO,IAAMI,qBAAqB,GAAG,SAAxBA,qBAAwB,CAACL,iBAAD,EAAuB;EAC1D,IAAMM,cAAc,GAAGP,eAAe,CAACC,iBAAD,CAAtC;EACA,IAAMO,eAAe,GAAG,IAAAC,kBAAA,EAAW,UAAC7B,KAAD;IAAA,OAAY;MAC7Ca,gBAAgB,EAAE;QAChBV,KAAK,EAAE,MADS;QAEhBW,QAAQ,EAAE,UAFM;QAGhBC,MAAM,EAAEf,KAAK,CAACe,MAAN,CAAaC,MAAb,GAAsB,CAHd;QAIhBC,KAAK,EAAE,GAJS;QAKhBC,GAAG,uBAAgBS,cAAhB;MALa,CAD2B;MAQ7CR,aAAa,EAAE;QACbhB,KAAK,EAAE,MADM;QAEbW,QAAQ,EAAE,OAFG;QAGbC,MAAM,EAAEf,KAAK,CAACe,MAAN,CAAaC,MAAb,GAAsB,CAHjB;QAIbC,KAAK,EAAE,GAJM;QAKbC,GAAG,uBAAgBS,cAAhB;MALU;IAR8B,CAAZ;EAAA,CAAX,CAAxB;EAgBA,OAAOC,eAAe,EAAtB;AACD,CAnBM;;;eAqBQ7B,M"}

package/dist/ScrollTo/index.d.ts

@@ -0,0 +1,7 @@
+export { default as HvScrollToHorizontal } from "./Horizontal";
+export * from "./Horizontal";
+
+export { default as HvScrollToVertical } from "./Vertical";
+export * from "./Vertical";
+
+export { default as useScrollTo } from "./useScrollTo";

package/dist/ScrollTo/index.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "HvScrollToHorizontal", {
+  enumerable: true,
+  get: function get() {
+    return _Horizontal.default;
+  }
+});
+Object.defineProperty(exports, "HvScrollToVertical", {
+  enumerable: true,
+  get: function get() {
+    return _Vertical.default;
+  }
+});
+Object.defineProperty(exports, "useScrollTo", {
+  enumerable: true,
+  get: function get() {
+    return _useScrollTo.default;
+  }
+});
+
+var _Horizontal = _interopRequireDefault(require("./Horizontal"));
+
+var _Vertical = _interopRequireDefault(require("./Vertical"));
+
+var _useScrollTo = _interopRequireDefault(require("./useScrollTo"));
+//# sourceMappingURL=index.js.map

package/dist/ScrollTo/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/ScrollTo/index.js"],"sourcesContent":["export { default as HvScrollToHorizontal } from \"./Horizontal\";\nexport { default as HvScrollToVertical } from \"./Vertical\";\nexport { default as useScrollTo } from \"./useScrollTo\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA"}