@hitachivantara/uikit-react-core 3.52.5

package/dist/ScrollTo/Horizontal/styles.js

@@ -0,0 +1,54 @@
+"use strict";
+
+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 _hexToRgbA = _interopRequireDefault(require("../../utils/hexToRgbA"));
+
+var styles = function styles(theme) {
+  var _positionFixed;
+
+  return {
+    root: {
+      display: "flex",
+      width: "100%",
+      padding: "0 30px",
+      backgroundColor: (0, _hexToRgbA.default)(theme.palette.atmo2, 0.8),
+      margin: 0,
+      listStyleType: "none",
+      flexWrap: "wrap"
+    },
+    positionSticky: {
+      width: "100%",
+      position: "sticky",
+      zIndex: theme.zIndex.appBar - 2,
+      top: 0,
+      left: 0
+    },
+    positionFixed: (_positionFixed = {
+      width: "100%",
+      position: "fixed",
+      zIndex: theme.zIndex.appBar - 2,
+      top: 0,
+      left: 0
+    }, (0, _defineProperty2.default)(_positionFixed, theme.breakpoints.up("md"), {
+      width: "calc(100% - 2*".concat(theme.spacing(4), "px)"),
+      marginLeft: "".concat(theme.spacing(4), "px"),
+      marginRight: "".concat(theme.spacing(4), "px")
+    }), (0, _defineProperty2.default)(_positionFixed, theme.breakpoints.down("sm"), {
+      width: "calc(100% - 2*".concat(theme.spacing(2), "px)"),
+      marginLeft: "".concat(theme.spacing(2), "px"),
+      marginRight: "".concat(theme.spacing(2), "px")
+    }), _positionFixed)
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ScrollTo/Horizontal/styles.js"],"names":["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"],"mappings":";;;;;;;;;;;AAAA;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA;;AAAA,SAAY;AACzBC,IAAAA,IAAI,EAAE;AACJC,MAAAA,OAAO,EAAE,MADL;AAEJC,MAAAA,KAAK,EAAE,MAFH;AAGJC,MAAAA,OAAO,EAAE,QAHL;AAIJC,MAAAA,eAAe,EAAE,wBAAKL,KAAK,CAACM,OAAN,CAAcC,KAAnB,EAA0B,GAA1B,CAJb;AAKJC,MAAAA,MAAM,EAAE,CALJ;AAMJC,MAAAA,aAAa,EAAE,MANX;AAOJC,MAAAA,QAAQ,EAAE;AAPN,KADmB;AAUzBC,IAAAA,cAAc,EAAE;AACdR,MAAAA,KAAK,EAAE,MADO;AAEdS,MAAAA,QAAQ,EAAE,QAFI;AAGdC,MAAAA,MAAM,EAAEb,KAAK,CAACa,MAAN,CAAaC,MAAb,GAAsB,CAHhB;AAIdC,MAAAA,GAAG,EAAE,CAJS;AAKdC,MAAAA,IAAI,EAAE;AALQ,KAVS;AAiBzBC,IAAAA,aAAa;AACXd,MAAAA,KAAK,EAAE,MADI;AAEXS,MAAAA,QAAQ,EAAE,OAFC;AAGXC,MAAAA,MAAM,EAAEb,KAAK,CAACa,MAAN,CAAaC,MAAb,GAAsB,CAHnB;AAIXC,MAAAA,GAAG,EAAE,CAJM;AAKXC,MAAAA,IAAI,EAAE;AALK,qDAMVhB,KAAK,CAACkB,WAAN,CAAkBC,EAAlB,CAAqB,IAArB,CANU,EAMmB;AAC5BhB,MAAAA,KAAK,0BAAmBH,KAAK,CAACoB,OAAN,CAAc,CAAd,CAAnB,QADuB;AAE5BC,MAAAA,UAAU,YAAKrB,KAAK,CAACoB,OAAN,CAAc,CAAd,CAAL,OAFkB;AAG5BE,MAAAA,WAAW,YAAKtB,KAAK,CAACoB,OAAN,CAAc,CAAd,CAAL;AAHiB,KANnB,iDAWVpB,KAAK,CAACkB,WAAN,CAAkBK,IAAlB,CAAuB,IAAvB,CAXU,EAWqB;AAC9BpB,MAAAA,KAAK,0BAAmBH,KAAK,CAACoB,OAAN,CAAc,CAAd,CAAnB,QADyB;AAE9BC,MAAAA,UAAU,YAAKrB,KAAK,CAACoB,OAAN,CAAc,CAAd,CAAL,OAFoB;AAG9BE,MAAAA,WAAW,YAAKtB,KAAK,CAACoB,OAAN,CAAc,CAAd,CAAL;AAHmB,KAXrB;AAjBY,GAAZ;AAAA,CAAf;;eAoCerB,M","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"],"file":"styles.js"}

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

@@ -0,0 +1,69 @@
+import { StandardProps } from "@material-ui/core";
+import React from "react";
+import { HvScrollToTooltipPositions } from "../tooltipPositions";
+
+interface Option {
+  key?: string;
+  label: string;
+  value: string;
+  offset?: number;
+}
+
+export type HvScrollToVerticalClassKey = "root" | "positionSticky" | "positionFixed";
+export type HvScrollToVerticalPositions = "absolute" | "fixed" | "relative";
+
+type newStandardProps = Omit<
+  StandardProps<React.HTMLAttributes<HTMLDivElement>, HvScrollToVerticalClassKey>,
+  "onChange" | "onClick"
+>;
+
+export interface HvScrollToVerticalProps extends newStandardProps {
+  /**
+   * An Array of Objects with Label and Value. Label is the displayed Element and Value is the local navigation location applied
+   */
+  options: Option[];
+  /**
+   * True if the href location link should be applied. It will create an a element around every list item
+   */
+  href?: boolean;
+  /**
+   * Default selected index passed from the parent.
+   */
+  defaultSelectedIndex?: number;
+  /**
+   * The Id of the scrollable container containing displayed elements.
+   *
+   * Defaults to `window` if unspecified.
+   */
+  scrollElementId?: 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)
+   * or to put more breathing room between the targeted element and the edges of the container.
+   *
+   * Each element can alse have a specific offset via the options property.
+   */
+  offset?: number;
+  /**
+   * Position of the Vertical scroll to.
+   */
+  position?: HvScrollToVerticalPositions;
+  /**
+   * Position of tooltip identifying the current item.
+   */
+  tooltipPosition?: HvScrollToTooltipPositions;
+  /**
+   * A function called each time the selected index changes.
+   */
+  onChange?: (event: React.SyntheticEvent | React.UIEvent, index: number) => void;
+  /**
+   * A function called each time an user clicks on a tab element.
+   */
+  onClick?: (event: React.MouseEventHandler<HTMLButtonElement>, index: number) => void;
+  /**
+   * A function called each time an user press enter on a tab element.
+   */
+  onEnter?: (event: React.KeyboardEvent<HTMLButtonElement>, index: number) => void;
+}
+
+export default function HvScrollToVertical(props: HvScrollToVerticalProps): JSX.Element | null;

package/dist/ScrollTo/Vertical/ScrollToVertical.js

@@ -0,0 +1,235 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.string.iterator.js");
+
+require("core-js/modules/es.weak-map.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("core-js/modules/es.array.map.js");
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+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 _core = require("@material-ui/core");
+
+var _utils = require("../../utils");
+
+var _VerticalScrollListItem = _interopRequireDefault(require("./VerticalScrollListItem"));
+
+var _styles = _interopRequireWildcard(require("./styles"));
+
+var _useScrollTo3 = _interopRequireDefault(require("../useScrollTo"));
+
+var _withTooltip = _interopRequireDefault(require("../withTooltip"));
+
+var _ = require("../..");
+
+var _excluded = ["id", "defaultSelectedIndex", "scrollElementId", "href", "onChange", "onClick", "onEnter", "className", "classes", "options", "offset", "position", "tooltipPosition"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var Enter = _utils.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 = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var elementId = (0, _.useUniqueId)(id, "hvVerticalScrollto");
+
+  var _useScrollTo = (0, _useScrollTo3.default)(defaultSelectedIndex, scrollElementId, href, offset, options, onChange),
+      _useScrollTo2 = (0, _slicedToArray2.default)(_useScrollTo, 2),
+      selectedIndex = _useScrollTo2[0],
+      setScrollTo = _useScrollTo2[1];
+
+  var dynamicClasses = (0, _styles.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 = (0, _react.useMemo)(function () {
+    return options.map(function (option) {
+      return (0, _withTooltip.default)(option.label, "div", tooltipPosition, false);
+    });
+  }, [options, tooltipPosition]);
+  var tabs = options.map(function (option, index) {
+    var selected = selectedIndex === index;
+    var tooltipWrapper = tooltipWrappers[index];
+    return /*#__PURE__*/_react.default.createElement(_VerticalScrollListItem.default, {
+      id: (0, _.setId)(elementId, "item-".concat(index)),
+      onClick: function onClick(event) {
+        handleSelection(event, option.value, index);
+        _onClick === null || _onClick === void 0 ? void 0 : _onClick(event, index);
+      },
+      onKeyDown: function onKeyDown(event) {
+        if ((0, _utils.isKeypress)(event, Enter) === true) {
+          handleSelection(event, option.value, index);
+          onEnter === null || onEnter === void 0 ? void 0 : onEnter(event, index);
+        }
+      },
+      tooltipWrapper: tooltipWrapper,
+      selected: selected,
+      key: option.key || option.label,
+      "aria-label": option.label
+    });
+  });
+  return /*#__PURE__*/_react.default.createElement("ol", (0, _extends2.default)({
+    className: (0, _clsx.default)(className, classes.root, {
+      "absolute": dynamicClasses.positionAbsolute,
+      "fixed": dynamicClasses.positionFixed
+    }[position]),
+    id: elementId
+  }, others), tabs);
+};
+
+HvScrollToVertical.propTypes = {
+  /**
+   * Id to be applied to the element.
+   */
+  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 has a sticky position.
+     */
+    positionAbsolute: _propTypes.default.string,
+
+    /**
+     * Styles applied to the component when it has a fixed position.
+     */
+    positionFixed: _propTypes.default.string
+  }).isRequired,
+
+  /**
+   * A function called each time the selected index changes.
+   */
+  onChange: _propTypes.default.func,
+
+  /**
+   * A function called each time an user clicks on a tab element.
+   */
+  onClick: _propTypes.default.func,
+
+  /**
+   * A function called each time an user press enter on a tab element.
+   */
+  onEnter: _propTypes.default.func,
+
+  /**
+   * An Array of Objects with Label and Value. Label is the displayed Element and Value is the local navigation location applied
+   */
+  options: _propTypes.default.arrayOf(_propTypes.default.shape({
+    key: _propTypes.default.string,
+    value: _propTypes.default.string.isRequired,
+    label: _propTypes.default.string.isRequired,
+    offset: _propTypes.default.number
+  })).isRequired,
+
+  /**
+   * default selected index passed from the parent.
+   */
+  defaultSelectedIndex: _propTypes.default.number,
+
+  /**
+   * The Id of the scrollable container containing displayed elements.
+   *
+   * Defaults to `window` if unspecified.
+   */
+  scrollElementId: _propTypes.default.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)
+   * or to put more breathing room between the targeted element and the edges of the container.
+   *
+   * Each element can also have a specific offset via the options property.
+   */
+  offset: _propTypes.default.number,
+
+  /**
+   * True if the href location link should be applied. It will create an a element around every list item
+   */
+  href: _propTypes.default.bool,
+
+  /**
+   * Position of the Vertical scroll to.
+   */
+  position: _propTypes.default.oneOf(["absolute", "fixed", "relative"]),
+
+  /**
+   * Position of tooltip identifying the current item.
+   */
+  tooltipPosition: _propTypes.default.oneOf(["left", "right", "top", "bottom"])
+};
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvScrollToVertical"
+})(HvScrollToVertical);
+
+exports.default = _default;
+//# sourceMappingURL=ScrollToVertical.js.map

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

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

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

