@hitachivantara/uikit-react-core 2.23.2

package/dist/VerticalNavigation/TreeView/TreeViewContexts.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TreeViewStateContext = exports.TreeViewControlContext = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var TreeViewControlContext = /*#__PURE__*/_react.default.createContext({});
+
+exports.TreeViewControlContext = TreeViewControlContext;
+TreeViewControlContext.displayName = "TreeViewControlContext";
+
+var TreeViewStateContext = /*#__PURE__*/_react.default.createContext({});
+
+exports.TreeViewStateContext = TreeViewStateContext;
+TreeViewStateContext.displayName = "TreeViewStateContext";
+//# sourceMappingURL=TreeViewContexts.js.map

package/dist/VerticalNavigation/TreeView/TreeViewContexts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeViewContexts.js","names":["TreeViewControlContext","React","createContext","displayName","TreeViewStateContext"],"sources":["../../../src/VerticalNavigation/TreeView/TreeViewContexts.js"],"sourcesContent":["import React from \"react\";\n\nconst TreeViewControlContext = React.createContext({});\nTreeViewControlContext.displayName = \"TreeViewControlContext\";\n\nconst TreeViewStateContext = React.createContext({});\nTreeViewStateContext.displayName = \"TreeViewStateContext\";\n\nexport { TreeViewControlContext, TreeViewStateContext };\n"],"mappings":";;;;;;;;;AAAA;;AAEA,IAAMA,sBAAsB,gBAAGC,cAAA,CAAMC,aAAN,CAAoB,EAApB,CAA/B;;;AACAF,sBAAsB,CAACG,WAAvB,GAAqC,wBAArC;;AAEA,IAAMC,oBAAoB,gBAAGH,cAAA,CAAMC,aAAN,CAAoB,EAApB,CAA7B;;;AACAE,oBAAoB,CAACD,WAArB,GAAmC,sBAAnC"}

package/dist/VerticalNavigation/TreeView/TreeViewItem.d.ts

@@ -0,0 +1,57 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+import { SyntheticEvent } from "react";
+
+export type HvVerticalNavigationTreeViewItemClassKey =
+  | "node"
+  | "content"
+  | "group"
+  | "disabled"
+  | "collapsed"
+  | "expanded"
+  | "selectable"
+  | "unselectable"
+  | "selected"
+  | "unselected"
+  | "contentFocused"
+  | " contentFocusDisabled";
+
+export interface HvVerticalNavigationTreeViewItemProps
+  extends StandardProps<
+    React.HTMLAttributes<HTMLUListElement>,
+    HvVerticalNavigationTreeViewItemClassKey
+  > {
+  /**
+   * Is the node disabled.
+   */
+  disabled?: boolean;
+  /**
+   * Can the node be selected.
+   */
+  selectable?: boolean;
+  /**
+   * The id of the node.
+   */
+  nodeId: string;
+  /**
+   * The icon to display next to the node's label.
+   */
+  icon?: React.ReactNode;
+  /**
+   * The item label.
+   */
+  label: React.ReactNode;
+  /**
+   * The node payload.
+   */
+  // eslint-disable-next-line
+  payload: any;
+  /**
+   * @ignore
+   */
+  onClick: (event: React.SyntheticEvent) => void;
+}
+
+export default function HvVerticalNavigationTreeItemView(
+  props: HvVerticalNavigationTreeViewItemProps
+): JSX.Element | null;

package/dist/VerticalNavigation/TreeView/TreeViewItem.js

