@hitachivantara/uikit-react-lab 4.5.0 → 5.0.2

package/dist/legacy/NavigationAnchors/NavigationAnchors.js

@@ -1,307 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-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"];
-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/es.array.find.js";
-import "core-js/modules/es.object.to-string.js";
-import "core-js/modules/es.array.map.js";
-import "core-js/modules/es.object.keys.js";
-import "core-js/modules/es.symbol.js";
-import "core-js/modules/es.array.filter.js";
-import "core-js/modules/es.object.get-own-property-descriptor.js";
-import "core-js/modules/web.dom-collections.for-each.js";
-import "core-js/modules/es.object.get-own-property-descriptors.js";
-import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import PropTypes from "prop-types";
-import clsx from "clsx";
-import { deprecatedPropType } from "@mui/material";
-import { withStyles } from "@mui/styles";
-import { HvListContainer, HvListItem } from "@hitachivantara/uikit-react-core";
-import styles from "./styles";
-import navigationOption from "./NavigationOption";
-import { jsx as _jsx } from "react/jsx-runtime";
-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__*/_jsx(HvListContainer, _objectSpread(_objectSpread({
-    interactive: true,
-    className: clsx(className, classes.root)
-  }, other), {}, {
-    children: options.map(function (option, index) {
-      var NavOpt = navOptions[index];
-      return /*#__PURE__*/_jsx(HvListItem, {
-        classes: {
-          selected: classes.listItemSelected,
-          gutters: classes.listItemGutters
-        },
-        onClick: function onClick(event) {
-          return handleListItemClick(event, option.value, index);
-        },
-        selected: selectedIndex === index,
-        children: /*#__PURE__*/_jsx(NavOpt, {})
-      }, option.key || option.label);
-    })
-  }));
-};
-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.
-   */
-  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
-} : void 0;
-export default withStyles(styles, {
-  name: "HvNavigationAnchors"
-})(NavigationAnchors);
-//# sourceMappingURL=NavigationAnchors.js.map

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

