@hitachivantara/uikit-react-core 4.4.1 → 5.0.0-next.1

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

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

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

@@ -1,141 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.object.keys.js");
-require("core-js/modules/es.symbol.js");
-require("core-js/modules/es.array.filter.js");
-require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/es.object.get-own-property-descriptor.js");
-require("core-js/modules/web.dom-collections.for-each.js");
-require("core-js/modules/es.object.get-own-property-descriptors.js");
-require("core-js/modules/es.array.iterator.js");
-require("core-js/modules/es.string.iterator.js");
-require("core-js/modules/es.weak-map.js");
-require("core-js/modules/web.dom-collections.iterator.js");
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _styles = require("@mui/styles");
-var _uikitReactIcons = require("@hitachivantara/uikit-react-icons");
-var _ = require("../../..");
-var _styles2 = _interopRequireDefault(require("./styles"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _CurrentStep;
-var _excluded = ["id", "className", "classes", "selected", "aria-label", "onClick", "onKeyDown", "tooltipWrapper"];
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-/**
- * HvVerticalScrollListItem a focusable item to be used as part of the vertical scroll
- */
-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 = (0, _objectWithoutProperties2.default)(props, _excluded);
-  var variant = selected ? "highlightText" : "normalText";
-  var labelId = (0, _.setId)(id, "label");
-  var buttonId = (0, _.setId)(id, "button");
-  var Tooltip = tooltipWrapper;
-  var NotSelected = (0, _react.useCallback)(function () {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: classes.notSelected
-    });
-  }, [classes.notSelected]);
-  var icon = selected ? _CurrentStep || (_CurrentStep = /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactIcons.CurrentStep, {
-    height: "10px",
-    width: "10px"
-  })) : /*#__PURE__*/(0, _jsxRuntime.jsx)(NotSelected, {});
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
-    id: id,
-    className: (0, _clsx.default)(className, classes.root),
-    "aria-current": selected,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
-      id: buttonId,
-      role: "button",
-      tabIndex: 0,
-      onClick: onClick,
-      onKeyDown: onKeyDown,
-      className: classes.button,
-      "aria-label": ariaLabel,
-      "aria-labelledby": labelId
-    }, others), {}, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Tooltip, {
-        id: labelId,
-        className: (0, _clsx.default)(classes.text),
-        variant: variant,
-        children: icon
-      })
-    }))
-  });
-};
-process.env.NODE_ENV !== "production" ? HvVerticalScrollListItem.propTypes = {
-  /**
-   * Id to be applied to the tab.
-   */
-  id: _propTypes.default.string,
-  /**
-   * Class names to be applied.
-   */
-  className: _propTypes.default.string,
-  /**
-   * A Jss Object used to override or extend the styles applied.
-   */
-  classes: _propTypes.default.shape({
-    /**
-     * Styles applied to the component root class.
-     */
-    root: _propTypes.default.string,
-    /**
-     * Styles applied to the component when it is selected.
-     */
-    selected: _propTypes.default.string,
-    /**
-     * Styles applied to the text inside the component.
-     */
-    text: _propTypes.default.string,
-    /**
-     * Styles applied to the button inside the component.
-     */
-    button: _propTypes.default.string,
-    notSelected: _propTypes.default.string
-  }).isRequired,
-  /**
-   * Whether the element is selected.
-   */
-  selected: _propTypes.default.bool,
-  /**
-   * Text to label the step for accessibility.
-   */
-  "aria-label": _propTypes.default.string,
-  /**
-   * a function component that renders a typography wrapped with a tooltip.
-   */
-  tooltipWrapper: _propTypes.default.func.isRequired,
-  /**
-   * The function to be executed when the element is clicked.
-   */
-  onClick: _propTypes.default.func,
-  /**
-   * The function to be executed when the element is clicked.
-   */
-  onKeyDown: _propTypes.default.func
-} : void 0;
-var _default = (0, _styles.withStyles)(_styles2.default, {
-  name: "HvVerticalScrollListItem"
-})(HvVerticalScrollListItem);
-exports.default = _default;
-//# sourceMappingURL=VerticalScrollListItem.js.map

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

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

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

