@hitachivantara/uikit-react-core 2.23.2

package/dist/VerticalNavigation/Navigation/Navigation.js

@@ -0,0 +1,152 @@
+"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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+require("core-js/modules/es.array.map.js");
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _core = require("@material-ui/core");
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _TreeView = _interopRequireWildcard(require("../TreeView"));
+
+var _utils = require("../../utils");
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _excluded = ["className", "classes", "id", "label", "data", "selected", "onClick"];
+
+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 createListHierarchy = function createListHierarchy(items, id) {
+  return items.map(function (item) {
+    var itemId = item.id,
+        itemLabel = item.label,
+        icon = item.icon,
+        children = item.data;
+    return /*#__PURE__*/_react.default.createElement(_TreeView.TreeViewItem, {
+      id: (0, _utils.setId)(id, itemId),
+      key: itemId,
+      nodeId: itemId,
+      label: itemLabel,
+      icon: icon,
+      payload: item
+    }, children ? createListHierarchy(children) : undefined);
+  });
+};
+
+var Navigation = function Navigation(_ref) {
+  var className = _ref.className,
+      classes = _ref.classes,
+      id = _ref.id,
+      _ref$label = _ref.label,
+      label = _ref$label === void 0 ? null : _ref$label,
+      data = _ref.data,
+      _ref$selected = _ref.selected,
+      selected = _ref$selected === void 0 ? null : _ref$selected,
+      _ref$onClick = _ref.onClick,
+      onClick = _ref$onClick === void 0 ? null : _ref$onClick,
+      others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var handleChange = (0, _react.useCallback)(function (event, selectedId, selectedItem) {
+    if (onClick) onClick(event, selectedItem);
+  }, [onClick]);
+  var children = (0, _react.useMemo)(function () {
+    return data && createListHierarchy(data, id);
+  }, [data, id]);
+  return /*#__PURE__*/_react.default.createElement("nav", (0, _extends2.default)({
+    id: id,
+    className: (0, _clsx.default)(className, classes.root),
+    "aria-label": label
+  }, others), /*#__PURE__*/_react.default.createElement(_TreeView.default, {
+    id: (0, _utils.setId)(id, "tree"),
+    selected: selected,
+    onChange: handleChange,
+    mode: "navigation"
+  }, children));
+};
+
+process.env.NODE_ENV !== "production" ? Navigation.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: _propTypes.default.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: _propTypes.default.shape({
+    /**
+     * Style applied to the component.
+     */
+    root: _propTypes.default.string
+  }).isRequired,
+
+  /**
+   * Id to be applied to the root node.
+   */
+  id: _propTypes.default.string,
+
+  /**
+   * Label.
+   */
+  label: _propTypes.default.string,
+
+  /**
+   * An array containing the data for each menu item.
+   *
+   * id - the id to be applied to the root element.
+   * label - the label to be rendered on the menu item.
+   */
+  data: _propTypes.default.arrayOf(_propTypes.default.shape({
+    id: _propTypes.default.string.isRequired,
+    label: _propTypes.default.string.isRequired,
+    icon: _propTypes.default.node,
+    data: _propTypes.default.array
+  })).isRequired,
+
+  /**
+   * Menu item id selected.
+   */
+  selected: _propTypes.default.string,
+
+  /**
+   * Callback triggered when any item is clicked.
+   */
+  onClick: _propTypes.default.func
+} : void 0;
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvVerticalNavigationNavigation"
+})(Navigation);
+
+exports.default = _default;
+//# sourceMappingURL=Navigation.js.map

