@hitachivantara/uikit-react-core 2.23.2

package/dist/modern/VerticalNavigation/TreeView/utils/NodeTreeMapUtils.js

@@ -0,0 +1,50 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _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; }
+
+export default class NodeTreeMapUtils {
+  static addNodeToNodeMap(nodeMap, nodeId, childrenIds, nodeData) {
+    const newMap = _objectSpread({}, nodeMap);
+
+    const currentMap = newMap[nodeId];
+    newMap[nodeId] = _objectSpread(_objectSpread({}, currentMap), {}, {
+      children: childrenIds
+    }, nodeData);
+    childrenIds.forEach(childId => {
+      const currentChildMap = newMap[childId]; // eslint-disable-next-line no-param-reassign
+
+      newMap[childId] = _objectSpread(_objectSpread({}, currentChildMap), {}, {
+        parent: nodeId
+      });
+    });
+    return newMap;
+  }
+
+  static removeNodeFromNodeMap(nodeMap, nodeId) {
+    const node = nodeMap[nodeId];
+
+    if (node) {
+      const newMap = _objectSpread({}, nodeMap);
+
+      if (node.parent) {
+        const parentNode = newMap[node.parent];
+
+        if (parentNode && parentNode.children) {
+          const parentChildren = parentNode.children.filter(c => c !== nodeId);
+          newMap[node.parent] = _objectSpread(_objectSpread({}, parentNode), {}, {
+            children: parentChildren
+          });
+        }
+      }
+
+      delete newMap[nodeId];
+      return newMap;
+    }
+
+    return nodeMap;
+  }
+
+}
+//# sourceMappingURL=NodeTreeMapUtils.js.map