@@ -1,14 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _VerticalScrollListItem.default;
-  }
-});
-var _VerticalScrollListItem = _interopRequireDefault(require("./VerticalScrollListItem"));
-//# sourceMappingURL=index.js.map

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

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

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

@@ -1,61 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.object.keys.js");
-require("core-js/modules/es.symbol.js");
-require("core-js/modules/es.array.filter.js");
-require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/es.object.get-own-property-descriptor.js");
-require("core-js/modules/web.dom-collections.for-each.js");
-require("core-js/modules/es.object.get-own-property-descriptors.js");
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _styles = require("../../../Focus/styles");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var styles = function styles(theme) {
-  return {
-    root: {
-      padding: "0"
-    },
-    button: {
-      display: "flex",
-      justifyContent: "center",
-      alignItems: "center",
-      height: "32px",
-      width: "32px",
-      cursor: "pointer",
-      "&:hover": {
-        backgroundColor: theme.hv.palette.atmosphere.atmo3,
-        "& $notSelected": {
-          height: "10px",
-          width: "10px"
-        }
-      },
-      "&:focus": {
-        outline: "none"
-      },
-      "&.focus-visible": _objectSpread({}, _styles.outlineStyles)
-    },
-    notSelected: {
-      height: "6px",
-      width: "6px",
-      borderRadius: "50%",
-      display: "inline-block",
-      backgroundColor: theme.hv.palette.atmosphere.atmo4
-    },
-    text: {
-      height: "32px",
-      width: "32px",
-      display: "flex",
-      justifyContent: "center",
-      alignItems: "center"
-    }
-  };
-};
-var _default = styles;
-exports.default = _default;
-//# sourceMappingURL=styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","names":["styles","theme","root","padding","button","display","justifyContent","alignItems","height","width","cursor","backgroundColor","hv","palette","atmosphere","atmo3","outline","outlineStyles","notSelected","borderRadius","atmo4","text"],"sources":["../../../../src/ScrollTo/Vertical/VerticalScrollListItem/styles.js"],"sourcesContent":["import { outlineStyles } from \"../../../Focus/styles\";\n\nconst styles = (theme) => ({\n  root: {\n    padding: \"0\",\n  },\n  button: {\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    height: \"32px\",\n    width: \"32px\",\n    cursor: \"pointer\",\n    \"&:hover\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n      \"& $notSelected\": {\n        height: \"10px\",\n        width: \"10px\",\n      },\n    },\n    \"&:focus\": {\n      outline: \"none\",\n    },\n    \"&.focus-visible\": {\n      ...outlineStyles,\n    },\n  },\n  notSelected: {\n    height: \"6px\",\n    width: \"6px\",\n    borderRadius: \"50%\",\n    display: \"inline-block\",\n    backgroundColor: theme.hv.palette.atmosphere.atmo4,\n  },\n  text: {\n    height: \"32px\",\n    width: \"32px\",\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAsD;AAAA;AAEtD,IAAMA,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,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE,SAAS;MACjB,SAAS,EAAE;QACTC,eAAe,EAAEV,KAAK,CAACW,EAAE,CAACC,OAAO,CAACC,UAAU,CAACC,KAAK;QAClD,gBAAgB,EAAE;UAChBP,MAAM,EAAE,MAAM;UACdC,KAAK,EAAE;QACT;MACF,CAAC;MACD,SAAS,EAAE;QACTO,OAAO,EAAE;MACX,CAAC;MACD,iBAAiB,oBACZC,qBAAa;IAEpB,CAAC;IACDC,WAAW,EAAE;MACXV,MAAM,EAAE,KAAK;MACbC,KAAK,EAAE,KAAK;MACZU,YAAY,EAAE,KAAK;MACnBd,OAAO,EAAE,cAAc;MACvBM,eAAe,EAAEV,KAAK,CAACW,EAAE,CAACC,OAAO,CAACC,UAAU,CAACM;IAC/C,CAAC;IACDC,IAAI,EAAE;MACJb,MAAM,EAAE,MAAM;MACdC,KAAK,EAAE,MAAM;MACbJ,OAAO,EAAE,MAAM;MACfC,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE;IACd;EACF,CAAC;AAAA,CAAC;AAAC,eAEYP,MAAM;AAAA"}

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

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

package/dist/ScrollTo/Vertical/index.js