@@ -0,0 +1,162 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.string.iterator.js");
+
+require("core-js/modules/es.weak-map.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+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 _core = require("@material-ui/core");
+
+var _uikitReactIcons = require("@hitachivantara/uikit-react-icons");
+
+var _ = require("../../..");
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+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; }
+
+/**
+ * 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__*/_react.default.createElement("div", {
+      className: classes.notSelected
+    });
+  }, [classes.notSelected]);
+  var icon = selected ? /*#__PURE__*/_react.default.createElement(_uikitReactIcons.CurrentStep, {
+    height: "10px",
+    width: "10px"
+  }) : /*#__PURE__*/_react.default.createElement(NotSelected, null);
+  return /*#__PURE__*/_react.default.createElement("li", {
+    id: id,
+    className: (0, _clsx.default)(className, classes.root),
+    "aria-current": selected
+  }, /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    id: buttonId,
+    role: "button",
+    tabIndex: 0,
+    onClick: onClick,
+    onKeyDown: onKeyDown,
+    className: classes.button,
+    "aria-label": ariaLabel,
+    "aria-labelledby": labelId
+  }, others), /*#__PURE__*/_react.default.createElement(Tooltip, {
+    id: labelId,
+    className: (0, _clsx.default)(classes.text),
+    variant: variant
+  }, icon)));
+};
+
+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
+};
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvVerticalScrollListItem"
+})(HvVerticalScrollListItem);
+
+exports.default = _default;
+//# sourceMappingURL=VerticalScrollListItem.js.map

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

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

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

@@ -0,0 +1,16 @@
+"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

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

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

@@ -0,0 +1,75 @@
+"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); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { 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