@hitachivantara/uikit-react-lab 3.38.0

package/dist/legacy/InlineEditor/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/InlineEditor/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"],"mappings":";;;;;;;;;;;;;AAAA,IAAMA,cAAc,GAAG;AACrBC,EAAAA,QAAQ,EAAE,QADW;AAErBC,EAAAA,YAAY,EAAE,UAFO;AAGrBC,EAAAA,UAAU,EAAE;AAHS,CAAvB;;AAMA,IAAMC,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,IAAI,EAAE,EADmB;AAEzBC,IAAAA,SAAS,EAAE,EAFc;AAGzBC,IAAAA,oBAAoB,EAAE;AACpBC,MAAAA,GAAG,EAAE,OADe;AAEpBC,MAAAA,MAAM,EAAE;AAFY,KAHG;AAOzBC,IAAAA,KAAK,EAAE;AACLC,MAAAA,OAAO,EAAEP,KAAK,CAACQ,SAAN,CAAgB,KAAhB,EAAuB,CAAvB;AADJ,KAPkB;AAUzBC,IAAAA,IAAI,oBACCd,cADD,CAVqB;AAazBe,IAAAA,SAAS,EAAE;AACTC,MAAAA,KAAK,EAAEX,KAAK,CAACY,EAAN,CAASC,UAAT,CAAoBC,eAApB,CAAoCH;AADlC,KAbc;AAgBzBI,IAAAA,MAAM,EAAE;AACNC,MAAAA,MAAM,EAAE,MADF;AAENC,MAAAA,MAAM,EAAE,MAFF;AAGNC,MAAAA,KAAK,EAAE,MAHD;AAINC,MAAAA,QAAQ,EAAE,MAJJ;AAKNC,MAAAA,cAAc,EAAE,YALV;AAONC,MAAAA,eAAe,EAAE,aAPX;AAQN,oCAA8B;AAC5BA,QAAAA,eAAe,EAAE,aADW;AAE5B,mBAAW;AACTC,UAAAA,UAAU,EAAE;AADH;AAFiB;AARxB,KAhBiB;AA+BzBC,IAAAA,IAAI,EAAE;AACJP,MAAAA,MAAM,EAAE,SADJ;AAEJM,MAAAA,UAAU,EAAE;AAFR,KA/BmB;AAmCzBE,IAAAA,WAAW,EAAE;AACXF,MAAAA,UAAU,EAAE;AADD,KAnCY;AAsCzBG,IAAAA,SAAS,EAAE;AACTC,MAAAA,MAAM,EAAE1B,KAAK,CAACQ,SAAN,CAAgB,KAAhB,EAAuB,CAAvB;AADC;AAtCc,GAAZ;AAAA,CAAf;;AA2CA,eAAeT,MAAf","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"],"file":"styles.js"}

package/dist/legacy/NavigationAnchors/NavigationAnchors.d.ts

@@ -0,0 +1,49 @@
+import { StandardProps } from "@material-ui/core";
+import { HvListContainerProps } from "@hitachivantara/uikit-react-core";
+
+interface Option {
+  key?: string;
+  label: string;
+  value: string;
+  offset?: number;
+}
+
+export type HvNavigationAnchorsClassKey = "root" | "listItemGutters" | "listItemSelected";
+
+export interface HvNavigationAnchorsProps
+  extends StandardProps<HvListContainerProps, HvNavigationAnchorsClassKey> {
+  /**
+   * An Array of Objects with Label and Value. Label is the displayed Element and Value is the local navigation location applied
+   */
+  options: Option[];
+  /**
+   * True if the href location link should be applied. It will create an a element around every list item
+   */
+  href?: boolean;
+  /**
+   * Whether the anchors are always in a fixed position
+   *
+   * @deprecated Currently does nothing. Style the component instead.
+   */
+  floating?: boolean;
+  /**
+   * Currently selected index passed from the parent.
+   */
+  selectedIndex?: number;
+  /**
+   * The Id of the scrollable container containing displayed elements.
+   *
+   * Defaults to `window` if unspecified.
+   */
+  scrollElementId?: string;
+  /**
+   * Defines the offset from the top of each element for getting an optimal viewing region in the container.
+   * This allows to exclude regions of the container that are obscured by other content (such as fixed-positioned toolbars or titles)
+   * or to put more breathing room between the targeted element and the edges of the container.
+   *
+   * Each element can alse have a specific offset via the options property.
+   */
+  offset?: number;
+}
+
+export default function HvNavigationAnchors(props: HvNavigationAnchorsProps): JSX.Element | null;