@@ -1 +0,0 @@
-{"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/legacy/NavigationAnchors/NavigationOption.js

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

@@ -1 +0,0 @@
-{"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,IAAMC,WAAW,GAAG,SAAdA,WAAW,CAAIC,GAAG,EAAK;EAC3B,IAAMC,UAAU,GACdD,GAAG,CAACE,MAAM,CAACC,QAAQ,CAACC,MAAM,GAAG,CAAC,GAC1BC,KAAK,CAACC,EAAE,OAARD,KAAK,qBAAOL,GAAG,CAACE,MAAM,CAACC,QAAQ,EAAC,CAACI,IAAI,CAAC,UAACC,KAAK;IAAA,OAAKA,KAAK,CAACC,WAAW,GAAGD,KAAK,CAACE,WAAW;EAAA,EAAC,GACvFV,GAAG,CAACE,MAAM,CAACO,WAAW,GAAGT,GAAG,CAACE,MAAM,CAACQ,WAAW;EACrD,OAAO,CAACT,UAAU;AACpB,CAAC;AAED,IAAMU,cAAc,GAAG,SAAjBA,cAAc,CAAIC,SAAS,EAAEC,KAAK,EAAK;EAC3C,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiB;IAAA,OAASF,SAAS;EAAA;EACzC,OAAOd,WAAW,CAACgB,iBAAiB,EAAED,KAAK,EAAE,KAAK,EAAEd,WAAW,CAAC;AAClE,CAAC;AAED,IAAMgB,gBAAgB,GAAG,SAAnBA,gBAAgB,CAAIF,KAAK,EAAK;EAClC,IAAMG,MAAM,GAAGL,cAAc,CAACE,KAAK,EAAEA,KAAK,CAAC;EAC3C,OAAOG,MAAM;AACf,CAAC;AAED,eAAeD,gBAAgB"}

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

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

package/dist/legacy/NavigationAnchors/index.js

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

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

@@ -1 +0,0 @@
-{"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/legacy/NavigationAnchors/styles.js

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

@@ -1 +0,0 @@
-{"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,IAAMA,MAAM,GAAG,SAATA,MAAM,CAAIC,KAAK;EAAA,OAAM;IACzBC,IAAI,EAAE;MACJC,KAAK,EAAE;IACT,CAAC;IAEDC,eAAe,EAAE;MACfC,OAAO,cAAOJ,KAAK,CAACK,EAAE,CAACC,OAAO,CAACC,EAAE;IACnC,CAAC;IACDC,gBAAgB,EAAE;MAChBC,UAAU,EAAET,KAAK,CAACK,EAAE,CAACK,UAAU,CAACC,aAAa,CAACF,UAAU;MACxDG,UAAU,sBAAeZ,KAAK,CAACK,EAAE,CAACQ,OAAO,CAACC,MAAM,CAACC,KAAK,CAAE;MACxDC,WAAW,EAAEhB,KAAK,CAACK,EAAE,CAACC,OAAO,CAACC,EAAE,GAAG;IACrC;EACF,CAAC;AAAA,CAAC;AAEF,eAAeR,MAAM"}

package/dist/legacy/NavigationSlider/Header/Header.js

@@ -1,72 +0,0 @@
-var _Backwards;
-import "core-js/modules/es.array.concat.js";
-import React from "react";
-import { withStyles } from "@mui/styles";
-import PropTypes from "prop-types";
-import { HvButton, HvTypography } from "@hitachivantara/uikit-react-core";
-import { Backwards } from "@hitachivantara/uikit-react-icons";
-import useStyles from "./styles";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var Header = function Header(_ref) {
-  var id = _ref.id,
-    title = _ref.title,
-    showBackButton = _ref.showBackButton,
-    headerHeight = _ref.headerHeight,
-    onBackButtonClick = _ref.onBackButtonClick;
-  var classes = useStyles({
-    headerHeight: headerHeight
-  })();
-  var backButtonClickHandler = function backButtonClickHandler() {
-    onBackButtonClick();
-  };
-  return /*#__PURE__*/_jsxs("div", {
-    id: id,
-    className: classes.menuContainer,
-    children: [/*#__PURE__*/_jsx("div", {
-      className: classes.button,
-      children: showBackButton && /*#__PURE__*/_jsx(HvButton, {
-        icon: true,
-        onClick: backButtonClickHandler,
-        children: _Backwards || (_Backwards = /*#__PURE__*/_jsx(Backwards, {
-          iconSize: "XS"
-        }))
-      })
-    }), /*#__PURE__*/_jsx("div", {
-      className: "".concat(classes.title, " ").concat(classes.justifyContentCenter),
-      children: title && /*#__PURE__*/_jsx(HvTypography, {
-        variant: "highlightText",
-        children: title
-      })
-    })]
-  });
-};
-process.env.NODE_ENV !== "production" ? Header.propTypes = {
-  /**
-   * Id to be applied to the root node of the panel.
-   */
-  id: PropTypes.string,
-  /**
-   * The text to be displayed on the header.
-   */
-  title: PropTypes.string,
-  /**
-   * Flag to show / hide the back button.
-   */
-  showBackButton: PropTypes.bool,
-  /**
-   * The header height.
-   */
-  headerHeight: PropTypes.number,
-  /**
-   * Callback function triggered when the back button is clicked.
-   */
-  onBackButtonClick: PropTypes.func
-} : void 0;
-Header.defaultProps = {
-  headerHeight: 80
-};
-export default withStyles(useStyles, {
-  name: "Header"
-})(Header);
-//# sourceMappingURL=Header.js.map

package/dist/legacy/NavigationSlider/Header/Header.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Header.js","names":["React","withStyles","PropTypes","HvButton","HvTypography","Backwards","useStyles","Header","id","title","showBackButton","headerHeight","onBackButtonClick","classes","backButtonClickHandler","menuContainer","button","justifyContentCenter","propTypes","string","bool","number","func","defaultProps","name"],"sources":["../../../../src/NavigationSlider/Header/Header.js"],"sourcesContent":["import React from \"react\";\nimport { withStyles } from \"@mui/styles\";\nimport PropTypes from \"prop-types\";\n\nimport { HvButton, HvTypography } from \"@hitachivantara/uikit-react-core\";\nimport { Backwards } from \"@hitachivantara/uikit-react-icons\";\n\nimport useStyles from \"./styles\";\n\nconst Header = ({ id, title, showBackButton, headerHeight, onBackButtonClick }) => {\n  const classes = useStyles({ headerHeight })();\n\n  const backButtonClickHandler = () => {\n    onBackButtonClick();\n  };\n\n  return (\n    <div id={id} className={classes.menuContainer}>\n      <div className={classes.button}>\n        {showBackButton && (\n          <HvButton icon onClick={backButtonClickHandler}>\n            <Backwards iconSize=\"XS\" />\n          </HvButton>\n        )}\n      </div>\n\n      <div className={`${classes.title} ${classes.justifyContentCenter}`}>\n        {title && <HvTypography variant=\"highlightText\">{title}</HvTypography>}\n      </div>\n    </div>\n  );\n};\n\nHeader.propTypes = {\n  /**\n   * Id to be applied to the root node of the panel.\n   */\n  id: PropTypes.string,\n  /**\n   * The text to be displayed on the header.\n   */\n  title: PropTypes.string,\n  /**\n   * Flag to show / hide the back button.\n   */\n  showBackButton: PropTypes.bool,\n  /**\n   * The header height.\n   */\n  headerHeight: PropTypes.number,\n  /**\n   * Callback function triggered when the back button is clicked.\n   */\n  onBackButtonClick: PropTypes.func,\n};\n\nHeader.defaultProps = {\n  headerHeight: 80,\n};\n\nexport default withStyles(useStyles, { name: \"Header\" })(Header);\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,aAAa;AACxC,OAAOC,SAAS,MAAM,YAAY;AAElC,SAASC,QAAQ,EAAEC,YAAY,QAAQ,kCAAkC;AACzE,SAASC,SAAS,QAAQ,mCAAmC;AAE7D,OAAOC,SAAS,MAAM,UAAU;AAAC;AAAA;AAEjC,IAAMC,MAAM,GAAG,SAATA,MAAM,OAAuE;EAAA,IAAjEC,EAAE,QAAFA,EAAE;IAAEC,KAAK,QAALA,KAAK;IAAEC,cAAc,QAAdA,cAAc;IAAEC,YAAY,QAAZA,YAAY;IAAEC,iBAAiB,QAAjBA,iBAAiB;EAC1E,IAAMC,OAAO,GAAGP,SAAS,CAAC;IAAEK,YAAY,EAAZA;EAAa,CAAC,CAAC,EAAE;EAE7C,IAAMG,sBAAsB,GAAG,SAAzBA,sBAAsB,GAAS;IACnCF,iBAAiB,EAAE;EACrB,CAAC;EAED,oBACE;IAAK,EAAE,EAAEJ,EAAG;IAAC,SAAS,EAAEK,OAAO,CAACE,aAAc;IAAA,wBAC5C;MAAK,SAAS,EAAEF,OAAO,CAACG,MAAO;MAAA,UAC5BN,cAAc,iBACb,KAAC,QAAQ;QAAC,IAAI;QAAC,OAAO,EAAEI,sBAAuB;QAAA,mDAC7C,KAAC,SAAS;UAAC,QAAQ,EAAC;QAAI,EAAG;MAAA;IAE9B,EACG,eAEN;MAAK,SAAS,YAAKD,OAAO,CAACJ,KAAK,cAAII,OAAO,CAACI,oBAAoB,CAAG;MAAA,UAChER,KAAK,iBAAI,KAAC,YAAY;QAAC,OAAO,EAAC,eAAe;QAAA,UAAEA;MAAK;IAAgB,EAClE;EAAA,EACF;AAEV,CAAC;AAED,wCAAAF,MAAM,CAACW,SAAS,GAAG;EACjB;AACF;AACA;EACEV,EAAE,EAAEN,SAAS,CAACiB,MAAM;EACpB;AACF;AACA;EACEV,KAAK,EAAEP,SAAS,CAACiB,MAAM;EACvB;AACF;AACA;EACET,cAAc,EAAER,SAAS,CAACkB,IAAI;EAC9B;AACF;AACA;EACET,YAAY,EAAET,SAAS,CAACmB,MAAM;EAC9B;AACF;AACA;EACET,iBAAiB,EAAEV,SAAS,CAACoB;AAC/B,CAAC;AAEDf,MAAM,CAACgB,YAAY,GAAG;EACpBZ,YAAY,EAAE;AAChB,CAAC;AAED,eAAeV,UAAU,CAACK,SAAS,EAAE;EAAEkB,IAAI,EAAE;AAAS,CAAC,CAAC,CAACjB,MAAM,CAAC"}

package/dist/legacy/NavigationSlider/Header/index.js

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

package/dist/legacy/NavigationSlider/Header/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["default"],"sources":["../../../../src/NavigationSlider/Header/index.js"],"sourcesContent":["export { default } from \"./Header\";\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,UAAU"}

package/dist/legacy/NavigationSlider/Header/styles.js

@@ -1,29 +0,0 @@
-import { makeStyles } from "@mui/styles";
-var styles = function styles(props) {
-  return makeStyles(function (theme) {
-    return {
-      menuContainer: {
-        display: "grid",
-        gridTemplateColumns: "min-content auto",
-        minHeight: props.headerHeight,
-        boxShadow: "inset 0 5px 5px -3px rgb(65 65 65 / 12%)"
-      },
-      button: {
-        display: "flex",
-        alignItems: "center"
-      },
-      title: {
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        minHeight: theme.hv.spacing.sm,
-        padding: theme.hvSpacing(0, "xs")
-      },
-      justifyContentCenter: {
-        justifyContent: "center"
-      }
-    };
-  });
-};
-export default styles;
-//# sourceMappingURL=styles.js.map

package/dist/legacy/NavigationSlider/Header/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","names":["makeStyles","styles","props","theme","menuContainer","display","gridTemplateColumns","minHeight","headerHeight","boxShadow","button","alignItems","title","justifyContent","hv","spacing","sm","padding","hvSpacing","justifyContentCenter"],"sources":["../../../../src/NavigationSlider/Header/styles.js"],"sourcesContent":["import { makeStyles } from \"@mui/styles\";\n\nconst styles = (props) =>\n  makeStyles((theme) => ({\n    menuContainer: {\n      display: \"grid\",\n      gridTemplateColumns: \"min-content auto\",\n      minHeight: props.headerHeight,\n      boxShadow: \"inset 0 5px 5px -3px rgb(65 65 65 / 12%)\",\n    },\n    button: {\n      display: \"flex\",\n      alignItems: \"center\",\n    },\n    title: {\n      display: \"flex\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n      minHeight: theme.hv.spacing.sm,\n      padding: theme.hvSpacing(0, \"xs\"),\n    },\n    justifyContentCenter: { justifyContent: \"center\" },\n  }));\n\nexport default styles;\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,aAAa;AAExC,IAAMC,MAAM,GAAG,SAATA,MAAM,CAAIC,KAAK;EAAA,OACnBF,UAAU,CAAC,UAACG,KAAK;IAAA,OAAM;MACrBC,aAAa,EAAE;QACbC,OAAO,EAAE,MAAM;QACfC,mBAAmB,EAAE,kBAAkB;QACvCC,SAAS,EAAEL,KAAK,CAACM,YAAY;QAC7BC,SAAS,EAAE;MACb,CAAC;MACDC,MAAM,EAAE;QACNL,OAAO,EAAE,MAAM;QACfM,UAAU,EAAE;MACd,CAAC;MACDC,KAAK,EAAE;QACLP,OAAO,EAAE,MAAM;QACfM,UAAU,EAAE,QAAQ;QACpBE,cAAc,EAAE,QAAQ;QACxBN,SAAS,EAAEJ,KAAK,CAACW,EAAE,CAACC,OAAO,CAACC,EAAE;QAC9BC,OAAO,EAAEd,KAAK,CAACe,SAAS,CAAC,CAAC,EAAE,IAAI;MAClC,CAAC;MACDC,oBAAoB,EAAE;QAAEN,cAAc,EAAE;MAAS;IACnD,CAAC;EAAA,CAAC,CAAC;AAAA;AAEL,eAAeZ,MAAM"}

