@hitachivantara/uikit-react-core 3.52.5

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ScrollTo/Vertical/VerticalScrollListItem/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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,IAAI,EAAE;AACJC,MAAAA,OAAO,EAAE;AADL,KADmB;AAIzBC,IAAAA,MAAM,EAAE;AACNC,MAAAA,OAAO,EAAE,MADH;AAENC,MAAAA,cAAc,EAAE,QAFV;AAGNC,MAAAA,UAAU,EAAE,QAHN;AAINC,MAAAA,MAAM,EAAE,MAJF;AAKNC,MAAAA,KAAK,EAAE,MALD;AAMNC,MAAAA,MAAM,EAAE,SANF;AAON,iBAAW;AACTC,QAAAA,eAAe,EAAEV,KAAK,CAACW,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KADpC;AAET,0BAAkB;AAChBP,UAAAA,MAAM,EAAE,MADQ;AAEhBC,UAAAA,KAAK,EAAE;AAFS;AAFT,OAPL;AAcN,iBAAW;AACTO,QAAAA,OAAO,EAAE;AADA,OAdL;AAiBN,2CACKC,qBADL;AAjBM,KAJiB;AAyBzBC,IAAAA,WAAW,EAAE;AACXV,MAAAA,MAAM,EAAE,KADG;AAEXC,MAAAA,KAAK,EAAE,KAFI;AAGXU,MAAAA,YAAY,EAAE,KAHH;AAIXd,MAAAA,OAAO,EAAE,cAJE;AAKXM,MAAAA,eAAe,EAAEV,KAAK,CAACW,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BM;AALlC,KAzBY;AAgCzBC,IAAAA,IAAI,EAAE;AACJb,MAAAA,MAAM,EAAE,MADJ;AAEJC,MAAAA,KAAK,EAAE,MAFH;AAGJJ,MAAAA,OAAO,EAAE,MAHL;AAIJC,MAAAA,cAAc,EAAE,QAJZ;AAKJC,MAAAA,UAAU,EAAE;AALR;AAhCmB,GAAZ;AAAA,CAAf;;eAyCeP,M","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"],"file":"styles.js"}

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

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

package/dist/ScrollTo/Vertical/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 _ScrollToVertical.default;
+  }
+});
+
+var _ScrollToVertical = _interopRequireDefault(require("./ScrollToVertical"));
+//# sourceMappingURL=index.js.map

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

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

package/dist/ScrollTo/Vertical/styles.js

