@hitachivantara/uikit-react-lab 4.0.3 → 4.0.4

package/dist/InlineEditor/styles.js

@@ -1,38 +1,25 @@
 "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"));
-
 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 truncateStyles = {
   overflow: "hidden",
   textOverflow: "ellipsis",
   whiteSpace: "nowrap"
 };
-
 var styles = function styles(theme) {
   return {
     root: {},
@@ -74,7 +61,6 @@ var styles = function styles(theme) {
     }
   };
 };
-
 var _default = styles;
 exports.default = _default;
 //# sourceMappingURL=styles.js.map

package/dist/InlineEditor/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["truncateStyles","overflow","textOverflow","whiteSpace","styles","theme","root","inputRoot","inputBorderContainer","top","bottom","input","padding","hvSpacing","text","textEmpty","color","hv","typography","placeholderText","button","cursor","height","width","maxWidth","justifyContent","backgroundColor","visibility","icon","iconVisible","largeText","margin"],"sources":["../../src/InlineEditor/styles.js"],"sourcesContent":["const truncateStyles = {\n  overflow: \"hidden\",\n  textOverflow: \"ellipsis\",\n  whiteSpace: \"nowrap\",\n};\n\nconst styles = (theme) => ({\n  root: {},\n  inputRoot: {},\n  inputBorderContainer: {\n    top: \"unset\",\n    bottom: 0,\n  },\n  input: {\n    padding: theme.hvSpacing(\"8px\", 0),\n  },\n  text: {\n    ...truncateStyles,\n  },\n  textEmpty: {\n    color: theme.hv.typography.placeholderText.color,\n  },\n  button: {\n    cursor: \"text\",\n    height: \"100%\",\n    width: \"100%\",\n    maxWidth: \"100%\",\n    justifyContent: \"flex-start\",\n\n    backgroundColor: \"transparent\",\n    \"&:hover, &:active, &:focus\": {\n      backgroundColor: \"transparent\",\n      \"& $icon\": {\n        visibility: \"visible\",\n      },\n    },\n  },\n  icon: {\n    cursor: \"pointer\",\n    visibility: \"hidden\",\n  },\n  iconVisible: {\n    visibility: \"visible\",\n  },\n  largeText: {\n    margin: theme.hvSpacing(\"8px\", 0),\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAMA,cAAc,GAAG;EACrBC,QAAQ,EAAE,QADW;EAErBC,YAAY,EAAE,UAFO;EAGrBC,UAAU,EAAE;AAHS,CAAvB;;AAMA,IAAMC,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI,EAAE,EADmB;IAEzBC,SAAS,EAAE,EAFc;IAGzBC,oBAAoB,EAAE;MACpBC,GAAG,EAAE,OADe;MAEpBC,MAAM,EAAE;IAFY,CAHG;IAOzBC,KAAK,EAAE;MACLC,OAAO,EAAEP,KAAK,CAACQ,SAAN,CAAgB,KAAhB,EAAuB,CAAvB;IADJ,CAPkB;IAUzBC,IAAI,oBACCd,cADD,CAVqB;IAazBe,SAAS,EAAE;MACTC,KAAK,EAAEX,KAAK,CAACY,EAAN,CAASC,UAAT,CAAoBC,eAApB,CAAoCH;IADlC,CAbc;IAgBzBI,MAAM,EAAE;MACNC,MAAM,EAAE,MADF;MAENC,MAAM,EAAE,MAFF;MAGNC,KAAK,EAAE,MAHD;MAINC,QAAQ,EAAE,MAJJ;MAKNC,cAAc,EAAE,YALV;MAONC,eAAe,EAAE,aAPX;MAQN,8BAA8B;QAC5BA,eAAe,EAAE,aADW;QAE5B,WAAW;UACTC,UAAU,EAAE;QADH;MAFiB;IARxB,CAhBiB;IA+BzBC,IAAI,EAAE;MACJP,MAAM,EAAE,SADJ;MAEJM,UAAU,EAAE;IAFR,CA/BmB;IAmCzBE,WAAW,EAAE;MACXF,UAAU,EAAE;IADD,CAnCY;IAsCzBG,SAAS,EAAE;MACTC,MAAM,EAAE1B,KAAK,CAACQ,SAAN,CAAgB,KAAhB,EAAuB,CAAvB;IADC;EAtCc,CAAZ;AAAA,CAAf;;eA2CeT,M"}
+{"version":3,"file":"styles.js","names":["truncateStyles","overflow","textOverflow","whiteSpace","styles","theme","root","inputRoot","inputBorderContainer","top","bottom","input","padding","hvSpacing","text","textEmpty","color","hv","typography","placeholderText","button","cursor","height","width","maxWidth","justifyContent","backgroundColor","visibility","icon","iconVisible","largeText","margin"],"sources":["../../src/InlineEditor/styles.js"],"sourcesContent":["const truncateStyles = {\n  overflow: \"hidden\",\n  textOverflow: \"ellipsis\",\n  whiteSpace: \"nowrap\",\n};\n\nconst styles = (theme) => ({\n  root: {},\n  inputRoot: {},\n  inputBorderContainer: {\n    top: \"unset\",\n    bottom: 0,\n  },\n  input: {\n    padding: theme.hvSpacing(\"8px\", 0),\n  },\n  text: {\n    ...truncateStyles,\n  },\n  textEmpty: {\n    color: theme.hv.typography.placeholderText.color,\n  },\n  button: {\n    cursor: \"text\",\n    height: \"100%\",\n    width: \"100%\",\n    maxWidth: \"100%\",\n    justifyContent: \"flex-start\",\n\n    backgroundColor: \"transparent\",\n    \"&:hover, &:active, &:focus\": {\n      backgroundColor: \"transparent\",\n      \"& $icon\": {\n        visibility: \"visible\",\n      },\n    },\n  },\n  icon: {\n    cursor: \"pointer\",\n    visibility: \"hidden\",\n  },\n  iconVisible: {\n    visibility: \"visible\",\n  },\n  largeText: {\n    margin: theme.hvSpacing(\"8px\", 0),\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA,IAAMA,cAAc,GAAG;EACrBC,QAAQ,EAAE,QAAQ;EAClBC,YAAY,EAAE,UAAU;EACxBC,UAAU,EAAE;AACd,CAAC;AAED,IAAMC,MAAM,GAAG,SAATA,MAAM,CAAIC,KAAK;EAAA,OAAM;IACzBC,IAAI,EAAE,CAAC,CAAC;IACRC,SAAS,EAAE,CAAC,CAAC;IACbC,oBAAoB,EAAE;MACpBC,GAAG,EAAE,OAAO;MACZC,MAAM,EAAE;IACV,CAAC;IACDC,KAAK,EAAE;MACLC,OAAO,EAAEP,KAAK,CAACQ,SAAS,CAAC,KAAK,EAAE,CAAC;IACnC,CAAC;IACDC,IAAI,oBACCd,cAAc,CAClB;IACDe,SAAS,EAAE;MACTC,KAAK,EAAEX,KAAK,CAACY,EAAE,CAACC,UAAU,CAACC,eAAe,CAACH;IAC7C,CAAC;IACDI,MAAM,EAAE;MACNC,MAAM,EAAE,MAAM;MACdC,MAAM,EAAE,MAAM;MACdC,KAAK,EAAE,MAAM;MACbC,QAAQ,EAAE,MAAM;MAChBC,cAAc,EAAE,YAAY;MAE5BC,eAAe,EAAE,aAAa;MAC9B,4BAA4B,EAAE;QAC5BA,eAAe,EAAE,aAAa;QAC9B,SAAS,EAAE;UACTC,UAAU,EAAE;QACd;MACF;IACF,CAAC;IACDC,IAAI,EAAE;MACJP,MAAM,EAAE,SAAS;MACjBM,UAAU,EAAE;IACd,CAAC;IACDE,WAAW,EAAE;MACXF,UAAU,EAAE;IACd,CAAC;IACDG,SAAS,EAAE;MACTC,MAAM,EAAE1B,KAAK,CAACQ,SAAS,CAAC,KAAK,EAAE,CAAC;IAClC;EACF,CAAC;AAAA,CAAC;AAAC,eAEYT,MAAM;AAAA"}

package/dist/NavigationAnchors/NavigationAnchors.js

@@ -1,106 +1,60 @@
 "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.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;
-
-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");
-
 require("core-js/modules/es.array.map.js");
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 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 _material = require("@mui/material");
-
 var _styles = require("@mui/styles");
-
 var _uikitReactCore = require("@hitachivantara/uikit-react-core");
-
 var _styles2 = _interopRequireDefault(require("./styles"));
-
 var _NavigationOption = _interopRequireDefault(require("./NavigationOption"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _excluded = ["selectedIndex", "scrollElementId", "href", "onClick", "className", "classes", "options", "floating", "offset"];
-
 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; }
-
 var RETRY_MAX = 5;
-
 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;
 };
-
 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;
 };