package/dist/modern/VerticalNavigation/TreeView/utils/NodeTreeMapUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NodeTreeMapUtils.js","names":["NodeTreeMapUtils","addNodeToNodeMap","nodeMap","nodeId","childrenIds","nodeData","newMap","currentMap","children","forEach","childId","currentChildMap","parent","removeNodeFromNodeMap","node","parentNode","parentChildren","filter","c"],"sources":["../../../../../src/VerticalNavigation/TreeView/utils/NodeTreeMapUtils.js"],"sourcesContent":["export default class NodeTreeMapUtils {\n  static addNodeToNodeMap(nodeMap, nodeId, childrenIds, nodeData) {\n    const newMap = { ...nodeMap };\n\n    const currentMap = newMap[nodeId];\n    newMap[nodeId] = {\n      ...currentMap,\n      children: childrenIds,\n      ...nodeData,\n    };\n    childrenIds.forEach((childId) => {\n      const currentChildMap = newMap[childId];\n      // eslint-disable-next-line no-param-reassign\n      newMap[childId] = {\n        ...currentChildMap,\n        parent: nodeId,\n      };\n    });\n\n    return newMap;\n  }\n\n  static removeNodeFromNodeMap(nodeMap, nodeId) {\n    const node = nodeMap[nodeId];\n    if (node) {\n      const newMap = { ...nodeMap };\n\n      if (node.parent) {\n        const parentNode = newMap[node.parent];\n        if (parentNode && parentNode.children) {\n          const parentChildren = parentNode.children.filter((c) => c !== nodeId);\n          newMap[node.parent] = {\n            ...parentNode,\n            children: parentChildren,\n          };\n        }\n      }\n\n      delete newMap[nodeId];\n\n      return newMap;\n    }\n\n    return nodeMap;\n  }\n}\n"],"mappings":";;;;;;AAAA,eAAe,MAAMA,gBAAN,CAAuB;EACb,OAAhBC,gBAAgB,CAACC,OAAD,EAAUC,MAAV,EAAkBC,WAAlB,EAA+BC,QAA/B,EAAyC;IAC9D,MAAMC,MAAM,qBAAQJ,OAAR,CAAZ;;IAEA,MAAMK,UAAU,GAAGD,MAAM,CAACH,MAAD,CAAzB;IACAG,MAAM,CAACH,MAAD,CAAN,mCACKI,UADL;MAEEC,QAAQ,EAAEJ;IAFZ,GAGKC,QAHL;IAKAD,WAAW,CAACK,OAAZ,CAAqBC,OAAD,IAAa;MAC/B,MAAMC,eAAe,GAAGL,MAAM,CAACI,OAAD,CAA9B,CAD+B,CAE/B;;MACAJ,MAAM,CAACI,OAAD,CAAN,mCACKC,eADL;QAEEC,MAAM,EAAET;MAFV;IAID,CAPD;IASA,OAAOG,MAAP;EACD;;EAE2B,OAArBO,qBAAqB,CAACX,OAAD,EAAUC,MAAV,EAAkB;IAC5C,MAAMW,IAAI,GAAGZ,OAAO,CAACC,MAAD,CAApB;;IACA,IAAIW,IAAJ,EAAU;MACR,MAAMR,MAAM,qBAAQJ,OAAR,CAAZ;;MAEA,IAAIY,IAAI,CAACF,MAAT,EAAiB;QACf,MAAMG,UAAU,GAAGT,MAAM,CAACQ,IAAI,CAACF,MAAN,CAAzB;;QACA,IAAIG,UAAU,IAAIA,UAAU,CAACP,QAA7B,EAAuC;UACrC,MAAMQ,cAAc,GAAGD,UAAU,CAACP,QAAX,CAAoBS,MAApB,CAA4BC,CAAD,IAAOA,CAAC,KAAKf,MAAxC,CAAvB;UACAG,MAAM,CAACQ,IAAI,CAACF,MAAN,CAAN,mCACKG,UADL;YAEEP,QAAQ,EAAEQ;UAFZ;QAID;MACF;;MAED,OAAOV,MAAM,CAACH,MAAD,CAAb;MAEA,OAAOG,MAAP;IACD;;IAED,OAAOJ,OAAP;EACD;;AA5CmC"}

package/dist/modern/VerticalNavigation/TreeView/utils/NodeTreeNavigationUtils.js

@@ -0,0 +1,84 @@
+export default class NodeTreeNavigationUtils {
+  static getNextNode(isExpanded, nodeMap, nodeId, end = false) {
+    const node = nodeMap[nodeId];
+    const parent = nodeMap[node.parent];
+
+    if (!end) {
+      if (node.children && node.children.length > 0 && isExpanded(nodeId)) {
+        return node.children[0];
+      }
+    }
+
+    if (parent) {
+      const nodeIndex = parent.children.indexOf(nodeId);
+      const nextIndex = nodeIndex + 1;
+
+      if (parent.children.length > nextIndex) {
+        return parent.children[nextIndex];
+      }
+
+      if (node.parent !== -1) {
+        return NodeTreeNavigationUtils.getNextNode(isExpanded, nodeMap, node.parent, true);
+      }
+    }
+
+    return null;
+  }
+
+  static getPreviousNode(isExpanded, nodeMap, nodeId) {
+    const node = nodeMap[nodeId];
+    const parent = nodeMap[node.parent];
+
+    if (parent) {
+      const nodeIndex = parent.children.indexOf(nodeId);
+
+      if (nodeIndex > 0) {
+        return NodeTreeNavigationUtils.getLastNode(isExpanded, nodeMap, parent.children[nodeIndex - 1]);
+      }
+
+      if (node.parent !== -1) {
+        return node.parent;
+      }
+    }
+
+    return null;
+  }
+
+  static getLastNode(isExpanded, nodeMap, nodeId = -1) {
+    const node = nodeMap[nodeId];
+    const open = nodeId === -1 || isExpanded(nodeId);
+
+    if (open && node.children && node.children.length > 0) {
+      return NodeTreeNavigationUtils.getLastNode(isExpanded, nodeMap, node.children[node.children.length - 1]);
+    }
+
+    return nodeId;
+  }
+
+  static getNodeByFirstCharacter(nodeMap, visibleNodes, nodeId, char) {
+    const lowercaseChar = char.toLowerCase();
+    let toFocus = null;
+    let useNext = false;
+    visibleNodes.forEach(nId => {
+      const node = nodeMap[nId];
+      const firstChar = node.label.substring(0, 1).toLowerCase();
+
+      if ((!toFocus || useNext) && lowercaseChar === firstChar && nId !== nodeId) {
+        toFocus = nId;
+        useNext = false;
+      }
+
+      if (nId === nodeId) {
+        useNext = true;
+      }
+    });
+
+    if (toFocus) {
+      return toFocus;
+    }
+
+    return null;
+  }
+
+}
+//# sourceMappingURL=NodeTreeNavigationUtils.js.map

package/dist/modern/VerticalNavigation/TreeView/utils/NodeTreeNavigationUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NodeTreeNavigationUtils.js","names":["NodeTreeNavigationUtils","getNextNode","isExpanded","nodeMap","nodeId","end","node","parent","children","length","nodeIndex","indexOf","nextIndex","getPreviousNode","getLastNode","open","getNodeByFirstCharacter","visibleNodes","char","lowercaseChar","toLowerCase","toFocus","useNext","forEach","nId","firstChar","label","substring"],"sources":["../../../../../src/VerticalNavigation/TreeView/utils/NodeTreeNavigationUtils.js"],"sourcesContent":["export default class NodeTreeNavigationUtils {\n  static getNextNode(isExpanded, nodeMap, nodeId, end = false) {\n    const node = nodeMap[nodeId];\n    const parent = nodeMap[node.parent];\n\n    if (!end) {\n      if (node.children && node.children.length > 0 && isExpanded(nodeId)) {\n        return node.children[0];\n      }\n    }\n\n    if (parent) {\n      const nodeIndex = parent.children.indexOf(nodeId);\n      const nextIndex = nodeIndex + 1;\n\n      if (parent.children.length > nextIndex) {\n        return parent.children[nextIndex];\n      }\n\n      if (node.parent !== -1) {\n        return NodeTreeNavigationUtils.getNextNode(isExpanded, nodeMap, node.parent, true);\n      }\n    }\n\n    return null;\n  }\n\n  static getPreviousNode(isExpanded, nodeMap, nodeId) {\n    const node = nodeMap[nodeId];\n    const parent = nodeMap[node.parent];\n\n    if (parent) {\n      const nodeIndex = parent.children.indexOf(nodeId);\n\n      if (nodeIndex > 0) {\n        return NodeTreeNavigationUtils.getLastNode(\n          isExpanded,\n          nodeMap,\n          parent.children[nodeIndex - 1]\n        );\n      }\n\n      if (node.parent !== -1) {\n        return node.parent;\n      }\n    }\n\n    return null;\n  }\n\n  static getLastNode(isExpanded, nodeMap, nodeId = -1) {\n    const node = nodeMap[nodeId];\n    const open = nodeId === -1 || isExpanded(nodeId);\n    if (open && node.children && node.children.length > 0) {\n      return NodeTreeNavigationUtils.getLastNode(\n        isExpanded,\n        nodeMap,\n        node.children[node.children.length - 1]\n      );\n    }\n\n    return nodeId;\n  }\n\n  static getNodeByFirstCharacter(nodeMap, visibleNodes, nodeId, char) {\n    const lowercaseChar = char.toLowerCase();\n\n    let toFocus = null;\n    let useNext = false;\n    visibleNodes.forEach((nId) => {\n      const node = nodeMap[nId];\n      const firstChar = node.label.substring(0, 1).toLowerCase();\n\n      if ((!toFocus || useNext) && lowercaseChar === firstChar && nId !== nodeId) {\n        toFocus = nId;\n\n        useNext = false;\n      }\n\n      if (nId === nodeId) {\n        useNext = true;\n      }\n    });\n\n    if (toFocus) {\n      return toFocus;\n    }\n\n    return null;\n  }\n}\n"],"mappings":"AAAA,eAAe,MAAMA,uBAAN,CAA8B;EACzB,OAAXC,WAAW,CAACC,UAAD,EAAaC,OAAb,EAAsBC,MAAtB,EAA8BC,GAAG,GAAG,KAApC,EAA2C;IAC3D,MAAMC,IAAI,GAAGH,OAAO,CAACC,MAAD,CAApB;IACA,MAAMG,MAAM,GAAGJ,OAAO,CAACG,IAAI,CAACC,MAAN,CAAtB;;IAEA,IAAI,CAACF,GAAL,EAAU;MACR,IAAIC,IAAI,CAACE,QAAL,IAAiBF,IAAI,CAACE,QAAL,CAAcC,MAAd,GAAuB,CAAxC,IAA6CP,UAAU,CAACE,MAAD,CAA3D,EAAqE;QACnE,OAAOE,IAAI,CAACE,QAAL,CAAc,CAAd,CAAP;MACD;IACF;;IAED,IAAID,MAAJ,EAAY;MACV,MAAMG,SAAS,GAAGH,MAAM,CAACC,QAAP,CAAgBG,OAAhB,CAAwBP,MAAxB,CAAlB;MACA,MAAMQ,SAAS,GAAGF,SAAS,GAAG,CAA9B;;MAEA,IAAIH,MAAM,CAACC,QAAP,CAAgBC,MAAhB,GAAyBG,SAA7B,EAAwC;QACtC,OAAOL,MAAM,CAACC,QAAP,CAAgBI,SAAhB,CAAP;MACD;;MAED,IAAIN,IAAI,CAACC,MAAL,KAAgB,CAAC,CAArB,EAAwB;QACtB,OAAOP,uBAAuB,CAACC,WAAxB,CAAoCC,UAApC,EAAgDC,OAAhD,EAAyDG,IAAI,CAACC,MAA9D,EAAsE,IAAtE,CAAP;MACD;IACF;;IAED,OAAO,IAAP;EACD;;EAEqB,OAAfM,eAAe,CAACX,UAAD,EAAaC,OAAb,EAAsBC,MAAtB,EAA8B;IAClD,MAAME,IAAI,GAAGH,OAAO,CAACC,MAAD,CAApB;IACA,MAAMG,MAAM,GAAGJ,OAAO,CAACG,IAAI,CAACC,MAAN,CAAtB;;IAEA,IAAIA,MAAJ,EAAY;MACV,MAAMG,SAAS,GAAGH,MAAM,CAACC,QAAP,CAAgBG,OAAhB,CAAwBP,MAAxB,CAAlB;;MAEA,IAAIM,SAAS,GAAG,CAAhB,EAAmB;QACjB,OAAOV,uBAAuB,CAACc,WAAxB,CACLZ,UADK,EAELC,OAFK,EAGLI,MAAM,CAACC,QAAP,CAAgBE,SAAS,GAAG,CAA5B,CAHK,CAAP;MAKD;;MAED,IAAIJ,IAAI,CAACC,MAAL,KAAgB,CAAC,CAArB,EAAwB;QACtB,OAAOD,IAAI,CAACC,MAAZ;MACD;IACF;;IAED,OAAO,IAAP;EACD;;EAEiB,OAAXO,WAAW,CAACZ,UAAD,EAAaC,OAAb,EAAsBC,MAAM,GAAG,CAAC,CAAhC,EAAmC;IACnD,MAAME,IAAI,GAAGH,OAAO,CAACC,MAAD,CAApB;IACA,MAAMW,IAAI,GAAGX,MAAM,KAAK,CAAC,CAAZ,IAAiBF,UAAU,CAACE,MAAD,CAAxC;;IACA,IAAIW,IAAI,IAAIT,IAAI,CAACE,QAAb,IAAyBF,IAAI,CAACE,QAAL,CAAcC,MAAd,GAAuB,CAApD,EAAuD;MACrD,OAAOT,uBAAuB,CAACc,WAAxB,CACLZ,UADK,EAELC,OAFK,EAGLG,IAAI,CAACE,QAAL,CAAcF,IAAI,CAACE,QAAL,CAAcC,MAAd,GAAuB,CAArC,CAHK,CAAP;IAKD;;IAED,OAAOL,MAAP;EACD;;EAE6B,OAAvBY,uBAAuB,CAACb,OAAD,EAAUc,YAAV,EAAwBb,MAAxB,EAAgCc,IAAhC,EAAsC;IAClE,MAAMC,aAAa,GAAGD,IAAI,CAACE,WAAL,EAAtB;IAEA,IAAIC,OAAO,GAAG,IAAd;IACA,IAAIC,OAAO,GAAG,KAAd;IACAL,YAAY,CAACM,OAAb,CAAsBC,GAAD,IAAS;MAC5B,MAAMlB,IAAI,GAAGH,OAAO,CAACqB,GAAD,CAApB;MACA,MAAMC,SAAS,GAAGnB,IAAI,CAACoB,KAAL,CAAWC,SAAX,CAAqB,CAArB,EAAwB,CAAxB,EAA2BP,WAA3B,EAAlB;;MAEA,IAAI,CAAC,CAACC,OAAD,IAAYC,OAAb,KAAyBH,aAAa,KAAKM,SAA3C,IAAwDD,GAAG,KAAKpB,MAApE,EAA4E;QAC1EiB,OAAO,GAAGG,GAAV;QAEAF,OAAO,GAAG,KAAV;MACD;;MAED,IAAIE,GAAG,KAAKpB,MAAZ,EAAoB;QAClBkB,OAAO,GAAG,IAAV;MACD;IACF,CAbD;;IAeA,IAAID,OAAJ,EAAa;MACX,OAAOA,OAAP;IACD;;IAED,OAAO,IAAP;EACD;;AAzF0C"}

package/dist/modern/VerticalNavigation/TreeView/utils/index.js

@@ -0,0 +1,4 @@
+export { default as NodeTreeMapUtils } from "./NodeTreeMapUtils";
+export { default as NodeTreeExpandUtils } from "./NodeTreeExpandUtils";
+export { default as NodeTreeNavigationUtils } from "./NodeTreeNavigationUtils";
+//# sourceMappingURL=index.js.map

package/dist/modern/VerticalNavigation/TreeView/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default","NodeTreeMapUtils","NodeTreeExpandUtils","NodeTreeNavigationUtils"],"sources":["../../../../../src/VerticalNavigation/TreeView/utils/index.js"],"sourcesContent":["export { default as NodeTreeMapUtils } from \"./NodeTreeMapUtils\";\nexport { default as NodeTreeExpandUtils } from \"./NodeTreeExpandUtils\";\nexport { default as NodeTreeNavigationUtils } from \"./NodeTreeNavigationUtils\";\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,gBAApB,QAA4C,oBAA5C;AACA,SAASD,OAAO,IAAIE,mBAApB,QAA+C,uBAA/C;AACA,SAASF,OAAO,IAAIG,uBAApB,QAAmD,2BAAnD"}

package/dist/modern/VerticalNavigation/VerticalContainer/VerticalContainer.d.ts

@@ -0,0 +1,51 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+
+export interface HvVerticalNavigationContainerProps
+  extends StandardProps<
+    React.HTMLAttributes<HTMLDivElement>,
+    HvVerticalNavigationContainerClassKey
+  > {
+  /**
+   * Position of the component.
+   */
+  position?: "static" | "relative" | "fixed" | "absolute";
+
+  /**
+   * Defines if a anchor bar is visible,
+   */
+  isAnchorBarVisible?: boolean;
+  /**
+   * Is the navigation open.
+   */
+  isOpen?: boolean;
+  /**
+   * Aria-label for the button.
+   */
+  buttonAriaLabel?: string;
+  /**
+   * Callback when the navigation toggles between open and close.
+   */
+  toggleOpenCallback?: (open: boolean) => void;
+  /**
+   * Defines if the content pane should close when losing focus / clicking outside.
+   */
+  closeOnExit?: boolean;
+}
+
+export type HvVerticalNavigationContainerClassKey =
+  | "root"
+  | "fixed"
+  | "relative"
+  | "absolute"
+  | "static"
+  | "withAnchorBar"
+  | "verticalContainer"
+  | "anchorBar"
+  | "button"
+  | "separator"
+  | "contentContainer";
+
+export default function HvVerticalNavigationContainer(
+  props: HvVerticalNavigationContainerProps
+): JSX.Element | null;

package/dist/modern/VerticalNavigation/VerticalContainer/VerticalContainer.js

@@ -0,0 +1,245 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+
+var _Menu;
+
+const _excluded = ["id", "className", "classes", "isAnchorBarVisible", "isOpen", "toggleOpenCallback", "buttonAriaLabel", "children", "position", "closeOnExit"];
+import "core-js/modules/web.dom-collections.iterator.js";
+import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import PropTypes from "prop-types";
+import isNil from "lodash/isNil";
+import { ClickAwayListener, withStyles } from "@material-ui/core";
+import clsx from "clsx";
+import { Menu } from "@hitachivantara/uikit-react-icons";
+import { isKeypress, KeyboardCodes } from "../../utils/KeyboardUtils";
+import Button from "../../Button";
+import { setId } from "../../utils";
+import { getFirstAndLastFocus } from "../../utils/focusableElementFinder";
+import styles from "./styles";
+/**
+ * Vertical Container.
+ *
+ * @constructor
+ */
+
+const VerticalContainer = _ref => {
+  let {
+    id,
+    className,
+    classes,
+    isAnchorBarVisible = true,
+    isOpen = false,
+    toggleOpenCallback,
+    buttonAriaLabel,
+    children,
+    position = "static",
+    closeOnExit
+  } = _ref,
+      others = _objectWithoutProperties(_ref, _excluded);
+
+  const [open, setOpen] = useState(isOpen);
+  const [prevPropOpen, setPrevPropOpen] = useState(null);
+  const containerRef = useRef(null);
+  const buttonRef = useRef(null);
+  const focusableList = useRef(null);
+
+  if (isOpen !== prevPropOpen) {
+    setOpen(isOpen);
+    setPrevPropOpen(isOpen);
+  }
+  /**
+   * Fills the object with the first and last focusable element inside the container.
+   * When the container is open the first focusable element is focus.
+   */
+
+
+  useEffect(() => {
+    setTimeout(() => {
+      if (open) {
+        focusableList.current = getFirstAndLastFocus(containerRef.current);
+      }
+    });
+  }, [open]);
+  /**
+   * Toggle the open state based on the received paramenter.
+   *
+   * @type {(...args: any[]) => any}
+   */
+
+  const toggleOpen = useCallback((newState = null) => {
+    if (newState !== null) {
+      if (newState !== open) {
+        setOpen(newState);
+      } else {
+        return;
+      }
+    } else {
+      setOpen(prevState => !prevState);
+    }
+
+    toggleOpenCallback === null || toggleOpenCallback === void 0 ? void 0 : toggleOpenCallback(open);
+  }, [toggleOpenCallback, open]);
+  /**
+   * Handler of keyboard clicks.
+   */
+
+  const handlerKeyContainer = useCallback(event => {
+    if (closeOnExit) {
+      if (isKeypress(event, KeyboardCodes.Tab) && !isNil(event.target) && !isNil(focusableList.current) && !isNil(focusableList.current.first)) {
+        if (event.shiftKey && event.target.id === focusableList.current.first.id || !event.shiftKey && event.target.id === focusableList.current.last.id) {
+          toggleOpen(false);
+        }
+      }
+
+      if (isKeypress(event, KeyboardCodes.Esc) === false) {
+        return;
+      }
+
+      buttonRef.current.focus();
+      toggleOpen(false);
+    }
+  }, [closeOnExit, toggleOpen]);
+  const renderedAnchorBar = useMemo(() => /*#__PURE__*/React.createElement("div", {
+    id: setId(id, "anchor-bar"),
+    className: classes.anchorBar
+  }, /*#__PURE__*/React.createElement(Button, {
+    id: setId(id, "hamburger-button"),
+    className: classes.button,
+    buttonRef: buttonRef,
+    onClick: () => toggleOpen(),
+    "aria-label": buttonAriaLabel || open && "close" || !open && "open",
+    category: "icon"
+  }, _Menu || (_Menu = /*#__PURE__*/React.createElement(Menu, null)))), [buttonAriaLabel, classes.anchorBar, classes.button, id, open, toggleOpen]);
+  const renderedContainer = useMemo(() => /*#__PURE__*/React.createElement(React.Fragment, null, isAnchorBarVisible && /*#__PURE__*/React.createElement("div", {
+    className: classes.separator
+  }), /*#__PURE__*/React.createElement("div", {
+    id: setId(id, "container"),
+    ref: containerRef,
+    className: classes.contentContainer,
+    onKeyDown: handlerKeyContainer
+  }, children)), [children, classes.contentContainer, classes.separator, handlerKeyContainer, id, isAnchorBarVisible]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: clsx(className, classes.root, isAnchorBarVisible && classes.withAnchorBar, {
+      "static": classes.static,
+      "relative": classes.relative,
+      "fixed": classes.fixed,
+      "absolute": classes.absolute
+    }[position])
+  }, /*#__PURE__*/React.createElement(ClickAwayListener, {
+    onClickAway: () => closeOnExit && toggleOpen(false)
+  }, /*#__PURE__*/React.createElement("div", _extends({
+    id: id,
+    className: classes.verticalContainer
+  }, others), isAnchorBarVisible && renderedAnchorBar, open && renderedContainer)));
+};
+
+process.env.NODE_ENV !== "production" ? VerticalContainer.propTypes = {
+  /**
+   * Identifier.
+   */
+  id: PropTypes.string,
+
+  /**
+   * Class names to be applied.
+   */
+  className: PropTypes.string,
+
+  /**
+   * Styles applied to the element.
+   */
+  classes: PropTypes.shape({
+    /**
+     *  Styles applied to the root container.
+     */
+    root: PropTypes.string,
+
+    /**
+     * Styles applied when the component is in fixed positioning.
+     */
+    fixed: PropTypes.string,
+
+    /**
+     * Styles applied when the component is in relative positioning.
+     */
+    relative: PropTypes.string,
+
+    /**
+     * Styles applied when the component is in absolute positioning.
+     */
+    absolute: PropTypes.string,
+
+    /**
+     * Styles applied when the component is in static positioning.
+     */
+    static: PropTypes.string,
+
+    /**
+     * Styles applied when the component has anchor bar.
+     */
+    withAnchorBar: PropTypes.string,
+
+    /**
+     *  Styles applied to the vertical container.
+     */
+    verticalContainer: PropTypes.string,
+
+    /**
+     *  Styles applied to the anchor bar.
+     */
+    anchorBar: PropTypes.string,
+
+    /**
+     *  Styles applied to the button.
+     */
+    button: PropTypes.string,
+
+    /**
+     *  Styles applied to the separator.
+     */
+    separator: PropTypes.string,
+
+    /**
+     *  Styles applied to the content container.
+     */
+    contentContainer: PropTypes.string
+  }).isRequired,
+
+  /**
+   * Position of the component.
+   */
+  position: PropTypes.oneOf(["static", "relative", "fixed", "absolute"]),
+
+  /**
+   * Defines if a anchor bar is visible,
+   */
+  isAnchorBarVisible: PropTypes.bool,
+
+  /**
+   * Is the navigation open.
+   */
+  isOpen: PropTypes.bool,
+
+  /**
+   * Aria-label for the button.
+   */
+  buttonAriaLabel: PropTypes.string,
+
+  /**
+   * Children component.
+   */
+  children: PropTypes.node.isRequired,
+
+  /**
+   * Callback when the navigation toggles between open and close.
+   */
+  toggleOpenCallback: PropTypes.func,
+
+  /**
+   * Defines if the content pane should close when losing focus / clicking outside.
+   */
+  closeOnExit: PropTypes.bool
+} : void 0;
+export default withStyles(styles, {
+  name: "HvVerticalNavigationVerticalContainer"
+})(VerticalContainer);
+//# sourceMappingURL=VerticalContainer.js.map

package/dist/modern/VerticalNavigation/VerticalContainer/VerticalContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VerticalContainer.js","names":["React","useCallback","useEffect","useMemo","useRef","useState","PropTypes","isNil","ClickAwayListener","withStyles","clsx","Menu","isKeypress","KeyboardCodes","Button","setId","getFirstAndLastFocus","styles","VerticalContainer","id","className","classes","isAnchorBarVisible","isOpen","toggleOpenCallback","buttonAriaLabel","children","position","closeOnExit","others","open","setOpen","prevPropOpen","setPrevPropOpen","containerRef","buttonRef","focusableList","setTimeout","current","toggleOpen","newState","prevState","handlerKeyContainer","event","Tab","target","first","shiftKey","last","Esc","focus","renderedAnchorBar","anchorBar","button","renderedContainer","separator","contentContainer","root","withAnchorBar","static","relative","fixed","absolute","verticalContainer","propTypes","string","shape","isRequired","oneOf","bool","node","func","name"],"sources":["../../../../src/VerticalNavigation/VerticalContainer/VerticalContainer.js"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport isNil from \"lodash/isNil\";\nimport { ClickAwayListener, withStyles } from \"@material-ui/core\";\nimport clsx from \"clsx\";\nimport { Menu } from \"@hitachivantara/uikit-react-icons\";\nimport { isKeypress, KeyboardCodes } from \"../../utils/KeyboardUtils\";\nimport Button from \"../../Button\";\nimport { setId } from \"../../utils\";\nimport { getFirstAndLastFocus } from \"../../utils/focusableElementFinder\";\n\nimport styles from \"./styles\";\n\n/**\n * Vertical Container.\n *\n * @constructor\n */\nconst VerticalContainer = ({\n  id,\n  className,\n  classes,\n  isAnchorBarVisible = true,\n  isOpen = false,\n  toggleOpenCallback,\n  buttonAriaLabel,\n  children,\n  position = \"static\",\n  closeOnExit,\n  ...others\n}) => {\n  const [open, setOpen] = useState(isOpen);\n  const [prevPropOpen, setPrevPropOpen] = useState(null);\n  const containerRef = useRef(null);\n  const buttonRef = useRef(null);\n  const focusableList = useRef(null);\n\n  if (isOpen !== prevPropOpen) {\n    setOpen(isOpen);\n    setPrevPropOpen(isOpen);\n  }\n\n  /**\n   * Fills the object with the first and last focusable element inside the container.\n   * When the container is open the first focusable element is focus.\n   */\n  useEffect(() => {\n    setTimeout(() => {\n      if (open) {\n        focusableList.current = getFirstAndLastFocus(containerRef.current);\n      }\n    });\n  }, [open]);\n\n  /**\n   * Toggle the open state based on the received paramenter.\n   *\n   * @type {(...args: any[]) => any}\n   */\n  const toggleOpen = useCallback(\n    (newState = null) => {\n      if (newState !== null) {\n        if (newState !== open) {\n          setOpen(newState);\n        } else {\n          return;\n        }\n      } else {\n        setOpen((prevState) => !prevState);\n      }\n      toggleOpenCallback?.(open);\n    },\n    [toggleOpenCallback, open]\n  );\n\n  /**\n   * Handler of keyboard clicks.\n   */\n  const handlerKeyContainer = useCallback(\n    (event) => {\n      if (closeOnExit) {\n        if (\n          isKeypress(event, KeyboardCodes.Tab) &&\n          !isNil(event.target) &&\n          !isNil(focusableList.current) &&\n          !isNil(focusableList.current.first)\n        ) {\n          if (\n            (event.shiftKey && event.target.id === focusableList.current.first.id) ||\n            (!event.shiftKey && event.target.id === focusableList.current.last.id)\n          ) {\n            toggleOpen(false);\n          }\n        }\n        if (isKeypress(event, KeyboardCodes.Esc) === false) {\n          return;\n        }\n        buttonRef.current.focus();\n        toggleOpen(false);\n      }\n    },\n    [closeOnExit, toggleOpen]\n  );\n  const renderedAnchorBar = useMemo(\n    () => (\n      <div id={setId(id, \"anchor-bar\")} className={classes.anchorBar}>\n        <Button\n          id={setId(id, \"hamburger-button\")}\n          className={classes.button}\n          buttonRef={buttonRef}\n          onClick={() => toggleOpen()}\n          aria-label={buttonAriaLabel || (open && \"close\") || (!open && \"open\")}\n          category=\"icon\"\n        >\n          <Menu />\n        </Button>\n      </div>\n    ),\n    [buttonAriaLabel, classes.anchorBar, classes.button, id, open, toggleOpen]\n  );\n\n  const renderedContainer = useMemo(\n    () => (\n      <>\n        {isAnchorBarVisible && <div className={classes.separator} />}\n        {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}\n        <div\n          id={setId(id, \"container\")}\n          ref={containerRef}\n          className={classes.contentContainer}\n          onKeyDown={handlerKeyContainer}\n        >\n          {children}\n        </div>\n      </>\n    ),\n    [\n      children,\n      classes.contentContainer,\n      classes.separator,\n      handlerKeyContainer,\n      id,\n      isAnchorBarVisible,\n    ]\n  );\n\n  return (\n    <div\n      className={clsx(className, classes.root, {\n        [classes.withAnchorBar]: isAnchorBarVisible,\n        [classes.static]: position === \"static\",\n        [classes.relative]: position === \"relative\",\n        [classes.fixed]: position === \"fixed\",\n        [classes.absolute]: position === \"absolute\",\n      })}\n    >\n      <ClickAwayListener onClickAway={() => closeOnExit && toggleOpen(false)}>\n        <div id={id} className={classes.verticalContainer} {...others}>\n          {isAnchorBarVisible && renderedAnchorBar}\n          {open && renderedContainer}\n        </div>\n      </ClickAwayListener>\n    </div>\n  );\n};\n\nVerticalContainer.propTypes = {\n  /**\n   * Identifier.\n   */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Styles applied to the element.\n   */\n  classes: PropTypes.shape({\n    /**\n     *  Styles applied to the root container.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied when the component is in fixed positioning.\n     */\n    fixed: PropTypes.string,\n    /**\n     * Styles applied when the component is in relative positioning.\n     */\n    relative: PropTypes.string,\n    /**\n     * Styles applied when the component is in absolute positioning.\n     */\n    absolute: PropTypes.string,\n    /**\n     * Styles applied when the component is in static positioning.\n     */\n    static: PropTypes.string,\n    /**\n     * Styles applied when the component has anchor bar.\n     */\n    withAnchorBar: PropTypes.string,\n    /**\n     *  Styles applied to the vertical container.\n     */\n    verticalContainer: PropTypes.string,\n    /**\n     *  Styles applied to the anchor bar.\n     */\n    anchorBar: PropTypes.string,\n    /**\n     *  Styles applied to the button.\n     */\n    button: PropTypes.string,\n    /**\n     *  Styles applied to the separator.\n     */\n    separator: PropTypes.string,\n    /**\n     *  Styles applied to the content container.\n     */\n    contentContainer: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Position of the component.\n   */\n  position: PropTypes.oneOf([\"static\", \"relative\", \"fixed\", \"absolute\"]),\n\n  /**\n   * Defines if a anchor bar is visible,\n   */\n  isAnchorBarVisible: PropTypes.bool,\n  /**\n   * Is the navigation open.\n   */\n  isOpen: PropTypes.bool,\n  /**\n   * Aria-label for the button.\n   */\n  buttonAriaLabel: PropTypes.string,\n  /**\n   * Children component.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * Callback when the navigation toggles between open and close.\n   */\n  toggleOpenCallback: PropTypes.func,\n  /**\n   * Defines if the content pane should close when losing focus / clicking outside.\n   */\n  closeOnExit: PropTypes.bool,\n};\n\nexport default withStyles(styles, {\n  name: \"HvVerticalNavigationVerticalContainer\",\n})(VerticalContainer);\n"],"mappings":"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"}

