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

package/dist/legacy/ScrollTo/Horizontal/HorizontalScrollListItem/HorizontalScrollListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"HorizontalScrollListItem.js","names":["React","PropTypes","clsx","withStyles","setId","styles","HvHorizontalScrollListItem","props","id","className","classes","selected","children","onClick","onKeyDown","tooltipWrapper","others","variant","labelId","buttonId","Tooltip","root","button","text","propTypes","string","shape","isRequired","bool","node","func","name"],"sources":["../../../../../src/ScrollTo/Horizontal/HorizontalScrollListItem/HorizontalScrollListItem.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport { setId } from \"../../..\";\nimport styles from \"./styles\";\n\n/**\n * HvHorizontalScrollListItem a focusable item to be used as part of the horizontal scroll\n */\nconst HvHorizontalScrollListItem = (props) => {\n  const {\n    id,\n    className,\n    classes,\n    selected,\n    children,\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  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-labelledby={labelId}\n        {...others}\n      >\n        <Tooltip\n          id={labelId}\n          className={clsx(classes.text, { [classes.selected]: selected })}\n          variant={variant}\n        >\n          {children}\n        </Tooltip>\n      </div>\n    </li>\n  );\n};\n\nHvHorizontalScrollListItem.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  }).isRequired,\n  /**\n   * Whether the element is selected.\n   */\n  selected: PropTypes.bool,\n  /**\n   * The text to render.\n   */\n  children: PropTypes.node.isRequired,\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: \"HvHorizontalScrollListItem\" })(\n  HvHorizontalScrollListItem\n);\n"],"mappings":"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"}
+{"version":3,"file":"HorizontalScrollListItem.js","names":["React","PropTypes","clsx","withStyles","setId","styles","HvHorizontalScrollListItem","props","id","className","classes","selected","children","onClick","onKeyDown","tooltipWrapper","others","variant","labelId","buttonId","Tooltip","root","button","text","propTypes","string","shape","isRequired","bool","node","func","name"],"sources":["../../../../../src/ScrollTo/Horizontal/HorizontalScrollListItem/HorizontalScrollListItem.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\nimport { setId } from \"../../..\";\nimport styles from \"./styles\";\n\n/**\n * HvHorizontalScrollListItem a focusable item to be used as part of the horizontal scroll\n */\nconst HvHorizontalScrollListItem = (props) => {\n  const {\n    id,\n    className,\n    classes,\n    selected,\n    children,\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  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-labelledby={labelId}\n        {...others}\n      >\n        <Tooltip\n          id={labelId}\n          className={clsx(classes.text, { [classes.selected]: selected })}\n          variant={variant}\n        >\n          {children}\n        </Tooltip>\n      </div>\n    </li>\n  );\n};\n\nHvHorizontalScrollListItem.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  }).isRequired,\n  /**\n   * Whether the element is selected.\n   */\n  selected: PropTypes.bool,\n  /**\n   * The text to render.\n   */\n  children: PropTypes.node.isRequired,\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: \"HvHorizontalScrollListItem\" })(\n  HvHorizontalScrollListItem\n);\n"],"mappings":"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"}

package/dist/legacy/ScrollTo/Horizontal/ScrollToHorizontal.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/legacy/ScrollTo/Horizontal/ScrollToHorizontal.js