-
 var scrollElement = function scrollElement(element, container) {
   var offset = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
   var elemTop = verticalScrollOffset(element, container);
@@ -109,102 +63,96 @@ var scrollElement = function scrollElement(element, container) {
     behavior: "smooth"
   });
 };
-
 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;
-}; // find the last nav item that whose top scrolled out of the container's visible area
-
+};
 
+// find the last nav item that whose top scrolled out of the container's visible area
 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
-
+  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 the previous index, the element that last scrolled past the top
   return i - 1;
 };
+
 /**
  * A navigation component to help in changing views, still in development
  */
-
-
 var NavigationAnchors = function NavigationAnchors(_ref) {
   var _ref$selectedIndex = _ref.selectedIndex,
-      selectedIndexProp = _ref$selectedIndex === void 0 ? 0 : _ref$selectedIndex,
-      scrollElementId = _ref.scrollElementId,
-      _ref$href = _ref.href,
-      href = _ref$href === void 0 ? true : _ref$href,
-      onClick = _ref.onClick,
-      className = _ref.className,
-      classes = _ref.classes,
-      options = _ref.options,
-      floating = _ref.floating,
-      _ref$offset = _ref.offset,
-      offset = _ref$offset === void 0 ? 0 : _ref$offset,
-      other = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-
+    selectedIndexProp = _ref$selectedIndex === void 0 ? 0 : _ref$selectedIndex,
+    scrollElementId = _ref.scrollElementId,
+    _ref$href = _ref.href,
+    href = _ref$href === void 0 ? true : _ref$href,
+    onClick = _ref.onClick,
+    className = _ref.className,
+    classes = _ref.classes,
+    options = _ref.options,
+    floating = _ref.floating,
+    _ref$offset = _ref.offset,
+    offset = _ref$offset === void 0 ? 0 : _ref$offset,
+    other = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var _useState = (0, _react.useState)(selectedIndexProp),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      selectedIndex = _useState2[0],
-      setSelectedIndex = _useState2[1];
-
+    _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, has recommended in
-  // https://reactjs.org/docs/hooks-faq.html#how-to-read-an-often-changing-value-from-usecallback
+  var lastContainerScrollTop = (0, _react.useRef)();
 
+  // ref to use a often-changing value in useCallback, has 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]); // get and store the container's dom element
+  }, [selectedIndex]);
 