@@ -0,0 +1,424 @@
+"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;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+require("core-js/modules/es.regexp.exec.js");
+
+require("core-js/modules/es.string.match.js");
+
+require("core-js/modules/es.array.map.js");
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _core = require("@material-ui/core");
+
+var _Typography = _interopRequireDefault(require("../../Typography"));
+
+var _TreeViewContexts = require("./TreeViewContexts");
+
+var _utils = require("../../utils");
+
+var _arrayDiff = _interopRequireDefault(require("../../utils/arrayDiff"));
+
+var _usePropAsRef = _interopRequireDefault(require("../../utils/usePropAsRef"));
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _excluded = ["id", "className", "classes", "disabled", "selectable", "nodeId", "icon", "label", "payload", "onClick", "children"];
+
+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; }
+
+var isPrintableCharacter = function isPrintableCharacter(str) {
+  return str && str.length === 1 && str.match(/\S/);
+};
+
+var TreeViewItem = function TreeViewItem(props) {
+  var id = props.id,
+      className = props.className,
+      classes = props.classes,
+      _props$disabled = props.disabled,
+      disabled = _props$disabled === void 0 ? false : _props$disabled,
+      _props$selectable = props.selectable,
+      selectableProp = _props$selectable === void 0 ? null : _props$selectable,
+      nodeId = props.nodeId,
+      _props$icon = props.icon,
+      icon = _props$icon === void 0 ? null : _props$icon,
+      label = props.label,
+      _props$payload = props.payload,
+      payload = _props$payload === void 0 ? null : _props$payload,
+      _props$onClick = props.onClick,
+      onClick = _props$onClick === void 0 ? null : _props$onClick,
+      children = props.children,
+      others = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var treeViewControlContext = (0, _react.useContext)(_TreeViewContexts.TreeViewControlContext);
+  var treeViewStateContext = (0, _react.useContext)(_TreeViewContexts.TreeViewStateContext);
+  var expandAllSiblings = treeViewControlContext.expandAllSiblings,
+      focus = treeViewControlContext.focus,
+      focusFirstNode = treeViewControlContext.focusFirstNode,
+      focusLastNode = treeViewControlContext.focusLastNode,
+      focusNextNode = treeViewControlContext.focusNextNode,
+      focusPreviousNode = treeViewControlContext.focusPreviousNode,
+      handleLeftArrow = treeViewControlContext.handleLeftArrow,
+      addNodeToNodeMap = treeViewControlContext.addNodeToNodeMap,
+      removeNodeFromNodeMap = treeViewControlContext.removeNodeFromNodeMap,
+      collapsible = treeViewControlContext.collapsible,
+      select = treeViewControlContext.select,
+      setFocusByFirstCharacter = treeViewControlContext.setFocusByFirstCharacter,
+      toggle = treeViewControlContext.toggle,
+      mode = treeViewControlContext.mode;
+  var treeviewMode = mode === "treeview";
+  var listItemRef = (0, _react.useRef)(null);
+  var actionableRef = (0, _react.useRef)(null);
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      useFocus = _useState2[0],
+      setUseFocus = _useState2[1];
+
+  var expandable = Boolean(Array.isArray(children) ? children.length : children);
+  var selectable = selectableProp != null ? selectableProp : !(collapsible && expandable);
+  var expanded = treeViewStateContext.isExpanded(nodeId);
+  var selected = treeViewStateContext.isSelected(nodeId);
+  var tabbable = treeViewStateContext.isTabbable(nodeId);
+  var handleAction = (0, _react.useCallback)(function (event) {
+    if (!disabled) {
+      if (collapsible && expandable) {
+        if (!selectable || !expanded || selected) {
+          return toggle(nodeId);
+        }
+      }
+
+      if (selectable && !selected) {
+        return select(event, nodeId);
+      }
+    }
+
+    return false;
+  }, [collapsible, disabled, expandable, expanded, nodeId, select, selectable, selected, toggle]);
+  var onChangeCallback = (0, _usePropAsRef.default)(onClick);
+  var handleClick = (0, _react.useCallback)(function (event) {
+    setUseFocus(false);
+
+    if (!tabbable) {
+      focus(nodeId);
+    }
+
+    handleAction(event); // allow custom click event
+
+    if (!disabled && onChangeCallback.current) {
+      onChangeCallback.current(event);
+    }
+
+    event.preventDefault();
+    event.stopPropagation();
+  }, [disabled, focus, tabbable, handleAction, nodeId, onChangeCallback]);
+  var handleNextArrow = (0, _react.useCallback)(function (event) {
+    if (expandable) {
+      if (expanded) {
+        return focusNextNode(event, nodeId);
+      }
+
+      if (!disabled) {
+        return toggle(event, nodeId);
+      }
+    }
+
+    return false;
+  }, [disabled, expandable, expanded, focusNextNode, nodeId, toggle]);
+  var handleKeyDown = (0, _react.useCallback)(function (event) {
+    var isEventHandled = false;
+    var key = event.key;
+
+    if (event.altKey || event.ctrlKey || event.metaKey || event.currentTarget !== event.target) {
+      return;
+    }
+
+    if (!treeviewMode) {
+      if (key === "Enter" || key === " ") {
+        if (actionableRef.current === event.currentTarget) {
+          isEventHandled = handleAction(event);
+        }
+      }
+    } else {
+      switch (key) {
+        case "Enter":
+        case " ":
+          if (event.shift) {
+            isEventHandled = true;
+          } else if (actionableRef.current === event.currentTarget) {
+            isEventHandled = handleAction(event);
+          }
+
+          break;
+
+        case "ArrowDown":
+          isEventHandled = focusNextNode(nodeId);
+          break;
+
+        case "ArrowUp":
+          isEventHandled = focusPreviousNode(nodeId);
+          break;
+
+        case "ArrowRight":
+          isEventHandled = handleNextArrow(nodeId);
+          break;
+
+        case "ArrowLeft":
+          isEventHandled = handleLeftArrow(nodeId, event);
+          break;
+
+        case "Home":
+          isEventHandled = focusFirstNode();
+          break;
+
+        case "End":
+          isEventHandled = focusLastNode();
+          break;
+
+        case "*":
+          isEventHandled = expandAllSiblings(nodeId);
+          break;
+
+        default:
+          if (isPrintableCharacter(key)) {
+            isEventHandled = setFocusByFirstCharacter(nodeId, key);
+          }
+
+      }
+    }
+
+    if (isEventHandled) {
+      event.preventDefault();
+      event.stopPropagation();
+    }
+  }, [treeviewMode, handleAction, focusNextNode, nodeId, focusPreviousNode, handleNextArrow, handleLeftArrow, focusFirstNode, focusLastNode, expandAllSiblings, setFocusByFirstCharacter]);
+  var previousChildIds = (0, _react.useRef)([]);
+  var childIds = (0, _react.useMemo)(function () {
+    var ids = _react.default.Children.map(children, function (child) {
+      return child.props.nodeId;
+    }) || [];
+
+    if ((0, _arrayDiff.default)(previousChildIds.current, ids)) {
+      previousChildIds.current = ids;
+    }
+
+    return previousChildIds.current;
+  }, [children]); // payload prop was causing unneeded context changes
+  // we just need to keep it as a mutable reference
+
+  var nodePayloadRef = (0, _usePropAsRef.default)(payload); // register node in the tree (and unregister on unmount)
+
+  (0, _react.useEffect)(function () {
+    addNodeToNodeMap(nodeId, childIds, nodePayloadRef, actionableRef, label);
+    return function () {
+      removeNodeFromNodeMap(nodeId);
+    };
+  }, [addNodeToNodeMap, childIds, label, nodeId, nodePayloadRef, removeNodeFromNodeMap]); // focus the rendered DOM element (if tabbable)
+
+  (0, _react.useEffect)(function () {
+    if (treeviewMode && tabbable && actionableRef.current) {
+      actionableRef.current.focus();
+    }
+  }, [treeviewMode, tabbable]);
+  var renderedIcon = (0, _react.useMemo)(function () {
+    return icon && /*#__PURE__*/_react.default.cloneElement(icon, {
+      boxStyles: {
+        width: "32px",
+        height: "32px"
+      }
+    });
+  }, [icon]);
+  var renderedContent = (0, _react.useMemo)(function () {
+    return /*#__PURE__*/_react.default.createElement(_Typography.default, {
+      id: (0, _utils.setId)(id, "button"),
+      component: "div",
+      variant: selectable && selected ? "selectedText" : "normalText",
+      role: "button",
+      innerRef: actionableRef,
+      className: (0, _clsx.default)(classes.content, useFocus ? classes.contentFocused : classes.contentFocusDisabled),
+      tabIndex: tabbable ? 0 : -1,
+      onKeyDown: handleKeyDown,
+      onFocus: function onFocus() {
+        return setUseFocus(true);
+      },
+      onBlur: function onBlur() {
+        return setUseFocus(false);
+      },
+      onClick: handleClick,
+      "aria-current": !treeviewMode && selectable && selected ? "page" : undefined
+    }, renderedIcon, label);
+  }, [classes, handleClick, handleKeyDown, useFocus, id, label, treeviewMode, renderedIcon, selectable, selected, tabbable]);
+  var renderedChildren = (0, _react.useMemo)(function () {
+    return children && /*#__PURE__*/_react.default.createElement("ul", {
+      className: classes.group,
+      role: treeviewMode ? "group" : undefined
+    }, children);
+  }, [children, classes.group, treeviewMode]);
+  return /*#__PURE__*/_react.default.createElement("li", (0, _extends2.default)({
+    ref: listItemRef,
+    id: id,
+    className: (0, _clsx.default)(classes.node, className, disabled ? classes.disabled : selectable ? [classes.selectable, selected ? classes.selected : classes.unselected] : classes.unselectable, expandable && (expanded ? classes.expanded : classes.collapsed)),
+    "data-hasicon": icon != null ? true : undefined,
+    "aria-disabled": disabled ? true : undefined,
+    "aria-expanded": collapsible && expandable ? expanded : undefined
+  }, mode === "treeview" && {
+    role: "treeitem",
+    "aria-selected": selectable && selected ? true : undefined
+  }, others), renderedContent, renderedChildren);
+};
+
+process.env.NODE_ENV !== "production" ? TreeViewItem.propTypes = {
+  /**
+   * Id to be applied to the root node.
+   */
+  id: _propTypes.default.string,
+
+  /**
+   * Class names to be applied.
+   */
+  className: _propTypes.default.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied to the Radio button.
+   */
+  classes: _propTypes.default.shape({
+    /**
+     * Style applied to the root of the component.
+     */
+    node: _propTypes.default.string,
+
+    /**
+     * Style applied to the content.
+     */
+    content: _propTypes.default.string,
+
+    /**
+     * Style applied to the group.
+     */
+    group: _propTypes.default.string,
+
+    /**
+     * Style applied when item is disabled.
+     */
+    disabled: _propTypes.default.string,
+
+    /**
+     * Style applied when item is collapsed.
+     */
+    collapsed: _propTypes.default.string,
+
+    /**
+     * Style applied when item is expanded.
+     */
+    expanded: _propTypes.default.string,
+
+    /**
+     * Style applied when item is selectable.
+     */
+    selectable: _propTypes.default.string,
+
+    /**
+     * Style applied when item is unselectable.
+     */
+    unselectable: _propTypes.default.string,
+
+    /**
+     * Style applied when item is selected.
+     */
+    selected: _propTypes.default.string,
+
+    /**
+     * Style applied when item is unselectable.
+     */
+    unselected: _propTypes.default.string,
+
+    /**
+     * Style applied when element is focused by keyboard.
+     */
+    contentFocused: _propTypes.default.string,
+
+    /**
+     * Style applied when element is focused by click.
+     */
+    contentFocusDisabled: _propTypes.default.string
+  }).isRequired,
+
+  /**
+   * Is the node disabled.
+   */
+  disabled: _propTypes.default.bool,
+
+  /**
+   * Can the node be selected.
+   */
+  selectable: _propTypes.default.bool,
+
+  /**
+   * The id of the node.
+   */
+  nodeId: _propTypes.default.string.isRequired,
+
+  /**
+   * The icon to display next to the node's label.
+   */
+  icon: _propTypes.default.node,
+
+  /**
+   * The item label.
+   */
+  label: _propTypes.default.node.isRequired,
+
+  /**
+   * The node payload.
+   */
+  // eslint-disable-next-line react/forbid-prop-types
+  payload: _propTypes.default.any,
+
+  /**
+   * @ignore
+   */
+  onClick: _propTypes.default.func,
+
+  /**
+   * The content of the component.
+   */
+  children: _propTypes.default.node
+} : void 0;
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvVerticalNavigationTreeViewItem"
+})(TreeViewItem);
+
+exports.default = _default;
+//# sourceMappingURL=TreeViewItem.js.map