package/dist/legacy/NavigationAnchors/NavigationAnchors.js

@@ -0,0 +1,330 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["selectedIndex", "scrollElementId", "href", "onClick", "className", "classes", "options", "floating", "offset"];
+import "core-js/modules/es.regexp.exec.js";
+import "core-js/modules/es.string.split.js";
+import "core-js/modules/es.array.find.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.array.map.js";
+import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import PropTypes from "prop-types";
+import clsx from "clsx";
+import { deprecatedPropType, withStyles } from "@material-ui/core";
+import { HvListContainer, HvListItem } from "@hitachivantara/uikit-react-core";
+import styles from "./styles";
+import navigationOption from "./NavigationOption";
+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);
+  container.scrollTo({
+    top: elemTop - offset,
+    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
+
+
+var findFirstVisibleElement = function findFirstVisibleElement(container, options, offset) {
+  var boundsTop = verticalScrollOffset(container);
+  var i = 0; // find index of first element whose top is still visible inside the container
+
+  for (; i < options.length; i += 1) {
+    var ele = document.getElementById(options[i].value);
+
+    if (ele) {
+      var elemTop = verticalScrollOffset(ele) - (options[i].offset || offset);
+
+      if (elemTop > boundsTop) {
+        break;
+      }
+    }
+  } // return the previous index, the element that last scrolled past the top
+
+
+  return i - 1;
+};
+/**
+ * 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 = _objectWithoutProperties(_ref, _excluded);
+
+  var _useState = useState(selectedIndexProp),
+      _useState2 = _slicedToArray(_useState, 2),
+      selectedIndex = _useState2[0],
+      setSelectedIndex = _useState2[1];
+
+  var scrollEle = useRef();
+  var requestedAnimationFrame = useRef(0);
+  var 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
+
+  var selectedIndexRef = useRef(selectedIndex);
+  useEffect(function () {
+    selectedIndexRef.current = selectedIndex;
+  }, [selectedIndex]); // get and store the container's dom element
+
+  useEffect(function () {
+    scrollEle.current = scrollElementId && document.getElementById(scrollElementId) || window;
+    lastContainerScrollTop.current = verticalScrollOffset(scrollEle.current);
+  }, [scrollElementId]);
+  var checkScroll = 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
+
+        if (firstVisibleElementIndex < 0) {
+          newSelectedIndex = 0;
+        } // if the user has reached the bottom of the container, select the first nav item still visible
+        // (usually this selects the last nav item, when it can't reach the top the container)
+        // in theory only needed when scrolling down, but no... because of the Safari bouncing behaviour
+
+
+        if (newSelectedIndex < options.length - 1 && 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
+
+        if (isScrollingDown) {
+          if (newSelectedIndex < selectedIndexRef.current) {
+            newSelectedIndex = selectedIndexRef.current;
+          }
+        } else if (newSelectedIndex > selectedIndexRef.current) {
+          newSelectedIndex = selectedIndexRef.current;
+        }
+
+        setSelectedIndex(newSelectedIndex);
+      });
+    }
+  }, [offset, options]); // registers and unregisters the scroll listener
+
+  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
+
+  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);
+            }
+          }
+        }, 1000);
+      }
+    }
+
+    return function () {
+      clearInterval(checkRenderedInterval);
+    }; // we really want to run this just in the first load
+    // in fact this doesn't even belong here, the logic should be external
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  var 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); // Safari scrolls immediately (no smooth scroll support),
+      // so this ref value must be updated asap
+
+      selectedIndexRef.current = index;
+    }
+  };
+
+  var navOptions = useMemo(function () {
+    return options.map(function (option) {
+      return navigationOption(option.label);
+    });
+  }, [options]);
+  return /*#__PURE__*/React.createElement(HvListContainer, _extends({
+    interactive: true,
+    className: clsx(className, classes.root)
+  }, other), options.map(function (option, index) {
+    var NavOpt = navOptions[index];
+    return /*#__PURE__*/React.createElement(HvListItem, {
+      classes: {
+        selected: classes.listItemSelected,
+        gutters: classes.listItemGutters
+      },
+      key: option.key || option.label,
+      onClick: function onClick(event) {
+        return handleListItemClick(event, option.value, index);
+      },
+      selected: selectedIndex === index
+    }, /*#__PURE__*/React.createElement(NavOpt, null));
+  }));
+};
+
+NavigationAnchors.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: PropTypes.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: PropTypes.shape({
+    root: PropTypes.string,
+    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
+   */
+  options: PropTypes.arrayOf(PropTypes.shape({
+    key: PropTypes.string,
+    value: PropTypes.string.isRequired,
+    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)
+   * or to put more breathing room between the targeted element and the edges of the container.
+   *
+   * Each element can also have a specific offset via the options property.
+   */
+  offset: PropTypes.number
+};
+export default withStyles(styles, {
+  name: "HvNavigationAnchors"
+})(NavigationAnchors);
+//# sourceMappingURL=NavigationAnchors.js.map

package/dist/legacy/NavigationAnchors/NavigationAnchors.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/NavigationAnchors/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"],"mappings":"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","sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { deprecatedPropType, withStyles } from \"@material-ui/core\";\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"],"file":"NavigationAnchors.js"}

package/dist/legacy/NavigationAnchors/NavigationOption.js

@@ -0,0 +1,27 @@
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.array.of.js";
+import { withTooltip } from "@hitachivantara/uikit-react-core";
+
+var hideTooltip = function hideTooltip(evt) {
+  var isOverFlow = evt.target.children.length > 1 ? Array.of.apply(Array, _toConsumableArray(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 withTooltip(ComponentFunction, label, "top", hideTooltip);
+};
+
+var NavigationOption = function NavigationOption(label) {
+  var NavOpt = wrapperTooltip(label, label);
+  return NavOpt;
+};
+
+export default NavigationOption;
+//# sourceMappingURL=NavigationOption.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/NavigationAnchors/NavigationOption.js"],"names":["withTooltip","hideTooltip","evt","isOverFlow","target","children","length","Array","of","some","child","scrollWidth","clientWidth","wrapperTooltip","Component","label","ComponentFunction","NavigationOption","NavOpt"],"mappings":";;;AAAA,SAASA,WAAT,QAA4B,kCAA5B;;AAEA,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,GAAD,EAAS;AAC3B,MAAMC,UAAU,GACdD,GAAG,CAACE,MAAJ,CAAWC,QAAX,CAAoBC,MAApB,GAA6B,CAA7B,GACIC,KAAK,CAACC,EAAN,OAAAD,KAAK,qBAAOL,GAAG,CAACE,MAAJ,CAAWC,QAAlB,EAAL,CAAiCI,IAAjC,CAAsC,UAACC,KAAD;AAAA,WAAWA,KAAK,CAACC,WAAN,GAAoBD,KAAK,CAACE,WAArC;AAAA,GAAtC,CADJ,GAEIV,GAAG,CAACE,MAAJ,CAAWO,WAAX,GAAyBT,GAAG,CAACE,MAAJ,CAAWQ,WAH1C;AAIA,SAAO,CAACT,UAAR;AACD,CAND;;AAQA,IAAMU,cAAc,GAAG,SAAjBA,cAAiB,CAACC,SAAD,EAAYC,KAAZ,EAAsB;AAC3C,MAAMC,iBAAiB,GAAG,SAApBA,iBAAoB;AAAA,WAAMF,SAAN;AAAA,GAA1B;;AACA,SAAOd,WAAW,CAACgB,iBAAD,EAAoBD,KAApB,EAA2B,KAA3B,EAAkCd,WAAlC,CAAlB;AACD,CAHD;;AAKA,IAAMgB,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACF,KAAD,EAAW;AAClC,MAAMG,MAAM,GAAGL,cAAc,CAACE,KAAD,EAAQA,KAAR,CAA7B;AACA,SAAOG,MAAP;AACD,CAHD;;AAKA,eAAeD,gBAAf","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"],"file":"NavigationOption.js"}

package/dist/legacy/NavigationAnchors/index.d.ts

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

package/dist/legacy/NavigationAnchors/index.js

@@ -0,0 +1,2 @@
+export { default } from "./NavigationAnchors";
+//# sourceMappingURL=index.js.map

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

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

package/dist/legacy/NavigationAnchors/styles.js

@@ -0,0 +1,18 @@
+var styles = function styles(theme) {
+  return {
+    root: {
+      width: 200
+    },
+    listItemGutters: {
+      padding: "0 ".concat(theme.hv.spacing.sm, "px")
+    },
+    listItemSelected: {
+      fontWeight: theme.hv.typography.highlightText.fontWeight,
+      borderLeft: "2px solid ".concat(theme.hv.palette.accent.acce1),
+      paddingLeft: theme.hv.spacing.sm - 2
+    }
+  };
+};
+
+export default styles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/NavigationAnchors/styles.js"],"names":["styles","theme","root","width","listItemGutters","padding","hv","spacing","sm","listItemSelected","fontWeight","typography","highlightText","borderLeft","palette","accent","acce1","paddingLeft"],"mappings":"AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,IAAI,EAAE;AACJC,MAAAA,KAAK,EAAE;AADH,KADmB;AAKzBC,IAAAA,eAAe,EAAE;AACfC,MAAAA,OAAO,cAAOJ,KAAK,CAACK,EAAN,CAASC,OAAT,CAAiBC,EAAxB;AADQ,KALQ;AAQzBC,IAAAA,gBAAgB,EAAE;AAChBC,MAAAA,UAAU,EAAET,KAAK,CAACK,EAAN,CAASK,UAAT,CAAoBC,aAApB,CAAkCF,UAD9B;AAEhBG,MAAAA,UAAU,sBAAeZ,KAAK,CAACK,EAAN,CAASQ,OAAT,CAAiBC,MAAjB,CAAwBC,KAAvC,CAFM;AAGhBC,MAAAA,WAAW,EAAEhB,KAAK,CAACK,EAAN,CAASC,OAAT,CAAiBC,EAAjB,GAAsB;AAHnB;AARO,GAAZ;AAAA,CAAf;;AAeA,eAAeR,MAAf","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"],"file":"styles.js"}

package/dist/legacy/NotificationPanel/EmptyStatePanel/EmptyStatePanel.d.ts

@@ -0,0 +1,27 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+
+export type HvEmptyStatePanelClassKey =
+  | "emptyStateRoot"
+  | "emptyStateContainer"
+  | "emptyStateIconContainer"
+  | "emptyStateTitleContainer";
+
+export interface HvEmptyStatePanelProps
+  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvEmptyStatePanelClassKey> {
+  /**
+   * Title to display in the Empty Panel
+   */
+  title: string;
+  /**
+   * Empty State message to display
+   */
+  message: string;
+
+  /**
+   * Empty State icon
+   */
+  icon?: React.ReactNode;
+}
+
+export default function HvEmptyStatePanel(props: HvEmptyStatePanelProps): JSX.Element | null;

package/dist/legacy/NotificationPanel/EmptyStatePanel/EmptyStatePanel.js

@@ -0,0 +1,84 @@
+import React from "react";
+import PropTypes from "prop-types";
+import { HvEmptyState } from "@hitachivantara/uikit-react-core";
+import { Alert } from "@hitachivantara/uikit-react-icons";
+import { withStyles } from "@material-ui/core";
+import styles from "./styles";
+
+var EmptyStatePanel = function EmptyStatePanel(_ref) {
+  var id = _ref.id,
+      classes = _ref.classes,
+      className = _ref.className,
+      title = _ref.title,
+      message = _ref.message,
+      icon = _ref.icon;
+  return /*#__PURE__*/React.createElement(HvEmptyState, {
+    id: id,
+    title: title,
+    message: message,
+    icon: icon || /*#__PURE__*/React.createElement(Alert, null),
+    className: className,
+    classes: {
+      root: classes.emptyStateRoot,
+      container: classes.emptyStateContainer,
+      iconContainer: classes.emptyStateIconContainer,
+      titleContainer: classes.emptyStateTitleContainer
+    }
+  });
+};
+
+EmptyStatePanel.propTypes = {
+  /**
+   * Id of the EmptyStatePanel
+   */
+  id: PropTypes.string.isRequired,
+
+  /**
+   * A Jss Object used to override or extend the component styles.
+   */
+  classes: PropTypes.shape({
+    /**
+     * 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
+   */
+  icon: PropTypes.element
+};
+export default withStyles(styles, {
+  name: "HvEmptyStatePanel"
+})(EmptyStatePanel);
+//# sourceMappingURL=EmptyStatePanel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/NotificationPanel/EmptyStatePanel/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"],"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,mBAA3B;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,OAAsD;AAAA,MAAnDC,EAAmD,QAAnDA,EAAmD;AAAA,MAA/CC,OAA+C,QAA/CA,OAA+C;AAAA,MAAtCC,SAAsC,QAAtCA,SAAsC;AAAA,MAA3BC,KAA2B,QAA3BA,KAA2B;AAAA,MAApBC,OAAoB,QAApBA,OAAoB;AAAA,MAAXC,IAAW,QAAXA,IAAW;AAC5E,sBACE,oBAAC,YAAD;AACE,IAAA,EAAE,EAAEL,EADN;AAEE,IAAA,KAAK,EAAEG,KAFT;AAGE,IAAA,OAAO,EAAEC,OAHX;AAIE,IAAA,IAAI,EAAEC,IAAI,iBAAI,oBAAC,KAAD,OAJhB;AAKE,IAAA,SAAS,EAAEH,SALb;AAME,IAAA,OAAO,EAAE;AACPI,MAAAA,IAAI,EAAEL,OAAO,CAACM,cADP;AAEPC,MAAAA,SAAS,EAAEP,OAAO,CAACQ,mBAFZ;AAGPC,MAAAA,aAAa,EAAET,OAAO,CAACU,uBAHhB;AAIPC,MAAAA,cAAc,EAAEX,OAAO,CAACY;AAJjB;AANX,IADF;AAeD,CAhBD;;AAkBAd,eAAe,CAACe,SAAhB,GAA4B;AAC1B;AACF;AACA;AACEd,EAAAA,EAAE,EAAEN,SAAS,CAACqB,MAAV,CAAiBC,UAJK;;AAK1B;AACF;AACA;AACEf,EAAAA,OAAO,EAAEP,SAAS,CAACuB,KAAV,CAAgB;AACvB;AACJ;AACA;AACIV,IAAAA,cAAc,EAAEb,SAAS,CAACqB,MAJH;;AAKvB;AACJ;AACA;AACIN,IAAAA,mBAAmB,EAAEf,SAAS,CAACqB,MARR;;AAUvB;AACJ;AACA;AACIJ,IAAAA,uBAAuB,EAAEjB,SAAS,CAACqB,MAbZ;;AAevB;AACJ;AACA;AACIF,IAAAA,wBAAwB,EAAEnB,SAAS,CAACqB;AAlBb,GAAhB,EAmBNC,UA3BuB;;AA6B1B;AACF;AACA;AACEd,EAAAA,SAAS,EAAER,SAAS,CAACqB,MAhCK;;AAiC1B;AACF;AACA;AACEZ,EAAAA,KAAK,EAAET,SAAS,CAACqB,MAAV,CAAiBC,UApCE;;AAqC1B;AACF;AACA;AACEZ,EAAAA,OAAO,EAAEV,SAAS,CAACqB,MAAV,CAAiBC,UAxCA;;AAyC1B;AACF;AACA;AACEX,EAAAA,IAAI,EAAEX,SAAS,CAACwB;AA5CU,CAA5B;AA8CA,eAAerB,UAAU,CAACC,MAAD,EAAS;AAAEqB,EAAAA,IAAI,EAAE;AAAR,CAAT,CAAV,CAAkDpB,eAAlD,CAAf","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 \"@material-ui/core\";\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"],"file":"EmptyStatePanel.js"}

package/dist/legacy/NotificationPanel/EmptyStatePanel/index.js

@@ -0,0 +1,2 @@
+export { default } from "./EmptyStatePanel";
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,22 @@
+var styles = function styles(theme) {
+  return {
+    emptyStateRoot: {
+      alignItems: "center",
+      padding: "".concat(theme.hv.spacing.sm, "px 0")
+    },
+    emptyStateContainer: {
+      display: "block"
+    },
+    emptyStateIconContainer: {
+      display: "flex",
+      justifyContent: "center"
+    },
+    emptyStateTitleContainer: {
+      display: "flex",
+      justifyContent: "center"
+    }
+  };
+};
+
+export default styles;
+//# sourceMappingURL=styles.js.map