@hitachivantara/uikit-react-core 4.0.2 → 4.0.4

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["outlineStyles","styles","theme","root","padding","button","display","justifyContent","alignItems","height","cursor","borderBottom","backgroundColor","hv","palette","atmosphere","atmo3","outline","text","maxWidth","textOverflow","overflow","selected","accent","acce1"],"sources":["../../../../../src/ScrollTo/Horizontal/HorizontalScrollListItem/styles.js"],"sourcesContent":["import { outlineStyles } from \"../../../Focus/styles\";\n\nconst styles = (theme) => ({\n  root: {\n    padding: \"10px 0\",\n  },\n  button: {\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    height: \"32px\",\n    cursor: \"pointer\",\n    borderBottom: `2px solid transparent`,\n    \"&:hover\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    },\n    \"&:focus\": {\n      outline: \"none\",\n    },\n    \"&.focus-visible\": {\n      ...outlineStyles,\n    },\n  },\n  text: {\n    height: \"32px\",\n    padding: \"8px 10px\",\n    borderBottom: `2px solid transparent`,\n    maxWidth: \"180px\",\n    textOverflow: \"ellipsis\",\n    overflow: \"hidden\",\n  },\n  selected: {\n    borderBottom: `2px solid ${theme.hv.palette.accent.acce1}`,\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;;;;;;;AAAA,SAASA,aAAT,QAA8B,uBAA9B;;AAEA,IAAMC,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI,EAAE;MACJC,OAAO,EAAE;IADL,CADmB;IAIzBC,MAAM,EAAE;MACNC,OAAO,EAAE,MADH;MAENC,cAAc,EAAE,QAFV;MAGNC,UAAU,EAAE,QAHN;MAINC,MAAM,EAAE,MAJF;MAKNC,MAAM,EAAE,SALF;MAMNC,YAAY,yBANN;MAON,WAAW;QACTC,eAAe,EAAEV,KAAK,CAACW,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;MADpC,CAPL;MAUN,WAAW;QACTC,OAAO,EAAE;MADA,CAVL;MAaN,qCACKjB,aADL;IAbM,CAJiB;IAqBzBkB,IAAI,EAAE;MACJT,MAAM,EAAE,MADJ;MAEJL,OAAO,EAAE,UAFL;MAGJO,YAAY,yBAHR;MAIJQ,QAAQ,EAAE,OAJN;MAKJC,YAAY,EAAE,UALV;MAMJC,QAAQ,EAAE;IANN,CArBmB;IA6BzBC,QAAQ,EAAE;MACRX,YAAY,sBAAeT,KAAK,CAACW,EAAN,CAASC,OAAT,CAAiBS,MAAjB,CAAwBC,KAAvC;IADJ;EA7Be,CAAZ;AAAA,CAAf;;AAkCA,eAAevB,MAAf"}
+{"version":3,"file":"styles.js","names":["outlineStyles","styles","theme","root","padding","button","display","justifyContent","alignItems","height","cursor","borderBottom","backgroundColor","hv","palette","atmosphere","atmo3","outline","text","maxWidth","textOverflow","overflow","selected","accent","acce1"],"sources":["../../../../../src/ScrollTo/Horizontal/HorizontalScrollListItem/styles.js"],"sourcesContent":["import { outlineStyles } from \"../../../Focus/styles\";\n\nconst styles = (theme) => ({\n  root: {\n    padding: \"10px 0\",\n  },\n  button: {\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    height: \"32px\",\n    cursor: \"pointer\",\n    borderBottom: `2px solid transparent`,\n    \"&:hover\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    },\n    \"&:focus\": {\n      outline: \"none\",\n    },\n    \"&.focus-visible\": {\n      ...outlineStyles,\n    },\n  },\n  text: {\n    height: \"32px\",\n    padding: \"8px 10px\",\n    borderBottom: `2px solid transparent`,\n    maxWidth: \"180px\",\n    textOverflow: \"ellipsis\",\n    overflow: \"hidden\",\n  },\n  selected: {\n    borderBottom: `2px solid ${theme.hv.palette.accent.acce1}`,\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;;;;AAAA,SAASA,aAAa,QAAQ,uBAAuB;AAErD,IAAMC,MAAM,GAAG,SAATA,MAAM,CAAIC,KAAK;EAAA,OAAM;IACzBC,IAAI,EAAE;MACJC,OAAO,EAAE;IACX,CAAC;IACDC,MAAM,EAAE;MACNC,OAAO,EAAE,MAAM;MACfC,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE,QAAQ;MACpBC,MAAM,EAAE,MAAM;MACdC,MAAM,EAAE,SAAS;MACjBC,YAAY,yBAAyB;MACrC,SAAS,EAAE;QACTC,eAAe,EAAEV,KAAK,CAACW,EAAE,CAACC,OAAO,CAACC,UAAU,CAACC;MAC/C,CAAC;MACD,SAAS,EAAE;QACTC,OAAO,EAAE;MACX,CAAC;MACD,iBAAiB,oBACZjB,aAAa;IAEpB,CAAC;IACDkB,IAAI,EAAE;MACJT,MAAM,EAAE,MAAM;MACdL,OAAO,EAAE,UAAU;MACnBO,YAAY,yBAAyB;MACrCQ,QAAQ,EAAE,OAAO;MACjBC,YAAY,EAAE,UAAU;MACxBC,QAAQ,EAAE;IACZ,CAAC;IACDC,QAAQ,EAAE;MACRX,YAAY,sBAAeT,KAAK,CAACW,EAAE,CAACC,OAAO,CAACS,MAAM,CAACC,KAAK;IAC1D;EACF,CAAC;AAAA,CAAC;AAEF,eAAevB,MAAM"}

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

@@ -2,11 +2,8 @@ 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";
@@ -27,48 +24,42 @@ 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.
  */
-
 var HvScrollToHorizontal = function HvScrollToHorizontal(props) {
   var id = props.id,
-      _props$defaultSelecte = props.defaultSelectedIndex,
-      defaultSelectedIndex = _props$defaultSelecte === void 0 ? 0 : _props$defaultSelecte,
-      scrollElementId = props.scrollElementId,
-      _props$href = props.href,
-      href = _props$href === void 0 ? true : _props$href,
-      onChange = props.onChange,
-      _onClick = props.onClick,
-      onEnter = props.onEnter,
-      className = props.className,
-      classes = props.classes,
-      options = props.options,
-      _props$offset = props.offset,
-      offset = _props$offset === void 0 ? 0 : _props$offset,
-      _props$position = props.position,
-      position = _props$position === void 0 ? "relative" : _props$position,
-      _props$tooltipPositio = props.tooltipPosition,
-      tooltipPosition = _props$tooltipPositio === void 0 ? "top" : _props$tooltipPositio,
-      others = _objectWithoutProperties(props, _excluded);
-
+    _props$defaultSelecte = props.defaultSelectedIndex,
+    defaultSelectedIndex = _props$defaultSelecte === void 0 ? 0 : _props$defaultSelecte,
+    scrollElementId = props.scrollElementId,
+    _props$href = props.href,
+    href = _props$href === void 0 ? true : _props$href,
+    onChange = props.onChange,
+    _onClick = props.onClick,
+    onEnter = props.onEnter,
+    className = props.className,
+    classes = props.classes,
+    options = props.options,
+    _props$offset = props.offset,
+    offset = _props$offset === void 0 ? 0 : _props$offset,
+    _props$position = props.position,
+    position = _props$position === void 0 ? "relative" : _props$position,
+    _props$tooltipPositio = props.tooltipPosition,
+    tooltipPosition = _props$tooltipPositio === void 0 ? "top" : _props$tooltipPositio,
+    others = _objectWithoutProperties(props, _excluded);
   var elementId = useUniqueId(id, "hvHorizontalScrollto");
-
   var _useScrollTo = useScrollTo(defaultSelectedIndex, scrollElementId, href, offset, options, onChange),
-      _useScrollTo2 = _slicedToArray(_useScrollTo, 2),
-      selectedIndex = _useScrollTo2[0],
-      setScrollTo = _useScrollTo2[1];
-
+    _useScrollTo2 = _slicedToArray(_useScrollTo, 2),
+    selectedIndex = _useScrollTo2[0],
+    setScrollTo = _useScrollTo2[1];
   var handleSelection = function handleSelection(event, value, index) {
     event.preventDefault();
-
     var wrappedOnChange = function wrappedOnChange() {
       onChange === null || onChange === void 0 ? void 0 : onChange(event, index);
     };
-
     setScrollTo(event, value, index, wrappedOnChange);
   };
-
   var tooltipWrappers = useMemo(function () {
     return options.map(function (option) {
       return addTooltipToElement(option.label, "p", tooltipPosition);
@@ -104,18 +95,15 @@ var HvScrollToHorizontal = function HvScrollToHorizontal(props) {
     children: tabs
   }));
 };
-
 process.env.NODE_ENV !== "production" ? HvScrollToHorizontal.propTypes = {
   /**
    * Id to be applied to the element.
    */
   id: PropTypes.string,
-
   /**
    * Class names to be applied.
    */
   className: PropTypes.string,
-
   /**
    * A Jss Object used to override or extend the styles applied.
    */
@@ -124,33 +112,27 @@ process.env.NODE_ENV !== "production" ? HvScrollToHorizontal.propTypes = {
      * Styles applied to the component root class.
      */
     root: PropTypes.string,
-
     /**
      * Styles applied to the component when it has a sticky position.
      */
     positionSticky: PropTypes.string,
-
     /**
      * Styles applied to the component when it has a fixed position.
      */
     positionFixed: PropTypes.string
   }).isRequired,
-
   /**
    * A function called each time the selected index changes.
    */
   onChange: PropTypes.func,
-
   /**
    * A function called each time an user clicks on a tab element.
    */
   onClick: PropTypes.func,
-
   /**
    * A function called each time an user press enter on a tab element.
    */
   onEnter: PropTypes.func,
-
   /**
    * An Array of Objects with Label and Value. Label is the displayed Element and Value is the local navigation location applied
    */
@@ -160,19 +142,16 @@ process.env.NODE_ENV !== "production" ? HvScrollToHorizontal.propTypes = {
     label: PropTypes.string.isRequired,
     offset: PropTypes.number
   })).isRequired,
-
   /**
    * default selected index passed from the parent.
    */
   defaultSelectedIndex: PropTypes.number,
-
   /**
    * The Id of the scrollable container containing displayed elements.
    *
    * Defaults to `window` if unspecified.
    */
   scrollElementId: PropTypes.string,
-
   /*
    * Defines the offset from the top of each element for getting an optimal viewing region in the container.
    * This allows to exclude regions of the container that are obscured by other content (such as fixed-positioned toolbars or titles)
@@ -181,17 +160,14 @@ process.env.NODE_ENV !== "production" ? HvScrollToHorizontal.propTypes = {
    * Each element can also have a specific offset via the options property.
    */
   offset: PropTypes.number,
-
   /**
    * True if the href location link should be applied. It will create an a element around every list item
    */
   href: PropTypes.bool,
-
   /**
    * Position of the Horizontal scroll to.
    */
   position: PropTypes.oneOf(["sticky", "fixed", "relative"]),
-
   /**
    * Position of tooltip identifying the current item.
    */

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 \"@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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"}
+{"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/Horizontal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default"],"sources":["../../../../src/ScrollTo/Horizontal/index.js"],"sourcesContent":["export { default } from \"./ScrollToHorizontal\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,sBAAxB"}
+{"version":3,"file":"index.js","names":["default"],"sources":["../../../../src/ScrollTo/Horizontal/index.js"],"sourcesContent":["export { default } from \"./ScrollToHorizontal\";\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,sBAAsB"}

package/dist/legacy/ScrollTo/Horizontal/styles.js

@@ -1,9 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import fade from "../../utils/hexToRgbA";
-
 var styles = function styles(theme) {
   var _positionFixed;
-
   return {
     root: {
       display: "flex",
@@ -38,6 +36,5 @@ var styles = function styles(theme) {
     }), _positionFixed)
   };
 };