package/dist/VerticalNavigation/TreeView/TreeViewItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeViewItem.js","names":["isPrintableCharacter","str","length","match","TreeViewItem","props","id","className","classes","disabled","selectable","selectableProp","nodeId","icon","label","payload","onClick","children","others","treeViewControlContext","useContext","TreeViewControlContext","treeViewStateContext","TreeViewStateContext","expandAllSiblings","focus","focusFirstNode","focusLastNode","focusNextNode","focusPreviousNode","handleLeftArrow","addNodeToNodeMap","removeNodeFromNodeMap","collapsible","select","setFocusByFirstCharacter","toggle","mode","treeviewMode","listItemRef","useRef","actionableRef","useState","useFocus","setUseFocus","expandable","Boolean","Array","isArray","expanded","isExpanded","selected","isSelected","tabbable","isTabbable","handleAction","useCallback","event","onChangeCallback","usePropAsRef","handleClick","current","preventDefault","stopPropagation","handleNextArrow","handleKeyDown","isEventHandled","key","altKey","ctrlKey","metaKey","currentTarget","target","shift","previousChildIds","childIds","useMemo","ids","React","Children","map","child","arrayDiff","nodePayloadRef","useEffect","renderedIcon","cloneElement","boxStyles","width","height","renderedContent","setId","clsx","content","contentFocused","contentFocusDisabled","undefined","renderedChildren","group","node","unselected","unselectable","collapsed","role","propTypes","PropTypes","string","shape","isRequired","bool","any","func","withStyles","styles","name"],"sources":["../../../src/VerticalNavigation/TreeView/TreeViewItem.js"],"sourcesContent":["/* eslint-disable jsx-a11y/role-supports-aria-props */\n// TODO review aria-disabled and aria-expanded added conditionally to a no tree item li\n\nimport React, { useCallback, useContext, useEffect, useMemo, useRef, useState } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport HvTypography from \"../../Typography\";\n\nimport { TreeViewControlContext, TreeViewStateContext } from \"./TreeViewContexts\";\n\nimport { setId } from \"../../utils\";\nimport arrayDiff from \"../../utils/arrayDiff\";\nimport usePropAsRef from \"../../utils/usePropAsRef\";\n\nimport styles from \"./styles\";\n\nconst isPrintableCharacter = (str) => str && str.length === 1 && str.match(/\\S/);\n\nconst TreeViewItem = (props) => {\n  const {\n    id,\n    className,\n    classes,\n\n    disabled = false,\n\n    selectable: selectableProp = null,\n\n    nodeId,\n    icon = null,\n    label,\n    payload = null,\n\n    onClick = null,\n\n    children,\n\n    ...others\n  } = props;\n\n  const treeViewControlContext = useContext(TreeViewControlContext);\n  const treeViewStateContext = useContext(TreeViewStateContext);\n\n  const {\n    expandAllSiblings,\n    focus,\n    focusFirstNode,\n    focusLastNode,\n    focusNextNode,\n    focusPreviousNode,\n    handleLeftArrow,\n    addNodeToNodeMap,\n    removeNodeFromNodeMap,\n    collapsible,\n    select,\n    setFocusByFirstCharacter,\n    toggle,\n    mode,\n  } = treeViewControlContext;\n\n  const treeviewMode = mode === \"treeview\";\n\n  const listItemRef = useRef(null);\n  const actionableRef = useRef(null);\n  const [useFocus, setUseFocus] = useState(false);\n\n  const expandable = Boolean(Array.isArray(children) ? children.length : children);\n\n  const selectable = selectableProp != null ? selectableProp : !(collapsible && expandable);\n\n  const expanded = treeViewStateContext.isExpanded(nodeId);\n  const selected = treeViewStateContext.isSelected(nodeId);\n\n  const tabbable = treeViewStateContext.isTabbable(nodeId);\n\n  const handleAction = useCallback(\n    (event) => {\n      if (!disabled) {\n        if (collapsible && expandable) {\n          if (!selectable || !expanded || selected) {\n            return toggle(nodeId);\n          }\n        }\n\n        if (selectable && !selected) {\n          return select(event, nodeId);\n        }\n      }\n\n      return false;\n    },\n    [collapsible, disabled, expandable, expanded, nodeId, select, selectable, selected, toggle]\n  );\n\n  const onChangeCallback = usePropAsRef(onClick);\n\n  const handleClick = useCallback(\n    (event) => {\n      setUseFocus(false);\n      if (!tabbable) {\n        focus(nodeId);\n      }\n\n      handleAction(event);\n\n      // allow custom click event\n      if (!disabled && onChangeCallback.current) {\n        onChangeCallback.current(event);\n      }\n\n      event.preventDefault();\n      event.stopPropagation();\n    },\n    [disabled, focus, tabbable, handleAction, nodeId, onChangeCallback]\n  );\n\n  const handleNextArrow = useCallback(\n    (event) => {\n      if (expandable) {\n        if (expanded) {\n          return focusNextNode(event, nodeId);\n        }\n        if (!disabled) {\n          return toggle(event, nodeId);\n        }\n      }\n\n      return false;\n    },\n    [disabled, expandable, expanded, focusNextNode, nodeId, toggle]\n  );\n\n  const handleKeyDown = useCallback(\n    (event) => {\n      let isEventHandled = false;\n      const { key } = event;\n\n      if (event.altKey || event.ctrlKey || event.metaKey || event.currentTarget !== event.target) {\n        return;\n      }\n\n      if (!treeviewMode) {\n        if (key === \"Enter\" || key === \" \") {\n          if (actionableRef.current === event.currentTarget) {\n            isEventHandled = handleAction(event);\n          }\n        }\n      } else {\n        switch (key) {\n          case \"Enter\":\n          case \" \":\n            if (event.shift) {\n              isEventHandled = true;\n            } else if (actionableRef.current === event.currentTarget) {\n              isEventHandled = handleAction(event);\n            }\n            break;\n          case \"ArrowDown\":\n            isEventHandled = focusNextNode(nodeId);\n            break;\n          case \"ArrowUp\":\n            isEventHandled = focusPreviousNode(nodeId);\n            break;\n          case \"ArrowRight\":\n            isEventHandled = handleNextArrow(nodeId);\n            break;\n          case \"ArrowLeft\":\n            isEventHandled = handleLeftArrow(nodeId, event);\n            break;\n          case \"Home\":\n            isEventHandled = focusFirstNode();\n            break;\n          case \"End\":\n            isEventHandled = focusLastNode();\n            break;\n          case \"*\":\n            isEventHandled = expandAllSiblings(nodeId);\n            break;\n          default:\n            if (isPrintableCharacter(key)) {\n              isEventHandled = setFocusByFirstCharacter(nodeId, key);\n            }\n        }\n      }\n\n      if (isEventHandled) {\n        event.preventDefault();\n        event.stopPropagation();\n      }\n    },\n    [\n      treeviewMode,\n      handleAction,\n      focusNextNode,\n      nodeId,\n      focusPreviousNode,\n      handleNextArrow,\n      handleLeftArrow,\n      focusFirstNode,\n      focusLastNode,\n      expandAllSiblings,\n      setFocusByFirstCharacter,\n    ]\n  );\n\n  const previousChildIds = useRef([]);\n  const childIds = useMemo(() => {\n    const ids = React.Children.map(children, (child) => child.props.nodeId) || [];\n\n    if (arrayDiff(previousChildIds.current, ids)) {\n      previousChildIds.current = ids;\n    }\n\n    return previousChildIds.current;\n  }, [children]);\n\n  // payload prop was causing unneeded context changes\n  // we just need to keep it as a mutable reference\n  const nodePayloadRef = usePropAsRef(payload);\n\n  // register node in the tree (and unregister on unmount)\n  useEffect(() => {\n    addNodeToNodeMap(nodeId, childIds, nodePayloadRef, actionableRef, label);\n\n    return () => {\n      removeNodeFromNodeMap(nodeId);\n    };\n  }, [addNodeToNodeMap, childIds, label, nodeId, nodePayloadRef, removeNodeFromNodeMap]);\n\n  // focus the rendered DOM element (if tabbable)\n  useEffect(() => {\n    if (treeviewMode && tabbable && actionableRef.current) {\n      actionableRef.current.focus();\n    }\n  }, [treeviewMode, tabbable]);\n\n  const renderedIcon = useMemo(\n    () =>\n      icon &&\n      React.cloneElement(icon, {\n        boxStyles: { width: \"32px\", height: \"32px\" },\n      }),\n    [icon]\n  );\n\n  const renderedContent = useMemo(\n    () => (\n      <HvTypography\n        id={setId(id, \"button\")}\n        component=\"div\"\n        variant={selectable && selected ? \"selectedText\" : \"normalText\"}\n        role=\"button\"\n        innerRef={actionableRef}\n        className={clsx(classes.content, {\n          [classes.contentFocused]: useFocus,\n          [classes.contentFocusDisabled]: !useFocus,\n        })}\n        tabIndex={tabbable ? 0 : -1}\n        onKeyDown={handleKeyDown}\n        onFocus={() => setUseFocus(true)}\n        onBlur={() => setUseFocus(false)}\n        onClick={handleClick}\n        aria-current={!treeviewMode && selectable && selected ? \"page\" : undefined}\n      >\n        {renderedIcon}\n        {label}\n      </HvTypography>\n    ),\n    [\n      classes,\n      handleClick,\n      handleKeyDown,\n      useFocus,\n      id,\n      label,\n      treeviewMode,\n      renderedIcon,\n      selectable,\n      selected,\n      tabbable,\n    ]\n  );\n\n  const renderedChildren = useMemo(\n    () =>\n      children && (\n        <ul className={classes.group} role={treeviewMode ? \"group\" : undefined}>\n          {children}\n        </ul>\n      ),\n    [children, classes.group, treeviewMode]\n  );\n\n  return (\n    <li\n      ref={listItemRef}\n      id={id}\n      className={clsx(classes.node, className, {\n        [classes.disabled]: disabled,\n        [classes.collapsed]: expandable && !expanded,\n        [classes.expanded]: expandable && expanded,\n        [classes.selectable]: !disabled && selectable,\n        [classes.unselectable]: !disabled && !selectable,\n        [classes.selected]: !disabled && selectable && selected,\n        [classes.unselected]: !disabled && selectable && !selected,\n      })}\n      data-hasicon={icon != null ? true : undefined}\n      aria-disabled={disabled ? true : undefined}\n      aria-expanded={collapsible && expandable ? expanded : undefined}\n      {...(mode === \"treeview\" && {\n        role: \"treeitem\",\n        \"aria-selected\": selectable && selected ? true : undefined,\n      })}\n      {...others}\n    >\n      {renderedContent}\n      {renderedChildren}\n    </li>\n  );\n};\n\nTreeViewItem.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\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 to the Radio button.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the root of the component.\n     */\n    node: PropTypes.string,\n    /**\n     * Style applied to the content.\n     */\n    content: PropTypes.string,\n    /**\n     * Style applied to the group.\n     */\n    group: PropTypes.string,\n    /**\n     * Style applied when item is disabled.\n     */\n    disabled: PropTypes.string,\n    /**\n     * Style applied when item is collapsed.\n     */\n    collapsed: PropTypes.string,\n    /**\n     * Style applied when item is expanded.\n     */\n    expanded: PropTypes.string,\n    /**\n     * Style applied when item is selectable.\n     */\n    selectable: PropTypes.string,\n    /**\n     * Style applied when item is unselectable.\n     */\n    unselectable: PropTypes.string,\n    /**\n     * Style applied when item is selected.\n     */\n    selected: PropTypes.string,\n    /**\n     * Style applied when item is unselectable.\n     */\n    unselected: PropTypes.string,\n    /**\n     * Style applied when element is focused by keyboard.\n     */\n    contentFocused: PropTypes.string,\n    /**\n     * Style applied when element is focused by click.\n     */\n    contentFocusDisabled: PropTypes.string,\n  }).isRequired,\n  /**\n   * Is the node disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Can the node be selected.\n   */\n  selectable: PropTypes.bool,\n  /**\n   * The id of the node.\n   */\n  nodeId: PropTypes.string.isRequired,\n  /**\n   * The icon to display next to the node's label.\n   */\n  icon: PropTypes.node,\n  /**\n   * The item label.\n   */\n  label: PropTypes.node.isRequired,\n  /**\n   * The node payload.\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  payload: PropTypes.any,\n  /**\n   * @ignore\n   */\n  onClick: PropTypes.func,\n  /**\n   * The content of the component.\n   */\n  children: PropTypes.node,\n};\n\nexport default withStyles(styles, {\n  name: \"HvVerticalNavigationTreeViewItem\",\n})(TreeViewItem);\n"],"mappings":"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"}

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

@@ -0,0 +1,5 @@
+export { default } from "./TreeView";
+export * from "./TreeView";
+
+export { default as TreeViewItem } from "./TreeViewItem";
+export * from "./TreeViewItem";

package/dist/VerticalNavigation/TreeView/index.js

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

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

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