package/dist/modern/VerticalNavigation/VerticalContainer/index.d.ts

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

package/dist/modern/VerticalNavigation/VerticalContainer/index.js

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

package/dist/modern/VerticalNavigation/VerticalContainer/index.js.map

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

package/dist/modern/VerticalNavigation/VerticalContainer/styles.js

@@ -0,0 +1,55 @@
+const styles = theme => ({
+  root: {
+    display: "flex",
+    marginTop: "5px",
+    marginBottom: "0px"
+  },
+  fixed: {
+    position: "fixed",
+    zIndex: theme.zIndex.drawer,
+    top: "50px",
+    bottom: 0
+  },
+  relative: {
+    position: "relative",
+    "&$withAnchorBar": {
+      height: "100%"
+    }
+  },
+  absolute: {
+    position: "absolute"
+  },
+  static: {
+    position: "static"
+  },
+  withAnchorBar: {
+    height: "100%"
+  },
+  verticalContainer: {
+    display: "flex",
+    zIndex: 20
+  },
+  anchorBar: {
+    backgroundColor: theme.hv.palette.atmosphere.atmo1,
+    width: "52px",
+    height: "100%",
+    overflow: "hidden",
+    padding: `${theme.hv.spacing.xs}px`
+  },
+  button: {
+    marginTop: `${theme.hv.spacing.xs}px`,
+    minWidth: "32px"
+  },
+  separator: {
+    backgroundColor: theme.hv.palette.atmosphere.atmo2,
+    width: "3px"
+  },
+  contentContainer: {
+    height: "100%",
+    overflow: "auto",
+    backgroundColor: theme.hv.palette.atmosphere.atmo1
+  }
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/modern/VerticalNavigation/VerticalContainer/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","theme","root","display","marginTop","marginBottom","fixed","position","zIndex","drawer","top","bottom","relative","height","absolute","static","withAnchorBar","verticalContainer","anchorBar","backgroundColor","hv","palette","atmosphere","atmo1","width","overflow","padding","spacing","xs","button","minWidth","separator","atmo2","contentContainer"],"sources":["../../../../src/VerticalNavigation/VerticalContainer/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    display: \"flex\",\n    marginTop: \"5px\",\n    marginBottom: \"0px\",\n  },\n  fixed: {\n    position: \"fixed\",\n    zIndex: theme.zIndex.drawer,\n    top: \"50px\",\n    bottom: 0,\n  },\n  relative: {\n    position: \"relative\",\n    \"&$withAnchorBar\": {\n      height: \"100%\",\n    },\n  },\n  absolute: {\n    position: \"absolute\",\n  },\n  static: {\n    position: \"static\",\n  },\n  withAnchorBar: {\n    height: \"100%\",\n  },\n  verticalContainer: {\n    display: \"flex\",\n    zIndex: 20,\n  },\n  anchorBar: {\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n    width: \"52px\",\n    height: \"100%\",\n    overflow: \"hidden\",\n    padding: `${theme.hv.spacing.xs}px`,\n  },\n  button: {\n    marginTop: `${theme.hv.spacing.xs}px`,\n    minWidth: \"32px\",\n  },\n  separator: {\n    backgroundColor: theme.hv.palette.atmosphere.atmo2,\n    width: \"3px\",\n  },\n  contentContainer: {\n    height: \"100%\",\n    overflow: \"auto\",\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;EACzBC,IAAI,EAAE;IACJC,OAAO,EAAE,MADL;IAEJC,SAAS,EAAE,KAFP;IAGJC,YAAY,EAAE;EAHV,CADmB;EAMzBC,KAAK,EAAE;IACLC,QAAQ,EAAE,OADL;IAELC,MAAM,EAAEP,KAAK,CAACO,MAAN,CAAaC,MAFhB;IAGLC,GAAG,EAAE,MAHA;IAILC,MAAM,EAAE;EAJH,CANkB;EAYzBC,QAAQ,EAAE;IACRL,QAAQ,EAAE,UADF;IAER,mBAAmB;MACjBM,MAAM,EAAE;IADS;EAFX,CAZe;EAkBzBC,QAAQ,EAAE;IACRP,QAAQ,EAAE;EADF,CAlBe;EAqBzBQ,MAAM,EAAE;IACNR,QAAQ,EAAE;EADJ,CArBiB;EAwBzBS,aAAa,EAAE;IACbH,MAAM,EAAE;EADK,CAxBU;EA2BzBI,iBAAiB,EAAE;IACjBd,OAAO,EAAE,MADQ;IAEjBK,MAAM,EAAE;EAFS,CA3BM;EA+BzBU,SAAS,EAAE;IACTC,eAAe,EAAElB,KAAK,CAACmB,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KADpC;IAETC,KAAK,EAAE,MAFE;IAGTX,MAAM,EAAE,MAHC;IAITY,QAAQ,EAAE,QAJD;IAKTC,OAAO,EAAG,GAAEzB,KAAK,CAACmB,EAAN,CAASO,OAAT,CAAiBC,EAAG;EALvB,CA/Bc;EAsCzBC,MAAM,EAAE;IACNzB,SAAS,EAAG,GAAEH,KAAK,CAACmB,EAAN,CAASO,OAAT,CAAiBC,EAAG,IAD5B;IAENE,QAAQ,EAAE;EAFJ,CAtCiB;EA0CzBC,SAAS,EAAE;IACTZ,eAAe,EAAElB,KAAK,CAACmB,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BU,KADpC;IAETR,KAAK,EAAE;EAFE,CA1Cc;EA8CzBS,gBAAgB,EAAE;IAChBpB,MAAM,EAAE,MADQ;IAEhBY,QAAQ,EAAE,MAFM;IAGhBN,eAAe,EAAElB,KAAK,CAACmB,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;EAH7B;AA9CO,CAAZ,CAAf;;AAqDA,eAAevB,MAAf"}

package/dist/modern/VerticalNavigation/VerticalNavigation.d.ts

@@ -0,0 +1,14 @@
+import { StandardProps } from "@material-ui/core";
+import { HvVerticalNavigationContainerProps } from "./VerticalContainer";
+
+export interface HvVerticalNavigationProps
+  extends StandardProps<HvVerticalNavigationContainerProps, HvVerticalNavigationClassKey> {
+  /**
+   * Sets if the navigation should have a button to hide itself.
+   */
+  isCollapsable?: boolean;
+}
+
+export type HvVerticalNavigationClassKey = "root" | "noCollapse";
+
+export default function HvVerticalNavigation(props: HvVerticalNavigationProps): JSX.Element | null;