@@ -0,0 +1,75 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.generateDynamicStyles = exports.default = void 0;
+
+var _core = require("@material-ui/core");
+
+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, _core.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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ScrollTo/Vertical/styles.js"],"names":["styles","theme","root","display","width","padding","backgroundColor","palette","atmo2","margin","listStyleType","flexWrap","flexDirection","positionAbsolute","position","zIndex","appBar","right","top","positionFixed","calculateOffset","quantityOfOptions","iconSize","halfOptions","Math","round","generateDynamicStyles","positionOffset","generatedStyles"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,IAAI,EAAE;AACJC,MAAAA,OAAO,EAAE,MADL;AAEJC,MAAAA,KAAK,EAAE,MAFH;AAGJC,MAAAA,OAAO,EAAE,GAHL;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,MAPN;AAQJC,MAAAA,aAAa,EAAE;AARX,KADmB;AAWzBC,IAAAA,gBAAgB,EAAE;AAChBT,MAAAA,KAAK,EAAE,MADS;AAEhBU,MAAAA,QAAQ,EAAE,UAFM;AAGhBC,MAAAA,MAAM,EAAEd,KAAK,CAACc,MAAN,CAAaC,MAAb,GAAsB,CAHd;AAIhBC,MAAAA,KAAK,EAAE,GAJS;AAKhBC,MAAAA,GAAG,EAAE;AALW,KAXO;AAkBzBC,IAAAA,aAAa,EAAE;AACbf,MAAAA,KAAK,EAAE,MADM;AAEbU,MAAAA,QAAQ,EAAE,OAFG;AAGbC,MAAAA,MAAM,EAAEd,KAAK,CAACc,MAAN,CAAaC,MAAb,GAAsB,CAHjB;AAIbC,MAAAA,KAAK,EAAE,GAJM;AAKbC,MAAAA,GAAG,EAAE;AALQ;AAlBU,GAAZ;AAAA,CAAf;;AA2BA,IAAME,eAAe,GAAG,SAAlBA,eAAkB,CAACC,iBAAD,EAAuB;AAC7C,MAAMC,QAAQ,GAAG,EAAjB;AACA,MAAMC,WAAW,GAAGC,IAAI,CAACC,KAAL,CAAWJ,iBAAiB,GAAG,GAA/B,CAApB;AACA,SAAOE,WAAW,GAAGD,QAArB;AACD,CAJD;;AAMO,IAAMI,qBAAqB,GAAG,SAAxBA,qBAAwB,CAACL,iBAAD,EAAuB;AAC1D,MAAMM,cAAc,GAAGP,eAAe,CAACC,iBAAD,CAAtC;AACA,MAAMO,eAAe,GAAG,sBAAW,UAAC3B,KAAD;AAAA,WAAY;AAC7CY,MAAAA,gBAAgB,EAAE;AAChBT,QAAAA,KAAK,EAAE,MADS;AAEhBU,QAAAA,QAAQ,EAAE,UAFM;AAGhBC,QAAAA,MAAM,EAAEd,KAAK,CAACc,MAAN,CAAaC,MAAb,GAAsB,CAHd;AAIhBC,QAAAA,KAAK,EAAE,GAJS;AAKhBC,QAAAA,GAAG,uBAAgBS,cAAhB;AALa,OAD2B;AAQ7CR,MAAAA,aAAa,EAAE;AACbf,QAAAA,KAAK,EAAE,MADM;AAEbU,QAAAA,QAAQ,EAAE,OAFG;AAGbC,QAAAA,MAAM,EAAEd,KAAK,CAACc,MAAN,CAAaC,MAAb,GAAsB,CAHjB;AAIbC,QAAAA,KAAK,EAAE,GAJM;AAKbC,QAAAA,GAAG,uBAAgBS,cAAhB;AALU;AAR8B,KAAZ;AAAA,GAAX,CAAxB;AAgBA,SAAOC,eAAe,EAAtB;AACD,CAnBM;;;eAqBQ5B,M","sourcesContent":["import { makeStyles } from \"@material-ui/core\";\nimport fade from \"../../utils/hexToRgbA\";\n\nconst styles = (theme) => ({\n  root: {\n    display: \"flex\",\n    width: \"32px\",\n    padding: \"0\",\n    backgroundColor: fade(theme.palette.atmo2, 0.8),\n    margin: 0,\n    listStyleType: \"none\",\n    flexWrap: \"wrap\",\n    flexDirection: \"column\",\n  },\n  positionAbsolute: {\n    width: \"32px\",\n    position: \"absolute\",\n    zIndex: theme.zIndex.appBar - 2,\n    right: \"0\",\n    top: \"50%\",\n  },\n  positionFixed: {\n    width: \"32px\",\n    position: \"fixed\",\n    zIndex: theme.zIndex.appBar - 2,\n    right: \"0\",\n    top: \"50%\",\n  },\n});\n\nconst calculateOffset = (quantityOfOptions) => {\n  const iconSize = 32;\n  const halfOptions = Math.round(quantityOfOptions * 0.5);\n  return halfOptions * iconSize;\n};\n\nexport const generateDynamicStyles = (quantityOfOptions) => {\n  const positionOffset = calculateOffset(quantityOfOptions);\n  const generatedStyles = makeStyles((theme) => ({\n    positionAbsolute: {\n      width: \"32px\",\n      position: \"absolute\",\n      zIndex: theme.zIndex.appBar - 2,\n      right: \"0\",\n      top: `calc(50% - ${positionOffset}px)`,\n    },\n    positionFixed: {\n      width: \"32px\",\n      position: \"fixed\",\n      zIndex: theme.zIndex.appBar - 2,\n      right: \"0\",\n      top: `calc(50% - ${positionOffset}px)`,\n    },\n  }));\n  return generatedStyles();\n};\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/ScrollTo/tooltipPositions.d.ts

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

package/dist/ScrollTo/useScrollTo.js

@@ -0,0 +1,171 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("core-js/modules/es.regexp.exec.js");
+
+require("core-js/modules/es.string.split.js");
+
+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 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);
+      }
+
+      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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ScrollTo/useScrollTo.js"],"names":["useScrollTo","selectedIndexProp","scrollElementId","href","offset","options","onChange","RETRY_MAX","selectedIndex","setSelectedIndex","scrollEle","requestedAnimationFrame","lastContainerScrollTop","selectedIndexRef","current","document","getElementById","window","checkScroll","event","requestAnimationFrame","firstVisibleElementIndex","newSelectedIndex","length","containerScrollTop","isScrollingDown","addEventListener","removeEventListener","cancelAnimationFrame","checkRenderedInterval","hashValue","location","hash","split","option","find","o","value","retry","setInterval","ele","clearInterval","setScrollTo","id","index","wrappedOnChange","history","pushState"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AAQA,IAAMA,WAAW,GAAG,SAAdA,WAAc,GAOf;AAAA,MANHC,iBAMG,uEANiB,CAMjB;AAAA,MALHC,eAKG;AAAA,MAJHC,IAIG;AAAA,MAHHC,MAGG,uEAHM,CAGN;AAAA,MAFHC,OAEG;AAAA,MADHC,QACG;AACH,MAAMC,SAAS,GAAG,CAAlB;;AACA,kBAA0C,qBAASN,iBAAT,CAA1C;AAAA;AAAA,MAAOO,aAAP;AAAA,MAAsBC,gBAAtB;;AAEA,MAAMC,SAAS,GAAG,oBAAlB;AACA,MAAMC,uBAAuB,GAAG,mBAAO,CAAP,CAAhC;AACA,MAAMC,sBAAsB,GAAG,oBAA/B,CANG,CAQH;AACA;;AACA,MAAMC,gBAAgB,GAAG,mBAAOL,aAAP,CAAzB;AACA,wBAAU,YAAM;AACdK,IAAAA,gBAAgB,CAACC,OAAjB,GAA2BN,aAA3B;AACD,GAFD,EAEG,CAACA,aAAD,CAFH;AAIA,wBAAU,YAAM;AACdE,IAAAA,SAAS,CAACI,OAAV,GAAqBZ,eAAe,IAAIa,QAAQ,CAACC,cAAT,CAAwBd,eAAxB,CAApB,IAAiEe,MAArF;AACAL,IAAAA,sBAAsB,CAACE,OAAvB,GAAiC,iCAAqBJ,SAAS,CAACI,OAA/B,CAAjC;AACD,GAHD,EAGG,CAACZ,eAAD,CAHH;AAKA,MAAMgB,WAAW,GAAG,wBAClB,UAACC,KAAD,EAAW;AAAA;;AACT,QAAIR,uBAAuB,CAACG,OAAxB,KAAoC,CAApC,eAAyCG,MAAzC,oCAAyC,QAAQG,qBAArD,EAA4E;AAC1ET,MAAAA,uBAAuB,CAACG,OAAxB,GAAkCG,MAAM,CAACG,qBAAP,CAA6B,YAAM;AACnET,QAAAA,uBAAuB,CAACG,OAAxB,GAAkC,CAAlC;AAEA,YAAMO,wBAAwB,GAAG,oCAC/BX,SAAS,CAACI,OADqB,EAE/BT,OAF+B,EAG/BD,MAH+B,CAAjC;AAMA,YAAIkB,gBAAgB,GAAGD,wBAAvB,CATmE,CAWnE;;AACA,YAAIA,wBAAwB,GAAG,CAA/B,EAAkC;AAChCC,UAAAA,gBAAgB,GAAG,CAAnB;AACD,SAdkE,CAgBnE;AACA;AACA;;;AACA,YAAIA,gBAAgB,GAAGjB,OAAO,CAACkB,MAAR,GAAiB,CAApC,IAAyC,kCAAsBb,SAAS,CAACI,OAAhC,CAA7C,EAAuF;AACrFQ,UAAAA,gBAAgB,IAAI,CAApB;AACD;;AAED,YAAME,kBAAkB,GAAG,yBAAad,SAAS,CAACI,OAAvB,CAA3B;AACA,YAAMW,eAAe,GAAGD,kBAAkB,GAAGZ,sBAAsB,CAACE,OAApE;AACAF,QAAAA,sBAAsB,CAACE,OAAvB,GAAiCU,kBAAjC,CAzBmE,CA2BnE;;AACA,YAAIC,eAAJ,EAAqB;AACnB,cAAIH,gBAAgB,GAAGT,gBAAgB,CAACC,OAAxC,EAAiD;AAC/CQ,YAAAA,gBAAgB,GAAGT,gBAAgB,CAACC,OAApC;AACD;AACF,SAJD,MAIO,IAAIQ,gBAAgB,GAAGT,gBAAgB,CAACC,OAAxC,EAAiD;AACtDQ,UAAAA,gBAAgB,GAAGT,gBAAgB,CAACC,OAApC;AACD;;AAEDL,QAAAA,gBAAgB,CAACa,gBAAD,CAAhB;AACAhB,QAAAA,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGa,KAAH,EAAUG,gBAAV,CAAR;AACD,OAtCiC,CAAlC;AAuCD;AACF,GA3CiB,EA4ClB,CAAClB,MAAD,EAASC,OAAT,EAAkBC,QAAlB,CA5CkB,CAApB,CApBG,CAmEH;;AACA,wBAAU,YAAM;AACd,QAAII,SAAS,CAACI,OAAd,EAAuB;AACrBJ,MAAAA,SAAS,CAACI,OAAV,CAAkBY,gBAAlB,CAAmC,QAAnC,EAA6CR,WAA7C,EAA0D,KAA1D;AACD;;AAED,WAAO,YAAM;AACX,UAAIR,SAAS,CAACI,OAAd,EAAuB;AACrBJ,QAAAA,SAAS,CAACI,OAAV,CAAkBa,mBAAlB,CAAsC,QAAtC,EAAgDT,WAAhD;AACD;;AAED,UAAIP,uBAAuB,CAACG,OAAxB,KAAoC,CAAxC,EAA2C;AACzCG,QAAAA,MAAM,CAACW,oBAAP,CAA4BjB,uBAAuB,CAACG,OAApD;AACAH,QAAAA,uBAAuB,CAACG,OAAxB,GAAkC,CAAlC;AACD;AACF,KATD;AAUD,GAfD,EAeG,CAACI,WAAD,CAfH,EApEG,CAqFH;AACA;;AACA,wBAAU,YAAM;AACd,QAAIW,qBAAJ;;AAEA,QAAI1B,IAAJ,EAAU;AACR,UAAM2B,SAAS,GAAGf,QAAQ,CAACgB,QAAT,CAAkBC,IAAlB,CAAuBC,KAAvB,CAA6B,GAA7B,EAAkC,CAAlC,KAAwC,EAA1D;AAEA,UAAMC,MAAM,GAAG7B,OAAO,CAAC8B,IAAR,CAAa,UAACC,CAAD;AAAA,eAAOA,CAAC,CAACC,KAAF,KAAYP,SAAnB;AAAA,OAAb,CAAf;;AAEA,UAAII,MAAJ,EAAY;AACV,YAAII,KAAK,GAAG,CAAZ;AACAT,QAAAA,qBAAqB,GAAGU,WAAW,CAAC,YAAM;AACxC,cAAMC,GAAG,GAAGzB,QAAQ,CAACC,cAAT,CAAwBkB,MAAM,CAACG,KAA/B,CAAZ;;AAEA,cAAIG,GAAJ,EAAS;AACP,sCAAcA,GAAd,EAAmB9B,SAAS,CAACI,OAA7B,EAAsCoB,MAAM,CAAC9B,MAAP,IAAiBA,MAAvD;AACAqC,YAAAA,aAAa,CAACZ,qBAAD,CAAb;AACD,WAHD,MAGO;AACLS,YAAAA,KAAK,IAAI,CAAT;;AACA,gBAAIA,KAAK,KAAK/B,SAAd,EAAyB;AACvBkC,cAAAA,aAAa,CAACZ,qBAAD,CAAb;AACD;AACF;AACF,SAZkC,EAYhC,IAZgC,CAAnC;AAaD;AACF;;AAED,WAAO,YAAM;AACXY,MAAAA,aAAa,CAACZ,qBAAD,CAAb;AACD,KAFD,CA1Bc,CA8Bd;AACA;AACA;AACD,GAjCD,EAiCG,EAjCH;;AAmCA,MAAMa,WAAW,GAAG,SAAdA,WAAc,CAACvB,KAAD,EAAQwB,EAAR,EAAYC,KAAZ,EAAmBC,eAAnB,EAAuC;AACzD,QAAMX,MAAM,GAAG7B,OAAO,CAAC8B,IAAR,CAAa,UAACC,CAAD;AAAA,aAAOA,CAAC,CAACC,KAAF,KAAYM,EAAnB;AAAA,KAAb,CAAf;;AAEA,QAAIT,MAAJ,EAAY;AACV,UAAMM,GAAG,GAAGzB,QAAQ,CAACC,cAAT,CAAwB2B,EAAxB,CAAZ;;AACA,UAAIH,GAAJ,EAAS;AACP,kCAAcA,GAAd,EAAmB9B,SAAS,CAACI,OAA7B,EAAsCoB,MAAM,CAAC9B,MAAP,IAAiBA,MAAvD;AACD;;AAED,UAAID,IAAJ,EAAU;AACRc,QAAAA,MAAM,CAAC6B,OAAP,CAAeC,SAAf,CAAyB,EAAzB,EAA6B,EAA7B,aAAqC1C,OAAO,CAACuC,KAAD,CAAP,CAAeP,KAApD;AACD;;AAED5B,MAAAA,gBAAgB,CAACmC,KAAD,CAAhB;AACAC,MAAAA,eAAe,SAAf,IAAAA,eAAe,WAAf,YAAAA,eAAe,CAAGD,KAAH,CAAf,CAXU,CAaV;AACA;;AACA/B,MAAAA,gBAAgB,CAACC,OAAjB,GAA2B8B,KAA3B;AACD;AACF,GApBD;;AAsBA,SAAO,CAACpC,aAAD,EAAgBkC,WAAhB,CAAP;AACD,CAxJD;;eA0Je1C,W","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) => {\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);\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"],"file":"useScrollTo.js"}