@@ -1,18 +1,31 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["id", "defaultSelectedIndex", "scrollElementId", "href", "onChange", "onClick", "onEnter", "className", "classes", "options", "offset", "position", "tooltipPosition"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 import "core-js/modules/es.array.map.js";
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.object.get-own-property-descriptor.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import "core-js/modules/es.object.get-own-property-descriptors.js";
 import React, { useMemo } from "react";
 import PropTypes from "prop-types";
 import clsx from "clsx";
-import { withStyles } from "@material-ui/core";
+import { withStyles } from "@mui/styles";
 import { isKeypress, KeyboardCodes } from "../../utils";
 import HorizontalScrollListItem from "./HorizontalScrollListItem";
 import styles from "./styles";
 import useScrollTo from "../useScrollTo";
 import addTooltipToElement from "../withTooltip";
 import { useUniqueId, setId } from "../..";
+import { jsx as _jsx } from "react/jsx-runtime";
 var Enter = KeyboardCodes.Enter;
 /**
  * HorizontalScrollTo element used to quickly navigate in a page.
@@ -64,7 +77,7 @@ var HvScrollToHorizontal = function HvScrollToHorizontal(props) {
   var tabs = options.map(function (option, index) {
     var selected = selectedIndex === index;
     var tooltipWrapper = tooltipWrappers[index];
-    return /*#__PURE__*/React.createElement(HorizontalScrollListItem, {
+    return /*#__PURE__*/_jsx(HorizontalScrollListItem, {
       id: setId(elementId, "item-".concat(index)),
       onClick: function onClick(event) {
         handleSelection(event, option.value, index);
@@ -78,16 +91,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.createElement("ol", _extends({
+  return /*#__PURE__*/_jsx("ol", _objectSpread(_objectSpread({
     className: clsx(className, classes.root, {
       "sticky": classes.positionSticky,
       "fixed": classes.positionFixed
     }[position]),
     id: elementId
-  }, others), tabs);
+  }, others), {}, {
+    children: tabs
+  }));
 };
 
 process.env.NODE_ENV !== "production" ? HvScrollToHorizontal.propTypes = {

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

@@ -1 +1 @@
-{"version":3,"file":"ScrollToHorizontal.js","names":["React","useMemo","PropTypes","clsx","withStyles","isKeypress","KeyboardCodes","HorizontalScrollListItem","styles","useScrollTo","addTooltipToElement","useUniqueId","setId","Enter","HvScrollToHorizontal","props","id","defaultSelectedIndex","scrollElementId","href","onChange","onClick","onEnter","className","classes","options","offset","position","tooltipPosition","others","elementId","selectedIndex","setScrollTo","handleSelection","event","value","index","preventDefault","wrappedOnChange","tooltipWrappers","map","option","label","tabs","selected","tooltipWrapper","key","root","positionSticky","positionFixed","propTypes","string","shape","isRequired","func","arrayOf","number","bool","oneOf","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":["React","useMemo","PropTypes","clsx","withStyles","isKeypress","KeyboardCodes","HorizontalScrollListItem","styles","useScrollTo","addTooltipToElement","useUniqueId","setId","Enter","HvScrollToHorizontal","props","id","defaultSelectedIndex","scrollElementId","href","onChange","onClick","onEnter","className","classes","options","offset","position","tooltipPosition","others","elementId","selectedIndex","setScrollTo","handleSelection","event","value","index","preventDefault","wrappedOnChange","tooltipWrappers","map","option","label","tabs","selected","tooltipWrapper","key","root","positionSticky","positionFixed","propTypes","string","shape","isRequired","func","arrayOf","number","bool","oneOf","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/legacy/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/legacy/ScrollTo/Vertical/ScrollToVertical.js

@@ -1,18 +1,31 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["id", "defaultSelectedIndex", "scrollElementId", "href", "onChange", "onClick", "onEnter", "className", "classes", "options", "offset", "position", "tooltipPosition"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 import "core-js/modules/es.array.map.js";
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.object.get-own-property-descriptor.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import "core-js/modules/es.object.get-own-property-descriptors.js";
 import React, { useMemo } from "react";
 import PropTypes from "prop-types";
 import clsx from "clsx";
-import { withStyles } from "@material-ui/core";
+import { withStyles } from "@mui/styles";
 import { isKeypress, KeyboardCodes } from "../../utils";
 import VerticalScrollListItem from "./VerticalScrollListItem";
 import styles, { generateDynamicStyles } from "./styles";
 import useScrollTo from "../useScrollTo";
 import addTooltipToElement from "../withTooltip";
 import { useUniqueId, setId } from "../..";
+import { jsx as _jsx } from "react/jsx-runtime";
 var Enter = KeyboardCodes.Enter;
 /**
  * VerticalScrollTo element used to quickly navigate in a page.
@@ -66,7 +79,7 @@ var HvScrollToVertical = function HvScrollToVertical(props) {
   var tabs = options.map(function (option, index) {
     var selected = selectedIndex === index;
     var tooltipWrapper = tooltipWrappers[index];
-    return /*#__PURE__*/React.createElement(VerticalScrollListItem, {
+    return /*#__PURE__*/_jsx(VerticalScrollListItem, {
       id: setId(elementId, "item-".concat(index)),
       onClick: function onClick(event) {
         handleSelection(event, option.value, index);
@@ -80,17 +93,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.createElement("ol", _extends({
+  return /*#__PURE__*/_jsx("ol", _objectSpread(_objectSpread({
     className: clsx(className, classes.root, {
       "absolute": dynamicClasses.positionAbsolute,
       "fixed": dynamicClasses.positionFixed
     }[position]),
     id: elementId
-  }, others), tabs);
+  }, others), {}, {
+    children: tabs
+  }));
 };
 
 process.env.NODE_ENV !== "production" ? HvScrollToVertical.propTypes = {

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

@@ -1 +1 @@
-{"version":3,"file":"ScrollToVertical.js","names":["React","useMemo","PropTypes","clsx","withStyles","isKeypress","KeyboardCodes","VerticalScrollListItem","styles","generateDynamicStyles","useScrollTo","addTooltipToElement","useUniqueId","setId","Enter","HvScrollToVertical","props","id","defaultSelectedIndex","scrollElementId","href","onChange","onClick","onEnter","className","classes","options","offset","position","tooltipPosition","others","elementId","selectedIndex","setScrollTo","dynamicClasses","length","handleSelection","event","value","index","preventDefault","wrappedOnChange","tooltipWrappers","map","option","label","tabs","selected","tooltipWrapper","key","root","positionAbsolute","positionFixed","propTypes","string","shape","isRequired","func","arrayOf","number","bool","oneOf","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":["React","useMemo","PropTypes","clsx","withStyles","isKeypress","KeyboardCodes","VerticalScrollListItem","styles","generateDynamicStyles","useScrollTo","addTooltipToElement","useUniqueId","setId","Enter","HvScrollToVertical","props","id","defaultSelectedIndex","scrollElementId","href","onChange","onClick","onEnter","className","classes","options","offset","position","tooltipPosition","others","elementId","selectedIndex","setScrollTo","dynamicClasses","length","handleSelection","event","value","index","preventDefault","wrappedOnChange","tooltipWrappers","map","option","label","tabs","selected","tooltipWrapper","key","root","positionAbsolute","positionFixed","propTypes","string","shape","isRequired","func","arrayOf","number","bool","oneOf","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/legacy/ScrollTo/Vertical/VerticalScrollListItem/VerticalScrollListItem.js

@@ -1,13 +1,25 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.object.get-own-property-descriptor.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import "core-js/modules/es.object.get-own-property-descriptors.js";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 
 var _CurrentStep;
 
 var _excluded = ["id", "className", "classes", "selected", "aria-label", "onClick", "onKeyDown", "tooltipWrapper"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 import React, { useCallback } from "react";
 import PropTypes from "prop-types";
 import clsx from "clsx";
-import { withStyles } from "@material-ui/core";
+import { withStyles } from "@mui/styles";
 import { CurrentStep } from "@hitachivantara/uikit-react-icons";
 import { setId } from "../../..";
 import styles from "./styles";
@@ -15,6 +27,8 @@ import styles from "./styles";
  * HvVerticalScrollListItem a focusable item to be used as part of the vertical scroll
  */
 
+import { jsx as _jsx } from "react/jsx-runtime";
+
 var HvVerticalScrollListItem = function HvVerticalScrollListItem(props) {
   var id = props.id,
       className = props.className,
@@ -31,32 +45,36 @@ var HvVerticalScrollListItem = function HvVerticalScrollListItem(props) {
   var buttonId = setId(id, "button");
   var Tooltip = tooltipWrapper;
   var NotSelected = useCallback(function () {
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_jsx("div", {
       className: classes.notSelected
     });
   }, [classes.notSelected]);
-  var icon = selected ? _CurrentStep || (_CurrentStep = /*#__PURE__*/React.createElement(CurrentStep, {
+  var icon = selected ? _CurrentStep || (_CurrentStep = /*#__PURE__*/_jsx(CurrentStep, {
     height: "10px",
     width: "10px"
-  })) : /*#__PURE__*/React.createElement(NotSelected, null);
-  return /*#__PURE__*/React.createElement("li", {
+  })) : /*#__PURE__*/_jsx(NotSelected, {});
+  return /*#__PURE__*/_jsx("li", {
     id: id,
     className: clsx(className, classes.root),
-    "aria-current": selected
-  }, /*#__PURE__*/React.createElement("div", _extends({
-    id: buttonId,
-    role: "button",
-    tabIndex: 0,
-    onClick: onClick,
-    onKeyDown: onKeyDown,
-    className: classes.button,
-    "aria-label": ariaLabel,
-    "aria-labelledby": labelId
-  }, others), /*#__PURE__*/React.createElement(Tooltip, {
-    id: labelId,
-    className: clsx(classes.text),
-    variant: variant
-  }, icon)));
+    "aria-current": selected,
+    children: /*#__PURE__*/_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__*/_jsx(Tooltip, {
+        id: labelId,
+        className: clsx(classes.text),
+        variant: variant,
+        children: icon
+      })
+    }))
+  });
 };
 
 process.env.NODE_ENV !== "production" ? HvVerticalScrollListItem.propTypes = {

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

@@ -1 +1 @@
-{"version":3,"file":"VerticalScrollListItem.js","names":["React","useCallback","PropTypes","clsx","withStyles","CurrentStep","setId","styles","HvVerticalScrollListItem","props","id","className","classes","selected","ariaLabel","onClick","onKeyDown","tooltipWrapper","others","variant","labelId","buttonId","Tooltip","NotSelected","notSelected","icon","root","button","text","propTypes","string","shape","isRequired","bool","func","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":["React","useCallback","PropTypes","clsx","withStyles","CurrentStep","setId","styles","HvVerticalScrollListItem","props","id","className","classes","selected","ariaLabel","onClick","onKeyDown","tooltipWrapper","others","variant","labelId","buttonId","Tooltip","NotSelected","notSelected","icon","root","button","text","propTypes","string","shape","isRequired","bool","func","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/legacy/ScrollTo/Vertical/styles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from "@material-ui/core";
+import { makeStyles } from "@mui/styles";
 import fade from "../../utils/hexToRgbA";
 
 var styles = function styles(theme) {

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["makeStyles","fade","styles","theme","root","display","width","padding","backgroundColor","palette","atmo2","margin","listStyleType","flexWrap","flexDirection","positionAbsolute","position","zIndex","appBar","right","top","positionFixed","calculateOffset","quantityOfOptions","iconSize","halfOptions","Math","round","generateDynamicStyles","positionOffset","generatedStyles"],"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,SAASA,UAAT,QAA2B,mBAA3B;AACA,OAAOC,IAAP,MAAiB,uBAAjB;;AAEA,IAAMC,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,EAAEP,IAAI,CAACE,KAAK,CAACM,OAAN,CAAcC,KAAf,EAAsB,GAAtB,CAJjB;MAKJC,MAAM,EAAE,CALJ;MAMJC,aAAa,EAAE,MANX;MAOJC,QAAQ,EAAE,MAPN;MAQJC,aAAa,EAAE;IARX,CADmB;IAWzBC,gBAAgB,EAAE;MAChBT,KAAK,EAAE,MADS;MAEhBU,QAAQ,EAAE,UAFM;MAGhBC,MAAM,EAAEd,KAAK,CAACc,MAAN,CAAaC,MAAb,GAAsB,CAHd;MAIhBC,KAAK,EAAE,GAJS;MAKhBC,GAAG,EAAE;IALW,CAXO;IAkBzBC,aAAa,EAAE;MACbf,KAAK,EAAE,MADM;MAEbU,QAAQ,EAAE,OAFG;MAGbC,MAAM,EAAEd,KAAK,CAACc,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;;AAMA,OAAO,IAAMI,qBAAqB,GAAG,SAAxBA,qBAAwB,CAACL,iBAAD,EAAuB;EAC1D,IAAMM,cAAc,GAAGP,eAAe,CAACC,iBAAD,CAAtC;EACA,IAAMO,eAAe,GAAG9B,UAAU,CAAC,UAACG,KAAD;IAAA,OAAY;MAC7CY,gBAAgB,EAAE;QAChBT,KAAK,EAAE,MADS;QAEhBU,QAAQ,EAAE,UAFM;QAGhBC,MAAM,EAAEd,KAAK,CAACc,MAAN,CAAaC,MAAb,GAAsB,CAHd;QAIhBC,KAAK,EAAE,GAJS;QAKhBC,GAAG,uBAAgBS,cAAhB;MALa,CAD2B;MAQ7CR,aAAa,EAAE;QACbf,KAAK,EAAE,MADM;QAEbU,QAAQ,EAAE,OAFG;QAGbC,MAAM,EAAEd,KAAK,CAACc,MAAN,CAAaC,MAAb,GAAsB,CAHjB;QAIbC,KAAK,EAAE,GAJM;QAKbC,GAAG,uBAAgBS,cAAhB;MALU;IAR8B,CAAZ;EAAA,CAAD,CAAlC;EAgBA,OAAOC,eAAe,EAAtB;AACD,CAnBM;AAqBP,eAAe5B,MAAf"}
+{"version":3,"file":"styles.js","names":["makeStyles","fade","styles","theme","root","display","width","padding","backgroundColor","palette","atmo2","margin","listStyleType","flexWrap","flexDirection","positionAbsolute","position","zIndex","appBar","right","top","positionFixed","calculateOffset","quantityOfOptions","iconSize","halfOptions","Math","round","generateDynamicStyles","positionOffset","generatedStyles"],"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,SAASA,UAAT,QAA2B,aAA3B;AACA,OAAOC,IAAP,MAAiB,uBAAjB;;AAEA,IAAMC,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,EAAEP,IAAI,CAACE,KAAK,CAACM,OAAN,CAAcC,KAAf,EAAsB,GAAtB,CAJjB;MAKJC,MAAM,EAAE,CALJ;MAMJC,aAAa,EAAE,MANX;MAOJC,QAAQ,EAAE,MAPN;MAQJC,aAAa,EAAE;IARX,CADmB;IAWzBC,gBAAgB,EAAE;MAChBT,KAAK,EAAE,MADS;MAEhBU,QAAQ,EAAE,UAFM;MAGhBC,MAAM,EAAEd,KAAK,CAACc,MAAN,CAAaC,MAAb,GAAsB,CAHd;MAIhBC,KAAK,EAAE,GAJS;MAKhBC,GAAG,EAAE;IALW,CAXO;IAkBzBC,aAAa,EAAE;MACbf,KAAK,EAAE,MADM;MAEbU,QAAQ,EAAE,OAFG;MAGbC,MAAM,EAAEd,KAAK,CAACc,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;;AAMA,OAAO,IAAMI,qBAAqB,GAAG,SAAxBA,qBAAwB,CAACL,iBAAD,EAAuB;EAC1D,IAAMM,cAAc,GAAGP,eAAe,CAACC,iBAAD,CAAtC;EACA,IAAMO,eAAe,GAAG9B,UAAU,CAAC,UAACG,KAAD;IAAA,OAAY;MAC7CY,gBAAgB,EAAE;QAChBT,KAAK,EAAE,MADS;QAEhBU,QAAQ,EAAE,UAFM;QAGhBC,MAAM,EAAEd,KAAK,CAACc,MAAN,CAAaC,MAAb,GAAsB,CAHd;QAIhBC,KAAK,EAAE,GAJS;QAKhBC,GAAG,uBAAgBS,cAAhB;MALa,CAD2B;MAQ7CR,aAAa,EAAE;QACbf,KAAK,EAAE,MADM;QAEbU,QAAQ,EAAE,OAFG;QAGbC,MAAM,EAAEd,KAAK,CAACc,MAAN,CAAaC,MAAb,GAAsB,CAHjB;QAIbC,KAAK,EAAE,GAJM;QAKbC,GAAG,uBAAgBS,cAAhB;MALU;IAR8B,CAAZ;EAAA,CAAD,CAAlC;EAgBA,OAAOC,eAAe,EAAtB;AACD,CAnBM;AAqBP,eAAe5B,MAAf"}

package/dist/legacy/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/legacy/ScrollTo/index.js

@@ -0,0 +1,4 @@
+export { default as HvScrollToHorizontal } from "./Horizontal";
+export { default as HvScrollToVertical } from "./Vertical";
+export { default as useScrollTo } from "./useScrollTo";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default","HvScrollToHorizontal","HvScrollToVertical","useScrollTo"],"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,SAASA,OAAO,IAAIC,oBAApB,QAAgD,cAAhD;AACA,SAASD,OAAO,IAAIE,kBAApB,QAA8C,YAA9C;AACA,SAASF,OAAO,IAAIG,WAApB,QAAuC,eAAvC"}

package/dist/legacy/ScrollTo/withTooltip.js

@@ -1,9 +1,21 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 import "core-js/modules/es.object.to-string.js";
 import "core-js/modules/es.array.of.js";
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.object.get-own-property-descriptor.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import "core-js/modules/es.object.get-own-property-descriptors.js";
 import React from "react";
 import { withTooltip as withTooltipUtil, HvTypography } from "..";
+import { jsx as _jsx } from "react/jsx-runtime";
 
 var hideTooltip = function hideTooltip(evt) {
   var isOverFlow = evt.target.children.length > 1 ? Array.of.apply(Array, _toConsumableArray(evt.target.children)).some(function (child) {
@@ -17,9 +29,11 @@ var withTooltip = function withTooltip(label, componentType) {
   var hideOnOverflow = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
 
   var component = function component(props) {
-    return /*#__PURE__*/React.createElement(HvTypography, _extends({
+    return /*#__PURE__*/_jsx(HvTypography, _objectSpread(_objectSpread({
       component: componentType
-    }, props), props.children);
+    }, props), {}, {
+      children: props.children
+    }));
   };
 
   var hideTooltipFunc = hideOnOverflow ? hideTooltip : undefined;

package/dist/legacy/ScrollTo/withTooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"withTooltip.js","names":["React","withTooltip","withTooltipUtil","HvTypography","hideTooltip","evt","isOverFlow","target","children","length","Array","of","some","child","scrollWidth","clientWidth","label","componentType","tooltipPosition","hideOnOverflow","component","props","hideTooltipFunc","undefined"],"sources":["../../../src/ScrollTo/withTooltip.js"],"sourcesContent":["import React from \"react\";\nimport { withTooltip as withTooltipUtil, HvTypography } from \"..\";\n\nconst hideTooltip = (evt) => {\n  const isOverFlow =\n    evt.target.children.length > 1\n      ? Array.of(...evt.target.children).some((child) => child.scrollWidth > child.clientWidth)\n      : evt.target.scrollWidth > evt.target.clientWidth;\n  return !isOverFlow;\n};\n\nconst withTooltip = (label, componentType, tooltipPosition = \"top\", hideOnOverflow = true) => {\n  const component = (props) => (\n    <HvTypography component={componentType} {...props}>\n      {props.children}\n    </HvTypography>\n  );\n  const hideTooltipFunc = hideOnOverflow ? hideTooltip : undefined;\n  return withTooltipUtil(component, label, tooltipPosition, hideTooltipFunc);\n};\n\nexport default withTooltip;\n"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,WAAW,IAAIC,eAAxB,EAAyCC,YAAzC,QAA6D,IAA7D;;AAEA,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,GAAD,EAAS;EAC3B,IAAMC,UAAU,GACdD,GAAG,CAACE,MAAJ,CAAWC,QAAX,CAAoBC,MAApB,GAA6B,CAA7B,GACIC,KAAK,CAACC,EAAN,OAAAD,KAAK,qBAAOL,GAAG,CAACE,MAAJ,CAAWC,QAAlB,EAAL,CAAiCI,IAAjC,CAAsC,UAACC,KAAD;IAAA,OAAWA,KAAK,CAACC,WAAN,GAAoBD,KAAK,CAACE,WAArC;EAAA,CAAtC,CADJ,GAEIV,GAAG,CAACE,MAAJ,CAAWO,WAAX,GAAyBT,GAAG,CAACE,MAAJ,CAAWQ,WAH1C;EAIA,OAAO,CAACT,UAAR;AACD,CAND;;AAQA,IAAML,WAAW,GAAG,SAAdA,WAAc,CAACe,KAAD,EAAQC,aAAR,EAA0E;EAAA,IAAnDC,eAAmD,uEAAjC,KAAiC;EAAA,IAA1BC,cAA0B,uEAAT,IAAS;;EAC5F,IAAMC,SAAS,GAAG,SAAZA,SAAY,CAACC,KAAD;IAAA,oBAChB,oBAAC,YAAD;MAAc,SAAS,EAAEJ;IAAzB,GAA4CI,KAA5C,GACGA,KAAK,CAACb,QADT,CADgB;EAAA,CAAlB;;EAKA,IAAMc,eAAe,GAAGH,cAAc,GAAGf,WAAH,GAAiBmB,SAAvD;EACA,OAAOrB,eAAe,CAACkB,SAAD,EAAYJ,KAAZ,EAAmBE,eAAnB,EAAoCI,eAApC,CAAtB;AACD,CARD;;AAUA,eAAerB,WAAf"}
+{"version":3,"file":"withTooltip.js","names":["React","withTooltip","withTooltipUtil","HvTypography","hideTooltip","evt","isOverFlow","target","children","length","Array","of","some","child","scrollWidth","clientWidth","label","componentType","tooltipPosition","hideOnOverflow","component","props","hideTooltipFunc","undefined"],"sources":["../../../src/ScrollTo/withTooltip.js"],"sourcesContent":["import React from \"react\";\nimport { withTooltip as withTooltipUtil, HvTypography } from \"..\";\n\nconst hideTooltip = (evt) => {\n  const isOverFlow =\n    evt.target.children.length > 1\n      ? Array.of(...evt.target.children).some((child) => child.scrollWidth > child.clientWidth)\n      : evt.target.scrollWidth > evt.target.clientWidth;\n  return !isOverFlow;\n};\n\nconst withTooltip = (label, componentType, tooltipPosition = \"top\", hideOnOverflow = true) => {\n  const component = (props) => (\n    <HvTypography component={componentType} {...props}>\n      {props.children}\n    </HvTypography>\n  );\n  const hideTooltipFunc = hideOnOverflow ? hideTooltip : undefined;\n  return withTooltipUtil(component, label, tooltipPosition, hideTooltipFunc);\n};\n\nexport default withTooltip;\n"],"mappings":";;;;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,WAAW,IAAIC,eAAxB,EAAyCC,YAAzC,QAA6D,IAA7D;;;AAEA,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,GAAD,EAAS;EAC3B,IAAMC,UAAU,GACdD,GAAG,CAACE,MAAJ,CAAWC,QAAX,CAAoBC,MAApB,GAA6B,CAA7B,GACIC,KAAK,CAACC,EAAN,OAAAD,KAAK,qBAAOL,GAAG,CAACE,MAAJ,CAAWC,QAAlB,EAAL,CAAiCI,IAAjC,CAAsC,UAACC,KAAD;IAAA,OAAWA,KAAK,CAACC,WAAN,GAAoBD,KAAK,CAACE,WAArC;EAAA,CAAtC,CADJ,GAEIV,GAAG,CAACE,MAAJ,CAAWO,WAAX,GAAyBT,GAAG,CAACE,MAAJ,CAAWQ,WAH1C;EAIA,OAAO,CAACT,UAAR;AACD,CAND;;AAQA,IAAML,WAAW,GAAG,SAAdA,WAAc,CAACe,KAAD,EAAQC,aAAR,EAA0E;EAAA,IAAnDC,eAAmD,uEAAjC,KAAiC;EAAA,IAA1BC,cAA0B,uEAAT,IAAS;;EAC5F,IAAMC,SAAS,GAAG,SAAZA,SAAY,CAACC,KAAD;IAAA,oBAChB,KAAC,YAAD;MAAc,SAAS,EAAEJ;IAAzB,GAA4CI,KAA5C;MAAA,UACGA,KAAK,CAACb;IADT,GADgB;EAAA,CAAlB;;EAKA,IAAMc,eAAe,GAAGH,cAAc,GAAGf,WAAH,GAAiBmB,SAAvD;EACA,OAAOrB,eAAe,CAACkB,SAAD,EAAYJ,KAAZ,EAAmBE,eAAnB,EAAoCI,eAApC,CAAtB;AACD,CARD;;AAUA,eAAerB,WAAf"}

package/dist/legacy/SelectionList/SelectionList.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { StandardProps } from "@material-ui/core";
+import { StandardProps } from "@mui/material";
 import { HvFormElementProps } from "..";
 
 export type HvSelectionListClassKey =