@hitachivantara/uikit-react-core 3.52.5

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

@@ -0,0 +1,89 @@
+"use strict";
+
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.array.filter.js");
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var NodeTreeMapUtils = /*#__PURE__*/function () {
+  function NodeTreeMapUtils() {
+    (0, _classCallCheck2.default)(this, NodeTreeMapUtils);
+  }
+
+  (0, _createClass2.default)(NodeTreeMapUtils, null, [{
+    key: "addNodeToNodeMap",
+    value: function addNodeToNodeMap(nodeMap, nodeId, childrenIds, nodeData) {
+      var newMap = _objectSpread({}, nodeMap);
+
+      var currentMap = newMap[nodeId];
+      newMap[nodeId] = _objectSpread(_objectSpread({}, currentMap), {}, {
+        children: childrenIds
+      }, nodeData);
+      childrenIds.forEach(function (childId) {
+        var currentChildMap = newMap[childId]; // eslint-disable-next-line no-param-reassign
+
+        newMap[childId] = _objectSpread(_objectSpread({}, currentChildMap), {}, {
+          parent: nodeId
+        });
+      });
+      return newMap;
+    }
+  }, {
+    key: "removeNodeFromNodeMap",
+    value: function removeNodeFromNodeMap(nodeMap, nodeId) {
+      var node = nodeMap[nodeId];
+
+      if (node) {
+        var newMap = _objectSpread({}, nodeMap);
+
+        if (node.parent) {
+          var parentNode = newMap[node.parent];
+
+          if (parentNode && parentNode.children) {
+            var parentChildren = parentNode.children.filter(function (c) {
+              return c !== nodeId;
+            });
+            newMap[node.parent] = _objectSpread(_objectSpread({}, parentNode), {}, {
+              children: parentChildren
+            });
+          }
+        }
+
+        delete newMap[nodeId];
+        return newMap;
+      }
+
+      return nodeMap;
+    }
+  }]);
+  return NodeTreeMapUtils;
+}();
+
+exports.default = NodeTreeMapUtils;
+//# sourceMappingURL=NodeTreeMapUtils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/VerticalNavigation/TreeView/utils/NodeTreeMapUtils.js"],"names":["NodeTreeMapUtils","nodeMap","nodeId","childrenIds","nodeData","newMap","currentMap","children","forEach","childId","currentChildMap","parent","node","parentNode","parentChildren","filter","c"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAAqBA,gB;;;;;;;WACnB,0BAAwBC,OAAxB,EAAiCC,MAAjC,EAAyCC,WAAzC,EAAsDC,QAAtD,EAAgE;AAC9D,UAAMC,MAAM,qBAAQJ,OAAR,CAAZ;;AAEA,UAAMK,UAAU,GAAGD,MAAM,CAACH,MAAD,CAAzB;AACAG,MAAAA,MAAM,CAACH,MAAD,CAAN,mCACKI,UADL;AAEEC,QAAAA,QAAQ,EAAEJ;AAFZ,SAGKC,QAHL;AAKAD,MAAAA,WAAW,CAACK,OAAZ,CAAoB,UAACC,OAAD,EAAa;AAC/B,YAAMC,eAAe,GAAGL,MAAM,CAACI,OAAD,CAA9B,CAD+B,CAE/B;;AACAJ,QAAAA,MAAM,CAACI,OAAD,CAAN,mCACKC,eADL;AAEEC,UAAAA,MAAM,EAAET;AAFV;AAID,OAPD;AASA,aAAOG,MAAP;AACD;;;WAED,+BAA6BJ,OAA7B,EAAsCC,MAAtC,EAA8C;AAC5C,UAAMU,IAAI,GAAGX,OAAO,CAACC,MAAD,CAApB;;AACA,UAAIU,IAAJ,EAAU;AACR,YAAMP,MAAM,qBAAQJ,OAAR,CAAZ;;AAEA,YAAIW,IAAI,CAACD,MAAT,EAAiB;AACf,cAAME,UAAU,GAAGR,MAAM,CAACO,IAAI,CAACD,MAAN,CAAzB;;AACA,cAAIE,UAAU,IAAIA,UAAU,CAACN,QAA7B,EAAuC;AACrC,gBAAMO,cAAc,GAAGD,UAAU,CAACN,QAAX,CAAoBQ,MAApB,CAA2B,UAACC,CAAD;AAAA,qBAAOA,CAAC,KAAKd,MAAb;AAAA,aAA3B,CAAvB;AACAG,YAAAA,MAAM,CAACO,IAAI,CAACD,MAAN,CAAN,mCACKE,UADL;AAEEN,cAAAA,QAAQ,EAAEO;AAFZ;AAID;AACF;;AAED,eAAOT,MAAM,CAACH,MAAD,CAAb;AAEA,eAAOG,MAAP;AACD;;AAED,aAAOJ,OAAP;AACD","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"],"file":"NodeTreeMapUtils.js"}

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