package/dist/ScrollTo/utils.js

@@ -0,0 +1,87 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.verticalScrollOffset = exports.scrollElement = exports.isScrolledToTheBottom = exports.getScrollTop = exports.findFirstVisibleElement = void 0;
+
+var getScrollTop = function getScrollTop() {
+  var c = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : window;
+
+  if (c === window) {
+    return window.scrollY || window.pageYOffset || document.documentElement && document.documentElement.scrollTop || document.body.scrollTop;
+  }
+
+  return c.scrollTop;
+};
+
+exports.getScrollTop = getScrollTop;
+
+var verticalScrollOffset = function verticalScrollOffset(t) {
+  var c = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : window;
+
+  if (c === window) {
+    var _t$getBoundingClientR;
+
+    return ((t === null || t === void 0 ? void 0 : (_t$getBoundingClientR = t.getBoundingClientRect) === null || _t$getBoundingClientR === void 0 ? void 0 : _t$getBoundingClientR.call(t).top) || 0) + (window.scrollY || window.pageYOffset);
+  }
+
+  if (getComputedStyle(c).position !== "static") {
+    return t.offsetTop;
+  }
+
+  return t.offsetTop - c.offsetTop;
+};
+
+exports.verticalScrollOffset = verticalScrollOffset;
+
+var scrollElement = function scrollElement(element, container) {
+  var offset = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+  var elemTop = verticalScrollOffset(element, container);
+  container.scrollTo({
+    top: elemTop - offset,
+    behavior: "smooth"
+  });
+  element.focus({
+    preventScroll: true
+  });
+};
+
+exports.scrollElement = scrollElement;
+
+var isScrolledToTheBottom = function isScrolledToTheBottom(container) {
+  var containerScrollTop = getScrollTop(container);
+
+  if (container === window) {
+    // accounting for cases where html/body are set to height:100%
+    var scrollHeight = document.documentElement && document.documentElement.scrollHeight || document.body.scrollHeight;
+    return containerScrollTop + window.innerHeight >= scrollHeight;
+  }
+
+  return containerScrollTop + container.offsetHeight >= container.scrollHeight;
+};
+
+exports.isScrolledToTheBottom = isScrolledToTheBottom;
+
+var findFirstVisibleElement = function findFirstVisibleElement(container, options, offset) {
+  var boundsTop = verticalScrollOffset(container);
+  var i = 0; // find index of first element whose top is still visible inside the container
+
+  for (; i < options.length; i += 1) {
+    var ele = document.getElementById(options[i].value);
+
+    if (ele) {
+      var elemTop = verticalScrollOffset(ele) - (options[i].offset || offset);
+
+      if (elemTop > boundsTop) {
+        break;
+      }
+    }
+  } // return the previous index, the element that last scrolled past the top
+
+
+  return i - 1;
+};
+
+exports.findFirstVisibleElement = findFirstVisibleElement;
+//# sourceMappingURL=utils.js.map

