@hitachivantara/uikit-react-lab 4.0.2 → 4.0.4

package/dist/modern/NavigationAnchors/NavigationAnchors.js

@@ -1,12 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["selectedIndex", "scrollElementId", "href", "onClick", "className", "classes", "options", "floating", "offset"];
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-import "core-js/modules/web.dom-collections.iterator.js";
 import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import PropTypes from "prop-types";
 import clsx from "clsx";
@@ -17,29 +13,22 @@ import styles from "./styles";
 import navigationOption from "./NavigationOption";
 import { jsx as _jsx } from "react/jsx-runtime";
 const RETRY_MAX = 5;
-
 const getScrollTop = (c = window) => {
   if (c === window) {
     return window.scrollY || window.pageYOffset || document.documentElement && document.documentElement.scrollTop || document.body.scrollTop;
   }
-
   return c.scrollTop;
 };
-
 const verticalScrollOffset = (t, c = 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;
 };
-
 const scrollElement = (element, container, offset = 0) => {
   const elemTop = verticalScrollOffset(element, container);
   container.scrollTo({
@@ -47,97 +36,92 @@ const scrollElement = (element, container, offset = 0) => {
     behavior: "smooth"
   });
 };
-
 const isScrolledToTheBottom = container => {
   const containerScrollTop = getScrollTop(container);
-
   if (container === window) {
     // accounting for cases where html/body are set to height:100%
     const 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
 const findFirstVisibleElement = (container, options, offset) => {
   const boundsTop = verticalScrollOffset(container);
-  let i = 0; // find index of first element whose top is still visible inside the container
-
+  let i = 0;
+  // find index of first element whose top is still visible inside the container
   for (; i < options.length; i += 1) {
     const ele = document.getElementById(options[i].value);
-
     if (ele) {
       const 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
  */
-
-
 const NavigationAnchors = _ref => {
   let {
-    selectedIndex: selectedIndexProp = 0,
-    scrollElementId,
-    href = true,
-    onClick,
-    className,
-    classes,
-    options,
-    floating,
-    offset = 0
-  } = _ref,
-      other = _objectWithoutProperties(_ref, _excluded);
-
+      selectedIndex: selectedIndexProp = 0,
+      scrollElementId,
+      href = true,
+      onClick,
+      className,
+      classes,
+      options,
+      floating,
+      offset = 0
+    } = _ref,
+    other = _objectWithoutProperties(_ref, _excluded);
   const [selectedIndex, setSelectedIndex] = useState(selectedIndexProp);
   const scrollEle = useRef();
   const requestedAnimationFrame = useRef(0);
-  const lastContainerScrollTop = 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
+  const lastContainerScrollTop = 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
   const selectedIndexRef = useRef(selectedIndex);
   useEffect(() => {
     selectedIndexRef.current = selectedIndex;
-  }, [selectedIndex]); // get and store the container's dom element
+  }, [selectedIndex]);
 
+  // get and store the container's dom element
   useEffect(() => {
     scrollEle.current = scrollElementId && document.getElementById(scrollElementId) || window;
     lastContainerScrollTop.current = verticalScrollOffset(scrollEle.current);
   }, [scrollElementId]);
   const checkScroll = useCallback(() => {
     var _window;
-
     if (requestedAnimationFrame.current === 0 && (_window = window) !== null && _window !== void 0 && _window.requestAnimationFrame) {
       requestedAnimationFrame.current = window.requestAnimationFrame(() => {
         requestedAnimationFrame.current = 0;
         const firstVisibleElementIndex = findFirstVisibleElement(scrollEle.current, options, offset);
-        let newSelectedIndex = firstVisibleElementIndex; // select the first element when all elements are bellow the container's top
+        let 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;
         }
-
         const containerScrollTop = getScrollTop(scrollEle.current);
         const 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;
@@ -145,48 +129,43 @@ const 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
   useEffect(() => {
     if (scrollEle.current) {
       scrollEle.current.addEventListener("scroll", checkScroll, false);
     }
-
     return () => {
       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
   useEffect(() => {
     let checkRenderedInterval;
-
     if (href) {
       const hashValue = document.location.hash.split("#")[1] || "";
       const option = options.find(o => o.value === hashValue);
-
       if (option) {
         let retry = 0;
         checkRenderedInterval = setInterval(() => {
           const 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);
             }
@@ -194,37 +173,33 @@ const NavigationAnchors = _ref => {
         }, 1000);
       }
     }
-
     return () => {
       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
   }, []);
-
   const handleListItemClick = (event, id, index) => {
     const option = options.find(o => o.value === id);
-
     if (option) {
       const 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({}, "", `#${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;
     }
   };
-
   const navOptions = useMemo(() => {
     return options.map(option => {
       return navigationOption(option.label);
@@ -248,13 +223,11 @@ const NavigationAnchors = _ref => {
     })
   }));
 };
-
 process.env.NODE_ENV !== "production" ? NavigationAnchors.propTypes = {
   /**
    * Class names to be applied.
    */
   className: PropTypes.string,
-
   /**
    * A Jss Object used to override or extend the styles applied.
    */
@@ -263,7 +236,6 @@ process.env.NODE_ENV !== "production" ? NavigationAnchors.propTypes = {
     listItemGutters: PropTypes.string,
     listItemSelected: PropTypes.string
   }).isRequired,
-
   /**
    * An Array of Objects with Label and Value. Label is the displayed Element and Value is the local navigation location applied
    */
@@ -273,36 +245,30 @@ process.env.NODE_ENV !== "production" ? NavigationAnchors.propTypes = {
     label: PropTypes.string.isRequired,
     offset: PropTypes.number
   })).isRequired,
-
   /**
    * True if the href location link should be applied. It will create an a element around every list item
    */
   href: PropTypes.bool,
-
   /**
    * A callback called on click of every list item, if the href is false
    */
   onClick: PropTypes.func,
-
   /**
    * Whether the anchors are always in a fixed position
    *
    * @deprecated Currently does nothing. Style the component instead.
    */
   floating: deprecatedPropType(PropTypes.bool),
-
   /**
    * Currently selected index passed from the parent.
    */
   selectedIndex: PropTypes.number,
-
   /**
    * The Id of the scrollable container containing displayed elements.
    *
    * Defaults to `window` if unspecified.
    */
   scrollElementId: PropTypes.string,
-
   /**
    * Defines the offset from the top of each element for getting an optimal viewing region in the container.
    * This allows to exclude regions of the container that are obscured by other content (such as fixed-positioned toolbars or titles)

package/dist/modern/NavigationAnchors/NavigationAnchors.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationAnchors.js","names":["React","useCallback","useEffect","useMemo","useRef","useState","PropTypes","clsx","deprecatedPropType","withStyles","HvListContainer","HvListItem","styles","navigationOption","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","setSelectedIndex","scrollEle","requestedAnimationFrame","lastContainerScrollTop","selectedIndexRef","current","checkScroll","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","map","label","root","NavOpt","selected","listItemSelected","gutters","listItemGutters","key","propTypes","string","shape","isRequired","arrayOf","number","bool","func","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":["React","useCallback","useEffect","useMemo","useRef","useState","PropTypes","clsx","deprecatedPropType","withStyles","HvListContainer","HvListItem","styles","navigationOption","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","setSelectedIndex","scrollEle","requestedAnimationFrame","lastContainerScrollTop","selectedIndexRef","current","checkScroll","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","map","label","root","NavOpt","selected","listItemSelected","gutters","listItemGutters","key","propTypes","string","shape","isRequired","arrayOf","number","bool","func","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/modern/NavigationAnchors/NavigationOption.js

@@ -1,21 +1,15 @@
-import "core-js/modules/web.dom-collections.iterator.js";
 import { withTooltip } from "@hitachivantara/uikit-react-core";
-
 const hideTooltip = evt => {
   const isOverFlow = evt.target.children.length > 1 ? Array.of(...evt.target.children).some(child => child.scrollWidth > child.clientWidth) : evt.target.scrollWidth > evt.target.clientWidth;
   return !isOverFlow;
 };
-
 const wrapperTooltip = (Component, label) => {
   const ComponentFunction = () => Component;
-
   return withTooltip(ComponentFunction, label, "top", hideTooltip);
 };
-
 const NavigationOption = label => {
   const NavOpt = wrapperTooltip(label, label);
   return NavOpt;
 };
-
 export default NavigationOption;
 //# sourceMappingURL=NavigationOption.js.map

package/dist/modern/NavigationAnchors/NavigationOption.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationOption.js","names":["withTooltip","hideTooltip","evt","isOverFlow","target","children","length","Array","of","some","child","scrollWidth","clientWidth","wrapperTooltip","Component","label","ComponentFunction","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,SAASA,WAAT,QAA4B,kCAA5B;;AAEA,MAAMC,WAAW,GAAIC,GAAD,IAAS;EAC3B,MAAMC,UAAU,GACdD,GAAG,CAACE,MAAJ,CAAWC,QAAX,CAAoBC,MAApB,GAA6B,CAA7B,GACIC,KAAK,CAACC,EAAN,CAAS,GAAGN,GAAG,CAACE,MAAJ,CAAWC,QAAvB,EAAiCI,IAAjC,CAAuCC,KAAD,IAAWA,KAAK,CAACC,WAAN,GAAoBD,KAAK,CAACE,WAA3E,CADJ,GAEIV,GAAG,CAACE,MAAJ,CAAWO,WAAX,GAAyBT,GAAG,CAACE,MAAJ,CAAWQ,WAH1C;EAIA,OAAO,CAACT,UAAR;AACD,CAND;;AAQA,MAAMU,cAAc,GAAG,CAACC,SAAD,EAAYC,KAAZ,KAAsB;EAC3C,MAAMC,iBAAiB,GAAG,MAAMF,SAAhC;;EACA,OAAOd,WAAW,CAACgB,iBAAD,EAAoBD,KAApB,EAA2B,KAA3B,EAAkCd,WAAlC,CAAlB;AACD,CAHD;;AAKA,MAAMgB,gBAAgB,GAAIF,KAAD,IAAW;EAClC,MAAMG,MAAM,GAAGL,cAAc,CAACE,KAAD,EAAQA,KAAR,CAA7B;EACA,OAAOG,MAAP;AACD,CAHD;;AAKA,eAAeD,gBAAf"}
+{"version":3,"file":"NavigationOption.js","names":["withTooltip","hideTooltip","evt","isOverFlow","target","children","length","Array","of","some","child","scrollWidth","clientWidth","wrapperTooltip","Component","label","ComponentFunction","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,SAASA,WAAW,QAAQ,kCAAkC;AAE9D,MAAMC,WAAW,GAAIC,GAAG,IAAK;EAC3B,MAAMC,UAAU,GACdD,GAAG,CAACE,MAAM,CAACC,QAAQ,CAACC,MAAM,GAAG,CAAC,GAC1BC,KAAK,CAACC,EAAE,CAAC,GAAGN,GAAG,CAACE,MAAM,CAACC,QAAQ,CAAC,CAACI,IAAI,CAAEC,KAAK,IAAKA,KAAK,CAACC,WAAW,GAAGD,KAAK,CAACE,WAAW,CAAC,GACvFV,GAAG,CAACE,MAAM,CAACO,WAAW,GAAGT,GAAG,CAACE,MAAM,CAACQ,WAAW;EACrD,OAAO,CAACT,UAAU;AACpB,CAAC;AAED,MAAMU,cAAc,GAAG,CAACC,SAAS,EAAEC,KAAK,KAAK;EAC3C,MAAMC,iBAAiB,GAAG,MAAMF,SAAS;EACzC,OAAOd,WAAW,CAACgB,iBAAiB,EAAED,KAAK,EAAE,KAAK,EAAEd,WAAW,CAAC;AAClE,CAAC;AAED,MAAMgB,gBAAgB,GAAIF,KAAK,IAAK;EAClC,MAAMG,MAAM,GAAGL,cAAc,CAACE,KAAK,EAAEA,KAAK,CAAC;EAC3C,OAAOG,MAAM;AACf,CAAC;AAED,eAAeD,gBAAgB"}

package/dist/modern/NavigationAnchors/index.js.map

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

package/dist/modern/NavigationAnchors/styles.js

@@ -11,6 +11,5 @@ const styles = theme => ({
     paddingLeft: theme.hv.spacing.sm - 2
   }
 });
-
 export default styles;
 //# sourceMappingURL=styles.js.map

package/dist/modern/NavigationAnchors/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","root","width","listItemGutters","padding","hv","spacing","sm","listItemSelected","fontWeight","typography","highlightText","borderLeft","palette","accent","acce1","paddingLeft"],"sources":["../../../src/NavigationAnchors/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    width: 200,\n  },\n\n  listItemGutters: {\n    padding: `0 ${theme.hv.spacing.sm}px`,\n  },\n  listItemSelected: {\n    fontWeight: theme.hv.typography.highlightText.fontWeight,\n    borderLeft: `2px solid ${theme.hv.palette.accent.acce1}`,\n    paddingLeft: theme.hv.spacing.sm - 2,\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;EACzBC,IAAI,EAAE;IACJC,KAAK,EAAE;EADH,CADmB;EAKzBC,eAAe,EAAE;IACfC,OAAO,EAAG,KAAIJ,KAAK,CAACK,EAAN,CAASC,OAAT,CAAiBC,EAAG;EADnB,CALQ;EAQzBC,gBAAgB,EAAE;IAChBC,UAAU,EAAET,KAAK,CAACK,EAAN,CAASK,UAAT,CAAoBC,aAApB,CAAkCF,UAD9B;IAEhBG,UAAU,EAAG,aAAYZ,KAAK,CAACK,EAAN,CAASQ,OAAT,CAAiBC,MAAjB,CAAwBC,KAAM,EAFvC;IAGhBC,WAAW,EAAEhB,KAAK,CAACK,EAAN,CAASC,OAAT,CAAiBC,EAAjB,GAAsB;EAHnB;AARO,CAAZ,CAAf;;AAeA,eAAeR,MAAf"}
+{"version":3,"file":"styles.js","names":["styles","theme","root","width","listItemGutters","padding","hv","spacing","sm","listItemSelected","fontWeight","typography","highlightText","borderLeft","palette","accent","acce1","paddingLeft"],"sources":["../../../src/NavigationAnchors/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    width: 200,\n  },\n\n  listItemGutters: {\n    padding: `0 ${theme.hv.spacing.sm}px`,\n  },\n  listItemSelected: {\n    fontWeight: theme.hv.typography.highlightText.fontWeight,\n    borderLeft: `2px solid ${theme.hv.palette.accent.acce1}`,\n    paddingLeft: theme.hv.spacing.sm - 2,\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAK,KAAM;EACzBC,IAAI,EAAE;IACJC,KAAK,EAAE;EACT,CAAC;EAEDC,eAAe,EAAE;IACfC,OAAO,EAAG,KAAIJ,KAAK,CAACK,EAAE,CAACC,OAAO,CAACC,EAAG;EACpC,CAAC;EACDC,gBAAgB,EAAE;IAChBC,UAAU,EAAET,KAAK,CAACK,EAAE,CAACK,UAAU,CAACC,aAAa,CAACF,UAAU;IACxDG,UAAU,EAAG,aAAYZ,KAAK,CAACK,EAAE,CAACQ,OAAO,CAACC,MAAM,CAACC,KAAM,EAAC;IACxDC,WAAW,EAAEhB,KAAK,CAACK,EAAE,CAACC,OAAO,CAACC,EAAE,GAAG;EACrC;AACF,CAAC,CAAC;AAEF,eAAeR,MAAM"}

package/dist/modern/NotificationPanel/EmptyStatePanel/EmptyStatePanel.js

@@ -1,5 +1,4 @@
 var _Alert;
-
 import React from "react";
 import PropTypes from "prop-types";
 import { HvEmptyState } from "@hitachivantara/uikit-react-core";
@@ -7,7 +6,6 @@ import { Alert } from "@hitachivantara/uikit-react-icons";
 import { withStyles } from "@mui/styles";
 import styles from "./styles";
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const EmptyStatePanel = ({
   id,
   classes,
@@ -30,13 +28,11 @@ const EmptyStatePanel = ({
     }
   });
 };
-
 process.env.NODE_ENV !== "production" ? EmptyStatePanel.propTypes = {
   /**
    * Id of the EmptyStatePanel
    */
   id: PropTypes.string.isRequired,
-
   /**
    * A Jss Object used to override or extend the component styles.
    */
@@ -45,38 +41,31 @@ process.env.NODE_ENV !== "production" ? EmptyStatePanel.propTypes = {
      * Styles applied to the component root of the panel.
      */
     emptyStateRoot: PropTypes.string,
-
     /**
      * Styles applied to the EmptyStatePanel container.
      */
     emptyStateContainer: PropTypes.string,
-
     /**
      * Styles applied to the empty state container icon.
      */
     emptyStateIconContainer: PropTypes.string,
-
     /**
      * Styles applied to the EmptyStatePanel title.
      */
     emptyStateTitleContainer: PropTypes.string
   }).isRequired,
-
   /**
    * Class names to be applied to the accordion.
    */
   className: PropTypes.string,
-
   /**
    * Title of the EmptyStatePanel
    */
   title: PropTypes.string.isRequired,
-
   /**
    * Message of the EmptyStatePanel
    */
   message: PropTypes.string.isRequired,
-
   /**
    * Empty Panel Icon
    */

package/dist/modern/NotificationPanel/EmptyStatePanel/EmptyStatePanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyStatePanel.js","names":["React","PropTypes","HvEmptyState","Alert","withStyles","styles","EmptyStatePanel","id","classes","className","title","message","icon","root","emptyStateRoot","container","emptyStateContainer","iconContainer","emptyStateIconContainer","titleContainer","emptyStateTitleContainer","propTypes","string","isRequired","shape","element","name"],"sources":["../../../../src/NotificationPanel/EmptyStatePanel/EmptyStatePanel.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { HvEmptyState } from \"@hitachivantara/uikit-react-core\";\nimport { Alert } from \"@hitachivantara/uikit-react-icons\";\n\nimport { withStyles } from \"@mui/styles\";\nimport styles from \"./styles\";\n\nconst EmptyStatePanel = ({ id, classes, className, title, message, icon }) => {\n  return (\n    <HvEmptyState\n      id={id}\n      title={title}\n      message={message}\n      icon={icon || <Alert />}\n      className={className}\n      classes={{\n        root: classes.emptyStateRoot,\n        container: classes.emptyStateContainer,\n        iconContainer: classes.emptyStateIconContainer,\n        titleContainer: classes.emptyStateTitleContainer,\n      }}\n    />\n  );\n};\n\nEmptyStatePanel.propTypes = {\n  /**\n   * Id of the EmptyStatePanel\n   */\n  id: PropTypes.string.isRequired,\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root of the panel.\n     */\n    emptyStateRoot: PropTypes.string,\n    /**\n     * Styles applied to the EmptyStatePanel container.\n     */\n    emptyStateContainer: PropTypes.string,\n\n    /**\n     * Styles applied to the empty state container icon.\n     */\n    emptyStateIconContainer: PropTypes.string,\n\n    /**\n     * Styles applied to the EmptyStatePanel title.\n     */\n    emptyStateTitleContainer: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Class names to be applied to the accordion.\n   */\n  className: PropTypes.string,\n  /**\n   * Title of the EmptyStatePanel\n   */\n  title: PropTypes.string.isRequired,\n  /**\n   * Message of the EmptyStatePanel\n   */\n  message: PropTypes.string.isRequired,\n  /**\n   * Empty Panel Icon\n   */\n  icon: PropTypes.element,\n};\nexport default withStyles(styles, { name: \"HvEmptyStatePanel\" })(EmptyStatePanel);\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SAASC,YAAT,QAA6B,kCAA7B;AACA,SAASC,KAAT,QAAsB,mCAAtB;AAEA,SAASC,UAAT,QAA2B,aAA3B;AACA,OAAOC,MAAP,MAAmB,UAAnB;;;AAEA,MAAMC,eAAe,GAAG,CAAC;EAAEC,EAAF;EAAMC,OAAN;EAAeC,SAAf;EAA0BC,KAA1B;EAAiCC,OAAjC;EAA0CC;AAA1C,CAAD,KAAsD;EAC5E,oBACE,KAAC,YAAD;IACE,EAAE,EAAEL,EADN;IAEE,KAAK,EAAEG,KAFT;IAGE,OAAO,EAAEC,OAHX;IAIE,IAAI,EAAEC,IAAI,qCAAI,KAAC,KAAD,KAAJ,CAJZ;IAKE,SAAS,EAAEH,SALb;IAME,OAAO,EAAE;MACPI,IAAI,EAAEL,OAAO,CAACM,cADP;MAEPC,SAAS,EAAEP,OAAO,CAACQ,mBAFZ;MAGPC,aAAa,EAAET,OAAO,CAACU,uBAHhB;MAIPC,cAAc,EAAEX,OAAO,CAACY;IAJjB;EANX,EADF;AAeD,CAhBD;;AAkBA,wCAAAd,eAAe,CAACe,SAAhB,GAA4B;EAC1B;AACF;AACA;EACEd,EAAE,EAAEN,SAAS,CAACqB,MAAV,CAAiBC,UAJK;;EAK1B;AACF;AACA;EACEf,OAAO,EAAEP,SAAS,CAACuB,KAAV,CAAgB;IACvB;AACJ;AACA;IACIV,cAAc,EAAEb,SAAS,CAACqB,MAJH;;IAKvB;AACJ;AACA;IACIN,mBAAmB,EAAEf,SAAS,CAACqB,MARR;;IAUvB;AACJ;AACA;IACIJ,uBAAuB,EAAEjB,SAAS,CAACqB,MAbZ;;IAevB;AACJ;AACA;IACIF,wBAAwB,EAAEnB,SAAS,CAACqB;EAlBb,CAAhB,EAmBNC,UA3BuB;;EA6B1B;AACF;AACA;EACEd,SAAS,EAAER,SAAS,CAACqB,MAhCK;;EAiC1B;AACF;AACA;EACEZ,KAAK,EAAET,SAAS,CAACqB,MAAV,CAAiBC,UApCE;;EAqC1B;AACF;AACA;EACEZ,OAAO,EAAEV,SAAS,CAACqB,MAAV,CAAiBC,UAxCA;;EAyC1B;AACF;AACA;EACEX,IAAI,EAAEX,SAAS,CAACwB;AA5CU,CAA5B;AA8CA,eAAerB,UAAU,CAACC,MAAD,EAAS;EAAEqB,IAAI,EAAE;AAAR,CAAT,CAAV,CAAkDpB,eAAlD,CAAf"}
+{"version":3,"file":"EmptyStatePanel.js","names":["React","PropTypes","HvEmptyState","Alert","withStyles","styles","EmptyStatePanel","id","classes","className","title","message","icon","root","emptyStateRoot","container","emptyStateContainer","iconContainer","emptyStateIconContainer","titleContainer","emptyStateTitleContainer","propTypes","string","isRequired","shape","element","name"],"sources":["../../../../src/NotificationPanel/EmptyStatePanel/EmptyStatePanel.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { HvEmptyState } from \"@hitachivantara/uikit-react-core\";\nimport { Alert } from \"@hitachivantara/uikit-react-icons\";\n\nimport { withStyles } from \"@mui/styles\";\nimport styles from \"./styles\";\n\nconst EmptyStatePanel = ({ id, classes, className, title, message, icon }) => {\n  return (\n    <HvEmptyState\n      id={id}\n      title={title}\n      message={message}\n      icon={icon || <Alert />}\n      className={className}\n      classes={{\n        root: classes.emptyStateRoot,\n        container: classes.emptyStateContainer,\n        iconContainer: classes.emptyStateIconContainer,\n        titleContainer: classes.emptyStateTitleContainer,\n      }}\n    />\n  );\n};\n\nEmptyStatePanel.propTypes = {\n  /**\n   * Id of the EmptyStatePanel\n   */\n  id: PropTypes.string.isRequired,\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root of the panel.\n     */\n    emptyStateRoot: PropTypes.string,\n    /**\n     * Styles applied to the EmptyStatePanel container.\n     */\n    emptyStateContainer: PropTypes.string,\n\n    /**\n     * Styles applied to the empty state container icon.\n     */\n    emptyStateIconContainer: PropTypes.string,\n\n    /**\n     * Styles applied to the EmptyStatePanel title.\n     */\n    emptyStateTitleContainer: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Class names to be applied to the accordion.\n   */\n  className: PropTypes.string,\n  /**\n   * Title of the EmptyStatePanel\n   */\n  title: PropTypes.string.isRequired,\n  /**\n   * Message of the EmptyStatePanel\n   */\n  message: PropTypes.string.isRequired,\n  /**\n   * Empty Panel Icon\n   */\n  icon: PropTypes.element,\n};\nexport default withStyles(styles, { name: \"HvEmptyStatePanel\" })(EmptyStatePanel);\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,SAASC,YAAY,QAAQ,kCAAkC;AAC/D,SAASC,KAAK,QAAQ,mCAAmC;AAEzD,SAASC,UAAU,QAAQ,aAAa;AACxC,OAAOC,MAAM,MAAM,UAAU;AAAC;AAE9B,MAAMC,eAAe,GAAG,CAAC;EAAEC,EAAE;EAAEC,OAAO;EAAEC,SAAS;EAAEC,KAAK;EAAEC,OAAO;EAAEC;AAAK,CAAC,KAAK;EAC5E,oBACE,KAAC,YAAY;IACX,EAAE,EAAEL,EAAG;IACP,KAAK,EAAEG,KAAM;IACb,OAAO,EAAEC,OAAQ;IACjB,IAAI,EAAEC,IAAI,qCAAI,KAAC,KAAK,KAAG,CAAC;IACxB,SAAS,EAAEH,SAAU;IACrB,OAAO,EAAE;MACPI,IAAI,EAAEL,OAAO,CAACM,cAAc;MAC5BC,SAAS,EAAEP,OAAO,CAACQ,mBAAmB;MACtCC,aAAa,EAAET,OAAO,CAACU,uBAAuB;MAC9CC,cAAc,EAAEX,OAAO,CAACY;IAC1B;EAAE,EACF;AAEN,CAAC;AAED,wCAAAd,eAAe,CAACe,SAAS,GAAG;EAC1B;AACF;AACA;EACEd,EAAE,EAAEN,SAAS,CAACqB,MAAM,CAACC,UAAU;EAC/B;AACF;AACA;EACEf,OAAO,EAAEP,SAAS,CAACuB,KAAK,CAAC;IACvB;AACJ;AACA;IACIV,cAAc,EAAEb,SAAS,CAACqB,MAAM;IAChC;AACJ;AACA;IACIN,mBAAmB,EAAEf,SAAS,CAACqB,MAAM;IAErC;AACJ;AACA;IACIJ,uBAAuB,EAAEjB,SAAS,CAACqB,MAAM;IAEzC;AACJ;AACA;IACIF,wBAAwB,EAAEnB,SAAS,CAACqB;EACtC,CAAC,CAAC,CAACC,UAAU;EAEb;AACF;AACA;EACEd,SAAS,EAAER,SAAS,CAACqB,MAAM;EAC3B;AACF;AACA;EACEZ,KAAK,EAAET,SAAS,CAACqB,MAAM,CAACC,UAAU;EAClC;AACF;AACA;EACEZ,OAAO,EAAEV,SAAS,CAACqB,MAAM,CAACC,UAAU;EACpC;AACF;AACA;EACEX,IAAI,EAAEX,SAAS,CAACwB;AAClB,CAAC;AACD,eAAerB,UAAU,CAACC,MAAM,EAAE;EAAEqB,IAAI,EAAE;AAAoB,CAAC,CAAC,CAACpB,eAAe,CAAC"}

package/dist/modern/NotificationPanel/EmptyStatePanel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default"],"sources":["../../../../src/NotificationPanel/EmptyStatePanel/index.js"],"sourcesContent":["export { default } from \"./EmptyStatePanel\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,mBAAxB"}
+{"version":3,"file":"index.js","names":["default"],"sources":["../../../../src/NotificationPanel/EmptyStatePanel/index.js"],"sourcesContent":["export { default } from \"./EmptyStatePanel\";\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,mBAAmB"}

package/dist/modern/NotificationPanel/EmptyStatePanel/styles.js

@@ -15,6 +15,5 @@ const styles = theme => ({
     justifyContent: "center"
   }
 });
-
 export default styles;
 //# sourceMappingURL=styles.js.map

package/dist/modern/NotificationPanel/EmptyStatePanel/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","emptyStateRoot","alignItems","padding","hv","spacing","sm","emptyStateContainer","display","emptyStateIconContainer","justifyContent","emptyStateTitleContainer"],"sources":["../../../../src/NotificationPanel/EmptyStatePanel/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  emptyStateRoot: {\n    alignItems: \"center\",\n    padding: `${theme.hv.spacing.sm}px 0`,\n  },\n  emptyStateContainer: {\n    display: \"block\",\n  },\n\n  emptyStateIconContainer: {\n    display: \"flex\",\n    justifyContent: \"center\",\n  },\n\n  emptyStateTitleContainer: {\n    display: \"flex\",\n    justifyContent: \"center\",\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;EACzBC,cAAc,EAAE;IACdC,UAAU,EAAE,QADE;IAEdC,OAAO,EAAG,GAAEH,KAAK,CAACI,EAAN,CAASC,OAAT,CAAiBC,EAAG;EAFlB,CADS;EAKzBC,mBAAmB,EAAE;IACnBC,OAAO,EAAE;EADU,CALI;EASzBC,uBAAuB,EAAE;IACvBD,OAAO,EAAE,MADc;IAEvBE,cAAc,EAAE;EAFO,CATA;EAczBC,wBAAwB,EAAE;IACxBH,OAAO,EAAE,MADe;IAExBE,cAAc,EAAE;EAFQ;AAdD,CAAZ,CAAf;;AAoBA,eAAeX,MAAf"}
+{"version":3,"file":"styles.js","names":["styles","theme","emptyStateRoot","alignItems","padding","hv","spacing","sm","emptyStateContainer","display","emptyStateIconContainer","justifyContent","emptyStateTitleContainer"],"sources":["../../../../src/NotificationPanel/EmptyStatePanel/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  emptyStateRoot: {\n    alignItems: \"center\",\n    padding: `${theme.hv.spacing.sm}px 0`,\n  },\n  emptyStateContainer: {\n    display: \"block\",\n  },\n\n  emptyStateIconContainer: {\n    display: \"flex\",\n    justifyContent: \"center\",\n  },\n\n  emptyStateTitleContainer: {\n    display: \"flex\",\n    justifyContent: \"center\",\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAK,KAAM;EACzBC,cAAc,EAAE;IACdC,UAAU,EAAE,QAAQ;IACpBC,OAAO,EAAG,GAAEH,KAAK,CAACI,EAAE,CAACC,OAAO,CAACC,EAAG;EAClC,CAAC;EACDC,mBAAmB,EAAE;IACnBC,OAAO,EAAE;EACX,CAAC;EAEDC,uBAAuB,EAAE;IACvBD,OAAO,EAAE,MAAM;IACfE,cAAc,EAAE;EAClB,CAAC;EAEDC,wBAAwB,EAAE;IACxBH,OAAO,EAAE,MAAM;IACfE,cAAc,EAAE;EAClB;AACF,CAAC,CAAC;AAEF,eAAeX,MAAM"}