@@ -0,0 +1,115 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var NodeTreeNavigationUtils = /*#__PURE__*/function () {
+  function NodeTreeNavigationUtils() {
+    (0, _classCallCheck2.default)(this, NodeTreeNavigationUtils);
+  }
+
+  (0, _createClass2.default)(NodeTreeNavigationUtils, null, [{
+    key: "getNextNode",
+    value: function getNextNode(isExpanded, nodeMap, nodeId) {
+      var end = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+      var node = nodeMap[nodeId];
+      var parent = nodeMap[node.parent];
+
+      if (!end) {
+        if (node.children && node.children.length > 0 && isExpanded(nodeId)) {
+          return node.children[0];
+        }
+      }
+
+      if (parent) {
+        var nodeIndex = parent.children.indexOf(nodeId);
+        var 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;
+    }
+  }, {
+    key: "getPreviousNode",
+    value: function getPreviousNode(isExpanded, nodeMap, nodeId) {
+      var node = nodeMap[nodeId];
+      var parent = nodeMap[node.parent];
+
+      if (parent) {
+        var 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;
+    }
+  }, {
+    key: "getLastNode",
+    value: function getLastNode(isExpanded, nodeMap) {
+      var nodeId = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : -1;
+      var node = nodeMap[nodeId];
+      var 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;
+    }
+  }, {
+    key: "getNodeByFirstCharacter",
+    value: function getNodeByFirstCharacter(nodeMap, visibleNodes, nodeId, char) {
+      var lowercaseChar = char.toLowerCase();
+      var toFocus = null;
+      var useNext = false;
+      visibleNodes.forEach(function (nId) {
+        var node = nodeMap[nId];
+        var 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;
+    }
+  }]);
+  return NodeTreeNavigationUtils;
+}();
+
+exports.default = NodeTreeNavigationUtils;
+//# sourceMappingURL=NodeTreeNavigationUtils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/VerticalNavigation/TreeView/utils/NodeTreeNavigationUtils.js"],"names":["NodeTreeNavigationUtils","isExpanded","nodeMap","nodeId","end","node","parent","children","length","nodeIndex","indexOf","nextIndex","getNextNode","getLastNode","open","visibleNodes","char","lowercaseChar","toLowerCase","toFocus","useNext","forEach","nId","firstChar","label","substring"],"mappings":"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","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"],"file":"NodeTreeNavigationUtils.js"}

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

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "NodeTreeExpandUtils", {
+  enumerable: true,
+  get: function get() {
+    return _NodeTreeExpandUtils.default;
+  }
+});
+Object.defineProperty(exports, "NodeTreeMapUtils", {
+  enumerable: true,
+  get: function get() {
+    return _NodeTreeMapUtils.default;
+  }
+});
+Object.defineProperty(exports, "NodeTreeNavigationUtils", {
+  enumerable: true,
+  get: function get() {
+    return _NodeTreeNavigationUtils.default;
+  }
+});
+
+var _NodeTreeMapUtils = _interopRequireDefault(require("./NodeTreeMapUtils"));
+
+var _NodeTreeExpandUtils = _interopRequireDefault(require("./NodeTreeExpandUtils"));
+
+var _NodeTreeNavigationUtils = _interopRequireDefault(require("./NodeTreeNavigationUtils"));
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/VerticalNavigation/TreeView/utils/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA","sourcesContent":["export { default as NodeTreeMapUtils } from \"./NodeTreeMapUtils\";\nexport { default as NodeTreeExpandUtils } from \"./NodeTreeExpandUtils\";\nexport { default as NodeTreeNavigationUtils } from \"./NodeTreeNavigationUtils\";\n"],"file":"index.js"}

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

@@ -0,0 +1,51 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+
+export type HvVerticalNavigationContainerClassKey =
+  | "root"
+  | "fixed"
+  | "relative"
+  | "absolute"
+  | "static"
+  | "withAnchorBar"
+  | "verticalContainer"
+  | "anchorBar"
+  | "button"
+  | "separator"
+  | "contentContainer";
+
+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 default function HvVerticalNavigationContainer(
+  props: HvVerticalNavigationContainerProps
+): JSX.Element | null;

package/dist/VerticalNavigation/VerticalContainer/VerticalContainer.js

@@ -0,0 +1,309 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.string.iterator.js");
+
+require("core-js/modules/es.weak-map.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("core-js/modules/es.string.fixed.js");
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _isNil = _interopRequireDefault(require("lodash/isNil"));
+
+var _core = require("@material-ui/core");
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _uikitReactIcons = require("@hitachivantara/uikit-react-icons");
+
+var _KeyboardUtils = require("../../utils/KeyboardUtils");
+
+var _Button = _interopRequireDefault(require("../../Button"));
+
+var _utils = require("../../utils");
+
+var _focusableElementFinder = require("../../utils/focusableElementFinder");
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _excluded = ["id", "className", "classes", "isAnchorBarVisible", "isOpen", "toggleOpenCallback", "buttonAriaLabel", "children", "position", "closeOnExit"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+/**
+ * Vertical Container.
+ *
+ * @constructor
+ */
+var VerticalContainer = function VerticalContainer(_ref) {
+  var id = _ref.id,
+      className = _ref.className,
+      classes = _ref.classes,
+      _ref$isAnchorBarVisib = _ref.isAnchorBarVisible,
+      isAnchorBarVisible = _ref$isAnchorBarVisib === void 0 ? true : _ref$isAnchorBarVisib,
+      _ref$isOpen = _ref.isOpen,
+      isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
+      toggleOpenCallback = _ref.toggleOpenCallback,
+      buttonAriaLabel = _ref.buttonAriaLabel,
+      children = _ref.children,
+      _ref$position = _ref.position,
+      position = _ref$position === void 0 ? "static" : _ref$position,
+      closeOnExit = _ref.closeOnExit,
+      others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+
+  var _useState = (0, _react.useState)(isOpen),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      open = _useState2[0],
+      setOpen = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(null),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      prevPropOpen = _useState4[0],
+      setPrevPropOpen = _useState4[1];
+
+  var containerRef = (0, _react.useRef)(null);
+  var buttonRef = (0, _react.useRef)(null);
+  var focusableList = (0, _react.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.
+   */
+
+
+  (0, _react.useEffect)(function () {
+    setTimeout(function () {
+      if (open) {
+        focusableList.current = (0, _focusableElementFinder.getFirstAndLastFocus)(containerRef.current);
+      }
+    });
+  }, [open]);
+  /**
+   * Toggle the open state based on the received paramenter.
+   *
+   * @type {(...args: any[]) => any}
+   */
+
+  var toggleOpen = (0, _react.useCallback)(function () {
+    var newState = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+
+    if (newState !== null) {
+      if (newState !== open) {
+        setOpen(newState);
+      } else {
+        return;
+      }
+    } else {
+      setOpen(function (prevState) {
+        return !prevState;
+      });
+    }
+
+    toggleOpenCallback === null || toggleOpenCallback === void 0 ? void 0 : toggleOpenCallback(open);
+  }, [toggleOpenCallback, open]);
+  /**
+   * Handler of keyboard clicks.
+   */
+
+  var handlerKeyContainer = (0, _react.useCallback)(function (event) {
+    if (closeOnExit) {
+      if ((0, _KeyboardUtils.isKeypress)(event, _KeyboardUtils.KeyboardCodes.Tab) && !(0, _isNil.default)(event.target) && !(0, _isNil.default)(focusableList.current) && !(0, _isNil.default)(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 ((0, _KeyboardUtils.isKeypress)(event, _KeyboardUtils.KeyboardCodes.Esc) === false) {
+        return;
+      }
+
+      buttonRef.current.focus();
+      toggleOpen(false);
+    }
+  }, [closeOnExit, toggleOpen]);
+  var renderedAnchorBar = (0, _react.useMemo)(function () {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      id: (0, _utils.setId)(id, "anchor-bar"),
+      className: classes.anchorBar
+    }, /*#__PURE__*/_react.default.createElement(_Button.default, {
+      id: (0, _utils.setId)(id, "hamburger-button"),
+      className: classes.button,
+      ref: buttonRef,
+      onClick: function onClick() {
+        return toggleOpen();
+      },
+      "aria-label": buttonAriaLabel || open && "close" || !open && "open",
+      icon: true
+    }, /*#__PURE__*/_react.default.createElement(_uikitReactIcons.Menu, null)));
+  }, [buttonAriaLabel, classes.anchorBar, classes.button, id, open, toggleOpen]);
+  var renderedContainer = (0, _react.useMemo)(function () {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isAnchorBarVisible && /*#__PURE__*/_react.default.createElement("div", {
+      className: classes.separator
+    }), /*#__PURE__*/_react.default.createElement("div", {
+      id: (0, _utils.setId)(id, "container"),
+      ref: containerRef,
+      className: classes.contentContainer,
+      onKeyDown: handlerKeyContainer
+    }, children));
+  }, [children, classes.contentContainer, classes.separator, handlerKeyContainer, id, isAnchorBarVisible]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _clsx.default)(className, classes.root, isAnchorBarVisible && classes.withAnchorBar, {
+      "static": classes.static,
+      "relative": classes.relative,
+      "fixed": classes.fixed,
+      "absolute": classes.absolute
+    }[position])
+  }, /*#__PURE__*/_react.default.createElement(_core.ClickAwayListener, {
+    onClickAway: function onClickAway() {
+      return closeOnExit && toggleOpen(false);
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    id: id,
+    className: classes.verticalContainer
+  }, others), isAnchorBarVisible && renderedAnchorBar, open && renderedContainer)));
+};
+
+VerticalContainer.propTypes = {
+  /**
+   * Identifier.
+   */
+  id: _propTypes.default.string,
+
+  /**
+   * Class names to be applied.
+   */
+  className: _propTypes.default.string,
+
+  /**
+   * Styles applied to the element.
+   */
+  classes: _propTypes.default.shape({
+    /**
+     *  Styles applied to the root container.
+     */
+    root: _propTypes.default.string,
+
+    /**
+     * Styles applied when the component is in fixed positioning.
+     */
+    fixed: _propTypes.default.string,
+
+    /**
+     * Styles applied when the component is in relative positioning.
+     */
+    relative: _propTypes.default.string,
+
+    /**
+     * Styles applied when the component is in absolute positioning.
+     */
+    absolute: _propTypes.default.string,
+
+    /**
+     * Styles applied when the component is in static positioning.
+     */
+    static: _propTypes.default.string,
+
+    /**
+     * Styles applied when the component has anchor bar.
+     */
+    withAnchorBar: _propTypes.default.string,
+
+    /**
+     *  Styles applied to the vertical container.
+     */
+    verticalContainer: _propTypes.default.string,
+
+    /**
+     *  Styles applied to the anchor bar.
+     */
+    anchorBar: _propTypes.default.string,
+
+    /**
+     *  Styles applied to the button.
+     */
+    button: _propTypes.default.string,
+
+    /**
+     *  Styles applied to the separator.
+     */
+    separator: _propTypes.default.string,
+
+    /**
+     *  Styles applied to the content container.
+     */
+    contentContainer: _propTypes.default.string
+  }).isRequired,
+
+  /**
+   * Position of the component.
+   */
+  position: _propTypes.default.oneOf(["static", "relative", "fixed", "absolute"]),
+
+  /**
+   * Defines if a anchor bar is visible,
+   */
+  isAnchorBarVisible: _propTypes.default.bool,
+
+  /**
+   * Is the navigation open.
+   */
+  isOpen: _propTypes.default.bool,
+
+  /**
+   * Aria-label for the button.
+   */
+  buttonAriaLabel: _propTypes.default.string,
+
+  /**
+   * Children component.
+   */
+  children: _propTypes.default.node.isRequired,
+
+  /**
+   * Callback when the navigation toggles between open and close.
+   */
+  toggleOpenCallback: _propTypes.default.func,
+
+  /**
+   * Defines if the content pane should close when losing focus / clicking outside.
+   */
+  closeOnExit: _propTypes.default.bool
+};
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvVerticalNavigationVerticalContainer"
+})(VerticalContainer);
+
+exports.default = _default;
+//# sourceMappingURL=VerticalContainer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/VerticalNavigation/VerticalContainer/VerticalContainer.js"],"names":["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","KeyboardCodes","Tab","target","first","shiftKey","last","Esc","focus","renderedAnchorBar","anchorBar","button","renderedContainer","separator","contentContainer","root","withAnchorBar","static","relative","fixed","absolute","verticalContainer","propTypes","PropTypes","string","shape","isRequired","oneOf","bool","node","func","styles","name"],"mappings":"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","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          ref={buttonRef}\n          onClick={() => toggleOpen()}\n          aria-label={buttonAriaLabel || (open && \"close\") || (!open && \"open\")}\n          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"],"file":"VerticalContainer.js"}

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

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

package/dist/VerticalNavigation/VerticalContainer/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _VerticalContainer.default;
+  }
+});
+
+var _VerticalContainer = _interopRequireDefault(require("./VerticalContainer"));
+//# sourceMappingURL=index.js.map