package/dist/VerticalNavigation/Navigation/Navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Navigation.js","names":["createListHierarchy","items","id","map","item","itemId","itemLabel","label","icon","children","data","setId","undefined","Navigation","className","classes","selected","onClick","others","handleChange","useCallback","event","selectedId","selectedItem","useMemo","clsx","root","propTypes","PropTypes","string","shape","isRequired","arrayOf","node","array","func","withStyles","styles","name"],"sources":["../../../src/VerticalNavigation/Navigation/Navigation.js"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport clsx from \"clsx\";\nimport TreeView, { TreeViewItem } from \"../TreeView\";\nimport { setId } from \"../../utils\";\nimport styles from \"./styles\";\n\nconst createListHierarchy = (items, id) =>\n  items.map((item) => {\n    const { id: itemId, label: itemLabel, icon, data: children } = item;\n\n    return (\n      <TreeViewItem\n        id={setId(id, itemId)}\n        key={itemId}\n        nodeId={itemId}\n        label={itemLabel}\n        icon={icon}\n        payload={item}\n      >\n        {children ? createListHierarchy(children) : undefined}\n      </TreeViewItem>\n    );\n  });\n\nconst Navigation = ({\n  className,\n  classes,\n  id,\n  label = null,\n  data,\n  selected = null,\n  onClick = null,\n  ...others\n}) => {\n  const handleChange = useCallback(\n    (event, selectedId, selectedItem) => {\n      if (onClick) onClick(event, selectedItem);\n    },\n    [onClick]\n  );\n\n  const children = useMemo(() => data && createListHierarchy(data, id), [data, id]);\n\n  return (\n    <nav id={id} className={clsx(className, classes.root)} aria-label={label} {...others}>\n      <TreeView\n        id={setId(id, \"tree\")}\n        selected={selected}\n        onChange={handleChange}\n        mode=\"navigation\"\n      >\n        {children}\n      </TreeView>\n    </nav>\n  );\n};\n\nNavigation.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the component.\n     */\n    root: PropTypes.string,\n  }).isRequired,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * Label.\n   */\n  label: PropTypes.string,\n  /**\n   * An array containing the data for each menu item.\n   *\n   * id - the id to be applied to the root element.\n   * label - the label to be rendered on the menu item.\n   */\n  data: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      label: PropTypes.string.isRequired,\n      icon: PropTypes.node,\n      data: PropTypes.array,\n    })\n  ).isRequired,\n  /**\n   * Menu item id selected.\n   */\n  selected: PropTypes.string,\n  /**\n   * Callback triggered when any item is clicked.\n   */\n  onClick: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvVerticalNavigationNavigation\" })(Navigation);\n"],"mappings":"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"}

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

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

package/dist/VerticalNavigation/Navigation/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 _Navigation.default;
+  }
+});
+
+var _Navigation = _interopRequireDefault(require("./Navigation"));
+//# sourceMappingURL=index.js.map

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

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

package/dist/VerticalNavigation/Navigation/styles.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var styles = {
+  root: {}
+};
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/VerticalNavigation/Navigation/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","root"],"sources":["../../../src/VerticalNavigation/Navigation/styles.js"],"sourcesContent":["const styles = {\n  root: {},\n};\n\nexport default styles;\n"],"mappings":";;;;;;AAAA,IAAMA,MAAM,GAAG;EACbC,IAAI,EAAE;AADO,CAAf;eAIeD,M"}

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

@@ -0,0 +1,38 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+
+export interface HvVerticalNavigationTreeViewProps
+  extends StandardProps<
+    React.HTMLAttributes<HTMLUListElement>,
+    HvVerticalNavigationTreeViewClassKey,
+    "onChange"
+  > {
+  /**
+   * Modus operandi (role) of the widget instance.
+   */
+  mode?: "treeview" | "navigation";
+  /**
+   * Can nodes be selected.
+   */
+  selectable?: boolean;
+  /**
+   * Receives the id of an item present in the list and selects it.
+   */
+  selected?: string;
+  /**
+   * Can non-leaf nodes be collapsed / expanded.
+   */
+  collapsible?: boolean;
+  /**
+   * Callback fired when a tree item is selected.
+   *
+   * @param {array} nodeId The id of the selected node.
+   */
+  onChange?: (nodeId: string) => void;
+}
+
+export type HvVerticalNavigationTreeViewClassKey = "root";
+
+export default function HvVerticalNavigationTreeView(
+  props: HvVerticalNavigationTreeViewProps
+): JSX.Element | null;

package/dist/VerticalNavigation/TreeView/TreeView.js