package/dist/legacy/NavigationSlider/Navigation/Navigation.js

@@ -1,94 +0,0 @@
-var _DropRightXS, _div;
-import "core-js/modules/es.array.map.js";
-import React from "react";
-import { withStyles } from "@mui/styles";
-import PropTypes from "prop-types";
-import { HvListContainer, HvListItem, HvButton } from "@hitachivantara/uikit-react-core";
-import { DropRightXS } from "@hitachivantara/uikit-react-icons";
-import styles from "./styles";
-import { jsx as _jsx } from "react/jsx-runtime";
-var Navigation = function Navigation(_ref) {
-  var id = _ref.id,
-    classes = _ref.classes,
-    data = _ref.data,
-    selected = _ref.selected,
-    onNavigateToTarget = _ref.onNavigateToTarget,
-    onNavigateToChild = _ref.onNavigateToChild;
-  return /*#__PURE__*/_jsx(HvListContainer, {
-    interactive: true,
-    id: id,
-    children: data.map(function (item) {
-      return /*#__PURE__*/_jsx(HvListItem, {
-        classes: {
-          root: classes.listItemRoot,
-          selected: classes.listItemSelected
-        },
-        onClick: function onClick(event) {
-          return onNavigateToTarget(event, item);
-        },
-        selected: selected === item.id,
-        startAdornment: item.icon,
-        endAdornment: item.data && item.data.length > 0 ? /*#__PURE__*/_jsx(HvButton, {
-          icon: true,
-          onClick: function onClick(event) {
-            return onNavigateToChild(event, item);
-          },
-          children: _DropRightXS || (_DropRightXS = /*#__PURE__*/_jsx(DropRightXS, {}))
-        }) : _div || (_div = /*#__PURE__*/_jsx("div", {})),
-        children: /*#__PURE__*/_jsx("span", {
-          children: item.label
-        })
-      }, item.id);
-    })
-  });
-};
-process.env.NODE_ENV !== "production" ? Navigation.propTypes = {
-  /**
-   * Id to be applied to the root node of the panel.
-   */
-  id: PropTypes.string,
-  /**
-   * A Jss Object used to override or extend the styles applied.
-   */
-  classes: PropTypes.shape({
-    /**
-     * styles object applied to the root
-     */
-    listItemRoot: PropTypes.string,
-    listItemSelected: PropTypes.string
-  }).isRequired,
-  /**
-   * An array containing the data for each menu item.
-   *
-   * id - the id to be applied to the root element.
-   * label - the label to be rendered on the menu item.
-   * icon - the icon react element
-   * data - sub-menu items
-   * href - the url used for navigation.
-   * target - the behavior when opening an url.
-   */
-  data: PropTypes.arrayOf(PropTypes.shape({
-    id: PropTypes.string.isRequired,
-    label: PropTypes.string.isRequired,
-    icon: PropTypes.node,
-    data: PropTypes.array,
-    href: PropTypes.string,
-    target: PropTypes.string
-  })).isRequired,
-  /**
-   * The selected item id.
-   */
-  selected: PropTypes.string,
-  /**
-   * Triggered when the item is clicked.
-   */
-  onNavigateToTarget: PropTypes.func,
-  /**
-   * Triggered when the navigate to child button is clicked.
-   */
-  onNavigateToChild: PropTypes.func
-} : void 0;
-export default withStyles(styles, {
-  name: "Navigation"
-})(Navigation);
-//# sourceMappingURL=Navigation.js.map