+  // get and store the container's dom element
   (0, _react.useEffect)(function () {
     scrollEle.current = scrollElementId && document.getElementById(scrollElementId) || window;
     lastContainerScrollTop.current = verticalScrollOffset(scrollEle.current);
   }, [scrollElementId]);
   var checkScroll = (0, _react.useCallback)(function () {
     var _window;
-
     if (requestedAnimationFrame.current === 0 && (_window = window) !== null && _window !== void 0 && _window.requestAnimationFrame) {
       requestedAnimationFrame.current = window.requestAnimationFrame(function () {
         requestedAnimationFrame.current = 0;
         var firstVisibleElementIndex = findFirstVisibleElement(scrollEle.current, options, offset);
-        var newSelectedIndex = firstVisibleElementIndex; // select the first element when all elements are bellow the container's top
+        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
+        }
+
+        // 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 && isScrolledToTheBottom(scrollEle.current)) {
           newSelectedIndex += 1;
         }
-
         var containerScrollTop = 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
+        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;
@@ -212,50 +160,45 @@ var NavigationAnchors = function NavigationAnchors(_ref) {
         } else if (newSelectedIndex > selectedIndexRef.current) {
           newSelectedIndex = selectedIndexRef.current;
         }
-
         setSelectedIndex(newSelectedIndex);
       });
     }