@@ -0,0 +1,362 @@
+"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.array.map.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 _clsx = _interopRequireDefault(require("clsx"));
+
+var _core = require("@material-ui/core");
+
+var _TreeViewContexts = require("./TreeViewContexts");
+
+var _arrayDiff = _interopRequireDefault(require("../../utils/arrayDiff"));
+
+var _usePropAsRef = _interopRequireDefault(require("../../utils/usePropAsRef"));
+
+var _utils = require("./utils");
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _excluded = ["id", "className", "classes", "mode", "collapsible", "selectable", "selected", "onChange", "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 TreeView = function TreeView(props) {
+  var id = props.id,
+      className = props.className,
+      classes = props.classes,
+      _props$mode = props.mode,
+      mode = _props$mode === void 0 ? "treeview" : _props$mode,
+      _props$collapsible = props.collapsible,
+      collapsible = _props$collapsible === void 0 ? false : _props$collapsible,
+      _props$selectable = props.selectable,
+      selectable = _props$selectable === void 0 ? true : _props$selectable,
+      _props$selected = props.selected,
+      selected = _props$selected === void 0 ? null : _props$selected,
+      _props$onChange = props.onChange,
+      onChange = _props$onChange === void 0 ? null : _props$onChange,
+      _props$children = props.children,
+      children = _props$children === void 0 ? null : _props$children,
+      others = (0, _objectWithoutProperties2.default)(props, _excluded);
+
+  var _useState = (0, _react.useState)(null),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      tabable = _useState2[0],
+      setTabable = _useState2[1];
+
+  var _useState3 = (0, _react.useState)([]),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      expanded = _useState4[0],
+      setExpandedState = _useState4[1];
+
+  var firstNode = (0, _react.useRef)(null);
+  var nodeMap = (0, _react.useRef)({});
+  var treeviewMode = mode === "treeview";
+  var isExpanded = (0, _react.useCallback)(function (nodeId) {
+    return !collapsible || _utils.NodeTreeExpandUtils.isExpanded(expanded, nodeId);
+  }, [collapsible, expanded]);
+  var isTabbable = (0, _react.useCallback)(function (nodeId) {
+    return !treeviewMode || tabable === nodeId;
+  }, [treeviewMode, tabable]);
+  var isSelected = (0, _react.useCallback)(function (nodeId) {
+    return selectable && selected != null && selected === nodeId;
+  }, [selectable, selected]); // onChange prop was causing unneeded context changes
+  // we just need to keep it as a mutable reference
+
+  var onChangeCallback = (0, _usePropAsRef.default)(onChange);
+  var select = (0, _react.useCallback)(function (event, selectedNodeId) {
+    if (onChangeCallback.current) {
+      onChangeCallback.current(event, selectedNodeId, nodeMap.current[selectedNodeId] != null ? nodeMap.current[selectedNodeId].nodePayloadRef.current : null);
+    }
+  }, [onChangeCallback]);
+  var getNextNode = (0, _react.useCallback)(function (nodeId) {
+    return _utils.NodeTreeNavigationUtils.getNextNode(isExpanded, nodeMap.current, nodeId);
+  }, [isExpanded]);
+  var getPreviousNode = (0, _react.useCallback)(function (nodeId) {
+    return _utils.NodeTreeNavigationUtils.getPreviousNode(isExpanded, nodeMap.current, nodeId);
+  }, [isExpanded]);
+  var getFirstNode = (0, _react.useCallback)(function () {
+    if (firstNode.current) {
+      return firstNode.current;
+    }
+
+    return null;
+  }, []);
+  var getLastNode = (0, _react.useCallback)(function () {
+    var nodeId = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : -1;
+    return _utils.NodeTreeNavigationUtils.getLastNode(isExpanded, nodeMap.current, nodeId);
+  }, [isExpanded]);
+  var focus = (0, _react.useCallback)(function (nodeId) {
+    if (nodeId) {
+      if (treeviewMode) {
+        setTabable(nodeId);
+      } else if (nodeMap.current[nodeId] && nodeMap.current[nodeId].nodeActionableRef.current) {
+        nodeMap.current[nodeId].nodeActionableRef.current.focus();
+      }
+    }
+  }, [treeviewMode]);
+  var focusNextNode = (0, _react.useCallback)(function (nodeId) {
+    var nextNode = getNextNode(nodeId);
+
+    if (nextNode) {
+      focus(nextNode);
+      return true;
+    }
+
+    return false;
+  }, [focus, getNextNode]);
+  var focusPreviousNode = (0, _react.useCallback)(function (nodeId) {
+    var previousNode = getPreviousNode(nodeId);
+
+    if (previousNode) {
+      focus(previousNode);
+      return true;
+    }
+
+    return false;
+  }, [focus, getPreviousNode]);
+  var focusFirstNode = (0, _react.useCallback)(function () {
+    var fNode = getFirstNode();
+
+    if (fNode) {
+      focus(fNode);
+      return true;
+    }
+
+    return false;
+  }, [focus, getFirstNode]);
+  var focusLastNode = (0, _react.useCallback)(function () {
+    var lastNode = getLastNode();
+
+    if (lastNode) {
+      focus(lastNode);
+      return true;
+    }
+
+    return false;
+  }, [focus, getLastNode]);
+  var toggle = (0, _react.useCallback)(function (nodeId) {
+    if (!collapsible) {
+      // nothing to do if in non-colapsible mode
+      return false;
+    }
+
+    var newExpanded = _utils.NodeTreeExpandUtils.toggle(expanded, nodeId);
+
+    setExpandedState(newExpanded);
+    return true;
+  }, [collapsible, expanded]);
+  var expandAllSiblings = (0, _react.useCallback)(function (nodeId) {
+    if (!collapsible) {
+      // nothing to do if in non-colapsible mode
+      return false;
+    }
+
+    var newExpanded = _utils.NodeTreeExpandUtils.expandAllSiblings(expanded, nodeMap.current, nodeId);
+
+    setExpandedState(newExpanded);
+    return true;
+  }, [collapsible, expanded]);
+  var handleLeftArrow = (0, _react.useCallback)(function (nodeId) {
+    if (collapsible && isExpanded(nodeId)) {
+      toggle(nodeId);
+      return true;
+    }
+
+    var parent = nodeMap.current[nodeId].parent;
+
+    if (parent !== -1) {
+      focus(parent);
+      return true;
+    }
+
+    return false;
+  }, [collapsible, focus, isExpanded, toggle]);
+  var setFocusByFirstCharacter = (0, _react.useCallback)(function (nodeId, char) {
+    var toFocus = _utils.NodeTreeNavigationUtils.getNodeByFirstCharacter(nodeMap.current, _utils.NodeTreeExpandUtils.getVisibleNodes(collapsible ? expanded : true, nodeMap.current), nodeId, char);
+
+    if (toFocus) {
+      focus(toFocus);
+      return true;
+    }
+
+    return false;
+  }, [collapsible, expanded, focus]);
+  var addNodeToNodeMap = (0, _react.useCallback)(function (nodeId, childrenIds, nodePayloadRef, nodeActionableRef, label) {
+    nodeMap.current = _utils.NodeTreeMapUtils.addNodeToNodeMap(nodeMap.current, nodeId, childrenIds, {
+      nodePayloadRef: nodePayloadRef,
+      nodeActionableRef: nodeActionableRef,
+      label: label
+    });
+  }, []);
+  var removeNodeFromNodeMap = (0, _react.useCallback)(function (nodeId) {
+    nodeMap.current = _utils.NodeTreeMapUtils.removeNodeFromNodeMap(nodeMap.current, nodeId);
+  }, []);
+  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]);
+  (0, _react.useEffect)(function () {
+    addNodeToNodeMap(-1, childIds);
+
+    var _childIds = (0, _slicedToArray2.default)(childIds, 1);
+
+    firstNode.current = _childIds[0];
+    return function () {
+      removeNodeFromNodeMap(-1);
+    };
+  }, [addNodeToNodeMap, childIds, removeNodeFromNodeMap]);
+  (0, _react.useEffect)(function () {
+    if (treeviewMode) {
+      if (selectable && selected != null) {
+        // if a node is selected before the tree receives focus,
+        // focus is set on the selected node
+        // (when adding support for multi-select: if one or more nodes are selected
+        // before the tree receives focus, focus is set on the first selected node)
+        setTabable(selected);
+      } else {
+        // if none of the nodes are selected before the tree
+        // receives focus, focus is set on the first node
+        setTabable(firstNode.current);
+      }
+    }
+  }, [selectable, selected, treeviewMode]);
+
+  var treeControlContext = _react.default.useMemo(function () {
+    return {
+      expandAllSiblings: expandAllSiblings,
+      focus: focus,
+      focusFirstNode: focusFirstNode,
+      focusLastNode: focusLastNode,
+      focusNextNode: focusNextNode,
+      focusPreviousNode: focusPreviousNode,
+      handleLeftArrow: handleLeftArrow,
+      addNodeToNodeMap: addNodeToNodeMap,
+      removeNodeFromNodeMap: removeNodeFromNodeMap,
+      collapsible: collapsible,
+      select: select,
+      setFocusByFirstCharacter: setFocusByFirstCharacter,
+      toggle: toggle,
+      mode: mode
+    };
+  }, [addNodeToNodeMap, collapsible, expandAllSiblings, focus, focusFirstNode, focusLastNode, focusNextNode, focusPreviousNode, handleLeftArrow, removeNodeFromNodeMap, select, setFocusByFirstCharacter, toggle, mode]);
+
+  var treeStateContext = _react.default.useMemo(function () {
+    return {
+      isExpanded: isExpanded,
+      isTabbable: isTabbable,
+      isSelected: isSelected
+    };
+  }, [isExpanded, isSelected, isTabbable]);
+
+  return /*#__PURE__*/_react.default.createElement(_TreeViewContexts.TreeViewControlContext.Provider, {
+    value: treeControlContext
+  }, /*#__PURE__*/_react.default.createElement(_TreeViewContexts.TreeViewStateContext.Provider, {
+    value: treeStateContext
+  }, /*#__PURE__*/_react.default.createElement("ul", (0, _extends2.default)({
+    id: id,
+    role: treeviewMode ? "tree" : undefined,
+    className: (0, _clsx.default)(classes.root, className)
+  }, others), children)));
+};
+
+process.env.NODE_ENV !== "production" ? TreeView.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 component.
+     */
+    root: _propTypes.default.string
+  }).isRequired,
+
+  /**
+   * Modus operandi (role) of the widget instance.
+   */
+  mode: _propTypes.default.oneOf(["treeview", "navigation"]),
+
+  /**
+   * Can nodes be selected.
+   */
+  selectable: _propTypes.default.bool,
+
+  /**
+   * Receives the id of an item present in the list and selects it.
+   */
+  selected: _propTypes.default.string,
+
+  /**
+   * Can non-leaf nodes be collapsed / expanded.
+   */
+  collapsible: _propTypes.default.bool,
+
+  /**
+   * Callback fired when a tree item is selected.
+   *
+   * @param {array} nodeId The id of the selected node.
+   */
+  onChange: _propTypes.default.func,
+
+  /**
+   * The content of the component.
+   */
+  children: _propTypes.default.node
+} : void 0;
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvVerticalNavigationTreeView"
+})(TreeView);
+
+exports.default = _default;
+//# sourceMappingURL=TreeView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TreeView.js","names":["TreeView","props","id","className","classes","mode","collapsible","selectable","selected","onChange","children","others","useState","tabable","setTabable","expanded","setExpandedState","firstNode","useRef","nodeMap","treeviewMode","isExpanded","useCallback","nodeId","NodeTreeExpandUtils","isTabbable","isSelected","onChangeCallback","usePropAsRef","select","event","selectedNodeId","current","nodePayloadRef","getNextNode","NodeTreeNavigationUtils","getPreviousNode","getFirstNode","getLastNode","focus","nodeActionableRef","focusNextNode","nextNode","focusPreviousNode","previousNode","focusFirstNode","fNode","focusLastNode","lastNode","toggle","newExpanded","expandAllSiblings","handleLeftArrow","parent","setFocusByFirstCharacter","char","toFocus","getNodeByFirstCharacter","getVisibleNodes","addNodeToNodeMap","childrenIds","label","NodeTreeMapUtils","removeNodeFromNodeMap","previousChildIds","childIds","useMemo","ids","React","Children","map","child","arrayDiff","useEffect","treeControlContext","treeStateContext","undefined","clsx","root","propTypes","PropTypes","string","shape","isRequired","oneOf","bool","func","node","withStyles","styles","name"],"sources":["../../../src/VerticalNavigation/TreeView/TreeView.js"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\n\nimport { TreeViewControlContext, TreeViewStateContext } from \"./TreeViewContexts\";\n\nimport arrayDiff from \"../../utils/arrayDiff\";\nimport usePropAsRef from \"../../utils/usePropAsRef\";\nimport { NodeTreeExpandUtils, NodeTreeMapUtils, NodeTreeNavigationUtils } from \"./utils\";\n\nimport styles from \"./styles\";\n\nconst TreeView = (props) => {\n  const {\n    id,\n    className,\n    classes,\n    mode = \"treeview\",\n    collapsible = false,\n    selectable = true,\n    selected = null,\n    onChange = null,\n    children = null,\n    ...others\n  } = props;\n\n  const [tabable, setTabable] = useState(null);\n\n  const [expanded, setExpandedState] = useState([]);\n\n  const firstNode = useRef(null);\n  const nodeMap = useRef({});\n\n  const treeviewMode = mode === \"treeview\";\n\n  const isExpanded = useCallback(\n    (nodeId) => !collapsible || NodeTreeExpandUtils.isExpanded(expanded, nodeId),\n    [collapsible, expanded]\n  );\n  const isTabbable = useCallback(\n    (nodeId) => !treeviewMode || tabable === nodeId,\n    [treeviewMode, tabable]\n  );\n  const isSelected = useCallback(\n    (nodeId) => selectable && selected != null && selected === nodeId,\n    [selectable, selected]\n  );\n\n  // onChange prop was causing unneeded context changes\n  // we just need to keep it as a mutable reference\n  const onChangeCallback = usePropAsRef(onChange);\n\n  const select = useCallback(\n    (event, selectedNodeId) => {\n      if (onChangeCallback.current) {\n        onChangeCallback.current(\n          event,\n          selectedNodeId,\n          nodeMap.current[selectedNodeId] != null\n            ? nodeMap.current[selectedNodeId].nodePayloadRef.current\n            : null\n        );\n      }\n    },\n    [onChangeCallback]\n  );\n\n  const getNextNode = useCallback(\n    (nodeId) => NodeTreeNavigationUtils.getNextNode(isExpanded, nodeMap.current, nodeId),\n    [isExpanded]\n  );\n  const getPreviousNode = useCallback(\n    (nodeId) => NodeTreeNavigationUtils.getPreviousNode(isExpanded, nodeMap.current, nodeId),\n    [isExpanded]\n  );\n  const getFirstNode = useCallback(() => {\n    if (firstNode.current) {\n      return firstNode.current;\n    }\n\n    return null;\n  }, []);\n  const getLastNode = useCallback(\n    (nodeId = -1) => NodeTreeNavigationUtils.getLastNode(isExpanded, nodeMap.current, nodeId),\n    [isExpanded]\n  );\n\n  const focus = useCallback(\n    (nodeId) => {\n      if (nodeId) {\n        if (treeviewMode) {\n          setTabable(nodeId);\n        } else if (nodeMap.current[nodeId] && nodeMap.current[nodeId].nodeActionableRef.current) {\n          nodeMap.current[nodeId].nodeActionableRef.current.focus();\n        }\n      }\n    },\n    [treeviewMode]\n  );\n\n  const focusNextNode = useCallback(\n    (nodeId) => {\n      const nextNode = getNextNode(nodeId);\n      if (nextNode) {\n        focus(nextNode);\n        return true;\n      }\n\n      return false;\n    },\n    [focus, getNextNode]\n  );\n  const focusPreviousNode = useCallback(\n    (nodeId) => {\n      const previousNode = getPreviousNode(nodeId);\n      if (previousNode) {\n        focus(previousNode);\n        return true;\n      }\n\n      return false;\n    },\n    [focus, getPreviousNode]\n  );\n  const focusFirstNode = useCallback(() => {\n    const fNode = getFirstNode();\n    if (fNode) {\n      focus(fNode);\n      return true;\n    }\n\n    return false;\n  }, [focus, getFirstNode]);\n  const focusLastNode = useCallback(() => {\n    const lastNode = getLastNode();\n    if (lastNode) {\n      focus(lastNode);\n      return true;\n    }\n\n    return false;\n  }, [focus, getLastNode]);\n\n  const toggle = useCallback(\n    (nodeId) => {\n      if (!collapsible) {\n        // nothing to do if in non-colapsible mode\n        return false;\n      }\n\n      const newExpanded = NodeTreeExpandUtils.toggle(expanded, nodeId);\n      setExpandedState(newExpanded);\n\n      return true;\n    },\n    [collapsible, expanded]\n  );\n\n  const expandAllSiblings = useCallback(\n    (nodeId) => {\n      if (!collapsible) {\n        // nothing to do if in non-colapsible mode\n        return false;\n      }\n\n      const newExpanded = NodeTreeExpandUtils.expandAllSiblings(expanded, nodeMap.current, nodeId);\n      setExpandedState(newExpanded);\n\n      return true;\n    },\n    [collapsible, expanded]\n  );\n\n  const handleLeftArrow = useCallback(\n    (nodeId) => {\n      if (collapsible && isExpanded(nodeId)) {\n        toggle(nodeId);\n        return true;\n      }\n\n      const { parent } = nodeMap.current[nodeId];\n      if (parent !== -1) {\n        focus(parent);\n        return true;\n      }\n\n      return false;\n    },\n    [collapsible, focus, isExpanded, toggle]\n  );\n\n  const setFocusByFirstCharacter = useCallback(\n    (nodeId, char) => {\n      const toFocus = NodeTreeNavigationUtils.getNodeByFirstCharacter(\n        nodeMap.current,\n        NodeTreeExpandUtils.getVisibleNodes(collapsible ? expanded : true, nodeMap.current),\n        nodeId,\n        char\n      );\n      if (toFocus) {\n        focus(toFocus);\n        return true;\n      }\n\n      return false;\n    },\n    [collapsible, expanded, focus]\n  );\n\n  const addNodeToNodeMap = useCallback(\n    (nodeId, childrenIds, nodePayloadRef, nodeActionableRef, label) => {\n      nodeMap.current = NodeTreeMapUtils.addNodeToNodeMap(nodeMap.current, nodeId, childrenIds, {\n        nodePayloadRef,\n        nodeActionableRef,\n        label,\n      });\n    },\n    []\n  );\n\n  const removeNodeFromNodeMap = useCallback((nodeId) => {\n    nodeMap.current = NodeTreeMapUtils.removeNodeFromNodeMap(nodeMap.current, nodeId);\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  useEffect(() => {\n    addNodeToNodeMap(-1, childIds);\n\n    [firstNode.current] = childIds;\n\n    return () => {\n      removeNodeFromNodeMap(-1);\n    };\n  }, [addNodeToNodeMap, childIds, removeNodeFromNodeMap]);\n\n  useEffect(() => {\n    if (treeviewMode) {\n      if (selectable && selected != null) {\n        // if a node is selected before the tree receives focus,\n        // focus is set on the selected node\n        // (when adding support for multi-select: if one or more nodes are selected\n        // before the tree receives focus, focus is set on the first selected node)\n        setTabable(selected);\n      } else {\n        // if none of the nodes are selected before the tree\n        // receives focus, focus is set on the first node\n        setTabable(firstNode.current);\n      }\n    }\n  }, [selectable, selected, treeviewMode]);\n\n  const treeControlContext = React.useMemo(\n    () => ({\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    }),\n    [\n      addNodeToNodeMap,\n      collapsible,\n      expandAllSiblings,\n      focus,\n      focusFirstNode,\n      focusLastNode,\n      focusNextNode,\n      focusPreviousNode,\n      handleLeftArrow,\n      removeNodeFromNodeMap,\n      select,\n      setFocusByFirstCharacter,\n      toggle,\n      mode,\n    ]\n  );\n\n  const treeStateContext = React.useMemo(\n    () => ({\n      isExpanded,\n      isTabbable,\n      isSelected,\n    }),\n    [isExpanded, isSelected, isTabbable]\n  );\n\n  return (\n    <TreeViewControlContext.Provider value={treeControlContext}>\n      <TreeViewStateContext.Provider value={treeStateContext}>\n        <ul\n          id={id}\n          role={treeviewMode ? \"tree\" : undefined}\n          className={clsx(classes.root, className)}\n          {...others}\n        >\n          {children}\n        </ul>\n      </TreeViewStateContext.Provider>\n    </TreeViewControlContext.Provider>\n  );\n};\n\nTreeView.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 component.\n     */\n    root: PropTypes.string,\n  }).isRequired,\n  /**\n   * Modus operandi (role) of the widget instance.\n   */\n  mode: PropTypes.oneOf([\"treeview\", \"navigation\"]),\n  /**\n   * Can nodes be selected.\n   */\n  selectable: PropTypes.bool,\n  /**\n   * Receives the id of an item present in the list and selects it.\n   */\n  selected: PropTypes.string,\n  /**\n   * Can non-leaf nodes be collapsed / expanded.\n   */\n  collapsible: PropTypes.bool,\n  /**\n   * Callback fired when a tree item is selected.\n   *\n   * @param {array} nodeId The id of the selected node.\n   */\n  onChange: PropTypes.func,\n  /**\n   * The content of the component.\n   */\n  children: PropTypes.node,\n};\n\nexport default withStyles(styles, { name: \"HvVerticalNavigationTreeView\" })(TreeView);\n"],"mappings":"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"}