package/dist/legacy/NavigationSlider/Navigation/Navigation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Navigation.js","names":["React","withStyles","PropTypes","HvListContainer","HvListItem","HvButton","DropRightXS","styles","Navigation","id","classes","data","selected","onNavigateToTarget","onNavigateToChild","map","item","root","listItemRoot","listItemSelected","event","icon","length","label","propTypes","string","shape","isRequired","arrayOf","node","array","href","target","func","name"],"sources":["../../../../src/NavigationSlider/Navigation/Navigation.js"],"sourcesContent":["import React from \"react\";\nimport { withStyles } from \"@mui/styles\";\nimport PropTypes from \"prop-types\";\n\nimport { HvListContainer, HvListItem, HvButton } from \"@hitachivantara/uikit-react-core\";\nimport { DropRightXS } from \"@hitachivantara/uikit-react-icons\";\n\nimport styles from \"./styles\";\n\nconst Navigation = ({ id, classes, data, selected, onNavigateToTarget, onNavigateToChild }) => {\n  return (\n    <HvListContainer interactive id={id}>\n      {data.map((item) => (\n        <HvListItem\n          key={item.id}\n          classes={{\n            root: classes.listItemRoot,\n            selected: classes.listItemSelected,\n          }}\n          onClick={(event) => onNavigateToTarget(event, item)}\n          selected={selected === item.id}\n          startAdornment={item.icon}\n          endAdornment={\n            item.data && item.data.length > 0 ? (\n              <HvButton icon onClick={(event) => onNavigateToChild(event, item)}>\n                <DropRightXS />\n              </HvButton>\n            ) : (\n              <div />\n            )\n          }\n        >\n          <span>{item.label}</span>\n        </HvListItem>\n      ))}\n    </HvListContainer>\n  );\n};\n\nNavigation.propTypes = {\n  /**\n   * Id to be applied to the root node of the panel.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * styles object applied to the root\n     */\n    listItemRoot: PropTypes.string,\n    listItemSelected: PropTypes.string,\n  }).isRequired,\n  /**\n   * An array containing the data for each menu item.\n   *\n   * id - the id to be applied to the root element.\n   * label - the label to be rendered on the menu item.\n   * icon - the icon react element\n   * data - sub-menu items\n   * href - the url used for navigation.\n   * target - the behavior when opening an url.\n   */\n  data: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      label: PropTypes.string.isRequired,\n      icon: PropTypes.node,\n      data: PropTypes.array,\n      href: PropTypes.string,\n      target: PropTypes.string,\n    })\n  ).isRequired,\n  /**\n   * The selected item id.\n   */\n  selected: PropTypes.string,\n  /**\n   * Triggered when the item is clicked.\n   */\n  onNavigateToTarget: PropTypes.func,\n  /**\n   * Triggered when the navigate to child button is clicked.\n   */\n  onNavigateToChild: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"Navigation\" })(Navigation);\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,aAAa;AACxC,OAAOC,SAAS,MAAM,YAAY;AAElC,SAASC,eAAe,EAAEC,UAAU,EAAEC,QAAQ,QAAQ,kCAAkC;AACxF,SAASC,WAAW,QAAQ,mCAAmC;AAE/D,OAAOC,MAAM,MAAM,UAAU;AAAC;AAE9B,IAAMC,UAAU,GAAG,SAAbA,UAAU,OAA+E;EAAA,IAAzEC,EAAE,QAAFA,EAAE;IAAEC,OAAO,QAAPA,OAAO;IAAEC,IAAI,QAAJA,IAAI;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,kBAAkB,QAAlBA,kBAAkB;IAAEC,iBAAiB,QAAjBA,iBAAiB;EACtF,oBACE,KAAC,eAAe;IAAC,WAAW;IAAC,EAAE,EAAEL,EAAG;IAAA,UACjCE,IAAI,CAACI,GAAG,CAAC,UAACC,IAAI;MAAA,oBACb,KAAC,UAAU;QAET,OAAO,EAAE;UACPC,IAAI,EAAEP,OAAO,CAACQ,YAAY;UAC1BN,QAAQ,EAAEF,OAAO,CAACS;QACpB,CAAE;QACF,OAAO,EAAE,iBAACC,KAAK;UAAA,OAAKP,kBAAkB,CAACO,KAAK,EAAEJ,IAAI,CAAC;QAAA,CAAC;QACpD,QAAQ,EAAEJ,QAAQ,KAAKI,IAAI,CAACP,EAAG;QAC/B,cAAc,EAAEO,IAAI,CAACK,IAAK;QAC1B,YAAY,EACVL,IAAI,CAACL,IAAI,IAAIK,IAAI,CAACL,IAAI,CAACW,MAAM,GAAG,CAAC,gBAC/B,KAAC,QAAQ;UAAC,IAAI;UAAC,OAAO,EAAE,iBAACF,KAAK;YAAA,OAAKN,iBAAiB,CAACM,KAAK,EAAEJ,IAAI,CAAC;UAAA,CAAC;UAAA,uDAChE,KAAC,WAAW,KAAG;QAAA,EACN,gCAEX,eAAO,CAEV;QAAA,uBAED;UAAA,UAAOA,IAAI,CAACO;QAAK;MAAQ,GAlBpBP,IAAI,CAACP,EAAE,CAmBD;IAAA,CACd;EAAC,EACc;AAEtB,CAAC;AAED,wCAAAD,UAAU,CAACgB,SAAS,GAAG;EACrB;AACF;AACA;EACEf,EAAE,EAAEP,SAAS,CAACuB,MAAM;EACpB;AACF;AACA;EACEf,OAAO,EAAER,SAAS,CAACwB,KAAK,CAAC;IACvB;AACJ;AACA;IACIR,YAAY,EAAEhB,SAAS,CAACuB,MAAM;IAC9BN,gBAAgB,EAAEjB,SAAS,CAACuB;EAC9B,CAAC,CAAC,CAACE,UAAU;EACb;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACEhB,IAAI,EAAET,SAAS,CAAC0B,OAAO,CACrB1B,SAAS,CAACwB,KAAK,CAAC;IACdjB,EAAE,EAAEP,SAAS,CAACuB,MAAM,CAACE,UAAU;IAC/BJ,KAAK,EAAErB,SAAS,CAACuB,MAAM,CAACE,UAAU;IAClCN,IAAI,EAAEnB,SAAS,CAAC2B,IAAI;IACpBlB,IAAI,EAAET,SAAS,CAAC4B,KAAK;IACrBC,IAAI,EAAE7B,SAAS,CAACuB,MAAM;IACtBO,MAAM,EAAE9B,SAAS,CAACuB;EACpB,CAAC,CAAC,CACH,CAACE,UAAU;EACZ;AACF;AACA;EACEf,QAAQ,EAAEV,SAAS,CAACuB,MAAM;EAC1B;AACF;AACA;EACEZ,kBAAkB,EAAEX,SAAS,CAAC+B,IAAI;EAClC;AACF;AACA;EACEnB,iBAAiB,EAAEZ,SAAS,CAAC+B;AAC/B,CAAC;AAED,eAAehC,UAAU,CAACM,MAAM,EAAE;EAAE2B,IAAI,EAAE;AAAa,CAAC,CAAC,CAAC1B,UAAU,CAAC"}