package/dist/ScrollTo/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ScrollTo/utils.js"],"names":["getScrollTop","c","window","scrollY","pageYOffset","document","documentElement","scrollTop","body","verticalScrollOffset","t","getBoundingClientRect","top","getComputedStyle","position","offsetTop","scrollElement","element","container","offset","elemTop","scrollTo","behavior","focus","preventScroll","isScrolledToTheBottom","containerScrollTop","scrollHeight","innerHeight","offsetHeight","findFirstVisibleElement","options","boundsTop","i","length","ele","getElementById","value"],"mappings":"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","sourcesContent":["export const getScrollTop = (c = window) => {\n  if (c === window) {\n    return (\n      window.scrollY ||\n      window.pageYOffset ||\n      (document.documentElement && document.documentElement.scrollTop) ||\n      document.body.scrollTop\n    );\n  }\n\n  return c.scrollTop;\n};\n\nexport const verticalScrollOffset = (t, c = window) => {\n  if (c === window) {\n    return (t?.getBoundingClientRect?.().top || 0) + (window.scrollY || window.pageYOffset);\n  }\n  if (getComputedStyle(c).position !== \"static\") {\n    return t.offsetTop;\n  }\n\n  return t.offsetTop - c.offsetTop;\n};\n\nexport const scrollElement = (element, container, offset = 0) => {\n  const elemTop = verticalScrollOffset(element, container);\n  container.scrollTo({\n    top: elemTop - offset,\n    behavior: \"smooth\",\n  });\n  element.focus({ preventScroll: true });\n};\n\nexport const isScrolledToTheBottom = (container) => {\n  const containerScrollTop = getScrollTop(container);\n\n  if (container === window) {\n    // accounting for cases where html/body are set to height:100%\n    const scrollHeight =\n      (document.documentElement && document.documentElement.scrollHeight) ||\n      document.body.scrollHeight;\n\n    return containerScrollTop + window.innerHeight >= scrollHeight;\n  }\n\n  return containerScrollTop + container.offsetHeight >= container.scrollHeight;\n};\n\nexport const findFirstVisibleElement = (container, options, offset) => {\n  const boundsTop = verticalScrollOffset(container);\n\n  let i = 0;\n  // find index of first element whose top is still visible inside the container\n  for (; i < options.length; i += 1) {\n    const ele = document.getElementById(options[i].value);\n\n    if (ele) {\n      const elemTop = verticalScrollOffset(ele) - (options[i].offset || offset);\n\n      if (elemTop > boundsTop) {\n        break;\n      }\n    }\n  }\n\n  // return the previous index, the element that last scrolled past the top\n  return i - 1;\n};\n"],"file":"utils.js"}