-  }, [offset, options]); // registers and unregisters the scroll listener
+  }, [offset, options]);
 
+  // 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
+  }, [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) {
             scrollElement(ele, scrollEle.current, option.offset || offset);
             clearInterval(checkRenderedInterval);
           } else {
             retry += 1;
-
             if (retry === RETRY_MAX) {
               clearInterval(checkRenderedInterval);
             }
@@ -263,39 +206,35 @@ var NavigationAnchors = function NavigationAnchors(_ref) {
         }, 1000);
       }
     }
-
     return function () {
       clearInterval(checkRenderedInterval);
-    }; // we really want to run this just in the first load
+    };
+
+    // 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 handleListItemClick = function handleListItemClick(event, id, index) {
     var option = options.find(function (o) {
       return o.value === id;
     });
-
     if (option) {
       var ele = document.getElementById(id);
-
       if (ele) {
         scrollElement(ele, scrollEle.current, option.offset || offset);
       }
-
       if (!href && onClick) {
         onClick(event, index, option);
       } else if (href) {
         window.history.pushState({}, "", "#".concat(options[index].value));
       }
+      setSelectedIndex(index);
 
-      setSelectedIndex(index); // Safari scrolls immediately (no smooth scroll support),
+      // Safari scrolls immediately (no smooth scroll support),
       // so this ref value must be updated asap
-
       selectedIndexRef.current = index;
     }
   };
-
   var navOptions = (0, _react.useMemo)(function () {
     return options.map(function (option) {
       return (0, _NavigationOption.default)(option.label);
@@ -321,13 +260,11 @@ var NavigationAnchors = function NavigationAnchors(_ref) {
     })
   }));
 };
-
 process.env.NODE_ENV !== "production" ? NavigationAnchors.propTypes = {
   /**
    * Class names to be applied.
    */
   className: _propTypes.default.string,
-
   /**
    * A Jss Object used to override or extend the styles applied.
    */
@@ -336,7 +273,6 @@ process.env.NODE_ENV !== "production" ? NavigationAnchors.propTypes = {
     listItemGutters: _propTypes.default.string,
     listItemSelected: _propTypes.default.string
   }).isRequired,
-
   /**
    * An Array of Objects with Label and Value. Label is the displayed Element and Value is the local navigation location applied
    */
@@ -346,36 +282,30 @@ process.env.NODE_ENV !== "production" ? NavigationAnchors.propTypes = {
     label: _propTypes.default.string.isRequired,
     offset: _propTypes.default.number
   })).isRequired,
-
   /**
    * True if the href location link should be applied. It will create an a element around every list item
    */
   href: _propTypes.default.bool,
-
   /**
    * A callback called on click of every list item, if the href is false
    */
   onClick: _propTypes.default.func,
-
   /**
    * Whether the anchors are always in a fixed position
    *
    * @deprecated Currently does nothing. Style the component instead.
    */
   floating: (0, _material.deprecatedPropType)(_propTypes.default.bool),
-
   /**
    * Currently selected index passed from the parent.
    */
   selectedIndex: _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)
@@ -385,10 +315,8 @@ process.env.NODE_ENV !== "production" ? NavigationAnchors.propTypes = {
    */
   offset: _propTypes.default.number
 } : void 0;