-
 export default styles;
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["fade","styles","theme","root","display","width","padding","backgroundColor","palette","atmo2","margin","listStyleType","flexWrap","positionSticky","position","zIndex","appBar","top","left","positionFixed","breakpoints","up","spacing","marginLeft","marginRight","down"],"sources":["../../../../src/ScrollTo/Horizontal/styles.js"],"sourcesContent":["import fade from \"../../utils/hexToRgbA\";\n\nconst styles = (theme) => ({\n  root: {\n    display: \"flex\",\n    width: \"100%\",\n    padding: \"0 30px\",\n    backgroundColor: fade(theme.palette.atmo2, 0.8),\n    margin: 0,\n    listStyleType: \"none\",\n    flexWrap: \"wrap\",\n  },\n  positionSticky: {\n    width: \"100%\",\n    position: \"sticky\",\n    zIndex: theme.zIndex.appBar - 2,\n    top: 0,\n    left: 0,\n  },\n  positionFixed: {\n    width: \"100%\",\n    position: \"fixed\",\n    zIndex: theme.zIndex.appBar - 2,\n    top: 0,\n    left: 0,\n    [theme.breakpoints.up(\"md\")]: {\n      width: `calc(100% - 2*${theme.spacing(4)}px)`,\n      marginLeft: `${theme.spacing(4)}px`,\n      marginRight: `${theme.spacing(4)}px`,\n    },\n    [theme.breakpoints.down(\"sm\")]: {\n      width: `calc(100% - 2*${theme.spacing(2)}px)`,\n      marginLeft: `${theme.spacing(2)}px`,\n      marginRight: `${theme.spacing(2)}px`,\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":";AAAA,OAAOA,IAAP,MAAiB,uBAAjB;;AAEA,IAAMC,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA;;EAAA,OAAY;IACzBC,IAAI,EAAE;MACJC,OAAO,EAAE,MADL;MAEJC,KAAK,EAAE,MAFH;MAGJC,OAAO,EAAE,QAHL;MAIJC,eAAe,EAAEP,IAAI,CAACE,KAAK,CAACM,OAAN,CAAcC,KAAf,EAAsB,GAAtB,CAJjB;MAKJC,MAAM,EAAE,CALJ;MAMJC,aAAa,EAAE,MANX;MAOJC,QAAQ,EAAE;IAPN,CADmB;IAUzBC,cAAc,EAAE;MACdR,KAAK,EAAE,MADO;MAEdS,QAAQ,EAAE,QAFI;MAGdC,MAAM,EAAEb,KAAK,CAACa,MAAN,CAAaC,MAAb,GAAsB,CAHhB;MAIdC,GAAG,EAAE,CAJS;MAKdC,IAAI,EAAE;IALQ,CAVS;IAiBzBC,aAAa;MACXd,KAAK,EAAE,MADI;MAEXS,QAAQ,EAAE,OAFC;MAGXC,MAAM,EAAEb,KAAK,CAACa,MAAN,CAAaC,MAAb,GAAsB,CAHnB;MAIXC,GAAG,EAAE,CAJM;MAKXC,IAAI,EAAE;IALK,mCAMVhB,KAAK,CAACkB,WAAN,CAAkBC,EAAlB,CAAqB,IAArB,CANU,EAMmB;MAC5BhB,KAAK,0BAAmBH,KAAK,CAACoB,OAAN,CAAc,CAAd,CAAnB,QADuB;MAE5BC,UAAU,YAAKrB,KAAK,CAACoB,OAAN,CAAc,CAAd,CAAL,OAFkB;MAG5BE,WAAW,YAAKtB,KAAK,CAACoB,OAAN,CAAc,CAAd,CAAL;IAHiB,CANnB,mCAWVpB,KAAK,CAACkB,WAAN,CAAkBK,IAAlB,CAAuB,IAAvB,CAXU,EAWqB;MAC9BpB,KAAK,0BAAmBH,KAAK,CAACoB,OAAN,CAAc,CAAd,CAAnB,QADyB;MAE9BC,UAAU,YAAKrB,KAAK,CAACoB,OAAN,CAAc,CAAd,CAAL,OAFoB;MAG9BE,WAAW,YAAKtB,KAAK,CAACoB,OAAN,CAAc,CAAd,CAAL;IAHmB,CAXrB;EAjBY,CAAZ;AAAA,CAAf;;AAoCA,eAAerB,MAAf"}
+{"version":3,"file":"styles.js","names":["fade","styles","theme","root","display","width","padding","backgroundColor","palette","atmo2","margin","listStyleType","flexWrap","positionSticky","position","zIndex","appBar","top","left","positionFixed","breakpoints","up","spacing","marginLeft","marginRight","down"],"sources":["../../../../src/ScrollTo/Horizontal/styles.js"],"sourcesContent":["import fade from \"../../utils/hexToRgbA\";\n\nconst styles = (theme) => ({\n  root: {\n    display: \"flex\",\n    width: \"100%\",\n    padding: \"0 30px\",\n    backgroundColor: fade(theme.palette.atmo2, 0.8),\n    margin: 0,\n    listStyleType: \"none\",\n    flexWrap: \"wrap\",\n  },\n  positionSticky: {\n    width: \"100%\",\n    position: \"sticky\",\n    zIndex: theme.zIndex.appBar - 2,\n    top: 0,\n    left: 0,\n  },\n  positionFixed: {\n    width: \"100%\",\n    position: \"fixed\",\n    zIndex: theme.zIndex.appBar - 2,\n    top: 0,\n    left: 0,\n    [theme.breakpoints.up(\"md\")]: {\n      width: `calc(100% - 2*${theme.spacing(4)}px)`,\n      marginLeft: `${theme.spacing(4)}px`,\n      marginRight: `${theme.spacing(4)}px`,\n    },\n    [theme.breakpoints.down(\"sm\")]: {\n      width: `calc(100% - 2*${theme.spacing(2)}px)`,\n      marginLeft: `${theme.spacing(2)}px`,\n      marginRight: `${theme.spacing(2)}px`,\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":";AAAA,OAAOA,IAAI,MAAM,uBAAuB;AAExC,IAAMC,MAAM,GAAG,SAATA,MAAM,CAAIC,KAAK;EAAA;EAAA,OAAM;IACzBC,IAAI,EAAE;MACJC,OAAO,EAAE,MAAM;MACfC,KAAK,EAAE,MAAM;MACbC,OAAO,EAAE,QAAQ;MACjBC,eAAe,EAAEP,IAAI,CAACE,KAAK,CAACM,OAAO,CAACC,KAAK,EAAE,GAAG,CAAC;MAC/CC,MAAM,EAAE,CAAC;MACTC,aAAa,EAAE,MAAM;MACrBC,QAAQ,EAAE;IACZ,CAAC;IACDC,cAAc,EAAE;MACdR,KAAK,EAAE,MAAM;MACbS,QAAQ,EAAE,QAAQ;MAClBC,MAAM,EAAEb,KAAK,CAACa,MAAM,CAACC,MAAM,GAAG,CAAC;MAC/BC,GAAG,EAAE,CAAC;MACNC,IAAI,EAAE;IACR,CAAC;IACDC,aAAa;MACXd,KAAK,EAAE,MAAM;MACbS,QAAQ,EAAE,OAAO;MACjBC,MAAM,EAAEb,KAAK,CAACa,MAAM,CAACC,MAAM,GAAG,CAAC;MAC/BC,GAAG,EAAE,CAAC;MACNC,IAAI,EAAE;IAAC,mCACNhB,KAAK,CAACkB,WAAW,CAACC,EAAE,CAAC,IAAI,CAAC,EAAG;MAC5BhB,KAAK,0BAAmBH,KAAK,CAACoB,OAAO,CAAC,CAAC,CAAC,QAAK;MAC7CC,UAAU,YAAKrB,KAAK,CAACoB,OAAO,CAAC,CAAC,CAAC,OAAI;MACnCE,WAAW,YAAKtB,KAAK,CAACoB,OAAO,CAAC,CAAC,CAAC;IAClC,CAAC,mCACApB,KAAK,CAACkB,WAAW,CAACK,IAAI,CAAC,IAAI,CAAC,EAAG;MAC9BpB,KAAK,0BAAmBH,KAAK,CAACoB,OAAO,CAAC,CAAC,CAAC,QAAK;MAC7CC,UAAU,YAAKrB,KAAK,CAACoB,OAAO,CAAC,CAAC,CAAC,OAAI;MACnCE,WAAW,YAAKtB,KAAK,CAACoB,OAAO,CAAC,CAAC,CAAC;IAClC,CAAC;EAEL,CAAC;AAAA,CAAC;AAEF,eAAerB,MAAM"}

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

@@ -2,11 +2,8 @@ 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";
@@ -27,50 +24,43 @@ 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.
  */
-
 var HvScrollToVertical = function HvScrollToVertical(props) {
   var id = props.id,
-      _props$defaultSelecte = props.defaultSelectedIndex,
-      defaultSelectedIndex = _props$defaultSelecte === void 0 ? 0 : _props$defaultSelecte,
-      scrollElementId = props.scrollElementId,
-      _props$href = props.href,
-      href = _props$href === void 0 ? true : _props$href,
-      onChange = props.onChange,
-      _onClick = props.onClick,
-      onEnter = props.onEnter,
-      className = props.className,
-      classes = props.classes,
-      options = props.options,
-      _props$offset = props.offset,
-      offset = _props$offset === void 0 ? 0 : _props$offset,
-      _props$position = props.position,
-      position = _props$position === void 0 ? "relative" : _props$position,
-      _props$tooltipPositio = props.tooltipPosition,
-      tooltipPosition = _props$tooltipPositio === void 0 ? "left" : _props$tooltipPositio,
-      others = _objectWithoutProperties(props, _excluded);
-
+    _props$defaultSelecte = props.defaultSelectedIndex,
+    defaultSelectedIndex = _props$defaultSelecte === void 0 ? 0 : _props$defaultSelecte,
+    scrollElementId = props.scrollElementId,
+    _props$href = props.href,
+    href = _props$href === void 0 ? true : _props$href,
+    onChange = props.onChange,
+    _onClick = props.onClick,
+    onEnter = props.onEnter,
+    className = props.className,
+    classes = props.classes,
+    options = props.options,
+    _props$offset = props.offset,
+    offset = _props$offset === void 0 ? 0 : _props$offset,
+    _props$position = props.position,
+    position = _props$position === void 0 ? "relative" : _props$position,
+    _props$tooltipPositio = props.tooltipPosition,
+    tooltipPosition = _props$tooltipPositio === void 0 ? "left" : _props$tooltipPositio,
+    others = _objectWithoutProperties(props, _excluded);
   var elementId = useUniqueId(id, "hvVerticalScrollto");
-
   var _useScrollTo = useScrollTo(defaultSelectedIndex, scrollElementId, href, offset, options, onChange),
-      _useScrollTo2 = _slicedToArray(_useScrollTo, 2),
-      selectedIndex = _useScrollTo2[0],
-      setScrollTo = _useScrollTo2[1];
-
+    _useScrollTo2 = _slicedToArray(_useScrollTo, 2),
+    selectedIndex = _useScrollTo2[0],
+    setScrollTo = _useScrollTo2[1];
   var dynamicClasses = generateDynamicStyles(options.length);
-
   var handleSelection = function handleSelection(event, value, index) {
     event.preventDefault();
-
     var wrappedOnChange = function wrappedOnChange() {
       onChange === null || onChange === void 0 ? void 0 : onChange(event, index);
     };
-
     setScrollTo(event, value, index, wrappedOnChange);
   };
-
   var tooltipWrappers = useMemo(function () {
     return options.map(function (option) {
       return addTooltipToElement(option.label, "div", tooltipPosition, false);
@@ -106,18 +96,15 @@ var HvScrollToVertical = function HvScrollToVertical(props) {
     children: tabs
   }));
 };
-
 process.env.NODE_ENV !== "production" ? HvScrollToVertical.propTypes = {
   /**
    * Id to be applied to the element.
    */
   id: PropTypes.string,
-
   /**
    * Class names to be applied.
    */
   className: PropTypes.string,
-
   /**
    * A Jss Object used to override or extend the styles applied.
    */
@@ -126,33 +113,27 @@ process.env.NODE_ENV !== "production" ? HvScrollToVertical.propTypes = {
      * Styles applied to the component root class.
      */
     root: PropTypes.string,
-
     /**
      * Styles applied to the component when it has a sticky position.
      */
     positionAbsolute: PropTypes.string,
-
     /**
      * Styles applied to the component when it has a fixed position.
      */
     positionFixed: PropTypes.string
   }).isRequired,
-
   /**
    * A function called each time the selected index changes.
    */
   onChange: PropTypes.func,
-
   /**
    * A function called each time an user clicks on a tab element.
    */
   onClick: PropTypes.func,
-
   /**
    * A function called each time an user press enter on a tab element.
    */
   onEnter: PropTypes.func,
-
   /**
    * An Array of Objects with Label and Value. Label is the displayed Element and Value is the local navigation location applied
    */
@@ -162,19 +143,16 @@ process.env.NODE_ENV !== "production" ? HvScrollToVertical.propTypes = {
     label: PropTypes.string.isRequired,
     offset: PropTypes.number
   })).isRequired,
-
   /**
    * default selected index passed from the parent.
    */
   defaultSelectedIndex: PropTypes.number,
-
   /**
    * The Id of the scrollable container containing displayed elements.
    *
    * Defaults to `window` if unspecified.
    */
   scrollElementId: PropTypes.string,
-
   /*
    * Defines the offset from the top of each element for getting an optimal viewing region in the container.
    * This allows to exclude regions of the container that are obscured by other content (such as fixed-positioned toolbars or titles)
@@ -183,17 +161,14 @@ process.env.NODE_ENV !== "production" ? HvScrollToVertical.propTypes = {
    * Each element can also have a specific offset via the options property.
    */
   offset: PropTypes.number,
-
   /**
    * True if the href location link should be applied. It will create an a element around every list item
    */
   href: PropTypes.bool,
-
   /**
    * Position of the Vertical scroll to.
    */
   position: PropTypes.oneOf(["absolute", "fixed", "relative"]),
-
   /**
    * Position of tooltip identifying the current item.
    */

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 \"@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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"}
+{"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

@@ -7,15 +7,10 @@ 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";
@@ -23,23 +18,21 @@ import { withStyles } from "@mui/styles";
 import { CurrentStep } from "@hitachivantara/uikit-react-icons";
 import { setId } from "../../..";
 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,
-      classes = props.classes,
-      selected = props.selected,
-      ariaLabel = props["aria-label"],
-      onClick = props.onClick,
-      onKeyDown = props.onKeyDown,
-      tooltipWrapper = props.tooltipWrapper,
-      others = _objectWithoutProperties(props, _excluded);
-
+    className = props.className,
+    classes = props.classes,
+    selected = props.selected,
+    ariaLabel = props["aria-label"],
+    onClick = props.onClick,
+    onKeyDown = props.onKeyDown,
+    tooltipWrapper = props.tooltipWrapper,
+    others = _objectWithoutProperties(props, _excluded);
   var variant = selected ? "highlightText" : "normalText";
   var labelId = setId(id, "label");
   var buttonId = setId(id, "button");
@@ -76,18 +69,15 @@ var HvVerticalScrollListItem = function HvVerticalScrollListItem(props) {
     }))
   });
 };