package/dist/ScrollTo/withTooltip.js

@@ -0,0 +1,45 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.array.of.js");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _ = require("..");
+
+var hideTooltip = function hideTooltip(evt) {
+  var isOverFlow = evt.target.children.length > 1 ? Array.of.apply(Array, (0, _toConsumableArray2.default)(evt.target.children)).some(function (child) {
+    return child.scrollWidth > child.clientWidth;
+  }) : evt.target.scrollWidth > evt.target.clientWidth;
+  return !isOverFlow;
+};
+
+var withTooltip = function withTooltip(label, componentType) {
+  var tooltipPosition = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "top";
+  var hideOnOverflow = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
+
+  var component = function component(props) {
+    return /*#__PURE__*/_react.default.createElement(_.HvTypography, (0, _extends2.default)({
+      component: componentType
+    }, props), props.children);
+  };
+
+  var hideTooltipFunc = hideOnOverflow ? hideTooltip : undefined;
+  return (0, _.withTooltip)(component, label, tooltipPosition, hideTooltipFunc);
+};
+
+var _default = withTooltip;
+exports.default = _default;
+//# sourceMappingURL=withTooltip.js.map

package/dist/ScrollTo/withTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ScrollTo/withTooltip.js"],"names":["hideTooltip","evt","isOverFlow","target","children","length","Array","of","some","child","scrollWidth","clientWidth","withTooltip","label","componentType","tooltipPosition","hideOnOverflow","component","props","hideTooltipFunc","undefined"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AAEA,IAAMA,WAAW,GAAG,SAAdA,WAAc,CAACC,GAAD,EAAS;AAC3B,MAAMC,UAAU,GACdD,GAAG,CAACE,MAAJ,CAAWC,QAAX,CAAoBC,MAApB,GAA6B,CAA7B,GACIC,KAAK,CAACC,EAAN,OAAAD,KAAK,mCAAOL,GAAG,CAACE,MAAJ,CAAWC,QAAlB,EAAL,CAAiCI,IAAjC,CAAsC,UAACC,KAAD;AAAA,WAAWA,KAAK,CAACC,WAAN,GAAoBD,KAAK,CAACE,WAArC;AAAA,GAAtC,CADJ,GAEIV,GAAG,CAACE,MAAJ,CAAWO,WAAX,GAAyBT,GAAG,CAACE,MAAJ,CAAWQ,WAH1C;AAIA,SAAO,CAACT,UAAR;AACD,CAND;;AAQA,IAAMU,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD,EAAQC,aAAR,EAA0E;AAAA,MAAnDC,eAAmD,uEAAjC,KAAiC;AAAA,MAA1BC,cAA0B,uEAAT,IAAS;;AAC5F,MAAMC,SAAS,GAAG,SAAZA,SAAY,CAACC,KAAD;AAAA,wBAChB,6BAAC,cAAD;AAAc,MAAA,SAAS,EAAEJ;AAAzB,OAA4CI,KAA5C,GACGA,KAAK,CAACd,QADT,CADgB;AAAA,GAAlB;;AAKA,MAAMe,eAAe,GAAGH,cAAc,GAAGhB,WAAH,GAAiBoB,SAAvD;AACA,SAAO,mBAAgBH,SAAhB,EAA2BJ,KAA3B,EAAkCE,eAAlC,EAAmDI,eAAnD,CAAP;AACD,CARD;;eAUeP,W","sourcesContent":["import React from \"react\";\nimport { withTooltip as withTooltipUtil, HvTypography } from \"..\";\n\nconst hideTooltip = (evt) => {\n  const isOverFlow =\n    evt.target.children.length > 1\n      ? Array.of(...evt.target.children).some((child) => child.scrollWidth > child.clientWidth)\n      : evt.target.scrollWidth > evt.target.clientWidth;\n  return !isOverFlow;\n};\n\nconst withTooltip = (label, componentType, tooltipPosition = \"top\", hideOnOverflow = true) => {\n  const component = (props) => (\n    <HvTypography component={componentType} {...props}>\n      {props.children}\n    </HvTypography>\n  );\n  const hideTooltipFunc = hideOnOverflow ? hideTooltip : undefined;\n  return withTooltipUtil(component, label, tooltipPosition, hideTooltipFunc);\n};\n\nexport default withTooltip;\n"],"file":"withTooltip.js"}