-
 var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvNavigationAnchors"
 })(NavigationAnchors);
-
 exports.default = _default;
 //# sourceMappingURL=NavigationAnchors.js.map

package/dist/NavigationAnchors/NavigationAnchors.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationAnchors.js","names":["RETRY_MAX","getScrollTop","c","window","scrollY","pageYOffset","document","documentElement","scrollTop","body","verticalScrollOffset","t","getBoundingClientRect","top","getComputedStyle","position","offsetTop","scrollElement","element","container","offset","elemTop","scrollTo","behavior","isScrolledToTheBottom","containerScrollTop","scrollHeight","innerHeight","offsetHeight","findFirstVisibleElement","options","boundsTop","i","length","ele","getElementById","value","NavigationAnchors","selectedIndex","selectedIndexProp","scrollElementId","href","onClick","className","classes","floating","other","useState","setSelectedIndex","scrollEle","useRef","requestedAnimationFrame","lastContainerScrollTop","selectedIndexRef","useEffect","current","checkScroll","useCallback","requestAnimationFrame","firstVisibleElementIndex","newSelectedIndex","isScrollingDown","addEventListener","removeEventListener","cancelAnimationFrame","checkRenderedInterval","hashValue","location","hash","split","option","find","o","retry","setInterval","clearInterval","handleListItemClick","event","id","index","history","pushState","navOptions","useMemo","map","navigationOption","label","clsx","root","NavOpt","selected","listItemSelected","gutters","listItemGutters","key","propTypes","PropTypes","string","shape","isRequired","arrayOf","number","bool","func","deprecatedPropType","withStyles","styles","name"],"sources":["../../src/NavigationAnchors/NavigationAnchors.js"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { deprecatedPropType } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\nimport { HvListContainer, HvListItem } from \"@hitachivantara/uikit-react-core\";\nimport styles from \"./styles\";\nimport navigationOption from \"./NavigationOption\";\n\nconst RETRY_MAX = 5;\n\nconst 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\nconst 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\nconst scrollElement = (element, container, offset = 0) => {\n  const elemTop = verticalScrollOffset(element, container);\n  container.scrollTo({\n    top: elemTop - offset,\n    behavior: \"smooth\",\n  });\n};\n\nconst 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\n// find the last nav item that whose top scrolled out of the container's visible area\nconst 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\n/**\n * A navigation component to help in changing views, still in development\n */\nconst NavigationAnchors = ({\n  selectedIndex: selectedIndexProp = 0,\n  scrollElementId,\n  href = true,\n  onClick,\n  className,\n  classes,\n  options,\n  floating,\n  offset = 0,\n  ...other\n}) => {\n  const [selectedIndex, setSelectedIndex] = useState(selectedIndexProp);\n\n  const scrollEle = useRef();\n  const requestedAnimationFrame = useRef(0);\n\n  const lastContainerScrollTop = useRef();\n\n  // ref to use a often-changing value in useCallback, has 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  // get and store the container's dom element\n  useEffect(() => {\n    scrollEle.current = (scrollElementId && document.getElementById(scrollElementId)) || window;\n    lastContainerScrollTop.current = verticalScrollOffset(scrollEle.current);\n  }, [scrollElementId]);\n\n  const checkScroll = useCallback(() => {\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      });\n    }\n  }, [offset, options]);\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 handleListItemClick = (event, id, index) => {\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 && onClick) {\n        onClick(event, index, option);\n      } else if (href) {\n        window.history.pushState({}, \"\", `#${options[index].value}`);\n      }\n\n      setSelectedIndex(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  const navOptions = useMemo(() => {\n    return options.map((option) => {\n      return navigationOption(option.label);\n    });\n  }, [options]);\n\n  return (\n    <HvListContainer interactive className={clsx(className, classes.root)} {...other}>\n      {options.map((option, index) => {\n        const NavOpt = navOptions[index];\n\n        return (\n          <HvListItem\n            classes={{\n              selected: classes.listItemSelected,\n              gutters: classes.listItemGutters,\n            }}\n            key={option.key || option.label}\n            onClick={(event) => handleListItemClick(event, option.value, index)}\n            selected={selectedIndex === index}\n          >\n            <NavOpt />\n          </HvListItem>\n        );\n      })}\n    </HvListContainer>\n  );\n};\n\nNavigationAnchors.propTypes = {\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    root: PropTypes.string,\n    listItemGutters: PropTypes.string,\n    listItemSelected: PropTypes.string,\n  }).isRequired,\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   * 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   * A callback called on click of every list item, if the href is false\n   */\n  onClick: PropTypes.func,\n  /**\n   * Whether the anchors are always in a fixed position\n   *\n   * @deprecated Currently does nothing. Style the component instead.\n   */\n  floating: deprecatedPropType(PropTypes.bool),\n  /**\n   * Currently selected index passed from the parent.\n   */\n  selectedIndex: 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\nexport default withStyles(styles, { name: \"HvNavigationAnchors\" })(NavigationAnchors);\n"],"mappings":"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"}
+{"version":3,"file":"NavigationAnchors.js","names":["RETRY_MAX","getScrollTop","c","window","scrollY","pageYOffset","document","documentElement","scrollTop","body","verticalScrollOffset","t","getBoundingClientRect","top","getComputedStyle","position","offsetTop","scrollElement","element","container","offset","elemTop","scrollTo","behavior","isScrolledToTheBottom","containerScrollTop","scrollHeight","innerHeight","offsetHeight","findFirstVisibleElement","options","boundsTop","i","length","ele","getElementById","value","NavigationAnchors","selectedIndex","selectedIndexProp","scrollElementId","href","onClick","className","classes","floating","other","useState","setSelectedIndex","scrollEle","useRef","requestedAnimationFrame","lastContainerScrollTop","selectedIndexRef","useEffect","current","checkScroll","useCallback","requestAnimationFrame","firstVisibleElementIndex","newSelectedIndex","isScrollingDown","addEventListener","removeEventListener","cancelAnimationFrame","checkRenderedInterval","hashValue","location","hash","split","option","find","o","retry","setInterval","clearInterval","handleListItemClick","event","id","index","history","pushState","navOptions","useMemo","map","navigationOption","label","clsx","root","NavOpt","selected","listItemSelected","gutters","listItemGutters","key","propTypes","PropTypes","string","shape","isRequired","arrayOf","number","bool","func","deprecatedPropType","withStyles","styles","name"],"sources":["../../src/NavigationAnchors/NavigationAnchors.js"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { deprecatedPropType } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\nimport { HvListContainer, HvListItem } from \"@hitachivantara/uikit-react-core\";\nimport styles from \"./styles\";\nimport navigationOption from \"./NavigationOption\";\n\nconst RETRY_MAX = 5;\n\nconst 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\nconst 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\nconst scrollElement = (element, container, offset = 0) => {\n  const elemTop = verticalScrollOffset(element, container);\n  container.scrollTo({\n    top: elemTop - offset,\n    behavior: \"smooth\",\n  });\n};\n\nconst 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\n// find the last nav item that whose top scrolled out of the container's visible area\nconst 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\n/**\n * A navigation component to help in changing views, still in development\n */\nconst NavigationAnchors = ({\n  selectedIndex: selectedIndexProp = 0,\n  scrollElementId,\n  href = true,\n  onClick,\n  className,\n  classes,\n  options,\n  floating,\n  offset = 0,\n  ...other\n}) => {\n  const [selectedIndex, setSelectedIndex] = useState(selectedIndexProp);\n\n  const scrollEle = useRef();\n  const requestedAnimationFrame = useRef(0);\n\n  const lastContainerScrollTop = useRef();\n\n  // ref to use a often-changing value in useCallback, has 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  // get and store the container's dom element\n  useEffect(() => {\n    scrollEle.current = (scrollElementId && document.getElementById(scrollElementId)) || window;\n    lastContainerScrollTop.current = verticalScrollOffset(scrollEle.current);\n  }, [scrollElementId]);\n\n  const checkScroll = useCallback(() => {\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      });\n    }\n  }, [offset, options]);\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 handleListItemClick = (event, id, index) => {\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 && onClick) {\n        onClick(event, index, option);\n      } else if (href) {\n        window.history.pushState({}, \"\", `#${options[index].value}`);\n      }\n\n      setSelectedIndex(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  const navOptions = useMemo(() => {\n    return options.map((option) => {\n      return navigationOption(option.label);\n    });\n  }, [options]);\n\n  return (\n    <HvListContainer interactive className={clsx(className, classes.root)} {...other}>\n      {options.map((option, index) => {\n        const NavOpt = navOptions[index];\n\n        return (\n          <HvListItem\n            classes={{\n              selected: classes.listItemSelected,\n              gutters: classes.listItemGutters,\n            }}\n            key={option.key || option.label}\n            onClick={(event) => handleListItemClick(event, option.value, index)}\n            selected={selectedIndex === index}\n          >\n            <NavOpt />\n          </HvListItem>\n        );\n      })}\n    </HvListContainer>\n  );\n};\n\nNavigationAnchors.propTypes = {\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    root: PropTypes.string,\n    listItemGutters: PropTypes.string,\n    listItemSelected: PropTypes.string,\n  }).isRequired,\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   * 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   * A callback called on click of every list item, if the href is false\n   */\n  onClick: PropTypes.func,\n  /**\n   * Whether the anchors are always in a fixed position\n   *\n   * @deprecated Currently does nothing. Style the component instead.\n   */\n  floating: deprecatedPropType(PropTypes.bool),\n  /**\n   * Currently selected index passed from the parent.\n   */\n  selectedIndex: 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\nexport default withStyles(styles, { name: \"HvNavigationAnchors\" })(NavigationAnchors);\n"],"mappings":"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"}