@@ -1,14 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _ScrollToVertical.default;
-  }
-});
-var _ScrollToVertical = _interopRequireDefault(require("./ScrollToVertical"));
-//# sourceMappingURL=index.js.map

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

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

package/dist/ScrollTo/Vertical/styles.js

@@ -1,68 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.generateDynamicStyles = exports.default = void 0;
-var _styles = require("@mui/styles");
-var _hexToRgbA = _interopRequireDefault(require("../../utils/hexToRgbA"));
-var styles = function styles(theme) {
-  return {
-    root: {
-      display: "flex",
-      width: "32px",
-      padding: "0",
-      backgroundColor: (0, _hexToRgbA.default)(theme.palette.atmo2, 0.8),
-      margin: 0,
-      listStyleType: "none",
-      flexWrap: "wrap",
-      flexDirection: "column"
-    },
-    positionAbsolute: {
-      width: "32px",
-      position: "absolute",
-      zIndex: theme.zIndex.appBar - 2,
-      right: "0",
-      top: "50%"
-    },
-    positionFixed: {
-      width: "32px",
-      position: "fixed",
-      zIndex: theme.zIndex.appBar - 2,
-      right: "0",
-      top: "50%"
-    }
-  };
-};
-var calculateOffset = function calculateOffset(quantityOfOptions) {
-  var iconSize = 32;
-  var halfOptions = Math.round(quantityOfOptions * 0.5);
-  return halfOptions * iconSize;
-};
-var generateDynamicStyles = function generateDynamicStyles(quantityOfOptions) {
-  var positionOffset = calculateOffset(quantityOfOptions);
-  var generatedStyles = (0, _styles.makeStyles)(function (theme) {
-    return {
-      positionAbsolute: {
-        width: "32px",
-        position: "absolute",
-        zIndex: theme.zIndex.appBar - 2,
-        right: "0",
-        top: "calc(50% - ".concat(positionOffset, "px)")
-      },
-      positionFixed: {
-        width: "32px",
-        position: "fixed",
-        zIndex: theme.zIndex.appBar - 2,
-        right: "0",
-        top: "calc(50% - ".concat(positionOffset, "px)")
-      }
-    };
-  });
-  return generatedStyles();
-};
-exports.generateDynamicStyles = generateDynamicStyles;
-var _default = styles;
-exports.default = _default;
-//# sourceMappingURL=styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","names":["styles","theme","root","display","width","padding","backgroundColor","fade","palette","atmo2","margin","listStyleType","flexWrap","flexDirection","positionAbsolute","position","zIndex","appBar","right","top","positionFixed","calculateOffset","quantityOfOptions","iconSize","halfOptions","Math","round","generateDynamicStyles","positionOffset","generatedStyles","makeStyles"],"sources":["../../../src/ScrollTo/Vertical/styles.js"],"sourcesContent":["import { makeStyles } from \"@mui/styles\";\nimport fade from \"../../utils/hexToRgbA\";\n\nconst styles = (theme) => ({\n  root: {\n    display: \"flex\",\n    width: \"32px\",\n    padding: \"0\",\n    backgroundColor: fade(theme.palette.atmo2, 0.8),\n    margin: 0,\n    listStyleType: \"none\",\n    flexWrap: \"wrap\",\n    flexDirection: \"column\",\n  },\n  positionAbsolute: {\n    width: \"32px\",\n    position: \"absolute\",\n    zIndex: theme.zIndex.appBar - 2,\n    right: \"0\",\n    top: \"50%\",\n  },\n  positionFixed: {\n    width: \"32px\",\n    position: \"fixed\",\n    zIndex: theme.zIndex.appBar - 2,\n    right: \"0\",\n    top: \"50%\",\n  },\n});\n\nconst calculateOffset = (quantityOfOptions) => {\n  const iconSize = 32;\n  const halfOptions = Math.round(quantityOfOptions * 0.5);\n  return halfOptions * iconSize;\n};\n\nexport const generateDynamicStyles = (quantityOfOptions) => {\n  const positionOffset = calculateOffset(quantityOfOptions);\n  const generatedStyles = makeStyles((theme) => ({\n    positionAbsolute: {\n      width: \"32px\",\n      position: \"absolute\",\n      zIndex: theme.zIndex.appBar - 2,\n      right: \"0\",\n      top: `calc(50% - ${positionOffset}px)`,\n    },\n    positionFixed: {\n      width: \"32px\",\n      position: \"fixed\",\n      zIndex: theme.zIndex.appBar - 2,\n      right: \"0\",\n      top: `calc(50% - ${positionOffset}px)`,\n    },\n  }));\n  return generatedStyles();\n};\n\nexport default styles;\n"],"mappings":";;;;;;;AAAA;AACA;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAM,CAAIC,KAAK;EAAA,OAAM;IACzBC,IAAI,EAAE;MACJC,OAAO,EAAE,MAAM;MACfC,KAAK,EAAE,MAAM;MACbC,OAAO,EAAE,GAAG;MACZC,eAAe,EAAE,IAAAC,kBAAI,EAACN,KAAK,CAACO,OAAO,CAACC,KAAK,EAAE,GAAG,CAAC;MAC/CC,MAAM,EAAE,CAAC;MACTC,aAAa,EAAE,MAAM;MACrBC,QAAQ,EAAE,MAAM;MAChBC,aAAa,EAAE;IACjB,CAAC;IACDC,gBAAgB,EAAE;MAChBV,KAAK,EAAE,MAAM;MACbW,QAAQ,EAAE,UAAU;MACpBC,MAAM,EAAEf,KAAK,CAACe,MAAM,CAACC,MAAM,GAAG,CAAC;MAC/BC,KAAK,EAAE,GAAG;MACVC,GAAG,EAAE;IACP,CAAC;IACDC,aAAa,EAAE;MACbhB,KAAK,EAAE,MAAM;MACbW,QAAQ,EAAE,OAAO;MACjBC,MAAM,EAAEf,KAAK,CAACe,MAAM,CAACC,MAAM,GAAG,CAAC;MAC/BC,KAAK,EAAE,GAAG;MACVC,GAAG,EAAE;IACP;EACF,CAAC;AAAA,CAAC;AAEF,IAAME,eAAe,GAAG,SAAlBA,eAAe,CAAIC,iBAAiB,EAAK;EAC7C,IAAMC,QAAQ,GAAG,EAAE;EACnB,IAAMC,WAAW,GAAGC,IAAI,CAACC,KAAK,CAACJ,iBAAiB,GAAG,GAAG,CAAC;EACvD,OAAOE,WAAW,GAAGD,QAAQ;AAC/B,CAAC;AAEM,IAAMI,qBAAqB,GAAG,SAAxBA,qBAAqB,CAAIL,iBAAiB,EAAK;EAC1D,IAAMM,cAAc,GAAGP,eAAe,CAACC,iBAAiB,CAAC;EACzD,IAAMO,eAAe,GAAG,IAAAC,kBAAU,EAAC,UAAC7B,KAAK;IAAA,OAAM;MAC7Ca,gBAAgB,EAAE;QAChBV,KAAK,EAAE,MAAM;QACbW,QAAQ,EAAE,UAAU;QACpBC,MAAM,EAAEf,KAAK,CAACe,MAAM,CAACC,MAAM,GAAG,CAAC;QAC/BC,KAAK,EAAE,GAAG;QACVC,GAAG,uBAAgBS,cAAc;MACnC,CAAC;MACDR,aAAa,EAAE;QACbhB,KAAK,EAAE,MAAM;QACbW,QAAQ,EAAE,OAAO;QACjBC,MAAM,EAAEf,KAAK,CAACe,MAAM,CAACC,MAAM,GAAG,CAAC;QAC/BC,KAAK,EAAE,GAAG;QACVC,GAAG,uBAAgBS,cAAc;MACnC;IACF,CAAC;EAAA,CAAC,CAAC;EACH,OAAOC,eAAe,EAAE;AAC1B,CAAC;AAAC;AAAA,eAEa7B,MAAM;AAAA"}