package/dist/SelectionList/SelectionList.d.ts

@@ -0,0 +1,48 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+import { HvFormElementProps } from "..";
+
+export type HvSelectionListClassKey =
+  | "root"
+  | "label"
+  | "description"
+  | "listbox"
+  | "vertical"
+  | "horizontal"
+  | "invalid"
+  | "error";
+
+export interface HvSelectionListProps
+  extends StandardProps<HvFormElementProps, HvSelectionListClassKey, "onChange"> {
+  /**
+   * When uncontrolled, defines the initial value.
+   */
+  defaultValue?: any[] | any;
+
+  /**
+   * Indicates that the user may select more than one item from the current selectable list items.
+   */
+  multiple?: boolean;
+
+  /**
+   * If `true`, selection can be toggled when single selection.
+   */
+  singleSelectionToggle?: boolean;
+
+  /**
+   * Indicates whether the list items group's orientation is horizontal or vertical.
+   *
+   * Defaults to vertical.
+   */
+  orientation: "vertical" | "horizontal";
+
+  /**
+   * The list items that are part of the group.
+   *
+   * Their state will always be controlled by the group.
+   * However the individual list item onChange callback will still be called if defined.
+   */
+  children: React.ReactNode;
+}
+
+export default function HvSelectionList(props: HvSelectionListProps): JSX.Element | null;