package/dist/NavigationAnchors/NavigationOption.js

@@ -1,40 +1,30 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 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 _uikitReactCore = require("@hitachivantara/uikit-react-core");
-
 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 wrapperTooltip = function wrapperTooltip(Component, label) {
   var ComponentFunction = function ComponentFunction() {
     return Component;
   };
-
   return (0, _uikitReactCore.withTooltip)(ComponentFunction, label, "top", hideTooltip);
 };
-
 var NavigationOption = function NavigationOption(label) {
   var NavOpt = wrapperTooltip(label, label);
   return NavOpt;
 };
-
 var _default = NavigationOption;
 exports.default = _default;
 //# sourceMappingURL=NavigationOption.js.map

package/dist/NavigationAnchors/NavigationOption.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationOption.js","names":["hideTooltip","evt","isOverFlow","target","children","length","Array","of","some","child","scrollWidth","clientWidth","wrapperTooltip","Component","label","ComponentFunction","withTooltip","NavigationOption","NavOpt"],"sources":["../../src/NavigationAnchors/NavigationOption.js"],"sourcesContent":["import { withTooltip } from \"@hitachivantara/uikit-react-core\";\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 wrapperTooltip = (Component, label) => {\n  const ComponentFunction = () => Component;\n  return withTooltip(ComponentFunction, label, \"top\", hideTooltip);\n};\n\nconst NavigationOption = (label) => {\n  const NavOpt = wrapperTooltip(label, label);\n  return NavOpt;\n};\n\nexport default NavigationOption;\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AAEA,IAAMA,WAAW,GAAG,SAAdA,WAAc,CAACC,GAAD,EAAS;EAC3B,IAAMC,UAAU,GACdD,GAAG,CAACE,MAAJ,CAAWC,QAAX,CAAoBC,MAApB,GAA6B,CAA7B,GACIC,KAAK,CAACC,EAAN,OAAAD,KAAK,mCAAOL,GAAG,CAACE,MAAJ,CAAWC,QAAlB,EAAL,CAAiCI,IAAjC,CAAsC,UAACC,KAAD;IAAA,OAAWA,KAAK,CAACC,WAAN,GAAoBD,KAAK,CAACE,WAArC;EAAA,CAAtC,CADJ,GAEIV,GAAG,CAACE,MAAJ,CAAWO,WAAX,GAAyBT,GAAG,CAACE,MAAJ,CAAWQ,WAH1C;EAIA,OAAO,CAACT,UAAR;AACD,CAND;;AAQA,IAAMU,cAAc,GAAG,SAAjBA,cAAiB,CAACC,SAAD,EAAYC,KAAZ,EAAsB;EAC3C,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB;IAAA,OAAMF,SAAN;EAAA,CAA1B;;EACA,OAAO,IAAAG,2BAAA,EAAYD,iBAAZ,EAA+BD,KAA/B,EAAsC,KAAtC,EAA6Cd,WAA7C,CAAP;AACD,CAHD;;AAKA,IAAMiB,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACH,KAAD,EAAW;EAClC,IAAMI,MAAM,GAAGN,cAAc,CAACE,KAAD,EAAQA,KAAR,CAA7B;EACA,OAAOI,MAAP;AACD,CAHD;;eAKeD,gB"}
+{"version":3,"file":"NavigationOption.js","names":["hideTooltip","evt","isOverFlow","target","children","length","Array","of","some","child","scrollWidth","clientWidth","wrapperTooltip","Component","label","ComponentFunction","withTooltip","NavigationOption","NavOpt"],"sources":["../../src/NavigationAnchors/NavigationOption.js"],"sourcesContent":["import { withTooltip } from \"@hitachivantara/uikit-react-core\";\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 wrapperTooltip = (Component, label) => {\n  const ComponentFunction = () => Component;\n  return withTooltip(ComponentFunction, label, \"top\", hideTooltip);\n};\n\nconst NavigationOption = (label) => {\n  const NavOpt = wrapperTooltip(label, label);\n  return NavOpt;\n};\n\nexport default NavigationOption;\n"],"mappings":";;;;;;;;;;AAAA;AAEA,IAAMA,WAAW,GAAG,SAAdA,WAAW,CAAIC,GAAG,EAAK;EAC3B,IAAMC,UAAU,GACdD,GAAG,CAACE,MAAM,CAACC,QAAQ,CAACC,MAAM,GAAG,CAAC,GAC1BC,KAAK,CAACC,EAAE,OAARD,KAAK,mCAAOL,GAAG,CAACE,MAAM,CAACC,QAAQ,EAAC,CAACI,IAAI,CAAC,UAACC,KAAK;IAAA,OAAKA,KAAK,CAACC,WAAW,GAAGD,KAAK,CAACE,WAAW;EAAA,EAAC,GACvFV,GAAG,CAACE,MAAM,CAACO,WAAW,GAAGT,GAAG,CAACE,MAAM,CAACQ,WAAW;EACrD,OAAO,CAACT,UAAU;AACpB,CAAC;AAED,IAAMU,cAAc,GAAG,SAAjBA,cAAc,CAAIC,SAAS,EAAEC,KAAK,EAAK;EAC3C,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiB;IAAA,OAASF,SAAS;EAAA;EACzC,OAAO,IAAAG,2BAAW,EAACD,iBAAiB,EAAED,KAAK,EAAE,KAAK,EAAEd,WAAW,CAAC;AAClE,CAAC;AAED,IAAMiB,gBAAgB,GAAG,SAAnBA,gBAAgB,CAAIH,KAAK,EAAK;EAClC,IAAMI,MAAM,GAAGN,cAAc,CAACE,KAAK,EAAEA,KAAK,CAAC;EAC3C,OAAOI,MAAM;AACf,CAAC;AAAC,eAEaD,gBAAgB;AAAA"}

package/dist/NavigationAnchors/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,6 +10,5 @@ Object.defineProperty(exports, "default", {
     return _NavigationAnchors.default;
   }
 });
-
 var _NavigationAnchors = _interopRequireDefault(require("./NavigationAnchors"));
 //# sourceMappingURL=index.js.map