package/dist/ScrollTo/index.d.ts

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

package/dist/ScrollTo/index.js

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

package/dist/ScrollTo/index.js.map

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

package/dist/ScrollTo/tooltipPositions.d.ts

@@ -1 +0,0 @@
-export type HvScrollToTooltipPositions =  "left" | "right" | "top" | "bottom";

package/dist/ScrollTo/useScrollTo.js

@@ -1,150 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-require("core-js/modules/es.array.find.js");
-require("core-js/modules/es.object.to-string.js");
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = require("react");
-var _utils = require("./utils");
-var useScrollTo = function useScrollTo() {
-  var selectedIndexProp = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-  var scrollElementId = arguments.length > 1 ? arguments[1] : undefined;
-  var href = arguments.length > 2 ? arguments[2] : undefined;
-  var offset = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
-  var options = arguments.length > 4 ? arguments[4] : undefined;
-  var onChange = arguments.length > 5 ? arguments[5] : undefined;
-  var direction = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : "column";
-  var RETRY_MAX = 5;
-  var _useState = (0, _react.useState)(selectedIndexProp),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    selectedIndex = _useState2[0],
-    setSelectedIndex = _useState2[1];
-  var scrollEle = (0, _react.useRef)();
-  var requestedAnimationFrame = (0, _react.useRef)(0);
-  var lastContainerScrollTop = (0, _react.useRef)();
-
-  // ref to use a often-changing value in useCallback, as recommended in
-  // https://reactjs.org/docs/hooks-faq.html#how-to-read-an-often-changing-value-from-usecallback
-  var selectedIndexRef = (0, _react.useRef)(selectedIndex);
-  (0, _react.useEffect)(function () {
-    selectedIndexRef.current = selectedIndex;
-  }, [selectedIndex]);
-  (0, _react.useEffect)(function () {
-    scrollEle.current = scrollElementId && document.getElementById(scrollElementId) || window;
-    lastContainerScrollTop.current = (0, _utils.verticalScrollOffset)(scrollEle.current);
-  }, [scrollElementId]);
-  var checkScroll = (0, _react.useCallback)(function (event) {
-    var _window;
-    if (requestedAnimationFrame.current === 0 && (_window = window) !== null && _window !== void 0 && _window.requestAnimationFrame) {
-      requestedAnimationFrame.current = window.requestAnimationFrame(function () {
-        requestedAnimationFrame.current = 0;
-        var firstVisibleElementIndex = (0, _utils.findFirstVisibleElement)(scrollEle.current, options, offset);
-        var newSelectedIndex = firstVisibleElementIndex;
-
-        // select the first element when all elements are bellow the container's top
-        if (firstVisibleElementIndex < 0) {
-          newSelectedIndex = 0;
-        }
-
-        // if the user has reached the bottom of the container, select the first nav item still visible
-        // (usually this selects the last nav item, when it can't reach the top the container)
-        // in theory only needed when scrolling down, but no... because of the Safari bouncing behaviour
-        if (newSelectedIndex < options.length - 1 && (0, _utils.isScrolledToTheBottom)(scrollEle.current)) {
-          newSelectedIndex += 1;
-        }
-        var containerScrollTop = (0, _utils.getScrollTop)(scrollEle.current);
-        var isScrollingDown = containerScrollTop > lastContainerScrollTop.current;
-        lastContainerScrollTop.current = containerScrollTop;
-
-        // only update the selected item if the scroll direction is moving away from it
-        if (isScrollingDown) {
-          if (newSelectedIndex < selectedIndexRef.current) {
-            newSelectedIndex = selectedIndexRef.current;
-          }
-        } else if (newSelectedIndex > selectedIndexRef.current) {
-          newSelectedIndex = selectedIndexRef.current;
-        }
-        setSelectedIndex(newSelectedIndex);
-        onChange === null || onChange === void 0 ? void 0 : onChange(event, newSelectedIndex);
-      });
-    }
-  }, [offset, options, onChange]);
-
-  // registers and unregisters the scroll listener
-  (0, _react.useEffect)(function () {
-    if (scrollEle.current) {
-      scrollEle.current.addEventListener("scroll", checkScroll, false);
-    }
-    return function () {
-      if (scrollEle.current) {
-        scrollEle.current.removeEventListener("scroll", checkScroll);
-      }
-      if (requestedAnimationFrame.current !== 0) {
-        window.cancelAnimationFrame(requestedAnimationFrame.current);
-        requestedAnimationFrame.current = 0;
-      }
-    };
-  }, [checkScroll]);
-
-  // waits for the elements to be rendered and scrolls to the one referenced
-  // in the URL hash, if any
-  (0, _react.useEffect)(function () {
-    var checkRenderedInterval;
-    if (href) {
-      var hashValue = document.location.hash.split("#")[1] || "";
-      var option = options.find(function (o) {
-        return o.value === hashValue;
-      });
-      if (option) {
-        var retry = 0;
-        checkRenderedInterval = setInterval(function () {
-          var ele = document.getElementById(option.value);
-          if (ele) {
-            (0, _utils.scrollElement)(ele, scrollEle.current, option.offset || offset);
-            clearInterval(checkRenderedInterval);
-          } else {
-            retry += 1;
-            if (retry === RETRY_MAX) {
-              clearInterval(checkRenderedInterval);
-            }
-          }
-        }, 1000);
-      }
-    }
-    return function () {
-      clearInterval(checkRenderedInterval);
-    };
-
-    // we really want to run this just in the first load
-    // in fact this doesn't even belong here, the logic should be external
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  var setScrollTo = function setScrollTo(event, id, index, wrappedOnChange) {
-    var option = options.find(function (o) {
-      return o.value === id;
-    });
-    if (option) {
-      var ele = document.getElementById(id);
-      if (ele) {
-        (0, _utils.scrollElement)(ele, scrollEle.current, option.offset || offset, direction);
-      }
-      if (href) {
-        window.history.pushState({}, "", "#".concat(options[index].value));
-      }
-      setSelectedIndex(index);
-      wrappedOnChange === null || wrappedOnChange === void 0 ? void 0 : wrappedOnChange(index);
-
-      // Safari scrolls immediately (no smooth scroll support),
-      // so this ref value must be updated asap
-      selectedIndexRef.current = index;
-    }
-  };
-  return [selectedIndex, setScrollTo];
-};
-var _default = useScrollTo;
-exports.default = _default;
-//# sourceMappingURL=useScrollTo.js.map

package/dist/ScrollTo/useScrollTo.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useScrollTo.js","names":["useScrollTo","selectedIndexProp","scrollElementId","href","offset","options","onChange","direction","RETRY_MAX","useState","selectedIndex","setSelectedIndex","scrollEle","useRef","requestedAnimationFrame","lastContainerScrollTop","selectedIndexRef","useEffect","current","document","getElementById","window","verticalScrollOffset","checkScroll","useCallback","event","requestAnimationFrame","firstVisibleElementIndex","findFirstVisibleElement","newSelectedIndex","length","isScrolledToTheBottom","containerScrollTop","getScrollTop","isScrollingDown","addEventListener","removeEventListener","cancelAnimationFrame","checkRenderedInterval","hashValue","location","hash","split","option","find","o","value","retry","setInterval","ele","scrollElement","clearInterval","setScrollTo","id","index","wrappedOnChange","history","pushState"],"sources":["../../src/ScrollTo/useScrollTo.js"],"sourcesContent":["import { useEffect, useRef, useState, useCallback } from \"react\";\nimport {\n  verticalScrollOffset,\n  findFirstVisibleElement,\n  isScrolledToTheBottom,\n  getScrollTop,\n  scrollElement,\n} from \"./utils\";\n\nconst useScrollTo = (\n  selectedIndexProp = 0,\n  scrollElementId,\n  href,\n  offset = 0,\n  options,\n  onChange,\n  direction = \"column\"\n) => {\n  const RETRY_MAX = 5;\n  const [selectedIndex, setSelectedIndex] = useState(selectedIndexProp);\n\n  const scrollEle = useRef();\n  const requestedAnimationFrame = useRef(0);\n  const lastContainerScrollTop = useRef();\n\n  // ref to use a often-changing value in useCallback, as recommended in\n  // https://reactjs.org/docs/hooks-faq.html#how-to-read-an-often-changing-value-from-usecallback\n  const selectedIndexRef = useRef(selectedIndex);\n  useEffect(() => {\n    selectedIndexRef.current = selectedIndex;\n  }, [selectedIndex]);\n\n  useEffect(() => {\n    scrollEle.current = (scrollElementId && document.getElementById(scrollElementId)) || window;\n    lastContainerScrollTop.current = verticalScrollOffset(scrollEle.current);\n  }, [scrollElementId]);\n\n  const checkScroll = useCallback(\n    (event) => {\n      if (requestedAnimationFrame.current === 0 && window?.requestAnimationFrame) {\n        requestedAnimationFrame.current = window.requestAnimationFrame(() => {\n          requestedAnimationFrame.current = 0;\n\n          const firstVisibleElementIndex = findFirstVisibleElement(\n            scrollEle.current,\n            options,\n            offset\n          );\n\n          let newSelectedIndex = firstVisibleElementIndex;\n\n          // select the first element when all elements are bellow the container's top\n          if (firstVisibleElementIndex < 0) {\n            newSelectedIndex = 0;\n          }\n\n          // if the user has reached the bottom of the container, select the first nav item still visible\n          // (usually this selects the last nav item, when it can't reach the top the container)\n          // in theory only needed when scrolling down, but no... because of the Safari bouncing behaviour\n          if (newSelectedIndex < options.length - 1 && isScrolledToTheBottom(scrollEle.current)) {\n            newSelectedIndex += 1;\n          }\n\n          const containerScrollTop = getScrollTop(scrollEle.current);\n          const isScrollingDown = containerScrollTop > lastContainerScrollTop.current;\n          lastContainerScrollTop.current = containerScrollTop;\n\n          // only update the selected item if the scroll direction is moving away from it\n          if (isScrollingDown) {\n            if (newSelectedIndex < selectedIndexRef.current) {\n              newSelectedIndex = selectedIndexRef.current;\n            }\n          } else if (newSelectedIndex > selectedIndexRef.current) {\n            newSelectedIndex = selectedIndexRef.current;\n          }\n\n          setSelectedIndex(newSelectedIndex);\n          onChange?.(event, newSelectedIndex);\n        });\n      }\n    },\n    [offset, options, onChange]\n  );\n\n  // registers and unregisters the scroll listener\n  useEffect(() => {\n    if (scrollEle.current) {\n      scrollEle.current.addEventListener(\"scroll\", checkScroll, false);\n    }\n\n    return () => {\n      if (scrollEle.current) {\n        scrollEle.current.removeEventListener(\"scroll\", checkScroll);\n      }\n\n      if (requestedAnimationFrame.current !== 0) {\n        window.cancelAnimationFrame(requestedAnimationFrame.current);\n        requestedAnimationFrame.current = 0;\n      }\n    };\n  }, [checkScroll]);\n\n  // waits for the elements to be rendered and scrolls to the one referenced\n  // in the URL hash, if any\n  useEffect(() => {\n    let checkRenderedInterval;\n\n    if (href) {\n      const hashValue = document.location.hash.split(\"#\")[1] || \"\";\n\n      const option = options.find((o) => o.value === hashValue);\n\n      if (option) {\n        let retry = 0;\n        checkRenderedInterval = setInterval(() => {\n          const ele = document.getElementById(option.value);\n\n          if (ele) {\n            scrollElement(ele, scrollEle.current, option.offset || offset);\n            clearInterval(checkRenderedInterval);\n          } else {\n            retry += 1;\n            if (retry === RETRY_MAX) {\n              clearInterval(checkRenderedInterval);\n            }\n          }\n        }, 1000);\n      }\n    }\n\n    return () => {\n      clearInterval(checkRenderedInterval);\n    };\n\n    // we really want to run this just in the first load\n    // in fact this doesn't even belong here, the logic should be external\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const setScrollTo = (event, id, index, wrappedOnChange) => {\n    const option = options.find((o) => o.value === id);\n\n    if (option) {\n      const ele = document.getElementById(id);\n      if (ele) {\n        scrollElement(ele, scrollEle.current, option.offset || offset, direction);\n      }\n\n      if (href) {\n        window.history.pushState({}, \"\", `#${options[index].value}`);\n      }\n\n      setSelectedIndex(index);\n      wrappedOnChange?.(index);\n\n      // Safari scrolls immediately (no smooth scroll support),\n      // so this ref value must be updated asap\n      selectedIndexRef.current = index;\n    }\n  };\n\n  return [selectedIndex, setScrollTo];\n};\n\nexport default useScrollTo;\n"],"mappings":"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"}