-
 process.env.NODE_ENV !== "production" ? HvVerticalScrollListItem.propTypes = {
   /**
    * Id to be applied to the tab.
    */
   id: PropTypes.string,
-
   /**
    * Class names to be applied.
    */
   className: PropTypes.string,
-
   /**
    * A Jss Object used to override or extend the styles applied.
    */
@@ -96,44 +86,36 @@ process.env.NODE_ENV !== "production" ? HvVerticalScrollListItem.propTypes = {
      * Styles applied to the component root class.
      */
     root: PropTypes.string,
-
     /**
      * Styles applied to the component when it is selected.
      */
     selected: PropTypes.string,
-
     /**
      * Styles applied to the text inside the component.
      */
     text: PropTypes.string,
-
     /**
      * Styles applied to the button inside the component.
      */
     button: PropTypes.string,
     notSelected: PropTypes.string
   }).isRequired,
-
   /**
    * Whether the element is selected.
    */
   selected: PropTypes.bool,
-
   /**
    * Text to label the step for accessibility.
    */
   "aria-label": PropTypes.string,
-
   /**
    * a function component that renders a typography wrapped with a tooltip.
    */
   tooltipWrapper: PropTypes.func.isRequired,
-
   /**
    * The function to be executed when the element is clicked.
    */
   onClick: PropTypes.func,
-
   /**
    * The function to be executed when the element is clicked.
    */